@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,700|Open+Sans:300,400,700&display=swap&subset=latin-ext');

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

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

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

--body-betutipus: 'Open Sans', sans-serif;
--body-weight: 300; 
--b-weight: 700;
--body-betumeret: 1.2vw;		--body-betumeretM: 4.0vw;
--body-betuszin: #4c4648; 

--a-weight: 400; 
--a-alahuzas: none; 
--a-alahuzas-hover: none; 
--a-betuszin: #8dc63f;
--a-betuszin-hover: #ed1c24;

--h-betutipus:  'Exo 2', sans-serif;  /* h1 - h5 */
--h-weight: 700;
--h-betuszin: #8dc63f;
--h-betuszin-a: #8dc63f;
--h-betuszin-hover: #ed1c24;
--h-a-alahuzas: none;
--h-a-alahuzas-hover: none;

--h1-betumeret: 3vw;			--h1-betumeretM: 7.0vw;
--h2-betumeret: 2.5vw;			--h2-betumeretM: 6.2vw;
--h3-betumeret: 1.7vw;			--h3-betumeretM: 5.8vw;
--h4-betumeret: 1.4vw;			--h4-betumeretM: 5.4vw;
--h5-betumeret: 1.3vw;			--h5-betumeretM: 5.3vw;

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

--menu-betutipus: 'Exo 2', sans-serif;
--menu-magassag: 7vw;			--menu-magassagM: 15vw;
--menu-logoszelesseg: 20%;		--menu-logoszelessegM: 45%;
--menu-betumeret: 1.0vw;		--menu-betumeretM: 6.0vw;
--menu-weight: 400;
--menu-hatter: rgba(235,250,249,0.9);			--menu-hatterM: rgba(235,250,249,0.9);			--menu_menupontokmobile-hatter: rgba(141,198,63,0.95);  --menu_menupontokdesktop-magassag: 3vw;	--menu_menupontokmobile-magassag: 15vw;
--menu-betuszin: #000;			--menu-betuszinM: #fff;
--menu-betuszin-hover: #ed1c24;
--menu-a-hatter: #none;
--menu-a-hatter-hover: #ed1c24;

--slider-height: 100vh;			--slider-heightM: 70vh;
--slider-bg: #000;

--footer-hatter: #ebfaf9;
--footer-betutipus: 'Open Sans', sans-serif;
--footer-betumeret: 0.9vw;		--footer-betumeretM: 3.0vw;
--footer-weight: 300;
--footer-betuszin: #5d5d5d;
--footer-betuszin-hover: #ed1c24;
--footer-a-hatter: none;
--footer-a-hatter-hover: #none;

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

--hr-szin: #e1251a;
--hr-szelesseg: 5%;			--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: 'Open Sans', sans-serif;
--butt1-betumeret: 1.2vw;		--butt1-betumeretM: 3.8vw;
--butt1-weight: 400;
--butt1-betuszin: #8dc63f;
--butt1-betuszin-hover: #ed1c24;
--butt1-hatter: #none;
--butt1-hatter-hover: none;
--butt1-border: 1px solid #8dc63f;
--butt1-border-hover: 1px solid #ed1c24;
--butt1-borderradius: 0; /*sima*/
/*--butt1-borderradius: 10px; kiskerekites*/
/*--butt1-borderradius: 100vw; ovalis*/

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

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

--blokk_1_hasab_kephatter-hatter: #fff url(/img/rolunk.jpg) no-repeat fixed center;
--blokk_1_hasab_kephatter-itemhatter: none;
--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/bg2.jpg) no-repeat fixed center;
--blokk_3_hasab_kephatter-itemhatter: none;
--blokk_4_hasab_kephatter-hatter: #fff url(/img/slider.jpg) no-repeat fixed center;
--blokk_4_hasab_kephatter-itemhatter: #fff;

--blokk_1_hasab-hatter: #fff;
--blokk_1_hasab-itemhatter: ;
--blokk_2_hasab-hatter: #8dc63f;
--blokk_2_hasab-itemhatter: #8dc63f;
--blokk_3_hasab-hatter: #none;
--blokk_3_hasab-itemhatter: #e1251a;
--blokk_4_hasab-hatter: #fff ;
--blokk_4_hasab-itemhatter: #8dc63f;

--galeria_01-item-szelesseg: 25%;			--galeria_01-item-szelessegM: 100%; 
}


/* CSS Document */

