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

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

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


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


#sp-header {background-color: rgba(0, 0, 0, 0.5); }
#sp-header.menu-fixed .sp-megamenu-parent > li > a {color: white;}
#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)}





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


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



 .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: #FFF;
margin: 0;
}

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

}



/* --------------- 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}

.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%;
}


/*  SECTIONS 4 oszlop  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/*  SECTIONS 5 oszlop  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}


.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;
}
.myButton:hover {
	background-color:#f03c05;
}
.myButton:active {
	position:relative;
	top:1px;
}