/*
Theme Name: Olidzim
Theme URI: http://olidzim.com/
Author: Tanja Knezevic & Davor Popovic
Author URI: http://www.sentisoft.com
Description: Wordpress Theme (SWT) by <a href="http://www.sentisoft.com">sentisoft</a>
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: olidzim
Tags: white, light, right sidebar, footer sidebar, custom menu, translation ready

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.
*/

/**
 * Table of Contents:
 *
 * 0.0 - Import css & Reset
 * 1.0 - Layout
 * 2.0 - Elements
 *   2.1 - HTML Lists
 *   2.2 - Tables
 *   2.3 - Alignments
 *   2.4 - Clear
 * 3.0 - Typography & Links
 *   3.1 - Heading
 *   3.2 - Paragraph
 *   3.3 - Links
 *   3.4 - Buttons
 * 4.0 - Form Styling
 * 5.0 - Header & Navigations
 *   5.1 - Header
 *   5.1 - Desktop Menu - Main Menu
 *   5.2 - Mobile menu
 * 6.0 - Content
 *   6.1 - Home Page
 *   6.2 - Page Template
 *   6.3 - About Page
 *   6.4 - Contact Page
 *   6.5 - Category Template
 *   6.6 - Single Post Template
 * 7.0 - Widgets
 * 8.0 - Footer
 * 9.0 - Plugins CSS Style
 *   9.1 - Owl Carousel File
 * 10.0 - Media Queries
 */

/**
 * 0.0 - Import css & Reset
 * Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
 */

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 0;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: 1px #767676 dotted;
  text-decoration: none;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: 700;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #eee;
  color: #222;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #bbb;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

::-moz-selection {
  background: #191919;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #191919;
  color: #fff;
  text-shadow: none; }

/*************** 1.0 Layout *************************/
html body {
  font-family: 'Roboto', sans-serif;
  font-size: 1em; /* reset default font size to 16px */
  background: #fff;
  color: #3e3e3e;
  height: 100%;
  margin: 0;
  padding-top: 120px;
}
#main {
  width: 100%;
}
#container {
  padding: 2em 0;
}
#container.home-page {
  padding: 0;
}
#content {
  min-height: 500px; /* just to add height to empty post content */
  float: left;
  width: 73%;
  background: #fff;
  padding: 1em 4em 3em 0;
}
.no-sidebar #content {
  display: inline-block;
  width: 100%;
  float: none;
  padding: 1em 0;
}
#sidebar {
  float: right;
  width: 25%;
  max-width: 300px;
}
.wrapper {
  margin: 0 auto;
  width:98%;
  max-width: 1140px;
  position:relative;
  clear: both;
}

/*************** 2.0 - Elements *************************/
hr {
  background-color: #279746;
  position: relative;
  left: -3%;
  border: 0;
  height: 1px;
  width: 103%;
  margin: 1.6em 0 2.4em;
  clear: both;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
figure {
  margin: 0;
}
del {
  opacity: 0.8;
}
b, strong {
  font-weight: 900;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  border-left: 4px solid #707070;
  border-left: 4px solid rgba(51, 51, 51, 0.7);
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 1.6667em;
  padding-left: 0.7778em;
}
blockquote p {
  margin-bottom: 1.6667em;
}
blockquote > p:last-child {
  margin-bottom: 0;
}
blockquote cite, blockquote small {
  color: #333;
  font-size: 1.1em;
  line-height: 1.6;
}
blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}
blockquote strong, blockquote b {
  font-weight: 400;
}
address {
  font-style: italic;
  margin: 0 0 1.6em;
}
code, kbd, tt, var, samp, pre {
  font-family: Inconsolata, monospace;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.01);
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
  line-height: 1.2;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0.8em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
