/*
Theme Name: OnePress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.3.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tested up to: 6.0.2
Requires PHP: 5.6
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
html, body {
 height: 100%;
}
/*------------------------------
	2.1 Typography
------------------------------*/
html, body {
 margin: 0;
 padding: 0;
}
html {
 box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 font-size: 62.5%;
}
@media (max-width: 1980px) {
 html {
  font-size: 50%; /* 8px */
 }
}
@media (max-width: 1439px) {
 html {
  font-size: 43.75%; /* 7px */
 }
}
@media (max-width: 991px) {
 html {
  font-size: 37.5%; /* 6px */
 }
}
body {
 background: #ffffff;
}
.site {
 background: #FFFFFF;
 position: relative;
 border-left: solid 4px #000;
 border-right: solid 4px #000;
}
body, button, input, select, textarea {
 font-family: "Fira Sans", sans-serif;
 font-size: 3rem;
 line-height: 1.27;
 color: #000000;
 letter-spacing: .2
}
body.onepress-menu-mobile-opening {
 overflow: hidden; /* Onemogućuje skrolovanje */
 position: relative;
 padding-right: var(--scrollbar-width); /* Kompenzuje širinu skrol trake */
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
.container {
 width: 93.2%;
 max-width: 100%;
}
.row > [class*="col-"] {
 padding-left: 10px;
 padding-right: 10px;
}
[class*="col-"] {
 padding-left: 10px;
 padding-right: 10px;
}
@media (min-width: 1800px) {
 .container {
  width: 1630px;
  max-width: 100%;
 }
}
.nopadding {
 padding: 0;
}
pre, code, input, textarea {
 font: inherit;
}
::-moz-selection {
 background: #000000;
 color: #FFFFFF;
}
::selection {
 background: #000000;
 color: #FFFFFF;
}
.hero {
 width: 100%;
 height: auto;
 display: block;
 border-bottom:solid 4px #000
}
/*------------------------------
	2.2 Links
------------------------------*/
a {
 text-decoration: none;
 outline: none;
 transition: all .2s;
}
a.more {
 font-family: 'Fira Sans', sans-serif;
 font-weight: 900;
 line-height: 40px;
 letter-spacing: 0;
 text-transform: uppercase;
 font-size: 2.5rem;
 letter-spacing: .2rem
}
a:hover {
 text-decoration: none;
 outline: none;
 text-decoration: none;
 color: #5AC5F2;
}
a:active, a:focus, a:hover {
 outline: none;
 text-decoration: none;
}
.wpcf7-not-valid-tip {
 color: #dc3232;
 font-size: 1.4rem;
}
/*------------------------------
	2.3 Heading
------------------------------*/
h1, h2, h3, h4, h5, h6 {
 clear: both;
 font-weight: 700;
 margin-bottom: 0;
 margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration: none;
}
h1 {
 line-height: 1.1;
 font-size: 4rem;
}
h2 {
 line-height: 1.1;
 font-size: 4rem;
}
h3 {
 line-height: 1.2;
 font-size: 3rem;
}
.entry-content h3 {
 margin-bottom: 1rem;
}
h4, h5, h6 {
 line-height: 1.4;
 font-size: 3rem;
 text-transform: uppercase;
 letter-spacing: .1rem
}
/*------------------------------
	2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
 margin-bottom: 15px;
 margin-bottom: 1rem;
 margin-top: 0;
}
.entry-content p {
 margin-bottom: 2rem
}
/*------------------------------
	2.5 Content
------------------------------*/
img {
 height: auto;
 max-width: 100%;
 vertical-align: middle;
}
b, strong {
 font-weight: bold;
}
blockquote {
 clear: both;
 margin: 20px 0;
}
blockquote p {
 font-style: italic;
}
blockquote cite {
 font-style: normal;
 margin-bottom: 20px;
 font-size: 13px;
}
dfn, cite, em, i {
 font-style: italic;
}
figure {
 margin: 0;
}
address {
 margin: 20px 0;
}
hr {
 border: 0;
 border-top: 1px solid #e9e9e9;
 height: 1px;
 margin-bottom: 20px;
}
tt, kbd, pre, code, samp, var {
 background-color: #e9e9e9;
 padding: 5px 7px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
pre {
 overflow: auto;
 white-space: pre-wrap;
 max-width: 100%;
 line-height: 1.7;
 margin: 20px 0;
 padding: 20px;
}
details summary {
 font-weight: bold;
 margin-bottom: 20px;
}
details :focus {
 outline: none;
}
abbr, acronym, dfn {
 cursor: help;
 font-size: 0.95em;
 text-transform: uppercase;
 border-bottom: 1px dotted #e9e9e9;
}
mark {
 background-color: #fff9c0;
 text-decoration: none;
}
small, .note {
 font-size: 15px;
 line-height:1.4
}
big {
 font-size: 125%;
}
ul, ol {
 padding: 4px;
}
ul {
 list-style: disc;
}
ol {
 list-style: decimal;
}
ul li, ol li {
 margin: 0;
}
.entry-content ul li, .entry-content ol li {
 margin-bottom: 4px;
 line-height: 1.2;
}
dt {
 font-weight: bold;
}
dd {
 margin: 0 20px 20px;
}
.entry-header {
 margin-bottom: 2rem;
}
.entry-content ul li {
 margin-left: 0;
 padding-left: 2rem;
 list-style: none;
 position: relative;
}
.entry-content ol li {
 margin-left: 2rem;
 padding-left: 0;
}
.entry-content ul li:before {
 content: "–";
 position: absolute;
 top: 6px;
 left: 0;
 line-height: 1;
 font-weight: 600;
 font-size: 2.4rem;
}
/*------------------------------
	2.6 Table
------------------------------*/
table {
 width: 100%;
 margin-bottom: 20px;
 border: 1px solid #e9e9e9;
 border-collapse: collapse;
 border-spacing: 0;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
 border: 1px solid #e9e9e9;
 line-height: 1.42857;
 padding: 5px;
 vertical-align: middle;
}
table > thead > tr > th, table > thead > tr > td {
 border-bottom-width: 2px;
}
table th {
 text-transform: uppercase;
}
/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
 padding: 20px;
 border: 1px solid #e9e9e9;
}
.page .codedropz-upload-handler {
 border: 2px dashed #000;
 border-radius: 0;
 margin-bottom: 0;
 position: relative;
}
.page .dnd-upload-counter {
 position: absolute;
 right: 5px;
 bottom: 13px;
 font-size: 12px;
}
.page .wpcf7 form .wpcf7-response-output {
 margin: 0 0 2rem;
 padding: 0.2em 1em;
 border: 2px solid #000;
 color: #000;
 font-weight: 500;
 font-size: 2rem;
}
.page .wpcf7 form.sent .wpcf7-response-output {
 border-color: #e1d6e9;
 color: #333;
}
textarea {
 width: 100%;
 max-height: 100px;
}
.wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
 color: #333;
}
.wpcf7 input:-moz-placeholder, .wpcf7 textarea:-moz-placeholder {
 color: #333;
 opacity: 1;
}
.wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {
 color: #333;
 opacity: 1;
}
.wpcf7 input:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder {
 color: #333;
}
textarea:not(.editor-post-title__input), input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
 padding: 2rem 1rem;
 max-width: 100%;
 border: solid 4px #000;
 font-size: 2rem;
 font-weight: normal;
 line-height: 22px;
 box-shadow: none;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 background: transparent;
 box-sizing: border-box;
 color: #000000;
 width: 100%;
}
.ppw-ppf-input-container label.ppw-pwd-label {
        font-size: 3rem !important;
		float:left;
		margin-top:-3px;
}
.ppw-ppf-field-container .ppw-pwd-submit-btn{margin-top:27px; margin-left:1rem; display:inline-block;}
textarea:not(.editor-post-title__input):focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus {
 background: rgba rgba(255, 255, 255, .2);
 border-radius: 0;
 outline: none;
}
button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type=radio], input[type=checkbox] {
 margin: 0 2px;
}
.wpcf7-radio{font-size:18px;}
.wpcf7-spinner {
	display: block;
	margin: 12px 24px 0 24px;
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
 background-color: #f8f9f9;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 clip: auto !important;
 color: #03c4eb;
 display: block;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 17px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000; /* Above WP toolbar */
}
/*------------------------------
	2.8 Accessibility
------------------------------*/
/*------------------------------
	2.9 Alignments
------------------------------*/
.alignleft {
 text-align: left;
}
.alignright {
 text-align: right;
}
.aligncenter {
 text-align: center;
}
/*------------------------------
	3.0 Clearings
------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
 content: "";
 display: table;
 clear: both;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
 clear: both;
}
/*------------------------------
	3.1 Infinite Scroll
------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
 display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
 display: block;
}
/*------------------------------
	3.1 Helper.
------------------------------*/
.hide {
 display: none;
}
.clearleft {
 clear: left;
}
.break, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
 word-break: break-word;
 word-wrap: break-word;
}
/**
Footer widgets
 */
