/* Chrome, Safari, Edge */
input:-webkit-autofill {
  background-color: white !important;
}

/* Firefox */
input:-moz-autofill {
  background-color: white !important;
}

/* Opera */
input:-o-autofill {
  background-color: white !important;
}

/* Internet Explorer (ritkán használt) */
input:-ms-autofill {
  background-color: white !important;
}

/* Univerzális megközelítés (ha lehetséges) */
input:autofill {
  background-color: white !important;
}


.kosarbutton {
  font-size: 20px;
  border: solid 1px black !important;
  background-color: #232323;
  color: #ffffff;
}

.kosarbutton:hover {
  font-size: 24px;
  border: solid 1px black !important;
  background-color: #ffffff;
  color: #232323;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.tovabbtermekrebutton {
  font-size: 16px;
  background-color: white;
  color: black;
}

.tovabbtermekrebutton:hover {
  font-size: 16px;
  border: solid 1px black !important;
  background-color: #232323;
  color: #ffffff;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.tovabbbutton {
  font-size: 13px;
  background-color: rgb(44,44,44);
  color: rgb(255,255,255);
  margin-top: -25px;
}

.tovabbbutton:hover {
  font-size: 13px;
  background-color: #eaeaea;
  color: #000000;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.menugombfont {
  font-size: 15px !important;
}

.menugombfont:hover {
  /*border-top: solid 1px black;*/
  font-size: 15px !important;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background-color: rgb(215,215,215);
}

.menugombactive {
  border-bottom: solid 1px rgb(79,106,44);
}

.korborder {
  border: solid 1px #232323;
}

