/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.clear70 {clear:both; height:70px;}
.clear80 {clear:both; height:80px;}

.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:13px; padding: 12px 0px;}
.breadcrumb {color:#D14B0D;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:inline-block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}


h2.entry {
    font-weight: 500;
    margin: 0 0 12px 0;
    color: #252839;
    font-size: 2em;
    line-height: normal;
}

h2.entry a {color: #252839;}
.glavna-tekst {text-align: left;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
    padding-top: 25px;
    padding-bottom: 50.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    height: 0;
}

.video-container.vimeo {
    padding-top: 0;
    padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* SPECIFIC */

body {color:#484848; font-family: 'Quicksand', sans-serif;}
p {color:#484848;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {margin-top:0}

#footer ul.simple-post-list li {padding:5px 0; border:none;}

#footer .contact i {float:right; margin:7px 0 10px 8px;}

#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}

ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}

ul.footerprojekti li span {color:#484848 !important;}


.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


img.background-poc {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    visibility: inherit;
    z-index: 20;
    opacity: 0.8;
}

.header-left a {
    color: #fff !important;
    padding-left: 20px;
    font-size: ;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: rgba(255, 255, 255, 0.9);
}

.header-left a:first-child {
    padding-left: 0px;
}

html #header.header-transparent-bottom-border .header-body {
    border-bottom: 0px solid rgba(0, 0, 0, 0);
    transition: opacity 1s ease !important;
    -webkit-transition: opacity 1s ease !important;
    -moz-transition: opacity 1s ease !important;
    background: #fff;
}


#header .header-logo {
    float: none !important;
}

#header.header-narrow .header-logo img {
    display: block;
    margin: 10px 12px 12px 0;
}

#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
    padding: 16px 48px 16px;
    margin: 0px 0px 0;
    font-weight: 500;
    color: #252839;
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
}

#header .header-nav-main.header-nav-main-square {
    margin-left: 0px;
}

.nav-pills>li+li {
    margin-left: 0px;
} 

#header .header-logo img {
    top: 1px;
}

.Rectangle-3-Copy {
  border: solid 5px rgba(0, 0, 0, 0.5);
  margin-top: -860px;
  padding: 34px;
}

.sadrzaj-unutar {
    padding: 140px 40px;
    background: rgba(0, 0, 0, 0.5);
}

.sadrzaj-unutar h1 {
    font-family: 'Lato', sans-serif;
    font-size: 4.8em;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 12px 0;
}

.sadrzaj-unutar h1 span {
    font-weight: 900;
    color: #f4be18;
}

.sadrzaj-unutar h4 {
    font-family: 'Lato', sans-serif;
    font-size: 3em;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 2px 0;
}

.sadrzaj-unutar h2 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 12px 0;
}


.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}

.video-container {
    padding-top: 90px;
    padding-bottom: 50.3%;
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 0px;
}

.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}


.text-left {
    float: left !important;
}

#footer {
    background-color: #252839;
    padding: 50px 0 0 !important;
    border-top: 0px solid #0e0e0e;
}

#footer p {
  font-size: 12px;
  color: rgba(255, 255, 255, 1);
  line-height: 16px;
  margin: 0px 0 10px;
}

#footer p span {
color: rgba(252, 105, 75, 0.9);
}

#footer img {
  margin-bottom: 20px !important;
}

#footer .footer-copyright {
    border-top: 0px solid #060606;
    margin-top: 20px;
    background-color: #f2b632;
    padding: 30px 0 15px;
    color: #252839;
}

#footer .footer-copyright p {
    color: #252839;
    line-height: 16px;
    font-size: 1em;
    margin-top: 4px;
}

#footer .footer-copyright a {
    color: #252839;
    line-height: 16px;
    font-size: 1em;
}

.social-footer {
    margin: 16px auto 0;
    display: block;
}

.social-footer a {
    margin-left: 46px;
    font-size: 1.6em;
}

.social-footer a:first-child {
    margin-left: 0px;
}

#footer .container .row > div {
    margin-bottom: 10px;
}




