@charset "utf-8";
/* CSS Document */

/*Hamburger menü mérete, színe*/
#offcanvas-toggler >i {
color: #325b8d;
font-size: 36px
}

#sp-header .container {width: 95%}

/*Átlátszó menü sáv*/


#sp-header {background-color: rgba(255, 255, 255, 0.8); }
#sp-header.menu-fixed .sp-megamenu-parent > li > a {color: white;}
#sp-header.menu-fixed .sp-megamenu-parent > li > a:hover {color: red;}
#sp-header.menu-fixed .sp-megamenu-parent > li > a:active {color: red!important}
#sp-header.menu-fixed {background: rgba(0, 0, 0, 0.7)}
.sticky-header {background: rgba(0, 0, 0, 0)!important;}


.text-shadow {text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);}
.text-bg-color {background-color: rgba(112, 20, 29, 0.5); padding: 20px}

#sp-main-body {
padding: 10px 0;}


.height1080 {height: calc(100vh - 45px)}


/*#sp-page-builder .page-content .sppb-section:first-child {
  margin-top: -105px; }*/


.nav-placeholder {background: rgba(0, 0, 0, 0);}


/*#sp-page-builder .page-content .sppb-section:first-child {
  margin-top: -85px;}*/





 .sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
display: inline-block;
padding: 0 15px;
line-height: 90px;
font-size: 14px;
font-weight: bold!important;

text-transform: uppercase;
letter-spacing: 1px;
color: #315a8c;
margin: 0;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.mobileheight {height:500px}

}


.h1, .h2, .h3, h1, h2, h3 {

    margin-top: 0px!important;
    margin-bottom: 10px;

}



/* --------------- tablazat stílus Minden táblázatra automatikus!!!!! ------------------- */

table td
{
background:#f5f5f5;
border:1px solid #dedede;
padding:8px;
}

table td img
{
margin: auto;
padding:2px;
border:1px solid #e5bfbf;
}

table td a img
{
padding:2px;
border:1px solid #e5bfbf;
}

table td a:hover img
{
padding:2px;
border:1px solid #900
}

table td:hover
{
background:#eee;
}
table td H1, table td H1 a:link, table td H1 a:visited
{
font:bold 12px Arial, Helvetica, sans-serif;
padding:0;
margin:0;
color:#900;
text-decoration:none;
}

table td H1 a:hover
{
color:#f70;
text-decoration:none;
}

table td .date
{
padding:0;
margin:2px 0 0 0;
font-size:11px;
color:#999;
letter-spacing: 0.2em;
}

table td p
{
padding:5px 0 5px 0;
margin:5px 0 5px 0;
}

table .box_vertical_separator
{
  width:5px;}

table {
    width: 100%;
}


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
#sp-top1 { display:none;

}
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.sp-contact-info {font-size: 24px; line-height: 1.3em

}
  }

.fastsocialshare_container {margin-top: 20px}

.sppb-carousel-pro-text {color: white; text-align: center!important}

/* ------------------------- DIV doboz stílus ------------------------- */
	
/* ------------------------- Other NewsBox tablazat stílus ------------------------- */


    #other_newsbox2 .box1
    {
    background:#f5f5f5;
    border:1px solid #dedede;
    padding:8px;
    }

#other_newsbox2 .box1 img
    {
    margin: auto;
    padding:2px;
    border:0px solid #e5bfbf;
    }

#other_newsbox2 .box1 a img
    {
    padding:2px;
    border:1px solid #e5bfbf;
    }

#other_newsbox2 .box1 a:hover img
    {
    padding:2px;
    border:1px solid #900
    }

#other_newsbox2 .box1:hover
    {
    background:#eee;
    }

#other_newsbox2 .box1 H1, #other_newsbox2 .box1 H1 a:link, #other_newsbox2 .box1 H1 a:visited
    {
    font:bold 12px Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    color:#900;
    text-decoration:none;
    }

#other_newsbox2 .box1 H1 a:hover
    {
    color:#f70;
    text-decoration:none;
    }

#other_newsbox2 .box1 .date
    {
    padding:0;
    margin:2px 0 0 0;
    font-size:11px;
    color:#999;
    letter-spacing: 0.2em;
    }

#other_newsbox2 .box1 p
    {
    padding:5px 0 5px 0;
    margin:5px 0 5px 0;
    }

#other_newsbox2 .box_vertical_separator
    {
    width:5px;
    }



#sp-header .container {width: 95%}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Alapértelmezett stílusok az űrlaphoz */
.rsform-block {
    margin-bottom: 20px !important;
}

/* Címkék stílusa */
.rsform-block label.formControlLabel {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* Bemeneti mezők stílusa */
.rsform-block input.rsform-input-box,
.rsform-block textarea.rsform-text-box {
    width: 100% !important;
    padding: 20px !important; /* Magasság növelése */
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}

/* Bemeneti mezők fókusz stílusa */
.rsform-block input.rsform-input-box:focus,
.rsform-block textarea.rsform-text-box:focus {
    border-color: #007BFF !important;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.25) !important;
    outline: none !important;
}

/* Szövegterület stílusa */
.rsform-block textarea.rsform-text-box {
    resize: vertical !important;
}

/* Kötelező mezők megjelölése */
.rsform-block .formRequired {
    color: red !important;
}

/* Validációs üzenetek stílusa */
.rsform-block .formValidation {
    font-size: 12px !important;
    color: #d9534f !important;
    margin-top: 5px !important;
}

/* Leírás stílusa */
.rsform-block .formDescription {
    font-size: 12px !important;
    color: #6c757d !important;
    margin-top: 5px !important;
}

/* Adatkezelési tájékoztató link stílusa */
.rsform-block-adatkezelesi-tajekoztato a {
    color: #007BFF !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.rsform-block-adatkezelesi-tajekoztato a:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}


@keyframes colorChange {
  0% { background-color: #d1190c; } /* piros */
  50% { background-color: #2e517a; } /* sötétkék */
  100% { background-color: #d1190c; } /* piros */
}

.myButton {
  box-shadow: inset 0px 39px 7px -24px #e67a73;
  background-color: #d1190c;
  border-radius: 6px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 20px;
  padding: 9px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #382524;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 200px;
  animation: colorChange 2s infinite;
}

.myButton:hover {
  background-color: #a10c0a; /* sötétebb piros */
  color: #ffffff; /* fehér szöveg */
  animation: none; /* animáció kikapcsolása */
}

.myButton:active {
  position: relative;
  top: 1px;
}



.myButton {
  box-shadow: inset 0px 39px 7px -24px #e67a73;
  background-color: #d1190c;
  border-radius: 6px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 20px;
  padding: 9px 30px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #382524;
  margin: 10px;
  min-width: 200px;
  animation: colorChange 2s infinite;
}

.myButton:hover {
  background-color: #a10c0a; /* sötétebb piros */
  color: #ffffff;
  animation: none; /* animáció kikapcsolása hover állapotban */
}

.myButton:active {
  position: relative;
  top: 1px;
}

.fixedButton {
  position: fixed;
  right: 10px; /* Távolság a jobb széltől */
  top: 50%; /* Képernyő középmagassága */
  transform: translateY(-50%); /* Függőleges középre igazítás */
  z-index: 1000; /* Biztosítja, hogy más elemek ne fedjék le */
}

@media only screen and (max-width: 768px) {
  .fixedButton {
    display: none;
  }
}