.korbuttontovabb {
  background-image: url("../../assets/img/tovabb1.svg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.korbutton {
  background-color: #232323;
  border-radius: 50%;
  height: 75px;
  font-size: 25px;
  color: white;
  padding-top: 19px;
  padding-left: 25px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.korbutton:hover {
  background-color: #ebebeb;
  border-radius: 50%;
  border: solid 3px black;
  height: 75px;
  font-size: 25px;
  color: #232323;
  padding-top: 17px;
  padding-left: 40px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.plusbutton {
  background-color: #232323;
  border-radius: 50%;
  height: 50px;
  font-size: 24px;
  color: white;
  padding-top: 7px;
  padding-left: 12px;
  width: 50px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.plusbutton:hover {
  background-color: #ffffff;
  border-radius: 50%;
  height: 50px;
  font-size: 30px;
  color: #232323;
  padding-top: 2.5px;
  padding-left: 9.5px;
  width: 50px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.korbuttontovabb:hover {
  background-image: url("../../assets/img/tovabb.svg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.korbuttonvissza {
  background-image: url("kisbanner3.jpg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.korbuttonvissza:hover {
  background-image: url("../../assets/img/vissza.svg") !important;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.parallax {
  background-image: url(white.jpg);
  /*height: 100vh;*/
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.bannertext {
  padding-top: 15%;
  text-align: center;
  font-size: 9rem;
  font-weight: inherit;
  /*text-shadow: 0px 0px 15px #000000;*/
  /*color: rgb(0,0,0);*/
}

@media (max-width: 768px) {
  .bannertextmobil {
    padding-top: 25%;
    text-align: center;
    font-size: 7rem;
    font-weight: inherit;
    /*text-shadow: 0px 0px 15px #000000;*/
    /*color: rgb(0,0,0);*/
  }
}

@media (max-width: 575px) {
  .bannertextmobil300 {
    padding-top: 25%;
    text-align: center;
    font-size: 5rem;
    font-weight: inherit;
    /*text-shadow: 0px 0px 15px #000000;*/
    /*color: rgb(0,0,0);*/
  }
}

.fixmenu {
  position: fixed;
  z-index: 500;
  margin-top: 700px;
}

.infobox {
  background-image: url("../../assets/img/treffa/fobanner/fobanner2.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.menubg {
  background-image: url("white.jpg") !important;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.infobox2 {
  background-image: url("sirkokeszites.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.infobox3 {
  background-image: url("kisbanner4.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.infobox4 {
  background-image: url("page-banner.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}

.attetszo {
  background-color: rgba(255,255,255,0) !important;
}

.slidekepmeret {
  width: 100%;
  height: 100%;
}

.dropmenu {
  background-color: rgb(255,253,253);
  color: rgb(0,0,0) !important;
}

.menualap {
  background-color: black;
  border: none !important;
}

.smallborder {
  border: solid 1px gray !important;
}

@media (min-width: 760px) {
  .nagybetusm {
    font-size: 1.3rem !important;
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 760px) {
  .nagybetumd {
    font-size: 5rem !important;
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 760px) {
  .nagybetumdcim {
    font-size: 3rem !important;
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 996px) {
  .nagybetulg {
    font-size: 6.7rem !important;
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 1200px) {
  .nagybetuxl {
    font-size: 10rem !important;
    z-index: 500;
    position: relative;
  }
}

.nagybetu2 {
  font-size: 7rem !important;
  z-index: 500;
  position: relative;
}

.worksevery {
  margin-top: -84px;
}

.stylelabel {
  font-size: 4rem;
  text-align: right;
  margin-bottom: -110px;
  color: rgba(128,128,128,0.4);
  z-index: 500;
  position: relative;
}

.productlabel {
  font-size: 4rem;
  text-align: right;
  margin-bottom: -47px;
  color: rgba(128,128,128,0.4);
  z-index: 500;
  position: relative;
}

@media (max-width: 568px) {
  .productlabelmobil {
    font-size: 3rem;
    text-align: center;
    margin-bottom: -33px;
    color: rgba(128,128,128,0.4);
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 540px) {
  .scandinavian {
    font-size: 6rem;
    text-align: center;
    /*margin-top: -195px;*/
    color: rgb(24,24,24);
    z-index: 500;
    position: relative;
  }
}

.exclusivegomb {
  margin-top: -158px;
  z-index: 500;
  margin-left: 52px;
}

@media (max-width: 768px) {
  .scandinavianmobil {
    font-size: 3rem;
    text-align: center;
    margin-top: -78px;
    color: rgba(128,128,128,0.4);
    z-index: 500;
    position: relative;
  }
}

@media (min-width: 768px) {
  .jobbra {
    margin-left: 100%;
  }
}

.jobbraplus {
  margin-left: 130%;
}

@media (max-width: 768px) {
  .jobbraplusmobil {
    margin-left: 28%;
  }
}

.blokkalapszurke {
  background-color: rgb(35,35,35);
  color: white;
}

.plusicon {
  font-size: 2rem!important;
}

.menuicon {
  font-size: 1.3rem!important;
}

.rightborder {
  border-right: solid 1px gray;
}

.bottomborder {
  border-bottom: solid 1px rgb(255,255,255);
  background-color: rgb(225,225,225);
}

.nordicsection {
  background-color: rgb(201,205,207);
  height: 180px;
}

.footersection {
  background-color: rgb(27,27,27);
  height: 180px;
}

.dankablack {
  background-color: rgb(27,27,27);
}

.szurkebg {
  background-color: rgb(201,205,207) !important;
}

.vilagbg {
  background-color: #1d36434a !important;
}

.vilagbg2 {
  background-color: #2c465412 !important;
}

.vilagbordertop {
  border-top: solid 15px #ffffff4a;
}

.vilagborderleft {
  border-left: solid 15px #ffffff4a;
}

.vilagborderright {
  border-right: solid 15px #ffffff4a;
}

.zoldborderright {
  border-right: solid 2px #77a33e;
}

.vilagborderbottom {
  border-bottom: solid 7px #ffffff4a;
}

.price {
  font-size: 1.4em;
}

.blokkalapsarga {
  background-color: rgb(242,233,216);
  color: rgb(40,40,40);
}

.dropdown-item:active {
  background-color: black !important;
  color: white !important;
}

.labelsfont {
  font-size: 0.8em !important;
}

.page-footer.dark {
  background-color: #2b2f31;
}

.menugomb {
  font-size: 30px !important;
}

.blokkshadow {
  box-shadow: 5px 10px 8px #888888;
}

.article-list {
  color: #313437;
  background-color: #fff;
}

.article-list p {
  color: #7d8285;
}

.article-list h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

.footersav {
  background-color: #4f6a2c !important;
  height: 180px;
  width: 100%;
  z-index: 1;
}
.footerbeforesav {
  background-color: #4f6a2c !important;
  padding-top: 30px;
}

.nyelvaktiv {
  background-color: #4f6a2c !important;
}

@media (min-width:767px) {
  .topsav {
    margin-top: 84px;
    background-color: #4f6a2c !important;
    z-index: 50;
    position: relative;
  }
}

@media (max-width:767px) {
  .article-list h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.article-list .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.article-list .intro p {
  margin-bottom: 0;
}

.article-list .articles {
  padding-bottom: 40px;
}

.article-list .item {
  padding-top: 50px;
  min-height: 425px;
  text-align: center;
}

.article-list .item .name {
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  color: inherit;
}

.article-list .item .description {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 0;
}

.article-list .item .action {
  font-size: 24px;
  width: 24px;
  margin: 22px auto 0;
  line-height: 1;
  display: block;
  color: #4f86c3;
  opacity: 0.85;
  transition: opacity 0.2s;
  text-decoration: none;
}

.article-list .item .action:hover {
  opacity: 1;
}

.features-boxed {
  color: #313437;
  background-color: #eef4f7;
}

.features-boxed p {
  color: #7d8285;
}

.features-boxed h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .features-boxed h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.features-boxed .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.features-boxed .intro p {
  margin-bottom: 0;
}

.features-boxed .features {
  padding: 50px 0;
}

.features-boxed .item {
  text-align: center;
}

.features-boxed .item .box {
  text-align: center;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 30px;
}

.features-boxed .item .icon {
  font-size: 60px;
  color: #1485ee;
  margin-top: 20px;
  margin-bottom: 35px;
}

.features-boxed .item .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
  margin-top: 0;
  color: inherit;
}

.features-boxed .item .description {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.photo-gallery {
  color: #313437;
  background-color: #fff;
}

.photo-gallery p {
  color: #7d8285;
}

.photo-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.photo-gallery .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom: 0;
}

.photo-gallery .photos {
  padding-bottom: 20px;
}

.photo-gallery .item {
  padding-bottom: 30px;
}

.social-icons {
  color: #313437;
  background-color: #fff;
  text-align: center;
  padding: 70px 0;
}

@media (max-width:767px) {
  .social-icons {
    padding: 50px 0;
  }
}

.social-icons i {
  font-size: 32px;
  display: inline-block;
  color: #757980;
  margin: 0 10px;
  width: 60px;
  height: 60px;
  border: 1px solid #c8ced7;
  text-align: center;
  border-radius: 50%;
  line-height: 60px;
}

.testimonials-clean {
  color: #313437;
  background-color: #eef4f7;
}

.testimonials-clean p {
  color: #7d8285;
}

.testimonials-clean h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .testimonials-clean h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.testimonials-clean .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.testimonials-clean .intro p {
  margin-bottom: 0;
}

.testimonials-clean .people {
  padding: 50px 0 20px;
}

.testimonials-clean .item {
  margin-bottom: 32px;
}

@media (min-width:768px) {
  .testimonials-clean .item {
    height: 220px;
  }
}

.testimonials-clean .item .box {
  padding: 30px;
  background-color: #fff;
  position: relative;
}

.testimonials-clean .item .box:after {
  content: '';
  position: absolute;
  left: 30px;
  bottom: -24px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-width: 12px 15px;
  border-top-color: #fff;
}

.testimonials-clean .item .author {
  margin-top: 28px;
  padding-left: 25px;
}

.testimonials-clean .item .name {
  font-weight: bold;
  margin-bottom: 2px;
  color: inherit;
}

.testimonials-clean .item .title {
  font-size: 13px;
  color: #9da9ae;
}

.testimonials-clean .item .description {
  font-size: 15px;
  margin-bottom: 0;
}

.testimonials-clean .item img {
  max-width: 40px;
  float: left;
  margin-right: 12px;
  margin-top: -5px;
}

@media (min-width: 540px) {
  .toptext {
    font-size: 4.6em;
    font-weight: 404 !important;
    line-height: 0.9;
  }
}

.bannernextbutton {
  margin-right: 0px !important;
  right: 0px;
  top: 95%;
}

.galerianextbutton {
  margin-right: 0px !important;
  right: -55px;
  /*top: 95%;*/
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #3a3938;
}

.nordiccontainer {
  max-width: 1360px !important;
}

.simple-slider .swiper-slide {
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
  width: 50px;
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width:767px) {
  .simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
    display: none;
  }
}

@media (max-width:767px) {
  .simple-slider .swiper-slide {
    height: 360px;
  }
}

.korkep {
  width: 85px;
  height: 85px;
  margin-top: -50px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.43);
}

.exclusivekorkep {
  width: 80px;
  height: 80px;
  margin-top: -105px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.43);
  border: solid 3px white;
  z-index: 2;
  position: relative;
  background-color: white;
}

.arnyek {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
}

.arnyek2 {
  text-shadow: 0px 0px 9px rgb(0,0,0);
}

.cimsav {
  background-color: black;
  color: white;
  margin-top: -20px;
}

.cimsav2 {
  background-color: rgb(137,137,137);
  color: rgb(0,0,0);
  margin-top: -16px;
  font-size: 13px;
}

.tartalomtext {
  font-size: 15px !important;
  line-height: 20px !important;
}

.slidertext {
  font-size: 23px;
  background-color: black;
  color: white;
  padding: 10px;
}

.kepalairas {
  margin: auto;
  padding-top: 6px;
  padding-bottom: 1px;
  background-color: white;
  color: black !important;
  margin-top: -30px;
}

.treffazold {
  background-color: #406227 !important;
}

.treffazoldleftborder {
  border-left: solid 2px #77a33f !important;
}

.treffazoldfont {
  color: #77a33f !important;
}

.treffasotetzold {
  background-color: #4f6a2c !important;
}

.treffasotetzoldfont {
  color: #4f6a2c !important;
}

.treffaszurke {
  background-color: #3A3934 !important;
}

.galeriapromo {
  height: 475px;
}

.formfont {
  font-size: 0.9em !important;
}

.formfont2 {
  font-size: 0.6em !important;
}

.formmag {
  height: 30px !important;
}

.contact-clean {
  background: #f1f7fc;
  padding: 80px 0;
}

@media (max-width:767px) {
  .contact-clean {
    padding: 20px 0;
  }
}

.contact-clean form {
  max-width: 480px;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 4px;
  color: #505e6c;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

@media (max-width:767px) {
  .contact-clean form {
    padding: 30px;
  }
}

.contact-clean h2 {
  margin-top: 5px;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 36px;
  color: inherit;
}

.contact-clean .form-group:last-child {
  margin-bottom: 5px;
}

.contact-clean form .form-control {
  background: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  outline: none;
  color: inherit;
  padding-left: 12px;
  height: 42px;
}

.contact-clean form .form-control:focus {
  border: 1px solid #b2b2b2;
}

.contact-clean form textarea.form-control {
  min-height: 100px;
  max-height: 260px;
  padding-top: 10px;
  resize: vertical;
}

.contact-clean form .btn {
  padding: 16px 32px;
  border: none;
  background: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.9;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1;
  outline: none !important;
}

.contact-clean form .btn:hover {
  opacity: 1;
}

.contact-clean form .btn:active {
  transform: translateY(1px);
}

.contact-clean form .btn-primary {
  background-color: #055ada !important;
  margin-top: 15px;
  color: #fff;
}

.blokkkep {
  width: 175px;
  height: 195px;
}

.cimfont {
  font-size: 20px;
}

.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background: #212327;
}

.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background: #212327;
}

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.cookiealert a {
  text-decoration: underline;
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

 .map_container { float:left; margin:0px 0px 0px 0px; position:relative; }
 .map_container .mapImg { position:absolute; top:0px; left:0px; z-index:9998; }

 .map_cover { display:none; position:absolute; left:0px; top:0px; z-index:99;  } /*width:415px; height:265px;*/
 .map_cover_click { display:block; position:absolute; left:0px; top:0px; z-index:98;  }


.site_thinleft_column .main_box.dest_map { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:150px; border: 0px; background:none; position:relative; }
.site_thinleft_column .main_box.dest_map .main_box_title { display:none; position:absolute; left:0px; top:12px; padding:0px 25px 0px 30px; width:167px; overflow:hidden;  }
.site_thinleft_column .main_box.dest_map .dest_map_content { padding:0px 0px 0px 0px; margin:0px 0px; text-align:justify; } 
 .map_selector_container { clear:both;  margin:0px 0px 0px 10px; padding:0px; }
 .map_selector_container .map_selector { display:block; background:none; text-align:left; padding:2px 5px; margin:5px 0px; font:normal; color:#6f6f6f;}
 .map_selector_container .map_selector:hover {   background:#dbdbdb; text-decoration:none;}
 .map_selector_container .map_selector.aktiv {   background:#dbdbdb; text-decoration:none;}
 .map_selector_container .regio_option_container { display:none;}
 .map_selector_container .regio_option { display:block; text-align:left; padding:3px 0px 3px 18px; line-height:1.2em; font-weight:normal; }
 .map_container { float:left; margin:0px 0px 15px 0px; position:relative; }
 .map_container .mapImg { position:absolute; top:0px; left:0px; z-index:9998; }
 .map_container .map_inner_left { margin:0px 0px 0px 0px;}

 .map_cover { display:none; position:absolute; left:0px; top:0px; z-index:9999;  } /*width:415px; height:265px;*/
 .map_cover_click{ display:block; position:absolute; left:0px; top:0px; z-index:98;  }

 .notDisplay { display:none;}
.doDisplay { display:block !important;}

.error { 
  color: red;
  padding-top: 10px;
}

#erfaContainer{
  position: fixed;
  bottom:0;
  right:0;
  z-index:10030;
}
#erfaLogo{
  max-width: 300px;
}
.treffazoldfooter::before {
  background-color: #4f6a2c !important;
  padding-top: 180px;
}
.treffazoldfooter {
  background-color: #406227 !important;
}
.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 10035;
  min-height: 100%;
  top: 10%;
  right: 0;
  background-color: transparent;
  overflow-x: hidden;
  padding-top: 30px;
}
/*.carousel-control-prev {
  left: initial;
  right: 24% !important;
}
.carousel-control-next {
  right: 20% !important;
}
@media (max-width: 768px) {
  .carousel-control-prev {
    right: 20% !important;
  }
  .carousel-control-next {
    right: 17% !important;
  }
}
@media (max-width: 568px) {
  .carousel-control-next {
    width: 8% !important;
    left: 81%;
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 473px;
  bottom: initial;
  padding: initial;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 56px;
  color:initial;
  text-align: center;
  opacity: 1;
  transition: opacity .15s ease;
  background-color: initial;
}*/
.carousel-item {
  height: 58vh;
  min-height: 540px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item {
  height: initial;
}
.cimsorSlider {
  top: 30%;
  /*: 21%;*/
  font-weight: bold;
}
.textSlider {
  top: 40%;
  /*left: 21%;*/
}
.gombSlider {
  position: absolute;
  margin-top: -217px;
  padding: 18px 52px;
}
@font-face {
  font-family: 'OpenSans-Bold'; 
  font-weight: bold;
  src: url('/assets/frontend/fonts/open_sans/static/OpenSans-Bold.ttf');
}
@font-face {
  font-family: 'OpenSans';
  src: url('/assets/frontend/fonts/open_sans/static/OpenSans-Regular.ttf');
}
.sliderImg {
  margin-top: initial;
  height: 540px;
  background-size: cover;
  background-position: center 50%;
  display: block;
}
@media (min-width: 768px) {
  
  .carousel-control-buttons .col-md-1{
    flex: 0 0 11.333333%;
    max-width: 11.333333%;
  }
  }
@media (min-width: 1200px) {
.carousel-inner{
  height: 540px;
}

.carousel-control-buttons .col-md-1{
  flex: 0 0 7.333333%;
  max-width: 7.333333%;
}
}
@media (max-width: 767px) {
  .sliderImg {
    margin-top: 50px;
    height: 300px;
  }
  .carousel-inner{
    margin-top: 50px;
    height: 300px;
  }
  .carousel-item {
    height: 35vh;
    min-height: 300px;
  }
  /*.carousel-control-next, .carousel-control-prev {
    top:251px;
    width: 35px;
  }*/
  .cimsorSlider {
    top: 26%;
    left: 11%;
  }
  .textSlider {
    left: 12%;
  }

  .gombSlider {
    margin-top: -130px;
    padding: 10px 45px;
  }

  .carousel-control-buttons button img {
    height: 64px !important;
  }

  .carousel-control-buttons {
    margin-top: -164px !important;
  }
}
.stick {
  position: sticky;
  top: 88px;
}
.abs {
  position: absolute;
  width: 31vh;
  bottom: 0px;
}
.stick2 {
  position: sticky;
  /*width: 31vh;*/
  top: 88px;
}
.abs2 {
  position: absolute;
  width: 31vh;
  bottom: 0px;
}
#mainpage .card-body {
  padding: 0.8rem;
}
.bg-lightsilver {
  background-color: lightgrey !important;
}
body {
  font-family: Roboto,'OpenSans' !important;
  min-width: fit-content;
}
.minusmargin {
  margin-left: -10px;
}
.margin {
  margin-left: 10px;
}
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5); text-transform: uppercase; }
a.btn.btn-primary.border.rounded-0.border-white.tovabbtermekrebutton.treffazold.text-white {
  width: 160px;
  display: flex;
  justify-content: space-between;
}
.card-title-box {
  padding: 0.375rem 0.75rem;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
}
.fixed-top {
  z-index: 10033;
}
.swal2-container {
  z-index: 10060;
}
.treffakek {
  background-color: #0090ff;
}
.carousel-control-buttons button {
  border-width: 0px;
  background-color: initial;
  padding-left: 0px;
  padding-block: initial;
  padding-inline: initial;
  padding: 0;
}

.carousel-control-buttons button img{
  height: 72px;
}

 .sidebar2 {
  /*width: 31vh;*/
 }
 .p-initial {
  padding: initial !important;
 }

 .carousel-control-buttons{
   margin: 0;
   margin-top: -217px;
 }
 .object {
  object-fit: contain;
  width: 100%;
 }
 .lh-2 {
  line-height: normal;
  padding: .375rem .75rem;
 }
 .border-lightsilver {
  border-color: lightgrey !important;
}
.border-my-lightsilver {
width: 160px;
    display: flex;
    justify-content: space-between;
    border-color: lightgrey !important;
}
#order-form input[type=checkbox] {
  width: 18px;
  height: 18px;
}

.index-wild-btn{
  border: 1px solid #406227;
}

.index-wild-btn:hover, .index-wild-btn:active, .index-wild-btn:focus{
  background-color: #fff !important;
  color: #406227 !important;
  border: 1px solid #406227 !important;
  outline: 0;
  box-shadow: none;
}