abbr[title] {
  border-bottom: 1px dotted #eaeaea;
  border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
  cursor: help;
}
mark, ins {
  background-color: #fff9c0;
  text-decoration: none;
}
sup, sub {
  font-size: .75em;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
.green {
  font-weight: 700;
  color: #279746;
}

/* 2.1 - HTML Lists */
ul, ol {
  margin: 0 0 1.5em .3em;
  padding: 0;
}
ul {
  list-style: disc;
  list-style-position: inside;
}
ul li {
  padding: 0 0 .5em;
  line-height: 1.4em;
}
ul.heading,
.widget ul.heading,
ul.stores,
.widget ul.stores {
  list-style: none;
  font-weight: 500;
  margin-bottom: 4em;
}
ul.heading li,
.widget ul.heading li {
  padding: 0;
  line-height: 1.75em;
}
ul.heading li:before {
  content: "\2022";
  color: #fe6900;
  margin: 0 5px 0 0;
}

ul.stores li,
.widget ul.stores li {
  padding: 0;
  font-size: .875em;
  line-height: 1.429em;
  color: #19711c;
  text-transform: uppercase;
}
ul.stores li:before {
  content: "\2022";
  color: #fe6900;
  margin: 0 5px 0 0;
}

.social-links {
  margin: 0 0 1em;
  padding: 0;
  display: inline-block;
  width: 100%;
  list-style: none;
}
.social-links li {
  float: left;
  padding: 0;
}
.social-links li a {
  float: left;
  margin: 0 20px 20px 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 2em;
  background: #fe6900;
  text-align: center;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .11);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .11);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, .11);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.social-links li:last-of-type a {
  font-size: 1.6em;
}
.social-links li a:hover {
  background: #19711c;
}

.sidebar ul li {
  font-size: .875em;
  padding-bottom: 1em;
}
.sidebar ul li:before {
  content: "\2022";
  color: #279746;
  margin: 0 5px 0 0;
  font-size: 2em;
  float: left;
}
.sidebar ul li a {
  color: #414a5a;
}
.sidebar ul li a:hover {
  color: #279746;
}

ol {
  list-style: none;
  list-style-position: outside;
}
li > ul, li > ol {
  margin-bottom: 0;
}
dl {
  margin-bottom: 1em;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ebebeb;
  display: inline-block;
  width: 100%;
}
dt {
  font-weight: bold;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ebebeb;
}
dd {
  margin-bottom: 1em;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ebebeb;
}
dt + dt {
  clear: both;
}

/* 2.2 - Tables */
table {
  border-spacing: 0;
  border-width: 0;
  padding: 10px 20px;
  margin: 0 0 1.6em;
  width: 100%;
  background: #f3fced;
  font-size: .750em;
}
caption,
thead td,
th,
td {
  font-weight: normal;
}
td {
  border-bottom: 1px solid #d6e7cc;
  padding: 1em;
  vertical-align: middle;
}
tr:last-of-type td {
  border: 0;
}
tr:hover {
  background: #d9eace;
}

/* 2.3 - Alignments */
.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  display: block;
  margin: 0 auto 1em;
}
blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
  margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
  margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter, .wp-caption.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
  margin-bottom: 1.2em;
}
.wp-caption-text {
  text-align: center;
  font-weight: 700;
}

/* 2.4 - Clear */
.clearfix {
  clear:both;
}
.clearfix:after, .wrapper:after, .row:after, hr:after {
  clear:both;
  content:"";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}
.clear:before, .clear:after, .site:before, .site:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after,
.site-content:before, .site-content:after, .nav-links:before, .nav-links:after, .comment-navigation:before, .comment-navigation:after,
.social-navigation ul:before, .social-navigation ul:after, .textwidget:before, .textwidget:after {
  content: "";
  display: table;
}
.clear:after, .site:after, .entry-content:after, .comment-content:after, .site-content:after, .nav-links:after, .comment-navigation:after,
.social-navigation ul:after, .textwidget:after {
  clear: both;
}

/*************** 3.0 Typography & Links *************************/

/* 3.1 - Heading */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 700;
  word-wrap: break-word;
  color: #19711c;
}
h1 {
  font-size: 3.188em; /* equal to 51px */
  font-weight: 900;
  margin: .4em 0;
}
h2 {
  font-size: 2.5em; /* equal to 40px */
  margin: .5em 0;
  color: #279746;
  text-align: center;
}
.home-page h2:after {
  content: "";
  width: 100px;
  height: 3px;
  display: block;
  margin: 0.25em auto;
  background: #009f33;
}
h3 {
  font-size: 1.5em; /* equal to 24px */
  margin: 1em 0;
}
.page-content h3.page-title {
  text-align: center;
  font-size: 1em;
  margin: 2em auto 4em;
  max-width: 380px;
  color: #279746;
}
.page-content h3.page-title strong {
  font-size: 1.5em;
  display: block;
}
#footer h3 {
  text-align: center;
}
#footer h3#narucivanje {
  margin: 0;
  padding: 1em 0;
}
#footer h3:after {
  content: "";
  width: 100px;
  height: 3px;
  display: block;
  margin: 1em auto 2.5em;
  background: #19711c;
}
h4 {
  font-size: 1.125em; /* equal to 18px */
  margin: 1em 0;
  color: #279746;
}
#footer h4 {
  color: #19711c;
}
h4 img {
  margin-left: 15px;
}

