#butorok_container {
position: relative;
width: 510px;
height: auto;
margin-left: 11px;
margin-top: 20px;
}

#butorok_container .h1_container {
position: relative;
width: 100%;
height: auto;
border-bottom: #751101 1px solid;
}

#butorok_container h1 {
float: left;
margin: 0px;
margin-bottom: -1px;
padding: 0px;
padding-bottom: 3px;
font-family: Times New Roman, Arial;
font-size: 24px;
font-weight: normal;
color: #751101;
text-transform: none;
border-bottom: #ce3219 3px solid;
}

#butorok_container .h2_container {
position: relative;
width: 100%;
height: auto;
border-bottom: #751101 1px solid;
}

#butorok_container h2 {
float: left;
margin: 0px;
margin-bottom: -1px;
margin-top: 20px;
padding: 0px;
padding-bottom: 3px;
font-family: Times New Roman, Arial;
font-size: 24px;
font-weight: normal;
color: #751101;
text-transform: none;
border-bottom: #ce3219 3px solid;
}

#butorok_container .text_container {
position: relative;
width: 100%;
height: auto;
background: #f8f8f8;
}

#butorok_container p {
margin: 0px;
padding: 15px;
font-size: 13px;
color: #575757;
text-align: justify;
line-height: 18px;
}

#butorok_container .adv_container {
position: relative;
width: 100%;
height: auto;
margin-top: 5px;
}

#butorok_container .ok_banner {
position: relative;
width: 100%;
height: 105px;
background: url(/images/responsive_ok_banner.jpg) top right -2px no-repeat;
float: left;
}

#butorok_container .goto_banner {
position: relative;
width: 100%;
height: auto;
text-decoration: none !important;
margin: 15px 0;
display: flex;
flex-direction: column;
justify-content: center;
}

#butorok_container .goto_banner::after {
content: '';
display: block;
width: 100%;
height: 7px;
background: url(/images/box-shadow.jpg) center right no-repeat;
}

@keyframes pulsate {
  0% { 
    opacity: 0.2;
  }
  50% { 
    opacity: 1.0;
  }
  100% { 
    opacity: 0.2;
  }
}

#butorok_container .goto_banner::before {
content: '';
display: block;
width: 44px;
height: 54px;
background: url(/images/arrow.jpg) center center no-repeat;
position: absolute;
right: 10px;
margin-top: -7px;
animation: pulsate 3s ease-out;
animation-iteration-count: infinite;  
-webkit-animation: pulsate 3s ease-out;
-webkit-animation-iteration-count: infinite; 
-moz-animation: pulsate 3s ease-out;
-moz-animation-iteration-count: infinite;
}

#butorok_container .goto_banner_title {
font-size: 18px;
color: #ffffff;
padding: 20px 60px 20px 20px;
background: #ce3219;
text-align: left !important;
}

#butorok_container .ok_banner_title {
position: relative;
margin-top: 8px;
text-align: left;
font-size: 18px;
font-weight: bold;
color: #ce3219;
margin-left: 10px;
font-weight: bold;
}

#butorok_container .ok_banner_text,
#butorok_container .goto_banner_text {
position: relative;
margin-top: 5px;
text-align: left;
font-size: 12px;
color: #575757;
margin-left: 10px;
width: 100%;
line-height: 18px;
}

#butorok_container .ok_banner_text strong, #butorok_container .ok_banner_title strong {
font-weight: bold;
}

#butorok_container .pic_container {
position: relative;
width: 100%;
height: auto;
background: #f1f1f1;
padding-top: 15px;
padding-bottom: 15px;
}

#butorok_container .pic_container .pager {
  position: absolute;
  top: -34px;
  right: 0px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  width: 84px;
  height: 24px;
  text-align: center;
  padding-top: 9px;
  background: url(/images/pager_background.jpg) center center no-repeat;  
}

