.fa, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul > li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-500px:before {
    content: "\f26e"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-box:before {
    content: "\f466"
}

.fa-circle:before {
    content: "\f111"
}

.fa-clock:before {
    content: "\f017"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-edge:before {
    content: "\f282"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-font:before {
    content: "\f031"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-php:before {
    content: "\f457"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://metaloid.hr/fonts/fa-brands-400.eot);
    src: url(https://metaloid.hr/fonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"), url(https://metaloid.hr/fonts/fa-brands-400.woff2) format("woff2"), url(https://metaloid.hr/fonts/fa-brands-400.woff) format("woff"), url(https://metaloid.hr/fonts/fa-brands-400.ttf) format("truetype"), url(https://metaloid.hr/fonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://metaloid.hr/fonts/fa-regular-400.eot);
    src: url(https://metaloid.hr/fonts/fa-regular-400d41d.eot?#iefix) format("embedded-opentype"), url(https://metaloid.hr/fonts/fa-regular-400.woff2) format("woff2"), url(https://metaloid.hr/fonts/fa-regular-400.woff) format("woff"), url(https://metaloid.hr/fonts/fa-regular-400.ttf) format("truetype"), url(https://metaloid.hr/fonts/fa-regular-400.svg#fontawesome) format("svg")
}

.fab, .far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://metaloid.hr/fonts/fa-solid-900.eot);
    src: url(https://metaloid.hr/fonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"), url(https://metaloid.hr/fonts/fa-solid-900.woff2) format("woff2"), url(https://metaloid.hr/fonts/fa-solid-900.woff) format("woff"), url(https://metaloid.hr/fonts/fa-solid-900.ttf) format("truetype"), url(https://metaloid.hr/fonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.fa, .fas {
    font-weight: 900
}