:root {

--color-def: 		#4D4D4D; /* rgb 77, 77, 77 */
--color-deflight: 	#f1ecec; /* rgb 225, 225, 225 */

--color-ugyfelpri: 		#db314e; /* rgb 235, 165, 148 */
--color-ugyfelsec: 		#af273e; /* rgb 200, 140, 196 */

--color-nemugyfelpri: 	#181818; /* rgb 167, 217, 218 */
--color-nemugyfelsec: 	#0e0e0e; /* rgb 228, 57, 69 */



--font-default: 'Bricolage Grotesque';
--font-title: 'Shrikhand';

}


html, body { width: 100%; height: auto; margin: 0px; padding: 0px; }
body { background-color: #fff; position: relative; background-image: url(/img/bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
body, body * { font-family: var(--font-default);, sans-serif; transition: all .5s; font-size: 18px; line-height: 130%; font-weight: 300; color: var(--color-def); }
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; }
ul li::marker { font-size: 10px; }
a { text-decoration: none; margin: 0px; padding: 0px; color: unset; cursor: pointer; }
a:hover { color: unset; }

.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: 99; }

b, b * { font-weight: 600; }
.bold, .bold *, .boldcolor, .boldcolor * { font-weight: 600; }
.bold, .bold *, .boldcolor, .boldcolor * { font-weight: 600; }
.boldcolor span { color: var(--color-ugyfelpri); }
.spancolor span { color: var(--color-ugyfelpri); font-weight: 600; }

.color-def { color: var(--color-def) !important; }