#butorok_container .video_container {
position: relative;
width: 100%;
height: auto;
background: #f1f1f1;
padding-top: 15px;
padding-bottom: 15px;
}

/* jcarousel */
#first-carousel .jcarousel-container {
position: relative;
width: 100%;
height: 294px;
}

.jcarousel-clip {
position: relative;
width: 446px;
height: auto;
margin-left: 32px;
overflow: hidden;
}

#first-carousel {
width: 446px;
height: 600px;
margin: 0px;
padding: 0px;
}

#first-carousel li {
width: 446px;
height: 600px;
margin: 0px;
padding: 0px;
}

.pic_container .jcarousel-prev {
position: absolute;
width: 35px;
height: 40px;
cursor: pointer;
left: -13px;
top: 125px;
background-image: url(/images/carousel_left.jpg);
background-position: 0px -39px;
background-repeat: no-repeat;
}

.pic_container .jcarousel-next {
position: absolute;
width: 35px;
height: 40px;
cursor: pointer;
right: -13px;
top: 125px;
background-image: url(/images/carousel_right.jpg);
background-position: 0px -39px;
background-repeat: no-repeat;
}

.pic_container .jcarousel-prev-disabled, .pic_container .jcarousel-next-disabled {
background-position: 0px 0px;
cursor: default;
}

#first-carousel .picholder {
position: relative;
width: 130px;
height: 130px;
padding: 6px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background: url(/images/carousel_pic_background.jpg) top center no-repeat;
}

#first-carousel .picholder .numbering {
  position: absolute;
  width: 20px;
  height: 18px;
  bottom: 5px;
  right: 5px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  padding-left: 10px;
  color: #751101;
}

#first-carousel .lastinrow {
margin-right: 0px;
}

#first-carousel a {
display: block;
width: 130px;
height: 130px;
}

#first-carousel .zoomimage {
position: absolute;
top: 0px;
left: 0px;
display: none;
}

.video_container .jcarousel-prev {
position: absolute;
width: 35px;
height: 40px;
cursor: pointer;
left: -13px;
top: 46px;
background-image: url(/images/carousel_left.jpg);
background-position: 0px -39px;
background-repeat: no-repeat;
}

.video_container .jcarousel-next {
position: absolute;
width: 35px;
height: 40px;
cursor: pointer;
right: -13px;
top: 46px;
background-image: url(/images/carousel_right.jpg);
background-position: 0px -39px;
background-repeat: no-repeat;
}

.video_container .jcarousel-prev-disabled, .video_container .jcarousel-next-disabled {
background-position: 0px 0px;
cursor: default;
}

#second-carousel .jcarousel-container {
position: relative;
width: 100%;
height: 126px;
}

#second-carousel {
width: 446px;
height: 126px;
margin: 0px;
padding: 0px;
}

#second-carousel li {
width: 446px;
height: 126px;
margin: 0px;
padding: 0px;
}

#second-carousel {
width: 446px;
height: 126px;
margin: 0px;
padding: 0px;
}

#second-carousel li {
width: 446px;
height: 126px;
margin: 0px;
padding: 0px;
}

#second-carousel .videoholder {
position: relative;
width: 204px;
height: 114px;
padding: 6px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background: url(/images/carousel_video_background.jpg) top center no-repeat;
}

#second-carousel .lastinrow {
margin-right: 0px;
}

#second-carousel a {
display: block;
width: 130px;
height: 130px;
}

#second-carousel .zoomimage {
position: absolute;
top: 0px;
left: 0px;
display: none;
}

#footer_container {
position: relative;
width: 696px;
height: 53px;
margin-left: 40px;
margin-right: 40px;
border-top: #f1f1f1 1px solid;
}

#footer_container .left {
position: absolute;
width: auto;
height: auto;
left: 0px;
top: 16px;
}

#footer_container .right {
position: absolute;
width: auto;
height: auto;
right: 0px;
top: 11px;
}

