html {
scroll-behavior: smooth;  
}

#sp-top-bar {
    background: #00000000;
    color: #ffffff;
  padding: 20px 0;
}
#sp-header {
    background: #353530;
    background: #1c1b19;
    width: 90%;
    margin: auto;
}
#sp-top-bar a {
    color: #ffffff;
    font-size: 14px;
}
#sp-top-bar {
    width: 90%;
    margin: auto;
}
.sp-megamenu-parent>li:hover>a {
    color: #fbd369;
}
ul.social-icons li a span {
    color: white;
    font-size: 20px;
}
#sp-header > .row {
    margin: 0 20px;
}
.sppb-addon-button-group {
    margin-top: 30px;
}
.btn-primary, .sppb-btn-primary,  .eventgallery-back-button {
    border-color: #fcd462;
    background-color: #fcd462;
    padding: 18px 40px;
    margin-top: 30px;
    text-transform: uppercase;
    color: #000;
  border-radius: 0;
  position: relative;
    font-weight: 500;
}
.sppb-btn-secondary {
    color: #fff;
    background-color: transparent;
    border-color: #a3a3a3;
    padding: 18px 40px;
    text-transform: uppercase;
    color: #a3a3a3;
    border-radius: 0;
      margin-top: 30px;
}
.sppb-btn-secondary:hover {
    background: #353530;
}
.sp-megamenu-parent>li>a {
    color: #ffffff;
  font-weight: 700;
}
li.sp-menu-item.current-item.active a {
    color: #fbd369;
}
ul.sp-contact-info {
    text-align: right;
}
.sppb-addon-feature .sppb-icon .sppb-icon-container {
    background: #fbd369;
    padding: 20px;
    margin-bottom: 15px;
  transition: 300ms all;
}

.sppb-addon-feature .sppb-icon .sppb-icon-container i {
    color: #353530;
    font-size: 20px !important;
  transition: 300ms all;
}

.sppb-addon-feature {
    padding: 20px;
    border: 1px solid #8d8d87;
  transition: 300ms all;
}
.krd_4er > .sppb-row-container > .sppb-row {
    background: #353530;
    padding: 40px;
}
.sppb-addon-feature:hover {
    background: #fad26f;
    color: black;
  transition: 300ms all;
}

.sppb-addon-feature:hover .sppb-icon .sppb-icon-container {
    background: #353530;
  transition: 300ms all;
}

.sppb-addon-feature:hover .sppb-icon .sppb-icon-container i {
    color: white;
  transition: 300ms all;
}
.krd_video_half .sppb-addon-video-local-source {
    object-fit: contain;
    position: absolute;
    left: 0;
    top: -270px;
    height: 100%;
    width: 100%;
}
.krd_video_half .sppb-addon-video {
      height: 600px;
    overflow: hidden;
}
.sppb-addon-feature .sppb-icon-container {
  position: relative;
}
.sppb-row-column:hover .sppb-btn-primary:before, .sppb-addon-feature .sppb-icon-container:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #a3a3a3;
    -webkit-animation: pulse-border-2 1s linear infinite;
    animation: pulse-border-2 1s linear infinite;
}
.sppb-row-column:hover .sppb-btn-primary:after, .sppb-addon-feature .sppb-icon-container:after {
     position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #a3a3a3;
    -webkit-animation: pulse-border-2 1.5s linear infinite;
    animation: pulse-border-2 1.5s linear infinite;
}
.sppb-addon-feature:hover .sppb-feature-box-title a {
    color: black;
}
.krds_triple {
  transition: 300ms all;
}
.krds_triple:hover {
    background: white !important;
    color: black;
  transition: 300ms all;
}













@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #353530;
    border: 1px solid #a3a3a3;
}

.sp-dropdown li:hover a {
    color: #fcd462 !important;
}

.sp-dropdown li a {
    color: #ffffff !important;
}

.speasyimagegallery-album > div > a:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,#353530 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#353530 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#353530 100%);
    opacity: .3;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
    border: 1px solid #fbd267aa;
}


.speasyimagegallery-album:hover > div > a:after {
    opacity: .8;
    transition: opacity 400ms;
    border: 3px solid #fbd267aa;
}

a.back-btn.btn.btn-primary {
    margin-top: 0;
    margin-bottom: 25px;
}

a.back-btn.btn.btn-primary:active {
    background: #f5ce67;
    border-color: #f5ce67;
}


.krd_4er.tech-row > .sppb-row-container > .sppb-row {
    backdrop-filter: blur(20px);
    padding: 40px;
    background: rgba(0, 0, 0, 0.15);
}

.wbg-row {
  background: #ffffff !important;
  color: #1c1b19;
}

