html{scroll-behavior:smooth}body{margin:0;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:300;color:white;background:#171717}h1,h3{text-transform:uppercase;font-family:Inter-Tight,sans-serif;margin:0;position:relative}.termek-nev:before,h3:before{content:url(/dno-tattoo/chevron-red.svg);width:13px;height:22px;transform:rotate(-90deg);position:absolute;top:15px;left:-52px}h3{font-size:40px}h1 span,h3 span{color:#E6291F}p{margin:0 0 20px}.header{background:url(/dno-tattoo/header-bg.jpg) no-repeat top;background-size:cover;padding:260px 0;position:relative}.header:before{content:"";position:absolute;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(23,23,23,1),rgba(23,23,23,0) 25%,rgba(23,23,23,0) 55%,rgba(23,23,23,1))}.header .content{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;position:relative}.header .content>div{width:70%;max-width:810px}.header h1{font-size:60px}.header p{margin:0;font-size:20px}.cta{background:#E6291F;color:#171717;display:flex;align-items:center;gap:15px;width:-moz-fit-content;width:fit-content;padding:15px 50px;margin:30px 0 0;font-size:24px;font-weight:700;text-decoration:none}.cta:hover img{transform:translateX(8px)}.cta img{transition:.15s ease-in-out}.chevron-red{position:absolute;bottom:100px;left:50%;transform:translateX(-50%)}.chevron-red img{display:block;animation:pulse 1s infinite alternate}.chevron-red img:nth-child(2){animation-delay:.3s}.chevron-red img:nth-child(3){animation-delay:.6s}@keyframes pulse{0%{opacity:1}to{opacity:0}}.hero2{padding:100px 0}.hero2>div{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;flex-wrap:wrap;position:relative}.hero2>div>div{width:50%}.hero2 .hero-img{width:50%;max-width:285px;display:block;margin:0 auto}.hero3{background:#111;padding:25px 10px;text-transform:uppercase;font-size:30px;font-weight:700}.hero3>div{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}.hero3>div>div{max-width:250px}.hero3 .list{display:flex;justify-content:center;align-items:center}.hero3 .count{font-family:Water Brush;color:#E6291F;font-size:96px;font-weight:400}.hero3 p{margin:0}.hero4{padding:100px 0}.hero4>div{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.hero4>div>div{width:43%}.hero4 .hero-img{width:50%;display:block;box-shadow:15px 15px 0 0 #E6291F}.hero5{background:url(/dno-tattoo/hero5-bg.jpg) no-repeat 50%}.hero5,.hero6{padding:100px 0}.hero6{background:url(/dno-tattoo/hero6-bg.jpg) no-repeat 50%}.hero7{background:url(/dno-tattoo/hero7-bg.jpg) no-repeat 50%;padding:100px 0}.hero5>div,.hero6>div,.hero7>div{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}.hero5>div>div,.hero6>div>div,.hero7>div>div{width:50%}.hero5 img{max-width:239px}.hero5 img,.hero6 img,.hero7 img{width:50%;display:block;margin:0 auto}.hero6 img,.hero7 img{max-width:370px}.hero5 .list,.hero6 .list,.hero7 .list{padding-left:52px;position:relative}.hero5 .list:first-child,.hero6 .list:first-child,.hero7 .list:first-child{padding-bottom:30px;border-left:1px dashed #e6291f}.hero5 h4,.hero6 h4,.hero7 h4{font-size:30px;font-weight:200;font-family:Inter Tight,sans-serif;margin:0 0 20px}.hero5 h5,.hero6 h5,.hero7 h5{font-size:22px;margin:0 0 20px;line-height:24px;cursor:pointer;transition:.3s ease-in-out}.hero5 h5.active,.hero6 h5.active,.hero7 h5.active{font-size:28px}.hero5 h5:hover,.hero6 h5:hover,.hero7 h5:hover{color:#E6291F}.hero5 .list:before,.hero6 .list:before,.hero7 .list:before{content:url(/dno-tattoo/red-circle.svg);position:absolute;left:-12px;top:0}.hero5 ul,.hero6 ul,.hero7 ul{visibility:hidden;opacity:0;height:0;margin:0;list-style:none;transition:.3s ease-in-out}.hero5 ul.visible,.hero6 ul.visible,.hero7 ul.visible{visibility:visible;opacity:1;height:auto}.hero5 li,.hero6 li,.hero7 li{margin:0 0 10px;position:relative}.hero5 li:before,.hero6 li:before,.hero7 li:before{content:url(/dno-tattoo/check.svg);position:absolute;top:5px;left:-35px;width:25px;height:25px}.hero5 li strong,.hero6 li strong,.hero7 li strong{font-weight:700}.hero8{background:url(/dno-tattoo/hero8-bg.jpg) no-repeat 50%;background-size:cover;padding:200px 0 150px;position:relative;overflow:hidden}.hero8>div{max-width:1024px;margin:0 auto;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.hero8 h3{font-family:Inter Tight,sans-serif;color:white}.hero8 h3,.hero8>div>div{margin:0 0 50px;width:33%;max-width:300px}.hero8>div>div{text-align:center}.hero8>div>div .count{font-family:Water Brush;font-size:120px;font-weight:500;line-height:96px;color:#e6291f;margin:0 0 10px}.hero8 h4{font-family:Inter Tight,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;margin:0}.hero8>div>div p{font-size:14px;font-weight:200}.hero9{background:url(/dno-tattoo/hero9-bg.jpg) no-repeat top;background-size:cover;padding:300px 0;position:relative}.hero9>div{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;position:relative}.hero9>div>div{width:45%;max-width:515px}.hero10{background:#111;padding:150px 10px}.hero10>div{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.hero10>div>div{width:33%;max-width:300px;position:relative}.hero10>div>div:after{content:url(/dno-tattoo/aposztrof.svg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:304px;height:250px;display:block;z-index:0}.hero10 p{font-style:italic;font-weight:200;margin:0 0 10px}.hero10 .name{font-size:14px;font-weight:700;font-family:Inter Tight,sans-serif;color:#E6291F;margin:0 0 0 38px;text-transform:uppercase;position:relative}.hero10 .name:before{content:"";width:28px;height:1px;background:#E6291F;display:block;position:absolute;top:50%;left:-38px;transform:translateY(-50%)}.hero11{padding:100px 10px}.hero11 h3,.hero11 p{text-align:center;max-width:830px;margin:0 auto}.hero11 h3:before{content:none}.hero11>div{max-width:1200px;margin:0 auto}.hero11 .termekek{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-end;margin:70px 0 0}.hero11 .termek{width:33%;max-width:301px;margin:0 0 50px}.hero11 .termek .termek-kep{width:100%;display:block;margin:0 0 20px}.hero11 .termek-nev{font-family:Inter Tight,sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;position:relative}.hero11 .termek-leiras{font-size:14px;font-weight:400}.hero11 .termek-gomb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:25px 0 0}.hero11 .termek-ar{font-size:32px;font-weight:800}.hero11 .termek-ar small{font-size:20px}.hero11 .kosar-gomb{background:#e6291f;display:flex;justify-content:center;align-items:center;height:54px;width:54px}@media (max-width:1024px){h3{font-size:25px}.header{background:url(/dno-tattoo/header-bg.jpg) no-repeat 73% top;background-size:cover;padding:310px 0 180px;position:relative}.header .content>div{width:100%}.header h1{font-size:30px}.hero2 .hero-img{width:70%}.hero2>div>div{width:100%;margin:-100px 0 20px}.hero3>div>div{margin:0 auto;text-align:center}.hero4>div{flex-direction:column-reverse}.hero4 .hero-img,.hero4>div>div{width:100%;margin:0 0 30px}.hero5>div>div,.hero6>div>div,.hero7>div>div{width:100%;padding:0 10px;box-sizing:border-box}.hero6>div{flex-direction:column-reverse}.hero5>div>img,.hero6>div>img,.hero7>div>img{margin:0 auto 20px}.hero8{padding:100px 0 50px}.hero8 h3{width:50%;align-self:center}.hero8>div>div{width:50%}.hero9{background:url(/dno-tattoo/hero9-bg.jpg) no-repeat 64% top;background-size:cover;padding:330px 0 30px}.hero9>div>div{width:90%;max-width:515px;margin:0 auto}.hero10{padding:150px 10px 50px}.hero10>div>div{width:100%;max-width:300px;position:relative;margin:0 auto 120px}.hero10>div>div:after{content:url(/dno-tattoo/aposztrof.svg);position:absolute;top:0;left:50%;transform:translate(-50%,-50%) scale(.7);width:265px;height:auto;display:block;z-index:0}.hero11 .termek{width:100%;max-width:300px;margin:0 0 50px}}