:root {

--color-def: #000; 
--color-gray: #353530; 
--color: #e5ff50; 
--color-hover: #FEC370; 
--color-lightwhite: #e9e8e0;
--font-default: 'Calibri';
--font-title: 'BBodoniLt PFL';
--font-subtitle: 'CG Omega';

}


html, body { width: 100%; height: auto; min-height: 100%; margin: 0px; padding: 0px; }
body { position: relative; background-color: #fff; }
body, body * { font-family: var(--font-default), sans-serif; font-size: 14px; line-height: 130%; font-weight: 300; color: var(--color-def); letter-spacing: 1px; }
ul { margin-block-start: unset; margin-block-end: unset; padding-inline-start: unset; }
p, a, ul, li { margin: 0px; padding: 0px; }
ul { list-style-type: none; padding-left: 10px; }
ul li::marker { font-size: 10px; }
p { margin: 0px; padding: 0px; }
a { text-decoration: none; margin: 0px; padding: 0px; color: unset; cursor: pointer; }
a:hover { color: unset; }

.color, .color * { color: var(--color); }

.fit-content { width: fit-content; }

b, .bold { font-weight: 700 !important; }
strong, .strong { font-weight: 800 !important; }

img { max-width: 100%; height: fit-content; }



section.s-404 .container-fluid { background-color: rgb(34,34,34); }
section.s-404 form { width: 500px; max-width: 100%; }
section.s-404 input { padding: 10px; border-radius: 6px; border: 1px solid #fff; width: 100%; text-align: center; background: transparent; color: #fff; width: 100%; }
section.s-404 input:focus { box-shadow: unset !important; outline: unset !important; }
section.s-404 img { max-width: 100%; }



.btn { border-radius: 15px; font-size: 20px; font-weight: 600; text-transform: uppercase; padding: 10px 35px 10px 35px; }
.btn.color { background-color: var(--color); border: 1px solid var(--color); color: #353530; }
.btn.outline { border: 1px solid var(--color); color: var(--color); }
.btn:hover { border: 1px solid var(--color-lightwhite); background-color: var(--color-lightwhite); color: var(--color-gray); }


.loader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, .7);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M13 7h-2v5.414l3.293 3.293 1.414-1.414L13 11.586z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 100px; z-index: 9999; }



.banner img { width: 100%; max-width: 1280px; }



.keret { font-family: var(--font-subtitle) !important; padding: 10px 25px 5px 25px; position: relative; width: fit-content; border-left: 1px solid var(--color-def); border-right: 1px solid var(--color-def);  }
.keret.white { border-left: 1px solid #fff; border-right: 1px solid #fff; color: #fff; }
.keret::before { content:''; position: absolute; left: 0px; bottom: 0px; width: 30%; height: 1px; background-color: var(--color-def); }
.keret.white::before { background-color: #fff; }
.keret::after { content:''; position: absolute; right: 0px; top: 0px; width: 30%; height: 1px; background-color: var(--color-def); }
.keret.white::after { background-color: #fff; }


h1 { font-family: var(--font-title); font-size: 50px; text-transform: uppercase; }
h2 { font-family: var(--font-title); font-size: 20px; text-transform: uppercase; }
h3 { font-family: var(--font-title); font-size: 17px; text-transform: uppercase; }
h4 { font-family: var(--font-title); font-size: 15px; text-transform: uppercase; }
h5 { font-size: 16px; }




.cover { width: 100%; max-height: 100vh; height: auto; aspect-ratio: 16 / 9; position: relative; }
.cover .bg { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.cover::before { content:''; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0px; bottom: 0px; background: #000; background: linear-gradient(0deg,rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%); }
.cover .logo { position: absolute; z-index: 3; top: 0px; left: 0px; width: 100%; }
.cover .logo img { width: 340px; margin-top: 40px; }
.cover .container-area { position: absolute; bottom: 0px; left: 0px; z-index: 3; width: 100%; display: flex; justify-content: center; }



.ajanlo img { width: 100%; max-width: 370px; }







.owl-carousel .item img { width: 100%; max-width: 265px; height: auto; aspect-ratio: 1/1; object-fit: cover; }
.owl-carousel .owl-nav { position: absolute; top: calc(50% - 50px); width: calc(100% + 110px); left: -55px; display: flex; justify-content: space-between; }

.owl-carousel .item { display: flex; flex-direction: column; align-items: center; }




.partner { width: 100%; background: #FEE600; background: linear-gradient(180deg,rgba(254, 230, 0, 1) 0%, rgba(254, 230, 0, 1) 200px, rgba(255, 255, 255, 1) 200px, rgba(255, 255, 255, 1) 100%); padding-top: 70px; overflow: hidden; position: relative; }
.partner .cont { max-width: 1280px; width: 100%; }
.partner .partner-podcast { width: 760px; }

.partner .partner-cont { background-color: rgb(254, 230, 0); padding: 0 1.5rem 1.5rem 1.5rem; width: calc(( 100% - 760px ) - ( (100% - 1280px) / 2 )); position: absolute; top: 70px; right: 0px; }
.partner .partner-cont article { width: 350px; max-width: 100%; }

@media (max-width: 1280px) {

	.partner .partner-podcast { width: 660px; }
	.partner .partner-podcast div { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

	.partner .partner-cont { width: calc( 100% - 660px ); }


}
@media (max-width: 992px) {

	.partner .partner-podcast { width: 100%; }

	.partner .partner-cont { padding: 1.5rem 1.5rem 1.5rem 1.5rem; width: 100%; position: relative; top: 0px; right: 0px; }
	.partner .partner-cont article { width: 100%; }

}




.partner figure { position: relative; }
.partner figure img { position: relative; z-index: 1; }
.partner figure .logo { position: absolute; z-index: 2; top: 15px; left: 15px; width: 200px; }
.partner .rafilogo { width: 260px; }
.partner .bgcolor { background-color: rgb(254, 230, 0) }




.uzenet { width: 100%; height: auto; aspect-ratio: 16 / 9; position: relative; }
.uzenet .bg { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.uzenet .logo { width: 100%; height: auto; left: 0px; bottom: 0px; position: absolute; z-index: 2; opacity: .2; }

.uzenet .container { position: absolute; width: 100%; z-index: 3; }
.uzenet article { background-color:rgba(0,0,0,.4); }
.uzenet p { font-family: 'BBodoniLtOsF PFL'; font-size: 28px; }
.uzenet small { font-family: var(--font-title); font-size: 18px; }





.social { background-color: rgb(34,34,34); }
.social .socialicons { background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 185px; height: 100%; position: relative; }
.social .socialicons .socialicon { width: 25px; margin-bottom: 10px; }
.social figure { background-color: rgba(255,255,255,.5); flex-direction: column; margin: 0px; position: absolute; z-index: 2; bottom: 50px; width: calc(100% - 1.5rem); left: .75rem; height: 110px; display: flex; align-items: center; justify-content: start; padding-top: 10px; }
.social figure img { width: 60%; }
.social figure p { text-align: center; padding: 0px 15px 15px 15px; }
.social .img { width: 100%; max-width: 185px; object-fit: cover; z-index: 1; }





.rovat-ajanlo img { width: 100%; height: auto; max-width: 265px;  aspect-ratio: 1 / 1; object-fit: cover; }



.player figure { position: relative; cursor: pointer !important; }
.player figure img { position: relative; z-index: 1; }
.player figure .logo { position: absolute; z-index: 2; top: 15px; left: 15px; width: 200px; }
.player figure .player { position: absolute; z-index: 3; bottom: 0px; left: 0px; width: 100%; }
.player figure::after { content:''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 45 0 C 20.187 0 0 20.187 0 45 c 0 24.813 20.187 45 45 45 c 24.813 0 45 -20.187 45 -45 C 90 20.187 69.813 0 45 0 z M 61.806 47.026 l -12.91 7.453 l -12.91 7.453 c -1.559 0.9 -3.508 -0.225 -3.508 -2.026 V 45 V 30.093 c 0 -1.801 1.949 -2.926 3.508 -2.026 l 12.91 7.453 l 12.91 7.453 C 63.366 43.875 63.366 46.125 61.806 47.026 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"); width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; background-size: 70px; opacity: .5; position: absolute; z-index: 3; top: calc( 50% - 35px ); left: calc( 50% - 35px ); }
.player figure:hover::after { opacity: 1; }





article.podcast figure { position: relative; }
article.podcast figure img { position: relative; z-index: 1; }
article.podcast figure .logo { position: absolute; z-index: 2; top: 15px; left: 15px; width: 140px; }


article.tartalom * { font-size: 16px; }
article.tartalom .bevezeto { font-size: 22px; font-weight: 300; }
article.tartalom img { width: 100%; margin-top: 30px; margin-bottom: 30px; }
article.tartalom .meta p { color: #8f8f8f; text-transform: uppercase; margin-right: 10px; font-weight: 400; }
article.tartalom .meta a { cursor: pointer; text-decoration: underline; color: #e94739; text-transform: uppercase; margin-right: 10px; font-weight: 400; }
article.tartalom .container { max-width: 1140px; }
.rovat-ajanlo.cikk .container { max-width: 1140px; }



footer { background-color: rgb(51,51,51); }
footer * { color: #fff; }
footer .socialicon { width: 22px; margin-right: 10px; }
footer .logo { width: 210px; }
footer .container { max-width: 1140px; }



.form-check-input { border: unset !important; box-shadow: unset !important; }
.form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Ccircle style='fill: %23fff;' cx='16' cy='16' r='16'/%3E%3Ccircle style='fill: %23e5ff50;' cx='16' cy='16' r='10'/%3E%3C/svg%3E"); }
.form-check-input[type="radio"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Ccircle style='fill: %23fff;' cx='16' cy='16' r='16'/%3E%3Cpath style='fill: %23e5ff50;' d='M16,7c5,0,9,4,9,9s-4,9-9,9-9-4-9-9,4-9,9-9M16,6c-5.5,0-10,4.5-10,10s4.5,10,10,10,10-4.5,10-10-4.5-10-10-10h0Z'/%3E%3C/svg%3E"); }

.form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Ccircle style='fill: %23fff;' cx='16' cy='16' r='16'/%3E%3Ccircle style='fill: %23e5ff50;' cx='16' cy='16' r='10'/%3E%3C/svg%3E"); }
.form-check-input[type="checkbox"] { border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3Ccircle style='fill: %23fff;' cx='16' cy='16' r='16'/%3E%3Cpath style='fill: %23e5ff50;' d='M16,7c5,0,9,4,9,9s-4,9-9,9-9-4-9-9,4-9,9-9M16,6c-5.5,0-10,4.5-10,10s4.5,10,10,10,10-4.5,10-10-4.5-10-10-10h0Z'/%3E%3C/svg%3E"); }

.button.next { position: relative; opacity: 0; z-index: -1; }
.button.next.show { opacity: 1; z-index: 1; }

.form-check-label, .form-check-label * { font-size: 16px; }
.form-check-label a { text-decoration: underline; }
.form-check-label a:hover { text-decoration: none; }

.form-control { border: unset !important; box-shadow: unset !important; border-radius: 10px; background-color: var(--color-def); font-size: 16px; padding: 8px 15px 8px 15px; }
.form-control::placeholder { color: #F59C81; opacity: 1; }

.form-control::-moz-placeholder { color: #969696 !important; opacity: 1; }
.form-control::placeholder { color: #969696 !important; opacity: 1; }


/* respo */

@media (max-width: 1600px) {

	.cover { width: 100%; max-height: auto; position: relative; }
	.cover .bg { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
	.cover .logo img { width: 40%; }



}


@media (max-width: 1400px) {

	


}


@media (max-width: 1200px) {

	h1 { font-size: 40px; }

}

@media (min-width: 992px) { .container.min { max-width: 820px; } }



@media (max-width: 992px) {

	.container { min-width: 100%; }

	h1 { font-size: 36px; }

	.cover { aspect-ratio: .81 / 1; }
	.uzenet { aspect-ratio: .81 / 1; }

	.rovat-ajanlo img { max-width: unset; }

	.uzenet p { font-size: 16px; }
	.uzenet small { font-size: 10px; }

}
@media (max-width: 768px) {

	h1 { font-size: 24px; }
	h2 { font-size: 18px; }
	h3 { font-size: 13px; }
	h4 { font-size: 12px; }

	.partner .rafilogo { width: 180px; }

}
@media (max-width: 576px) {

	.owl-carousel .owl-nav {
	  width: calc(100% + 70px);
	  left: -35px;
	}

}