/*@font-face {
	font-family: "Atyp Text Medium Regular";
	src: url("../fonts/AtypText-Medium.otf") format("opentype"),
	url("../fonts/AtypText-Medium.otf") format("opentype"),
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "AtypDisplay-Bold";
	src: url("../fonts/AtypDisplay-Bold.otf") format("opentype"),
	url("../fonts/AtypDisplay-Bold.otf") format("opentype"),
	font-style: normal;
	font-weight: bold;
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
	--main_font_family: 'Roboto', sans-serif;
	/*--main_font_family: 'Atyp Text Medium Regular';*/
	
	--primary_color:#ff9551;
	--secondary_color:#203a4e;
	
	--main_black_color:#212026;
	--main_light_gray_color:#e8e2f0;
	--main_light_gray_color_2:#eff0f1;
	
	--hero_title_size:5rem;
	--hero_text_size:1.15rem;
	--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;
	--letter_spacing:0rem;
}
body {
	font-family: var(--main_font_family);
	margin: 0;
	padding: 0;
	color: var(--secondary_color);
}
.header_main_section
{
	background:var(--secondary_color);
}
.main_szolgaltatas_title_link{ font-size:1.125rem; color: var(--secondary_color); /*font-family: "AtypDisplay-Bold";*/ }
.main_szolgaltatas_to_link{ color: var(--secondary_color);  }
.main_szolgaltatas_img{transition: all .5s;}
.main_szolgaltatas_img:hover{ opacity:0.75;}
.page_title {
	font-weight: 800;
	font-size: 3.25rem
}
.site_logo {
	width: 130px
}
.radius {
border-radius:0.155rem
}


.section_colored {
    background: var(--secondary_color);
}
.fooldal_ikon {
    width: 80px;
}
.fooldal_ikon_cim{ font-size:1.125rem;}


.homepage_title_1 {
    color: var(--primary_color);
    font-weight: 300;
    text-transform: uppercase;
}
.homepage_title_2 {
    color: var(--secondary_color);
    font-weight: 700;
    font-size: 3rem;
}
.homepage_title_3 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
}
.homepage_link_1 {
    transition: all .5s;
    padding: 15px 25px;
    line-height: 30px;
    background-color: var(--primary_color);
    border: 1px solid var(--primary_color);
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: var(--letter_spacing);
    max-width: 220px;
}


.fw600 {
    font-weight: 600;
}




.content p {
	font-size: var(--content_text_size);
	font-weight: 400;
	line-height: 1.75rem
}
.content ul li {
	font-size: var(--content_text_size);
	font-weight: 400;
	line-height: 1.75rem;
	margin-bottom:.45rem;
	margin-top:.45rem
}
.content h1 {
	font-size: var(--content_h1_size);
	font-weight: 700
}
.content h2 {
	font-size: var(--content_h2_size);
	font-weight: 700
}
.content h3 {
	font-size: var(--content_h3_size);
	font-weight: 700
}
.content h4 {
	font-size: var(--content_h4_size);
	font-weight: 700
}
.content h5 {
	font-size: var(--content_h5_size);
	font-weight: 700
}
.content h6 {
	font-size: var(--content_h6_size);
	font-weight: 700
}

.custom-button-header {
	transition: all .5s;
	padding: 15px 25px;
	line-height: 30px;
	background-color: var(--primary_color);
	border: 1px solid var(--primary_color);
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: var(--letter_spacing)
}
.custom-button-header:hover {
	background-color: #fff;
	color: var(--primary_color);
	border: 1px solid var(--primary_color)
}

.button {
	color: #fff;
	background-color: var(--secondary_color);
	font-size: 1rem;
	font-weight: 700;
	transition: all .5s;
	padding: 20px 35px!important;
	border: none
}
.nav-link {
	color: var(--main_light_gray_color);
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: var(--letter_spacing);
	transition: all .5s;
}

.slider-01 .swiper-slide {
	height: 600px
}
.slider-01 .banner-content ul li {
	margin-right: 18px
}
.slider-01 .banner-content ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1rem;
	color: #fff
}
.slider-01 .banner-content ul li a:hover {
	color: #84bc3c
}
.slider-01 .banner-content ul li a i {
	font-size: 14px;
	color: #84bc3c;
	margin-right: 8px
}
.slider-01 .banner-content ul li:last-child {
	margin-right: 0
}
.slider-01 .slide-01 h6 {
	font-weight: 400;
	border-left: 3px solid #84bc3c;
	padding-left: 20px
}
.slider-01 .banner-content ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 19px;
	color: #fff
}
.slider-01 .banner-content ul li i {
	font-size: 1rem;
	color: #84bc3c;
	margin-right: 8px
}
.swiper_title {
	font-size: 3rem;
	font-weight: 800;
	line-height: 3rem;
	letter-spacing: var(--letter_spacing)
}
.slider-01 .slide-01 h6 {
	font-weight: 400;
	font-size: 1.2rem;
	border-left: 3px solid var(--primary_color);
	padding-left: 20px;
	letter-spacing: var(--letter_spacing)
}
.swiper-button-prev {
	left: 53px;
	background-image: inherit!important;
	outline: none;
	width: 50px;
	height: 50px
}
.swiper-button-next {
	right: 53px;
	background-image: inherit!important;
	outline: none;
	width: 50px;
	height: 50px
}
.swiper-button-next i {
	font-size: 20px;
	color: rgba(255,255,255,0.5);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.swiper-button-prev i {
	font-size: 20px;
	color: rgba(255,255,255,0.5);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.module-head {
	text-align: left;
	position: relative;
	margin: 10px 0
}
.module-head-title {
	color: var(--main_secondary_color);
	/*font-family: "AtypDisplay-Bold";*/
	font-weight: 800;
	font-size: 2rem;
	display: inline-block
}
.module-head-title-other-color {
	color: var(--primary_color)
}
.bgimage {
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center!important;
	background-size: cover!important
}
.bgimage_title {
	font-size: var(--hero_title_size);
	font-weight: 800;
	letter-spacing: var(--letter_spacing)
}
.bgimage_text {
	font-size: var(--hero_text_size);
	font-weight: 400
}
@media (min-width: 1400px) {
	.container {
		max-width: 1340px
	}
}
@media (max-width:992px) {
	.bgimage_title {
		font-size: 1.75rem
	}
	.swiper_title {
		font-size: 1.75rem;
		line-height: 2rem
	}
	.fooldal_title {
		font-size: 1.75rem
	}
	.module-head-title {
		font-size: 1.75rem
	}
	.site_logo {
		width: 100px
	}
	.custom-button-header, .custom-button-header-2 {
	font-size:.95rem;
		padding: 15px
	}
	.nav-link:hover {
		color: var(--primary_color)
	}
}