.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper {
  -webkit-transform: none;
          transform: none;
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper:after {
  background-color: rgba(1, 159, 220, 0.8);
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-inner {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-type {
  background: transparent;
  margin: 0;
}
.thumb-info.custom-thumb-info-style-2 {
  border: none;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:not(._rounded) {
  -webkit-transform: none;
          transform: none;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:after {
  content: none;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper._rounded {
  border-radius: 100%;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
  display: block;
  position: relative;
  padding: 30px !important;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption h4 {
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 0;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption p {
  padding: 0;
  margin: 0;
  line-height: 2;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption .custom-thumb-info-category {
  letter-spacing: 1.5px;
  font-size: 10px;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption .date {
  position: absolute;
  top: -12px;
  right: 12px;
  padding: 8px 13px 5px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 1.5px;
}

.tabs-vertical {
    border-top: 0px solid #EEE !important;
}

.thumb-info .thumb-info-action-icon {
    background-color: #F2B632 !important;
}

.thumb-info .thumb-info-type {
    font-size: 13px !important;
    margin: 10px -40px -16px 0px !important;
    padding: 4px 10px !important;
    color: #000;
    background-color: #F2B632 !important;
}

.thumb-info .thumb-info-type:hover {
    background-color: #c4a454 !important;
}

html .thumb-info .thumb-info-action-icon-light i {
    color: #fff;
}

.background-poc-back {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-content {
    position: absolute;
    padding: 0 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: -430px;
}

.header-content .header-content-inner {
    margin-right: auto;
    margin-left: auto;
}

.Rectangle-new {
    padding: 25px 25px;
    margin: 0 auto;
}

.border-left {
  border-left: solid 10px #01A451;
  border-bottom: solid 10px #01A451;
  border-top: solid 10px #01A451;
  height: 410px;
}

.border-right {
  border-right: solid 10px #01A451;
  border-bottom: solid 10px #01A451;
  border-top: solid 10px #01A451;
  height: 410px;
}

.sadrzaj-unutar {
    margin: 0 auto;
    padding: 46px 20px 20px 0px;
    background: rgba(0, 0, 0, 0);
}

.sadrzaj-unutar h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.36em;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 20px -40px 2px -60px;
}

.sadrzaj-unutar h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 3.8em;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 12px 0;
}

.sadrzaj-unutar h1 span {
    font-weight: 900;
    color: #f3be19;
}

.sadrzaj-unutar h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 3.3em;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    margin: 0px -40px 12px -60px;
}

.sadrzaj-unutar h2 span {
    color: #01a650;
}

#header .header-body {
    padding: 0;
  }

.background-poc-back-cover {
    background-color: rgba(0, 0, 0, 1);
  }

.background-poc-back {
    background-image: url(../slike/geoagi-bg.png);
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.6;
  }

.gumb-slider {
    width: auto;
    height: auto;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(45, 49, 66, 0.9);
    background-color: #f4d06f;
    text-transform: uppercase;
    padding: 6px 20px;
    margin-top: 8px;
  }

  .gumb-slider:hover {
    color: rgba(45, 49, 66, 0.9);
    background-color: #c4a454;
  }

a.gumb-slider:hover {
  color: rgba(45, 49, 66, 0.9);
  text-decoration: none !important;
}

.margin-30-manje {
  margin-left: -60px;
}

.padding-none {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.istaknute-znacajke {
  margin-top: -280px;
  margin-bottom: 90px;
}

.istaknute-znacajke img {
  margin-right: 10px;
}

h3 {
  font-size: 1.5em;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  margin-bottom: 12px;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(45, 49, 66, 0.9);
}

.istaknute-znacajke h3 {
  margin-top: 42px;
}

.istaknute-znacajke a:hover {
  text-decoration: none !important;
}

p {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
  margin: 0 0 12px;
}

a.link-gold {
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f4d06f;
}

#business-poc {
  background-color: #2e3343;
}

.usluge-krug {
  background-color: #f4d06f;
  padding: 20px;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  display: block;
}

.usluge-box img {
  position: relative;
}

.usluge-bg {
    padding: 40px 30px;
    background-color: rgba(11, 11, 11, 0.7);
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    margin: 0 auto;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #f4d06f;
    top: 32%;
    left: 22.2%;
    margin: 0 auto;
    text-align: center;
    bottom: auto;
    position: absolute;
}

.usluge-bg:hover {
    background-color: rgba(11, 11, 11, 0.86);
}

#business-poc h4 {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #f4d06f;
    margin: 12px 0px;
    text-align: center;
}

#business-poc p {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

#footer h4 {
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
    line-height: normal;
    letter-spacing: normal;
    color: #f2b632;
    margin-bottom: 10px !important;
}
}

#sub-menu-footer ul {
    font-size: 11px;
}

#sub-menu-footer ul li:first-child {
    border: medium none;
    padding-left: 0;
}

#sub-menu-footer ul li {
    border-left: 0px solid #505050;
    display: inline-block;
    line-height: 12px;
    margin: 0;
    font-size: 1em;
    padding: 0px;
}

#sub-menu-footer ul li a {
    color: #fff;
}