.feher * {color: #fff!important;}
.fekete {color: #000;}
.szin1 {color: #8dc63f;} .szin1_bg {background-color: #8dc63f; color:#fff;}/*zold*/
.szin2 {color: #ed1c24;}
.szin3 {color: #fff;}



@media only screen and (max-width: 768px) {
	#mobile { display: block; }
	#nomobile {display: none; }
	body, td, th { font-size: var(--body-betumeretM); }
	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%;}
	
	.index_szolgkep { width:100%;}
	.index_szolgicon { width:20%; margin: 1vw auto;}
    .munkatarsak_telicon { margin: 2vw 0 0 0; display: block;}
    .munkatarsak_telicon img { width: 4.2vw!important; vertical-align: middle; margin: 0 0.5vw 0 0;}
	.cim-csik { display:inline-block; width:10px; border:2px solid #ed1c24;}
	#kapcsolat { width:100%; height:30vh; background: url('/img/01.jpg') no-repeat;  background-size: cover;}
	.szolg_szolgicon { width:75%; margin:0 0 2vw 0;}
	#araink_table td { border-bottom:1px solid #ccc;}
	#araink_table tr:hover { background-color:#efefef; transition-duration:0.5s;}
	.ar { text-align:right; color:#8dc63f; font-weight:400; white-space:nowrap;}
	#munkatarsak { display:flex;flex-wrap: wrap;align-items: stretch; width:100%;}
	#munkatarsak div { width:48%; padding:5% 1%;}
	#munkatarsak img { width:90%;}
    .munkatarsak_telicon { margin: 2vw 0 0 0; display: block;}
    .munkatarsak_telicon img { width: 4.2vw!important; vertical-align: middle; margin: 0 0.5vw 0 0;}
	.fa {  font-size: 60px;  width: 100px;  text-align: center;  text-decoration: none;  margin: 5px 2px;}
	
	iframe { width:100%!important; height:50vh!important; margin:1vw 0 1vw 0; padding:0; border:1px solid #000; }
	
	#bebox_container {position: fixed; right: -75px; top: 70%;width: 140px; height: 140px; color: #fff;  display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; transition-duration: 0.5s; z-index: 9000; }
	#bebox_container:hover {transform: scale(1.2,1.2); right: 2%; }
}


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

	.index_szolgkep { width:100%;}
	.index_szolgicon { width:20%; margin: 1vw auto;}
	#index_munkatarsak img {width:75%;}
	#index_munkatarsak { font-size:75%;}
	.cim-csik { display:inline-block; width:35px; border:3px solid #ed1c24; margin:0 0 10px 0;}
	#kapcsolat { width:100%; height:30vw; background: url('/img/01.jpg') no-repeat;  background-size: cover;}
	.szolg_szolgicon { width:75%; margin:0 0 2vw 0;}
	#araink_table { width: 100%;}
	#araink_table tr:hover { background-color:#efefef; transition-duration:0.5s;}
	.ar { text-align:right; color:#8dc63f; font-weight:400; white-space: nowrap!important; width: 1px!important;}
	#munkatarsak { display:flex;flex-wrap: wrap;align-items: stretch; width:100%;}
	#munkatarsak div { width:31.3333%; padding:1%;}
	#munkatarsak img { width:75%;}
    .munkatarsak_telicon { margin: 1vw 0 0 0; display: block;}
    .munkatarsak_telicon img { width: 1.4vw!important; vertical-align: middle; margin: 0 0.5vw 0 0;}
    #index_munkatarsak .munkatarsak_telicon img { width: 1vw!important; vertical-align: middle; margin: 0 0.5vw 0 0;}
	.fa {  font-size: 30px;  width: 50px;  text-align: center;  text-decoration: none;  margin: 5px 2px;}
	
	iframe { width:100%!important; margin:1vw 0 1vw 0; padding:0; border:1px solid #000; }	
	
	#bebox_container {position: fixed; right: -3%; top: 50%;width: 140px; height: 140px; color: #fff;  display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; transition-duration: 0.5s; z-index: 9000; }
	#bebox_container:hover {transform: scale(1.2,1.2); right: 2%; }
	
	#lapozas a { padding: 1%!important; border: 1px solid #8dc63f;}
	#lapozas { padding: 1%!important;}
}



* {	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; color:var(--body-betuszin);}
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:5px 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;}

b, strong { font-weight:700;}


@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);}}