@charset "UTF-8";/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.g-0{--bs-gutter-x:0}.g-0{--bs-gutter-y:0}@media (min-width:576px){.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}}@media (min-width:768px){.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-link:focus-visible{color:var(--bs-btn-color)}.dropdown{position:relative}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item.active{display:block}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.clearfix::after{display:block;clear:both;content:""}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-none{display:none!important}.border-0{border:0!important}.m-2{margin:.5rem!important}.m-5{margin:3rem!important}.me-1{margin-right:.25rem!important}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:1rem!important}.mb-5{margin-bottom:3rem!important}.ms-1{margin-left:.25rem!important}.pt-3{padding-top:1rem!important}.pb-1{padding-bottom:.25rem!important}.text-center{text-align:center!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}@media (min-width:992px){.d-lg-block{display:block!important}.d-lg-none{display:none!important}.mb-lg-5{margin-bottom:3rem!important}}

/* ---------- ispod dodati samo potrebno za skraćeni Bootstrap ------ */

p{margin-top:0;margin-bottom:1rem}
h1{font-size:calc(1.375rem + 1.5vw)}
.rounded-circle{border-radius:50%!important}
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}

.justify-content-center{justify-content:center!important}

.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}

@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}

.img-fluid{max-width:100%;height:auto}

.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}

.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}

/* ------ datoteka stil.css ------------ */


/*-------- Font-Family-------*/
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/nunito-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/nunito-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/nunito-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/nunito-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/nunito-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/nunito-v20-latin-ext_latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
  }
  /* nunito-700 - latin-ext_latin */
  @font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/nunito-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/nunito-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/nunito-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/nunito-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/nunito-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/nunito-v20-latin-ext_latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
  }


:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1280px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    height: 100%;
    direction: ltr;
}

/*
@-ms-viewport {  
    width: device-width;
}
*/

footer,
nav,
section {
    display: block;
}