.pull-left {
    float: left !important;
}

#sub-menu-footer ul {
  list-style: none;
  -webkit-padding-start: 0px !important;
  -webkit-margin-after: 0em;
  margin-bottom: 0px;
}

#sub-menu-footer img {
    margin-top: -2px;
    margin-right: 6px;
}


ul.breadcrumb li a {
  font-size: 0.9em !important;
  color: #2E3343 !important;
}

.breadcrumb {
    color: #2E3343 !important;
    background-color: transparent !important;
    margin-bottom: 0px;
}

section.page-header h1 {
    border-bottom-color: #F4D06F;
}

.page-header {
    height: 180px;
    width: 100%;
    background: url(../slike/page-header-02.jpg) top center no-repeat;
    border-bottom: 0px solid #2E3343;
    border-top: 0px solid #384045;
    margin: 0 0 30px 0;
    min-height: 50px;
    padding: 72px 0 10px;
    text-align: right;
}

.page-header h1 {
    border-bottom: 0px solid #CCC;
    color: #252839;
    display: inline-block;
    font-weight: 900;
    margin: 0 0 -25px;
    min-height: 37px;
    font-size: 2.2em;
    line-height: 36px;
    padding: 0 0 17px;
    position: relative;
}

.page-header .breadcrumb {
    color: #252839 !important;
    font-size: 1.1em !important;

}

.page-header ul.breadcrumb li a {
    font-weight: 700;
    color: #252839 !important;

}

h2 {
    margin: 0 0 16px 0;
}

#header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a.active {
  color: #fff !important;
}

.thumb-info .thumb-info-inner h2 {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 12px !important;
    line-height: normal;
    letter-spacing: normal;
}

.thumb-info .type-zavrseno {
  padding: 0px 0px !important;
  background-color: transparent !important;
  margin: 4px 0px 0px 0px !important;
}

.thumb-info .inner-usluge h2{
  color: #2E3343 !important;
}

.thumb-info .type-zavrseno:hover {
  background-color: transparent !important;
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
    background: #FFF;
    transform: translate3d(0, 0px, 0) !important;
    color: #2E3343;
    opacity: 1 !important;
}

.blockimg-left {
    padding-left: 0 !important;
    margin-top: 0px;
}

.blockimg-right {
    padding-right: 0 !important;
    margin-top: 0px;
    float: right;
}

.masonry-loader {
    height: auto;
    overflow: visible;
    position: relative;
}

.masonry-loader ul.products .product {
    position: relative;
    margin-bottom: 25px;
}


.masonry-loader ul.products {
    padding: 0 0 25px 0;
    list-style: none;
}

.owl-carousel .owl-item img {
    transform-style: flat;
    -webkit-backface-visibility: hidden;
}

#header .header-dolje {
    background-color: #f2b632;
}


html.sticky-header-active #header .header-body .header-dolje {
    background: #F2B632;
    opacity: 1 !important;
    transition: opacity 1s ease !important;
    -webkit-transition: opacity 1s ease !important;
    -moz-transition: opacity 1s ease !important;
}