/* 3.2 - Paragraph */
p {
  margin: 1em 0;
  line-height: 1.4em;
}
p:empty,
.template-page p:empty {
  display: none!Important;
}

/* 3.3 - Links */
a {
  color: #279746;
  text-decoration: none;
}
a:hover, a:focus {
  color: #f56500;
}

/* 3.4 - Buttons */
/* Default Button */
a.btn, .btn, button, input[type="button"],
input[type="reset"], input[type="submit"] {
  display: inline-block;
  padding: .85em 4.2em;
  margin: 1em 0;
  border: 0;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  font-weight: 900;
  font-family: 'Roboto', sans-serif;
  background: rgb(255,140,59);
  background: -moz-linear-gradient(top,  rgba(255,140,59,1) 0%, rgba(196,81,1,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,140,59,1) 0%,rgba(196,81,1,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,140,59,1) 0%,rgba(196,81,1,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c3b', endColorstr='#c45101',GradientType=0 );
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .75);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .75);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.btn:hover, .btn:hover, button:hover, input[type="button"]:hover,
input[type="reset"]:hover, input[type="submit"]:hover {
  background: rgb(196,81,1);
  background: -moz-linear-gradient(top,  rgba(196,81,1,1) 0%, rgba(255,140,59,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(196,81,1,1) 0%,rgba(255,140,59,1) 100%);
  background: linear-gradient(to bottom,  rgba(196,81,1,1) 0%,rgba(255,140,59,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c45101', endColorstr='#ff8c3b',GradientType=0 );
  color: #fff;
}

.banner-holder .btn {
  font-size: 1.250em;
}

/*************** 4.0 - Form Styling *************************/
input,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5em;
  font-style: italic;
  color: #777;
  background: #fff;
  border: 1px solid #fff;
  margin: 0 0 .75em;
  padding: .65em 1em;
  width: 100%;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}
input:focus,
textarea:focus,
select:focus {
  border:1px solid #ccc;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  width: auto;
  float: left;
  font-style: normal;
  padding: .5em 0;
  width: 190px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input:focus,
textarea:focus {
  outline: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  min-height: 240px;
  border: 1px solid #ccc;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  width: auto;
}
label {
  padding: .5em 0;
  display: inline-block;
  width: 100%;
}
/* contact form 7 plugin Alerts Messages */
#footer-sidebar form {
  max-width: 270px;
}
#footer form br {
  display: none;
}
#footer form input.wpcf7-form-control {
  margin: 0;
}
#footer form input.wpcf7-form-control.wpcf7-submit {
  margin-right: 10px;
}
#footer form span.wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%;
  margin: 0 0 .75em;
}
#footer div.wpcf7 .ajax-loader {
  float: left;
  clear: both;
  margin-top: 15px;
}
span.cena {
  color: #19711c;
  line-height: 1.2em;
  display: inline-block;
  padding: 1em 0 .25em;
}
form p {
  font-size: 1em;
  margin-bottom: 1em;
  position: relative;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
  clear: both;
  margin: 0;
  width: 100%;
  padding: 1em .5em;
}
form div.wpcf7-response-output {
  padding: .5em;
  margin: 1em 0;
}
div.wpcf7 img.ajax-loader {
  margin-right: -20px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-moz-placeholder {
  opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

/*************** 5.0 - Header & Navigations ************************/

/* 5.1 - Header */
.top-section {
  background: #ecedf1;
  height: 50px;
  width: 100%;
  top: 0;
  overflow: hidden;
  position: fixed;
  z-index: 999999;
}
.top-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 500px;
  width: 100%;
  height: 100%;
  background: #19711c;;
}
.contact-item {
  position: relative;
  z-index: 2;
  font-size: 1.125em;
  font-weight: 700;
  background: #19711c;
  color: #fff;
  padding: 0 0 0 4em;
  height: 50px;
  line-height: 50px;
}
.contact-item i {
  position: absolute;
  width: 57px;
  height: 50px;
  line-height: 50px;
  left: 0;
  top: 0;
  text-align: center;
  background: #fe6900;
  font-size: 1.5em;
  float: left;
  clear: both;
}
.contact-item span {
  font-size: .833em;
}
.top-section .contact-item {
  float: right;
  margin: 0;
  font-size: 1.563em;
  padding-left: 3em;
}
.top-section .contact-item span {
  font-size: .640em;
  display: inline-block;
  vertical-align: middle;
}
.top-section .contact-item i {
  font-size: 1em;
}
.top-section h4 {
  float: left;
  margin: .75em 0 0;
  font-weight: 400;
}
header {
  width:100%;
  background: #fff;
  position: fixed;
  z-index: 999999;
  top: 50px;
  height: 70px;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
}
.site-title {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: .35em auto 0;
  float: left;
}
.site-title:hover {
  opacity:0.7;
}
.site-title img {
  display:block;
  width:100%;
}

/* 5.2 - Desktop Nav (Main Menu) */
.desktop-nav {
  float: right;
  position: relative;
  z-index: 99999;
}
.desktop-nav ul,
.desktop-nav > ul > li {
  float: left;
}
.desktop-nav > ul > li > a {
  color: #090909;
  font-size: 1.250em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.2em .5em;
}
.desktop-nav > ul > li > a:hover,
.desktop-nav > ul > li.current-menu-item > a {
  color: #fff;
  background: #5e9b60;
}
.desktop-nav ul ul {
  top: 100%;
  width: 160px;
  padding: .5em 1em;
  background: #19711c;
  background: rgba(25,113,28,.7);
  overflow: hidden;
  text-align: left;
}
.desktop-nav ul > li > ul > li {
  margin: .25em 0;
}
.desktop-nav ul li ul li {
  display: block;
}
.desktop-nav ul li ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-shadow: 0 1px #135716;
}
.desktop-nav ul li ul li a:hover {
  color: #fe6900;
}