.sp-megamenu-parent>li:last-child>a, .sp-megamenu-parent>li:first-child>a {
    padding: 0px 15px 0px 15px !important;
}

.tech-row .sppb-icon {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 25px;
}

.tech-row h5.sppb-addon-title.sppb-feature-box-title {
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
}

.rsform h2 {
    margin-bottom: 30px;
}


.rsform input, .rsform textarea {
    border-radius: 0;
    background: #1c1b19;
    color: #fcd462;
    transition: background .3s;
}

.rsform input:focus, .rsform textarea:focus {
    background: #353530;
    transition: background .3s;
    color: white;
    border: 1px solid #fcd462;
}


.rsform .form-check input {
    border: 1px solid;
    border-radius: 0;
}

.form-check-input:checked {
    background: #fcd462;
    background-image: none !important;
}

.form-check-input:checked:before {
    content: '\f00c';
    color: black;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    align-items: center;
    justify-content: center;
    display: flex;
    max-height: 15px;
    font-size: 0.6rem;
}

.form-check-input:focus {
    background: #fcd462 !important;
	box-shadow: none !important;
  	color: transparent !important;
}

::-webkit-scrollbar-thumb {
    background-color: #d2b051;
    border: none;
}

::-webkit-scrollbar {
    background-color: #353530;
    border: none;
}

span.speasyimagegallery-album-subtitle {
    font-weight: bold;
    padding-bottom: 5px;
    display: flex;
}

span.speasyimagegallery-album-meta-count small p {
    margin-bottom: 0;
}


.timeline-date {
    font-size: 45px !important;
    color: #fbd369;
}

.timeline-panel {
    border-radius: 0px !important;
    background: #353530 !important;
    border-color: #fcd462 !important;
}

 .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before, .sppb-addon-timeline .timeline-movement.even:after {
    border-color: #fcd462;
    background: #353530 !important;
}

.ref-col {
    background: #0a0a08cc;
    padding: 10vh 8vw;
    backdrop-filter: blur(5px);
    box-shadow: 0px 0px 15px 0px #353530cc;
}


.adatvedelem .sppb-row-container .sppb-row {
    padding: 50px;
    background: #333333;
    color: white !important;
    box-shadow: 0px 0px 5px 1px #333333;
}

.sppb-row-container .sppb-row p span {
    color: white !important;
}


@media(min-width: 1200px) and (max-width: 1399px) {
  .krd_4er .sppb-addon-feature {
    min-height: 360px;
}
}


.szolg-pg-row .sppb-flipbox-front.flip-box > .flip-box-inner i {
    border-radius: 0 !important;
    justify-content: center;
    align-items: center;
    display: flex !important;
    color: #353530 !important;
    background: #fad26f;
    padding: 20px;
    font-size: 40px;
}

.szolg-pg-row .sppb-addon-sppb-flibox, .szolg-pg-row .sppb-addon-sppb-flipbox {
    border: 1px solid #8d8d87;
    max-width: 500px;
    height: 500px;
}

.szolg-pg-row .sppb-flipbox-back, .sppb-flipbox-front {
    height: 500px !important;
}

.szolg-pg-row .sppb-flipbox-panel {
    height: 500px;
}

.szolg-pg-row .sppb-flipbox-front .flip-box-inner {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


.szolg-pg-row .flip-box-inner .sppb-icon .sppb-icon-container {
position: relative;
}

.szolg-pg-row .flip-box-inner .sppb-icon .sppb-icon-container:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #a3a3a3;
    -webkit-animation: pulse-border-2 1s linear infinite;
    animation: pulse-border-2 1s linear infinite;
}

.szolg-pg-row .flip-box-inner .sppb-icon .sppb-icon-container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #a3a3a3;
    -webkit-animation: pulse-border-2 1.5s linear infinite;
    animation: pulse-border-2 1.5s linear infinite;
}


.szolg-pg-row > .sppb-row-container {
  background: #353530;
}

.szolg-pg1 > .sppb-row-container {
  padding: 50px 50px 25px 50px;
}

.szolg-pg2 > .sppb-row-container {
  padding: 25px 50px 50px 50px;
}

.szolg-pg-row .sppb-row > div {
    padding: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width: 500px !important;
}

.szolg-pg-row .sppb-row-container > .sppb-row {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width: 1100px;
}

.szolg-pg-row span.sppb-icon-container {
    display: flex;
    margin-bottom: 25px;
}

.szolg-pg-row .sppb-flipbox-back .flip-box-inner p {
    text-align: justify;
}

.speasyimagegallery-gallery-item-title, .speasyimagegallery-image-title {
  display: none !important;
}