.btn { border-radius: 50px; color: #fff; width: fit-content; padding: 5px 60px 5px 60px; font-family: var(--font-title); font-size: 30px; position: relative; outline: unset !important; box-shadow: unset !important; }

.btn.ugyfel { background-color: var(--color-ugyfelsec); }
.btn.ugyfel:hover { color: #fff; background-color: var(--color-def); }
.btn.ugyfel.pri { background-color: var(--color-ugyfelpri); }

.btn.nemugyfel { background-color: var(--color-ugyfelsec); }
.btn.nemugyfel:hover { color: #fff; background-color: var(--color-def); }
.btn.nemugyfel.pri { background-color: var(--color-ugyfelpri); }

/*
.btn.nemugyfel:hover { color: #fff; background-color: var(--color-def); }
.btn.nemugyfel { background-color: var(--color-nemugyfelsec); }
.btn.nemugyfel.pri { background-color: var(--color-nemugyfelpri); }
*/

.btn:hover { color: #fff; background-color: var(--color-def); }

.btn.arrow { background-repeat: no-repeat; padding: 5px 80px 5px 60px; background-position: right 40px center; background-size: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 20' style='enable-background:new 0 0 14 20;' xml:space='preserve'%3E%3Cpath style='fill:%23FFFFFF;' d='M13.4,8.7L5,0.5c-0.8-0.7-2-0.7-2.8,0L0.6,2.1c-0.8,0.7-0.8,1.9,0,2.6l4.1,3.9c0.8,0.7,0.8,1.9,0,2.6l-4.1,3.9c-0.8,0.7-0.8,1.9,0,2.6l1.6,1.6c0.8,0.7,2,0.7,2.8,0l8.5-8.1C14.2,10.6,14.2,9.4,13.4,8.7z'/%3E%3C/svg%3E"); }


h2 { font-family: var(--font-title); font-size: 30px; }
body.nemugyfel h2 { color: #181818; }
body.ugyfel h2 { color: #181818; }


.cover { width: 100%; height: 100vh; }
.cover .container-fluid { width: 100%; height: 100%; position: relative; z-index: 1; }
.cover .container-fluid .row div.ugyfel, .cover .container-fluid .row div.nemugyfel { position: relative; height: 100%; }
.cover p, .cover p * { text-transform: uppercase; font-size: 22px; font-weight: 500; }
.cover p span { color: #db314e; }


.cover .container-fluid .row div.ugyfel::after { content:''; opacity: .9; width: 100%; height: 70%; background-color: var(--color-ugyfelpri); position: absolute; z-index: 1; top: 0px; left: 0px; background-image: url(/img/directoneicon.png); background-size: 50%; background-repeat: no-repeat; background-position: center; }
.cover .container-fluid .row div.nemugyfel::after { content:''; opacity: .9; width: 100%; height: 70%; background-color: var(--color-nemugyfelpri); position: absolute; z-index: 1; top: 0px; left: 0px; }

.cover .container-fluid .row div.ugyfel div { position: relative; z-index: 3; margin-bottom: 30px; }
.cover .container-fluid .row div.nemugyfel div { position: relative; z-index: 3; margin-bottom: 30px; }

.cover .image { position: absolute; z-index: 4; height: 70vh; width: auto; bottom: 160px; }


.cover  .btn.ugyfel { background-color: var(--color-ugyfelsec); }
.cover  .btn.ugyfel:hover { color: #fff; background-color: var(--color-def); }

.cover  .btn.nemugyfel:hover { color: #fff; background-color: var(--color-def); }
.cover  .btn.nemugyfel { background-color: var(--color-nemugyfelsec); }




header { height: 80px; }
header button { display: none; background: unset; border: unset; border-radius: unset; outline: unset; position: fixed; top: 20px; right: 20px; z-index: 99; width: 24px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 16' style='enable-background:new 0 0 24 16;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%234D4D4D;' d='M22,4H2C0.9,4,0,3.1,0,2v0c0-1.1,0.9-2,2-2h20c1.1,0,2,0.9,2,2v0C24,3.1,23.1,4,22,4z'/%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%234D4D4D;' d='M22,10H2c-1.1,0-2-0.9-2-2v0c0-1.1,0.9-2,2-2h20c1.1,0,2,0.9,2,2v0C24,9.1,23.1,10,22,10z'/%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%234D4D4D;' d='M22,16H2c-1.1,0-2-0.9-2-2v0c0-1.1,0.9-2,2-2h20c1.1,0,2,0.9,2,2v0C24,15.1,23.1,16,22,16z'/%3E%3C/g%3E%3C/svg%3E"); }
header.show button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 16' style='enable-background:new 0 0 24 16;' xml:space='preserve'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%234D4D4D;' d='M14.5,8l5-5c0.7-0.7,0.7-1.8,0-2.5c-0.7-0.7-1.8-0.7-2.5,0l-5,5l-5-5c-0.7-0.7-1.8-0.7-2.5,0C3.8,1.2,3.8,2.3,4.5,3l5,5l-5,5c-0.7,0.7-0.7,1.8,0,2.5c0.7,0.7,1.8,0.7,2.5,0l5-5l5,5c0.7,0.7,1.8,0.7,2.5,0c0.7-0.7,0.7-1.8,0-2.5L14.5,8z'/%3E%3C/svg%3E"); }


body.nemugyfel header a:hover { color: var(--color-nemugyfelsec); }
body.nemugyfel header .bg { background-color: #db314e !important; color: #fff !important; padding: 5px 20px 5px 20px; border-radius: 20px; }
body.nemugyfel header .bg:hover { background-color: #af273e !important; color: #fff !important; }


body.ugyfel header a:hover { color: var(--color-ugyfelsec); }
body.ugyfel header .bg { background-color: #db314e !important; color: #fff !important; padding: 5px 20px 5px 20px; border-radius: 20px; text-transform: uppercase; }
body.ugyfel header .bg:hover { background-color: #af273e !important; color: #fff !important; }





.nyeremenyek .boxs img { width: 100%; max-width: 385px; }
#nyeremenyek .boxs img { width: 100%; max-width: 385px; }
#nyeremenyek .boxs p { width: 100%; max-width: 385px; }








body.nemugyfel .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--color-pink) !important; }
body.nemugyfel .form-check-input.is-invalid, body.nemugyfel .was-validated .form-check-input:invalid { border-color: var(--color-pink) !important; }

body.ugyfel .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--color-blue) !important; }
body.ugyfel .form-check-input.is-invalid, body.ugyfel .was-validated .form-check-input:invalid { border-color: var(--color-blue) !important; }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #00cd6e !important; }
.was-validated .form-check-input:valid ~ .form-check-label { border-color: #00cd6e !important; }


/* FORM */

.form-control, .form-control:focus { color: var(--color-def) !important; border: 1px solid #fff !important; background-color: #fff !important; border-radius: 25px; outline: unset !important; }

::placeholder { color: var(--color-deflight) !important; opacity: 1; }
::-ms-input-placeholder { color: var(--color-deflight) !important; }

form section { display: none; position: relative; background-color: var(--color-deflight); border-radius: 30px; }
form section.active { display: inline-block; width: 100%; }





.kerdes label {  }
.kerdes h3 { font-weight: 700; font-size: 32px !important; }

.kerdes div.true { background-image: url(/img/pipa.webp); background-repeat: no-repeat; background-position: 0px 0px; background-size: 32px 32px; }
.kerdes div.true label { opacity: 1 !important; }

.form-check-input[type="checkbox"] { border-radius: 32px; border: 5px solid #fff;; outline: unset !important; box-shadow: unset !important; width: 32px; min-width: 32px; height: 32px; min-height: 32px; }
.form-check-input[type="radio"] { border-radius: 32px; border: 5px solid #fff;; outline: unset !important; box-shadow: unset !important; width: 32px; min-width: 32px; height: 32px; min-height: 32px; }

body.nemugyfel .form-check-input:checked { background-color: var(--color-nemugyfelpri); }
body.ugyfel .form-check-input:checked { background-color: var(--color-ugyfelpri); }

body.nemugyfel .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23181818'/%3e%3c/svg%3e"); }
body.ugyfel .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23db314e'/%3e%3c/svg%3e"); }

body.nemugyfel .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23181818'/%3e%3c/svg%3e"); }
body.ugyfel .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23db314e'/%3e%3c/svg%3e"); }

.kerdes.active .btn { display: none; position: absolute; bottom: 0px; left: 0px; }
.kerdes.active.resolved .btn { display: block; }














footer { background-image: url(/img/directone-ikon.webp); background-repeat: no-repeat; background-position: 95% 50%; background-size: 300px; background-color: #db314e; }
footer .direct { width: 214px; }
footer .footerimg { width: 220px; }

footer a { color: #fff; }



@media (max-width: 1200px) {

	.container { min-width: 100%; }

}

@media (max-width: 992px) {

	.btn { font-size: 22px; }

	.cover .container-fluid .row div.ugyfel::after { height: 100%; }
	.cover .container-fluid .row div.nemugyfel::after { height: 100%; }

	.cover .container-fluid .row div.ugyfel, .cover .container-fluid .row div.nemugyfel { height: 50%; }

	.cover .container-fluid .row div.ugyfel::before { top: 20px; left: unset; right: 20px; opacity: .7; }
	.cover .container-fluid .row div.nemugyfel::before { top: unset; bottom: 20px; right: unset; left: 20px; opacity: .7; }

	.cover .image { height: auto; max-width: 100%; max-width: 350px; bottom: unset; }

	.cover .container-fluid .row div.ugyfel::before { width: 50px; height: 74px; }
	.cover .container-fluid .row div.nemugyfel::before { width: 50px; height: 50px; }

	.cover .container-fluid .row div.ugyfel div { margin-bottom: unset; margin-top: 15%; }
	.cover .container-fluid .row div.nemugyfel div { margin-bottom: 15%; }

	.cover p, .cover p * { font-size: 18px; color: #fff; }

	.cover .btn.ugyfel { background-color: var(--color-nemugyfelsec); }
	.cover .btn.nemugyfel { background-color: var(--color-ugyfelsec); }


	footer .direct { width: 140px; }

	footer { background-position: 100px 50px; background-size: 100%; }


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


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

	body, body * { font-size: 16px; }

	h2 { font-size: 26px; }

	.btn { padding: 5px 40px 5px 40px; font-size: 20px; }

	header button { display: block; }
	header nav { position: fixed; z-index: 9; top: 0px; left: -100%; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-attachment: fixed; background-image: url(/img/header.jpg); display: flex; align-items: center; justify-content: center; }
	header.show nav { left: 0px; }
	header a { font-size: 40px; }
	header nav li { display: flex; justify-content: center; margin-bottom: 30px; }

	.nyeremenyek img { max-width: 270px; }
	.nyeremenyek div:nth-child(2) { margin-top: -110px; }
	.nyeremenyek div:nth-child(3) { margin-top: -80px; }

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

	.nyeremenyek img { max-width: 170px; }
	.nyeremenyek div:nth-child(2) { margin-top: -40px; }
	.nyeremenyek div:nth-child(3) { margin-top: -30px; }

}