/* 5.3 - Mobile Nav */
.menu-toggle {
  display:none;
  position: absolute;
  left: auto;
  right: 0;
  top: 10px;
  cursor:pointer;
  z-index:999;
  font-size: 3em;
  height: 36px;
  overflow: hidden;
  color: #19711c;
}
.menu-toggle i.fa {
  position: relative;
  top: -9px;
}
.menu-toggle:focus,
.menu-toggle:hover {
  color: #fe6900;
}

.mobile-nav {
  display: none;
  position: absolute;
  z-index: 99999;
  left: auto;
  right: 0;
  top: 100%;
  width: 260px;
  background: #19711c;
  background: rgba(25,113,28,.8);
}
.mobile-nav ul,
.mobile-nav ul li {
  float: left;
  width: 100%;
  text-align: left;
  clear: both;
}
.mobile-nav ul li a {
  padding: 1em;
  font-size: 1em;
  border-bottom: 1px solid #19711c;
  color: #fff;
}
.mobile-nav ul ul {
  position:relative;
  left: 0;
  top: 0;
}
.mobile-nav ul li ul li {
  border: none;
}
.mobile-nav ul li ul li a {
  border:none;
  background: #279746;
  padding: .75em .75em .75em 2em;
}
.mobile-nav ul li a:hover {
  background: #19711c;
}
.mobile-nav .sf-arrows .sf-with-ul:after {
  margin-right: 15px;
  display: block;
  color: #279746;
}

/***  Superfish ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.sf-menu li {
  position: relative;
}
.sf-menu > li {
  display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu a {
  display: block;
  position: relative;
  text-decoration: none;
  zoom: 1; /* IE7 */
}
.sf-arrows .sf-with-ul {

}
.sf-arrows .sf-with-ul:after {
  content: "";
  border-color: rgba(255, 255, 255, 0.5) transparent transparent;
  border-style: solid;
  border-width: 5px;
  margin-top: -3px;
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
}
.sf-arrows .sf-with-ul:hover:after {
  border-color: #ff6277 transparent transparent;
}
.sf-menu ul {
  left: 0px;
  position: absolute;
  min-width: 12em; /* allow long menu items to determine submenu width */
  *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
  position: absolute;
}