@media(min-width: 992px) and (max-width: 1026px) {
  div#sp-menu {
    padding: 0;
}
}

.burger-icon span {
    background: white;
}


.offcanvas-menu {
    background: #353530;
}

.offcanvas-menu ul.menu li a {
    color: white !important;
}

.offcanvas-menu ul.menu li.current.active a {
    color: #fcd462 !important;
}

.offcanvas-menu span.menu-toggler {
    color: white !important;
}

.offcanvas-menu ul.menu-child li a {
    font-family: 'Playfair Display';
}
.menu-child {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #c3c3c1;
}


@media(max-width: 767px) {
  .kezdolap-rolunk-row .sppb-addon-button-group {
    margin-bottom: 30px;
}
  
  .kezdolap-rolunk-row .sppb-addon-button-group {
    margin-bottom: 30px;
}

.krd_4er .sppb-addon.sppb-addon-feature {
    margin: 5px;
}

.ref-row div#column-id-1713966272678 {
    padding: 45px 15px;
}
  
  
div#column-id-B7FBz91_6kYZuDt2GId9b {
    padding-left: 0;
    margin-top: 15px;
}
  
  h1 {
    font-size: 40px !important;
}
  
  h2 {
    font-size: 38px !important;
  }
  
  h3 {
    font-size: 36px !important;
  }
  
#technologia-1, #technologia-2, #technologia-3, #technologia-4 {
    padding-top: 25px !important;
}

div#sppb-addon-wrapper-1714036898223 h1 {
    margin-top: 25px !important;
}
  
  
  span.speasyimagegallery-album-title {
    font-size: 14px;
}

span.speasyimagegallery-album-meta-count {
    font-size: 10px !important;
}

.speasyimagegallery-album-meta-count span {
    font-size: 13px !important;
    color: #daddd8 !important;
}
  
  
}

@media(max-width: 370px) {
  .gyartastech-tb h1.sppb-addon-title {
    font-size: 33px !important;
}
  
  h2.sppb-addon-title {
    font-size: 30px;
}
}

@media(width: 320px) {
  span.speasyimagegallery-album-title {
    font-size: 12px;
}

span.speasyimagegallery-album-meta-count {
    font-size: 8px !important;
}

span.speasyimagegallery-album-meta-count {
    font-size: 10px !important;
}

span.speasyimagegallery-album-meta-count span {
    font-size: 10px !important;
}

.speasyimagegallery-album-info {
    padding: 5px;
}
}

ul.menu li.active.menu-parent > a {
    color: #fbd369 !important;
}

@media(max-width: 991px){
  #sp-header {
    height: 60px;
}
 }


@media(min-width: 371px) and (max-width: 420px) {
  h2 {
    font-size: 38px !important;
}
}

@media(max-width: 991px) {
.logo img {
    height: 110px;
    margin-top: 60px;
}


#sp-header > .row {
    height: 120px;
}
  
  #sp-header {
    height: 120px;
}
}

@media(max-width: 767px) {
#section-id-8FRfIB-BQdQ2f0SMB4QSc {
background-size: contain !important;    
  }
}

.bottom-modul a {
    color: #fcd462 !important;
}

@media(min-width: 767px) and (max-width: 992px) {
    h1 {
    font-size: 50px !important;
}
  
 	h2 {
    font-size: 45px !important;
}
  h3 {
    font-size: 40px !important;
  }
}

@media(width: 992px) {
  .logo-image {
    height: 100px;
  }
}

@media(max-width: 767px) {
  .sp-page-builder .page-content #section-id-8FRfIB-BQdQ2f0SMB4QSc {
    background-image: none !important;
  	padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media(min-width: 768px) and (max-width: 1199px) {
  .krds-ref-photo-mobile {
    display:none;
  }

}

@media(min-width: 992px) and (max-width: 1199px) {
   .krd_4er .sppb-addon.sppb-addon-feature {
    min-height: 400px;
}
}


@media(min-width: 768px) and (max-width: 992px) {
  .krd_4er > .sppb-row-container > .sppb-row {
    display: flex;
    flex-direction: column;
}

.krd_4er > .sppb-row-container > .sppb-row .sppb-row-column {
    min-width: 100% !important;
    margin: 10px;
}
}


.logo-image {
    height: 150px !important;
    margin-top: 35px !important;
}

#sp-top2 .sp-column {
    text-align: right;
}

#sp-top2 .mod-languages {
    margin-bottom: 10px;
}

@media(max-width: 452px) {
  div#sp-top2 {
    padding-left: 5px !important;
    padding-right: 0px !important;
}

#sp-top1 {
    padding: 0px 0px 0px 5px;
}

