body{
    background: #fcfcfc !important;
}

.header {
    background-color: #fcfcfc;
}

.nav-cat {
    background-color: #fcfcfc;
}

.bg-main-page{
    background-color: #fcfcfc !important;
}

.mt-20px{
    margin-top:20px;
}

.mt-8px{
    margin-top: 8px;
}

.mt-3px{
    margin-top: 3px;
}

.mt-12px{
    margin-top: 12px;
}

.mt-31px{
    margin-top: 31px;
}

.mt-50px{
    margin-top: 50px;
}

.mb-36px{
    margin-bottom: 36px;
}

.mb-10px{
    margin-bottom: 10px;
}

.ml--30px{
    margin-left: -30px !important;
}

.mr--30px{
    margin-right: -30px !important;
}

.fs-26px{
    font-size: 26px !important;
}

.fs-21px{
    font-size: 21px !important;
}

.fs-13px{
    font-size: 13px !important;
}

.pb-34px{
    padding-bottom: 34px !important;
}

.pb-7px{
    padding-bottom: 7px !important;
}

.pb-9px{
    padding-bottom: 9px !important;
}

.pt-1px{
    padding-top: 1px !important;
}

.pt-2px{
    padding-top: 2px !important;
}

.w-60px{
    width: 60px;
}

.w-35px{
    width: 35px;
}

.w-42{
    width: 42%;
}

#mainpage .text-green{
    color: #4bae4f;
}

#mainpage .mt-menu{
    margin-top: 22px;
}

.small-lineheight{
    line-height: 1.2em;
}

@media (min-width: 992px){
    .pl-lg-10px {
        padding-left: 10px !important;
    }
}

@media (min-width: 992px){
    .pt-lg-1px{
    padding-top: 1px !important;
}
}

.pl-10px{
    padding-left: 10px !important;
}

#mainpage a{
    color: #212529;
}

#mainpage .title
{    font-family: 'Pompiere', cursive;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 40px;
}

#mainpage h1{
    font-size: 26px;
    text-transform: uppercase;
    line-height: 40px;
    margin: 0;
    display: inline;
}

#mainpage .small h1{
    font-size: 23px;
}

#mainpage h2{
    font-family: 'Pompiere', cursive;
    font-size: 26px;
}

#mainpage .small-title{
    font-family: 'Pompiere', cursive;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 40px;
}

#mainpage .bg-dotted{
    background-image: url(../images/dotted_line.png);
    background-repeat: repeat-x;
    background-position: center;
}

@media (max-width: 767px){
    #mainpage .bg-dotted{
        background: #fbfbfb;
    }
}

#mainpage .text-gray{
    color: #9e9e9e;
}

#mainpage .more-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-style: italic;
    text-transform: none;
}

#mainpage .more-arrow{
    width: 20px;
    height: 20px;
}

@media (max-width: 768px){
    #mainpage .more-arrow{
        width: 20px;
        height: 20px
    }
}

#mainpage .big-text{
    font-family: 'Pompiere', cursive;
    font-size: 26px;
}

#mainpage .small-text{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    color: #9e9e9e;
}

#mainpage .text-date{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #9e9e9e;
    line-height: 0.4em;
}

#mainpage .text-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#mainpage .text-next{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #4bae4f;
}

#mainpage .text-form{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.5em;
    font-style: italic;
    text-transform: none;
}

/* Szezonális */

#mainpage .transparent-box{
    position: absolute;
    bottom: 10px;
    padding: 3px 10px 3px 8px;
    background-color: rgba(255,255,255,0.7);
}

#mainpage .transparent-price-box{
    position: absolute;
    bottom: 10px;
    padding: 2px 10px 0 8px;
    background-color: rgba(255,255,255,0.7);
}

#mainpage .transparent-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1em;
    
}

#mainpage .transparent-price{
    font-family: 'Pompiere', cursive;
    font-size: 19px;
    line-height: 1em;
}

#mainpage .btn-form{
    background-color: #4bae4f;
}

#mainpage .newsletter-background{
    background-image: url(../images/newsletter_background.png);
    height: 380px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#mainpage .newsletter-background .form-control, #mainpage .newsletter-background .btn{
    height: 50px;
}

#mainpage .text-news{
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #9e9e9e;
}

#mainpage .leg-background{
    background-image: url(../images/ikons_background.png);
    background-repeat: no-repeat;
    background-size: 113% 120%;
    background-position: center bottom;
}

/* CarouselTop */

#mainpage #carouselTop{
    margin-bottom: -14px;
}

#mainpage #carouselTop .carousel-indicators {
    margin-bottom: -40px;
}

#mainpage #carouselTop .carousel-inner {
    max-height: 400px;
}

#mainpage .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0px 4px 0px 4px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #dddddd;
}
#mainpage .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    background-color: #4bae4f;
}

#mainpage #carouselTop .carousel-control-next{
    width: 6%;
    background-image: url(../images/kor.png);
    background-repeat: no-repeat;
    background-position: -2% 50%;
}

