html,
body{font:18px/30px 'Nunito',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#0a303a;width:100vw;height:100vh}
@media (max-width:1199.98px){html,body{font:16px/26px 'Nunito',sans-serif}}
@media (max-width:991.98px){html,body{font:15px/24px 'Nunito',sans-serif}}
main{width:100vw}
@media (max-width:767.98px){main{overflow-x:hidden}}
a{color:#0a303a;font-weight:700;text-decoration:none}
a:hover{color:#ffc300}
a.green:hover{color:#70a116}
a.blue:hover{color:#0066b3}
h1,
h2,
h3{margin-bottom:30px}
h1{font:90px/92px 'Nunito',sans-serif;font-weight:900;font-style:italic}
@media (max-width:1399.98px){h1{font:70px/72px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
@media (max-width:1199.98px){h1{font:60px/62px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
@media (max-width:991.98px){h1{font:50px/52px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
@media (max-width:767.98px){h1{font:40px/42px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
h1 span{font:45px/45px 'Nunito',sans-serif;font-weight:400;font-style:normal;display:block}
@media (max-width:1399.98px){h1 span{font:30px/30px 'Nunito',sans-serif;font-weight:400;font-style:normal}}
@media (max-width:991.98px){h1 span{font:24px/24px 'Nunito',sans-serif;font-weight:400;font-style:normal}}
@media (max-width:767.98px){h1 span{font:20px/20px 'Nunito',sans-serif;font-weight:400;font-style:normal}}
h1 span.welcome{position:relative;left:60px}
h1 span.our-website{position:relative;left:220px}
h2{font:60px/62px 'Nunito',sans-serif;font-weight:900;font-style:italic}
@media (max-width:1199.98px){h2{font:50px/52px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
@media (max-width:991.98px){h2{font:40px/42px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
@media (max-width:767.98px){h2{font:30px/32px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
h3{font:30px/40px 'Nunito',sans-serif;font-weight:700}
@media (max-width:1199.98px){h3{font:20px/26px 'Nunito',sans-serif;font-weight:700}}
@media (max-width:991.98px){h3{font:18px/24px 'Nunito',sans-serif;font-weight:700}}
@media (max-width:767.98px){h3{font:16px/22px 'Nunito',sans-serif;font-weight:700}}
table h3{margin:0}
table td{vertical-align:center}
.spacer{display:block;width:100%}
.spacer-sm{height:60px}
@media (max-width:767.98px){.spacer-sm{height:30px}}
.spacer-md{height:90px}
@media (max-width:767.98px){.spacer-md{height:45px}}
.spacer-lg{height:120px}
@media (max-width:767.98px){.spacer-lg{height:60px}}
.bg-lightgreen{background:rgba(112,161,22,0.15)}
.bg-lightblue{background:rgba(0,102,179,0.15)}
.headline{margin-top:-100px;color:white;text-shadow:0px 0px 10px rgba(0,0,0,0.3)}
header{position:absolute;top:0;left:0;width:100%;z-index:99;padding:20px 0}
header .controls{display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end}
@media (max-width:1399.98px){header .controls a,header .controls button{transform:scale(0.8)}}
@media (max-width:991.98px){header .controls a,header .controls button{transform:scale(0.7)}}
header .controls a{transition:all .3s linear;margin:0 8px;color:white}
@media (max-width:1399.98px){header .controls a{margin:0 5px}}
header .controls a:hover{color:#ffc300}
header .controls button{transition:all .3s linear;outline:none;margin-left:15px;background:none;border:none;color:white}
@media (max-width:1399.98px){header .controls button{margin-left:10px}}
@media (max-width:991.98px){header .controls button{margin-left:5px}}
header .controls button:hover{color:black}
header .controls .btn-close-menu{display:none}
@media (max-width:767.98px){header .topcontacts{display:none}}
header .topcontacts a{background:#70a116;padding:5px 10px;border-radius:20px}
header .logobar{position:relative;z-index:9}
header .logobar .logo,
header .logobar .logo-menu{width:200px;position:absolute}
@media (max-width:1399.98px){header .logobar .logo,header .logobar .logo-menu{max-width:170px}}
@media (max-width:1199.98px){header .logobar .logo,header .logobar .logo-menu{max-width:155px}}
@media (max-width:991.98px){header .logobar .logo,header .logobar .logo-menu{max-width:140px}}
header .logobar .logo-menu{transition:opacity .9s linear;opacity:0}
header .menubar{position:absolute;z-index:7;left:0;width:100%;height:250px;background:white;transition:all 0.9s cubic-bezier(0.7,0,0.3,1);top:-260px;padding-top:130px}
@media (max-width:767.98px){header .menubar{top:-410px;height:400px}}
header .menubar .menuwave{z-index:5;transition:all 0.9s cubic-bezier(0.7,0,0.3,1);width:100%;height:0;position:absolute;bottom:15px;transform:rotate(180deg);transform-origin:bottom}
@media (max-width:767.98px){header .menubar .menuwave{width:500px}}
header .menubar .link{text-transform:uppercase}
@media (max-width:767.98px){header .menubar .link{padding:0 30px}}
header.opened .logobar .logo-menu{opacity:1}
header.opened .controls a,
header.opened .controls button{color:#0a303a}
header.opened .controls a:hover,
header.opened .controls button:hover{color:#ffc300}
header.opened .menubar{top:0}
header.opened .menubar .menuwave{height:230px}
.slider-container{position:relative;display:block;width:100vw;height:95vh}
.slider-container.subpage{height:85vh}
.slider-container .slider{display:flex;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:bottom center;align-items:center}
.slider-container .slider-bottom{position:absolute;bottom:-1px;width:100%;height:auto;z-index:2}
.tv{position:relative;display:flex;align-items:center;justify-content:center;height:500px}
.tv .tv-box{z-index:1;position:absolute}
@media (max-width:1199.98px){.tv .tv-box{width:450px}}
@media (max-width:991.98px){.tv .tv-box{width:360px}}
.tv .tv-screen{z-index:2;position:absolute;border-radius:15px;margin-left:-65px;margin-top:70px}
@media (max-width:1199.98px){.tv .tv-screen{width:369px;height:260px;margin-top:60px;margin-left:-52px}}
@media (max-width:991.98px){.tv .tv-screen{width:300px;height:214px;margin-top:48px;margin-left:-37px}}
.about{position:relative}
.people{position:absolute;z-index:3;width:500px;height:auto;bottom:0;left:50%;margin-left:-750px}
@media (max-width:1399.98px){.people{width:420px;margin-left:-600px}}
@media (max-width:1199.98px){.people{width:380px;margin-left:-450px}}
@media (max-width:991.98px){.people{width:300px;margin-left:-350px}}
@media (max-width:767.98px){.people{bottom:-20px;margin-left:-170px}}
.people.people2{bottom:-60px;width:230px;margin-left:480px}
@media (max-width:1399.98px){.people.people2{width:200px;margin-left:450px}}
@media (max-width:1199.98px){.people.people2{width:160px;margin-left:330px}}
@media (max-width:991.98px){.people.people2{width:126px;margin-left:-135px;bottom:-95px}}
@media (max-width:767.98px){.people.people2{margin-left:57px;bottom:-202px}}
.people.people3{width:330px}
@media (max-width:1399.98px){.people.people3{width:280px}}
@media (max-width:991.98px){.people.people3{width:200px;margin-left:135px}}
@media (max-width:767.98px){.people.people3{margin-left:-27px;bottom:-15px}}
.people.people6{width:475px;margin-left:230px;bottom:210px}
@media (max-width:1399.98px){.people.people6{width:400px;margin-left:160px}}
@media (max-width:1199.98px){.people.people6{width:330px;bottom:300px;margin-left:120px}}
@media (max-width:991.98px){.people.people6{width:250px}}
@media (max-width:767.98px){.people.people6{bottom:490px;margin-left:-100px}}
.waves{position:absolute;bottom:-2px;left:0;width:100%;height:auto}
.waves.waves-bottom{transform:rotate(180deg);top:-2px;bottom:initial}
.waveline{max-width:500px;width:100%}
.history{position:relative;padding:140px 0}
.history .happening-2{margin-top:200px}
@media (max-width:991.98px){.history .happening-2{margin-top:60px}}
.history .happening-3{margin-top:60px}
@media (max-width:991.98px){.history .happening-3{margin-top:60px}}
.history .year{color:white;font:60px/30px 'Nunito',sans-serif;font-weight:900;font-style:italic}
@media (max-width:767.98px){.history .year{font:50px/30px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
.history .year.y1715{font:80px/40px 'Nunito',sans-serif;font-weight:900;font-style:italic;margin-left:80px}
@media (max-width:991.98px){.history .year.y1715{margin-left:0}}
@media (max-width:767.98px){.history .year.y1715{font:70px/40px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
.history .year.y2010{font:100px/50px 'Nunito',sans-serif;font-weight:900;font-style:italic}
@media (max-width:767.98px){.history .year.y2010{font:90px/50px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
.history .happening{font:23px/30px 'Nunito',sans-serif;font-weight:700;margin-top:-10px;margin-left:15px;white-space:nowrap}
@media (max-width:767.98px){.history .happening{font:18px/24px 'Nunito',sans-serif;font-weight:700}}
.tile{position:relative;width:100%;height:570px;padding:45px;text-align:center}
@media (max-width:1399.98px){.tile{height:510px}}
@media (max-width:1199.98px){.tile{height:420px}}
@media (max-width:991.98px){.tile{height:320px}}
@media (max-width:767.98px){.tile{max-width:230px;margin:0 auto;margin-bottom:30px}}
.tile svg{z-index:-1;position:absolute;left:0;top:0;width:100%;height:auto}
.tile svg path{fill:#ffc300}
.tile h3{color:#ffc300}
.tile .thumbnail{width:100%;height:190px;border-radius:45px;margin-bottom:15px}
@media (max-width:1199.98px){.tile .thumbnail{height:110px;border-radius:45px}}
@media (max-width:1399.98px){.tile .text{font:15px/20px 'Nunito',sans-serif}}
@media (max-width:1199.98px){.tile .text{font:14px/20px 'Nunito',sans-serif}}
@media (max-width:991.98px){.tile .text{display:none}}
.tile .maps{position:absolute;z-index:2;background:#ffc300;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;left:50%;margin-left:-25px;bottom:-5px}
.tile.green svg path{fill:#70a116}
.tile.green h3{color:#70a116}
.tile.green .maps{background:#70a116}
.tile.blue svg path{fill:#0066b3}
.tile.blue h3{color:#0066b3}
.tile.blue .maps{background:#0066b3}
.nature-asset-row{padding:60px 0}
.nature-asset-row .thumbnail{background-color:#ffc300;background-position:center;background-size:cover;width:100%;height:250px;border-radius:45px;margin-bottom:15px}
.nature-asset-row .map{height:calc(100% - 70px);margin-top:70px;width:100%;background-color:#ffc300;border-radius:45px;overflow:hidden}
.sport{position:relative;padding:240px 0 340px 0;background-image:url(../themes/csomor/assets/images/hero/bike.jpg);background-size:cover;background-repeat:no-repeat}
@media (max-width:1199.98px){.sport{padding:170px 0 210px 0}}
.sport h2{color:white}
.contact .contact-logo{width:180px;margin-bottom:25px}
.contact .map{overflow:hidden;border-radius:20px;height:290px;margin-bottom:30px}
.footer{position:relative;padding:200px 0 100px 0}
.footer .footer-column{display:flex;flex-wrap:wrap;height:100%;align-items:flex-end;justify-content:flex-end}
@media (max-width:767.98px){.footer .footer-column{margin-top:30px;text-align:center;justify-content:center}}
.footer .footer-content{margin-top:100px}
.footer .link{width:100%}
.footer .link a{text-transform:uppercase;font-weight:normal}
.footer .icons a{transition:all .3s linear;margin:0 15px;color:#0066b3}
.footer .icons a:hover{color:#ffc300}
.footer .small-links{margin-top:20px}
.footer .small-links a{font:18px/18px 'Nunito',sans-serif}
.btn{border-radius:20px}
.btn.btn-primary{padding:15px 25px;font:24px/24px 'Nunito',sans-serif;font-weight:900;font-style:italic;background:none;border:2px solid #70a116;color:#70a116}
@media (max-width:991.98px){.btn.btn-primary{font:18px/18px 'Nunito',sans-serif;font-weight:900;font-style:italic}}
.btn.btn-primary:hover{background-color:#0066b3}
.btn.btn-secondary{padding:10px 20px;font:16px/16px 'Nunito',sans-serif;font-weight:900;font-style:italic;background:#ffc300;border:2px solid #ffc300;color:white}
.form-control,
.form-select{border-color:#EDEDED}
.form-control:focus,
.form-select:focus,
.form-control:active,
.form-select:active{border-color:#0066b3;box-shadow:0 0 0 0.25rem rgba(0,102,179,0.15)}