h1,h2,h3,h4,h5,h6{margin:0px;padding:0}body{background:white;color:#222;position:relative;font-family:"Josefin Sans", sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,li{}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}img{max-width:100%;height:auto}.header{padding:10px;background:#ffffffcc;box-shadow:0px 10px 21px -14px rgba(0, 0, 0, 0.5);position:sticky;top:0;z-index:2}.header .wrap{max-width:1440px;margin:0 auto}.header h1{display:inline-block;width:265px}.header h1 .logo-img{font-size:0;width:140px;height:30px;background:url(../img/docker-logo-green.svg) no-repeat;background-size:contain}.header h1 a{text-decoration:none}.header h1 p{color:#046719;font-size:12px;font-weight:500;text-decoration:none;text-transform:lowercase;margin:5px 0}.header .nav{display:inline-block;float:right}.header .nav li{display:inline-block}.header .nav li a{padding:0.3em 1em;text-decoration:none;font-weight:600;color:#046719;transition:300ms ease;border-radius:5px}.header .nav li a:hover{color:black}.header .nav li a[href*="tel"]{background:green;color:white}.header .nav li a[href*="tel"]:hover{background:black}.btn{background:#046719;color:white;font-weight:800;text-transform:uppercase;border-radius:7px;border:none;display:inline;padding:0.5em 1em 0.3em 1em;text-decoration:none;transition:300ms ease;text-align:center}.btn[href]:hover{background:black}#strojevi{margin-top:-60px;padding-top:60px}.section_uredaj_featured{border-bottom:0.5rem solid #046719}.section_uredaj_featured .wrap{max-width:1440px;margin:0 auto;position:relative}.section_uredaj_featured img{width:100%;height:27vw;object-fit:contain;object-position:left center}.section_uredaj_featured .overlay{position:absolute;right:0;top:0;width:380px;height:100%;background:#ffffffcc;display:grid;align-items:center;align-content:center;padding:2rem}.section_uredaj_featured .overlay h2{color:#046719}.section_uredaj_featured .overlay p{font-family:"Josefin Sans", sans-serif;color:#222;font-weight:400}.section_uredaj_featured .overlay .btn{width:150px;margin:1rem calc(50% - 75px)}.section_uredaji .wrap{max-width:1440px;margin:0 auto;position:relative}.section_uredaji .single-item{padding:1rem 0;margin-top:2rem;border-bottom:2px solid #046719}.section_uredaji .single-item .main-section{display:grid;grid-template-columns:50% 50%}.section_uredaji .single-item .main-section .btn.expand{cursor:pointer}.section_uredaji .single-item .main-section .btn.expand::after{content:"";display:inline-block;position:relative;transform-origin:center center;width:10px;height:10px;top:-3px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);margin-left:0.5rem;transition:500ms ease-in}.section_uredaji .single-item .main-section .btn.expand.active::after{top:0px;transform:rotate(-135deg)}.section_uredaji .single-item .main-section .top{width:100%;min-height:36px;clear:both}.section_uredaji .single-item .main-section .godina span{font-size:22px;font-weight:600;color:#666;margin-right:2em}.section_uredaji .single-item .main-section h3{font-size:1.75rem;color:#046719;float:left}.section_uredaji .single-item .main-section h4{font-size:1.5rem;color:#046719;margin-bottom:0.5em}.section_uredaji .single-item .main-section .vrsta{font-size:12px;float:right}.section_uredaji .single-item .detail_section{padding-top:2rem;height:auto;max-height:0;overflow:hidden;transition:900ms ease-in-out}.section_uredaji .single-item .detail_section.open{max-height:100vh}.section_uredaji .single-item .gallery{text-align:center}.section_uredaji .single-item .gallery .thumbnail{display:inline-block}.section_uredaji .single-item .gallery img{margin:0.3rem;border:2px solid white;box-shadow:0 0 0 2px #046719}.section_uredaji .single-item .detail_txt{text-align:center;padding-top:2rem;padding-bottom:1rem}.section_uredaji .single-item .detail_txt span{display:inline-block;font-size:18px;font-weight:600;color:#666;margin:0 0.5em;line-height:2em}.sorting-buttons{display:none;text-align:center}.sorting-buttons .btn{background:#aaa;cursor:pointer;display:inline-block;margin:0.3em;font-size:12px}.sorting-buttons .btn.active{background:#046719}#kontakt a{color:orange;text-decoration:none}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1rem}form input,form textarea,form select{width:100%;font-family:"Josefin Sans", sans-serif;padding:0.5em 1em;font-size:1.1rem;border-radius:7px;border:none;margin-top:0.3rem}form input::placeholder,form textarea::placeholder,form select::placeholder{color:#ccc}form select{text-align:center}form input[type="submit"]{width:150px;font-size:125%;background:orange;margin-left:4rem}form .wpcf7-not-valid-tip{margin-top:5px;color:orange}form .wpcf7-response-output{color:orange}form label{color:white}@media only screen and (max-width:960px){.section_uredaji .single-item .main-section{padding:0 1rem;grid-template-columns:100%}.section_uredaj_featured img{width:100%;height:auto;object-fit:contain;object-position:center center}.section_uredaj_featured .overlay{position:relative;width:100%}.menu{padding:0}.mobmenu{position:absolute;right:1rem;top:1rem;width:36px;height:36px;background:transparent;z-index:10;transform-origin:center center;transition:400ms ease-in-out}.mobmenu::before,.mobmenu::after{content:"";display:block;width:100%;position:absolute;height:5px;background:green;transition:inherit}.mobmenu::before{top:5px}.mobmenu::after{bottom:5px}.mobmenu div{width:100%;position:absolute;height:5px;background:green;top:15px;transition:inherit}.header .nav{position:absolute;width:100%;height:100vh;max-height:0;overflow:hidden;top:72px;left:0;background:#ffffffcc;transform-origin:center center;transition:400ms ease-in-out}.header .nav li{display:block;text-align:center;padding:1em 0.5em}.header .nav li a{font-size:30px}.header.open .nav{max-height:100vh}.header.open .mobmenu{transform:rotate(225deg)}.header.open .mobmenu div{transform:scale(0)}.header.open .mobmenu::after{bottom:15px}.header.open .mobmenu::before{top:15px;transform:rotate(90deg)}}@media only screen and (max-width:500px){.form-row{display:grid;grid-template-columns:1fr;grid-column-gap:1rem}}