/*************** 6.0 - Content ************************/
#content .post, #content .page {
  display:inline-block;
  width:100%;
}
.banner-holder {
  padding: 6em 0;
  margin-bottom: 2em;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  background: #fff url("https://1550bc.claudeassets.com/20250319032735im_/https://olidzim.com/wp-content/themes/olidzim/images/bg-banner.jpg") no-repeat center 0;
  background-attachment: fixed;
}
.home.banner-holder {
  padding: 4.5em 0 2em;
}
.banner-holder img {
  float: left;
  margin: 0 4em 2em 0;
}
.banner-holder h1 {
  clear: none;
}
.banner-holder h2 {
  color: #19711c;
  text-transform: uppercase;
}

.third {
  display: inline-block;
  vertical-align: top;
  width: 29%;
  margin: 0 2%;
}

.half {
  float: right;
  width: 48%;
}
.wrapper .half:first-of-type {
  float: left;
}

.youtube-iframe {
  margin-top: 2.5em;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 30px;
  overflow: hidden;
  height: 0;
  background: #000;
}
.youtube-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Form popup */
body.modal-open {
  overflow: hidden;
}
#popup-holder {
  display: none;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
  zoom: 1; }

#popup-holder .formPopup {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 60px auto;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }

#popup-holder a.close {
  position: absolute;
  color: #cb2286;
  font-size: 31px;
  right: 10px;
  top: 10px; }

.modal-open #popup-holder .formPopup {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

/* 6.1 - Home Page */
.sastav {
  padding: 2em 0 3em;
}
.sastav h4 {
  text-align: center;
  max-width: 700px;
  display: block;
  margin: 1em auto 3em;
}
.sastav .half p {
  color: #279746;
  font-weight: 700;
  padding-left: 1.5em;
  margin: 0 0 1em;
}

.evalar-home {
  background: #d9e9cf;
}
.evalar-home .wrapper {
  text-align: center;
  padding: 90px 0;
  background: url("https://23e9cd.claudeassets.com/20250319032735im_/https://olidzim.com/wp-content/themes/olidzim/images/fruits.png") no-repeat 0 -162px;
}
.evalar-block {
  float: right;
  width: 100%;
  max-width: 460px;
}

.o-dijabetesu {
  padding: 6em 0 4em;
}
.o-dijabetesu h3 {
  margin-top: 0;
}
.pojmovi-box {
  background: #f19519;
  color: #fff;
  padding: 1.5em 1.5em .5em;
}
.pojmovi-box h3 {
  color: #f19519;
  background: #fff;
  padding: .5em .25em;
  margin: -50px auto 0;
  width: 310px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
}
.pojmovi-box p {
  font-size: 1.125em;
  line-height: 1.222em;
}
.pojmovi-box p strong {
  text-transform: uppercase;
}

.blog-posts {
  background: #496c4a;
  padding: 3em 0 1em;
  color: #fff;
  text-align: center;
}
.blog-posts .wrapper > h3 {
  border-bottom: 3px solid #ff6900;
  display: inline-block;
  padding-bottom: .7em;
  margin: .5em 0 3.5em;
}
.blog-posts h3 {
  color: #fff;
}
.blog-posts .blog-slider {
  text-align: left;
}
.blog-posts .blog-slider img {
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0px 6px 18px rgba(0, 0, 0, .2);
  box-shadow: 0px 6px 18px rgba(0, 0, 0, .2);
}
.blog-posts .blog-slider h3 {
  margin: .75em 0;
}
.blog-posts .blog-slider a {
  color: #ff6900;
  font-size: .875em;
  font-style: italic;
}
.blog-posts .blog-slider a:hover {
  color: #fff;
}

.ko-proizvodi {
  padding: 3em 0;
}
.ko-proizvodi h3 {
  text-transform: uppercase;
}
.ko-proizvodi strong {
  color: #279746;
}
.ko-proizvodi .youtube-iframe {
  margin-bottom: 5em;
}

/* 6.2 - Page Template */
.template-page-evalar .page-content h3 {
  margin: 2em auto;
}
.page-content h3 {
  margin: 0 0 1.5em;
}
.page-content .entry-content p {
  margin: 0 0 1.5em;
}
.thumb-post {
  float: left;
  width: 50%;
  max-width: 320px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 25px 10px 0;
}
#kvalitet + .row .half:nth-of-type(2) p:first-of-type img {
  margin: 4em 0;
}


