@font-face {
    font-family: 'montserrat-regular';
    src: url('../fonts/montserrat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/montserrat-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'montserrat-regular', sans-serif;	
	color: #555555;
}

b, strong, .strong {
    font-family: 'montserrat-bold', sans-serif;	
    font-weight: normal;
    font-style: normal;
}

.semibold {
    font-family: 'montserrat-semibold', sans-serif;	
}

a {
	color: #ef4e69;
	cursor: pointer;
}

.bg-nav {
	background-color: #003273!important;
	min-height: 75px; 
}


.bg-footer {
	background-color: #003273!important;
}


.bg-light {
	background-color: #f8f8fd!important;
}

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

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

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

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

.btn-primary {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 10px;
	text-align: center;
	background-color: #ef4e69;
	border-color: #ef4e69;
}

.btn-default {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 10px;
	text-align: center;
	background-color: transparent;
	border-color: #ef4e69;	
	color: #ef4e69;	
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #ff315b!important;
	border-color: #ff315b!important;
}

.btn-lg {
	padding: 1.25rem 2rem;
	min-width: 230px;
}

.btn-download {
	min-width: 230px;
	font-size: 18px;	
	background-image: url(../img/line2.svg);
	background-size: 10%;
	background-repeat:no-repeat;
	background-position:  calc(100% - 40px) center;
	padding-right: 80px;
	padding-left: 40px;
	background-size: 20px 20px;
		background-color: #c1c2c4;
	border-color: #c1c2c4;	
	color: #555555;	
}

.btn-md {
	min-width: 230px;
	font-size: 18px;	
}

.social {
	border-radius: 100px;
	height: 70px;
	width: 70px;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
	margin-right: 10px;
	color: #fff!important;
}

.social.facebook {
	background-color: #0054a6;
	background-image: url("../img/soc-facebook-white.svg");
	background-size: 10px auto;
} 

.social.instagram {
	background-color: #0054a6;
	background-image: url("../img/soc-insta-white.svg");
	margin-right: 0;
	background-size: 18px auto;
}

.social.youtube {
	background-color: #0054a6;
	background-image: url("../img/soc-youtube-white.svg");
	background-size: 22px auto;
}


#hero {
	min-height: 450px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: 70px;
}



#receptek p.first::first-letter {
font-size: 60px;
line-height: 40px;
color: #2d3545;
text-transform: capitalize;
display: block;
float: left;
margin-top: 8px;
margin-right: 5px;
font-family: serif;
}

#receptek p:last-of-type {
	margin-bottom: 70px;	
}

.hero-inner {
	min-height: 450px;
}

.recept-card {
	height: 250px;
	background-size:cover;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	background-position: center;
}

.recept-card .card-body {

	background-image: url(../img/card-mask.png);
	padding: 30px;
}

.recept-card-link {
	min-height: 60px;
	font-size: 36px;
	line-height: 1.25;
    font-family: 'montserrat-semibold';
}

/*aloldal*/
.bg-opa {
	background-color: rgba(255,255,255,0.7);
}

#hero-recept {
	height: 450px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin-bottom: -370px;
	padding-top: 80px;
}

#hero-recept-inner {
	padding: 80px 10px;
}

#recept-receptek {
	margin-top: 60px;
}

#recept-list {
	padding: 40px 36px;
}

#recept-text {
	padding: 0px 50px;
}

#recept-kontent {
	margin-top: 50px;
}

#recept-kontent h2 {
	margin-bottom: 40px;
}

p,
#recept-text p {
	margin-bottom: 40px;
}

#chef-text {
	margin-bottom:0!important;
}

.subspan {
	font-size:18px!important;
}

.subspan2 {
	font-size:24px!important;
}

h1 {
	font-size: 2.75rem;
}

h1.lined {
	background-image: url(../img/line.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 36px;
	margin-bottom: 36px;
}

#chef-pic-div img {
	width: 160px;
	height: auto;
}


.font-size-18 {
	font-size: 1.8rem!important;
}



@media (max-width: 1199px) {
	.recept-card {
	min-height: calc((960px / 2) - 16px);	
	height: auto;
}
}

