@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/MyriadPro-Cond.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/MyriadPro-BoldCond.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'Roboto-Regular', sans-serif;	
	font-size: 22px;
	max-width: 1440px;
	margin: 0 auto;
	scroll-padding-top: 125px
}

.bg-black {
	background: #000!important;
}

.border-secondary {
border-color: #E8332A!important;
}

.border-primary {
border-color: #FFD504!important;
}


.form-check-input {
	border: 3px solid #fff;

}

.nav-link {
align-self: stretch;
height: 100%;
justify-content: center;
align-items: center;
padding: .5rem 1.5rem;
font-size: 1rem;
display: flex;
}

.strong, b, strong {
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-style: normal;
}

body > ul > li > a {
	font-family: 'Roboto-Regular';
	font-weight: normal;
    font-style: normal;
}

.btn {
		font-family: 'Roboto-Regular';
	border-radius: 0!important;
	text-transform: uppercase;
}

.container-fluid {
	max-width: 1440px
}


.bg-primary {
	background-color: #FFD504!important;
}

.text-primary {
	color: #FFD504!important;
}

.bg-secondary {
	background-color: #E8332A!important;
}

.text-secondary {
	color: #E8332A!important;
}

.btn-secondary {
	background-color: #E8332A!important;
	border-color: #E8332A!important;
}

a.text-primary:focus, a.text-primary:hover {
color: #000!important;
}

.nav-link.bg-secondary:hover, 
.btn-secondary:hover {
	background-color: #00482b!important;
	border-color: #00482b!important;
}

.bg-dark {
	background-color: rgba(255,255,255,.2)!important;
}

.text-dark {
	color: #00482b!important;
}







.text-decoration-underline {
	text-decoration: underline;
}

.h2, h2 {
font-size: 2.75rem;
}

.h3, h3 {
font-size: 1.75rem;
}

.slider-img {
	max-height: 550px;
}


@media (max-width:767px) {
	
.h1, h1 {
font-size: 2rem;
}

.h2, h2 {
font-size: 1.5rem;
}

.h3, h3 {
font-size: 1.125rem;
}

	.h4, h4 {
font-size: 1rem;
}

#circle .h1,#circle  h1 {
font-size: 1.5rem;
}

.slider-img {
	max-height: 250px;
}

}

.bg-info {
	background: #db6b5c!important;
}



.text { grid-area: text; }

.heroimage {
    grid-area: heroimage;
}

.map-cta {
	margin-top:-140px
}

.bg-green-2 {
	background: rgb(0, 150, 97)!important;
}


@media(max-width:1199px) {


.border-x {
	border: none!important;
}

}

.form-control {
	height: 80px;
padding: 1rem 1.5rem;

}

.number {
	width:160px;
	height: 160px;
	aspect-ratio:1 / 1
}

 @media (max-width:991px) {
.form-control {
	height: auto;
padding: 1rem 1.5rem;
	margin-bottom: 1rem
}

.number {
	width:120px;
	height: 120px;
	aspect-ratio:1 / 1
}

}

.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: transparent;
border: #E8332A solid 1px;
}

.custom-checkbox .custom-control-label::before {
border-radius: 0;
}

.custom-control-input:checked~.custom-control-label::before {
border-color: #E8332A;
background-color: #E8332A;
}

.border-black {
	border-color: #000!important;
}

@media (min-width:1024px) {
table tr td {
	padding-left: 1.5rem!important;
	padding-right: 1.5rem!important;
}
}

.table-white.table-bordered td, .table-white.table-bordered th {
border: 1px solid #000;
}

.table-dark {
color: #fff;
background-color: #000;
}

.table-dark td, .table-dark th, .table-dark thead th {
border-color: #fff;
}


.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width:768px) {
.btn-lg.h2 {
	font-size: 2.5rem
}
}

.col-12:has(.was-validated):has(.form-control:invalid) #msg3,
.col-12:has(.was-validated):has(.custom-control-input:invalid) #msg3  {
	display: block!important;
}

@media(max-width:459px) {
	.h5 {
		font-size: 1rem;
	}
}
.hero-text {
	background-color: transparent;
	color: #fff!important;
}

.h1, h1 {
font-size: 4rem;
}


@media(max-width:1399px) {
.h1, h1 {
font-size: 3.125rem;
}
}

@media(max-width:768px) {
.h1, h1 {
font-size: 2.5rem;
}
}

@media(max-width:699px) {
.h1, h1 {
font-size: 1.8rem;
}
}

::placeholder {
  color: #FFF!important;
}

.custom-control-input {
border-color: #FFD504;
border-width: 1px!important;
}

.form-check-input {
	background-color: #E8332A;
}

.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #FFD504;
background-color: #FFD504;
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: .875em;
color: #fff;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FFF'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FFF' stroke='none'/%3e%3c/svg%3e");
}

body:has(.sugo) .no-sugo{
	display: none!important;
} 

.hero {
	background-size:cover;background-repeat:no-repeat;
background-position: center left; min-height:730px
}

@media (max-width:1400px) {


.hero {
	min-height:820px
}

}




.form-check-input[type=checkbox] {
border-radius: 0;
}

.form-check-input:checked {
background-color: #E8332A;
border-color: #fff;
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
border-color: #fff;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
background-color: #E8332A;
border-color: #fff;
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
filter: none;
}

.form-control.is-valid, .was-validated .form-control:valid {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFF' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../img/x.svg);
	background-size: 22px 22px
}

.carousel-control-prev-icon {
background-image: url(../img/prev.svg);
filter: none;
}

.carousel-control-next-icon {
background-image: url(../img/next.svg);
filter: none;
}

.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 42px;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
transition: opacity .15s ease;
}

@media(max-width:768px) {
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
border: 0;
opacity: 1;
transition: opacity .15s ease;
}

.carousel {
	min-height: 770px;
}
	
}

#hogyan {
	background-image:url(../img/pari.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

@media (min-width: 1199px) {
.navbar-nav, .logo2 {
	width: 360px;
}

.price-img {
	height: 340px;
}
}

.navbar-toggler {
padding: .25rem 0;
}

.hero-div {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto;
	min-height:820px;
}

.hero-inner{
	grid-column: 1 / 2;
	grid-row: 1 / 4;
}

.btn:hover {
	background-color: #FFF!important;
	border-color: #FFF!important;
	color: #E8332A!important;
}