/* slider_01 --> zomm+blur effect 1kep rajta 2hasab szoveges resz */
/* slider_02 --> sajat crossfader 1fix szoveggel  */


/* CSS Document */


/*
@media only screen and (max-width: 768px) {
	#slider_01 #slidercontainer {width:100%; overflow:hidden; min-height:var(--slider-heightM);}
	#slider_01 #sliderbg {width:100%; height:var(--slider-heightM); background:url(/img/slider.jpg); background-position: center; background-size: cover; z-index:-1; position: relative; }
	#slider_01 .slider_zoom { animation: slider_01_zoom 10s ease-in-out infinite; }
	#slider_01 #sliderszovegcontainer {position: relative; z-index:10; top: calc(-1 * var(--slider-heightM)); width:100%; margin:0 auto  calc(-1 * var(--slider-heightM)) auto; height:var(--slider-heightM); display: flex; align-items: center; width:var(--main-szelessegM); max-width:var(--main-maxszelessegM);}
	#slider_01 #sliderszoveg { margin:0 auto; padding:2vw 0; width:50%; display: flex; align-items: center; flex-wrap: wrap; }
	#slider_01 #sliderszoveg h1 { color:#fff; font-size:6vw; text-transform:uppercase;}
	#slider_01 div { color:#fff;}
	#slider_01 #sliderszoveg2 {width:45%; margin:0 0 0 5%; background:#3ebbfd; text-align:center; padding:5% 1% 5% 1%;}
	#slider_01 #sliderszoveg2, #slider_01 #sliderszoveg2 h3 { color:#fff;}
	#slider_01 input { max-width:90%;}
}
@media only screen and (min-width: 769px) {
	#slider_01 #slidercontainer {width:100%; overflow:hidden; min-height:var(--slider-height);}
	#slider_01 #sliderbg {width:100%; height:var(--slider-height); background:url(/img/slider.jpg); background-position: center; background-size: cover; z-index:-1; position: relative; }
	#slider_01 .slider_zoom { animation: slider_01_zoom 10s ease-in-out infinite; }
	#slider_01 #sliderszovegcontainer {position: relative; z-index:10; top: calc(-1 * var(--slider-height)); width:100%; margin:0 auto  calc(-1 * var(--slider-height)) auto; height:var(--slider-height); display: flex; align-items: center; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg);}
	#slider_01 #sliderszoveg { margin:0 auto; padding:2vw 0; width:60%; display: flex; align-items: center; flex-wrap: wrap; }
	#slider_01 #sliderszoveg h1 { color:#fff; font-size:5vw; text-transform:uppercase;}
	#slider_01 div { color:#fff;}
	#slider_01 #sliderszoveg2 {width:35%; margin:0 0 0 5%; background:#3ebbfd; text-align:center; padding:5% 1% 5% 1%;}
	#slider_01 #sliderszoveg2, #slider_01 #sliderszoveg2 h3 { color:#fff;}
}*/



@media only screen and (max-width: 768px) {
	#slider_02 {width:100%; overflow:hidden; max-height:var(--slider-heightM); height: var(--slider-heightM); z-index:10; background:var(--slider-bg);  }
	#slider_02 #sliderkepek { opacity:0.8;}
	#slider_02 #sliderkepek div { width:100%;  position: absolute; left:0; top:0; height:var(--slider-heightM); background-position: 50% 0; background-size:cover;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position;}
	#sliderszovegcontainer {position: absolute; z-index:100; top:0;  margin:0 5%; height:var(--slider-heightM); display: flex; align-items: center; width:90%;}
	#sliderszoveg { margin: var(--menu-magassag) 0 0 0%; color:#fff; text-align:center; text-shadow: 0 0 10px #000;}
	#sliderszoveg * {  color:#fff; }
	#sliderszoveg h1 { color:#fff; font-size:10vw; text-transform:uppercase;font-weight: 700;}
}
@media only screen and (min-width: 769px) {
	#slider_02 {width:100%; overflow:hidden; max-height:var(--slider-height); height: var(--slider-height); z-index:10; background:var(--slider-bg); }
	#slider_02 #sliderkepek { opacity:0.9;}
	#slider_02 #sliderkepek div {  width:100%; position: absolute; left:0; top:0; height:var(--slider-height); background-position: 50% 0; background-size:cover;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position;}
	#sliderszovegcontainer {position: absolute; z-index:100; top:0; height:var(--slider-height); display: flex; align-items: center; width:100%;}
	#sliderszoveg { margin: var(--menu-magassag) 0% 0 0%; padding:  0 5% 0 5%;}
	#sliderszoveg * { color:#fff; text-shadow: 0 0 10px #000;}
	#sliderszoveg h1 { color:#fff;  font-size:4vw; text-transform:uppercase; font-weight: 700; line-height: 4.4vw;}
}

/*
@media only screen and (max-width: 768px) {
	#slider_03 {width:100%; overflow:hidden; max-height:var(--slider-heightM); height: var(--slider-heightM); z-index:10; background:var(--slider-bg);  }
	#slider_03 #sliderkepek { opacity:0.9;}
	#slider_03 #sliderkepek div { width:100%;  position: absolute; left:0; top:0; height:var(--slider-heightM); background-position:top center!important; background-size: cover!important; background-repeat: no-repeat!important;}
	#sliderszovegcontainer {position: absolute; z-index:100; top:0;  margin:0 5%; height:var(--slider-heightM); display: flex; align-items: center; width:90%;}
	#sliderszoveg { margin:0 auto; color:#000; text-align:center; text-shadow: 0 0 1px #000; padding:var(--menu-magassagM) 0 0 0;}
	#sliderszoveg * {  color:#000; }
	#sliderszoveg h1 { color:#000;  font-size:10vw; text-transform:uppercase; font-weight:700;}
	#sliderszoveg h4 { color:#000;  font-size:6vw; text-transform:uppercase; font-weight:300;}
	
	#slider_03 #sliderlinkcontainer_m { top:0; height:var(--slider-heightM); display: flex; align-items: center; width:100%; position:absolute;z-index:1000; }
	#slider_03 #sliderlink_m { position: relative; z-index:10000;height:var(--slider-heightM); cursor:pointer;}
}
@media only screen and (min-width: 769px) {
	#slider_03 {width:100%; overflow:hidden; max-height:var(--slider-height); height: var(--slider-height); z-index:10; background:var(--slider-bg); }
	#slider_03 #sliderkepek div {  width:100%; position: absolute; left:0; top:0; height:var(--slider-height); background-position:center!important; background-size: cover!important; background-repeat: no-repeat!important;}
	#slider_03 #sliderkepek  {  }
	#sliderszovegcontainer {position: absolute; z-index:100; top:0; height:var(--slider-height); display: flex; align-items: center; width:100%; }
	#sliderszoveg { color:#fff; text-align:center; width:100%;}
	#sliderszoveg * {  color:#000; }
	#sliderszoveg h1 { color:#000;  font-size:5vw; text-transform:uppercase; font-weight:700;}
	#sliderszoveg h4 { color:#000;  font-size:3vw; text-transform:uppercase; font-weight:300;}
	
	#slider_03 #sliderlinkcontainer { top:0; height:var(--slider-height); display: flex; align-items: center; width:100%; position:absolute;z-index:1000; }
	#slider_03 #sliderlink { position: relative; z-index:10000;height:var(--slider-height); cursor:pointer;}
}

*/