/*

Theme Name: igorjagych

Theme URI: http://areadizajn.com/

Author: Area Web Design

Author URI: http://areadizajn.com

Description: Opis

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: jagic_slug

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, 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.



igorjagych is based on Underscores http://areadizajn.com/, (C) 2012-2016 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.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

html {

	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}



body {

	margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #000;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

optgroup,

textarea {

	color: #404040;

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	font-size: 1rem;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1.5em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}

::selection {

	background: #c2c2c2;

}

::-moz-selection {

	background: #c2c2c2;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

	border-left: 3px solid #c2c2c2;

	padding-left: 0.5em;

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em 3em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



figure {

	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	color: rgba(0, 0, 0, .8);

	font-size: 12px;

	font-size: 0.75rem;

	line-height: 1;

	padding: .6em 1em .4em;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 3px;

}



select {

	border: 1px solid #ccc;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

}



textarea {

	width: 100%;

}



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	color: royalblue;

}



a:visited {

	color: purple;

}



a:hover,

a:focus,

a:active {

	color: midnightblue;

}



a:focus {

	/* outline: thin dotted; */

}



a:hover,

a:active {

	outline: 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation li {

	float: left;

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 100%;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul a {

	width: 200px;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a,

.main-navigation li.focus > a {

}



.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}



.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 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;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.updated:not(.published) {

	display: none;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

	font-size: 0.9em;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.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;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/* Make sure logo link wraps around logo image. */

.custom-logo-link {

	display: inline-block;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.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.33333%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66667%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28571%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11111%;

}



.gallery-caption {

	display: block;

}

.site-content {

	padding-top: 2em;

}

.container {

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

	padding: 0 10px;

}

.logo {

	width: 80%;

	margin: 2em auto;

	text-align: center;

}

.navsoc {

	position: relative;

	border-bottom: 2px solid #000000;

}

.navigacija {

	display: none;

	float: left;

}

.navigacija ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.navigacija ul ul {

	position: absolute;

	left: -9999px;

	top: 1.6em;

	z-index: 9999;

	font-size: 0.9em;

	padding: 1.2em 0 1.2em 0;

	-webkit-transition:all .3s ease;

	     -moz-transition:all .3s ease;

	           -o-transition:all .3s ease;

	                 transition:all .3s ease;

	width: 100%;

	background: #202020;

}

.navigacija ul ul li {

	display: inline-block;

	padding: 0.5em 0;

}

.navigacija ul ul li a {

	font-weight: normal;

	color: #fff;

	padding: 0.5em 1.3em;

	font-size: 0.85em;

}

.navigacija ul ul li a:hover {

	text-decoration: underline;	

}

.navigacija ul li:hover > ul {

	left: 0;

}

.navigacija li {

	display: inline-block;

	padding: 0 1.5em 0.8em 1.5em;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.navigacija > li:hover {

	background: #c2c2c2;

}

.navigacija a {

	text-decoration: none;

	text-transform: uppercase;

	font-weight: bold;

	color: #000000;

	font-size: 0.9em;

}

.mobdugme {

	position: absolute;

	z-index: 99999;

	width: 100%;

	text-align: center;

}

.mobdugme a {

	display: block;

	text-decoration: none;

	color: #000;

	font-weight: bold;

}

.activemob a {

	color: #fff;

}

.closebttn {

	display: none;

}

.closebttn a {

	color: #fff;

	font-size: 2em;

}

.fixed {

	position: absolute;

}

.navigacijamob {

	background: #353434;

}

.navigacijamob ul {

	padding: 0;

	margin: 0;

}

.navigacijamob ul ul {

	display: none;

	padding: 0;

}

.navigacijamob .menu-item-has-children:before {

	font-family: FontAwesome;

    content: "\f0d7";

    display: inline-block;

    position: absolute;

    top: 15px;

    right: 17px;

    padding-right: 3px;

    vertical-align: middle;

    color: #fff;

}

.navigacijamob .menu-item-has-children.otvoren:before {

	content: "\f0d8";;

}

.navigacijamob ul ul li{

	padding: 1em 0;

}

.navigacijamob ul ul li a {

	font-weight: normal;

	font-size: 0.9em;

	padding: 0.1em 0;

	color: #a79d9d;

}

.navigacijamob li {

	position: relative;

	list-style: none;

	text-align: left;

	padding: 0.3em 0 0.3em 0.5em;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.navigacijamob li:hover {

	background: #424141;

}

.navigacijamob a {

	display: block;

	padding: 0.5em 0;

	text-decoration: none;

	color: #fff;

}

.mobtitle {

	color: #616060;

    border-bottom: 1px solid #616060;

    text-transform: uppercase;

    padding: 0.3em 0;

}

.ikonica-sidemenu {

	text-align: center;

}

.ikonica-sidemenu .icon-ins, .ikonica-sidemenu .icon-fac {

	font-size: 1.2em;

}

.ikonica-sidemenu a {

	padding: 0.5em;

}

.email-sidemenu {

	font-size: 0.8em;

}

.zatvdiv a {

	text-align: right;

    padding-right: 20px;

    font-size: 1.3em;

}

.zatvdiv .fa {

	text-align: right;

}

#menulink {

	text-align: center;

}

#menulink .sidr ul li {

	padding-right: 1em;

}

.socicons {

	position: relative;

	top: -5px;

	float: right;

	padding-right: 0.5em;

	font-size: 0.8em;

}

.socicons a {

	color: #000000;

	font-size: 1.5em;

	padding: 0 0.2em;

}

.icon-ins, .icon-fac {

	display: inline-block;

}

.site-footer .icon-ins a, .site-footer .icon-fac a {

	padding: 0;

}

.site-footer .icon-ins .fa, .site-footer .icon-fac .fa {

	padding: 0 0.5em;

}

.pic-1 {

	position: relative;

}

.pic-1 .slika-pic img, .levo-slika .slika-pic img {

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.pic-1 a:hover .slika-pic img, .levo-slika a:hover .slika-pic img {

	opacity: 0.7;

}

.deo-2 {

	position: relative;

}

.deo-1 .slika-caption, .deo-3 .slika-caption {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 100%;

	text-align: center;

}

.deo-1 .slika-caption-inner, .deo-3 .slika-caption-inner {

	text-transform: uppercase;

	font-size: 1.3em;

    background: #000;

    color: #ffffff;

    display: inline-block;

    padding: 0.5em;

    border: 2px solid #000;

    -webkit-transition:all .5s ease;

         -moz-transition:all .5s ease;

               -o-transition:all .5s ease;

                     transition:all .5s ease;

}

.pic-1:hover .slika-caption-inner, .pic-3:hover .slika-caption-inner {

	background: #fff;

	border: 2px solid #000;

	color: #000;

}

.levo-slika {

	position: relative;

}

.levo-slika .slika-pic {

	

}

.levo-slika .slika-caption {

	position: absolute;

	bottom: 3em;

	right: 1em;

	width: 120px;

}

.levo-slika .slika-caption-inner {

	font-weight: bold;

	font-size: 1.9em;

	color: #ffffff;

	display: inline-block;

	line-height: 0.7;

	text-align: right;

}

.desno-text {

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	float: right;

	width: 30%;

	text-align: center;

	padding-left: 10px;

}

.desno-text-inner {

	position: absolute;

	top: 50%;

	margin: 0 auto;

	width: 100%;

}

.desno-text a {

	text-decoration: none;

	text-transform: uppercase;

	font-weight: bold;

	color: #848786;

	border: 2px solid #e4e4e4;

	padding: 1em;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.desno-text a:hover {

	background: #848786;

	color: #ffffff;

}

.site-footer {

	color: #414242;

	margin-top: 2em;

}

.site-footer-inner {

	border-top: 1px solid #414242;

	padding: 1em 0;

}

.site-footer a {

	text-decoration: none;

	color: #414242;

	padding: 0 0.5em;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.site-footer a:hover {

	background: #000;

	color: #fff

}

.levof {

	text-align: center;

	text-transform: uppercase;

	font-size: 0.8em;

	font-weight: bold;

}

.levof ul {

	margin: 0;

	padding: 0;

}

.levof .icon-ins, .levof .icon-fac {

	display: inline-block;

	font-size: 1.1em;

}

.socialf {

	padding-left: 0.5em;

	margin-left: -3px;

}

.navigacijaf li {

	display: inline-block;

	padding-right: 0.5em;

	margin-left: 4px;

}

.navigacijaf ul ul {

	display: none;

	visibility: hidden;

}

.desnof {

	font-size: 0.7em;

	text-align: center;

}

.proizvod {

	width: 50%;

	float: left;

	padding: 0.5em;

}

.cat-slika {

	position: relative;

	text-align: center;

}

.cat-slika a {

	display: block;

	position: relative;

	text-decoration: none;

}

.hoverspan {

	position: absolute;

	z-index: 5;

	top: 0;

	left: 0;

	bottom: 0;

	width: 100%;

}

.hoverslika {

	opacity: 0;

    top: 0;

    left: 0;

    -webkit-transition:all .5s ease;

         -moz-transition:all .5s ease;

               -o-transition:all .5s ease;

                     transition:all .5s ease;

    margin: 0 auto;

}

.cat-slika:hover .hoverslika {

	opacity: 1;

}

.viewoverlay {

	position: absolute;

	z-index: 9;

    top: 0;

    left: 0;

    opacity: 0;

    color: #000;

    padding: 0.5em;

    width: 100%;

    text-align: center;

    -webkit-transition:all .5s ease;

         -moz-transition:all .5s ease;

               -o-transition:all .5s ease;

                     transition:all .5s ease;

}

.viewoverlay-inner {

	text-transform: uppercase;

	background: rgba(255, 255, 255, 0.75);

	padding: 0.5em;

	font-weight: bold;

}

.cat-slika:hover .viewoverlay {

	opacity: 1;

	top: 45%;

}

.breadcrumbs {

	margin-bottom: 1em;

	font-size: 0.8em;

	background: #efefef;

	padding: 0.5em 0 0.5em 0.5em;

}

.breadcrumbs a {

	text-decoration: none;

    padding: 0 0.3em;

    color: #404040;

}

span.current {

	padding: 0 0.3em;

}

.title-proizvod {

	font-weight: bold;

	font-size: 2em;

}

.opis-proizvod {

	padding: 1em;

	border-bottom: 1px solid #848181;

	font-size: 0.9em;

}

.boje-proizvod {

	padding: 1em 0;

}

.dostupne-boje {

	font-size: 0.9em;

}

.thumbs-proizvodi {

	padding: 0.5em 0;

}

.thumbs-proizvodi img {

	padding: 0 0.5em;

}

.mala-slika {

	float: left;

	padding: 0.5em;

}

.oboji {

	margin: 0.5em;

	display: inline-block;

	width: 30px;

	height: 30px;

	box-shadow: 0px 0px 5px #828282;

}

.blackboja {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: #000000;

}

.orangeboja {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: #ff6a13;

}

.redboja {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: #ff0000;

}

.greenboja {

	background: #4a4240;

}

.beigeboja {

	background: #f8f3ed;

}

.pinkboja {

	background: #e5c7bd;

}

.whiteboja {

	background: #ffffff;

}

.proizvod-desno {

	text-align: center;

}

.slika-proizvod img {

	height: 565px;

}

.sakrij {

	display: none;

}

html.magnifying > body {

  overflow-x: hidden !important;

}

.magnify,

.magnify > .magnify-lens,

.magnify-mobile,

.lens-mobile { /* Reset */

  min-width: 0;

  min-height: 0;

  animation: none;

  border: none;

  float: none;

  margin: 0;

  opacity: 1;

  outline: none;

  overflow: visible;

  padding: 0;

  text-indent: 0;

  transform: none;

  transition: none;

}

.magnify {

  position: relative;

  width: auto;

  height: auto;

  box-shadow: none;

  display: inline-block;

  z-index: inherit;

}

.magnify > .magnify-lens { /* Magnifying lens */

  position: absolute;

  width: 200px;

  height: 200px;

  border-radius: 100%;

  /* Multiple box shadows to achieve the glass lens effect */

  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),

    0 0 7px 7px rgba(0, 0, 0, 0.25),

    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

  cursor: none;

  display: none;

  z-index: 99;

}

.magnify > .magnify-lens.loading {

  background: #333 !important;

  opacity: 0.8;

}

.magnify > .magnify-lens.loading:after { /* Loading text */

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  color: #fff;

  content: 'Loading...';

  font: italic normal 16px/1 Calibri, sans-serif;

  letter-spacing: 1px;

  margin-top: -8px;

  text-align: center;

  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);

  text-transform: none;

}

.soondiv {

	text-align: center;

}

.kontakt-levo input, .kontakt-levo textarea {

	width: 100%;

	padding: 0.3em 0.3em 0.3em 0.5em;

	border: 1px solid #000;

}

.wpcf7 {

	color: #000;

}

.kontakt-levo input.wpcf7-submit {

	display: block;

	width: auto;

	padding: 1em;

	text-transform: uppercase;

	background: #000;

	color: #fff;

	font-size: 0.9em;

}

.kontakt-desno {

	text-align: center;

}

.kontakt-desno a {

	text-decoration: none;

	color: #000;

}

.email-side a {

	font-size: 1.5em;

    border: 1px solid #000;

    padding: 0.5em 1em;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.insta-side {

	margin: 3.3em 0em 3.4em 0em;

}
.youtube-side {

	margin-top: 3.4em;

}

.socside a {

	border: 1px solid #000;

	padding: 0.5em 1em;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.socside a:hover, .email-side a:hover {

	background: #000;

	color: #fff;

}

.video-pozadina {

	position: relative;

}

.video-inner {



}

.video-top {

	position: absolute;

	z-index: 101;

	width: 100%;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	color: #fff;

	text-align: center;

	text-shadow: 0px 0px 23px #000;

	text-transform: uppercase;

	font-size: 2em;

	font-weight: bold;

}

.video-pozadina .video-js {

	width: 100%;

	height: 100%;

}



/************** Sliderout ***************/



.slideout-menu {

  position: fixed;

  top: 0;

  bottom: 0;

  width: 256px;

  min-height: 100vh;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  z-index: 0;

  display: none;

  padding: 0.5em;

}



.slideout-menu-left {

  left: 0;

}



.slideout-menu-right {

  right: 0;

}



.slideout-panel {

  position: relative;

  z-index: 1;

  will-change: transform;

  background-color: #FFF; /* A background-color is required */

  min-height: 100vh;

}



.slideout-open,

.slideout-open body,

.slideout-open .slideout-panel {

  overflow: hidden;

}



.slideout-open .slideout-menu {

  display: block;

}



.panel:before {

  content: '';

  display: block;

  background-color: rgba(0,0,0,0);

  transition: background-color 0.5s ease-in-out;

}



.panel-open:before {

  position: absolute;

  top: 0;

  bottom: 0;

  width: 100%;

  background-color: rgba(0,0,0,.5);

  z-index: 99;

}

/************** Kraj Sliderout ***************/

.news-post {

	position: relative;

	margin-bottom: 2em;

}

.news-post a {

	text-decoration: none;

	color: #000;

}

.news-title {

	font-size: 1.5em;

	font-weight: bold;

	text-transform: uppercase;

}

.news-image img {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.news-post:hover > .news-image img {

	opacity: 0.8;

}

.news-bttn {

	text-align: right;

	padding-top: 1em;

}

.news-bttn a {

	padding: 0.1em 0.5em;

	border: 1px solid #000;

	-webkit-transition:all .5s ease;

	     -moz-transition:all .5s ease;

	           -o-transition:all .5s ease;

	                 transition:all .5s ease;

}

.news-bttn a:hover {

	background: #000;

	color: #fff;

}

.newssingle-title {

	font-size: 1.5em;

	font-weight: bold;

}

.newssingle-date {

	padding-bottom: 1em;

	font-size: 0.8em;

}

.newssingle-image {

	text-align: center;

}

.newssingle-content {

	font-size: 0.9em;

}

.newssingle-content h1, .newssingle-content h2, .newssingle-content h3, .newssingle-content h4 {

	clear: none;

}

.size-newsimage {

	padding: 0.5em;

}

.nevideo .video-pozadina {

	display: none;

}
.page-stranica-text p:first-child {
	margin-top: 0;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
    color: #fff;
    text-decoration: none;
}
.pagination {

}
.pagination .page-numbers {
	padding: 0 0.4em;
}
.pagination .page-numbers.current, .pagination a:hover {
	background: #000;
	color: #fff;
}
.pagination a {
	color: #000;
	text-decoration: none;
	-webkit-transition:all .1s ease;
	     -moz-transition:all .1s ease;
	           -o-transition:all .1s ease;
	                 transition:all .1s ease;
}
.pagination-title {
	padding-right: 1em;
}

.video-pozadina .vjs-control-bar {
    display: none !important;
}

.video-pozadina .vjs-control-bar,
.video-pozadina .vjs-modal-dialog,
.video-pozadina .vjs-caption-settings {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
#my-video_html5_api {
	width: 100%;
}
.video-pozadina .vjs-big-play-button {
    display: none !important;
}




@media screen and (max-width: 599px) {
	.page-stranica-text {
		padding-top: 1em;
	}
}
@media screen and (max-width: 56.1875em) {

	.thumbs-proizvodi {

		text-align: center;

	}

	.desnof {

		padding-top: 0.7em;

	}

}

@media screen and (min-width: 37.5em) and (max-width: 56.1875em) {

	img.alignleft, img.alignright, img.aligncenter {

		width: 60%

	}

}

@media screen and (max-width: 47.9375em) {

	.home .site-content .container, .single .site-content .container {

		padding: 0 !important;

	}

	.single .site-content .newssingle-content, .newssingle-title, .newssingle-date {

		padding: 0 10px;

	}

}

@media screen and (min-width: 26.562em) {

	.soondiv {

		font-size: 5em;

	}

}

@media screen and (min-width: 37.5em) {

	.pic-1 {

		position: relative;

		width: 50%;

		float: left;

	}

	.padleft {

		padding-left: 0.5em;

	}

	.padright {

		padding-right: 0.5em;

	}

	.proizvod {

		width: 33.333%;

	}

	/*--------------------------------------------------------------

	# Alignments

	--------------------------------------------------------------*/

	.alignleft {

		display: inline;

		float: left;

		margin-right: 1.5em;

	}



	.alignright {

		display: inline;

		float: right;

		margin-left: 1.5em;

	}



	.aligncenter {

		clear: both;

		display: block;

		margin-left: auto;

		margin-right: auto;

	}

	.page-featured-image {
		width: 50%;
		float: left;
		padding: 0 1em;
	}
	.page-stranica-text {
		padding: 0 1.5em;
	}


}

/* 768px */

@media screen and (min-width: 48em) {

	.navigacija {

		display: block;

	}

	.navigacijamob, .mobdugme {

		display: none;

	}

	.proizvod {

		width: 25%;

	}

	.proizvod-levo {

		float: left;

		width: 50%;

		padding-right: 0.5em;

	}

	.proizvod-desno {

		float: left;

		width: 50%;

	}

	.news-image {

		width: 70%;

		float: left;

		padding-right: 0.5em;

	}

	.news-text-all {

		width: 30%;

	    float: left;

	    padding-left: 0.5em;

	    position: absolute;

	    top: 0;

	    bottom: 0;

	    right: 0;

	}

	.news-text {

		position: absolute;

		top: 50%;

		right: 0;

		left: 0;

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	.page-featured-image {
	    width: 35%;
	    float: left;
	    padding: 0 1em;
	}

	.page-stranica-text {
	    width: 65%;
	    float: right;
	    padding: 0 1.5em;
	}
}

@media screen and (min-width: 56.25em) {

	.levof, .desnof {

		width: 50%;

		float: left;

	}

	.levof {

		text-align: left;

	}

	.desnof {

		text-align: right;

	}

	.levo-slika {

		width: 70%;

		float: left;

	}

	.desno-text {

		display: block;

	}

	.kontakt-levo {

		width: 65%;

		float: left;

		padding-right: 1em;

	}

	.kontakt-desno {

		width: 35%;

		float: left;

		padding-left: 1em;

		margin-top: 7em;

	}

}

@media screen and (min-width: 1024px) {
	.page-featured-image {
		text-align: center;
	}	
	.page-featured-image img{
		max-height: 430px;
	}
}