.footer-widgets {
 background: #050505;
}
.footer-widgets .sidebar .widget {
 margin-bottom: 30px;
}
.footer-widgets .sidebar .widget:last-of-type {
 margin-bottom: 0;
}
.footer-widgets .sidebar .execphpwidget {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.footer-widgets .sidebar .execphpwidget .eu p{
 max-width: 420px;
 line-height: 1.1;
 margin-top: 1rem;
}
.socials {
 display: flex;
}
.socials a {
 width: 48px;
 height: 48px;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 3px solid #000;
 border-left: none; /* Ukloni lijevi border za sve osim prvog */
}
.socials a:first-child {
 border-left: 3px solid #000;
}
.socials img {
 max-width: 24px;
 max-height: 24px;
}
/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/
/* Header
------------------------------*/
.site-header {
 line-height: 168px;
 position: relative;
 width: 100%;
 background: #ffffff;
 z-index: 1000;
 -webkit-transition: all 1s ease-out;
 /* Safari */
 transition: all 0.5s ease-out;
}
.followWrap {
 display: block;
}
.site-branding {
 padding: 0 5rem;
}
.site-branding .site-title {
 display: inline-block;
}
.site-branding .site-image-logo {
 display: block;
}
.onepress-menu, .onepress-menu * {
 margin: 0;
 padding: 0;
 list-style: none;
}
.onepress-menu {
 line-height: 6rem;
 border-top: solid 4px #000;
 border-bottom: solid 4px #000;
 display: flex;
 justify-content: space-between; /* ravnomjerno raspoređuje stavke */
 align-items: center;
 flex-wrap: wrap; /* omogućuje prijelom ako ne stanu u jedan red */
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
.onepress-menu ul {
 position: absolute;
 display: block;
 height: 1px;
 overflow: hidden;
 opacity: 0;
 z-index: -1;
 top: 100%;
 left: 0;
}
.onepress-menu ul.sub-ul-r {
 left: auto;
 right: 0px;
}
.onepress-menu ul ul {
 top: 0;
 left: 100%;
}
.onepress-menu li {
 position: relative;
 border-right: 4px solid #000;
 flex: 1 1 auto; /* sve stavke zauzimaju jednak prostor */
 text-align: center; /* centrirani linkovi */
}
.onepress-menu li:last-child {
 position: relative;
 border-right: none;
}
.onepress-menu > li {
 float: left;
}
.onepress-menu li:hover > ul, .onepress-menu li.sfHover > ul {
 display: block;
 height: initial;
 overflow: initial;
 opacity: 1;
 z-index: 99;
}
.onepress-menu a {
 display: block;
 position: relative;
 letter-spacing: .1rem;
 transition: all .2s;
}
.onepress-menu ul {
 min-width: 12em;
 width: fit-content;
 max-width: 100vw;
 border: 1px solid #e9e9e9;
 border-top: none;
}
.onepress-menu li {
 white-space: nowrap;
 *white-space: normal;
 -webkit-transition: background 0.2s;
 transition: background 0.2s;
}
.onepress-menu li:hover, .onepress-menu li.sfHover {
 -webkit-transition: none;
 transition: none;
}
.onepress-menu a {
 font-size: 2.5rem;
 font-weight: 700;
 text-transform: uppercase;
 text-decoration: none;
 padding-top: 2px;
 zoom: 1;
 color: #000;
 transition: all .2s;
}
.onepress-menu a:hover {
 background-color: #5AC5F2;
}
.onepress-menu ul li a:hover {
 color: #03c4eb;
}
.onepress-menu li.current-menu-item > a {
 background-color: #5AC5F2;
}
.onepress-menu > li a.menu-actived {
 color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
 display: none;
}
#nav-toggle {
 display: none;
}
@media screen and (max-width: 1140px) {
 .main-navigation {
  position: static;
 }
 .main-navigation .onepress-menu {
  width: 100% !important;
  display: block;
  height: 0px;
  overflow: hidden;
  background: #fff;
  border: none;
  padding-left: 0;
  padding-right: 0;
 }
 .onepress-menu.onepress-menu-mobile {
  position: fixed;
  top: 0 !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100% !important; /* unutar border okvira */
  height: 100vh !important;
  background: #fff;
  display: flex; /* omogućava vertikalno centriranje */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  z-index: 9999;
  padding: 0;
  ;
  margin: 0;
  border: none !important;
 }
 .onepress-menu.onepress-menu-mobile li {
  flex: none !important; /* nadjača naslijeđeno */
  border: none !important;
 }
 .onepress-menu.onepress-menu-mobile li a {
  padding: 0.5rem 1rem;
  text-align: center;
 }
 .onepress-menu.onepress-menu-mobile .sub-menu {
  width: auto;
 }
 .onepress-menu.onepress-menu-mobile > li > a {
  padding: 12px 20px;
 }
 .onepress-menu.onepress-menu-mobile li:hover ul {
  display: none;
 }
 .onepress-menu.onepress-menu-mobile ul {
  box-shadow: none;
  padding-bottom: 0;
  border: none;
  position: relative;
 }
 .onepress-menu.onepress-menu-mobile ul li:last-child {
  border-bottom: none;
 }
 .onepress-menu.onepress-menu-mobile ul li a {
  padding: 12px 35px;
  border-top: none;
  white-space: pre-line;
 }
 .onepress-menu.onepress-menu-mobile ul li a:hover {
  background: transparent;
 }
 .onepress-menu.onepress-menu-mobile ul li li a {
  padding: 12px 70px;
  border-top: none;
 }
 .onepress-menu.onepress-menu-mobile ul li li li a {
  padding: 12px 105px;
 }
 .onepress-menu.onepress-menu-mobile ul ul {
  left: 0px;
 }
 .onepress-menu.onepress-menu-mobile li {
  line-height: 20px;
  background: #ffffff;
  width: 100% !important;
  max-width: 250px;
  border-top: solid 4px #000 !important;
  border-left: solid 4px #000 !important;
  border-right: solid 4px #000 !important;
 }
 .onepress-menu.onepress-menu-mobile li:last-child {
  border-bottom: solid 4px #000 !important;
 }
 .onepress-menu.onepress-menu-mobile > li:first-child {
  border-top: 0px none;
 }
 .onepress-menu.onepress-menu-mobile li > a:hover, .onepress-menu.onepress-menu-mobile li.current-menu-item > a {
  background-color: #5AC5F2;
 }
 .onepress-menu.onepress-menu-mobile a {
  color: #000000;
 }
 .onepress-menu.onepress-menu-mobile a:hover {
  color: #000000;
 }
 .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
  display: block;
  border-left: 1px solid #e9e9e9;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  padding: 11px 20px;
  z-index: 10;
  font-size: 22px;
 }
 .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
  content: "\f106" !important;
 }
 .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
  left: 0px;
  display: block !important;
  height: initial;
  overflow: initial;
  opacity: 1;
  z-index: inherit;
 }
 #nav-toggle {
  display: block;
  z-index: 10000
 }
}
#nav-toggle {
 float: none;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 4.5rem;
 height: 30px;
 width: 30px;
 overflow: hidden;
 white-space: nowrap;
 color: transparent;
 line-height: 1;
}
#nav-toggle span {
 position: absolute;
 top: 50%;
 right: 5px;
 margin-top: -2px;
 -webkit-transition: rotate 0.2s, translate 0.2s;
 -moz-transition: rotate 0.2s, translate 0.2s;
 transition: rotate 0.2s, translate 0.2s;
 display: inline-block;
 height: 3px;
 width: 24px;
 background: #000000;
}
#nav-toggle span:before {
 top: -8px;
}
#nav-toggle span:after {
 top: 8px;
}
#nav-toggle span:before, #nav-toggle span:after {
 position: absolute;
 display: inline-block;
 height: 3px;
 width: 24px;
 background: #000000;
 content: "";
 right: 0;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-origin: 0% 50%;
 -moz-transform-origin: 0% 50%;
 -ms-transform-origin: 0% 50%;
 -o-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
 -webkit-transition: -webkit-transform 0.2s;
 -moz-transition: -moz-transform 0.2s;
 transition: transform 0.2s;
}
#nav-toggle.nav-is-visible span {
 background: transparent;
}
#nav-toggle.nav-is-visible span:before {
 -webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
 -moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
 -ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
 -o-transform: translateX(4px) translateY(-1px) rotate(45deg);
 transform: translateX(4px) translateY(-1px) rotate(45deg);
}
#nav-toggle.nav-is-visible span:after {
 -webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
 -moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
 -ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
 -o-transform: translateX(4px) translateY(0px) rotate(-45deg);
 transform: translateX(4px) translateY(0px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
 background: #000000;
}
.site-content {
 border-top: 1px solid #e9e9e9;
 margin-top: -1px;
}
.site-content.no-border {
 border-top: none;
}
.blog .site-content, .tax-portfolio_cat .site-content, .single-post .site-content, .hiding-page-title .site-content {
 margin-top: 0;
}
.page-header {
 padding: 30px 0px;
 border-top: 1px solid #e9e9e9;
 background: #f8f9f9;
 border-bottom: 1px solid #e9e9e9;
 position: relative;
}
.page-header:before {
 position: absolute;
 top: 0px;
 bottom: 0;
 left: 0;
 width: 100%;
 display: block;
 content: " ";
}
.page-header .entry-title, .page-header .page-title {
 text-transform: uppercase;
}
.page-header p {
 margin: 6px 0px 0px 0px;
}
.page-header.page--cover {
 position: relative;
 padding: 8% 0px;
 text-align: center;
 border-top: 0 none;
 border-bottom: 0 none;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}
