@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');
:root 
{
	--main_gold_color: #c8b959;
	--main_text_color: #403f48;
	--main_gray_color: #30333a;
	
	
	--main_font_family: 'Raleway', sans-serif;
	--hero_title_size: 3rem;
	--hero_text_size: 1.25rem;
	
	
	--content_h1_size: 3.2rem;
	--content_h2_size: 2rem;
	--content_h3_size: 1.6rem;
	--content_h4_size: 1.4rem;
	--content_h5_size: 1.2rem;
	--content_h6_size: 1rem;
	--content_text_size: 1.1rem;
}

.no_hover{
    pointer-events: none;
}
.blue_text{color:var(--main_gray_color);}
.header_full_width_new{background: #ff0000;}
body {
	font-family: var(--main_font_family);
	margin: 0;
	padding: 0;
	overflow-x:hidden}



.osszesito{ background:#ececec; }	
.osszesito_logo {
    width: 250px;
}
.osszesito_cim {
    font-size: 1.45rem;
}	
.fw600{ font-weight:600; }	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.text-black{ color: var(--main_text_color);}
.website_header
{
	background: var(--main_gray_color);
}
.header_full_width_link{ font-weight:600;}
.site_logo{width:180px}
.navbar_ikon{ color:#fff;}
.nav-link
{
	color:#fff;
	font-weight:600
}
.nav_link_last
{
	display: block;
    padding: 1rem 2rem;
	background: var(--main_gold_color);
	border-color: var(--main_gold_color);
	border-radius:5px;
	color:#fff;
	font-weight:600;
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
}
.nav_link_last:hover
{
	color:#fff;
	opacity:0.8;
	text-decoration:none
}
.nav-link:hover
{
	color:var(--main_gold_color);
}

.module-head {
    text-align: left;
    /*position: relative;*/
    margin: 40px 0;
}
.module-head-title {
    color: var(--main_gray_color);
    font-weight: 800;
    font-size: 2.5rem;
    display: inline-block;
	word-break: break-all;
}
.module-head:after {	
    content: "";
    display: block;
    background:  var(--main_gold_color);
    width: 150px;
    height: 6px;
}
.page_title {
    color: var(--main_gray_color);
    font-weight: 800;
    font-size: 2.5rem;
    display: inline-block;
}
.page_title:after {	
    content: "";
    display: block;
    background:  var(--main_gold_color);
    width: 150px;
    height: 6px;
	margin-top:7px
}

/* Content css */
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	color: var(--main_gray_color);
	font-weight: 700;
	line-height: 1.4;
}
.content h1 { font-size: var(--content_h1_size); }
.content h2 { font-size: var(--content_h2_size); }
.content h3 { font-size: var(--content_h3_size); }
.content h4 { font-size: var(--content_h4_size); }
.content h5 { font-size: var(--content_h5_size); }
.content h6 { font-size: var(--content_h6_size); }
.content p {
	line-height: 1.7;
	font-size: var(--content_text_size);
	font-weight: 400;
	color: var(--main_text_color);
}
.content ul li {
	line-height: 1.7;
	font-size: var(--content_text_size);
	font-weight: 400;
	color: var(--main_text_color);
	margin: 8px 0;
}
/* Content css */


.hero_bg_1
{
	width: 100%;
    background: var(--main_gray_color);
	padding-bottom:35px;
	padding-top:35px;
	position:relative
}
.hero_title
{
	color:#fff;
	font-size: var(--hero_title_size);
    font-weight: 800;
    line-height: 1.2em;
	word-break: break-all;
}
.hero_desc
{
	color:#fff;
	font-size: var(--hero_text_size);
    font-weight: 400;
	line-height: 1.7em;
}
.hero_link
{
	background: var(--main_gray_color);
	color:#fff;
	font-weight:600;
	font-size:1rem;
	padding:15px 20px;
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
}
.hero_link:hover
{
	opacity:0.8;
	color:#fff;
}

/* Szolgáltatások */
.szolgaltatas_img_link
{
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
}
.szolgaltatas_img_link:hover
{
	opacity:0.8
}
.szolgaltatas_list_title {
    font-size: 1.3rem;
	font-weight:700;
	color: var(--main_text_color);
}
.szolgaltatas_list_title a {
	color: var(--main_text_color);
}
.szolgaltatas_list_desc {
    font-size: 0.95rem;
	line-height:24px;
}
.szolgaltatas_to_link
{
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
	background: var(--main_gold_color);
	border-color: var(--main_gold_color);
	color:#fff;
	font-weight:600;
	font-size:1rem;
}
.szolgaltatas_to_link:hover
{
	opacity:0.8;
	color:#fff;
	
}

/* Szolgáltatások */
.contact_page_data a{ color: var(--main_text_color);}
.btn_custom
{
	background: var(--main_gray_color);
	color:#fff;
	font-weight:600;
	font-size:1rem;
	padding:15px 20px;
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
}
.btn_custom:hover
{
	opacity:0.8;
	color:#fff;
}



.gdpr_label
{
	color: var(--main_text_color);
	font-weight:400;
	font-size:1rem;
	line-height:1.6
}




.step_title_div {
    font-size: 1.1rem;
    color: var(--main_gray_color);
    font-weight: 700;
    margin-bottom: 10px;
}
.step_title_div span {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--main_gold_color);
    text-align: center;
    line-height: 45px;
    margin-right: 15px;
}
.foglalas_label {
    font-weight: 500;
    font-size: 1rem;
    color: var(--main_text_color);
}
.foglalas_input
{
	background:#eee;
	border-color:#eee;
}
.site_button
{
    padding: 1rem 2rem;
	background: var(--main_gold_color);
	border-color: var(--main_gold_color);
	border-radius:5px;
	color:#fff;
	font-weight:600;
	-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;
}
.site_button:hover
{
	opacity:0.8;
	color:#fff;
}

.contact_page_title {
    color: var(--main_gray_color);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.6;
}

.footer
{
	background: var(--main_gray_color);
}
.footer_logo {
    max-width: 150px;
}
.footer-link h5
{
	color: var(--main_gold_color);
	font-weight:700;
	font-size:1.1rem;
}
.footer_company_data, .footer_company_data a
{
	color:#fff;
	margin-bottom:5px;
	margin-top:5px;
	font-size:0.85rem;
}
.footer .footer-bottom .copyright p {
    font-size: 1rem;
    color: #fff;
}
.footer .footer-bottom .copyright p a {
    font-size: 1rem;
    color: var(--main_gold_color);
}
#res
{
    color: var(--main_gray_color);
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 10px;
    display: block;
}
.why_us_div{   
    position: relative;
    top: 0;
    -webkit-transition: top .35s ease-out;}
	
.why_us_div:hover
{
	top: -10px;
}
	
	
	
	
	
.why_us_ikon
{
	color: var(--main_gold_color);
	font-size:3rem;
	margin-bottom:18px;
}
.why_us_title
{
	color:#fff;
	font-size:1.2rem;
	font-weight:700;
	margin-bottom:15px;
}
.why_us_desc
{
	color:#fff;
	font-size:1rem;
}
.module-head {
    text-align: center;
    position: relative;
    margin: 40px 0;
}
.module-head-title {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    display: inline-block;
}
.module-head:after 
{
	content: "";
    max-width: 200px;
    height: 1px;
    background-color: #fff;
    margin: 10px auto 0 auto;
    display: block;
}
.bgimage_bank_card
{
	width: 100%;
    height: 500px;
    background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(../images/sections/bank-card.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bgimage_title {
    color: #fff;
    font-weight: 700;
    font-size: 2.5rem;
}
.bgimage_text {
    color: #fff;
    font-weight: 400;
    font-size: 1.2rem;
}



.flag_ikon
{
	max-width:20px;
}
.lang_select_ikon
{
	color: var(--main_gold_color);
}
.nav_link_lang
{
	color:#454545;
	font-size:0.8rem;
	margin-right:15px
}
.nav_link_lang:hover
{
	color: var(--main_gold_color);
	text-decoration:none;
}
#open_cookie_settings_with_ikon {
    cursor: pointer;
    color: #fff;
	text-decoration:underline;
    font-size: 1rem;
}



.accordion_buttons {
    font-weight: 700;
    cursor: pointer;
    font-size: 1rem;
    color: var(--main_gray_color);
}
span.accordion_buttons:after {
    content: '\02795';
    float: left;
    margin-right: 8px;
}
span.accordion_buttons.active:after {
    content: "\2796";
}
div.panel_gyik {
    padding: 0 0 0 27px;
    background-color: #f3f4f5;
    border-left: 5px solid #222e60;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    margin-top: 10px;
}
.gyik_text {
    font-size: 1rem;
    color: #222e60;
    padding: 10px 5px 10px 0;
}



@media (min-width:768px) {
	.website_header { padding-bottom:25px; padding-top:25px; }
}
@media (max-width:992px) {
	.container-fluid { width:100%;}
	.site_logo{ max-width:140px;}
}