@import url('https://fonts.googleapis.com/css?family=Anton|Quicksand:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url(/css/menu.css);
@import url(/css/slider.css);
@import url(/css/main.css);
@import url(/css/footer.css);


:root { 
--body-bg-szin: #fff;

--body-betutipus: 'Quicksand', sans-serif; 
--body-weight: 400; 
--b-weight: 700;
--body-betumeret: 1.2vw;		--body-betumeretM: 4.0vw;
--body-betuszin: #000; 

--a-weight: 400; 
--a-alahuzas: none; 
--a-alahuzas-hover: none; 
--a-betuszin: #96ca2d;
--a-betuszin-hover: #000;

--h-betutipus:  'Mulish', sans-serif; /* h1 - h5 */
--h-weight: 700;
--h-betuszin: #96ca2d;
--h-betuszin-a: #96ca2d;
--h-betuszin-hover: #000;
--h-a-alahuzas: none;
--h-a-alahuzas-hover: none;

--h1-betumeret: 2.3vw;			--h1-betumeretM: 6.0vw;
--h2-betumeret: 2vw;			--h2-betumeretM: 5.2vw;
--h3-betumeret: 1.7vw;			--h3-betumeretM: 4.8vw;
--h4-betumeret: 1.4vw;			--h4-betumeretM: 4.4vw;
--h5-betumeret: 1.3vw;			--h5-betumeretM: 4.3vw;

--input-betutipus: 'Quicksand', sans-serif; 
--input-weight: 400;
--input-betumeret: 1.2vw;		--input-betumeretM: 4.0vw;
--input-betuszin: #000; 

--menu-betutipus: 'Quicksand', sans-serif;
--menu-magassag: 5vw;			--menu-magassagM: 10vw;
--menu-logoszelesseg: 20%;		--menu-logoszelessegM: 40%;
--menu-betumeret: 1.0vw;		--menu-betumeretM: 5.0vw;
--menu-weight: 400;
--menu-hatter: none;			--menu-hatterM: rgba(255,255,255,0.95);			--menu_menupontokmobile-hatter: rgba(150,202,45,0.95);  --menu_menupontokmobile-magassag: 10vw;
--menu-betuszin: #333;			--menu-betuszinM: #fff;
--menu-betuszin-hover: #fff;
--menu-a-hatter: #none;
--menu-a-hatter-hover: #96ca2d;

--slider-height: 80vh;			--slider-heightM: 100vh;

--footer-hatter: #96ca2d;
--footer-betutipus: 'Quicksand', sans-serif;
--footer-betumeret: 0.8vw;		--footer-betumeretM: 3.0vw;
--footer-weight: 300;
--footer-betuszin: #fff;
--footer-betuszin-hover: #000;
--footer-a-hatter: none;
--footer-a-hatter-hover: none;

--main-szelesseg: 95%;			--main-szelessegM: 90%;
--main-maxszelesseg: 1150px;

--hr-szin: #ccc;
--hr-szelesseg: 100%;			--hr-szelessegM: 90%;

--trans-dur-a: 1.0s;
--trans-dur-b: 0.5s;

--img-hover-opacity-a: 1.0;
--img-hover-opacity-b: 0.8;

--butt1-betutipus: 'Quicksand', sans-serif;
--butt1-betumeret: 1.2vw;		--butt1-betumeretM: 3.8vw;
--butt1-weight: 400;
--butt1-betuszin: #fff;
--butt1-betuszin-hover: #232a33;
--butt1-hatter: #232a33;
--butt1-hatter-hover: none;
--butt1-border: 1px solid #232a33;
--butt1-border-hover: 1px solid #232a33;
--butt1-borderradius: 0; /*sima*/
/*--butt1-borderradius: 10px; kiskerekites*/
/*--butt1-borderradius: 100vw; ovalis*/

--butt2-betutipus: 'Quicksand', sans-serif;
--butt2-betumeret: 1.2vw;		--butt2-betumeretM: 3.8vw;
--butt2-weight: 400;
--butt2-betuszin: #fff;
--butt2-betuszin-hover: #fff;
--butt2-hatter: #none;
--butt2-hatter-hover: #232a33;
--butt2-border: 1px solid #fff;
--butt2-border-hover: 1px solid #232a33;
/*--butt2-borderradius: 10px; kiskerekites*/
/*--butt2-borderradius: 100vw; ovalis*/

--korhatter1-hatter: #F00;
--korhatter1-betuszin: #fff;

--blokk_1_hasab_kephatter-hatter: #fff url(/img/slider.jpg) no-repeat fixed center;
--blokk_1_hasab_kephatter-itemhatter: #fff;
--blokk_2_hasab_kephatter-hatter: #fff url(/img/slider.jpg) no-repeat fixed center;
--blokk_2_hasab_kephatter-itemhatter: #fff;
--blokk_3_hasab_kephatter-hatter: #fff url(/img/slider.jpg) no-repeat center;
--blokk_3_hasab_kephatter-itemhatter: #fff;
--blokk_4_hasab_kephatter-hatter: #fff url(/img/slider.jpg) no-repeat fixed center;
--blokk_4_hasab_kephatter-itemhatter: #fff;

--blokk_1_hasab-hatter: #232a33;
--blokk_1_hasab-itemhatter: #232a33;
--blokk_2_hasab-hatter: #fff;
--blokk_2_hasab-itemhatter: #fff;
--blokk_3_hasab-hatter: none;
--blokk_3_hasab-itemhatter: none;
--blokk_4_hasab-hatter: #fff;
--blokk_4_hasab-itemhatter: #fff;
}


/* CSS Document */

.feher {color: #fff;}
.fekete {color: #000;}
.szin1 {color: #96ca2d;}
.szin2 {color: #232a33;}
.szin3 {color: #fff;}


@media only screen and (max-width: 768px) {
	#mobile { display: block; }
	#nomobile {display: none; }
	body, td, th { font-size: var(--body-betumeretM); overflow-x:hidden!important;}
	h1 { font-size: var(--h1-betumeretM);} h2 { font-size: var(--h2-betumeretM);}	h3 { font-size: var(--h3-betumeretM);} h4 { font-size: var(--h4-betumeretM);}	h5 { font-size: var(--h5-betumeretM);}
	input, textarea, select {font-size: var(--input-betumeretM);}
	
	#form_01 input, textarea, select { padding:1.5vw;}
		
	#main { width:var(--main-szelessegM); margin:auto; } #main img { max-width:100%!important;}

	#loader {  background: url("/img/loading.gif") no-repeat scroll center center #fff;  position: fixed;  height: 100%;   width: 100%; z-index:9999;}
	
	.scroll_a_tetore { width:8vw; height:8vw; text-align:center; position:fixed; bottom:5%; right:5vw; display:none; background: url('/img/nyiltotop.png') no-repeat; opacity: 0.5; z-index:9000; background-size: cover;}
	.scroll_a_tetore:hover { opacity:1.0;}
	
	.butt1 {font-size:var(--butt1-betumeretM); padding:2vw 5vw!important; margin:1.5vw 0; width:auto!important; border-radius:var(--butt1-borderradius);}
	.butt2 {font-size:var(--butt2-betumeretM); padding:2vw 5vw!important; margin:1.5vw 0; width:auto!important; border-radius:var(--butt2-borderradius);}
	
	.korhatter1 { font-size: calc(0.5 * var(--body-betumeretM)); border-radius:50%; background:var(--korhatter1-hatter); color:var(--korhatter1-betuszin); width:var(--body-betumeretM); height:var(--body-betumeretM); line-height:var(--body-betumeretM); display: inline-block; text-align:center; font-weight:700; margin:1%;}
	
	_iframe { width:100%!important; height:50vh!important; margin:1vw 0 1vw 0; padding:0;  }
}


@media only screen and (min-width: 769px) {
	#mobile { display: none; }
	#nomobile {display: block; }
	body, td, th { font-size: var(--body-betumeret); }
	h1 { font-size: var(--h1-betumeret);} h2 { font-size: var(--h2-betumeret);}	h3 { font-size: var(--h3-betumeret);} h4 { font-size: var(--h4-betumeret);}	h5 { font-size: var(--h5-betumeret);}
	input, textarea, select {font-size: var(--input-betumeret);}
	select option {font-size: var(--input-betumeret);}
	
	#form_01 input, textarea, select { padding:0.5vw;}
		
	#main { width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; }  #main img { max-width:100%!important;}

	#loader {  background: url("/img/loading.gif") no-repeat scroll center center #fff;  position: fixed;  height: 100%;   width: 100%; z-index:9999;}
	
	.scroll_a_tetore { width:4vw; height:4vw; text-align:center; position:fixed; bottom:10%; right:2vw; display:none; background: url('/img/nyiltotop.png') no-repeat; opacity: 0.5; z-index:9000; background-size: cover;}
	.scroll_a_tetore:hover { opacity:1.0;}
	
	.butt1 {font-size:var(--butt1-betumeret); padding:1vw 2vw!important; margin:0.5vw 0; width:auto!important; border-radius:var(--butt1-borderradius);}
	.butt2 {font-size:var(--butt2-betumeret); padding:1vw 2vw!important; margin:0.5vw 0; width:auto!important; border-radius:var(--butt2-borderradius);}
	
	.korhatter1 { font-size: calc(0.5 * var(--body-betumeret)); border-radius:50%; background:var(--korhatter1-hatter); color:var(--korhatter1-betuszin); width:var(--body-betumeret); height:var(--body-betumeret); line-height:var(--body-betumeret); display: inline-block; text-align:center; font-weight:700; margin:1%;}
	
	_iframe { width:100%!important; height:50vh!important; margin:1vw 0 1vw 0; padding:0; }	
}



* {	outline: none; tap-highlight-color:transparent; }
body  {	margin:0; padding:0; background-color: var(--body-bg-szin); tap-highlight-color:transparent; width:100%; overflow-x:hidden!important;}
body,td,th,div,p,span { font-family: var(--body-betutipus);	color: var(--body-betuszin:); font-weight: var(--body-weight);}

h1,h2,h3,h4,h5 {color: var(--h-betuszin); font-family:var(--h-betutipus); font-weight: var(--h-weight); margin:0; padding:0;}
h1 a, h2 a, h3 a, h4 a, h5 a {color: var(--h-betuszin-a); transition-duration: var(--trans-dur-a); text-decoration:var(--h-a-alahuzas);}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: var(--h-betuszin-hover); transition-duration: var(--trans-dur-b); text-decoration:var(--h-a-alahuzas);}

a {text-decoration: var(--a-alahuzas);	color:var(--a-betuszin); font-weight: var(--a-weight);	outline: none;	padding:0; margin:0; transition-duration: var(--trans-dur-a);}
a:hover {text-decoration: var(--a-alahuzas-hover); color: var(--a-betuszin-hover); transition-duration: var(--trans-dur-b);}

img { var(--img-hover-opacity-a); transition-duration: var(--trans-dur-a);}
a img:hover {opacity: var(--img-hover-opacity-b); transition-duration: var(--trans-dur-b);}

hr {border:none; border-bottom:1px solid var(--hr-szin); padding:0;	margin:0 auto; width:var(--hr-szelesseg)}

input, textarea, select { font-family: var(--input-betutipus);	color: var(--input-betuszin); font-weight: var(--input-weight);}

.butt1 { font-family:var(--butt1-betutipus); background:var(--butt1-hatter); border:var(--butt1-border); color:var(--butt1-betuszin); display: inline-block; cursor:pointer; transition-duration: var(--trans-dur-a); border-radius:var(--butt1-borderradius); text-decoration:none;}
.butt1:hover { background:var(--butt1-hatter-hover); border:var(--butt1-border-hover); color:var(--butt1-betuszin-hover); transition-duration: var(--trans-dur-b); text-decoration:none;}
.butt2 { font-family:var(--butt2-betutipus); background:var(--butt2-hatter); border:var(--butt2-border); color:var(--butt2-betuszin); display: inline-block; cursor:pointer; transition-duration: var(--trans-dur-a); border-radius:var(--butt2-borderradius); text-decoration:none;}
.butt2:hover { background:var(--butt2-hatter-hover); border:var(--butt2-border-hover); color:var(--butt2-betuszin-hover); transition-duration: var(--trans-dur-b); text-decoration:none;}




@keyframes slider_01_zoom { 0% {transform:scale(1.02,1.02); filter: blur(10px);} 20% {transform:scale(1.1,1.1); filter: blur(0);} 100% {transform:scale(1.02,1.02); filter: blur(10px);}}