html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
    background: unset;
}

#header .header-search {
    float: left;
    margin: 21px 20px 20px 50px;
}

#header .header-search .form-control {
    border-radius: 0px;
    font-size: 1em;
    height: 50px;
    margin: 0;
    padding: 16px 12px;
    width: 370px;
    color: #484848;
    border: 1px solid #e9e9e9;
}

.btn-search {
  padding: 17px 20px 15px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #252839 !important;
  background: #F2B632 !important;
  font-family: 'Quicksand', sans-serif;
  border-radius: 0px !important;
}

#header .header-gore p {
    color: #252839;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(45, 49, 66, 0.9);
    margin: 0 0 0px;
    font-size: 14px;
}

#header .header-column .header-extra-info li .feature-box small {
    position: relative;
    top: 0px;
}
.small, small {
    font-size: 75%;
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border: 0px solid #CCC;
}

.feature-box .feature-box-info {
    padding-left: 48px;
}

#header .header-column .header-extra-info {
    list-style: outside none none;
    margin: 24px 0 0;
    padding: 0;
    float: left;
}

#header .header-nav-main {
    float: left;
    margin: 10px 0 0;
    min-height: 50px;
}

#header .header-nav-main.header-nav-main-square {
    margin-bottom: 0px;
}

#header .header-nav-main.header-nav-main-square {
    margin-left: 0px;
}

#header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a:first-child {
  padding-left: 0px;
}

#header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a,  #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a {
  color: #fff;
}

.banner-pocetna {
  height: 415px;
  background: url(../slike/banner-galmet.jpg) top left no-repeat;
  padding: 100px 26px 100px 26px !important;
}

.main {
  margin-top: 145px;
}

.podizbornik-header nav > ul li {
    border-bottom: 1px solid #e8e8e8;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
}

.podizbornik-header nav > ul li:hover {
    background: #F2B632;
}

.podizbornik-header nav > ul li a h3 {
  text-align: left;
  padding: 16.1px 6px 14.1px ;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
  text-transform: none;
  margin-left: 14px;
  margin-bottom: 0px;
}

.podizbornik-header nav > ul li a img {
  float: left;
  margin-top: 11px;
  margin-right: 16px;
}

.podizbornik-header nav > ul li a {
  float: right;
  width: 52%;
}

.podizbornik-header nav > ul li a .fas {
  float: right;
  margin-top: 2px;
}

.banner-pocetna h5 {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #677077;
}

.banner-pocetna h3 {
  font-family: 'Quicksand', sans-serif;
  font-size: 2.6em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  width: 552px;
  color: #f2b632;
}

.banner-pocetna h4 {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e9e9e9;
  text-transform: none;
  width: 683px;
}

#prednosti-box {
  background-color: #e9e9e9;
  color: #252839;
  padding: 30px 56px;
}

#prednosti-box img {
    float: none;
    margin: 0 auto;
}

#prednosti-box .prednost-1, #prednosti-box .prednost-2, #prednosti-box .prednost-3 {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}

.prednosti-tekst-gore {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
  font-weight: 600;
  margin-top: 8px;
}

.prednosti-tekst-dolje {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
  font-weight: 500;
}

.prednost-unutar {
    text-align: center;
}

.prednost-unutar img {
    height: 62px;
}

.prednost-1, .prednost-2 {
  border-right: 1px solid #000;
}

.slika-izdvojeno img {
  position: relative;
}

.slika-izdvojeno h4 {
    position: absolute;
    left: 36px;
    font-family: 'Quicksand', sans-serif;
    top: 80px;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 12px 0;
    color: #fff;
}

.slika-izdvojeno h3 {
    position: absolute;
    left: 36px;
    font-family: 'Quicksand', sans-serif;
    top: 100px;
    font-weight: 500;
    font-size: 2em;
    color: #fff;
}

.btn-primary {
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    background-color: #f2b632 !important;
    border-color: #f2b632 #f2b632 #f2b632 !important;
    border-radius: 15px;
    color: #252839 !important;
    font-family: 'Quicksand', sans-serif !important;
}

