@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;0,700;0,900;1,400&display=swap);*{box-sizing:border-box}body{padding:0;margin:0;font-family:Montserrat,sans-serif}.screen{position:relative;top:0;left:0;min-height:100vh;max-width:100%;width:100%;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50%}.bg-white{background-color:hsla(0,0%,100%,.85)}.bg-green{background-color:rgba(215,223,35,.85)}.panel{padding:30px;margin-bottom:20px;border-radius:30px}#app{font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#header{width:100%}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;max-width:1280px;margin:0 auto}.container .inner{display:block;width:100%}.logos{display:flex;flex-direction:row;width:100%;justify-content:space-between}@media (max-width:700px){.logos{flex-direction:column;justify-content:center;align-items:center}}#wellcome{z-index:1}#wellcome .container{max-width:900px}#wellcome .logo{max-width:80px;height:auto;width:100%}#wellcome .panel:first-child{margin-top:30px;border-radius:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}#wellcome h1{font-size:40px;color:#d7df23;font-weight:400;text-transform:uppercase}#wellcome h1,#wellcome h1 span{display:inline-block;width:100%;text-align:center}#wellcome h1 span{font-weight:700;color:#00314a}#wellcome h3{color:#00314a;max-width:650px;margin:10px auto 20px auto;font-size:20px;font-weight:700}#wellcome h3,#wellcome p{display:block;text-align:center;text-transform:uppercase}#wellcome p{color:#004976;max-width:600px;margin:10px auto;font-size:13px;font-weight:600;line-height:1.4}#wellcome .button{font-size:18px;text-transform:uppercase;font-weight:700;display:inline-block;max-width:300px;background-color:#d7df23;padding:15px 30px;border-radius:50px;color:#00314a;margin-top:30px;margin-bottom:30px;cursor:pointer;text-decoration:none;filter:drop-shadow(0 4px 19px rgba(0,0,0,.25))}#wellcome .row-2{display:flex;flex-wrap:wrap}@media (min-width:800px){#wellcome .row-2 .text-container{width:calc(100% - 280px)}}#wellcome .row-2 .text-container p{text-align:left;margin:20px;line-height:1.8}#wellcome .row-2 .icon-container{width:280px}#final .button{font-size:20px;display:inline-block;max-width:300px;text-transform:uppercase;background-color:#3dc7ee;padding:10px 20px;border-radius:6px;color:#fff;margin-top:30px;cursor:pointer;text-decoration:none}@media (max-width:650px){header.container{justify-content:center!important}header.container h1{font-size:18px!important}header.container .logo{position:relative!important;left:0!important}#wellcome{padding:0 20px;max-width:100%}#wellcome .icon-container{position:relative}#wellcome .icon-container img{position:relative;right:-15px}#wellcome h1{font-size:30px}#wellcome .row-2{flex-direction:column-reverse}#wellcome .row-2 .icon-container{display:flex;justify-content:center}#wellcome .row-2 .text-container p{text-align:center;padding:0}}header.container{margin-top:20px;background-color:hsla(0,0%,100%,.85);padding:15px 30px;margin-bottom:20px;justify-content:flex-start;position:relative}header.container .logo{height:90px;width:auto;position:absolute;top:15px;left:30px}header.container h1{font-size:35px;color:#006397;font-weight:400;text-transform:uppercase;display:inline-block;line-height:50px;width:100%;text-align:center}header.container h1 span{font-weight:900;color:#ffbd00;display:inline-block}#quiz{flex-direction:column;justify-content:flex-start;z-index:1}#quiz .question-step{color:#00314a;font-weight:700;font-size:24px;text-align:center;margin-bottom:20px}#quiz .container{display:flex;flex-direction:row;justify-content:space-between}#quiz .quiz-container{width:calc(60% - 15px);background-color:hsla(0,0%,100%,.85);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}#quiz #desc{width:calc(40% - 15px)}#quiz #desc .close{display:none}#quiz_nav ul{margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-between;list-style:none}#quiz_nav ul li{height:10px;width:calc(33.33333% - 10px);background-color:#00314a}#quiz_nav ul li.active{background-color:#d7df23}#quiz_nav .steps{font-weight:700;display:flex;flex-direction:row;justify-content:center;font-size:14px;padding:20px;text-transform:uppercase}.quiz-body{max-width:400px}.quiz-body .actions{display:flex;flex-direction:column-reverse;align-items:center}.quiz-body .actions .button{display:inline-block;max-width:250px;padding:15px 30px;text-align:center;margin-bottom:20px;cursor:pointer}.quiz-body .actions .button.next:disabled,.quiz-body .actions .button.next[disabled=true]{opacity:.5;cursor:default}.quiz-body .actions .button.next,.quiz-body .actions .button.next:disabled:hover,.quiz-body .actions .button.next[disabled=true]:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.2)}.quiz-body .actions .button.next{background-color:#d7df23;border-radius:10px;font-size:20px;text-transform:uppercase;color:#00314a;text-decoration:none;transition:all,.3s}.quiz-body .actions .button.next:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.5)}.quiz-body .actions .button.prev{color:#00314a;-webkit-text-decoration:1px dotted #00314a;text-decoration:1px dotted #00314a}.question h2{color:#00314a;font-size:30px;text-transform:uppercase}.question h2 small{margin:10px 0;display:block;font-size:16px;opacity:.7;font-weight:400;text-transform:none;line-height:1.4}ul.answers{list-style:none;padding:0;margin:0 0 60px 0}ul.answers li{padding:10px 10px 5px 45px;cursor:pointer;color:#00314a;line-height:24px;min-height:34px;position:relative;transition:all,.3s;font-weight:700;margin-bottom:20px}ul.answers li:after{width:0;height:0;border-radius:50%;background-color:#d7df23;top:21px;left:16px;transform:translate(-50%,-50%)}ul.answers li:after,ul.answers li:before{content:"";display:block;position:absolute;transition:all,.3s}ul.answers li:before{width:24px;height:24px;border-radius:50%;background-color:#fff;border:4px solid #fff;top:5px;left:0;box-shadow:0 10px 5px 0 rgba(0,0,0,.2)}ul.answers li:hover{color:#212120}ul.answers li:hover:before{border-color:#d7df23;box-shadow:0 5px 15px 0 rgba(0,0,0,.3)}ul.answers li.active{color:#00314a}ul.answers li.active:before{border-color:#d7df23}ul.answers li.active:after{width:18px;height:18px}#desc{display:flex;flex-direction:column;justify-content:flex-end}#desc .desc-container{background-color:rgba(215,223,35,.85);padding:30px;border-radius:30px}#desc .desc-container h3{font-size:25px;text-transform:uppercase;line-height:1.5;padding-right:90px;position:relative}#desc .desc-container h3:before{content:"";display:block;width:70px;height:90px;position:absolute;top:-20px;right:0;background-image:url(../img/bulb.eee55ed7.png);background-size:contain;background-repeat:no-repeat;background-position:100% 0}#desc .desc-container .text{color:#00314a;line-height:1.8;padding-bottom:30px}.show-more{display:none;background-color:#d7df23;color:#fff;border:none;margin:10px 0;padding:5px 10px;border-radius:5px;font-size:15px;cursor:pointer;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.actions{display:flex;flex-direction:row;justify-content:space-between}.quiz-container .inner,.quiz-container form{width:100%}.errors{color:#ff5229}.form-row{display:flex;flex-direction:column;flex-wrap:wrap;padding:10px;width:100%}.form-row .col{max-width:calc(50% - 10px);width:100%}.form-row label{margin-bottom:10px}.form-row select{height:40px;line-height:40px;background-color:#fff;border:2px solid #fff;border-radius:10px;text-indent:10px;transition:all,.3s;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.form-row select:focus{outline:none;border-color:#3dc7ee}.form-row input{background-color:#d7df23;border-radius:10px;font-size:20px;text-transform:uppercase;color:#fff;text-decoration:none;transition:all,.3s;border:none;height:40px;line-height:40px;cursor:pointer;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.form-row input:focus{outline:none;border-color:#d7df23}@media (max-width:650px){.show-more{display:inline-block}#quiz #desc,#quiz .quiz-container{width:100%}.question h2{font-size:22px}#desc{display:none}#quiz.modal_active .quiz-container,#quiz.modal_active header.container{display:none!important}#quiz #desc.active{display:block;position:absolute;top:0;left:0;width:100%}#quiz #desc.active .close{display:block;padding:10px;text-align:right}#quiz #desc.active .close svg{width:40px;height:40px}#quiz #desc.active .desc-container{min-height:100vh}}#user_datas{z-index:2}#user_datas .container.column{flex-direction:column;justify-content:flex-start;align-items:center}#user_datas form{max-width:700px;padding:20px;display:flex;flex-direction:column}#user_datas form .form-row{padding:10px 0}#user_datas form .form-row label{display:inline-block;width:100%;margin-bottom:10px;color:#00314a}#user_datas form .form-row select{width:100%;height:40px;line-height:40px;border-radius:10px;border:none;padding:0 10px;color:#00314a;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}#final{z-index:3;background-color:#fff}#final .inner{width:100%}#final .final-container{display:flex;flex-wrap:wrap}#final .final-container .col{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}#final .final-container .first{background-color:#e8f9ff}#final .final-container .second{background-color:#8bd6f1}#final .carbon-footprint{display:block;padding:30px;max-width:400px;background-color:#00314a;text-transform:uppercase}#final .carbon-footprint .text{color:#fff;font-size:20px;font-weight:700;margin-bottom:5px}#final .carbon-footprint .fin,#final .carbon-footprint .text{display:inline-block;width:100%;text-align:center}#final .carbon-footprint .num{color:#fff;font-weight:900;font-size:48px}#final .carbon-footprint .metr{text-transform:uppercase;color:#fff;font-weight:700;font-size:18px}#final .score-txt{margin:50px 0;display:inline-block;max-width:400px;color:#00314a;text-transform:uppercase;text-align:center}#final .score-txt h2{font-size:48px;font-weight:900;margin-bottom:10px;margin-top:0;padding:0}#final .score-txt p{font-size:20px;font-weight:700;margin:0}#final .footprint-table{width:100%;position:relative}#final .footprint-table .hun,#final .footprint-table .world{background-color:#00314a}#final .footprint-table .me{background-color:#d7df23}#final .footprint-table .hun,#final .footprint-table .me,#final .footprint-table .world{position:absolute;display:block;width:50px;height:125px;bottom:105px}#final .footprint-table .foot{position:absolute;bottom:41px;left:100px;height:100px;transform:translate(-50%)}.libra{max-width:450px;width:100%}@media (max-width:910px){#final .final-container .col{width:100%;padding:20px}#final .carbon-footprint{padding:30px 20px}#final .col.second img,#final .table{max-width:100%;width:100%;height:auto}}.btn{cursor:pointer}#age_gate{z-index:999;position:fixed;background-color:#d7df23;top:0;left:0;width:100vw;height:100vh}#age_gate,#age_gate .panel{display:flex;justify-content:center;align-items:center}#age_gate .panel{flex-direction:column;color:#fff}#age_gate .panel .circle{width:150px;height:150px;color:#d7df23!important;background-color:#fff;border-radius:100%;text-align:center;line-height:150px;font-weight:700;font-size:60px}#age_gate .panel h3{font-size:30px;font-weight:700;margin:20px 0}#age_gate .panel p{margin:20px 0;display:inline-block;max-width:550px;text-align:center}#age_gate .panel .btn{background-color:#fff;color:#d7df23!important;display:inline-block;min-width:250px;text-align:center;font-weight:700;font-size:25px;padding:10px 20px;border-radius:10px;margin-bottom:20px}footer .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px}footer .inner *{margin:5px}footer .inner a,footer .inner span{color:#fff}#LCD{background-image:url(https://fustmenteskalkulator.hu/img/backgrounds/02_KOZLEKEDES/KarbonKalkulator_fotok_02_K2_Kozossegi_kozl.jpg)}#LCD .lcd-container{max-width:70%;width:100%;margin:40px auto;display:flex;flex-direction:column}#LCD .lcd-container .bg-white{margin:50px;padding:50px;font-size:15vh;text-align:center;font-weight:700;color:#d7df23}#LCD .lcd-container header{display:flex;flex-direction:column;width:100%;justify-content:center}#LCD .lcd-container header .img-container{display:inline-block;width:100%;text-align:center}#LCD .lcd-container header img{max-width:140px;width:100%;height:auto}#LCD .lcd-container header h1{font-size:4vh;display:inline-block;width:100%;color:#d7df23;text-transform:uppercase;text-align:center;margin:30px 0}#LCD .lcd-container header h1 span{display:inline-block;width:100%;font-weight:400}#LCD .lcd-container span.web{display:inline-block;width:100%;text-align:center;color:#d7df23;font-size:25px;font-weight:700;padding:20px 0;text-shadow:0 2px 5px rgba(0,0,0,.4)}#LCD .lcd-container span.web span{color:#ffbd00}