body { font-family: 'Pavanam'; font-size: 18px; line-height: 22px; font-weight: 400; background: #B9A382; color:#795F55; }

.clear { clear: both; }

p { font-family: 'Pavanam'; font-size: 18px; line-height: 26px; margin-bottom: 20px; color:#795F55; }

.szoveg { font-family: 'Pavanam'; font-size: 17px; line-height: 24px; margin-bottom: 20px; color:#795F55; }

h1 { font-family: 'Pontano Sans'; font-size: 45px; color: #C1A57D; font-weight:normal; padding-top: 0px; padding-bottom: 20px; margin-top:0; letter-spacing:-1px }

h2 { font-family: 'IBM Plex Sans Condensed'; font-size: 39px; color: #D6250C; font-weight:normal; padding-top: 0px; padding-bottom: 6px; margin-top:12px; letter-spacing:-1px }

h3 { font-family: 'IBM Plex Sans Condensed'; font-size: 36px; color: #D6250C; font-weight:normal; padding-top: 0px; padding-bottom: 6px; margin-top:12px; letter-spacing:-1px }

h4 { font-family: 'Quicksand'; font-size: 50px; color: #D00B19; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:30px; letter-spacing:-1px }

h5 { font-family: 'Pontano Sans'; font-size: 24px; color: #FFF; font-weight:normal; margin-top:8px; margin-bottom:12px; text-transform:uppercase }

li { font-size: 17px; line-height: 24px; margin-bottom: 10px; color:#795F55; }

a, a:hover { text-decoration: none; }

a.link { font-family: 'Titillium Web'; font-size: 18px; line-height: 19px; font-weight: 400; }
a.link:link    { color: #606064; text-decoration: none; }
a.link:visited { color: #606064; text-decoration: none; }
a.link:hover   { color: #DB0500; text-decoration: underline; }

.container { width:100%; max-width:1380px; padding-top:0px; padding-bottom:0px; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.nopadding { padding:0; }

.carousel { width:100%; border:0px solid #FFFFFF; margin:0px; margin-bottom:25px; }

.carousel-inner { width:100%; float:left; }

.carousel-caption { top: 140px; }

.carousel-indicators li { width:18px; height:18px; border:1px solid #FFF; border-radius:0px; margin:0 3px; }

.carousel-indicators .active { width:18px; height:18px; background-color:#FFF; border-radius:0px; margin:0 3px; }

.section { background: #FFF; padding: 40px; }

.section3 { padding-top: 20px; padding-bottom:30px; background:#FFF url('../img/whitediamond.png'); padding-left:20px; padding-right:20px; overflow:hidden; }

.section3 ul { padding-left: 20px; }

.section3 img { max-width:100%; }

.kep { width:50%; }

.balmenu { background:#CAB799; padding:22px; padding-bottom:40px; }

.tartalom { border:0px solid #B9A382; padding-left:20px; padding-right:0; }

.termekcsop a { display:block; padding:10px 2px; margin:0; font-size:19px; color:#5A3C25; border-bottom:1px solid rgba(255,255,255,0.5); }

.termekcsop a:hover { color:#FFF; }

.termekcsop div:last-child a { border-bottom:none; }

.navbar-brand { font-family: 'Pontano Sans'; font-size:32px; color: rgba(255,255,255,0.95) !important; font-weight:normal; margin:16px 0; height:auto; }

.navbar-brand img { display:inline-block; }

.navbar { border: none; padding:0px; margin:0px; border-radius:0; }

.navbar .container { position:relative; }

.navbar-inverse { background: #C60D18 url('../img/fejhatter.png') no-repeat bottom center; margin:0 auto; z-index:2000; position:relative; border-bottom:6px solid #FFFFFF; overflow:hidden; }

.navbar-collapse { border-top:none; padding-top:30px; margin:0; position:relative; }

.navbar-nav { position:absolute; bottom:0px; right:0; }

.navbar-nav li { display:inline-block; padding:0; margin:0; }

.navbar-nav li:last-child div { border-right:none; }

.navbar-inverse .navbar-nav li a { font-family: 'Pontano Sans'; font-size:19px; font-weight:normal; color: rgba(255,255,255,0.95); padding:20px 18px; margin:0px 0px; border-right:0px solid rgba(255,255,255,0.8); letter-spacing:1px; text-transform:uppercase; }

.navbar-nav li a:focus,.navbar-inverse .navbar-nav>li>a:hover { color:#533931; background:#FFFFFF }

.navbar-nav li .aktiv { color:#533931 !important; background:#FFFFFF }

.navbar-toggle { position:relative; float:right; padding:10px 10px; margin-top:20px; margin-bottom:0px; margin-right:20px; background:#FFF; border:none; border-radius:0px; clear:both }

.navbar-inverse .navbar-toggle:focus { background: #FFF; }

.navbar-inverse .navbar-toggle:hover { background: none; }

.navbar-inverse .navbar-toggle .icon-bar { width: 28px; height: 5px; background:#CE171C; }

.navbar-toggle:focus .icon-bar { background:#CE171C; }

.navbar-toggle:hover .icon-bar { background:#FFF; }

#lablec1 { padding: 30px 0; padding-bottom:20px; background: #604624 url('../img/mFTPcl2---.png') center; background-size:100%; font-family: 'Open Sans'; color: rgba(255,255,255,0.7); font-size: 16px; }

#lablec1 h3 { font-family: 'Roboto Condensed'; font-size: 35px; color:#C3A983; font-weight:700; margin-top:20px; margin-bottom:8px; padding:0; text-transform: uppercase; letter-spacing:1px; }

#lablec1 a { font-family: 'Open Sans'; color: rgba(255,255,255,0.7); font-size: 16px; }

#lablec1 .fa { font-size: 16px; color: #FFF; background: #CAB799; padding:8px; width:34px; height:34px; text-align: center; }

#lablec1 .logo img { margin:0; margin-top:20px; max-height: 95px; border:13px solid #FFFFFF; }

#copyright { margin-top:40px; padding-top:12px; border-top:1px solid rgba(255,255,255,0.8); }

#copyright p { font-family: 'Open Sans'; color: rgba(255,255,255,0.7); font-size: 16px; margin-bottom:6px; }

.labmenu { padding:2px 0; padding-top:16px; margin:0; border-top:1px solid rgba(255,255,255,0.8); }

.lab { padding:2px 0; margin:0; }

.lab span { margin-right:12px; }

.keresodoboz { margin-top: 30px; }

.keresomezo { padding:7px; }

.felsorolas { list-style:none; padding-left:0px; margin-left:0; }

.felsorolas li { list-style:none; padding-left:0px; margin-left:0; }

.felsorolas .fa-check { margin-right:10px; font-size:25px; }

.felsorolas .fa-arrow-right { margin-right:10px; font-size:25px; }

.felsorolas .feher { margin-right:10px; font-size:25px; color: #FFF; }

.felsorolas .fa-home, .felsorolas .fa-phone, .felsorolas .fa-envelope, .felsorolas .fa-facebook, .felsorolas .fa-whatsapp { width:30px; font-size:28px; }

.felsorolas .fa-envelope { font-size:22px; }

.labsav { border-right:1px solid rgba(255,255,255,0.8); }

.gomb { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:22px; margin:0px; font-weight: normal; padding:7px 9px; background: #CE171C; display:inline-block; border:1px solid rgba(255,255,255,0.4); }

.gomb:hover { background:#C00000; }

.termekdoboz { background:#FFF; margin:15px 0; text-align:center; position:relative; }

.termekdobozkiem { background:#FFF; margin:15px 0; text-align:left; padding:16px; }

.termekdoboz img, .termekdobozkiem img { max-width:100%; max-height:250px; border:12px solid #FFFFFF; }

.kosardoboz { margin-top:25px; margin-bottom:25px; background: #CAB799 url('../img/hazhozszall--.png') no-repeat right; padding:18px; font-family: 'Pontano Sans'; font-size: 31px; line-height:1.1em; color: #FFF; }

.hazhozszall { width:40px; margin-right:10px; font-size:38px; color:#604624; }

.block2-txt { background: #CAB799; padding-top:10px; padding-bottom:10px; }

.block2-txt div { margin:0 8px; }

.block2-name { font-size:23px; font-weight:bold; color:#D6250C; line-height:24px; display:block; letter-spacing:1px; }

.block2-name:hover { color:#C1A57D; }

.regiar { font-size:17px; font-weight:normal; color:#FF6600; text-decoration:line-through; }

.block2-price { font-size:22px; font-weight:bold; color:#FFF; padding:4px 0; display:inline-block }

.tulajdonsagbal { display: block; float: left; font-size:18px; width: 50%; font-weight:bold; border-bottom: 1px solid #E0E0E0; padding:7px 0; }

.tulajdonsagjobb { float: left; font-size:18px; width: 50%; padding-left: 10px; border-bottom: 1px solid #E0E0E0; padding:7px 0; }

.adatlapar { font-family: 'IBM Plex Sans Condensed'; font-size: 39px; color: #D6250C; font-weight:normal; padding-top: 0px; padding-bottom: 0px; margin-top:32px; margin-bottom:42px; letter-spacing:-1px }

INPUT.a, SELECT {
 font-size: 18px;
 font-weight: normal;
 color: #FFF;
 background: #CAB799;
 height:46px;
 line-height:46px;
 border:none;
 padding:12px;
}

TEXTAREA {
 font-size: 18px;
 font-weight: normal;
 color: #FFF;
 background: #CAB799;
 line-height:22px;
 border:none;
 height:120px;
}

.piros { font-family: 'Pavanam'; font-size: 19px; line-height: 24px; color:#D6250C; }

.btn-back-to-top { display: none; position: fixed; width: 56px; height: 56px; bottom: 25px; right: 20px; background-color: #CE171C; justify-content: center; align-items: center; z-index: 1000; border-radius: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; border-radius: 0; }

.symbol-btn-back-to-top { font-size: 22px; color: white; line-height: 1em; }

.btn-back-to-top:hover .symbol-btn-back-to-top { color: #CE171C; }

.btn-back-to-top:hover { background-color: #FFF; color:#CE171C; cursor: pointer; }

.hibauzi { background-color: #CB1610; color:#FFFFFF; padding:16px;}

.slick3 { width: 100%; }

.slick3slide { margin-bottom:20px; }

.slick3slide img { max-width:100% }

.wrap-slick3-dots { width: 100%; }

.slick3-dots { margin: 0px; padding-left:0 !important; }

.slick3-dots li { width: 15%; display: inline-block; position: relative; margin-right: 15px; padding:5px; }

.slick3-dots li img { width:100%; }

.slick3-dot-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.slick3-dot-overlay:hover { border: 1px solid #DDD; }

.slick3-dots .slick-active .slick3-dot-overlay { border: 1px solid #DDD; }

.slick-slider { position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

.slick-slide img { display: block; max-height:500px; }
	
.slick-slide.slick-loading img { display: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.urlapbal { display: block; float: left; font-size:19px; line-height:30px; width: 30%; font-weight:normal; padding-top:8px; }

.urlapjobb input { width: 100%; }

.urlapjobb { float: left; font-size:18px; width: 70%; padding-bottom:12px; }

.button { font-size: 21px; font-weight: normal; color: #FFFFFF; padding-left: 22px; padding-right: 22px; padding-bottom: 8px; padding-top: 8px;  margin: 0px 20px; background-color: #CE171C; border-color: #FFFFFF; }

.menu-trigger {	position:relative; float:right; background:#FFFFFF; padding:10px 10px; margin-top:25px; margin-bottom:0px; margin-right:20px; display: none; cursor: pointer; }
.menu-trigger .bars { transition:0.4s; float: left; position: relative; z-index: 9999; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; }
.menu-trigger .bars span { background: #C60D18; width: 28px; height: 5px; display: block; position: relative; margin: 10px 0px; }
.menu-trigger .bars span::after { background: #C60D18; width: 28px; height: 5px; display: block; position: absolute; z-index: -1; content: ""; }
.menu-trigger .bars span::before { background: #C60D18; width: 28px; height: 5px; display: block; position: absolute; z-index: -1; content: ""; }
.menu-trigger .bars span::before { left: 0px; top: -10px; }
.menu-trigger .bars span::after { left: 0px; top: 10px; }
.menu-trigger:hover { background: #C60D18; }
.menu-trigger:hover .bars span { background: #FFF; }
.menu-trigger:hover .bars span::before { background: #FFF; }
.menu-trigger:hover .bars span::after { background: #FFF; }


.mobile-menu a { padding: 12px 12px 12px 10px; color: #5A3C25; line-height: 18px; font-size: 18px; text-decoration: none; display: block; }
.mobile-menu ul { padding-left: 0; }
.mobile-menu a:hover { color: #FFF; }
.show-dropdown.mobile-menu { left: -100%; }
.mobile-menu li { border-bottom:1px solid rgba(255,255,255,0.5); list-style:none; margin:0; }
.mobile-menu li:last-child { border-bottom: none; }

#beuszo { position:absolute; z-index:3000; width:100%; max-width:700px; padding:0px; top:200px; left:20%; right:20%; -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.5);
box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.5); }
#beuszo img { width:100%; }
.beuszo_close { width:29px !important; float:right; margin:-20px; cursor:pointer; }

.tanusitvanykep { float:left; width:25%; }
.tanusitvanyszoveg { float:left; width:75%; padding-top:12px; }

.akciocimke { background: #CE171C; font-size:23px; color: rgba(255,255,255,0.9); width:200px; height:50px; padding-top:15px; text-align:center; text-transform:uppercase; letter-spacing:3px; transform:rotate(45deg); position:absolute; top:27px; right:-47px; z-index:3000; clip-path: polygon(25% 0%, 75% 0%, 100% 100%, 0% 100%); }

  /* ===== KONTAKT POPUP — DESKTOP MODAL STÍLUS ===== */
  #contactPopupModal .modal-content {
    border-radius: 4px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
  }
  #contactPopupModal .modal-header {
    background-color: #CE171C; /* igazítsd a kliens márkaszínéhez */
	font-size:22px;
    color: #fff; font-weight:bold; 
    border-radius: 4px 4px 0 0;
  }
  #contactPopupModal .modal-header .close {
    color: #fff;
    opacity: 0.8;
	font-size:32px;
  }
  
  #contactPopupModal p { font-size: 24px; color: #795F55; margin-bottom:8px; }
  
  #contactPopupModal .piroscim { color: #D6250C; font-weight:bold; }
  
  #contactPopupModal .phone-icon {
    font-size: 60px;
    color: #CAB799;
	margin:22px auto;
  }
  #contactPopupModal .btn-default {
    background-color: #CAB799;
    color: #fff;
	font-size:20px;
    border: none;
	padding:11px 18px;
  }
  #contactPopupModal .btn-call {
    background-color: #CE171C;
    color: #fff;
	font-size:20px;
    border: none;
	padding:11px 18px;
  }
  #contactPopupModal .btn-call:hover {
    background-color: #CE171C;
    color: #fff;
  }

/* ===== KONTAKT SÁV — MOBIL VERZIÓ ===== */
#contactPopupBar {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%);   /* mindig a saját magasságával tolja lejjebb */
  z-index: 1050;
  background-color: #CAB799;
  color: #fff;
  padding: 12px 15px;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
  transition: transform 0.4s ease-out;
}
#contactPopupBar.show {
  transform: translateY(0);
}

#contactPopupBar p { font-size: 22px; color: #FFFFFF; margin-bottom:6px; }

#contactPopupBar .phone-icon {
font-size: 42px;
color: #FFFFFF;
margin:22px auto;
}
#contactPopupBar .btn-call {
    background-color: #CE171C;
    color: #fff;
	font-size:19px;
    border: none;
	padding:9px 15px;
}
#contactPopupBar .bar-close {
  color: #fff;
  opacity: 1;
  font-size: 52px !important;
  line-height: 1;
  background: none;
  border: none;
  padding: 0;
  position:absolute;
  top:10px; right:10px;
}

/* Mobilon (Bootstrap 3 xs/sm töréspont) a sávot mutatjuk, a modal helyett */
@media (max-width: 767px) {
  #contactPopupBar {
    display: block;
  }
}


@media (min-width: 590px) and (max-width: 1059px) {

	.container { max-width:100%; padding-left:18px; padding-right:18px; }
	.section { padding: 30px; }
	.navbar-collapse { padding-top:0px; position:relative; }
	.navbar-nav li { display:block; padding:0; margin:0; }

}

@media (min-width: 590px) and (max-width: 930px) {

	.navbar-nav { position:relative; bottom:0px; right:0; }
	.navbar-inverse .navbar-nav li a { font-size:20px; padding:14px 14px; }

}

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

	.navbar-brand { margin:0; padding-bottom:0; }

}

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

	.navbar-brand { margin:5px 0; }
	.tartalom { padding-left:0px; }
	.menu-trigger { display: block; }
	.kosardoboz { font-size:29px; }
	.carousel-indicators { display:none; }

}

@media (min-width: 0px) and (max-width: 590px) {

	h1 { font-size: 37px; }
	h2 { font-size: 33px; }
	h3 { font-size: 32px; }
	.container { max-width:100%; padding-left:12px; padding-right:12px; }
	#lablec1 .container { padding-left:20px; padding-right:20px; }
	#lablec1 h3 { font-size: 32px; }
	.carousel { margin-bottom:20px; }
	.tartalom { padding-left:0px; }
	.section { padding: 20px; }
	.navbar-brand { margin:5px 0; font-size:29px; }
	.navbar-inverse { background: #CE171C url('../img/fejhatter.png') no-repeat top center; }
	.navbar .container { position:relative; }
	.navbar-collapse { padding-top:0px; }
	.navbar-nav { position:relative; bottom:0px; right:0; }
	.navbar-nav li { display:block; padding:0; margin:0; }
	.navbar-inverse .navbar-nav li a { font-size:20px; padding:14px 14px; }
	.menu-trigger { display: block; margin-top:17px; margin-right:8px; }
	.tulajdonsagbal { display: block; float: none; width: 100%; border:none; padding-top:8px; padding-bottom:0px; }
	.tulajdonsagjobb { display: block; float: none; width: 100%; padding-top:0px; padding-bottom:8px; }
	.adatlapar { font-size: 35px; }
	.kosardoboz { font-size:27px; }
	.urlapbal { display: block; float: none; width: 100%; }
	.urlapjobb { display: block; float: none; width: 100%; }
	#beuszo { width:90%; top:100px; left:0; right:0; }
}

@media (min-width: 0px) and (max-width: 440px) {

	.navbar-brand { margin:5px 0; font-size:24px; }
	.navbar-brand img { width:42px; }
	#beuszo { width:90%; top:100px; left:0; right:0; }

}