.btn-primary:hover {
    background-color: #fcac00 !important;
    color: #fff !important;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 7px 13px !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.btn-slika {
  position: absolute;
  top: 146px;
  left: 36px;
}

.tabs.tabs-simple .nav-tabs > li a {
    padding: 0px 12px !important;
    text-transform: uppercase !important;
    font-family: 'Quicksand', sans-serif !important;
    border-bottom: 0px solid #eee !important;
    border-radius: 0 !important;
    color: #252839 !important;
    font-size: 16px !important;
}

.tabs.tabs-bottom .nav-tabs li.active a {
    border-bottom: 0px solid #CCC !important;
    font-weight: 500;

}

.tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus {
  font-weight: 500;
}

.gumbi-novosti {
}

.tab-content {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    background-color: transparent;
    border: 0px solid #EEE;
    border-top: 0;
    padding: 0px;
}

#onama-poc {
  background-color: #f7f7f7;
  padding: 40px;
}


#onama-poc h2 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 42px;
    color: #252839;
    font-family: 'Quicksand', sans-serif !important;
    margin: 0 0 10px 0;
}

#onama-poc h2 span {
    font-weight: 600;
}

.tabs.tabs-bottom {
    margin: 12px 0 0px 0;
}

.tabs.tabs-simple .nav-tabs {
    margin-bottom: 0px;
}

.proizvodi-izdvojeno-sadrzaj {
  background: #fff;
  padding: 13px;
}

.proizvodi-izdvojeno-sadrzaj h5 {
  font-size: 10px;
  font-weight: 400;
  color: #677077;
  margin: 0 0 4px 0;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 12px;
}

.proizvodi-izdvojeno-sadrzaj h3 {
    font-size: 1em;
    font-weight: 500;
    color: #252839;
    height: 38px;
    margin-bottom: 2px;
    text-transform: none;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.proizvodi-izdvojeno-sadrzaj h3 a {
    color: #252839;
}

.proizvodi-izdvojeno-sadrzaj h3:hover a {
    color: #000;
}

.proizvodi-izdvojeno-sadrzaj p {
  font-size: 0.86em;
  font-weight: 300;
  color: #677077;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  overflow: hidden;
  margin: 0 0 2px;
}

.proizvodi-izdvojeno-sadrzaj .sadrzaj-p {
  height: 54px;
  overflow: hidden;
}

.checked {
    color: orange;
}

.stars-zajedno {
    text-align: right;
    float: right;
    margin-top: 6px;
}

.owl-popularno .owl-nav .owl-next:before {
    font-family: 'Quicksand', sans-serif !important;
    content: ">" !important;
    color: #252839 !important;
    font-size: 1.8em;
    position: relative !important;
    left: 2px !important;
    top: 1px !important;
}

.owl-popularno .owl-nav .owl-prev:before {
    font-family: 'Quicksand', sans-serif !important;
    content: "<" !important;
    color: #252839 !important;
    font-size: 1.8em;
    position: relative !important;
    left: 2px !important;
    top: 1px !important;
}

.owl-popularno .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.owl-popularno .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -272px;
    width: 5%;
    right: 0px;
    float: right;
}

.owl-popularno .owl-nav [class*="owl-"]:active, .owl-popularno .owl-nav [class*="owl-"]:focus, .owl-popularno .owl-nav [class*="owl-"]:active:hover, .owl-popularno .owl-nav [class*="owl-"]:active:focus {
    border-color: transparent;
    background-color: transparent;
}

.owl-popularno .owl-controls .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

.kategorije-box .nav>li>a {
    position: relative;
    padding: 2px 20px 0px 2px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.92;
    letter-spacing: normal;
    color: #677077;
    margin-left: 140px;
}

.kategorije-box .nav>li {
  float: none;
}

.kategorije-box h4 {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left: 142px;
    color: #252839;
    margin: 0 0 6px 0;
}

.kategorije-box h4 a {
  color: #252839;
}

.kategorije-box h4 a:hover {
  color: #000;
}

a.btn-kat {
    margin-left: 21px;
    margin-top: 14px;
    position: absolute;
}