#mainpage #carouselTop .carousel-control-prev{
    width: 6%;
    background-image: url(../images/kor.png);
    background-repeat: no-repeat;
    background-position: 102% 50%;
}

@media (max-width: 992px){
    #mainpage #carouselTop .carousel-control-prev img, #mainpage #carouselTop .carousel-control-next img{
        width: 100%;
    }
}

#mainpage #carouselTop .carousel-control-prev img, #mainpage #carouselTop .carousel-control-next img{
    width: 100%;
}

/* Szemezgeto */

#mainpage .szemezgeto .szemezgeto-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  width: 100%;
}

#mainpage .szemezgeto .child-mainimg {
  flex-basis: 30%;
}

#mainpage .szemezgeto .child-sideimg {
  flex-basis: 35%;
}

@media (max-width: 767px){
    #mainpage .szemezgeto .child-mainimg {
        flex-basis: 100%;
      }

    #mainpage .szemezgeto .child-sideimg {
        flex-basis: 100%;
    }
    #mainpage .szemezgeto .child-1 {
        width: 65%;
        height: 50%;
      }
    #mainpage .szemezgeto .child-2 {
      width: 35%;
      height: 50%;
    }
}

#mainpage .szemezgeto .szemezgeto-smallbox {
  display: flex;
  flex-flow: row wrap;
  height: 100%;
}
#mainpage .szemezgeto .child-1 {
  width: 65%;
  height: 50%;
}
#mainpage .szemezgeto .child-2 {
  width: 35%;
  height: 50%;
}

@media(max-width: 767px){
    #mainpage .szemezgeto .mt-mob-2px{
        margin-top: 2px;
    }
}

#mainpage .szemezgeto .szemezgeto-border{
    border: 1px solid #ffffff;
}

#mainpage .szemezgeto .szemezgeto-main-border{
    box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px #cccccc;
}

#mainpage .szemezgeto .img-container{
    height: 131px;
    position: relative;
    overflow: hidden;
}

#mainpage .szemezgeto .main-img-container{
    height: 262px;
}

@media (max-width: 768px){
    #mainpage .szemezgeto .img-container{
        height: 200px;
    }

    #mainpage .szemezgeto .main-img-container{
        height: 400px;
    }
}

/*allo*/
#mainpage .szemezgeto .main-img{
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/*fekvo*/
@media (min-width: 445px) and (max-width: 767px){
    #mainpage .szemezgeto .main-img{
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

/*fekvő*/
#mainpage .szemezgeto .large-img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/*allo*/
@media (min-width: 768px) and (max-width: 875px){
    #mainpage .szemezgeto .large-img{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    }
}

@media (min-width: 993px) and (max-width: 1112px){
    #mainpage .szemezgeto .large-img{
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    }
}

@media (min-width: 876px) and (max-width: 994px){
    #mainpage .szemezgeto .large-img{
        height: 200px;
    }
}

@media (min-width: 1113px){
    #mainpage .szemezgeto .large-img{
        height: 200px;
    }
}

#mainpage .szemezgeto .small-img{
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/*fekvo*/
@media (min-width: 646px) and (max-width: 767px){
    #mainpage .szemezgeto .small-img{
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

/* Kiemelt termékek*/

#mainpage .kiemelt_arraow_box img{
    cursor: pointer;
}

#mainpage #enhanced_products_top .kiemelt_arraow_box {
    width: 53px;
}

#mainpage #enhanced_products_bottom .kiemelt_arraow_box {
    width: 44px;
}

#mainpage #enhanced_products_top .kiemelt_padding a img.bordered, #mainpage #enhanced_products_bottom .kiemelt_padding a img.bordered, #mainpage .ahol-epp img.bordered, #mainpage .friss img.bordered, #mainpage .alapanyag img.bordered{
    border: 1px solid #e2e2e2;
}

#mainpage #enhanced_products_top .kiemelt_padding, #mainpage #enhanced_products_bottom .kiemelt_padding{
        padding: 5px;
}

@media (max-width: 767px){
    #mainpage #enhanced_products_bottom .col {
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    #mainpage #enhanced_products_top .kiemelt_padding, #mainpage #enhanced_products_bottom .kiemelt_padding{
        padding: 2px;
    }
    
}

/* Ikonos doboz*/

#mainpage .fa-color{
    color: #4bae4f;
}

@media (max-width: 767px){
    #mainpage .icon-box .big-text{
        font-size: 0.8em;
    }
    
    #mainpage .icon-box .fa-lg{
        font-size: 0.8em;
    }
}

#mainpage .box-img{
    height: 144px;
    width: 255px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 767px){
    #mainpage .box-img{
        height: 200px;
        width: 300px;
    }
}


#mainpage .img-size{
    width: 100%;
    top: -20px;
    position: absolute;
    
}

@media (max-width: 767px){
    #mainpage .img-height{
        height: 200px;
    }
}

/* Menu */

.w-313px{
    width: 313px;
}

