/*
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: 1440px) {
 html {
  font-size: 58.33%; /* 1.5rem = 14px for screens smaller than 1200px */
 }
}
body {
 background: #ffffff;
}
.site {
 background: #FFFFFF;
 position: relative;
}
body, button, input, select, textarea {
 font-family: "Poppins", serif;
 font-size: 1.7rem;
 line-height: 1.5;
 color: #333;
 font-weight: 500;
}
body.onepress-menu-mobile-opening {
 overflow: hidden;
}
pre, code, input, textarea {
 font: inherit;
}
::-moz-selection {
 background: #f8e510;
 color: #FFFFFF;
}
::selection {
 background: #f8e510;
 color: #FFFFFF;
}
@media (min-width: 1440px) {
 .container {
  width: 90%;
  max-width: 1280px;
 }
}
@media (max-width: 1439px) {
 .container {
  width: 96%;
  max-width: 1280px;
 }
}
@media (min-width: 1920px) {
 .container {
  width: 1280px;
  max-width: 100%;
 }
}
.container-fluid {
 max-width: 96%;
}
.grecaptcha-badge { visibility: hidden; }
.section-about.onepage-section {
 background-color: #1566ab;
 background-image: url("assets/images/whitebg.svg");
 background-size: contain;
 background-position: center top;
 color: #fff;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 padding-top: 15rem
}
.section-about.onepage-section:before, .footer-widgets:before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: auto;
 bottom: 0;
 height: 100%;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&0+0,1+100 */
 background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.page-template-template-landing .section-about.onepage-section {position:relative; padding-top:5rem;}
