*{margin:0;padding:0;font-family:'Encode Sans Condensed',sans-serif;box-sizing:border-box;color:#fff}html,body{overflow-x:hidden;scroll-behavior:smooth;background-color:#fff}section{padding:5rem}h1{font-family:'Montserrat',sans-serif;font-weight:900;font-size:86px}h2{font-size:84px}h3{font-size:28px}h4,p,button{font-size:16px}h2,h3,h4{font-weight:700}button{padding:18px 25px;color:#d9d9d9;font-weight:700;font-family:'Encode Sans Condensed',sans-serif;text-align:center;border-radius:0;border:solid 2px #d33;background-color:#fff0;transition:0.3s;text-transform:uppercase;font-size:15px;cursor:pointer;transition:all 0.3s ease-in}i{color:#fff}button:hover{color:#fff;background-color:#d33}p{text-align:left;color:#d9d9d9}a{text-decoration:none}hr{transition:all 0.2s ease-in}hr:hover{border-color:#d33}#header{background-image:linear-gradient(#00000065,#000),url(../images/hattergyanus2.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}nav img{max-width:240px;cursor:pointer;margin-right:5rem}nav{display:flex;align-items:center;justify-content:space-between;padding:16px 10%;margin-left:auto;margin-right:auto}.navlinks{text-transform:uppercase;flex:1;text-align:center}.navlinks ul{text-align:end}.navlinks ul li{list-style:none;display:inline-block;font-size:19px;font-weight:600;line-height:48px;padding:0 20px;color:#d33;position:relative}.navbar ul img{width:30px;margin:20px 8px 0 18px}.navbar ul img:hover{transform:scale(1.3)}.navlinks ul li a{text-decoration:none}.navlinks ul li a span{position:relative;display:inline-block}.navlinks ul li a span::before,.navlinks ul li a span::after{content:'';position:absolute;width:0;height:3px;bottom:0;background-color:#d33;transition:all 0.4s ease}.navlinks ul li a span::before{left:50%}.navlinks ul li a span::after{right:50%}.navlinks ul li a:hover span::before,.navlinks ul li a:hover span::after{width:50%}.navlinks ul li a:hover span::before{left:0}.navlinks ul li a:hover span::after{right:0}.hero{margin-top:5rem;padding:3rem}.line-div{display:flex;align-items:center;gap:12px}.line-div hr{height:0;width:80px}.line-div p{font-weight:700;color:#fff}.main-title-div hr{margin:50px 215px 20px 0}.quote-div{display:flex;gap:30px;margin-bottom:60px}.quote-div h3{width:64%}.quote-icon{font-size:32px;border:1px solid #fff;padding:16px 20px;height:10%;transition:all 0.3s ease-in}.quote-icon:hover{border-color:#d33}.hero button{margin-bottom:100px}#section-sziauram{background-image:linear-gradient(180deg,#0000009e,#000000),url(../images/hattergyanus.webp);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column}.line-div-sziauram-two hr,.hr-subline{width:45px}#section-sziauram h2,.subtitle{margin:20px 0}.sziauram-bigtext{font-size:20px;width:40%;font-weight:600;text-align:left;margin:40px 0}.textboxes{display:flex;gap:40px;width:40%;line-height:25px;letter-spacing:2px}#section-szolgaltatasok{background-image:linear-gradient(180deg,#0000009e,#000000),url(../galéria/vendeg5-1.webp);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;display:flex;flex-direction:column}.szolgaltatasok{display:flex;flex-direction:column;margin:30px 0}.szolgaltatas-row{display:flex;align-items:center;margin:20px 0;gap:16px}.szolgaltatas-row img{width:70px;padding:6px 6px;background-color:#fff;border:none;border-radius:50%;transition:all 0.3s ease-in-out}.szolgaltatas-row img:hover{transform:rotate(360deg) scale(1.15)}#section-pricelist{background-image:linear-gradient(180deg,#0000009e,#000000),url(../galéria/vendeg2-1.webp);background-position:center;background-size:cover}.pricelist{display:flex;flex-direction:column;margin:30px 0}.pricelist-line{display:flex;justify-content:flex-start;width:60%}.pricelist-line span{border-bottom-style:none;flex-grow:1;margin-left:10px;margin-right:10px;height:1px}.pricelist hr{width:60%;margin-top:6px}.detail-title,.detail-price{letter-spacing:2px}.quote-line{margin:50px 0;font-style:italic}.quote-div-two{display:flex;align-items:center}#section-barbers{background-image:linear-gradient(180deg,#0000009e,#000000),url(../images/hands-barber-with-hair-clipper-close-up-haircut-concept-hipster-client-getting-haircut-black-white.webp);background-position:center;background-size:cover;background-attachment:fixed}.barber-card-container{display:flex;align-items:center;gap:36px;margin:60px 0}.barber-card img{max-width:21rem;height:auto;opacity:.65;transition:all 0.5s ease-in-out}.barber-card img:hover{opacity:1;transform:scale(1.1)}.barber-card-title{line-height:28px;margin-top:12px}.barber-card-title h4{text-transform:uppercase;letter-spacing:4px}.progress-wrapper{height:20px;margin-top:2rem;position:relative;background-color:rgb(255 255 255 / .548);height:100%}.progress-bar{background-color:#5b5a5a;color:#fff;display:block;position:relative;overflow:hidden;width:0%;padding:12px 0 12px 12px}.progress-bar:hover{background-color:#d33}.progress-bar.start{width:100%;animation:load-bar 2s ease-out forwards}@keyframes load-bar{0%{width:0%}100%{width:100%}}.slideshow-container{margin-top:2rem}.image-line{display:flex;gap:15px}.image-line img{max-width:21rem;margin:40px 0;object-fit:cover}.slider-gallery-main-div{margin-top:10rem}#section-contact{background-image:linear-gradient(180deg,#0000009e,#000000),url(../images/hattergyanus.webp);background-position:center;background-size:cover}.contacts{display:flex;flex-direction:column;gap:15px;margin-bottom:2rem}.contacts i,.contacts a{font-size:22px}.contacts i:hover{transform:scale(1.2);color:#d33}.social-media-icons{display:flex;gap:20px;margin-top:30px;font-size:23px}.social-media-icons i{transition:all 0.3s}.social-media-icons i:hover{transform:scale(1.2);color:#d33}#gallery-section-contact{background-image:linear-gradient(180deg,#0000009e,#000000),url(../images/hattergyanus.webp);background-position:center;background-size:cover}.slideshow-container-gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem}.image-line-gallery img{max-width:30rem}.copyright{background-color:#141d3a;display:flex;justify-content:center;align-items:center}.copyright p,.copyright a{font-family:'Montserrat',sans-serif}.copyright a{font-weight:600}@media only screen and (min-width:1000px){.navbar .hidemenu,.navbar .showmenu{display:none}}@media only screen and (max-width:1250px){.barber-card-container{display:block;margin:60px 0}.barber-card img{max-width:100%}.barber-card{margin-bottom:100px}}@media only screen and (max-width:1200px){.image-line{display:block}.image-line img{max-width:100%;margin:40px 0;object-fit:cover}}@media only screen and (max-width:1100px){.navbar .hidemenu,.navbar .showmenu{display:block;color:#fff;margin:10px;font-size:22px;cursor:pointer}.navlinks ul li{display:block;margin-top:20px}.navlinks{display:flex;position:fixed;background-image:linear-gradient(180deg,#011212 0%,#dd3333 100%);height:100vh;width:200px;top:0;right:-200px;text-align:left;z-index:10;border-bottom-left-radius:60%;border-top-left-radius:30%;transition:all 0.4s}.navlinks ul{margin-top:40px}#navLinks ul{text-align:left}#navLinks ul img{width:20px}.navlinks ul li a{font-size:15px}.quote-div h3{width:100%}.hero{width:100%}section{padding:5rem}.sziauram-bigtext{font-size:18px;width:100%;font-weight:600;text-align:left;margin:40px 0}.textboxes{display:flex;gap:40px;width:100%;line-height:25px;letter-spacing:2px}.pricelist-line{display:flex;justify-content:flex-start;width:100%}.pricelist-line p{font-size:14px}.pricelist hr{width:100%;margin-top:6px}.slideshow-container{padding:.5rem}}@media only screen and (max-width:680px){.copyright{display:block;padding:2rem}.copyright p{text-align:center;margin:auto}}@media only screen and (max-width:600px){nav.navbar{padding:5% 1%;margin:0}nav img{max-width:190px}h1{font-size:52px}h2{font-size:42px}h3{font-size:22px}section{padding:3rem}.hero{width:100%;padding:3rem;margin-top:2rem}.hero button{margin-bottom:50px;display:block;text-align:center;margin:auto}.sziauram-bigtext{font-size:18px;width:100%;font-weight:600;text-align:left;margin:40px 0}.textboxes{display:block}#section-szolgaltatasok button{display:block;margin:auto}#section-pricelist h2{margin:15px 0}.slider-gallery-main-div h2{margin-bottom:14px}.slider-gallery-main-div button{display:block;margin:auto}}