body {
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-font-feature-settings: "liga"0;
    font-feature-settings: "liga"0;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #5c5776;
    text-align: left;
/*    background-color: #f5f4f9; */
    background-color: #FDFEFE;
    font-family: 'Nunito', sans-serif;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .66em;
    line-height: 1.5;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul ul {
    margin-bottom: 0;
}

small {
    font-size: 80%;
}

a {
    color: #5c5776;
    text-decoration: none;
    background-color: transparent;
/*    -webkit-text-decoration-skip : objects; */
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

img {
    vertical-align: middle;
    border-style: none;
}

button {
    border-radius: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

.strike-text {
    text-decoration: line-through;
}

.h2,
.h4,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .30em;
    font-weight: 500;
    line-height: 1.1;
  	font-family: 'Nunito', sans-serif;
    color: #18113c;
}

.h2,
h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

.article h3 {
    margin: 40px 0 15px 20px!important; 
    opacity: 0.85;
}

.h4,
h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: .875rem;
}

.lead {
    font-size: 1.171875rem;
    font-weight: 300;
}

.lead-1 {
    font-size: 1.171875rem;
    font-weight: 600;
}

small {
    font-size: 87.5%;
    font-weight: 400;
}

.cover-image {
    background-size: cover !important;
    width: 100%;
    position: relative;
}

.fs-14 {
    font-size: 14px !important;
    letter-spacing: 0.8px;
}

.fs-16 {
    font-size: 16px !important;
    letter-spacing: 0.8px;
}

.fs-185 {
    font-size: 18.5px!important;
    letter-spacing: 0.8px;
}

.fs-158 {
    font-size: 15.8px!important;
    letter-spacing: 0.3px;
}

code.fs-158.hljs{
    background-color: #F7F9F9;
}

code.fs-15.col-8 span{
    text-shadow: -1px -1px white;
}
.container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

@media (max-width: 1080px) {
    .avatar {
        max-width: inherit;
    }
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.brround {
    border-radius: 50% !important;
}

.avatar-sm {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.25rem;
}


.avatar-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
}

::-ms-backdrop,
::-ms-backdrop,
::-ms-backdrop,
::-ms-backdrop {
    display: inline-block;
    text-align: center;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9375rem;
    line-height: 1.84615385;
    border-radius: 7px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-lg {
    width: 7rem;
    font-size: 1.09rem!important;
    min-width: 2.75rem;
    font-weight: 400;
}


.btn:focus,
.btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(194, 197, 199, 0.25);
}

.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn-secondary {
    color: #fff !important;
    background-color: #e67605 !important;
    border-color: #e67605 !important;
    padding:10px 20px;
}

.btn-secondary:hover {
    background-color: chocolate!important;
    color: #fff!important;
}

.btn-kontakt {
    display: block;
    letter-spacing: 0.8px;
    font-size: 17.8px;
    padding: 12px 25px;
    max-width: 113px;
    border-radius: 7px;
    background-color: #e67605;
    color:#fff;
    margin-bottom: 20px;
}

.btn-kontakt:hover {
    background-color: chocolate!important;
    color:#fff;
}

.btn-link {
    font-weight: 400;
    background-color: transparent;
    text-decoration: none;
    letter-spacing: 0.8px;
}

.btn-link:hover {
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn-link:disabled {
    pointer-events: none;
}

.btn-block {
    display: block;
    padding: 7px!important;
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

.fade:not(.show) {
    opacity: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.btn {
    cursor: pointer;
    font-weight: 400;
    letter-spacing: .03em;
    font-size: .8125rem;
    min-width: 2.375rem;
}

.btn-default {
    border: 1px solid #e6ecf5;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ccc; 
    border-radius: 7px;
    box-shadow: none;
    margin-bottom: 1.5rem;
    width: 100%;
}
    
.card:hover {
    box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
}


.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.card-title {
    margin-bottom: 1.5rem;
}

.card-header {
    padding: 1.5rem 1.5rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #ededf5;
}

.card-header {
    background: 0 0;
    padding: .5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.5rem;
    -ms-flex-align: center;
    align-items: center;
}

.card-header .card-title {
    margin-bottom: 0;
    letter-spacing: 0.8px;
}
.card-header > h3.card-title {
    font-weight: 100;
    font-size: 20px;
    margin: 0 auto;
    letter-spacing: 0.8px;
}

.card > .card-body h4 {
    font-weight: 100!important;
    font-size: 20px;
    letter-spacing: 0.8px;
}
.card-title {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 500;
}

.card-title:only-child {
    margin-bottom: 0;
    font-weight: 700;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    display: none;
    overflow: hidden;
    outline: 0;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ededf5;
    border-radius: 7px;
    outline: 0;
}

@media (min-width: 576px) {
    .modal-dialog {
        width: 500px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 568px) {
    .modal-dialog {
        margin: 0 auto;
        width: 90%;
        margin-top: 10px;
    }

    .modal {
        padding: 0 !important;
    }
}



.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.panel-body {
    padding: 15px;
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

/* ###### custom ####### */
.col-12,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-12,
.col-md-6,
.col-md-12,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-12,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8 {
    position: relative;
/*    width: 100%; */
    min-height: 1px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {

    .col-sm-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media (min-width: 1280px) {

    .col-xl-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    transition: .3s background;
}

::-webkit-scrollbar-thumb,
*:hover::-webkit-scrollbar-thumb {
    background: #e1e6f1;
}

.profie-img p {
    font-size: 15px;
    line-height: 21px;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

@media (max-width: 576px) {

    .section-title h2, .section-contact h2 {
        font-size: 1.5rem;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 300px;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive video {
    /*
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0*/
    width: 100%;
    height: 100%;
    border: 0;
}
/*
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
*/

@supports (position: -webkit-sticky) or (position: sticky) {
}

.shadow-none {
    box-shadow: none !important;
}

.font-weight-normal {
    font-weight: 400 !important;
    letter-spacing: 1px!important;
}

.font-weight-semibold {
    font-weight: 600 !important;
    letter-spacing: 0.8px;
}

.font-weight-bold {
    font-weight: 700 !important;
    letter-spacing: 0.8px;
}


.lead, h1 {
    line-height: 1.5;
    letter-spacing: 0.8px;
}



img {
    max-width: 100%;
}

@media print {
    .container {
        max-width: none;
    }
}

.shadow-none {
    box-shadow: none !important;
}

@media (max-width: 480px) {

    .tabs-menu ul li {
        width: 100%;
        margin: 5px 15px;
    }

    .tabs-menu ul li a {
        width: 100%;
    }

    .tabs-menu1 ul li {
        width: 100% !important;
        margin: 2px;
    }

    .tabs-menu1 ul li a {
        width: 100%;
    }
}

@media (max-width: 992px) {

    .wideget-user-desc .user-wrap {
        margin-left: 10px !important;
    }

    .usertab-list li {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .header-main .top-bar-end .custom li a span{
        display: none;
    }

    .header-main .top-bar-end .custom li i {
        display: none;
    }
    
    .header-main .top-bar-end .custom li:last-child {
        border: 1px none white;
    }

    .header-main .top-bar-end .custom li a {
        display: none!important;
    }
    
    .custom .dropdown-menu a:hover {
        color: #aaa!important;
        background-color: white;
    }
}


@media (max-width: 568px) {
    .header-main .top-bar-end .custom li a span {
        display: none;
    }
    
    .header-main .header-left .custom li a span {
        display: none;
    }
    
    .header-main .header-left .custom li i {
        width: 20px;
    }
    
    
    .custom .dropdown-menu a:hover {
    color: #aaa!important;
    background-color: white;
}

}

@media (min-width: 481px) and (max-width: 991px) {

    .wideget-user-tab .tabs-menu1 ul li a {
        padding: 5px !important;
    }

    .wideget-user-tab .tab-menu-heading .nav li a {
        font-size: 14px !important;
    }

    .course-details .wideget-user-tab .tabs-menu1 ul li a {
        padding: 11px 20px 12px 20px !important;
    }
}

.tabs-menu1 ul li {
    margin: 0 2px;
}

@media (max-width: 480px) {

    .item-card7-desc div.pt-2 {
        display: grid;
    }
}

.product-tags a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid #ededf5;
}

.product-tags li a:hover {
    border-radius: 3px;
    color: #fff !important;
}
.icon-service {
    display: inline-flex;
    background-color: white!important;
    width: 100%;
    height: 205px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.box-shadow {
    box-shadow: 0px 0px 20px rgba(126, 142, 177, 0.5) !important;
}

.usertab-list {
    display: inline-block;
    padding-bottom: 20px;
}

.usertab-list li {
    width: 100%;
    margin-bottom: .5rem;
    float: left;
    font-size: 16.5px;
}

.about img {
    text-align: center;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    text-align: center;
}

.sptb {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
}

.sptb-2 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.section-title {
    padding-bottom: 3rem;
}

.section-title 	p {
    font-size: 18px;
    margin-bottom: 0;
    letter-spacing: 0.8px;
}

.section-title h2, .section-contact h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.section-contact h2 {
    color: white;
    margin: 25px!important;
}

.service-data h2 {
    font-size: 28px;
    letter-spacing: 0.8px;
}

.service-data > p {
    font-size: 17.5px;
    line-height: 28px;
}

@media (max-width: 991px) {

    .sptb-2 {
        padding-top: 0;
        padding-bottom: 9rem;
    }
}

.eductaional-tabs.nav {
    display: flex;
    border-bottom: 1px solid #ededf5;
}

@media (max-width: 767px) {
    .tabs-menu ul.eductaional-tabs li {
        width: 50%;
        text-align: center;
    }

    .tabs-menu ul.eductaional-tabs li span {
        display: block;
    }
}

@media (max-width: 768px) {
    .tabs-menu1 ul li a {
        display: block;
        width: 100%;
        border: 1px solid #ededf5;
        margin: 1px;
        border-radius: 3px;
    }

    .wideget-user-tab .tabs-menu1 ul li .active {
        border: 1px solid #ededf5;
        border-radius: 3px;
    }
}

.profile-pic {
    text-align: center;
}

.profile-pic .d-md-flex {
    text-align: left;
}

@media (max-width: 480px) {

    .tabs-menu1 ul li a {
        margin: 2px !important;
    }
}

@media (min-width: 561px) and (max-width: 767px) {

    .tabs-menu1 ul li {
        display: block;
        width: 49%;
        margin: 1px;
    }

    .wideget-user-tab .tabs-menu1 ul li {
        width: auto;
        margin: 0 6px 0 0;
    }
}

:focus {
    outline: 0 !important;
}


#homeVideo button.btn.btn-default {
    background: rgba(34, 40, 74, 0.7);
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 25px;
    padding: 6px 3px;
    line-height: 25px;
    z-index: 5;
    color: #fff;
    border: 0;
}

#homeVideo button.btn.btn-default:hover {
    background: #22284a;
}

.horizontalMenu>.horizontalMenu-list {
    background-color: transparent;
}

.horizontalMenu>.horizontalMenu-list>li>a {
    color: #333; 
    letter-spacing: 0.5px;
}

.relative {
    position: relative !important;
}

.pattern-2 {
    overflow: hidden;
    border-radius: 7px!important;
}

.pattern-2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: block;
    z-index: 0;
    top: 0;
}


@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}


/*Banner*/

@media (max-width: 767px) {

    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
        margin: 0 0 4px 0 !important;
        border-radius: 7px !important;
    }

    .course-details .wideget-user-tab.wideget-user-tab3 {
        margin-bottom: 2rem;
    }
}


.shape {
    bottom: -1px;
    position: absolute;
    pointer-events: none;
    right: 0;
    left: 0;
    width: 100%;
}

.shape .svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    width: 100%;
    height: auto;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.main-banner-png {
    position: absolute;
    right: 0;
    bottom: -110px;
}

.iteam-all-icon {
    position: relative;
}

.iteam-all-icon i {
    text-align: center;
    width: 60px;
    height: 60px;
    background: rgba(105, 100, 247, 0.15);
    border-radius: 5px;
    position: relative;
    display: block;
    line-height: 50px;
    padding: 5px 7px;
}

.iteam-all-icon i {
    font-size: 1.5rem;
}

.iteam-all-icon i {
    font-size: 2.5rem;
}


.about-us .card-body .row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

.img-center {
    margin: 20px;
    height: 185px;
    width: 185px;
    border-radius: 100%;
}


.about-us .icon-service, .about-us .service-data  {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    
} 

.about-us .card-body:hover, .about-us .card-body.active   {
    background: #9CCC65;
    border-radius: 7px;
}

.about-us p, .about-us h2 {
    text-align: center;
}

.about-us .card-body:hover p,
.about-us .card-body:hover h2 {
    color: #fff;
}


.about-us picture {
    width: 175px;
    height: 175px;
}

.about.bg-orange {
    border-radius: 0;
}

/*-- My Dashboard--*/

/*-- My Dashboard--*/
.course-details .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
    border-radius: 7px 7px 0 0;
    background: #fff !important;
    padding: 12px 20px 12px 20px;
}

.course-details .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
    border-radius: 7px 7px 0 0;
    color: #fff;
}

@media screen and (max-width: 1279px) {
    .main-banner-png {
        position: relative;
        right: 0;
        bottom: 0px;
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1279px) {

    .horizontalMenu>.horizontalMenu-list>li>a {
        padding: 5px 7px !important;
    }
}

@media screen and (max-width: 1200px) {

    
    .footer-main.footer-main1 {
        padding-bottom: 0;
    }

    .top-bar-end .custom li span {
        display: none;
    }
    
    .custom .show-dropdown {
        position: absolute; 
        inset: 0px auto auto 0px; 
        margin: 0px!important; 
        transform: translate(-113px, 46px);
    }
}

@media screen and (max-width: 767px) {

    .header-main .top-bar-light .top-bar-end .custom li:nth-child(2) a {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .course-details .profile-pic img {
        margin-bottom: 12px;
    }

    .course-details #tab-3 .card-body {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 411px) and (min-width: 361px) {
    .main-banner-png {
        height: 315px;
    }
}

@media screen and (max-width: 375px) {
    .shape {
        bottom: -4px;
    }
}

@media (max-width: 480px) {

    .sptb-2 {
        padding-top: 5rem !important;
        padding-bottom: 3rem !important;
    }

    .sptb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (max-width: 568px) {
    .header-main .top-bar-end .custom li a i {
        line-height: 28px!important;
    }

}

@media (max-width: 991px) {

    .sptb-2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.course-details .tabs-menu1 ul li {
    width: 19%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .course-details .wideget-user-tab.wideget-user-tab3 {
        margin-bottom: 2rem;
    }

    .course-details .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li {
        width: 100%;
    }

    .course-details .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
        padding: 15px !important;
    }
}

@media screen and (max-width: 444px) {
    .review-media {
        display: block !important;
        width: 100%;
        overflow: intial;
    }

    .review-media .media-body {
        display: grid;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group h5, #tab-2 h5, .media .media-body > h4 {
    color: #2C3E50!important;
    font-size: 1.125rem!important;
    font-weight: 900!important;
}

.text-gray {
    color: #2C3E50!important;
    font-weight: 900!important;
}

 .media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.media {
    margin-top: 15px;
    zoom: 1;
    overflow: hidden;
}

.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-object {
    display: block;
}

@media (max-width: 576px) {
    .media-object {
        display: none;
    }
}

.media img {
    width: 105px;
    height: 105px;
}

.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-body h4 {
    font-weight: 700;
    font-size: 17px;
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}   

.top-line {
    padding-top: 15px!important;
    border-top: 1px solid #ddd!important; 
    border-radius:0;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.tabs-menu ul li a {
    padding: 10px 20px 11px 20px;
}

.tabs-menu ul li .active {
    color: #fff;
    border-radius: 25px;
}

.tabs-menu1 ul li a {
    padding: 10px 20px 11px 20px;
    background: #f5f4f9;
    border-radius: 7px;
    border: 0;
    margin: 0 2px;
    display: block;
}

.tabs-menu1 ul li .active {
    border-radius: 7px;
}

.tab-menu-heading {
    padding: 20px;
    border: 1px solid #ededf5;
    border-bottom: 0;
}

.tabs-menu ul.eductaional-tabs li span {
    color: #333;
    padding: 0px 25px 10px 25px;
    background: transparent;
    border-radius: 3px;
    margin: 0px;
    display: block;
    font-size: 15px;
}


@media (max-width: 480px) {
    .tabs-menu ul.eductaional-tabs li {
        width: 100% !important;
    }

    .tabs-menu ul.eductaional-tabs li span {
        margin: 0;
    }
}

/* ###### layout ####### */

footer {
/*  font-family: 'Poppins', sans-serif; */
    font-family: 'Nunito', sans-serif;

}

.footer-main h6 {
    line-height: 20px;
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 28px;
    text-decoration: underline;
    text-underline-offset: 12px;
}

.parent-h6 {
    position: absolute;
}

.footer-main h6::before {
  position: absolute;
  content: "";
  top: 28px;
  width: 20px;
  left: 24px;
  height: 2px;
  background: #e67605;
}




.footer-main > div > div > div:nth-of-type(1) > h6::before {
  width: 50px;
}

.footer-main > div > div > div:nth-of-type(2) > h6::before {
  width: 28px!important;
}

.footer-main > div > div > div:nth-of-type(3) > h6::before {
  width: 40px;
}

.footer-main > div > div > div:nth-of-type(4) > h6::before {
  width: 82px;
}

.footer-main a, .footer-main li {
    line-height: 2.5;
    transition: opacity .2s;
    color: rgba(255, 255, 255, 0.8);
}

.footer-main.footer-main1 a {
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 992px) {
    .footer-main h6 {
        margin-top: 24px;
    }
    
    .footer-main h6::before {
        top: calc(30px + 22px);
    }

/*
    .footer-main .row div:first-child h6 {
        margin-top: 0;
    }
    */
}

.footer-main {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-main img {
    width: 80px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2px;
}

.top-bar {
    border-bottom: 1px solid transparent;
    background: transparent;
}

.header-left a span {
    font-size: 17px;
}

.header-left p i {
    position: relative;
    top: 8px;
    padding: 3px 0;
    color: blue!important;
    display: block;
    line-height: 26px;
}

.header-main .header-left {
    margin-left: 5%;
}
.top-bar .top-bar-end {
    margin-right: 5%;
    display: flex;
}

.header-main .top-bar-end .custom, .header-main .header-left .custom {
    display: flex;
    margin: 0;
}

.header-main .top-bar-end .custom li, .header-main .header-left .custom li {
    margin-right: 0;
}

.header-main .top-bar-end .custom li:last-child, .header-main .header-left .custom li:last-child {
    margin-right: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-main .top-bar-end .custom li a, .header-main .header-left .custom li a {
    padding: 9px 11px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 26px;
}

.header-main .header-left .custom li a {
    padding-right: 8px;
}

.header-main .top-bar-end .custom li a, .header-main .header-left .custom li a {
    display: flex;
    flex-direction: row;
}

.header-main .top-bar-end .custom li a, .header-main .header-left .custom li a {
    letter-spacing: 1px;
    font-size: 16px;
}

.header-main .header-left .custom li a:hover {
    cursor: pointer;
}

.top-bar.top-bar-light {
    background: #fff;
}

.top-bar.top-bar-light .top-bar-end span, .top-bar.top-bar-light .header-left span {
    color: black;
}

.top-bar.top-bar-light .top-bar-end .custom li a:hover span, .top-bar.top-bar-light .header-left .custom li a:hover span,
.top-bar.top-bar-light .top-bar-end .custom li a:hover i, .top-bar.top-bar-light .header-left .custom li a:hover i
{
    color: var(--head-color) !important;
}


.top-bar.top-bar-light .top-bar-end .custom li a, .top-bar.top-bar-light .header-left .custom li a {
    border-color: #ededf5 !important;
}

.top-bar.top-bar-light .top-bar-end li:last-child a, .top-bar.top-bar-light .header-left li:last-child a {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.horizontalMenu a:focus {
    outline: none;
}

.horizontalMenu:before {
    content: "";
    display: table;
}

.horizontalMenu:after {
    content: "";
    display: table;
    clear: both;
}

/* ================== Desktop Main Menu CSS ================== */

.horizontal-main {
    width: 100%;
    position: relative;
    transition: all 0.25s ease-in-out;
}

.desktoplogo {
    padding: 1.2rem 0 0;
    margin: 0;
    float: left;
}

.desktoplogo img {
    margin-top: 32px;
    width: 100%;
}

.horizontalMenu {
    color: #5c5776;
    font-size: 16.5px;
    padding: 60px 0 0;
    float: right;
    display: block;
}

.horizontalMenu>.horizontalMenu-list {
    text-align: left;
    margin: 0 auto 0 auto;    /* udaljenost od padajućeg popisa */
    width: 100%;
    display: block;
    padding: 5px 0 0 2px; /* udaljenost od padajućeg popisa */
}

.horizontalMenu>.horizontalMenu-list>li {
    text-align: center;
    display: block;
    padding: 0;
    margin: 5px 3px;
    float: left;
    padding: 0;
}

.horizontalMenu>.horizontalMenu-list>li>a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    position: relative;
    margin: 0 2px;
    border-radius: 3px;
    font-family: 'Nunito', sans-serif;
}

.horizontalMenu>.horizontalMenu-list>li>a.underline:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}

/* Desktop Search Bar */
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    position: absolute;
    top: 125px;
    z-index: 1000;
    margin: 0px;
    padding: 5px;
    min-width: 190px;
    background-color: #fff;
    border: 1px solid #e8ebf3;
    border-radius: 7px;
    box-shadow: 0px 5px 25px rgba(39, 55, 76, 0.2);
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li {
    position: relative;
    margin: 0px -15px;
    padding: 0px;
    display: block;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
    background-image: none;
    color: #5F6A6A;
    border-right: 0 none;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    margin: 0 15px;
    text-transform: none;
    font-size: 16.5px;
    letter-spacing: normal;
    border-right: 0px solid;
    border-radius: 7px;
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
    text-decoration: none;
}

/*==============================================================================
                              Start Mobile CSS
===============================================================================*/
/* ================== Mobile Menu Change Brake Point ================== */
@media only screen and (max-width: 991px) {

    /* ================== Mobile Base CSS ================== */

    /* ================== Mobile Main Menu CSS ================== */
    .desktoplogo {
        display: none;
    }

    .horizontal-main {
        height: 0;
        padding: 0;
    }

    .horizontalMenu {
        width: 100%;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        left: 0;
        overflow-y: hidden;
        padding: 0;
        top: 0;
        position: fixed;
        visibility: hidden;
        margin: 0px;
    }

    .horizontalMenu>.horizontalMenu-list {
        height: auto;
        min-height: 100%;
        width: 240px;
        background: #fff;
        padding-bottom: 0;
        margin-left: -240px;
        display: block;
        text-align: center;
    }

    .horizontalMenu>.horizontalMenu-list>li {
        width: 100%;
        display: block;
        float: none;
        border-right: none;
        background-color: transparent;
        position: relative;
        white-space: inherit;
        clear: right;
        padding: 0;
    }

    .horizontalMenu>.horizontalMenu-list>li>a {
        padding: 8px 32px 8px 17px;
        font-size: 14px;
        text-align: left;
        border-right: solid 0px;
        color: #5c5776;
        line-height: 25px;
        border-bottom: 1px solid;
        border-bottom-color: #ededf5;
        position: static;
        margin: 0;
        border-radius: 0px;
    }

    .horizontalMenu>.horizontalMenu-list>li:hover>a {
        text-decoration: none;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        display: none;
        position: relative;
        top: 0px;
        background-color: #fff;
        border: none;
        padding: 0px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit;
        box-shadow: none;
        border-bottom: 1px solid #ededf5;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        line-height: 20px;
        font-size: 13px;
        padding: 10px 0px 10px 16px;
        color: #383838;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
        background-color: #f6f7fb;
        color: #18113c;
        text-decoration: none;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #f6f7fb;
        color: #18113c;
    }

/*End Media Query*/
}

/* Extra @Media Query*/
@media only screen and (min-width: 992px) and (max-width: 1162px) {
    .horizontalMenu>.horizontalMenu-list>li>a {
        padding-left: 8px;
        padding-right: 8px;
    }
}



.horizontalMenu-list .sub-menu:before {
    position: absolute;
    top: -9px;
    left: 12px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e8ebf3;
    border-left: 8px solid transparent;
    border-bottom-color: #e8ebf3;
    content: '';
}

.horizontalMenu-list .sub-menu:after {
    position: absolute;
    top: -8px;
    left: 12px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    content: '';
}

.horizontalMenu-list .sub-menu:before,
.horizontalMenu-list .sub-menu:after {
    left: 12px;
    right: auto;
}

@media (min-width: 992px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
        transform: rotateX(-75deg);
        margin-left: 10px;
    }



    .horizontalMenu>.horizontalMenu-list>li:hover>ul.sub-menu {
        opacity: 1;
        visibility: visible;
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
}


@media only screen and (min-width: 992px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 1162px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 1272px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        margin-left: 17px;
    }
}

@media only screen and (min-width: 1562px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
        margin-left: 15px;
    }
}


@media (max-width: 991px) {
    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li {
        position: relative;
        margin: 0;
        padding: 0px;
        display: block;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        margin: 0 5px;
    }
}

.item-all-cat .item-all-card {
    position: relative;
    padding: 1.5rem 1.5rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    color: #fff;
}

.item-all-cat .row .item-all-card {
    margin-bottom: 1.5rem;
}

.item-all-cat .row .item-all-card:hover {
    box-shadow: 0 5px 12px rgba(126, 142, 177, 0.2);
}

.item-all-card {
    overflow: hidden;
}

.item-all-card:before {
    content: '';
    width: 100%;
    left: 0;
    height: 100%;
    bottom: -40px;
    position: absolute;
    display: block;
    opacity: 0.03;
/*    background: url(../images/png/bg.png); */
    background-repeat: no-repeat;
    background-size: cover;
}

.item-all-cat .item-all-card a.absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-card7-overlaytext {
    position: relative;
}

.item-card7-overlaytext h4 {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #fff;
    z-index: 2;
    padding: 5px;
    border-radius: 3px;
}

.item-card7-imgs {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.item-card7-imgs:before {
    content: '';
    display: block;
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 1;
}

.item-card7-imgs a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-all-cat .item-all-card {
    border: 1px solid #ededf5;
    box-shadow: 0 10px 23px rgba(214, 215, 242, 0.6);
}

.item-card7-imgs img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.item-card7-imgs:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.item-card7-desc p {
    font-size: 16px;
    line-height: 21px;
}

.item-card7-text {
    margin-bottom: 12px !important;
}

.item-card7-text h4 {
    font-weight: 600;
    font-size: 18px;
}

.iteam-all-icon,
::-ms-backdrop {
    height: 100%;
}

.item-card7-imgs:hover a {
    background: transparent;
}

.item-card7-overlaytext h4 {
    background: #f84242;
}

.item-all-cat .item-all-card {
    position: relative;
    padding: 1.5rem 1.5rem;
    border-radius: 7px;
    margin-bottom: 10px;
    color: #fff;
}

.item-all-cat .row .item-all-card {
    margin-bottom: 1.5rem;
}

.item-all-cat .item-all-card a.absolute-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.overflow-hidden {
    overflow: hidden;
}

/* ###### lib ####### */

::-ms-backdrop {
    position: static;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* ###### template ####### */

::-ms-backdrop {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    left: 0;
    right: 0;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.power-ribbon {
    width: 56px;
    height: 56px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.power-ribbon span {
    position: absolute;
    display: block;
    width: 82px;
    padding: 8px 0;
    color: #fff;
    font: 500 16px/1 'Roboto', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    text-align: center;
}

.power-ribbon img {
    display: initial !important;
    transform: rotate(72deg);
    padding-left: 6px;
    padding-top: 2px;
}

.power-ribbon-top-left {
    top: -6px;
    left: -9px;
}

.power-ribbon-top-left span {
    right: -5px;
    top: 1px;
    transform: rotate(-45deg);
}

.ribbon::after,
.ribbon::before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    text-align: center;
}

.ribbon-top-left {
    top: -10px;
    left: -10px;
}

.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-top-left::before {
    border-top-color: transparent;
    border-left-color: transparent;
    top: 0;
    right: 50px;
}

.ribbon-top-left::after {
    bottom: 50px;
    left: 0;
}

.ribbon-top-left span {
    right: -8px;
    top: 30px;
    transform: rotate(-45deg);
}

.wideget-user-tab .tabs-menu1 ul li .active {
    border: 0;
    border-radius: 0;
}

.carousel.slide  .row .col-3 .card {
    border: 1px solid hsla(30, 96%, 46%, 0.8)!important;
} 

.wideget-user-desc .user-wrap {
    margin-top: 1.5rem;
}

.wideget-user-tab .tab-menu-heading {
    padding: 0;
    border: 0;
}

.wideget-user-tab .tab-menu-heading .nav li a {
    color: #5c5776;
    font-size: 15px;
    font-weight: 400;
}

.wideget-user-tab .tabs-menu1 ul li a {
    padding: 10px 20px;
}

.wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
    padding: 11px 20px 12px 20px;
    display: block;
    margin: 4px 4px 0 4px;
    border: 1px solid #ededf5;
    background: #f5f4f9;
    border-radius: 3px 3px 0 0;
    font-size: 16px;
    border-bottom: 0 !important;
}

.wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li:first-child a {
    margin-left: 0;
}

.wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
    border-bottom: 0 !important;
    padding: 12px 20px 12px 20px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0px;
    background: #fff;
    border: 0px solid #ededf5;
}

@media (max-width: 480px) {
    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li {
        margin: 3px !important;
    }

    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
        margin: 0px !important;
    }
}

/* ------- kontakt o-nama ---------- */

.support-service {
    padding: 1.5rem 1.5rem;
    background: #f2f3f8;
    border-radius: 7px;
}

.support-service h4 {
    min-height: 38px;
}

.support-service i {
    float: left;
    margin-right: 15px;
    font-size: 1.5rem;
    line-height: 40px;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.support-service p {
    margin-bottom: 0;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
}

.contacts .support-service {
    border-radius: 7px;
}


.contacts .support-service:focus {
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.2), 0 2px 9px 0 rgba(62, 57, 107, 0.2);
}

.contacts .support-service i {
    float: none;
    margin-bottom: 15px;
}


.contacts .support-service p {
    color: rgba(255, 255, 255, 0.9);
}

.contacts .support-service h5 {
    color: #fff;
}

.team .card-body .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


.team-section > .team-img, .team-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 200px;    
    padding: 20px;
}

.team-section > .team-img img{
    padding: 20px;
    max-width: 225px!important;
    min-height: 225px;
    box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
}

.webd .team-section img {
    padding: 20px;
    max-width: 300px!important;
    min-height: 225px;
    box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
}


/* nakon animacije s stavlja boder-radius na zatvorenu lekciju */
@keyframes team {
    0% {
    transform: rotate(0deg);
    }
  80% {
    transform: rotate(8deg);
    }
    100% {
    transform: rotate(0deg);
    }
}

.team-usluge .team-section:hover {
    transform: scale(1);
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
    animation: team 0.5s ease-in-out both;
}

.team-usluge .team-flex {
    display: flex; 
    flex-direction: column; 
    justify-items: center; 
    align-items: center;
}

.team-usluge .krug {
    border-radius: 100%; 
    margin-top:20px; 
    height: 200px; 
    width: 200px; 
    background-color: #e67605;
    box-shadow: 0px 5px 25px rgba(39, 55, 76, 0.2);
}


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

i.icon-4x {
  padding: 20px;
  line-height: 3;
  max-width: 200px;
  font-size: 4em;
  border-radius: 100%;
}

i.icon-4x-circle {
  position: relative;
  left: 5px!important;
  padding: 50px 30px;
  width: 80px;
  line-height: 220px;
  border-radius: 100%;
  border: 3px solid white;
}


/*
   *  Accordion-Wizard-Form
   * ----------------------
   */

/* ###### util ####### */

.bg-warning {
    background-color: #ffa22b !important;
    color: #fff;
}

.bg-danger {
    background-color: #f84242 !important;
}

.bg-dark {
    background-color: #18113c !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-secondary {
    background-color: #ef5050 !important;
}

.bg-success {
    background-color: #01d277 !important;
}

.bg-orange {
    background-color: #e67605 !important;
    color: #fff !important;
}
.bg-green {
    background-color: #9CCC65 !important;
    color: #fff !important;
}

.bg-background:before,
.bg-background2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%; 
    left: 0;
    right: 0;
    display: block; 
    z-index: -5; /* kako bi se vidio logo - bilo je 0 */      
    top: 0;
}

.br-100 {
    border-radius: 100% !important;
}

.br-7 {
    border-radius: 7px;
}

.border {
    border: 1px solid #ededf5;
}

.br-100 {
    border-radius: 100% !important;
}

.border {
    border: 1px solid #ededf5 !important;
}

.border-0 {
    border: 0 !important;
}

.clearfix::after {
    display: bsock;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

@media (min-width: 768px) {
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-none {
        display: none !important;
    }
}

@media (min-width: 992px) {

    .d-lg-block {
        display: block !important;
    }
}

.float-end {
    float: right !important;
}

/*------ Heights -------*/


.my-auto {
    margin-top: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
}



.position-relative {
    position: relative !important;
}

.text-start {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-white {
    color: #fff !important;
}

.text-success {
    color: #21b632 !important;
}

.text-warning {
    color: #e67605 !important;
}

.text-dark {
    color: #2e384d !important;
}

.text-body {
    color: #5c5776 !important;
}

.text-muted {
    color: #888 !important;
}

.text-default {
    color: #5c5776 !important;
}

.text-default-dark {
    color: #18113c !important;
}

.text-yellow {
    color: #ffa22b !important;
}

.text-white {
    color: #fff !important;
}

/*------ Widths-------*/

.w-10 {
    width: 10% !important;
}

.w-30 {
    width: 30% !important;
}

.w-60 {
    width: 60% !important;
}

.w-auto {
    width: auto !important;
}

/* dodano za input polje */


.single-page {
    width: 100%;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 7px;
}


.single-page button.dark {
    border-color: #ff4931;
    background: #ff4931;
}

.single-page .move button.dark {
    border-color: #e0b722;
    background: #e0b722;
}

.single-page .splits p {
    font-size: 18px;
}

.single-page button:active {
    box-shadow: none;
}

.single-page button:focus {
    outline: 0;
}

.single-page .wrapper {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
    transition: all .5s;
    color: #838ab6;
    overflow: hidden;
    border-radius: 7px;
}

.single-page .wrapper.wrapper2 {
    top: -37%;
    left: 4%;
    background: #fff;
    width: 100%;
    transition: all .5s;
    color: #fff;
    overflow: hidden;
    border-radius: 7px;
}

.single-page .wrapper>form {
    width: 100%;
    transition: all .5s;
    background: #fff;
    width: 100%;
}

.single-page .wrapper .card-body {
    padding: 30px;
}

.single-page .wrapper>form:focus {
    outline: 0;
}

.single-page .wrapper #login {
    visibility: visible;
}

.single-page .wrapper.move #register {
    transform: translateY(-80%) translateX(0);
    visibility: visible;
}

.single-page .wrapper.move #login {
    transform: translateX(-100%);
    visibility: hidden;
}

.single-page .wrapper>form>div {
    position: relative;
    margin-bottom: 15px;
}

.single-page .wrapper label {
    color: #5c5776;
    float: left;
    font-weight: 600;
}

.single-page .wrapper h3,
.single-page .wrapper h4 {
    margin-bottom: 25px;
    font-size: 22px;
    color: #5c5776;
}

.single-page .wrapper input {
    height: 40px;
    padding: 5px 15px;
    width: 100%;
    border: solid 1px #ededf5;
    border-radius: 5px;
}
/* tu je izbačen dio iz style.css, ako nedostaje u modal prikazu vratiti iz style.css */

.single-page .wrapper textarea {
    height: 100%;
    padding: 5px 15px;
    width: 100%;
    border: solid 1px #ededf5;
    border-radius: 5px;
}

.fs-17 {
    font-size: 17px;
    letter-spacing: 0.8px;

}

.d-flex2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.custom li.dropdown:hover > a + .dropdown-menu {
    display: block;
}    

.no-count {
  list-style-type: none;
  counter-increment: list-item 0;
}

.user-14 {
    font-size: 17.5px;
    position: relative;
    top: -1px;
    left: -4px;
}

/* ------ datoteka fontello.css v2------------ */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?95400490');
  src: url('../fonts/fontello.eot?95400490#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?95400490') format('woff2'),
       url('../fonts/fontello.woff?95400490') format('woff'),
       url('../fonts/fontello.ttf?95400490') format('truetype'),
       url('../fonts/fontello.svg?95400490#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?21619606#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-user:before { content: '\e800'; } /* '' */
.icon-bell:before { content: '\e801'; } /* '' */
.icon-power:before { content: '\e802'; } /* '' */
.icon-settings:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e805'; } /* '' */
.icon-star-empty:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\e808'; } /* '' */
.icon-location:before { content: '\e809'; } /* '' */
.icon-login:before { content: '\e80a'; } /* '' */
.icon-logout:before { content: '\e80b'; } /* '' */
.icon-resize-full:before { color: #e67605; /*chocolate;*/ content: '\e80c'; } /* '' */
.icon-right-open:before { content: '\e80d'; } /* '' */

.icon-floppy:before { color: #e67605; /* chocolate; */ content: '\e80e'; } /* '' */
/* ovo je nova ikona za umjesto icon-floppy:

.icon-9.-save---floppy---download:before { content: '\e810'; }
*/
.icon-download:before { color: #e67605; /* chocolate */ content: '\e810'; } /* '' */

.icon-coding:before { color: #e67605;  content: '\e80f'; } /* '' */
.icon-arrow-right-big:before { color:#e67605; margin-left: 10px; content: '\ea14'; } /* '' */
.icon-arrow-left-big:before { color:#e67605; margin-left:5px; margin-right: 10px; content: '\ea15'; } /* '' */

/*
.icon-arrow-open-end:before { content: '\ea14'; } 
.icon-arrow-open-left:before { content: '\ea15'; } 
*/
.icon-assignment:before { font-size: 120%;  position: relative; top: 2px; color: var(--icon-ubung); content: '\ea1c'; } /* '' */
.icon-calendar-reserved:before { content: '\ea33'; } /* '' */
.icon-chat:before { font-size: 120%; color: #000; content: '\ea35'; } /* '' */
.icon-document:before { content: '\ea5d'; } /* '' */
.icon-eye:before { content: '\ea73'; } /* '' */
.icon-gradebook:before { font-size: 120%; padding-left: 8px; color: #e67605; content: '\ea88'; } /* '' */
.icon-link:before { font-size: 120%; color: #e67605; content: '\eaa4'; } /* '' */
.icon-lock:before { padding-left: 8px; color: red; content: '\eaa6'; } /* '' */
.icon-off:before { content: '\ead1'; } /* '' */
.icon-unlock:before { padding-left: 8px; color: #2ECC71; content: '\eb4b'; } /* '' */
.icon-user-1:before { content: '\f007'; } /* '' */

/*
.icon-1.arrow-fat-lines-up-fill:before { content: '\f004'; }
.icon-2.collapse-arrow:before { content: '\f005'; }
.icon-3.expand-arrow:before { content: '\f006'; }
.icon-4.coding-icon:before { content: '\e80f'; } 
.icon-5.attachment-1483:before { content: '\f008'; } 
.icon-6-attachment-png:before { content: '\f009'; } 
.icon-7-attachment-jpg:before { content: '\f00a'; } 
.icon-8-warning:before { content: '\f00b'; } 
.icon-9.-save---floppy---download:before { content: '\e810'; } 
*/

.icon-up-fat:before { font-size: 200%; content: '\f004'; } 
.icon-collapse-arrow:before { color: #e67605; content: '\f005'; } 
.icon-expand-arrow:before { color: #e67605; content: '\f006'; } 
.icon-coding:before { color: #e67605; content: '\e80f'; } 
.icon-attach:before { font-size: 150%; color: #e67605; content: '\f008'; } 
.icon-attach-png:before { font-size: 150%; color: #e67605; content: '\f009'; }
.icon-attach-jpg:before { font-size: 150%; color: #e67605; content: '\f00a'; }
.icon-warning:before { width: 50px; font-size: 150%; color: #e67605; content: '\f00b'; }

.icon-check:before { content: '\f00c'; } /* '' */
.icon-times:before { content: '\f00d'; } /* '' */

.icon-cog:before { color:#fff; background-color: #e67605; width: 150px;padding:45px; border-radius: 100%; content: '\f013'; } /* '' */
.icon-clock:before { content: '\f017'; } /* '' */
.icon-lock-1:before { color:#fff; background-color: #e67605; width: 150px;padding:45px; border-radius: 100%; content: '\f023'; } /* '' */
.icon-align-left:before { content: '\f036'; } /* '' */
.icon-chevron-right:before { content: '\f054'; } /* '' */

.icon-times-circle:before { content: '\f057'; } /* '' */
.icon-plus:before { content: '\f067'; } /* '' */
.icon-chevron-down:before { content: '\f078'; } /* '' */
.icon-shopping-cart:before { content: '\f07a'; } /* '' */

.icon-chart-bar:before { color: #e67605; /* chocolate; */ content: '\f080'; } /* '' */
.icon-phone:before { content: '\f095'; } /* '' */
.icon-copy:before { color: #e67605; /* chocolate; */ content: '\f0c5'; } /* '' */
.icon-magic:before { color:#fff; background-color: #e67605; width: 150px; padding:45px; border-radius: 100%; content: '\f0d0'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-airplane:before { font-size: 350%; content: '\f103'; } /* '' */
.icon-bicycle:before { font-size: 350%; content: '\f104'; } /* '' */
.icon-car-wash:before { font-size: 350%; content: '\f105'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-reply:before { content: '\f112'; } /* '' */
.icon-code:before { margin-left:0; color: #e67605; content: '\f121'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-html5:before { color: #e67605; content: '\f13b'; } /* '' */
.icon-css3:before { color: #e67605; content: '\f13c'; } /* '' */
.icon-doc-inv:before { color: #e67605; content: '\f15b'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */

/* ------------------------------------- */
/* dodano - treba uskladiti content code */

.icon-html5-text:before { font-size: 140%; color: #9CCC65; position: relative; top: 2px; content: '\f13b'; }

.icon-html5-pn:before { font-size: 140%; color: #9CCC65; padding-left: 0px; content: '\f13b'; } /* '' */ 

.icon-css3-text:before { font-size: 100%; color: var(--icon-lesson); padding: 0 20px 0 2px; content: '\f13c'; } /* '' */ 
.icon-code-text:before { content: '\f121'; } /* '' */
.icon-copy-text:before { color: #e67605;; content: '\f0c5'; } /* '' */
.icon-check-text:before { color: var(--icon-lesson); content: '\f00c'; } /* '' */
/* .icon-floppy-text: vise ne treba ako radi */
.icon-floppy-text:before { color: #e67605; content: '\e810'; } /* '' */
.icon-download-text:before { color: #e67605; content: '\e810'; } /* '' */

.icon-link-grey:before { font-size: 120%; color: darkgrey; content: '\eaa4'; } /* '' */
.icon-html5-maleni:before { color: var(--icon-lesson); content: '\f13b'; } /* '' */ 
.icon-chevron-right-list:before { font-size: 80%;  color: var(--icon-lesson); padding-right:12px; 
    position:relative; top:-1px; content: '\f054'; } /* '' */
.icon-chevron-right-link:before { font-size: 80%;  color: var(--icon-link); padding-right:12px; 
    position:relative; top:-1px; content: '\f054'; }

.icon-phone-contact:before { position: relative; left: -210px; width: 70px; content: '\f095'; } /* '' */
.icon-clock-contact:before { width: 70px; content: '\f017'; } /* '' */
.icon-location-contact:before { width: 70px; content: '\e809'; } /* '' */
.icon-mail-contact:before { width: 70px; content: '\e804'; } /* '' */


/* dodano */

.icon-expand-arrow-text:before {color: #e67605; content: '\f006'; }
.icon-coding-text:before { padding-right: 20px; font-size: 90%; color: #e67605; content: '\e80f'; } /* '' */
.icon-attach-text:before { font-size: 100%; color: #e67605; content: '\f008'; } /* '' */
.icon-gradebook-text:before {  padding-left: 8px; content: '\ea88'; } /* '' */

.user-14 {
    font-size: 17.5px;
    position: relative;
    top: -1px;
}

.bg-mojwebdizajn {
    background-color: rgb(97,97,210);
}

/* dodano 08-2026 zbog instrukcija, sidebara i footera */

/* fontello kolovoz 2025 */

@font-face {
  font-family: 'fontello-2';
  src: url('../fonts/fontello-2.eot?f5287f7');
  src: url('../fonts/fontello-2.eot?f5287f7#iefix') format('embedded-opentype'),
       url('../fonts/fontello-2.woff2?f5287f7') format('woff2'),
       url('../fonts/fontello-2.woff?f5287f7') format('woff'),
       url('../fonts/fontello-2.ttf?f5287f7') format('truetype'),
       url('../fonts/fontello-2.svg?f5287f7') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?29497503#fontello') format('svg');
  }
}
*/
[class^="icons8-"]:before, [class*=" icons8-"]:before {
  font-family: "fontello-2";
}
/*  */
[class^="icons8-"]:before, [class*=" icons8-"]:before, [class*="znak8-"]:before {
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon8-gr {
   color: #e67605; position: relative; top: -6px; left: -8px; margin-right: 8px;
}
.icon8-li {
   font-size: 80%; color: #e67605; position: relative; top: -8px; left: -8px; margin-right: 8px;
}
.icon8-fav {
    font-size: 150%; position: relative; top: -1px; left: -8px; 
}
.icon8-st {
   font-size: 80%; color: #e67605; position: relative; top: -10px; left: -8px; margin-right: 8px;
}

/* ovo je uredjeno */

.icons8-move-up:before { font-size: 280%; position: relative; top: 2px; left: -3px; content: '\e817'; } /* '' */
.icons8-download:before { color: #e67605; font-size: 120%; font-weight: 900; position: relative; top: 2px; content: '\e819'; } /* '' */
.icons8-download-text:before { color: #e67605; font-weight: 900; content: '\e819'; } /* '' */
.icons8-enlarge:before { font-size: 23px; font-weight: 500; position: relative; top: 3px; color: #e67605; /*chocolate;*/ content: '\e81b'; } /* '' */
.icons8-enlarge-text:before { font-size: 23px; font-weight: 500; color: #e67605; /*chocolate;*/ content: '\e81b'; } /* '' */

.icons8-source-code:before { content: '\e83d'; } /* '' */
.icons8-source-code-text:before { margin-top: 2px; margin-bottom: -2px; content: '\e83d'; } /* '' */

.icons8-bell:before { content: '\e840'; } /* '' */
.icons8-chart:before { color: #e67605; position: relative; top: -2px; content: '\e841'; } /* '' */

.icons8-cancel:before { font-size: 24px; position: relative; top: -15px; left: -15px; content: '\e822'; } /* '' */
.icons8-expand-arrow:before { content: '\e823'; } /* '' */
.icons8-expand-arrow-text:before { font-size: 80%; color: #e67605; content: '\e823'; } /* '' */
.icons8-collapse-arrow:before { content: '\e824'; } /* '' */
.icons8-collapse-arrow-text:before { font-size: 80%; color: #e67605; content: '\e824'; } /* '' */

/* to je .icons8-back */
.icons8-arrow-left-big:before { color: #9CCC65; margin-left: 0px;  margin-right: 25px; content: '\e829'; } /* '' */
.icons8-arrow-right-big:before { color: #9CCC65;  margin-right: 15px; margin-left: 5px; content: '\e828'; } /* '' */

.icons8-arrow-right-big.color-css:before, .icons8-arrow-left-big.color-css:before {
    color: #e67605;;
}


.icons8-task-completed:before { content: '\e827'; } /* '' */

.icons8-home:before { content: '\e847'; } /* '' */
.icons8-lock:before { font-size: 80%; font-weight: 900; padding-left: 8px; position: relative; top: -10px; left: -10px; color: red; content: '\e84a'; } /* '' */
.icons8-login:before { content: '\e84b'; } /* '' */
.icons8-logout:before { content: '\e84c'; } /* '' */

.icons8-male-user:before { content: '\e84e'; } /* '' */
.icons8-menu-left:before { font-size: 20px; font-weight:900; content: '\e84f'; } /* '' */

.icons8-exam:before { color: #e67605; /*chocolate;*/ font-size: 15.8px; font-weight: 900; position:relative; top: -8px; left: -4px; margin-right: 10px; content: '\e845'; } /* '' */
.icons8-solution:before { color: #e67605; /*chocolate;*/ font-size: 3.5px; font-weight: 900; position:relative; top: -20px; margin-left: -3px; margin-right: 25px; content: '\e82b'; } /* '' */

.znak8-plus:before { position: relative; left: 7px; font-size: 20px; content: '\02b'; } /* '' */
.znak8-plus-in:before { color: #9CCC65; position: relative; left: 7px; top: 1.5px; font-size: 32px; font-weight: 900; margin-left: -15px; margin-right: -5px; content: '\02b'; } /* '' */
.znak8-minus:before { position: relative;  left: 14px; font-size: 30px; line-height: 20px;  content: '\02d'; } /* '' */

.icons8-copy:before { color: #e67605; /*chocolate;*/ font-weight: 900; content: '\e830'; } /* '' */
.icons8-copy-text:before { color: #e67605; /*chocolate;*/ font-weight: 900; content: '\e830'; } /* '' */

.icons8-male-user:before { font-size: 4.3px; font-weight: 900; position:relative; top: -21px; left: -2px; content: '\e84e'; } /* '' */

.icons8-person:before { content: '\e839'; } /* '' */
.icons8-phone:before { font-size: 17px; position:relative; top: -3px; left: -5px; content: '\e83a'; } /* '' */
.icons8-settings:before { content: '\e83b'; } /* '' */
.icons8-unlock:before {  color: #2ECC71; font-size: 80%; font-weight: 900; position: relative; top: -10px; left: 5px; content: '\e852'; } /* '' icon-padlock */

.icons8-veza:before { font-size: 15px; position: relative; top: -10px; margin-right: 15px; color: #e67605; content: '\e848'; } /* '' */
.icons8-veza-grey:before { font-size: 15px; position: relative; top: -10px; margin-right: 15px; color: darkgray; content: '\e848'; } /* '' */

.icons8-unlock-reg:before {  color: white;}



.icons8-css3-pn {
    margin-top: -5px;
    margin-left: -2px;
 }

.icons8-link {
    font-size: 70%;
    padding-right: 20px;
    padding-left: 15px;
}

.icons8-tecaj {
    font-size: 70%;
    padding-right: 20px;
    padding-left: 3px;
}



.icons8-html-file:before, .icons8-css-file:before, .icons8-zip-file:before, .icons8-png-file:before, .icons8-jpg-file:before {
color: #e67605; position: relative; top: 38px; left: -12px; font-size:88px; line-height: 20px; margin-right: -58px;
}


.icons8-css3:before, .icons8-html5:before {
    color: #e67605; position: relative; top: 5px; left: -15px; font-size:38px; line-height: 20px; margin-right: -20px;
}

.icons8-css3:before {
    color: var(--icon-lesson);
}
.icons8-text:before { color: #aaa; }

.icons8-html-file:before { color: var(--icon-lesson); content: '\e80f'; } /* '' */
.icons8-jpg-file:before { content: '\e810'; } /* '' */
.icons8-png-file:before { content: '\e811'; } /* '' */
.icons8-zip-file:before { content: '\e812'; } /* '' */
.icons8-css3:before { content: '\e813'; } /* '' */
.icons8-css-file:before { color: var(--icon-lesson); content: '\e814'; } /* '' */
.icons8-html5:before { content: '\e815'; } /* '' */

.icons8-left0 {
    position: relative;
    left: -5px;
}

.icons8-link.icons8-exam {
    padding-left: 4px;
}

.icons8-file-text {
    width: 38px;
    height: 38px;
}

.pn-icons8:before {
    font-size: 32px!important;
}

.pn-icons8 {
    margin-right: 15px;
    margin-left: 15px;
}

.pn-icon {
    padding-left: 4px;
    margin-right: 10px;
}

.next-previous > .btn-np .color-html {
    color:#e67605!important;
}

.icons8-html-file.color-css:before {
    color: var(--icon-lesson);
}

/*
.icons8-html5, .icons8-html5-pn { 
    display: inline-block;
    width: 40px;
    height: 40px;
    
    margin-right: 10px;
    margin-left: -8px;
}

 .icons8-html5-pn {
    margin-top: -5px;
    margin-left: -2px;
 }
 
.icons8-html5-maleni {
    width: 21px;
    height: 21px;
    margin-right: 3px;
    margin-bottom: -5px;
}

.icons8-css3, .icons8-css3-text, .icons8-css3-pn { 
    width: 40px;
    height: 40px;
   
    margin-right: 13px;
    margin-left: -8px;
}
*/
/* ----- */

@media (max-width: 768px) { 
    .icons8-link.icons8-exam {
        padding-left: 10px;
        padding-right: 10px;
    }

    
}


.icons8-user-1:before { font-size: 44px; line-height: 3px; font-weight: 100; position: relative; top: 20px; margin-left: -12px; margin-right: -15px; content: '\e808'; } /* '' */
.icons8-user:before { content: '\e809'; } /* '' */
.icons8-true-false:before { color: var(--icon-lesson); font-size: 58px; line-height: 3px; font-weight: 100; position: relative; top: 33px; margin-left: -8px;  content: '\e807'; } /* '' */
.icons8-close:before { content: '\e80c'; } /* '' */
.icons8-close-in:before { font-size: 22px; font-weight: 900; margin-left: -3px; margin-right: -5px; content: '\e80c'; } /* '' */
.icons8-close-2x:before { font-size: 58px; font-weight: 100; margin-left: -13px; margin-right: -5px; content: '\e80c'; } /* '' */
.icons8-done-1:before { font-size: 56px; line-height: 5px; font-weight: 100; position: relative; top: 30px; margin-right: -35px; content: '\e844'; } /* '' */
.icons8-menu:before { content: '\e838'; } /* '' */
.icons8-menu-expand-arrow:before { padding-left: 3px; padding-top: 2px; font-size: 80%; content: '\e846'; } /* '' */

.icons8-star:before {  position:relative; top: -9px; font-size:4.3px; padding-right: 12px; content: '\e842'; } /* '' */
.icons8-star-half:before { position:relative; top: -9.5px; margin-right: 12px;  font-size:4.3px; content: '\e83e'; } /* '' */

.icons8-clock:before { position:relative; top: -3px; font-size: 90%; margin-left: -3px; margin-right: 8px; content: '\e843'; } /* '' */

.icons8-forward-list:before { color: var(--icon-lesson); padding-right:12px; content: '\e801'; } /* '' */
.icons8-forward:before { color: var(--icon-lesson); margin-left: -1px; font-size: 17.5px; font-weight: 900; content: '\e801'; } /* '' */
.icons8-login-1:before { font-weight: 100; position: relative; top: 5px; left: px; line-height: 17px; font-size: 32px; content: '\e835'; } /* '' */

.icons8-cycling:before { color: var(--icon-lesson); line-height: 50px;  font-size: 108px; position: relative; top: -20px; left: -15px; content: '\e81e'; } /* '' */
.icons8-helicopter:before { color: var(--icon-lesson); line-height: 50px; font-size: 108px; position: relative; top: -20px; left: -20px; content: '\e81d'; } /* '' */
.icons8-airplane:before { color: var(--icon-lesson); line-height: 50px; font-size: 78px;  position: relative; top: -20px; left: -72px; content: '\e81c'; } /* '' */

.icons8-phone:before { font-size: 6.2px; position:relative; top: -14px; left: -5px; content: '\e83a'; } /* '' */
.icons8-location:before { position: relative; left: -5px; font-size: 20px; content: '\e849'; } /* '' */
.icons8-mail:before { font-size: 8px; font-weight:900; position: relative; top: -9px; left: -1px; content: '\e84d'; } /* '' */

.icons8-settings-1:before { color:white; font-size: 145px; padding-top: 26px; display: inline-block; max-width: 210px; content: '\e806'; } /* '' */
.icons8-magic-wand:before { color:white; font-size: 200px; max-height: 120px; padding-top: 47px; display: inline-block; max-width: 105px; margin: 0 auto; content: '\e837'; } /* '' */
.icons8-lock-2:before {  color:white; font-size: 230px; max-height: 120px; padding-top: 42px; display: inline-block; max-width: 108px; margin: 0 auto; content: '\e832'; } /* '' */

.icons8-phone-contact:before { font-size: 20px; font-weight: 900; position:relative; top: -32px; left: -30px; width: 70px; content: '\e83a'; } /* '' */
.icons8-clock-contact:before { position:relative; top: -2px; left: -12px; font-size: 50px; content: '\e843'; } /* '' */
.icons8-location-contact:before { position: relative; top: 15px; left: -15px; font-size: 80px; width: 50px; content: '\e849'; } /* '' */
.icons8-mail-contact:before { font-size: 30px; font-weight: 900; position: relative; top: -20px; left: -22px; width: 70px; content: '\e84d'; } /* '' */

/* najnoviji icon8 */

.icon-icons8-fantasy-64:before { content: '\e800'; } /* '' */
.icon-icons8-forward-1:before { content: '\e801'; } /* '' */
.icon-icons8-letter:before { content: '\e802'; } /* '' */
.icon-icons8-light-bulb:before { content: '\e803'; } /* '' */
.icon-icons8-phone-2:before { content: '\e804'; } /* '' */
.icon-icons8-register:before { content: '\e805'; } /* '' */
.icon-icons8-settings:before { content: '\e806'; } /* '' */
.icon-icons8-true-false:before { content: '\e807'; } /* '' */
.icon-icons8-user-2:before { content: '\e808'; } /* '' */
.icon-icons8-user:before { content: '\e809'; } /* '' */
.icon-icons8-add-user-male:before { content: '\e80a'; } /* '' */
.icon-icons8-clock-1:before { content: '\e80b'; } /* '' */
.icon-icons8-close:before { content: '\e80c'; } /* '' */
.icon-icons8-done-1:before { content: '\e80d'; } /* '' */
.icon-icons8-phone-1:before { content: '\e80e'; } /* '' */
.icon-html-file:before { content: '\e80f'; } /* '' */
.icon-jpeg-file:before { content: '\e810'; } /* '' */
.icon-png-file:before { content: '\e811'; } /* '' */
.icon-zip-file:before { content: '\e812'; } /* '' */
.icon-css-file:before { content: '\e814'; } /* '' */
.icon-htm5:before { content: '\e815'; } /* '' */
.icon-icons8-move-up:before { content: '\e817'; } /* '' */
.icon-icons8-download:before { content: '\e819'; } /* '' */
.icon-icons8-enlarge:before { content: '\e81b'; } /* '' */
.icon-icons8-airplane-take-off:before { content: '\e81c'; } /* '' */
.icon-icons8-helicopter:before { content: '\e81d'; } /* '' */
.icon-icons8-cycling:before { content: '\e81e'; } /* '' */
.icon-icons8-double-right:before { content: '\e81f'; } /* '' */
.icon-icons8-cancel:before { content: '\e822'; } /* '' */
.icon-icons8-expand-arrow-1:before { content: '\e823'; } /* '' */
.icon-icons8-collapse-arrow:before { content: '\e824'; } /* '' */
.icon-icons8-hide:before { content: '\e825'; } /* '' */
.icon-icons8-eye:before { content: '\e826'; } /* '' */
.icon-icons8-task-completed:before { content: '\e827'; } /* '' */
.icon-icons8-arrow-right:before { content: '\e828'; } /* '' */
.icon-icons8-back:before { content: '\e829'; } /* '' */
.icon-icons8-done:before { content: '\e82a'; } /* '' */
.icon-icons8-solution:before { content: '\e82b'; } /* '' */
.icon-icons8-forward:before { content: '\e82c'; } /* '' */
.icon-icons8-plus-math:before { content: '\e82d'; } /* '' */
.icon-icons8-subtract:before { content: '\e82e'; } /* '' */
.icon-icons8-multiply:before { content: '\e82f'; } /* '' */
.icon-icons8-copy:before { content: '\e830'; } /* '' */
.icon-icons8-error:before { content: '\e831'; } /* '' */
.icon-icons8-lock-2:before { content: '\e832'; } /* '' */
.icon-icons8-location-1:before { content: '\e833'; } /* '' */
.icon-icons8-lock-1:before { content: '\e834'; } /* '' */
.icon-icons8-login-2:before { content: '\e835'; } /* '' */
.icon-icons8-login:before { content: '\e836'; } /* '' */
.icon-icons8-magic-wand:before { content: '\e837'; } /* '' */
.icon-icons8-menu:before { content: '\e838'; } /* '' */
.icon-icons8-person:before { content: '\e839'; } /* '' */
.icon-icons8-phone:before { content: '\e83a'; } /* '' */
.icon-icons8-settings-1:before { content: '\e83b'; } /* '' */
.icon-icons8-shopping-cart:before { content: '\e83c'; } /* '' */
.icon-icons8-source-code:before { content: '\e83d'; } /* '' */
.icon-icons8-star-half-empty:before { content: '\e83e'; } /* '' */
.icon-icons8-archive-folder-1:before { content: '\e83f'; } /* '' */
.icon-icons8-bell:before { content: '\e840'; } /* '' */
.icon-icons8-chart:before { content: '\e841'; } /* '' */
.icon-icons8-christmas-star:before { content: '\e842'; } /* '' */
.icon-icons8-clock:before { content: '\e843'; } /* '' */
.icon-icons8-done-64:before { content: '\e844'; } /* '' */
.icon-icons8-exam:before { content: '\e845'; } /* '' */
.icon-icons8-expand-arrow:before { content: '\e846'; } /* '' */
.icon-icons8-home:before { content: '\e847'; } /* '' */
.icon-icons8-link:before { content: '\e848'; } /* '' */
.icon-icons8-location:before { content: '\e849'; } /* '' */
.icon-icons8-lock:before { content: '\e84a'; } /* '' */
.icon-icons8-login:before { content: '\e84b'; } /* '' */
.icon-icons8-logout:before { content: '\e84c'; } /* '' */
.icon-icons8-mail:before { content: '\e84d'; } /* '' */
.icon-icons8-male-user:before { content: '\e84e'; } /* '' */
.icon-icons8-padlock:before { content: '\e852'; } /* '' */