#footer_container .left a {
font-size: 12px;
color: #575757;
text-decoration: none;
}

#footer_container .left a:hover {
color: #CE3219;
text-decoration: underline;
}

#footer_container .right a {
font-size: 11px;
color: #979797;
text-decoration: none;
}

#szoveg_container {
position: relative;
width: 510px;
height: auto;
margin-left: 11px;
margin-top: 20px;
}

#szoveg_container .h1_container {
position: relative;
width: 100%;
height: auto;
border-bottom: #751101 1px solid;
}

#szoveg_container h1 {
float: left;
margin: 0px;
margin-bottom: -1px;
padding: 0px;
padding-bottom: 3px;
font-family: Times New Roman, Arial;
font-size: 24px;
font-weight: normal;
color: #751101;
text-transform: none;
border-bottom: #ce3219 3px solid;
}

#szoveg_container .h2_container {
position: relative;
width: 100%;
height: auto;
border-bottom: #751101 1px solid;
}

#szoveg_container h2 {
margin: 0px;
padding: 0px;
padding-bottom: 3px;
margin-top: 15px;
font-size: 13px;
font-weight: bold;
color: #751101;
text-transform: none;
border-bottom: #e1e1e1 1px solid;
}

#szoveg_container .text_container {
position: relative;
width: 100%;
height: auto;
}

#szoveg_container p {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
font-size: 13px;
color: #575757;
text-align: justify;
line-height: 18px;
}

#szoveg_container ul {
margin-top: 10px;
margin-left: 0px;
}

#szoveg_container li {
margin: 0px;
padding: 0px;
font-size: 13px;
color: #575757;
text-align: justify;
line-height: 18px;
}

#szoveg_container a {
color: #CE3219;
}

#javit_almenu {
position: relative;
width: 178px;
height: auto;
margin-left: 25px;
background: #f8f8f8;
}

#javit_almenu .menupont {
position: relative;
width: 153px;
margin-left: 20px;
height: 20px;
border-bottom: #e1e1e1 1px solid;
padding-top: 10px;
padding-bottom: 3px;
}

#javit_almenu .menupont a {
color: #751101;
font-size: 13px;
font-weight: bold;
}

#fooldal_olcso_butor {
position: absolute;
width: 54px;
height: 267px;
top: 50px;
left: 764px;
}

#facebook {
position: absolute;
width: 70px;
height: 40px;
top: 15px;
left: 777px;
overflow: hidden;
}

#facebook iframe {
margin-top: -40px;
}

#fooldal_container .fabian_juli {
position: relative;
width: auto;
height: auto;
margin-top: 20px;
}

#fooldal_container .terulet {
position: relative;
width: auto;
height: auto;
margin-top: 10px;
border-bottom: 3px solid #CE3219;
}

#fooldal_container p {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
font-size: 13px;
color: #575757;
text-align: left;
line-height: 18px;
}

#fooldal_container .h1_container {
position: relative;
width: 100%;
height: auto;
margin-bottom: 20px;
}

#fooldal_container h1, #fooldal_container h2.h1_clone {
float: left;
margin: 0px;
margin-bottom: -1px;
padding: 0px;
padding-bottom: 3px;
font-family: Times New Roman, Arial;
font-size: 24px;
font-weight: normal;
color: #751101;
text-transform: none;
border-bottom: #ce3219 3px solid;
}

#h1_row {
position: relative;
width: 100%;
height: auto;
margin-bottom: 10px;
margin-top: 20px;
}

#h1_row .overtext {
position: relative;
width: 100%;
height: auto;
font-family: Times New Roman, Arial;
color: #ce3219;
font-size: 20px;
background: #FFFFFF;
z-index: 1000;
text-align: center;
text-transform: uppercase;
}

#h1_row .h1_container {
position: absolute;
width: 100%;
height: auto;
top: 0px;
left: 0px;
z-index: 10;
overflow: hidden;
margin: 0px;
}

