*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
html{scroll-behavior:smooth}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px}
body::after{display:none;content:url(../images/gallery.svg)}
::selection{background-color:#fef4ad;color:#333}
.nav-container{height:60px;background:white;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:2}
nav{margin:0 auto;width:900px;display:flex;justify-content:space-between;align-items:center;padding:0 30px}
.nav-links a{text-decoration:none;padding-left:25px;color:#333;font-size:17px}
.nav-links a:hover{color:hsl(219,55%,50%)}
.logo img{height:36px;display:block}
#home-hero{background-color:#e8eff7;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")}
.hero__emphasizing{background-image:url(../images/sw.svg);background-position:0 80%;background-repeat:no-repeat;background-size:100%;margin:0 -30px 0 -15px;padding:20px 30px 20px 15px}
.solid-bg{background:#F5F7FA}
.white-bg{background:#fff}
.hero-container{width:860px;padding:6rem 30px 5rem;color:#333;line-height:1.5;margin:0 auto}
.subheading{text-align:center;width:560px;margin:0 auto;color:#333;font-size:18px}
.container{margin:0 auto;max-width:950px}
.border-top{border-top:4px dashed #e8eff7}
.border-bottom{border-bottom:4px dashed #e8eff7}
.all{margin:0 auto;width:620px;padding:0 30px;color:#333;line-height:1.5;position:relative;min-height:800px}
.all p{margin-bottom:1rem}
h1,h2{font-weight:700;color:#1d2d35;line-height:1.2;margin-bottom:1.7rem}
h1{font-size:48px;text-align:center}
h2{font-size:25px;margin-top:4rem;text-transform:capitalize}
h2.dir{font-size:22px;font-weight:600;margin-top:4rem}
.all h1{font-size:32px;margin-top:4rem;text-align:left}
.h50{height:50px}
a.company-link{color:#396ac6;text-decoration:none}
a.company-link:hover{text-decoration:underline}
a.country-link{color:#556978;text-decoration:none}
a.showcase-link{text-decoration:underline;color:#333}
a.showcase-link:hover{color:#396ac6}
.product-showcase{display:inline-flex;flex-direction:column;margin-bottom:1rem;width:47%;margin-right:1rem}
.product-showcase img{width:100%}
.product-showcase-details{padding:20px 20px 0;font-size:14px;color:#333;display:flex;flex-wrap:wrap;justify-content:flex-start;background:#efefef}
.product-showcase-details p{margin-bottom:20px}
.product-showcase-details p:nth-child(odd){width:60%;margin-right:1rem}
#company-gallery{background-color:#1b2a4e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%232b3f70' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.company-gallery-container{width:950px;margin:0 auto;padding:3rem 30px 2rem;color:#fff;line-height:1.5}
.company-gallery-container h2{color:#fff;margin:0 0 2rem;text-align:center}
.company-gallery-container p{color:#fff;text-align:center;margin:1rem 0;font-size:14px}
.photo-gallery{display:flex;justify-content:center;flex-wrap:wrap}
.photo-gallery img{width:40%;padding:10px}
.avatar{display:flex;align-content:center}
.avatar img{border-radius:50%;height:30px;margin-right:10px}
p.avatar{line-height:30px}
svg{height:22px;line-height:22px;margin-right:6px}
span{font-weight:bold}
.link{font-size:14px;margin-bottom:7px}
.link a{text-decoration:none;color:#4B606C;padding-right:6px}
.link a:nth-child(2){padding-left:6px}
.link a:hover{color:hsl(219,55%,50%);text-decoration:underline}
.add-wrapper{margin:50px 0}
.mt60{margin-top:60px}
.annotation{background:#fff;font-size:15px;padding:20px;border-radius:20px;color:#5d6a71}
table{text-align:left;margin:2rem 0;font-size:14px;width:100%}
tr,td,th{padding:5px 20px}
tr:nth-child(odd){background-color:#f1f1f1}
tr:nth-child(even){background-color:#fff}
th{background-color:#d4e5f3;font-weight:normal}
.blog-wrapper{border-top:1px solid #ccc;padding:3rem 0}
.blog-details a{color:#122836;text-decoration:none}
.blog-details a:hover{color:hsl(219,55%,50%)}
.blog-details h2{font-size:22px;color:#122836;font-weight:400;line-height:1.2;margin-top:0;margin-bottom:1.4rem}
.blog-details span{font-size:14px;font-weight:400;margin-right:12px;color:#949494}
.blog-details p{border-radius:20px;padding:1px 12px 3px;display:inline-block;font-size:14px;margin-bottom:0;margin-right:12px}
.blog-single p{font-size:18px;line-height:1.6}
.blog-single ul{margin:25px 40px;font-size:17px}
.origin{color:#177d80;background:#cbf6f7}
.testovi{color:#927513;background:#f3e8c6}
.razvoj{color:#692b92;background:#f1dcff}
.tutorijal{color:#208810;background:#d2f9cc}
.sto{width:100%;margin:2rem 0}
.full-width{margin-left:-200px;margin-right:-200px;width:910px;margin-top:2rem;margin-bottom:2rem}
ul.lista{margin:1rem 0;color:#333;list-style:none}
ul.lista li{line-height:26px;display:flex}
ul.lista li::before{content:url(../images/1.svg);display:inline-block}
ul.lista.nolike li::before{content:url(../images/red.png);display:inline-block}
a.active{color:hsl(219,55%,50%);border-bottom:2px solid hsl(219,55%,50%);padding-bottom:18px}
.review-title{font-size:2.5rem;margin-bottom:0}
.review-punch{color:#9da2a9;font-size:18px}
.review-price p{display:inline-block;margin-right:10px}
p.sajt{margin:1.5rem 0}
.sajt a{color:hsl(219,55%,50%);text-decoration:none}
.sajt a:hover{text-decoration:underline}
.sajt a::after{content:url(../images/external.svg);width:14px;display:inline-block;margin-left:7px}
footer{text-align:center;padding:2rem 15px;font-size:14px;border-top:4px dashed #e8eff7}
.fl a{margin-right:10px;line-height:1.7}
.contact a{color:hsl(219,55%,50%);text-decoration:none}
.contact a:hover{color:hsl(219,55%,50%);text-decoration:underline}
.small{margin-top:10px}
ul.plain{margin-top:1rem;padding-left:20px}
ul.plain li{line-height:1.7;color:#333}
ol.plain{margin-top:1rem;padding-left:30px}
ol.plain li{line-height:1.7;color:#333}
hr{border-top:1px solid #c5c5c5}
.f16{font-size:16px}
p.f14{font-size:14px}
.cil{text-decoration:none;color:#333}
.sil{text-decoration:none;color:#4b606c}
summary{font-size:15px;font-weight:700;margin-bottom:1rem}
.mt2{margin-top:2rem}
.dropdown{position:relative;display:inline-block;padding-left:25px}
input[type=checkbox]{display:none}
label{display:inline-block;cursor:pointer;user-select:none;color:#333}
.mega-menu-wrapper{position:absolute;list-style:none;text-align:left;z-index:1;width:auto;top:50px;display:none;left:-400px;padding:1rem 2rem 2rem;background:white;border-radius:1rem;box-shadow:0 15px 20px rgba(0,0,0,.075);border:1px solid #e5e9ef;overflow:auto}
label:hover{color:#396ac6}
input[type=checkbox]:checked~label{background-color:#fff;color:#396ac6}
input[type=checkbox]:checked~.mega-menu-wrapper{display:block}
span.main-nav-notif{font-size:13px;color:#6b92bf;margin:0 0 0 6px;display:inline-block;font-weight:bold}
.mega-menu-content a{padding:0;margin:0}
.mega-menu-content{display:flex;flex-direction:row}
.nav-cat-wrapper{display:flex;flex-direction:column;width:160px}
.nav-cat-wrapper:last-child{width:140px}
.w140{width:140px}
.nav-bold-link{color:#333;font-size:15px}
a.nav-bold-link{padding:6px 1rem;margin-top:1rem;font-weight:bold;font-size:15px}
ul.nav-sub-ul{list-style:none}
.nav-sub-ul li{font-size:15px;line-height:30px;cursor:pointer;display:block}
.nav-sub-ul li:hover,.nav-bold-link:hover{background-color:#f5f7fa}
.nav-sub-ul li a{font-size:15px;color:#585858;padding:0 1rem;display:block}
.noads{padding:15px;background:#fffad1;font-size:15px;border-left:3px solid #ffc107}
.stoposto{width:100%}
.full-bleed{margin-left:-60%;margin-right:-60%;width:calc(100% + 120%)}
figure{margin:2rem 0}
figcaption{font-size:14px}
.post-quote{padding:20px;background:#fff;font-size:15px;border-left:4px solid #6777ad}
.post-quote strong{margin-bottom:1rem;display:block}
p.lead{font-size:18px;font-style:italic;margin-bottom:2rem}
a.bio-link{color:#222;font-weight:bold;text-decoration:none;margin-right:4px}
span.category-jump{display:inline-block;font-size:14px;margin-top:2.5rem;font-weight:normal;background:#5970bd;cursor:pointer;border-radius:25px}
span.category-jump:hover{opacity:0.8}
span.category-jump a{color:white;text-decoration:none;line-height:40px;display:inline-block;padding:6px 19px 6px 21px}
.category-jump svg{margin-right:4px;margin-left:-4px}
.score{padding-bottom:2rem;border-bottom:3px dashed #e8eff7}
.score-main{display:flex;align-content:center}
.score-number{background:#e5eafd;color:#475997;font-weight:bold;border-radius:50%;display:inline-block;font-size:18px;border:3px solid #5c6eab;padding:0 8px;min-width:50px;height:50px;text-align:center;line-height:44px;margin-right:1rem}
.score-item{font-size:18px;font-weight:bold;color:#333;position:relative;top:3px}
.score-item span{font-size:13px;color:#777;display:block;font-weight:normal}
table.review-score{font-size:16px;margin:2rem 0;width:auto}
table.review-score tr{background:transparent}
table.review-score td{border:none;padding:4px}
progress{-webkit-appearance:none;appearance:none;height:5px;width:250px;bottom:7px;position:relative}
progress::-webkit-progress-bar{background-color:#e5eafd}
progress::-webkit-progress-value{background-color:#5c6eab}
.pros-cons{display:flex;font-size:16px;padding:3rem 0 2rem}
.pros,.cons{width:50%}
.knjiga{display:flex;flex-direction:row;margin:5rem 0}
.omot{padding-right:2rem}
.omot img{width:160px}
.opis h3{margin:0 0 0.6rem;font-size:1.6rem;text-transform:capitalize}
.opis a:first-child{margin-right:1rem}
.pisac{color:#777;font-style:italic;margin-bottom:1rem}
.archive-wrapper{display:flex;flex-direction:row;width:100%;margin-top:4rem}
.archive-wrapper:first-child{margin-top:4rem}
.archive-image{width:40%;padding-right:20px}
.archive-image .score-number{position:relative;bottom:70%;left:5%}
.archive-image img{width:100%}
.archive-text{width:60%}
.archive-text h3{line-height:1.2;margin-bottom:1rem;font-size:20px;font-weight:600;text-transform:capitalize}
.archive-text a{color:#1d2d35;text-decoration:none}
.archive-wrapper a:hover{opacity:0.8}
.archive-text p{font-size:15px}
.body-bg{background:#F5F7FA}
.score-archive-wrapper{display:flex;align-content:center}
.score-archive-wrapper p.f14{line-height:50px}
.grey-border{border:1px solid #f2f2f2}
span.highlight{font-size:11px;text-transform:uppercase;font-weight:bold;color:#72531E;padding:2px 12px;background:#FFC767;border-radius:10px;margin-left:3px;position:relative;top:-3px}
.mini-snippet{color:#636363;font-size:15px;font-style:italic;display:flex;flex-direction:row;align-items:center}
p.mini-snippet{margin-bottom:0}
.full-bleed2{margin-left:-40%;margin-right:-40%;width:calc(100% + 80%)}
@media only screen and (max-width:1280px){.full-bleed{margin-left:calc(310px - 50vw);width:calc(100vw - 60px)}.full-bleed2{margin-left:clamp(-20%,calc((100vw - 680px) / 600px * -20%),0%);margin-right:clamp(-20%,calc((100vw - 680px) / 600px * -20%),0%);width:clamp(100%,calc(100% + (100vw - 680px) / 600px * 40%),140%)}}
@media only screen and (max-width:950px){.full-width{margin:0 auto;width:710px;margin-left:-100px;margin-right:-100px}}
@media only screen and (max-width:949px){.company-gallery-container{width:100%}}
@media only screen and (min-width:750px) and (max-width:899px){.hero-container{margin:0 auto;width:100%;padding:4rem 30px 2rem}.subheading{text-align:center;width:80%}h1{font-size:40px}}
@media(min-width:851px){.resp-table{table-layout:fixed;width:800px;margin-left:-120px}table.resp-table tr,table.resp-table td{padding:10px 20px}}
@media(max-width:850px){.resp-table{display:block;overflow-x:auto;white-space:nowrap;table-layout:fixed;width:100%}}
@media only screen and (max-width:750px){.full-width{margin:0 auto;width:100%}.mega-menu-wrapper{position:fixed;width:100%;border-radius:0;top:60px;left:0;padding:1rem;overflow:auto}.nav-cat-wrapper{width:25%}}
@media only screen and (max-width:749px){.hero-container{margin:0 auto;width:100%;padding:3rem 20px 2rem}.subheading{text-align:left;width:100%}h1{text-align:left;font-size:35px}}
@media only screen and (max-width:699px){.company-gallery-container h2,.company-gallery-container p{text-align:left}.photo-gallery{justify-content:flex-start}}
@media only screen and (max-width:680px){.full-bleed,.full-bleed2{margin-left:0;margin-right:0;width:100%}}
@media only screen and (max-width:679px){.all{margin:0 auto;width:100%}nav{width:100%;padding:0}}
@media only screen and (max-width:600px){.mega-menu-wrapper{bottom:0;overflow:auto}.mega-menu-content{flex-wrap:wrap}.nav-cat-wrapper{width:50%}.nav-cat-wrapper:last-child a.nav-bold-link{margin-top:0.5rem}.nav-cat-wrapper:last-child{margin-top:-7rem}}
@media only screen and (max-width:599px){.product-showcase{width:100%}}
@media only screen and (max-width:571px){.svinav{display:none}}
@media(max-width:550px){.archive-text h3{font-size:17px}.archive-wrapper{margin-top:2rem}.omot img{width:120px;margin-bottom:1rem}.knjiga{flex-direction:column}}
@media only screen and (max-width:500px){.pros-cons{flex-wrap:wrap}.pros,.cons{width:100%}.cons{margin-top:2rem}}
@media only screen and (max-width:499px){.nav-container{padding:0 20px;position:static;border-bottom:1px solid #efefef}.all{padding:0 20px}.nav-links a{padding-left:10px}.mega-menu-wrapper{box-shadow:0 30px 60px 10px rgba(62,66,66,0.22)}.photo-gallery{justify-content:center}.photo-gallery img{width:100%;padding:0 0 2rem}}
@media only screen and (max-width:360px){.nav-links a{padding-left:0.5rem;font-size:14px}label{font-size:14px}}
@media only screen and (max-width:330px){.spanholder{display:block;margin-top:1rem}}