.page-header.page--cover:before {
 position: absolute;
 top: 0px;
 bottom: 0;
 left: 0;
 width: 100%;
 display: block;
 background: rgba(0, 0, 0, 0.3);
 content: " ";
}
.page-header.page--cover .entry-title {
 color: #ffffff;
}
.page-header.page--cover .entry-tagline {
 color: #ffffff;
}
.site-footer {
 background: #000;
 color: #fff;
}
.site-footer .site-info {
 position: relative;
 text-align: center;
 padding: 35px 0px;
}
.site-footer .site-info .container {
 position: initial;
}
.site-footer .btt a {
 border-radius: 0px 20px 0 0;
 background: #000;
 display: block;
 font-size: 30px;
 height: 50px;
 line-height: 50px;
 margin: auto;
 position: absolute;
 right: 60px;
 top: -25px;
 transition: all 0.2s linear 0s;
 width: 50px;
 z-index: 99;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
}
.site-footer .btt a:hover {
 color: #03c4eb;
}
.site-footer .btt a i {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 margin-left: 3px;
}
@media screen and (max-width: 940px) {
 .site-footer .btt a {
  right: 0;
  left: 0;
 }
}
.search-results .hentry {
 border-bottom: 1px solid #e9e9e9;
 padding-bottom: 25px;
 margin-bottom: 25px;
}
.search-results .entry-summary p {
 margin-bottom: 0px;
}
.search-results .entry-header .entry-title a:hover {
 text-decoration: none;
}
.service {
 border: solid 4px #000;
 display: flex;
 flex-direction: column;
 height: 100%;
}
.team-member {
 height: clac(100% - 3rem);
 margin-bottom: 3rem;
 border: solid 4px #000;
}
.team-member .entry-thumbnail {
 position: relative;
}
.wpgmza_map{position: relative;}
.team-member .entry-thumbnail:after, .wpgmza_map:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #BCE4FA;
 mix-blend-mode: multiply;
 pointer-events: none;
}
.team-member .entry-thumbnail img {
 filter: grayscale(100%) brightness(1.2);
 mix-blend-mode: multiply;
 background-color: #BCE4FA;
}
.team-member .entry-header {
 margin: 0;
 padding: 1rem;
}
.team-member .entry-header p {
 margin: 0;
}
/* Kvadratni thumbnail s centriranom slikom */
.section-services .entry-thumbnail {
 margin-bottom: 0;
 background: #BCE4FA;
 aspect-ratio: 1 / 1; /* automatski kvadrat */
 display: flex;
 align-items: center;
 justify-content: center;
}
/* Slika unutar thumbnaila */
.section-services .entry-thumbnail img {
 width: 45%; /* manja da stane vizualno u centar */
 height: auto;
}
/* Naslovni dio */
.service .title {
 border-top: solid 4px #000;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 0 10px;
 height: 8rem;
}
/* Naslov unutar .title */
.service .title h3 {
 margin: 0;
 line-height: 5rem;
}
.single .entry-header .entry-title {
 margin-bottom: 1.5rem;
}
.entry-content blockquote {
 padding: 30px;
 position: relative;
 background: #f8f9f9;
 border-left: 3px solid #03c4eb;
 font-style: italic;
}
.entry-content blockquote p {
 margin: 0px;
}
/* Entry Stuff
------------------------------*/
.entry-meta {
 margin-bottom: 30px;
 text-transform: uppercase;
 padding-bottom: 30px;
 border-bottom: 1px solid #e9e9e9;
}
.entry-footer {
 margin-bottom: 30px;
 padding-top: 30px;
 border-top: 1px solid #e9e9e9;
}
.entry-footer .cat-links, .entry-footer .tags-links {
 display: block;
 text-transform: uppercase;
 margin-top: 5px;
}
.nav-links {
 padding: 30px 0px;
 border-left: none;
 border-right: none;
 margin-bottom: 50px;
 flex-basis: 100%;
 text-align: center;
}
.nav-links .nav-previous {
 float: left;
}
.nav-links .nav-next {
 float: right;
}
.nav-links a, .nav-links .page-numbers {
 background: #cccccc;
 color: #FFFFFF;
 padding: 12px 20px;
}
.nav-links a:hover, .nav-links a.current, .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
 background: #03c4eb;
 text-decoration: none;
}
.bypostauthor {
 margin: 0;
}
.wp-caption {
 max-width: 100%;
 font-style: italic;
 line-height: 1.35;
 margin-bottom: 15px;
 margin-top: 5px;
}
.wp-caption img[class*=wp-image-] {
 display: block;
 max-width: 100%;
}
.wp-caption .wp-caption-text {
 margin: 10px 0px;
}
.wp-caption-text, .entry-thumbnail-caption, .cycle-caption {
 font-style: italic;
 line-height: 1.35;
 font-size: 13px;
}
/* WordPress Gallery
------------------------------*/
.gallery {
 margin-bottom: 1.5em;
}
.gallery-item {
 display: inline-block;
 text-align: center;
 vertical-align: top;
 width: 100%;
}
.gallery-columns-2 .gallery-item {
 max-width: 50%;
}
.gallery-columns-3 .gallery-item {
 max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
 max-width: 25%;
}
.gallery-columns-5 .gallery-item {
 max-width: 20%;
}
.gallery-columns-6 .gallery-item {
 max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
 max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
 max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
 max-width: 11.11%;
}
.gallery-caption {
 display: block;
}
.btn, input[type="submit"] {
 text-transform: uppercase;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 box-shadow: none;
 font-size: 3rem;
 font-weight: 700;
 border: solid 4px #000;
 padding: 1.6rem 5rem 1.3rem;
 letter-spacing: .3rem;
 background: #fff !important;
 transition: all .2s;
}
.btn:hover, input[type="submit"]:hover {
 border: solid 4px #5AC5F2;
 color: #5AC5F2;
}
.btn:active, .btn:focus, input[type="submit"]:active, input[type="submit"]:focus {
 outline: none !important;
}
.slider-spinner {
 width: 40px;
 height: 40px;
 position: relative;
 margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 background-color: #fff;
 opacity: 0.6;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-animation: sk-bounce 2s infinite ease-in-out;
 animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
 -webkit-animation-delay: -1s;
 animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
 0%, 100% {
  -webkit-transform: scale(0);
 }
 50% {
  -webkit-transform: scale(1);
 }
}
@keyframes sk-bounce {
 0%, 100% {
  transform: scale(0);
  -webkit-transform: scale(0);
 }
 50% {
  transform: scale(1);
  -webkit-transform: scale(1);
 }
}
.sidebar .widget {
 margin-bottom: 40px;
}
.sidebar .widget ul {
 list-style: none;
 padding: 0px;
}
.sidebar .widget ul:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.search-form {
 display: flex;
 width: 100%;
 align-items: center;
}
.search-form .search-field {
 width: 100% !important;
 padding: 10px 15px;
 padding: 0.625rem 0.9375rem;
}
.search-form .search-submit {
 width: auto;
 margin: 0px 0 0 0.5em;
 height: 100%;
}
.search-form label {
 flex-grow: 2;
 margin: 0px;
}
.post-type-archive-klijenti .list-article-content {
 border: solid 4px #000;
 padding: 2rem;
}
.hero img {
 max-width: 100%;
 margin: 0 auto;
}
.section-padding {
 padding: 7rem 0rem;
}
.section-padding-lg {
 padding: 28rem 0rem;
}
.section-padding-small {
 padding: 3rem 0rem;
}
.section-padding-top {
 padding: 7rem 0 0;
}
.section-testimonials .container.section-padding-top {
 padding: 7rem 15px 3rem 15px;
}
.section-padding-top-small {
 padding: 3rem 0 0;
}
.section-padding-bottom {
 padding: 0 0 7rem;
}
.section-padding-bottom-small {
 padding: 0 0 3rem;
}
.list-article.section-padding-bottom-small:last-of-type{padding-bottom: 0;}
.list-article.section-padding-bottom-small p:last-child{margin-bottom: 0;}
.section-meta {
 background-color: #f8f9f9;
}
.onepage-section {
 position: relative;
 overflow: hidden;
}
.onepage-section:before {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 display: block;
 content: " ";
 z-index: 1;
}
.onepage-section .container-fluid, .onepage-section .container {
 position: relative;
 z-index: 5;
}
.section-title-area {
 line-height: 6rem;
 border-top: solid 4px #000;
 border-bottom: solid 4px #000;
}
.section-title-area .section-subtitle {
 display: inline-block;
 position: relative;
 padding: 0 5rem;
 margin: 0;
 border-right: solid 4px #000;
 text-transform: uppercase;
 line-height: 6.4rem
}
/* Section: Gallery
------------------------------*/
.gallery-grid .g-item {
 padding: 10px;
 float: left;
}
.all-gallery {
 text-align: center;
 margin-top: 40px;
 display: block;
}
.g-zoom-in .g-item {
 display: block;
 overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
 display: block;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
.g-zoom-in .g-item img {
 display: block;
 overflow: hidden;
 -webkit-transition: all 0.5s linear;
 transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
 -ms-transform: scale(1.5, 1.5); /* IE 9 */
 -webkit-transform: scale(1.5, 1.5); /* Safari */
 transform: scale(1.5, 1.5);
}
.g-layout-full-width.container {
 width: 100%;
 max-width: none;
 padding: 0px;
}
@media screen and (min-width: 720px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
@media screen and (min-width: 576px) and (max-width: 720px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
@media screen and (max-width: 576px) {
 .g-col-1 .g-item {
  width: 100%;
 }
 .g-col-1 .g-item:nth-child(1n+1) {
  clear: left;
 }
 .g-col-2 .g-item {
  width: 50%;
 }
 .g-col-2 .g-item:nth-child(2n+1) {
  clear: left;
 }
 .g-col-3 .g-item {
  width: 33.3333333333%;
 }
 .g-col-3 .g-item:nth-child(3n+1) {
  clear: left;
 }
 .g-col-4 .g-item {
  width: 25%;
 }
 .g-col-4 .g-item:nth-child(4n+1) {
  clear: left;
 }
 .g-col-5 .g-item {
  width: 20%;
 }
 .g-col-5 .g-item:nth-child(5n+1) {
  clear: left;
 }
 .g-col-6 .g-item {
  width: 16.6666666667%;
 }
 .g-col-6 .g-item:nth-child(6n+1) {
  clear: left;
 }
}
.gallery-justified {
 width: 100%;
 position: relative;
 overflow: hidden;
}
.gallery-justified img {
 max-width: none;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: 0;
 padding: 0;
 border: none;
}
.gallery-justified > a, .gallery-justified > div {
 position: absolute;
 display: inline-block;
 overflow: hidden;
 float: left;
}
.gallery-masonry {
 width: 100%;
 position: relative;
 display: block;
}
.gallery-masonry:after {
 clear: both;
}
.gallery-masonry .inner {
 display: block;
}
.owl-carousel {
 display: none;
 width: 100%;
 -webkit-tap-highlight-color: transparent;
 /* position relative and z-index fix webkit rendering fonts issue */
 position: relative;
 z-index: 1;
}
.owl-carousel .owl-stage {
 position: relative;
 -ms-touch-action: pan-Y;
 touch-action: manipulation;
 -moz-backface-visibility: hidden;
 /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
.owl-carousel .owl-stage-outer {
 position: relative;
 overflow: hidden;
 /* fix for flashing background */
 -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
 position: relative;
 min-height: 1px;
 float: left;
 -webkit-backface-visibility: hidden;
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
 display: block;
 width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
 display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
 cursor: pointer;
 cursor: hand;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel.owl-loaded {
 display: block;
}
.owl-carousel.owl-loading {
 opacity: 0;
 display: block;
}
.owl-carousel.owl-hidden {
 opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
 visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
 -ms-touch-action: none;
 touch-action: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel.owl-grab {
 cursor: move;
 cursor: grab;
}
.owl-carousel.owl-rtl {
 direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
 float: right;
}
/* No Js */
.no-js .owl-carousel {
 display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
 -webkit-animation-duration: 1000ms;
 animation-duration: 1000ms;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
 z-index: 0;
}
.owl-carousel .owl-animated-out {
 z-index: 1;
}
.owl-carousel .fadeOut {
 -webkit-animation-name: fadeOut;
 animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
@keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
 transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
 opacity: 0;
 transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
 position: relative;
 height: 100%;
 background: #000;
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
 display: none;
}
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme {
 position: relative;
}
.owl-theme .owl-nav button {
 position: absolute;
 top: 50%;
 background-color: transparent !important;
 border-radius: 0;
 color: #999;
 cursor: pointer;
 display: block;
 font-size: 22px;
 margin-top: 0px;
 padding: 4px 10px 5px;
 border: 0px none;
 transform:translateY(-50%);
}
.owl-theme .owl-nav button:focus {
 box-shadow: none;
 outline: none;
}
.owl-theme .owl-nav:hover {
 background-color: rgba(0, 0, 0, 0.6);
 color: #fff;
}
.owl-theme .owl-nav .owl-prev {
 left: -6rem;
}
.owl-theme .owl-nav .owl-prev .lg-icon::before {
 content: "\e094";
}
.owl-theme .owl-nav .owl-next {
 right: -4rem;
}
.owl-theme .owl-nav .owl-next .lg-icon::before {
 content: "\e095";
}
.owl-theme .owl-nav {
 margin-top: 0px;
 text-align: center;
 -webkit-tap-highlight-color: transparent;
}
.gallery-carousel.owl-theme .owl-nav [class*=owl-] {
 color: #FFF;
 font-size: 14px;
 margin: 5px;
 padding: 4px 7px;
 display: inline-block;
 cursor: pointer;
 border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
 background: #869791;
 color: #FFF;
 text-decoration: none;
}
.owl-theme .owl-nav .disabled {
 opacity: 0.5;
 cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
 margin-top: 10px;
}
.owl-theme .owl-dots {
 text-align: center;
 -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
 display: inline-block;
 zoom: 1;
 *display: inline;
 background: none !important;
 box-shadow: none !important;
 outline: none !important;
 border: 0px none;
 padding: 0px;
}
.owl-theme .owl-dots .owl-dot span {
 width: 10px;
 height: 10px;
 margin: 5px 7px;
 background: #D6D6D6;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity 200ms ease;
 border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
 background: #869791;
}
@media (max-width: 1439px) {
 .site-header {
  line-height: 152px;
 }
 .site-branding {
    border-bottom: solid 4px #000;
}
 .site-logo-div img {
  height: 68px !important;
 }
 .socials a {
  width: 43px;
  height: 43px;
 }
 .socials img {
  max-width: 22px;
  max-height: 22px;
 }
}
@media (max-width: 991px) {
 .site.container {
  width: 100%;
  max-width: 100%;
  border: none;
 }
 .container.section-padding-top {
  padding: 6rem 4rem 0 4rem;
 }
 .home .onepage-section .container {
  padding-left: 5rem;
  padding-right: 5rem;
 }
 .socials a {
  width: 42px;
  height: 42px;
 }
 .socials img {
  max-width: 20px;
  max-height: 20px;
 }
}
@media (max-width: 767px) {
 .site-logo-div img {
    height: 58px !important;
    width: auto;
}
}
@media (max-width: 569px) {
 .socials a {
  width: 36px;
  height: 36px;
 }
 socials img {
  max-width: 18px;
  max-height: 18px;
 }
 .service-container {
  margin-bottom: 3rem;
 }
}
@media (max-width: 400px) {
 .footer-widgets .sidebar .execphpwidget{min-width: 170px;}
 .eu img{min-width: 340px !important;}
}