#h1_row .h1_container h1 {
font-size: 10px;
margin: 0px;
padding: 0px;
}

#fooldal_container #h1_row h1 {
border-bottom: 0;
}

#fooldal_container .terulet .h1_container {
margin-bottom: 10px;
}

.pic_container .jcarousel-next,
.video_container .jcarousel-next {
  background: #ffffff url(/images/arrow_next.png) left 15px center no-repeat;
  cursor: pointer;
  height: 50px;
  width: 40px;
  border-radius: 50px 0 0 50px;
  right: -15px;
  top: 270px;
}

.pic_container .jcarousel-prev,
.video_container .jcarousel-prev {
  background: #ffffff url(/images/arrow_prev.png) right 15px center no-repeat;
  cursor: pointer;
  height: 50px;
  width: 40px;
  border-radius: 0 50px 50px 0;
  left: -15px;
  top: 270px;
}

.video_container .jcarousel-next,
.video_container .jcarousel-prev {
  top: 40px;
}

.jcarousel-prev-disabled,
.jcarousel-next-disabled {
  opacity: 0.5;
  pointer-events: none;
}

#bubble {
  position: absolute;
  width: 128px;
  height: 88px;
  background: url(/images/bubble.png) center center no-repeat;
  z-index: 8000;
  top: -200px;
  right: -10px;
  padding: 15px 20px 20px 10px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  display: none;
  cursor: pointer;  
}

#bubble span {
  font-weight: bold;
  font-size: 16px;
}

a[title] {
  display: none;
}

.bottomcloser {
  display: none;
}
.responsive_header {
  display: none;
}
#responsive_menu {
  display: none;
}
#fastcontact {
  display: none;
}

