@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	 -webkit-text-size-adjust: 100%;
}

input {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

html {
	font-size: 0px;
	background-color: #ffffff;
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.bodys {
	font-size: 0px;
	padding: 0px;
	margin: 0px;	
	overflow-x: hidden !important;
	max-width: 100% !important;
}

.clearfix {
	clear: both;
}

.p {
	font-family: "Lato";
	font-size: 15px;
	color: #000000;
	line-height: 20px;
	margin: 0px;
	text-align: justify;
	font-weight: 300;
	word-wrap: break-word;
}

.p a {
	color: #00A3DF;
	text-decoration: underline;
}

.p a:hover {
	color: #00A3DF;
	text-decoration: none;
}

.ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.ul li {
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 5px 0px;
	font-family: "Lato";
	font-size: 15px;
	color: #000000;
	line-height: 20px;
	text-align: left;
	font-weight: 300;
	word-wrap: break-word;	
	position: relative;
}

.ul li:before {
	font-family: "FontAwesome";
	color: #000000;
	line-height: 20px;
	font-size: 15px;
	content: '\f105';
	text-align: left;
	position: absolute;
	left: 0px;
	top: 1px;
}

.tablazat {
	border-collapse: collapse
}

.tablazat tr th, .tablazat tr td {
	padding: 10px 15px 10px 15px;
	margin: 0px;
	word-wrap: break-word;
	font-family: "Lato";
	font-size: 15px;
}

.tablazat tr th {
	color: #ffffff;
	font-weight: 500;
    background-color: #F59134;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid  #F59134;
}

.tablazat tr th:first-child {
	border-left: 1px solid  #F59134;
}

.tablazat tr th:last-child {
	border-right: 1px solid  #F59134;
}

.tablazat tr td {
	color: #000000;
	font-weight: 300;
    border: 1px solid #F59134;
}

.tablazat_data_start {
	border-top: 4px solid #000000;
}

.p500 {
	font-weight: 500;
}	

.h2 {
	font-family: "Lato";
	font-size: 30px;
	font-weight: 300;
	color: #000000;
	padding: 0px 0px 35px 0px;
	margin: 0px;
	text-align: center;	
	text-transform: uppercase;
}

.h3 {
	font-family: "Lato";
	font-size: 17px;
	font-weight: 400;
	color: #000000;
	padding: 0px 0px 25px 0px;
	margin: 0px;
	text-align: left;	
	text-transform: uppercase;
}

.h3 A {
	color: #000000;
	text-decoration: none;
}

.h3 A:hover {
	text-decoration: underline;
}

.sep {
	width: 100%;
	height: 40px;
	display: block;
}

.sep_fel {
	width: 100%;
	height: 20px;
	display: block;
}

.sep_negyed {
	width: 100%;
	height: 10px;
	display: block;
}

.tartalom {
	padding: 0px 0px 0px 0px;
}

#felfele_nyil {
	background-color: #F59134;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 40px;
	bottom: 40px;
	cursor: pointer;
	z-index: 200;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	display: none;
	border: 1px solid #F59134;
}

#felfele_nyil:hover {
	background-color: #ffffff;
}

#felfele_nyil:after {
	font-family: "FontAwesome";
	color: #FFFFFF;
	line-height: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 25px;
	content: '\f106';
	text-align: center;
}

#felfele_nyil:hover:after {
	color: #F59134;
}

#freeze_bckg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	z-index: 200;
	display: none;
}

.img {
	width: 100%;
	height: auto;
	border: 0px;
}

.szoveg_gomb {
	font-family: "Lato";
	font-size: 16px;
	font-weight: 400;
	color: #EF7401 !important;
	padding: 10px 30px 10px 30px;
	margin: 10px 0px 0px 0px;
	text-align: center;	
	border: 2px solid #EF7401;
	cursor: pointer;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;		
	display: inline-block;
	text-decoration: none !important;
	text-transform: uppercase;
}

.szoveg_gomb:after {
	content: '\f101';
	font-size: 16px;
	font-family: "FontAwesome";	
	padding-left: 10px;
}

.padl {
	padding-left: 15px;
}

.padr {
	padding-right: 15px;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	PRELOADER
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@keyframes preloader_anim {
  from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);    	
  }
	to {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);    	
	}
}