#mainpage-menu nav a:hover span,
#mainpage-menu .egyeb a:hover span,
#mainpage-menu .technikak .collapse a:hover,
#mainpage-menu .szin .collapse a:hover span,
#mainpage a:hover.more-text span,
#mainpage .icon-box a:hover{
    color: #4bae4f;
}


#mainpage-menu-mobile-ind-cont{
    display: none;
    position: fixed;
    top: 6px;
    left: 3px;
    margin: 7px;
    z-index: 1100;
}
#mainpage-menu-mobile-ind{
    cursor: pointer;
    display: none;
}

#mainpage-menu .mb-menu{
    margin-bottom: 26px;
}

@media (max-width: 992px) {
    #mainpage-menu{
        height: 100%;
        position: absolute;
        left: -13px;
        top: -104px;
        z-index: 2000;
        display: none;
    }
    #mainpage-menu.open{
        background-color: #ffffff;
        display: block;
    }
    #mainpage-menu-mobile-ind-cont{
        display: inline-block;
    }
    #mainpage-menu-mobile-ind{
        display: block;
    }

}

#mainpage-menu .category_icon_319, #mainpage .category_icon_319{
    width: 25px;
}

#mainpage-menu .category_icon_432, #mainpage .category_icon_432{
    width: 25px;
}

#mainpage-menu .category_icon_327, #mainpage .category_icon_327{
    width: 30px;
}

#mainpage-menu .category_icon_305, #mainpage .category_icon_305{
    width: 25px;
}

#mainpage-menu .category_icon_317, #mainpage .category_icon_317{
    width: 25px;
}

#mainpage-menu .category_icon_813, #mainpage .category_icon_813{
    width: 30px;
}

#mainpage-menu .category_icon_339, #mainpage .category_icon_339{
    width: 30px;
}

#mainpage-menu .category_icon_804, #mainpage .category_icon_804{
    width: 25px;
}

#mainpage-menu .category_icon_803, #mainpage .category_icon_803{
    width: 23px;
}

#mainpage-menu .category_icon_alapanyag, #mainpage .category_icon_alapanyag{
    width: 28px;
}

#mainpage-menu .category_icon_401, #mainpage .category_icon_401{
    width: 32px;
}

#mainpage-menu .category_icon_ajandekkartya, #mainpage .category_icon_ajandekkartya{
    width: 30px;
}

#mainpage-menu .collapser.collapsed img{
    transform: rotate(0deg);
}

#mainpage-menu .collapser img{
    transform: rotate(-90deg);
}

#mainpage-menu nav a{
    line-height: 31px;
}

#mainpage-menu a{
    color: #212529;
}

#mainpage-menu .avatar-background{
    width: 109%;
    top: -2px;
    left: -3px;
}

#mainpage-menu .menu-title{
    font-family: 'Pompiere', cursive;
    font-size: 23px;
    background-image: url(../images/menu_background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 16px;
    margin-bottom: 16px;
}

#mainpage-menu .big-text, #mainpage .category-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

#mainpage .category-text{
    line-height: 2.5em;
}

#mainpage-menu .icon-text{
    padding-right: 8px;
    font-size: 16px;
}
#mainpage-menu .icon-grey{
    color: #bdbdbd;
}


#mainpage-menu .normal-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#mainpage-menu .ratings-main-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
}

.w-50px{
    width: 50px;
}

.ml-9px{
    margin-left: 9px !important;
}



.mx-16px{
    margin-top:16px;
    margin-bottom: 16px;
}

#mainpage-menu .text-gray{
    color: #9e9e9e;
}

#mainpage-menu .color-box{
    width:20px;
    height:20px;
}

#mainpage-menu .bg-dotted, #mainpage #main_page_rates .bg-dotted{
    background-image: url(../images/dotted_line.png);
    background-repeat: repeat-x;
    background-position: center;
    height: 1px;
}

#mainpage-menu .dotted-margin,  #mainpage #main_page_rates .dotted-margin{
    margin-top: 14px;
    margin-bottom: 12px;
}

#mainpage-menu .star-box, #mainpage .star-box{
    margin-top: 10px;
    /* margin-bottom: 12px; */
    font-size: 13px;
    color: #f5ac38;
}

.alkotok .dotted-line:last-of-type{
    display: none;
}

.rotate270{
    transform: rotate(270deg);
}

.rotate180{
    transform: rotate(180deg);
}

#mainpage-menu .arrow-box{
    width: 20px;
    margin: -6px 18px 0 0;
}

#mainpage-menu .motto-background{
    background-image: url(../images/idezojel.png);
    background-repeat: no-repeat;
    background-size: 63px 51px;
}

#mainpage-menu .motto-img-box{
    width: 98px;
    height: 98px !important;
    owerflow: hidden;
}

#mainpage-menu .boxes-box{
    width: 39px;
    margin: -8px 24px 0 0;
}


@media (min-width: 663px) and (max-width:767px){
    #mainpage .img-h-100{
        height: 100%;
    }    
}