/* 2018 */
.foseo {
  padding: 20px 0 0 40px;
  width: 145px;
}
.foseo p {
  font-size: 12px;
  text-align: justify;
  color: #555;
}
#menu_container {
  width: 185px;
  padding: 0 0 0 19px;
}
#menu_container ul {
  padding: 0;
  margin: 0;
  width: 185px;
  list-style: none;
}
#menu_container ul li:not(.submenu) {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #781204;
  height: 55px;
  border-radius: 5px;
  margin-top: 2px;
}
#menu_container ul li:not(.submenu):hover,
#menu_container ul li.selected {
  background: #ce3219;
}
#menu_container ul li a {
  cursor: pointer;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 55px;
  padding: 0 20px;    
}
#menu_container ul li.submenu {
  padding-left: 5px;
  display: none;
}
#menu_container ul li.submenu ul {
  width: 100%;
  padding: 0 15px;
  background: #eeebec;
  box-sizing: border-box;  
}
#menu_container ul li.submenu ul li {
  background: none !important;
  margin: 0;
  width: 100%;
  height: auto;
  line-height: normal;
  border-bottom: #b3a7a9 1px solid;
  border-radius: 0;
}
#menu_container ul li.submenu ul li:last-child {
  border: none;
}
#menu_container ul li.submenu ul li a {
  font-size: 14px;
  color: #361a19;
  line-height: normal;
  padding: 10px 0;    
}
#menu_container ul li.submenu ul li a:hover,
#menu_container ul li.submenu ul li.selected a {
  color: #ce3219;
}
#fooldal_container {
  margin: 0;
  margin-left: 8px;
  padding-top: 15px;
}
#fooldal_container .slider {
  width: 100%;
  height: 340px;
  position: relative;
}
.owl-carousel .owl-stage-outer {
  border-radius: 5px;
}
#fooldal_container .slider .item {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}
#fooldal_container .slider .item .image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
#fooldal_container .slider .item .content {
  width: 100%;
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(206,50,25,0.9);
  z-index: 10;
  border-radius: 5px;
}
#fooldal_container .slider .item .content h2 {
  margin: 0;
  font-size: 20px;
  font-family: Times New Roman, Arial;
  color: #ffffff;
  font-weight: normal; 
  position: absolute;
  width: 160px;
  top: 0;
  left: 0;
  line-height: 55px;
  padding: 0 20px;
  box-sizing: border-box; 
}
#fooldal_container .slider .item .content p {
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  color: #ffffff;
  position: absolute;
  width: 360px;
  top: 7px;
  right: 0;
  padding: 0 20px;
  box-sizing: border-box;
  border-left: #ffffff 1px solid;  
}
.owl-theme .owl-dots .owl-dot {
  width: 28px;
  height: 28px;
  outline: none !important;
}
.owl-theme .owl-dots .owl-dot span {
  background: #ce3219 !important;
  width: 12px;
  height: 12px;    
}
.owl-theme .owl-dots .owl-dot.active {
  background: url(/images/smile.png) center center no-repeat;
}
.owl-theme .owl-dots .owl-dot.active span {
  width: 12px;
  height: 12px;
  background: none !important;
}
#fooldal_container .precizitas,
#fooldal_container .orszagos {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: #e0dbdc 1px solid;
}
#fooldal_container .orszagos h2,
#fooldal_container .kincsek h2 {
  font-family: Times New Roman, Arial;
  font-size: 24px;
  color: #760e01; 
  font-weight: normal;
  margin: 0;
}
#fooldal_container .orszagos p,
#fooldal_container .kincsek p {
  font-size: 13px;
}
#fooldal_container .precizitas {
  padding-top: 40px;
  background: url(/images/bigtick.png) top left no-repeat;   
}
#fooldal_container .precizitas h2 {
  font-family: Times New Roman, Arial;
  font-size: 26px;
  color: #ce3219; 
  font-weight: normal;
  text-transform: uppercase;
  margin: 0; 
  letter-spacing: 1px;
}
#fooldal_container .precizitas p {
  font-size: 14px;
  margin: 0;
}
#fooldal_container .precizitas ul {
  margin: 0;
  padding: 0;
  list-style: none; 
}
#fooldal_container .precizitas ul li {
  font-size: 14px;
  color: #575757;
  padding-left: 45px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(/images/tick.png) top 14px left 10px no-repeat; 
}
#fooldal_container .orszagos {
  padding-top: 20px;
  background: url(/images/mo.png) top left no-repeat;   
}
#fooldal_container .orszagos p strong {
  font-weight: bold;
}
#fancybox-right-ico {
  left: auto !important;
  right: 20px !important;
}
#fancybox-left-ico {
  left: 20px !important;
  right: auto !important;
}
#fancybox-content,
#fancybox-content div {
  max-width: 100% !important;
  background: #000000;
}
#fancybox-content div object,
#fancybox-content div object embed {
  width: 100% !important;
}



.covid {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(206,50,25,0.9);
  opacity: 1;
  overflow: hidden;
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;   
}
.covid.hidden,
.covid-info.hidden {
  opacity: 0;
  height: 0;
  z-index: -1;
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;   
}
.covid .box {
  width: calc(100% - 40px);
  height: auto;
  max-height: calc(100% - 40px);
  max-width: 600px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  border-radius: 10px;
  padding: 50px;
  box-sizing: border-box;
  position: relative;
}
.covid p {
  font-size: 16px !important;
  line-height: 23px !important;
  text-align: justify !important;
}
.covid p strong {
  font-weight: bold !important;
  font-style: italic;
  color: #781204;
}
.covid .wrapper {
  overflow-y: auto;
}
.covidclose {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #781204;
  top: -20px;
  left: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: #ffffff 5px solid;  
}
.covidclose:hover {
  text-decoration: none !important;
}
.covidclose i {
  color: #ffffff;
  font-size: 20px;
}
.covid-info {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(206,50,25,0.9);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  opacity: 1;
  z-index: 99999;    
}
.covid-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;  
}
#fastcontact {
  display: none !important;
}