/* Page Nav */
.post-navigation {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 2em 0 0;
}
.pagination {
  display: inline-block;
  margin: 0 1em;
}
.pagination .pagination-page {
  display: none;
}

.link-nav {
  float: left;
  margin: 0;
  width: 50px;
  height: 50px;
}
.link-nav.link-next {
  float: right;
}
.link-nav a,
.pagination a,
.pagination span {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 36px;
  background: #daf7e2;
  color: #279746;
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pagination a,
.pagination span {
  margin: 0 5px;
}
.link-nav a:hover,
.pagination span,
.pagination a:hover {
  color: #fff;
  background: #279746;
}
.link-nav a {
  color: #b9cbc5;
  font-size: 30px;
}

/* 6.5 - Category Template */
p.meta {
  margin: 1em 0 2em;
  padding: .65em 0;
  color: #757b85;
  display: inline-block;
  width: 100%;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e9e9e9;
}
p.meta span {
  float: left;
}
p.meta span.post-tags {
  float: right;
}

/* 6.6 - Single Post Template */
.single-page .entry-content p {
  margin: 0 0 1em;
}


/*************** 7.0 - Widgets *************************/
.widget {
  padding: 0 0 2em;
  word-wrap: break-word;
}
.widget pre {
  line-height: 1.2;
}
.widget ul {
  list-style: none;
  margin: 0;
}
.widget p {
  line-height: 1.7em;
}
.tagcloud {
  display: inline-block;
  width: 100%;
}
.tagcloud a {
  float: left;
  background: #daf7e2;
  color:  #414a5a;
  font-size: 14px!Important;
  padding: .55em 1.5em;
  margin: 0 10px 10px 0;
  text-transform: lowercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.tagcloud a:hover {
  color: #fff;
  background: #279746;
}

/*************** 8.0 - Footer ************************/
#footer {
  width:100%;
  overflow:hidden;
  background: #f5f5f4;
  padding: 2em 0;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .25);
}
#footer .contact-widget p.contact-item {
  margin: 0 0 2em;
}
#footer-sidebar {
  float: left;
  width: 70%;
  padding-right: 6em;
}
#footer-sidebar .widget {
  float: left;
  width: 50%;
}
.contact-widget {
  float: right;
  width: 30%;
}
.copyright {
  background: #415f42;
  border-top: 2px solid #bfbfbf;
  padding: 2em 0;
  color: #fff;
}
.copyright p {
  margin: 0;
}
#footer .go-to {
  float: right;
  margin: 3.5em 0 0;
}
#footer .go-to:hover {
  opacity: .7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.paypal-content {
  position: relative;
}
.paypal-content .inner {
  display: none;
  position: absolute;
  background: #fff;
  padding: 1em 1em .5em;
  width: 320px;
  left: -10px;
  top: -232px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .25);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .25);
}
.paypal-content .inner p {
  margin: 0 0 .5em;
  line-height: 1.25em;
  font-size: 0.875em;
}
a.close-inner {
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 10px;
  font-size: 1.5em;
}
.paypal-content .inner:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: 232px;
  border-width: 20px 10px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}
.paypal-content .inner:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -21px;
  left: 231px;
  border-width: 20px 10px 0;
  border-style: solid;
  border-color: #aaa transparent transparent;
}
img.trigger {
  cursor: pointer;
}
img.trigger:hover {
  opacity: .7;
}

/*************** 9.0 - Plugins CSS Style ************************/