.preloader {
	width: 50px;
	height: 50px;
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	display: none;
	z-index: 200;
}

.preloader img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.preloader img:last-child {
	width: 30px;
	height: 30px;
	left: 10px;
	top: 10px;
}

.preloader img:first-child {
	animation-name: preloader_anim;
	animation-duration: 4s;	
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.preloader img:last-child {
	animation-name: preloader_anim;
	animation-duration: 2s;	
	animation-direction: reverse ;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.preloader_fixed {
	position: fixed !important;
}

/*-------------------------------------------------------------------------------------------
	MODAL
	-----------------------------------------------------------------------------------------*/

.modal_body_noscroll {
	overflow: hidden;
}

#modal_container {
	background-color: rgba(0,0,0,.2);
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 130;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
}

#modal {
	background-color: #ffffff;
	border: 1px solid #F59134;
	padding: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	position: relative;
	display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	IDOZITETT POPUP
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#popup_time {
	font-family: "Lato";
	padding: 10px 20px 10px 20px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 400;
	background-color: #ff0000;
	font-size: 15px;
	position: fixed;
	width: 300px;
	left: calc(50% - 150px);
	top: calc(50% - 150px);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	z-index: 199;
	display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	OLDAL CIME
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.oldal_cime {
	padding: 15px 15px 15px 15px;
	background-color: #F59134;
	text-align: center;
	font-family: "Lato";
	font-weight: 700;
	font-size: 35px;
	color: #ffffff;
}

.oldal_cime p {
	all: unset;
}

.oldal_cime A, .oldal_cime A:active, .oldal_cime A:hover {
	color: #ffffff;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BIZTOSITO LOGO
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.bizt_logo {
	width: auto;
	height: auto;
	max-height: 100px;
	max-width: 150px; 
	border: 0px;
	padding-bottom: 10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	SZURKE BLOKK2
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.szurke_blokk2 {
	margin: 15px;
	padding: 15px;
	background-color: #F2F2F2;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	SZURKE BLOKK3
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.szurke_blokk3 {
	padding: 15px 0px 15px 0px;
	background-color: #F2F2F2;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	NARANCS BLOKK
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.narancs_blokk {
	padding: 15px 0px 15px 0px;
	background-color: #F59134;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	URLAP
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.urlap input[type=text], .urlap textarea, .urlap select, input[type=file] {
	font-family: "Lato";
	font-size: 15px;
	font-weight: 300;
	color: #000000;
	padding: 10px;
	margin: 0px;
	text-align: left;	
	background-color: #ffffff;
	border: 1px solid #F2DEDE;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	resize: none;
}

.urlap input[type=submit] {
	font-family: "Lato";
	font-size: 18px;
	font-weight: 400;
	color: #EF7401;
	padding: 15px 50px 15px 50px;
	margin: 0px;
	text-align: center;	
	background-color: #ffffff;
	border: 2px solid #EF7401;
	cursor: pointer;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;			
	text-transform: uppercase;
}

.urlap_label {
	font-family: "Lato";
	font-size: 15px;
	color: #000000;
	margin: 0px;
	text-align: left;
	font-weight: 300;
	padding-bottom: 5px;
	display: block;
}

.urlap_label_inline {
	display: inline !important;
	padding: 0px 0px 0px 10px;
}

.urlap_adatsor {
	padding-bottom: 20px;
}

.urlap a {
	color: #00A3DF;
	text-decoration: underline;
}

.checkbox, .radiob {
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0px;	
	border: 1px solid #F2DEDE;
	background-color: #FFFFFF;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
}

.checkbox input, .radiob input {
	display: none;
}

.checkbox input:checked + span:after, .radiob input:checked + span:after {
	display: block;
	width: 40px;
	line-height: 40px;
	font-family: "FontAwesome";
	content: '\f00d';
	font-size: 20px;
	color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}

.urlap select {
	-moz-appearance: none;
    -webkit-appearance:none;	
    appearance: none;
    display: inline-block;
    padding-right: 30px;
    margin: 0px;
}

.urlap select::-ms-expand {
    display: none;
}

.urlap select + label {
	height: 100%;
	display: inline-block;
	position: relative;
	left: -25px;
	vertical-align: top;
}

.urlap select + label:after {
	font-family: "FontAwesome";
	content: '\f078';
	font-size: 20px;
	color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;	
  	line-height: 40px;
}

.urlap_error_field  {
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}

.urlap_error  {
	color: #ff0000;
	font-weight: 700;
	display: none;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	FILE FELTOLTES
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.file_upload_cont { 
	position: relative;
	width: 300px;
	border: 1px solid #F2DEDE;
	padding: 1px;
	background-color: #FFFFFF;
}

.file_upload_bar {
	background-color: #EF7401;
	width: 0%;
	height: 30px;
}

.file_upload_percent {
	font-family: "Lato";
	color: #000000;
	position: absolute;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
	font-weight: 300;
	width: 100%;
	text-align: center;
	left: 0px;
	top: 0px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	KOCKAZATI CSOMAGOK
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.kockazati_csomagok {
	padding-bottom: 30px;
	display: flex;
	align-items: stretch;
}

.kockazati_csomagok > div {
	width: 30%;
	border-right: 10px solid #ffffff;
}

.kockazati_csomagok > div > img {
	width: 100%;
	height: auto;
	border: 0px;
}

.kockazati_csomagok > table img {
	width: 20px;
	height: auto;
	border: 0px;
}

.kockazati_csomagok td, .kockazati_csomagok th {
	text-align: center;
}

.kockazati_csomagok tr:nth-of-type(even) {
	background-color: rgb(240,240,240);
}

.kockazati_csomagok tr:nth-of-type(odd) {
	background-color: rgb(230,230,230);
}

.kockazati_csomagok_selector {
	width: 30px;
	height: 30px;
	border: 1px solid rgb(100,100,100);
	-webkit-border-radius: 100px;
	border-radius: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #ffffff;
}

.kockazati_csomagok_selector span {
	width: 24px;
	height: 24px;
	background-color: #F59134;
	display: block;
	-webkit-border-radius: 100px;
	border-radius: 100px;	
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;		
}

.kockazati_csomagok_selector_selected span {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

@keyframes kockazati_csomagok_nyil_anim {
	0% { top: 0px; }
	50% { top: 10px; }
	100% { top: 0px; }
  }

.kockazati_csomagok .fa-angle-down {
	position: relative;
	font-size: 0px;
	animation-name: kockazati_csomagok_nyil_anim;
	animation-duration: 1s;	
	animation-iteration-count: infinite;
}

.kockazati_csomagok .fa-angle-down:before {
	font-size: 35px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	COOKIE
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cookie_alert {
	z-index: 130;
	background-color: rgba(0,0,0,.9);
	padding: 20px 0px 15px 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	max-height: calc(100% - 35px);
	overflow-y: overlay;
}

.cookie_alert p {
	color: #ffffff;
	text-align: center;
	font-size: 13px;
}

.cookie_alert > div > p:nth-of-type(1) > span {
	font-size: 17px;
	display: block;
	font-weight: 700; 
	padding-bottom: 10px;
}

form[name=cookie_form_elfogad] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
	flex-wrap: wrap;
}

form[name=cookie_form_elfogad] p {
	padding-right: 15px;
}

form[name=cookie_form_beallitasok] {
	display: flex;
	flex-direction: column;
	padding-top: 10px;
	border-top: 1px solid #ffffff;
	margin-top: 10px;
	display: none;
}

form[name=cookie_form_beallitasok] > div  {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 10px;
}

form[name=cookie_form_beallitasok] > div p {
	text-align: left;
} 

form[name=cookie_form_beallitasok] > div > p > span {
	font-size: 15px;
	font-weight: 700;
}

.cookie_alert input[type=submit] {
	font-size: 13px;
	padding: 10px;
	border-width: 1px;
}

.cookie_alert .checkbox {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	flex-shrink: 0;
}

.cookie_alert .checkbox span:after {
	width: 30px !important;
	line-height: 30px !important;
}

.cookie_alert .checkbox input[disabled] + span:after {
	color: rgb(200,200,200);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	DOBOZOK KERETTEL
	--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.dobozok_kerettel {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}

.dobozok_kerettel > div {
	align-items: stretch;
	display: flex;
}

.dobozok_kerettel > div > div{
	padding: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	border: 1px solid #F2F2F2;
	width: 100%;
}