.slika-kat {
}

.kategorije-izdvojeno {
    background-color: #f7f7f7;
    padding: 16px;
    float: left;
    height: 284px;
    width: 100%;
    margin-bottom: 20px;
}

#galmet-tvrtka {
  padding: 100px 0px;
  min-height: 550px;
  background: url(../slike/galmet-onama.jpg) top right no-repeat;
}

#galmet-tvrtka h1 {
  font-size: 2em;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
  margin: 0 0 24px 0;

}

#galmet-tvrtka h1 a {
  color: #252839;
}

#galmet-tvrtka h1:hover a {
  color: #000;
}

#galmet-tvrtka p {
  font-weight: 400;
  font-size: 0.88em;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #252839;
}

.bijelo-onama {
  background: #fff;
  padding: 50px 20px 50px 0px;
  min-height: 360px;
}

#galmet-tvrtka .sadrzaj-bijelo {
    position: absolute;
    margin-top: -312px;
        padding-right: 80px;
}

#map {
    width: 100%;
    height: 380px;
}

.sidebar .heading-primary {
    font-size: 18px;
    font-weight: 800;
    color: #000 !important;
    text-transform: uppercase;
    padding: 15px;
    background: #F2B632;
    text-align: center;
}
.sidebar h4 {
    margin: 0;
}

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

.catmenu .depth1 {
    background: #252839;
    font-size: 13px;
    border-bottom: 1px solid #fff;
}

.catmenu .depth1 a:link, .catmenu .depth1 a:visited, .catmenu .depth1 a:active, .catmenu .depth1 a:hover {
    color: #fff;
    width: 100%;
    display: block;
    padding: 5px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

.catmenu ul li {
    padding: 0;
}

.depth1 .active {
    background: #F2B632;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}

.catmenu .depth2 {
    background: #ddd;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}

.catmenu .depth2 a:link, .catmenu .depth2 a:visited {
    color: #000;
    width: 100%;
    display: block;
    padding: 3px 40px;
    text-decoration: none;
    background: #e6e3e5;
    text-transform: none;
    font-weight: 600;
}

.catmenu .depth2 a:hover {
  color: #F2B632;
}

.catmenu .depth2 a:active {
    color: #F2B632 !important;
}

.owl-carousel .owl-loaded {
    display: block !important;
}

.owl-proizvodi .owl-item, .owl-proizvodi2 .owl-item {
    opacity: 0.5;
}

.tabs-opis .product-tabs {
    margin-bottom: 50px;
}

.tabs-opis .nav-tabs li {
    display: inline-block;
    float: none;
}

.product-view .product-tabs ul.nav-tabs li a {
    text-transform: uppercase !important;
    font-size: 16px !important;
    padding: 10px 40px !important;
    border-radius: 20px 20px 0 0 !important;
    border: none;
    margin-right: 5px !important;
}

.product-view .product-tabs .nav.nav-tabs li.active a {
    background: #F2B632;
    color: #fff;
}

html body .product-tabs ul.nav-tabs li.active a, html.dark body .product-tabs ul.nav-tabs li.active a {
    border-top-color: #F2B632;
    color: #000;
}

.tabs-opis .product-tabs .tab-content p, .product-tabs .tab-content {
    font-size: 16px;
}
.tabs-opis .product-tabs .tab-content {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #e1e1e1;
}
.product-tabs .tab-content {
    padding: 37px 15px;
    min-height: 200px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 2px #eee;
    background-color: #fff;
}

.product-tabs .tab-content {
    min-height: 200px !important;
}

.detaljne-dokumenti {
    padding-left: 20px;
    margin-bottom: 5px;
}

h4.detaljne-naslov {
    margin: 0;
    background: #ececec;
    padding: 5px 10px;
}

.detaljne-dokumenti a[href $='.pdf'] {
    background: url("../slike/page_white_acrobat.png") top left no-repeat;
    padding: 0 0 6px 26px;
    background-position-y: 2px;
    font-size: 1.1em;
}

.detaljne-dokumenti a[href $='.xls'], .detaljne-dokumenti a[href $='.xlsx'], .detaljne-dokumenti a[href $='.csv'] {
    background: url("../slike/xlsx-icon.png") top left no-repeat;
    padding: 0 0 6px 26px;
    background-position-y: 2px;
    font-size: 1.1em;
}

.detaljne-dokumenti a[href $='.doc'], .detaljne-dokumenti a[href $='.docx'] {
    background: url("../slike/docx-icon.png") top left no-repeat;
    padding: 0 0 6px 26px;
    background-position-y: 2px;
    font-size: 1.1em;
}

.detaljne-dokumenti a {
    padding: 0;
    display: block;
}


h4.dokumenti-naslov-ispod {
    background-color: #EF4523 !important;
    text-transform: none;
    -moz-border-radius: 25px 10px / 10px 25px !important;
    border-radius: 25px 10px / 10px 25px !important;
    font-size: 1.2em;
    font-weight: 400;
    padding: 12px 18px;
    color: #fff !important;
    width: 100%;
    line-height: 24px;
}

.proizvodi-izdvojeno-sadrzaj-detaljnija {
  background: #F7F7F7 !important;
}

.proizvodi-izdvojeno-zajedno:hover img {
  opacity: 0.7;
  background-color: #000 !important;
}

.success {
    color: #00a900;
    font-weight: 500; }

.error {
    color: #d51b14;
    font-weight: 500; }

#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
    color: #252839;
}

html #header.header-semi-transparent .header-nav-main nav > ul > li:not(.active) > a {
    color: #252839;
}

#header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
    color: #fff;
}

