@import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');


#sp-slider {
  margin-top: -90px;
}
#sp-header {
    background: #ffffff;
}
.offcanvas-menu {
    background-color: #1a1a1a;
    color: #ffffff;
}
.offcanvas-menu {
    width: 400px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -400px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
      font-weight: 400;
}
.offcanvas-menu .offcanvas-inner a {
    color: #ffffff;
}
.offcanvas-overlay {
    background: rgb(0 0 0 / 0%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.sp-megamenu-parent > li > a, .sp-dropdown-items .sp-menu-item span, .sp-dropdown-items a {
       color: #b59175 !important;
    text-transform: uppercase;
      line-height: 1.4em;
    letter-spacing: .3em;
    font-weight: 400;
  font-size: 14px !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #b59175;
  font-weight: 400;
  transition: 300ms all;
}/*
.sp-megamenu-parent>li.active>a:after, .sp-megamenu-parent>li:hover>a:after {
  content: '';
    position: absolute;
    width: 66%;
    height: 1px;
    background-color: #b59175;
    right: -10%;
    top: calc(50% - 1px);
    transition: all .3s ease-in-out;
}*/
.sp-megamenu-parent>li:hover>a {
    color: #b59175;
  transition: 300ms all ease-in-out;
}
/*h1.sppb-addon-title, h2.sppb-addon-title, h3.sppb-addon-title {
  padding-left: 30px !important;
}*/ 


/* MZS régi before */ /*
h3.sppb-addon-title:before, h2.sppb-addon-title:before, h1.sppb-addon-title:before{
    content: '';
    display: block;
    width: 17px;
    height: 30px;
    background-color: #b69176;
    position: absolute;
    left: 0;
    top: 13px;
    margin-left: -20px;
} */


h3.sppb-addon-title:before, h2.sppb-addon-title:before, h1.sppb-addon-title:before {
    content: '';
    display: block;
    width: 17px;
    height: 30px;
    background-color: #b69176;
    position: absolute;
    /* left: 0; */
    /* top: 13px; */
    margin-top: auto !important;
    /* margin-left: -20px; */
    margin-right: 5px;
    position: relative;
    justify-content: center;
    align-items: center;
    display: inline-block;
}




.sppb-btn-secondary {
    color: #ffffff;
    background-color: #b69176;
    border-color: #b69176;
    padding: 15px 40px;
    text-transform: uppercase;
    font-size: 12px;
}
.sppb-btn-secondary:hover {
    color: #fff;
    background-color: #7a879300;
    border-color: #ffffff;
}
.overlay-image-title h4 {
        font-size: 80px !important;
    font-family: 'Birthstone', cursive;
}
.btn-primary, .sppb-btn-primary {
    border-color: #b59175;
    background-color: #ffffff;
    padding: 15px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #b59175;
}


/* Kép csúszás főoldalon */

.parallax-section {
  height:400px;
  position:relative;
  padding:1px 0 0;
}

.moving-block {
  width:100px;
  height:100px;
  margin:150px auto;
  display:block;
}

/* Kép csúszás end */














.sppb-addon-text-block ul {
    list-style: none;
    justify-content: center;
    /* align-items: center; */
    /* display: flex; */
}

.sppb-addon-text-block ul li:before {
    content: '';
    display: block;
    width: 17px;
    height: 30px;
    background-color: #b69176;
    position: relative;
    left: 0;
    margin-right: 10px;
    top: 10px;
}

.sppb-addon-text-block ul li {
    display: flex;
    align-items: center;
    /* line-height: 13px !important; */
    margin: 5px;
}


#column-id-1633002736464 {
  justify-content: center;
    align-items: center;
    display: grid;
}


#sppb-addon-1635944114992 .sppb-addon-title, div#sppb-addon-1635944114980 .sppb-addon-title {
    margin-top: 0px !important;
}

.bottom-row .sppb-addon-title {
  margin-bottom: 30px;
}


.referencia-row #sppb-addon-1636364470048 img.sppb-img-responsive {
    min-width: 580px;
}


.itemid-106 h3.sppb-addon-title {
    margin-bottom: 30px;
}


.ftb-inner-col {
    padding: 25px !important;
    /* margin: 0px !important; */
    border: 1px solid #b6917661;
    transition: .1s all;
}

.ftb-inner-row > .sppb-container-inner > .sppb-row > div {
    padding: 0px;
}


.ftb-inner-col:hover {
    border: 1px solid #b69176;
    transition: .1s all;
    background: #b6917626;
}


.ftb-inner-col .sppb-addon-title {
    font-size: 2.5ex;
    padding-left: 0px;
    display: inline-flex;
}

.ftb-col h3.sppb-addon-title::before {
    content: '\f00c' !important;
    font-weight: bold !important;
    font-family: 'Font Awesome 5 Free' !important;
    background: transparent !important;
    color: #b69176 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    top: 0px !important;
    position: absolute;
    margin-left: -25px;
}


#sp-header #sp-logo .logo-image {
    margin-top: 60px;
    /* transition: .3s ease-in-out; */
}


#sp-header.header-sticky #sp-logo .logo-image {
    max-width: 60px;
    height: 60px;
    margin-top: 0px;
    /* transition: .3s ease-in-out; */
}

.dtb .sppb-addon-title {
    margin-left: 15px;
}


.termekcsomag-col {
    padding: 25px;
    height: 600px;
}


#column-wrap-id-1637318575478 {
  padding-right: 0px;
}

#column-wrap-id-1637318575477 {
  padding-left: 0px;
}

.tcs-col-right {
  /*  margin-top: 50px; */
}

#column-wrap-id-1637318575477, #column-wrap-id-1637318575478 {
    padding: 30px;
}



.termekcsomag-col > div.sppb-column-addons {
    justify-content: center;
    align-items: center;
    display: flex;
}

.csomag-tb {
    background: #00000055;
    color: white;
    padding: 50px;
    font-size: 3ex;
    border: 2px solid #b69176;
    text-align: justify;
}

#column-wrap-id-1637340069320, #column-wrap-id-1637340069322, #column-wrap-id-1637340069324 {
  border: 1px solid #b69176;
  max-width: 300px;
    padding: 20px;
}


.btb-row {
  margin-left: 5% !important;
  margin-right: 5% !important;
    justify-content: center;
    align-items: center;
    display: flex;
}

.termekcsomag-col:hover .sppb-column-overlay {
    transition: 5s all;
    background-color: #171717e0 !important;
}

.termekcsomag-col .sppb-column-overlay {
    transition: 5s all;
}

.contact-inner-row i {
    font-size: 3ex;
    color: #b59275;
}

.contact-inner-row:hover i {
    transition: .3s all;
    transform: scale(1.5);
}

.contact-inner-row i {
    transition: .3s all;
}