.section-about h1, .section-about h2 {
 font-weight: 600
}
.section-about p, .section-services p, .section-about h4 {
 font-weight: 500;
 font-size: 1.8rem;
 line-height: 1.5;
}
.col {
 margin: 1.5rem 0;
}
.list-article {
 border: 2px solid #f4f4f4;
 padding: 4rem;
 background-image: url("assets/images/content-bg.avif");
 background-size: cover;
 background-position: center top;
 height: 100%;
}
.home .section-services .list-article {
 padding-bottom: 6rem
}
.section-services {
 background: #fff;
}
.grid-item {
 margin-bottom: 3rem;
}
@media (max-width: 767px) {
 .grid {
  width: 100% !important;
 }
 .grid-item, .grid-sizer {
  width: 100%;
 }
}
@media (min-width: 768px) {
 .grid {
  width: 100% !important;
 }
 .grid-item, .grid-sizer {
  width: calc(50% - 15px); /* Oduzimamo pola guttera da bi se uklopio */
 }
}
.languages {
 float: right;
 margin-left: 30px;
 margin-top: -2px
}
.languages .wpml-ls-legacy-list-horizontal {
 border: none;
 padding: 0
}
.languages .wpml-ls-legacy-list-horizontal .wpml-ls-item {
 padding: 0;
 margin: 0;
 list-style-type: none
}
.wpml-ls-legacy-list-horizontal a {
 display: block;
 text-decoration: none;
 padding: 1px 0 0 10px;
 line-height: inherit;
 color: #59bfe5;
 transition: all .2s;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
 color: #1663b1;
}
.wpml-ls-legacy-list-horizontal a span {
 display: inline-block;
}
.wpml-ls-legacy-list-horizontal a:hover {
 text-decoration: none;
 color: #1663b1
}
.contact-info {
 float: right;
 margin-left: 4rem;
}
.contact-info strong {
 font-weight: 800;
}
.contact-info img {
 width: 25px;
 height: auto;
}
.contact-dropdown {
 background: #fff;
 text-align: right;
 padding: 2rem;
 position: absolute;
 right: 0;
 left: auto;
 height: 0;
 opacity: 0;
 transition: all .2s;
 line-height: 2
}
.contact-dropdown a {
 padding: 4px 0
}
.contact-dropdown.show {
 height: auto;
 opacity: 1;
}
.modal {
 z-index: 9000000
}
.modal.right .modal-dialog {
 position: fixed;
 margin: auto;
 width: 40%;
 max-width: 40%;
 height: 100%;
 -webkit-transform: translate3d(0%, 0, 0);
 -ms-transform: translate3d(0%, 0, 0);
 -o-transform: translate3d(0%, 0, 0);
 transform: translate3d(0%, 0, 0)
}
.modal.right .modal-content {
 height: 100%;
 overflow-y: auto
}
.modal.right .modal-body {
 padding: 3rem 3rem 80px
}
.modal.right.fade .modal-dialog {
 right: -40%;
 -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
 -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
 transition: opacity 0.3s linear, right 0.3s ease-out
}
.modal.right.fade.show .modal-dialog {
 right: 0
}
.modal-content {
 border-radius: 0;
 border: none;
 font-size: 16px;
}
.modal-header {
 border-bottom-color: #eee;
 background-color: #fafafa;
 padding-left: 3rem;
 padding-right: 3rem
}
.modal-header .close {
 font-size: 3rem;
 font-weight: 400;
 color: #333;
}
.saznaj-vise-link {
 display: inline-flex;
 align-items: center;
 text-decoration: none;
 font-weight: bold;
 font-size: 16px;
 color: #333;
 position: relative;
 padding-bottom: 5px;
 transition: color 0.2s ease-in-out;
 position: absolute;
 right: 5rem;
 bottom: 2rem;
}
.saznaj-vise-link .arrow-icon {
 margin-left: 4px;
 transition: transform 0.2s ease-in-out;
}
.saznaj-vise-link:hover {
 color: #0073e6;
 text-decoration: none;
}
.saznaj-vise-link:hover .arrow-icon {
 transform: translateX(4px);
}
/*------------------------------
	2.2 Links
------------------------------*/
a {
 text-decoration: none;
 outline: none;
}
.section-about p a {
 color: #f8e510 !important;
 text-decoration: underline;
 text-decoration-thickness: 2px;
 text-underline-offset: 3px;
}
a:hover {
 text-decoration: none;
 outline: none;
 text-decoration: underline;
}
a:active, a:focus, a:hover {
 outline: none;
}
/*------------------------------
	2.3 Heading
------------------------------*/
h1, h2, h3, h4, h5, h6 {
 clear: both;
 font-weight: 700;
 margin-bottom: 3rem;
 margin-top: 0;
}
.entry-content h2, .entry-content h3, .entry-content h4 {
 margin-bottom: 2rem;
 margin-top: 1rem
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration: none;
}
h1, h2 {
 line-height: 1.2;
 font-size: 4rem;
 font-weight: 600
}
.section-contact h2 {
 font-weight: 700;
}
p span.underline, h1 span.underline, h2 span.underline, h3 span.underline {
 display: inline-block;
 position: relative;
 text-decoration: none; /* Uklanja standardno podcrtavanje */
 line-height: 1.2; /* Održava ravnotežu linije */
 z-index: 100
}
p span.underline:after, h1 span.underline:after, h2 span.underline::after, h3 span.underline:after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0; /* Offset od teksta */
 width: 100%;
 height: 4px; /* Debljina podcrtavanja */
 background-color: #f8e510; /* Željena boja */
 z-index: -1; /* Stavlja podcrtavanje ispod teksta */
}
p span.underline:after, h3 span.underline:after {
 bottom: -2px; /* Offset od teksta */
 height: 3px; /* Debljina podcrtavanja */
}
p span.underline.blue, h1 span.underline.blue, h2 span.underline.blue, h3 span.underline.blue {
 font-weight: 700;
 color: #1663b1
}
p span.underline.blue:after, h1 span.underline.blue:after, h2 span.underline.blue::after, h3 span.underline.blue:after {
 display: none !important
}
h3 {
 line-height: 1.2;
 font-size: 2.6rem;
 position: relative;
}
h3 span.underline::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0; /* Offset od teksta */
 width: 100%;
 height: 3px; /* Debljina podcrtavanja */
 background-color: #f8e510; /* Željena boja */
 z-index: -1; /* Stavlja podcrtavanje ispod teksta */
}
h4, h5, h6 {
 line-height: 1.5;
 font-size: 2rem;
 font-weight: 600
}
/*------------------------------
	2.4 Base
------------------------------*/
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
 margin-bottom: 1rem;
 margin-top: 0;
}
p:last-child {
 margin-bottom: 0;
}
/*------------------------------
	2.5 Content
------------------------------*/
img {
 height: auto;
 max-width: 100%;
 vertical-align: middle;
}
b, strong {
 font-weight: 500;
}
.entry-content b, .entry-content strong {
 font-weight: 700;
}
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 {
 font-size: 82%;
}
big {
 font-size: 125%;
}
ul, ol {
 padding-left: 20px;
}
ul {
 list-style: disc;
}
ol {
 list-style: decimal;
}
ul li, ol li {
 margin: 8px 0;
}
dt {
 font-weight: bold;
}
dd {
 margin: 0 20px 20px;
}
/*------------------------------
	2.6 Table
------------------------------*/
table {
 width: 100%;
 border: 1px solid #e9e9e9;
 border-collapse: collapse;
 border-spacing: 0;
 font-weight: 600;
}
table del {
 color: #ccc;
 font-weight: 400
}
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: none;
 border-bottom: 1px solid #e9e9e9;
 line-height: 1.42857;
 padding: 5px;
 vertical-align: middle;
 padding: 1rem 1.5rem;
 font-size: 15px;
}
table > thead > tr > th, table > thead > tr > td {
 border-bottom-width: 1px;
 background: #1663b1;
 color: #fff;
}
table tbody tr td:first-child {
 color: #1663b1;
 font-weight: 700;
}
/*------------------------------
	2.7 Form
------------------------------*/
fieldset {
 padding: 20px;
 border: 1px solid #e9e9e9;
}
textarea {
 resize: vertical;
 width: 100%;
 max-height: 120px;
 margin-bottom: 2rem;
}
select {
 max-width: 100%;
 overflow: auto;
 vertical-align: top;
 outline: none;
 border: 1px solid #e9e9e9;
 padding: 10px;
 margin-bottom: 1.5rem
}
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: 10px;
 max-width: 100%;
 border: 0px;
 font-weight: normal;
 line-height: 22px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 background-color: #f2f2f2;
 border-bottom: 1px solid #fff;
 box-sizing: border-box;
 margin-bottom: 1.5rem;
}
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 {
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 border-color: #EBEBEB;
 background: #fff;
 outline: none;
 border-radius: 0;
 border-bottom: solid 2px #f8e510 !important;
}
button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type=radio], input[type=checkbox] {
 margin: 0 10px;
}
/*------------------------------
	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;
}
/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
#primary {
 padding-bottom: 40px;
 padding-top: 40px;
}
#secondary {
 padding-bottom: 40px;
 padding-top: 0;
}
@media screen and (min-width: 940px) {
 #secondary {
  padding-top: 40px;
 }
}
.content-area {
 width: 100%;
 float: none;
}
@media screen and (min-width: 940px) {
 .content-area {
  float: left;
 }
}
.sidebar {
 width: 100%;
 float: none;
}
@media screen and (min-width: 940px) {
 .sidebar {
  width: 25.2252252252%;
  float: left;
 }
}
.left-sidebar .site-main {
 margin-left: auto;
}
.no-sidebar .content-area {
 width: 100%;
}
.single-post .no-sidebar .site-main, .single-post .no-sidebar .entry-content > * {
 margin-left: auto;
 margin-right: auto;
}
@media screen and (min-width: 940px) {
 .left-sidebar .content-area {
  float: right;
  padding-left: 39px;
  border-left: 1px solid #e9e9e9;
  margin-right: 1px;
  width: 74.7747747748%;
 }
 .left-sidebar .sidebar {
  padding-right: 39px;
  border-right: 1px solid #e9e9e9;
  margin-right: -1px;
 }
 .right-sidebar .content-area {
  padding-right: 39px;
  border-right: 1px solid #e9e9e9;
  width: 74.7747747748%;
 }
 .right-sidebar .sidebar {
  padding-left: 39px;
  border-left: 1px solid #e9e9e9;
  margin-left: -1px;
 }
}
.footer-widgets {
 background-color: #1566ab;
 background-image: url("assets/images/whitebg.svg");
 background-size: contain;
 background-position: center top;
 color: #fff;
 font-weight: 400;
 position: relative;
 z-index: 1000;
 font-size: 1.6rem;
}
.footer-widgets #footer-2 {
 text-align: right
}
.footer-widgets.section-padding {
 padding: 5rem 0rem 3rem;
}
.footer-widgets table {
 border-collapse: collapse;
}
.footer-widgets table > thead > tr > th, .footer-widgets table > thead > tr > td {
 border-width: 1px;
}
.footer-widgets table th, .footer-widgets table td {
 border-color: rgba(233, 233, 233, 0.4);
}
.footer-widgets .widget-title {
 color: #ffffff;
 font-weight: 600;
 margin-bottom: 1rem;
 font-size: 2rem;
}
.footer-widgets .widget-area .widget_categories li, .footer-widgets .widget-area .widget_archive li, .footer-widgets .widget-area .widget_meta li {
 width: 100% !important;
 float: none;
}
.footer-widgets .widget_recent_entries ul li, .footer-widgets .widget_recent_comments ul li {
 border-bottom: 0px none;
 padding: 5px 0px;
 margin-bottom: 0px;
}
.footer-widgets .sidebar .widget {
 margin-bottom: 1.5rem;
}
.site-header {
 line-height: 75px;
 position: relative;
 width: 100%;
 background: #ffffff;
 z-index: 1000;
 -webkit-transition: all 1s ease-out;
 /* Safari */
 transition: all 0.5s ease-out;
 box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);
 top: 0px;
 left: 0px;
 position: fixed;
}
.site-header.header-fixed {
 top: 0px;
 left: 0px;
 position: fixed;
}
.site-header .custom-logo-transparent {
 display: none;
}
.followWrap {
 display: block;
}
.header-full-width .container {
 max-width: auto;
 width: auto;
}
@media screen and (min-width: 940px) {
 .header-full-width .container {
  padding-left: 30px;
  padding-right: 30px;
 }
}
.is-transparent .followWrap {
 z-index: 99;
 width: 100%;
 background: transparent;
 position: absolute;
 top: 0px;
 display: block;
}
.is-transparent .site-header {
 background: transparent;
 position: fixed;
 top: 0px;
}
.is-transparent .site-header.no-sticky {
 position: absolute;
 top: auto;
}
.is-transparent .site-header.no-scroll {
 box-shadow: none;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo-transparent {
 display: inline-block;
}
.is-transparent .site-header.no-scroll .has-t-logo .custom-logo {
 display: none;
}
.is-transparent .site-header.no-scroll #nav-toggle span {
 background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle span::before, .is-transparent .site-header.no-scroll #nav-toggle span::after {
 background-color: #ffffff;
}
.is-transparent .site-header.no-scroll #nav-toggle.nav-is-visible span {
 background-color: transparent;
}
.is-transparent .site-header.header-fixed {
 background: #ffffff;
}
.is-transparent .site-header.header-fixed.no-scroll {
 background: transparent;
 box-shadow: none;
}
@media screen and (min-width: 1140px) {
 .is-transparent .no-scroll.site-header .onepress-menu > li > a {
  color: rgba(255, 255, 255, 0.9);
 }
}
.is-transparent .hero-slideshow-fullscreen .hero__content {
 padding-top: 50px;
 padding-top: 3.125rem;
}
.site-branding {
 float: left;
}
.site-branding .site-title, .site-branding .site-text-logo {
 margin: 0px;
 display: initial;
 vertical-align: middle
}
.site-branding .site-title:hover, .site-branding .site-text-logo:hover {
 text-decoration: none;
}
.site-branding .site-title {
 display: inline-block;
}
.site-branding .site-image-logo {
 display: block;
}
.site-branding .site-logo-div {
 line-height: 75px;
}
.home.header-transparent .no-scroll .site-brand-inner, .home.header-transparent .no-scroll .site-text-logo {
 color: #fff;
}
.onepress-menu, .onepress-menu * {
 margin: 0;
 padding: 0;
 list-style: none;
}
.onepress-menu {
 float: right;
}
.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;
}
.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;
}
.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 {
 padding-left: 17px;
 padding-right: 17px;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
 zoom: 1;
 transition: all .2s;
 color: #333;
 position: relative;
}
.onepress-menu a:hover {
 color: #333 !important;
}
.onepress-menu ul li {
 line-height: 26px;
 width: fit-content;
 min-width: 100%;
}
.onepress-menu ul li a {
 border-top: 1px solid #e9e9e9;
 padding: 8px 18px;
 font-size: 13px;
 text-transform: none;
 background: #ffffff;
}
.onepress-menu ul li a:hover {
 color: #03c4eb;
}
.onepress-menu li.onepress-current-item > a {
 color: #03c4eb;
}
.onepress-menu ul li.current-menu-item > a {
 color: #03c4eb;
}
.onepress-menu a:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 width: 0;
 height: 3px;
 background: #f8e510;
 transition: all .2s;
}
.onepress-menu a:hover:after, .onepress-menu li.current-menu-item a:after {
 width: 30%;
}
.onepress-menu > li:last-child > a {
 padding-right: 0px;
}
.onepress-menu > li a.menu-actived {
 color: #03c4eb;
}
.onepress-menu .nav-toggle-subarrow {
 display: none;
}
#nav-toggle {
 display: none;
 margin-left: 40px;
}
@media screen and (max-width: 1439px) {
 .site:after, .site-header:after {
  background: rgba(22, 101, 178, .7);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
 }
 .onepress-menu a {
  font-size: 18px;
 }
 .onepress-menu-mobile-opening .site-header:after {
  opacity: 1;
  z-index: 100;
  display: block !important;
 }
 .onepress-menu-mobile-opening .site:after {
  opacity: 1;
  z-index: 100;
 }
 .main-navigation {
  position: static;
 }
 .main-navigation .onepress-menu {
  display: block;
  height: 100vh !important;
  overflow: hidden;
  width: 440px;
  position: fixed;
  top: 0 !important;
  right: -440px;
  -webkit-transition: all .5s;
  transition: all .5s;
  background: #fff;
  padding-top: 132px;
  text-align: right;
  z-index: 200
 }
 .onepress-menu.onepress-menu-mobile {
  right: 0;
  z-index: 200;
  overflow: auto !important;
 }
 .onepress-menu.onepress-menu-mobile > li > a {
  padding: 12px 7% 12px 20px;
 }
 .onepress-menu.onepress-menu-mobile li.current-menu-item > a {
  color: #222;
  font-weight: 800
 }
 .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;
  width: auto;
  left: auto;
  transform: translateX(0);
  text-align: right
 }
 .onepress-menu a:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: auto;
  right: -7.7%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #f8e510;
  transition: all .2s;
 }
 .onepress-menu.onepress-menu-mobile ul:before {
  display: none
 }
 .onepress-menu.onepress-menu-mobile ul li:last-child {
  border-bottom: none;
 }
 .onepress-menu.onepress-menu-mobile ul li a {
  padding: 12px 72px 12px 35px;
  border-top: none;
 }
 .onepress-menu.onepress-menu-mobile ul li a:hover {
  background: transparent;
 }
 .onepress-menu.onepress-menu-mobile ul li li a {
  padding: 12px 70px 12px 10px;
  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;
  background-color: #fff
 }
 .onepress-menu.onepress-menu-mobile ul a {
  color: #222;
  background: #fff;
  font-size: 15px;
 }
 .onepress-menu.onepress-menu-mobile ul ul a {
  color: #fff;
  font-size: 13px;
 }
 .onepress-menu.onepress-menu-mobile li {
  line-height: 20px;
  border-top: none;
  width: 100% !important;
 }
 .onepress-menu.onepress-menu-mobile ul li {
  border-bottom: 1px solid #263f58;
 }
 .onepress-menu.onepress-menu-mobile li:first-child {
  border-top: none
 }
 .onepress-menu.onepress-menu-mobile li.onepress-current-item > a {
  color: #1665b2;
 }
 .onepress-menu.onepress-menu-mobile a {
  color: #222;
 }
 .onepress-menu.onepress-menu-mobile a:hover {
  color: #eee;
 }
 .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
  display: block;
  color: #ccc;
  border-left: 1px solid #3f5870;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  padding: 11px 25px 11px 22px;
  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 {
  display: block !important;
  width: 100%;
  min-width: 100%;
  max-width: none
 }
 #nav-toggle {
  display: block;
  z-index: 10000;
 }
}
#nav-toggle {
 float: right;
 position: relative;
 width: 35px;
 overflow: hidden;
 white-space: nowrap;
 color: transparent;
}
#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: 2px;
 width: 28px;
 background: #222;
}
#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: 2px;
 width: 28px;
 background: #222;
 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(-2px) 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(1px) rotate(-45deg);
}
#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
 background: #555;
}
.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;
 }
}
.entry-header .entry-title {
 font-weight: 500;
 text-transform: none;
}
.entry-thumbnail {
 margin-bottom: 3rem;
}
.single .entry-header .entry-title {
 margin-bottom: 1.5rem;
}
.highlight {
 color: #03c4eb;
}
.entry-content {
 margin-bottom: 0;
}
.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;
}
.btn, input[type="submit"] {
 text-transform: uppercase;
 line-height: 20px;
 letter-spacing: 1px;
 font-weight: 400;
 font-size: 1.4rem;
 background-color: rgb(22, 101, 178) !important;
 position: relative;
 color: #fff;
 border-radius: 0;
 padding: 10px 36px;
 border: solid 2px transparent
}
.btn:before, input[type="submit"]:before {
 content: "";
 border-style: solid;
 border-width: 0;
 position: absolute;
 width: 24px;
 height: 24px;
 -webkit-transition: all 0.25s;
 -o-transition: all 0.25s;
 transition: all 0.25s;
 border-color: #1665b2;
 border-top-width: 2px;
 top: -6px;
 left: -2px
}
.btn:after, input[type="submit"]:after {
 content: "";
 border-style: solid;
 border-width: 0;
 position: absolute;
 width: 24px;
 height: 24px;
 -webkit-transition: all 0.25s;
 -o-transition: all 0.25s;
 transition: all 0.25s;
 border-bottom-width: 2px;
 border-color: #1665b2;
 bottom: -6px;
 right: -2px
}
.btn:hover:before, .btn:hover:after, input[type="submit"]:hover:before, input[type="submit"]:hover:after {
 width: 102%;
 cursor: pointer;
}
.btn:active, .btn:focus, .btn:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover {
 outline: none;
 color: #fff;
 cursor: pointer
}
.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;
}
.section-padding {
 padding: 5rem 0rem;
}
.section-padding-lg {
 padding: 11rem 0rem;
}
.section-padding-top {
 padding: 5rem 0 0;
}
.section-padding-top-small {
 padding: 2.5rem 0 0;
}
.section-padding-bottom {
 padding: 0 0 5rem;
}
.section-padding-bottom-small {
 padding: 0 0 2.5rem;
}
.section-meta {
 background-color: #f8f9f9;
 background-image: url("assets/images/welcome-bg.avif");
 background-size: contain;
 background-position: center top;
}
.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 {
 margin-bottom: 60px;
 text-align: center;
}
.section-title-area .section-title {
 position: relative;
 margin-bottom: 0px;
 text-transform: uppercase;
}
.section-title-area .section-subtitle {
 display: inline-block;
 position: relative;
}
.wpcf7-form label {
 width: 100%;
}
div.wpcf7-validation-errors {
 margin: 20px 0px;
 padding: 15px;
}
div.wpcf7-response-output {
 margin: 20px 0px;
}
@media (max-width: 1439px) {
 .list-article {
  padding: 3rem;
 }
}
@media (max-width: 1199px) {
 .grid-item {
  margin-bottom: 2rem;
 }
 h1, h2 {
  line-height: 1.2;
  font-size: 3.4rem;
 }
 .page-template-template-landing .section-about.onepage-section {
    padding-top: 4rem;
    padding-bottom: 0 !important;
    height:90vh
}
}
@media (max-width: 767px) {
 .footer-widgets #footer-2 {
  text-align: left;
 }
 .section-about p, .section-services p, .section-about h4 {
  font-size: 1.8rem;
 }
 .site-logo-div img {
  height: 25px !important;
  width: auto;
 }
 .modal.right .modal-dialog {
  width: 80%;
  max-width: 80%;
 }
 #footer-2 {
  order: 1;
  padding-bottom: 1.5rem;
 }
 #footer-1 {
  order: 2;
 }
 .table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Bolji scroll na mobilnim uređajima */
 }
 .table-wrapper table {
  min-width: 600px; /* Minimalna širina tablice */
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
 }
 .table-wrapper::-webkit-scrollbar {
  height: 10px; /* Visina scrollbar-a */
 }
 .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #5cb2dc; /* Bijela boja za scrollbar */
  border-radius: 10px; /* Zaobljeni rubovi scrollbar-a */
 }
 .table-wrapper::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* Pozadina scrollbar-a */
  border-radius: 10px;
 }
}
@media (max-width: 600px) {
 .admin-bar .site-header {
  top: 46px
 }
}
@media (max-width: 575px) {
 .col {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
 }
 .site-logo-div img {
  height: 22px !important;
  width: auto;
 }
 #nav-toggle {
  margin-left: 20px;
 }
 .modal.right .modal-dialog {
  width: 92%;
  max-width: 92%;
 }
 .contact-info {
  display: none;
 }
}
@media (max-width: 400px) {
 .main-navigation .onepress-menu {
  width: auto;
  max-width: 100%;
 }
 .onepress-menu a {
  font-size: 16px;
  white-space: normal
 }
}