@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:DM Sans,sans-serif}main{background-color:#1a1a1a;padding-bottom:100px}.main-photo{margin:0 auto;height:calc(100vh - 100px);max-width:2000px;position:relative;background-image:url(/backgrounds/tafe%20background.webp);background-position:center;background-size:cover;z-index:1}.main-photo .logo-cont{position:absolute;height:100px;width:300px;top:100px;right:100px;z-index:100;box-shadow:#00000059 0 5px 15px;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#f26f21;background-image:url(/logos/tafe.png)}.main-photo .logo-cont.tp{left:100px;background-color:#b0cde1;background-image:url(/logos/TP%20Accessories.png);background-size:contain}@media (max-width: 1600px){.main-photo .logo-cont{height:80px;width:240px;top:80px;right:80px}.main-photo .logo-cont.tp{left:80px}}@media (max-width: 1280px){.main-photo .logo-cont{height:60px;width:200px;top:60px;right:60px}.main-photo .logo-cont.tp{left:60px}}@media (max-width: 768px){.main-photo{height:50vh}.main-photo .logo-cont{height:40px;width:130px;top:40px;right:40px}.main-photo .logo-cont.tp{left:40px}}@media (max-width: 576px){.main-photo{height:30vh}.main-photo .logo-cont{height:30px;width:100px;top:30px;right:30px}.main-photo .logo-cont.tp{left:30px}}.background{background-color:#f26f21;height:100px;width:100%;position:absolute;bottom:0}@media (max-width: 768px){.background{display:none}}nav{height:50px;position:sticky;top:13px;background-color:#f26f21f2;z-index:1000}nav .nav-cont{margin:25px auto;max-width:1600px;height:50px;display:flex;align-items:center;justify-content:space-between;flex-direction:row}nav .nav-cont .nav-logo{height:50px;width:150px;background-image:url(/logos/tafe.png);background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer}nav .nav-cont .hamburger{display:none;height:50px;width:50px;background-image:url(/icons/close.svg);background-repeat:no-repeat;background-position:center;background-size:50%;cursor:pointer}nav .nav-cont .hamburger.hide{background-image:url(/icons/hamburger.svg)}nav .nav-cont .nav-links{display:flex;align-items:center;justify-content:space-between;flex-direction:row;height:100px;width:70%}nav .nav-cont .nav-links a{all:unset;display:flex;align-items:center;justify-content:center;flex-direction:row;padding:0 15px;height:50px;color:#231f20;transition:.2s;font-size:18px;font-weight:700;letter-spacing:3px;cursor:pointer}nav .nav-cont .nav-links a:hover{cursor:pointer;color:#f26f21;background-color:#231f20}@media (max-width: 1600px){nav .nav-cont{max-width:97vw}}@media (max-width: 1280px){nav .nav-cont .nav-links{width:80%}nav .nav-cont .nav-links a{all:unset;padding:0 10px;font-size:18px;letter-spacing:2px}}@media (max-width: 1024px){nav .nav-cont .nav-links a{all:unset;padding:0 5px;font-size:15px;letter-spacing:0px}}@media (max-width: 768px){nav .nav-cont{position:relative}nav .nav-cont .hamburger{display:block}nav .nav-cont .nav-links{position:absolute;height:0;background-color:#f26f21;top:50px;right:0;flex-direction:column;align-items:end;justify-content:start;gap:3vh;padding:0;width:50%;overflow:hidden}nav .nav-cont .nav-links.show{height:100vh;padding:20px;transition:all .5s}nav .nav-cont .nav-links a{font-size:18px;letter-spacing:2px}}@media (max-width: 576px){nav .nav-cont .nav-links{width:70%;overflow:hidden}nav .nav-cont .nav-links a{font-size:16px;letter-spacing:1px}}#classic,#compact,#magna,#contact,#about,#dealers{scroll-margin-top:100px}.app{background-color:#1a1a1a;max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:100px;padding-top:100px}@media (max-width: 1600px){.app{max-width:97vw}}@media (max-width: 768px){.app{gap:50px;padding-top:30px}}section{width:100%;height:auto;padding:75px;background-color:#201e1e;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;border-radius:10px}section .top{width:100%;display:flex;align-items:start;justify-content:space-between;flex-direction:row;margin-bottom:50px}section .top .logo-cont{height:100px;width:300px;background-color:#f26f21;background-image:url(/logos/tafe.png);background-size:contain;background-position:center;background-repeat:no-repeat}section .top .logo-cont.tp{background-image:url(/logos/TP%20Accessories.png);background-color:#b0cde1}section .top h1{line-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:row;color:#f26f21;font-size:100px}section .middle h5{font-size:30px;font-weight:200;color:#f26f21}section .middle p{font-size:20px;font-weight:300;color:#f26f21;margin-bottom:20px}section .middle .mid-headline{display:flex;align-items:center;justify-content:space-between;margin:50px 0}section .middle .mid-headline h1{font-size:60px;line-height:60px;color:#f26f21}section .middle .mid-headline h4{font-size:40px;line-height:40px;font-weight:200;color:#f26f21}section .middle .mid-headline .logo-cont{width:300px;height:100px;background-image:url(/logos/tafe.png);background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#f26f21}section .middle a{all:unset;font-size:20px;font-weight:200;color:#f26f21;cursor:pointer;text-decoration:underline rgba(255,0,0,0);transition:all .5s}section .middle a:hover{text-decoration:underline rgb(242,111,33)}@media (max-width: 1600px){section{padding:50px}section .top .logo-cont{height:75px;width:250px}section .top h1{line-height:75px;font-size:75px}section .middle h5{font-size:24px}section .middle p{font-size:18px;margin-bottom:15px}section .middle .mid-headline{margin:40px 0}section .middle .mid-headline h1{font-size:50px;line-height:50px}section .middle .mid-headline h4{font-size:35px;line-height:35px}section .middle .mid-headline .logo-cont{height:75px;width:250px}section .middle a{font-size:35px}}@media (max-width: 1280px){section{padding:30px}section .top .logo-cont{height:50px;width:180px}section .top h1{line-height:50px;font-size:50px}section .middle h5{font-size:22px}section .middle p{font-size:16px}section .middle .mid-headline{margin:40px 0}section .middle .mid-headline h1{font-size:40px;line-height:40px}section .middle .mid-headline h4{font-size:28px;line-height:28px}section .middle .mid-headline .logo-cont{height:50px;width:180px}section .middle a{font-size:28px}}@media (max-width: 1024px){section{padding:20px}section .top .logo-cont{height:40px;width:140px}section .top h1{line-height:40px;font-size:40px}section .middle h5{font-size:20px}section .middle p{font-size:15px}section .middle .mid-headline{margin:40px 0}section .middle .mid-headline h1{font-size:35px;line-height:35px}section .middle .mid-headline h4{font-size:22px;line-height:22px}section .middle .mid-headline .logo-cont{height:40px;width:140px}section .middle a{font-size:22px}}@media (max-width: 768px){section{padding:15px}section .top .logo-cont{height:35px;width:120px}section .top h1{line-height:35px;font-size:35px}section .middle h5{font-size:20px}section .middle p{font-size:15px}section .middle .mid-headline{margin:40px 0}section .middle .mid-headline h1{font-size:30px;line-height:30px}section .middle .mid-headline h4{font-size:20px;line-height:20px}section .middle .mid-headline .logo-cont{height:35px;width:120px}section .middle a{font-size:20px}}@media (max-width: 576px){section{padding:10px}section .top .logo-cont{height:25px;width:80px}section .top h1{line-height:25px;font-size:25px}section .middle h5{font-size:18px}section .middle p{font-size:14px}section .middle .mid-headline{margin:40px 0}section .middle .mid-headline h1{font-size:20px;line-height:20px}section .middle .mid-headline h4{font-size:17px;line-height:17px}section .middle .mid-headline .logo-cont{height:25px;width:80px}section .middle a{font-size:17px}}section.kategorija .bottom{height:450px;width:100%;display:flex;align-items:center;justify-content:start;flex-direction:row}section.kategorija .bottom .single-tractor{all:unset;height:100%;width:30%;transition:.3s}section.kategorija .bottom .single-tractor .img-part{height:80%;width:100%;background-image:url(https://www.iconbolt.com/iconsets/phosphor-duotone/tractor-duotone.svg);background-position:center;background-repeat:no-repeat;background-size:contain}section.kategorija .bottom .single-tractor .img-part.tafe42{background-image:url(/products/Tafe42.png)}section.kategorija .bottom .single-tractor .img-part.tafe42Cabin{background-image:url(/products/Tafe42Cabin.png)}section.kategorija .bottom .single-tractor .img-part.tafe45{background-image:url(/products/Tafe45.png)}section.kategorija .bottom .single-tractor .img-part.tafe45Cabin{background-image:url(/products/Tafe45Cabin.png)}section.kategorija .bottom .single-tractor .img-part.tafe6530{background-image:url(/products/6530.png)}section.kategorija .bottom .single-tractor .img-part.tafe240s{background-image:url(/products/240S.png)}section.kategorija .bottom .single-tractor .img-part.tafe6028H{background-image:url(/products/6028H.webp)}section.kategorija .bottom .single-tractor .img-part.tafe6028{background-image:url(/products/6028%20M.webp)}section.kategorija .bottom .single-tractor .img-part.tafe6020{background-image:url(/products/6020%20M.webp)}section.kategorija .bottom .single-tractor .img-part.tafe6515{background-image:url(/products/6515C.png)}section.kategorija .bottom .single-tractor .img-part.tafe7515{background-image:url(/products/7515C.png)}section.kategorija .bottom .single-tractor .tractor-name{text-align:center;letter-spacing:2px;font-size:20px;font-weight:200;color:#f26f21;transition:.3s}section.kategorija .bottom .single-tractor:hover{width:40%;cursor:pointer;background-color:#1a1a1a;border-radius:10px}section.kategorija .bottom .single-tractor:hover .tractor-name{font-size:30px;letter-spacing:3px;font-weight:700}@media (max-width: 1600px){section.kategorija .bottom{height:400px}section.kategorija .bottom .single-tractor .tractor-name{letter-spacing:1px;font-size:18px}section.kategorija .bottom .single-tractor:hover .tractor-name{font-size:25px;letter-spacing:2px;font-weight:500}}@media (max-width: 1280px){section.kategorija .bottom{height:350px}section.kategorija .bottom .single-tractor .tractor-name{letter-spacing:0;font-size:16px}section.kategorija .bottom .single-tractor .tractor-name:hover .tractor-name{font-size:22px;letter-spacing:1px}}@media (max-width: 1024px){section.kategorija .bottom{height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}section.kategorija .bottom .single-tractor{width:100%;height:300px}section.kategorija .bottom .single-tractor .tractor-name{letter-spacing:0;font-size:16px}section.kategorija .bottom .single-tractor:hover{width:100%}section.kategorija .bottom .single-tractor:hover .tractor-name{font-size:16px;letter-spacing:0;font-weight:500}}@media (max-width: 768px){section.kategorija .bottom{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}section.kategorija .bottom .single-tractor{width:100%;height:300px}section.kategorija .bottom .single-tractor .tractor-name{letter-spacing:0;font-size:16px}section.kategorija .bottom .single-tractor:hover{width:100%}section.kategorija .bottom .single-tractor:hover .tractor-name{font-size:16px;letter-spacing:0;font-weight:500}}@media (max-width: 576px){section.kategorija .bottom{grid-template-columns:1fr;gap:50px}section.kategorija .bottom .single-tractor .tractor-name{font-size:15px}section.kategorija .bottom .single-tractor:hover{width:100%}}section.kategorija.klasik-kategorija .bottom{height:750px;display:grid;grid-template-columns:1fr 1fr 1fr}section.kategorija.klasik-kategorija .bottom .single-tractor{width:100%}@media (max-width: 768px){section.kategorija.klasik-kategorija .bottom{height:auto;grid-template-columns:1fr 1fr}section.kategorija.klasik-kategorija .single-tractor .img-part{background-size:70%}}@media (max-width: 576px){section.kategorija.klasik-kategorija .bottom{grid-template-columns:1fr}section.kategorija.klasik-kategorija .single-tractor .img-part{background-size:50%}}section.kontakt .container{display:flex;justify-content:space-between}section.kontakt .container .contact-segment{width:30%}section.kontakt .container .contact-segment h2{color:#f26f21;font-size:35px;font-weight:500;letter-spacing:1px;margin-bottom:20px}section.kontakt .container .contact-segment p{font-size:22px;color:#f26f21;margin-bottom:5px}section.kontakt .container .contact-segment a{all:unset;cursor:pointer;font-size:22px;color:#f26f21}@media (max-width: 1600px){section.kontakt .container .contact-segment h2{font-size:25px;letter-spacing:0;margin-bottom:15px}section.kontakt .container .contact-segment p{font-size:18px}section.kontakt .container .contact-segment a{font-size:18px}}@media (max-width: 1280px){section.kontakt .container .contact-segment h2{font-size:22px}section.kontakt .container .contact-segment p{font-size:15px}section.kontakt .container .contact-segment a{font-size:15px}}@media (max-width: 1024px){section.kontakt .container{flex-direction:column;gap:40px}section.kontakt .container .contact-segment{width:100%}section.kontakt .container .contact-segment h2{font-size:25px;margin-bottom:10px}section.kontakt .container .contact-segment p{font-size:20px}section.kontakt .container .contact-segment a{font-size:20px}}@media (max-width: 768px){section.kontakt .container{flex-direction:column;gap:30px}section.kontakt .container .contact-segment{width:100%}section.kontakt .container .contact-segment h2{font-size:20px;margin-bottom:10px}section.kontakt .container .contact-segment p{font-size:16px}section.kontakt .container .contact-segment a{font-size:16px}}section.dileri .container.dealers{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}section.dileri .container.dealers .dealer{padding:20px;border-radius:10px;box-shadow:#00000059 0 5px 15px;height:auto;transition:all .5s;color:#f26f21}section.dileri .container.dealers .dealer h1{font-size:25px;font-weight:500;letter-spacing:2px}section.dileri .container.dealers .dealer h2{font-size:23px;font-weight:200;letter-spacing:2px}section.dileri .container.dealers .dealer img{width:100%;height:150px;object-fit:contain;background-color:#fff;margin:20px 0}section.dileri .container.dealers .dealer a{all:unset;cursor:pointer}section.dileri .container.dealers .dealer p{font-size:14px;letter-spacing:1px;margin-bottom:1px}section.dileri .container.dealers .dealer h3{font-size:15px;margin-top:20px}section.dileri .container.dealers .dealer:hover{transform:scale(1.03);box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;z-index:1000}@media (max-width: 1600px){section.dileri .container.dealers{gap:5px}section.dileri .container.dealers .dealer{padding:15px}section.dileri .container.dealers .dealer h1{font-size:20px;letter-spacing:1px}section.dileri .container.dealers .dealer h2{font-size:19px;letter-spacing:1px}section.dileri .container.dealers .dealer img{height:120px;margin:15px 0}section.dileri .container.dealers .dealer p{font-size:13px}section.dileri .container.dealers .dealer h5{font-size:14px}}@media (max-width: 1280px){section.dileri .container.dealers{grid-template-columns:1fr 1fr;gap:10px}section.dileri .container.dealers .dealer img{height:150px}section.dileri .container.dealers .dealer p{font-size:14px}}@media (max-width: 768px){section.dileri .container.dealers{grid-template-columns:1fr;gap:30px}section.dileri .container.dealers .dealer h1{font-size:22px}section.dileri .container.dealers .dealer h2{font-size:20px}section.dileri .container.dealers .dealer img{height:150px}section.dileri .container.dealers .dealer p{font-size:17px}section.dileri .container.dealers .dealer h5{font-size:18px}}.single-tractor-page p.bullet{margin-bottom:5px;font-size:18px;letter-spacing:1px;color:#f26f21;font-weight:300}.single-tractor-page .top-part{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.single-tractor-page .top-part .left{width:60%}.single-tractor-page .top-part .right{height:400px;width:40%}.single-tractor-page .top-part .right img{height:100%;width:100%;object-fit:contain}.single-tractor-page .bottom-part{width:100%}.single-tractor-page .bottom-part h2{font-size:30px;font-weight:200;color:#f26f21;margin-bottom:20px}.single-tractor-page .bottom-part .specifikacije{display:grid;grid-template-columns:49.8% 49.8%;justify-content:space-between;gap:5px 0}.single-tractor-page .bottom-part .specifikacije p{font-size:18px;text-align:end;background-color:#e8e8e8;padding:10px 15px;border-radius:3px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.single-tractor-page .bottom-part .specifikacije p.bold{font-weight:600;text-align:left;background-color:#f26f21}@media (max-width: 1600px){.single-tractor-page p.bullet{margin-bottom:2px;font-size:16px}.single-tractor-page .bottom-part{width:100%}.single-tractor-page .bottom-part h2{font-size:24px}.single-tractor-page .bottom-part .specifikacije{gap:4px 0}.single-tractor-page .bottom-part .specifikacije p{font-size:15px;padding:7px 10px}.single-tractor-page .bottom-part .specifikacije p.bold{font-weight:500}}@media (max-width: 768px){.single-tractor-page .top-part{flex-direction:column-reverse}.single-tractor-page .top-part .left{width:100%;margin-bottom:50px}.single-tractor-page .top-part .right{width:100%}.single-tractor-page .bottom-part .specifikacije{grid-template-columns:1fr}.single-tractor-page .bottom-part .specifikacije p{margin-bottom:10px;text-align:left}.single-tractor-page .bottom-part .specifikacije p.bold{margin-bottom:0}}.to-the-top-button{position:fixed;bottom:50px;right:50px;width:50px;height:50px;border:none;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent;z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:row}.to-the-top-button img{height:50px;filter:invert(.5)}@media (max-width: 768px){.to-the-top-button{bottom:35px;right:35px;width:35px;height:35px}.to-the-top-button img{height:35px}}