/* 9.1 - Owl Carousel File */
.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;
    z-index: 2;
    -ms-touch-action: pan-Y; }
  .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-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .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-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      width: 25px;
      height: 46px;
      background: url("https://89749b.claudeassets.com/20250319032735im_/https://olidzim.com/wp-content/themes/olidzim/images/slide-l.png") no-repeat 0 0;
      z-index: 2;
      left: -10%;
      top: 5em; }
    .owl-carousel .owl-nav .owl-next {
      background: url("https://3a8299.claudeassets.com/20250319032735im_/https://olidzim.com/wp-content/themes/olidzim/images/slide-r.png") no-repeat 0 0;
      left: auto;
      right: -10%; }
      .owl-carousel .owl-nav .owl-prev:hover,
      .owl-carousel .owl-nav .owl-next:hover {
        opacity: .5; }
  .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 {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    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-controls {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 2em auto .5em; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  z-index: 2;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 14px;
      height: 14px;
      margin: 0 7px;
      border: 0;
      background: #809881;
      display: block;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      -moz-transition: opacity 200ms ease;
      -ms-transition: opacity 200ms ease;
      -o-transition: opacity 200ms ease;
      transition: opacity 200ms ease;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #ff6900; }

/*************** 10.0 - Media Queries and responsive *************************/
@media screen and (max-width:1060px) {
  .desktop-nav > ul > li > a { padding: 1.2em 0.5em; }
}

@media screen and (max-width:980px) {
  .wrapper {max-width:800px; width: 95%; }
  header { padding-top: 0; }
  h1 { font-size: 2.6em; }
  h2, .banner-holder h1 { font-size: 2.2em; }
  .top-section { display: none; }
  .site-title { margin: .35em 0; }
  .banner-holder { padding: 3em 0 2em; }
  .banner-holder img { width: 40%; margin: 0 2em 2em 0; }
  #footer-sidebar, .contact-widget { width: 100%; clear: both; padding: 0; }
  /* Media Query for Mobile menu */
  .menu-toggle, #mobile-nav { display:inline-block; }
  .desktop-nav, .news-testimonial:before { display:none; }
  #nav ul li { width:100%; }
  #nav ul ul { position:relative; }
}

@media screen and (min-width:981px) {
  .mobile-nav { display: none!Important;}
}
@media screen and (max-width:840px) {
  .wrapper { max-width:600px; }
  .banner-holder img { display: none; }
  .third, .half, .evalar-home .wrapper, #content, #sidebar { max-width: 100%; width: 100%; margin: 0; padding: 0; }
  .evalar-home .wrapper { padding: 2em 0; }
  .evalar-block h3 { background: rgba(255,255,255,.75); padding: 1em; margin: 1em; }
  .pojmovi-box { margin-top: 3em; }
  a.btn, .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { padding: .85em; }
  .blog-posts .wrapper > h3 { margin: 0 0 1.5em; }
}

@media screen and (max-width:600px) {
  .wrapper { max-width:480px; }
  .site-title { max-width: 240px; }
  #footer-sidebar .widget { width: 100%; }
  ul.heading, .widget ul.heading, ul.stores, .widget ul.stores { margin-bottom: 1em; }
  .pojmovi-box h3 { font-size: 1.2em; width: 230px; }
  .page-content .thumb-post { width: 100%; }
  p.meta span, p.meta span.post-tags { float: left; clear: both; }
}



/* Comments */
#comments {
  clear: both;
  padding: 2em 0 0.5em;
}
#comments h3 {
  border-bottom: 2px solid #333;
  display: inline-block;
}
#comments input[type="submit"] {
  width: auto;
  float: left;
  clear: both;
  padding: .75em;
  margin:0;
}
.comments-title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list .children {
  padding: 30px 0 0 140px;
}
.comment-list li {
  border-top: 2px solid #e3e3e3;
  margin-bottom: 20px;
  padding-top: 40px;
}
.comment-list li:first-child {
  border-top: 0;
  padding-top: 0;
}
.comment-list li:before {
  display: none;
}
.comment-meta {
  float: left;
  width: 150px;
}
.comment-meta .fn {
  clear: both;
  float: left;
  margin: 1em 0;
}
.comment-author {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 70px;
  width: 70px;
  float: left;
  border-radius: 50%;
}
.comment-author .says {
  display: none;
}
.comment-metadata {
  display: none;
  color: #767676;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}
.comment-body {
  color: #333;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.comment-body p { 
  margin: 0;
  font-size: 1.5em;
}
.comment-reply-link {
  font-weight: 800;
  position: relative;
}
.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.children .comment-author .avatar {
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.form-submit {
  text-align: right;
}
#respond {
	margin-top: 5em;
}
/*
     FILE ARCHIVED ON 04:06:22 Sep 23, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:52:15 Nov 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.676
  exclusion.robots: 0.094
  exclusion.robots.policy: 0.077
  esindex: 0.012
  cdx.remote: 18.696
  LoadShardBlock: 70.26 (3)
  PetaboxLoader3.datanode: 336.756 (5)
  PetaboxLoader3.resolve: 676.426 (2)
  load_resource: 1081.838
  loaddict: 157.833
*/