@media (max-width: 991px) {
	.recept-card {
	min-height: calc((960px / 2) - 16px);	
	height: auto;
}
}

.recept-card-link {
	font-size: 24px;
	background-size: 36px 36px;
padding-right: 45px;
}

#recept-text {
	padding: 0px 36px;
}


#recept-text p {
	margin-bottom: 36px;
}

#recept-text p:last-of-type {
	margin-bottom: 45px;
}


@media (max-width: 575px) {
.navbar-brand {
	margin-bottom: .4rem;
}	

h1, .h1 {
	word-break: break-word;
	 -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.font-size-18 {
	font-size: 1.5rem!important;
}
}

.form-control {
	border: 1px solid #f8f8fd;
}

.text-underlined {
	text-decoration: underline!important;
}

footer > div > ul > div.col.d-flex.justify-content-center > li > a {
	color: #fff!important;
}

footer > div > ul > div.col.d-flex.justify-content-center > li > a {
	padding-right: 0;
}

footer > div > ul > div.col.d-flex.justify-content-center > li > a::after {
	content:'|';
	padding-left: 1rem;
}

footer > div > ul > div.col.d-flex.justify-content-center > li:last-of-type > a::after {
	content:'';
	padding-left: 0;
}

/*modal*/
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid transparent;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}

.modal-content {
background-color: rgba(43,82,137,0.8);
border: 1px solid rgba(0,0,0,0);
outline: 0;
color: #fff;
}

.close {
	color: #fff;
}

.close:hover {
	color: #fff;
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
		#hero, #hero .container, #hero .container .row,  #hero .container .row div,  #hero .container .row div div, .hero-inner {
			height: 450px;
		}
		
		#hero > div > div > div > div > h1 {
			margin-top: 150px;
			width: 100%;
		}
		
		#hero > div > div > div > div > div > a {
			margin-top: 50px;			
		}
     }


.recept-card {
	margin-left: 5px;
	margin-right: 5px;
}

.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 86px;
height: 86px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index:99;
}

.slick-prev, .slick-prev:hover {
left: 21.5px;
background-image:  url(../img/left.png);
}

.slick-next, .slick-next:hover {
right: 21.5px;
background-image:  url(../img/right.png);
}

.slick-prev:before {
content: '';
}
.slick-next:before {
content: '';
}

.recept-card .card-body {
	height: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
}

@media (max-width: 1199px) {
	.recept-card {
	min-height: 250px;	
	height: auto;
}

.recept-card .card-body {
	height: 100%;
	background-repeat: repeat-x;
	min-height: 250px;	
	background-position: bottom;
}
}

@media (max-width: 991px) {
	.recept-card {
	min-height: 250px;	
	height: auto;
}

footer > div > ul > div.col.d-flex.justify-content-center > li > a::after,
footer > div > ul > div.col.d-flex.justify-content-center > li:last-of-type > a::after {
	content:'';
	padding-left: 0;
}
}

@media (min-width: 992px) {
#tatyo {
	margin-top: -3rem;
}
}

@media (max-width: 767px) {
#hero {
	min-height: 320px;
}
.hero-inner {
	min-height: 320px;
}

}



.btn.disabled, .btn:disabled, fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: silver!important;
border-color: silver!important;
opacity: 0.8!important;
}

#RegForm > div:nth-child(2) {

	text-align: left;

	margin-top: 1rem;

}

#RegForm > div:nth-child(1) > label {

	font-family: 'montserrat-regular', sans-serif;

	text-transform: uppercase;

	text-align: left;

	width: auto;

	padding-right: calc(var(--bs-gutter-x) * .5);

padding-left: calc(var(--bs-gutter-x) * .5);

}

#RegForm > p {

	text-align: left;

	margin-top: 1rem;

}

#RegForm > div:nth-child(4) > div > button {

	border-radius: 70rem;

	text-transform: uppercase;

	padding: 1.25rem 2rem;

min-width: 230px;

font-size: 1.8rem !important;

padding-top: .5rem!important;

padding-bottom: .5rem!important;

}