#sp-top3 {
    padding: 0;
}

#sp-top1, #sp-top2, #sp-top3 {
    align-items: center;
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-left: auto !important;
}

#sp-top2 {
    justify-content: flex-end !important;
}

#sp-top3 {
    justify-content: flex-start;
}
}

@media(max-width: 397px) {
  #sp-top2 ul.sp-contact-info, #sp-top2, #sp-top2 a, #sp-top1 span {
    font-size: 11px;
}
}

@media(min-width: 993px) {
header#sp-header {
   height: 160px;
}
}
#sp-header .sp-megamenu-parent > li > a {
    min-height: 160px !important;
    display: flex;
    align-items: center;
}

@media(min-width: 992px) and (max-width: 1200px) {
  .gyartastech-tb .sppb-addon-title {
    font-size: 4.1vw !important;
}
}

@media(min-width: 767px) and (max-width: 992px) {
    .gyartastech-tb .sppb-addon-title {
    font-size: 4.1vw !important;
}
}

.speasyimagegallery-album> div > a:after {
    opacity: .9 !important;
}

#sp-header.header-sticky {
    animation: spFadeInDown 1.5s;
}


@media(max-width: 767px) {
  .speasyimagegallery-modal {
    width: 100% !important;
}

a.speasyimagegallery-next, a.speasyimagegallery-prev {
    z-index: 9999999999999;
}
}




.cc-compliance.cc-highlight > .cc-deny {
    order: 3 !important;
    color: black !important;
    background: #ffffff !important;
}

.cc-compliance.cc-highlight > .cc-allow {
    order: 2 !important;
}

.cc-compliance.cc-highlight > .cc-allowall {
    order: 1 !important;
    background: #333333 !important;
    color: white !important;
}


@media(max-width: 992px) {
    div#speasyimagegallery-modal .speasyimagegallery-prev, .speasyimagegallery-next {
    /* height: fit-content !important; */
    /* margin-top: auto !important; */
    /* margin-bottom: auto !important; */
    /* display: flex !important; */
    /* justify-content: center !important; */
    /* align-items: center !important; */
    /* position: absolute !important; */
    /* bottom: 0 !important; */
    /* top: 0 !important; */
}

a.speasyimagegallery-close {
    display: flex !important;
    margin-right: 30px !important;
    margin-top: -15px !important;
}
  
  .speasyimagegallery-modal {
      width: 100% !important;
    max-height: 85% !important;
    /*padding: 0px 25px;*/
  }
}

@media(max-width: 992px) {
  .cc-revoke.cc-bottom {
    right: 0px !important;
    left: unset !important;
    bottom: 150px !important;
    border-radius: 15px 0px 0px 15px !important;
    background: rgba(100, 100, 100, 0.4) !important;
}
}


a.sp-scroll-up {
    bottom: 90px !important;
}

.grecaptcha-badge {
    z-index: 9999999;
}



a.event-thumbnail.img-thumbnail.thumbnail {
    border: 1px solid transparent;
    background-color: transparent;
}

.eventgallery-imagelist img:hover {
    transform: scale(1.02);
    transition: .5s;
}


.eventgallery-imagelist img {
    transform: scale(1);
    transition: .5s;
}

.pswp__custom-caption.pswp__hide-on-close {
    display: none !important;
}


.eg-content:after {
    position: absolute !important;
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    content: '' !important;
    border: 1px solid;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#353530 100%);
}


.eg-content:hover:after {
    border: 3px solid;
}

.data {
    background: transparent !important;
}

.title {
    font-size: 18px !important;
    font-weight: bold;
}

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



.images.event-thumbnails:after {
    content: " ";
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.eg-content .text {
    line-height: 0;
    font-size: 14px !important;
}

.eg-content .data {
    padding-bottom: 15px;
    padding-left: 15px;
}

@media(min-width: 992px) {
  .item-container.item-container-big {
    max-width: 25%;
}
}

.item-container .item {
    padding: 10px !important;
}

a.eventgallery-back-button {
    color: black;
}

.event {
    margin-top: 30px;
}
}


@media(max-width: 992px) {
#sp-header #sp-logo, #sp-header #sp-menu {
    height: 160px !important;
}

#sp-header img.logo-image-phone.d-inline-block.d-lg-none {
    height: 125px !important;
    margin-top: 100px !important;
}
}


.grecaptcha-badge, .cc-revoke.cc-bottom {
  display: none !important;
}

a.szechenyi-floating-url {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 250px;
    z-index: 9999;
}

.szechenyi2020-logo {
    position: fixed;
    top: 160px;
    right: 0;
    max-width: 170px;
    z-index: 999999;
}