#faq {    
  background-color: #f7f7f7;
  padding: 40px;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
  border-left-color: #f2b631 !important;
}

html body .tabs .nav-tabs li.active a,
html.dark body .tabs .nav-tabs li.active a {
  border-top-color: #5974a3 !important;
  color: #f2b631 !important;
}

html body .tabs .nav-tabs a,
html.dark body .tabs .nav-tabs a,
html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover {
  color: #252839 !important;
  background: #fff ;
}


html body .tabs .nav-tabs-proizvodi a,
html.dark body .tabs .nav-tabs-proizvodi a,
html body .tabs .nav-tabs-proizvodi a:hover,
html.dark body .tabs .nav-tabs-proizvodi a:hover {
  color: #252839 !important;
  background: transparent !important;
}

.modal-footer {
  border-top: 0 !important;
}

.footer-partneri {
  height: 30px;
}

#faq h3 {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 42px;
    color: #252839;
    font-family: 'Quicksand', sans-serif !important;
    margin: 0 0 20px 0;
}

#faq h3 span {
    font-weight: 600;
}

.tabs-navigation .nav-tabs > li a:before {
    display: none !important;
}



div.pagination {
    padding: 15px;
    margin: 3px;
}

div.pagination a {
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    background-color: #f2b632 !important;
    border-color: #f2b632 #f2b632 #f2b632 !important;
    border-radius: 15px;
    color: #252839 !important;
    font-family: 'Quicksand', sans-serif !important;
    padding: 4px 8px 4px 8px !important;
    margin: 2px;
    border: 1px solid #f2b632;
}

div.pagination a:hover, div.pagination a:active {
    border: 1px solid #f2b632;
    color: #000;
}

div.pagination span.page_current {
    font-weight: bold;
    padding: 4px 8px 4px 8px !important;
    margin: 2px;
    border: 1px solid #252839;
    zoom: 100%;
    text-decoration: none;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    background-color: #252839 !important;
    border-color: #252839 #252839 #252839 !important;
    border-radius: 15px;
    color: #fff !important;
    font-family: 'Quicksand', sans-serif !important;
}

div.pagination span.page_disabled {
    padding: 4px 8px 4px 8px !important;
    margin: 2px;
    border: 0px solid #EEE;
    color: #F2B632;
}

* span.elipsis {zoom:100%}

img.slika-proizvod-pocetna {
  height: 200px;
  width: 100%;
}

.footer-logotipi .eu-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-logotipi .eu-logo img {
    width: 25rem;
}