/*! 
Theme Name: Tema
Author: ms
Version: 1.0
Text Domain: looka
!*/

/* Boje*/

/* Layout*/

/*@import '../../node_modules/bootstrap/scss/_navbar';*/

/* @import 'vendor/hamburgers/settings';
@import 'node_modules/hamburgers/_sass/hamburgers/hamburgers'; */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 *  Owl Carousel - Core
 */

.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;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
    display: block;
    width: 100%; }

.owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }

.owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }

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

.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }

.owl-carousel.owl-hidden {
    opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }

.owl-carousel.owl-rtl {
    direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */

.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* radi ok*/

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

/*
 * 	Default theme - Owl Carousel CSS File
 */

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }

.owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-REGULAR.TTF') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-LIGHT.TTF') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-MEDIUM.TTF') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-SEMIBOLD.TTF') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-THIN.TTF') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-BLACK.TTF') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-EXTRABOLD.TTF') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('assets/fonts/GILROY-BOLD.TTF') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@media screen and (min-width: 1650px) {

.container {
		max-width: 1320px
}
	}

body {
	background-color: #111B30;
	color:#fff;
}

.form-control {
	transition: none;
	outline: none;
	box-shadow: none !important;
	/* &:focus {
		border-color: inher;
	} */
}

.color-white {
	color:#fff;
}

.relative {
	position: relative;
}

a {
	text-decoration: none;
}

.fw-600 {
	font-weight: 600;
}

.fw-500 {
	font-weight: 500;
}

.fw-400 {
	font-weight: 400;
}

.fw-300 {
	font-weight: 300;
}

.text-gray {
	color: #b1b1b1;
}

.text-black {
	color: #000;
}

.text-primary {
	color: #b9a06f !important;
}

.suptitle {
	color: #fff;
	text-transform: uppercase;
	padding: 4px 0;
	font-size: 0.85rem;
}

@media screen and (max-width: 769px) {

.suptitle {
		font-size: 0.8rem;
		margin-bottom: 3px
}
	}

.overflow {
	overflow: hidden;
}

@media screen and (max-width: 576px) {

html {
		font-size: 15px
}
	}

body {
	font-family: 'Montserrat';
}

* {
	font-family: 'Montserrat';
}

h1,
.h1 {
	font-weight: 500;
	font-family: 'Montserrat';
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {

h1,
.h1 {
		font-size: 25px
}
	}

h2,
.h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

@media screen and (min-width: 993px) {

h2,
.h2 {
		font-size: 34px
}
	}

h3,
.h3 {
	font-family: 'Montserrat';
	font-weight: 500;
}

@media screen and (min-width: 993px) {

h3,
.h3 {
		font-size: 1.5rem
}
	}

p {
	font-family: 'Montserrat';
	font-style: normal;
}

.wpcontent li {
		color: #333333;
		font-family: 'Montserrat';
		font-style: normal;
	}

@media screen and (min-width: 993px) {

body.archive h1 {
		padding-top: 35px
}
	}

b,
strong {
	font-weight: bold;
}

.footer {
	background-repeat: no-repeat;
	background-color: #111b30;
	color: #fff;
}

.footer a {
		text-decoration: none;
		color: #fff;
	}

.footer-in {
		background-repeat: no-repeat;
		background-position: center;
	}

.footer-nav {
	list-style: none;
	padding-left: 0;
}

.footer-nav li {
		margin-bottom: 0.5rem;
		margin-right: 1rem;
	}

@media screen and (min-width: 769px) {
		}

.footer-nav li a {
			padding: 0;
			text-decoration: none !important;
		}

.fsocial {
	display: flex;
}

@media screen and (min-width: 993px) {

.fsocial {
		justify-content: flex-end
}
	}

.fsocial a {
		display: block;
		margin-right: 10px;
	}

@media screen and (min-width: 993px) {

.fsocial a svg {
				width: 35px;
				height: 35px
		}
			}

.footer-title {
	text-transform: uppercase;
	padding-bottom: 15px;
	font-weight: 500;
}

.footer-bot {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.row.footer-bot div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-botleft {
	justify-content: center !important;
}

@media screen and (min-width: 993px) {

.footer-botleft {
		justify-content: flex-start !important
}
	}

@media screen and (max-width: 992px) {

.footer-botmid {
		margin:  15px 0
	}
	}

.footer-botright {
	justify-content: center !important;
}

@media screen and (min-width: 993px) {

.footer-botright {
		justify-content: flex-end !important
}
	}

.header {
	transition: transform 250ms;
	position: relative;
	z-index: 5000;
	width: 100% !important;
	transform: translateY(0);
	transition: transform 250ms ease-in-out;
}

@media screen and (max-width: 576px) {

.header {
		margin-top: -1px;
		padding-top: 1px
}
	}

@media screen and (min-width: 993px) {

.header {
		position: absolute;
		top: 0;
		left: 0
}
	}

.header a.navbar-brand img {
		max-width: 85px;
	}

@media screen and (max-width: 576px) {

.header a.navbar-brand img {
			max-width: 65px
	}
		}

.header__in {
		background-position: center bottom;
		padding-bottom: 15px;
		background-size: contain;
	}

@media screen and (max-width: 576px) {

.header__in {
			background-size: 1700px
	}
		}

.collapsing {
	transition: none !important;
}

/* #js-header #js-btn-navbar-toggler {
	@media screen and (width: 992px) {
		display: block !important;
	}
} */

@media screen and (max-width: 1200px) {

.navbar-collapse {
		position: absolute;
		background: #fff;
		background: #1b2741;
		width: 100%;
		top: 0 !important;
		z-index: 9999;
		left: -13px;
		width: calc(100% + 13px)
}
	}

@media screen and (max-width: 992px) {

.navbar-collapse__in {
			background: #b9a06f
	}
		}

@media screen and (min-width: 993px) {

.navbar-collapse__in {
			margin-left: auto
	}
		}

@media screen and (min-width: 993px) {

.navbar {
		padding: 0
}
	}

@media screen and (max-width: 1200px) {

.navbar {
		position: absolute;
		top: 60px;
		left: 0
}
	}

.navbar-toggler {
	border-radius: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (min-width: 993px) {

.navbar-toggler {
		top: 35px;
		top: 50px
}
	}

.navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(62, 64, 68)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}

.navbar-toggler:focus {
		box-shadow: none;
	}

/* ul navigacije*/

@media screen and (min-width: 1201px) {

.navbar-nav {
		margin-top: 15px
}
	}

@media screen and (max-width: 1200px) {

.navbar-nav {
		border-top: 0
}
	}

@media screen and (min-width: 1201px) {

.navbar-nav > li {
			border-top: 0
	}
		}

.navbar-nav > li .nav-link {
			font-family: 'Montserrat';
		}

.navbar-nav .nav-link {
		font: 400 14px/1.85em 'Montserrat';
		line-height: 1.3;
		text-decoration: none;
		transition: color 200ms, background-color 200ms;
		padding: 0.5rem 1rem;
		color: #fff;
		text-transform: uppercase;
	}

@media screen and (min-width: 1201px) {

.navbar-nav .nav-link {
			padding: 0.75rem 1.25rem !important;
			justify-items: center;
			align-items: center;
			display: flex;
			height: 100%;
			font-size: 15px
	}
		}

@media screen and (min-width: 1401px) {

.navbar-nav .nav-link {
			padding: 1rem 0.75rem !important
	}
		}

.navbar-nav .nav-link:hover,
		.navbar-nav .nav-link:focus {
			background-color: transparent;
			color: #fff;
		}

.navbar-nav .active .dropdown-side-icon:after {
		transform: rotate(-180deg);
	}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

.navbar-nav {
		flex-wrap: wrap
}
	}

@media screen and (min-width: 993px) {

.navbar-nav > li {
			display: flex
	}
		}

.navbar-nav li {

		/* &.current_page_item a {
			position: relative;
			&:after {
				@media screen and (min-width: $screen-lg-min) {
					content: '';
					background: #b9a06f;
					border-radius: 50%;
					width: 6px;
					height: 6px;
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		} */
	}

@media screen and (max-width: 1200px) {

.navbar-nav li {
			display: flex;
			flex-wrap: wrap
	}
		}

.navbar-nav li .dropdown-side-icon {
			width: 20px;
			/* &:hover ~ .dropdown-menu {
				@media screen and (min-width: $screen-lg-min) {
					visibility: visible;
					opacity: 1;
					display: block !important;
				}
			} */
		}

@media screen and (min-width: 993px) {

.navbar-nav li .dropdown-side-icon {
				display: none !important
		}
			}

/*transform: translateY(0);*/

@media screen and (min-width: 993px) {

.navbar-nav li:hover .dropdown-menu {
					visibility: visible;
					opacity: 1;
					display: block !important
			}
				}

.navbar-nav li a:hover {
			/* ~ .dropdown-menu {
				display: none !important;
				visibility: hidden;
				opacity: 0;
			} */
		}

@media screen and (max-width: 1200px) {

.navbar-nav li .header-link {
				width: calc(100% - 50px);
				padding: 8px 25px
		}
			}

@media screen and (max-width: 1200px) {

.navbar-nav li .dropdown-menu {
				width: 100%;
				order: 3;
				display: none !important
		}
			}

@media screen and (min-width: 993px) {

.navbar-nav li .dropdown-menu .nav-link {
					padding: 0.5rem 1.25rem !important;
					line-height: 1.4
			}
				}

@media screen and (max-width: 1200px) {

.navbar-nav li.show .dropdown-menu {
					display: block !important
			}
				}

/* @media screen and (max-width: $screen-xl) {
			border-bottom: 1px solid #f5f5f5;
		} */

@media screen and (min-width: 993px) {

.navbar-nav > li {
			/* border-bottom: 4px solid transparent; */
	}
		}

@media screen and (min-width: 993px) {

.navbar-nav > li:hover {
				/* border-bottom: 4px solid $color-primary; */
		}
			}

.navbar-nav > li a {
			position: relative;
			/* 	&:after {
				@media screen and (min-width: $screen-xl-min) {
					content: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z'/%3E%3C/svg%3E");
					position: absolute;
					top: 50%;
					right: -10px;
					transform: translateY(-50%);
				}
			} */
		}

.navbar-nav .dropdown-menu {
		border-radius: 0;
		transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
		background-color: #fff;
		margin-top: 1px;
	}

@media screen and (min-width: 1201px) {

.navbar-nav .dropdown-menu {
			display: block;
			position: absolute;
			visibility: hidden;
			opacity: 0;
			left: 0;
			min-width: 200px;
			top: 35px
	}
		}

@media screen and (max-width: 992px) {

.navbar-nav .dropdown-menu {
			border-top: 0;
			border-color: #eee;
			border-left: 0;
			border-right: 0;
			border-bottom: 0;
			padding-top: 0;
			padding-bottom: 0;

			margin-top: -1px;
			border: 0 !important
	}
		}

.navbar-nav .dropdown-menu a:after {
			content: none !important;
		}

@media screen and (max-width: 992px) {

.navbar-nav .dropdown-menu .header-link {
				border-bottom: 0 !important;
				font-size: 13px;
				padding-top: 8px;
				padding-bottom: 8px
		}
			}

/* Sticky header*/

/* body:not(.page-template-page-checkout) {
	@media screen and (min-width: $screen-xl-min) {
		padding-top: 222px;
		//padding-top: 191px;
	}
	&.logged-in:not(.page-template-page-checkout) {
		@media screen and (min-width: $screen-xl-min) {
			//padding-top: 190px;
			padding-top: 175px;
		}
	}
} */

/* Ima samo jedan pa ne treba biti na .header još linkano*/

@media screen and (min-width: 1201px) {

.affix-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 500;
		width: 100%
}
	}

@media screen and (min-width: 1201px) {

.affix-top {
		/*transform: translateY(-150px);*/
		transform: translateY(-166px)
}
	}

@media screen and (min-width: 1201px) {

.affix-top .minicart {
			top: 102px
	}
		}

@media screen and (min-width: 993px) {

.header-cart {
		max-width: 150px;
		margin-left: auto
}
	}

.header-cart:hover {
		color: #000000;
	}

.header-cart__icon {
		width: 3rem;
		height: 3rem;
		position: absolute;
		top: 50%;
		left: 0.25rem;
		transform: translateY(-50%);
		z-index: 10;
		padding: 0.6rem;
	}

.header-cart__count {
		position: absolute;
		top: -0.75rem;
		right: -1.75rem;
		font-size: 0.7rem;
		color: #fff;
	}

.header-cart-total:hover {
			color: #b9a06f;
		}

.header-cart span.nav__product-count {
		position: absolute;
		top: -9px;
		right: -8px;
		font-size: 13px;
		color: black;
		font-weight: 400;
	}

.header-cart:hover {
	}

@media screen and (min-width: 993px) {

.header-wishlist {
		min-width: 50px
}
	}

.header-wishlist .yith-wcwl-items-count {
		position: absolute;
		top: -9px;
		right: -8px;
		font-size: 13px;
		color: black;
		font-weight: 400;
	}

span#js-fragment-cart-total-price {
	display: none;
}

.hc-info {
	line-height: 1;
}

.minicart-wrap:hover .minicart {
			opacity: 1;
			visibility: visible;
		}

.minicart {
	position: absolute;
	right: -10px;
	top: 50px;
	z-index: 500;
	background: #fff;
	min-width: 375px;
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
	padding: 5px 0;
	opacity: 0;
	visibility: hidden;
	transition: 200ms ease;
	border-radius: 2px;
}

.minicart ul {
		padding-left: 0;
	}

.minicart li {
		display: flex;
		align-items: center;
		font-size: 13px;
		line-height: 1.3;
		padding: 10px 10px 0px 0;
	}

.minicart .remove_from_cart_button {
		text-decoration: none;
		color: #c42021;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 17px;
		margin: 0 0.5rem;
	}

.minicart .attachment-woocommerce_thumbnail,
	.minicart .woocommerce-placeholder {
		width: 50px;
		max-width: 100%;
		height: auto;
		margin-right: 0.5rem;
		border-radius: 2px;
	}

.minicart .quantity {
		padding: 0 0.5rem;
		text-align: right;
		font-weight: 400;
	}

.minicart .woocommerce-mini-cart__total {
		display: flex;
		justify-content: space-between;
		padding: 0 10px;
		border-bottom: 1px solid #e5eaee;
		border-top: 1px solid #e5eaee;
		padding: 5px 20px;
		font-size: 14px;
		margin-bottom: 0;
	}

.minicart .woocommerce-mini-cart__buttons {
		text-align: center;
		padding-top: 1rem;
	}

.minicart .wc-forward {
		border-radius: 4px;
		padding: 0.75rem 2.5rem;
		padding-right: 3rem;
		color: #fff;
		background: #b9a06f;
		text-decoration: none;
		transition: background-color 200ms;
		position: relative;
		font-size: 15px;
		font-weight: 600;
	}

.minicart .wc-forward:after {
			content: url("data:image/svg+xml,%0A%3Csvg width='16' height='12' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.5C0 6.30848 0.0714876 6.12481 0.198736 5.98938C0.325985 5.85396 0.498571 5.77788 0.678528 5.77788H16.6823L12.4116 1.23429C12.2842 1.0987 12.2126 0.914793 12.2126 0.723033C12.2126 0.531273 12.2842 0.347366 12.4116 0.211771C12.539 0.0761763 12.7119 4.51803e-09 12.892 0C13.0722 -4.51803e-09 13.245 0.0761763 13.3724 0.211771L18.8007 5.98874C18.8638 6.05582 18.914 6.1355 18.9482 6.22324C18.9824 6.31097 19 6.40502 19 6.5C19 6.59498 18.9824 6.68903 18.9482 6.77676C18.914 6.8645 18.8638 6.94418 18.8007 7.01126L13.3724 12.7882C13.245 12.9238 13.0722 13 12.892 13C12.7119 13 12.539 12.9238 12.4116 12.7882C12.2842 12.6526 12.2126 12.4687 12.2126 12.277C12.2126 12.0852 12.2842 11.9013 12.4116 11.7657L16.6823 7.22212H0.678528C0.498571 7.22212 0.325985 7.14604 0.198736 7.01062C0.0714876 6.87519 0 6.69152 0 6.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");
			position: absolute;
			right: 1.25rem;
			top: 55%;
			transform: translateY(-50%) scale(0.9);
			transition: right 200ms;
		}

.minicart .wc-forward:hover {
			background: #000000;
		}

.minicart__delivery {
		padding: 5px 20px;
		font-size: 14px;
		text-align: center;
	}

.woocommerce-mini-cart__empty-message {
	font-size: 15px;
	text-align: center;
	margin-bottom: 0;
	padding: 10px;
}

.btn-search {
	background-color: transparent;
}

.header-search-wrap .form-control {
		border-radius: 0;
		height: 40px;
	}

@media screen and (min-width: 993px) {

.header-search-wrap .form-control {
			min-width: 300px
	}
		}

.header-search-wrap .btn-primary {
		border-radius: 0;
		height: 40px;
	}

@media screen and (max-width: 992px) {

.header-main .btn-wishlist {
			display: none !important
	}
		}

.dropdown-side-icon,
.dropdown-toggle-2ndlevel {
	width: 50px;
	/*border-left: 1px solid #eee;*/
	position: relative;
}

.dropdown-side-icon:after, .dropdown-toggle-2ndlevel:after {
		/*display: none !important;*/
	}

.dropdown-side-icon > div, .dropdown-toggle-2ndlevel > div {
		display: block;
		width: 12px;
		height: 12px;
		top: 21px;
		top: 27px;
		right: 18px;
		left: unset;
		position: absolute;
	}

/* minus horizontalni*/

.dropdown-side-icon > div:after, .dropdown-toggle-2ndlevel > div:after {
			content: '';
			position: absolute;
			/* 	display: block;
			width: 100%;
			height: 2px;
			left: 0;
			top: 0;
			background: #343434; */

			transition-property: transform;
			transition-timing-function: ease-in;
			transition-duration: 0.3s;
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			position: absolute;
			top: -4px;
			left: -2px;
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 11.875L10 7.5 5.625 3.125' fill='%23fff'/%3E%3C/svg%3E");
			background-size: 16px;
			background-position: 50%;
		}

/* minus okomiti da se napravi plus*/

.dropdown-side-icon > div:before, .dropdown-toggle-2ndlevel > div:before {
			/* 		content: '';
			position: absolute;
			display: block;
			width: 100%;
			height: 2px;
			left: 0;
			top: -5px;
			background: #343434;
			width: 2px;
			left: 5px;
			height: 100%; */
		}

.dropdown-side-icon.show > div:before, .dropdown-toggle-2ndlevel.show > div:before {
				display: none !important;
			}

.dropdown-secondlevel .dropdown-side-icon div {
	top: 18px !important;
}

@media screen and (max-width: 992px) {

.dropdown-secondlevel .dropdown-menu li {
		padding-left: 20px !important
}
	}

/* Hamburger ikona, na hover se smanji srednja crta a na klik se pokaže križić*/

.btn-hamb__in {
		width: 30px;
		height: 35px;
		overflow: hidden;
		position: relative;
	}

.btn-hamb.is-active span {
			transition: top 0.3s, transform 0.3s, opacity 0s;
			transition-delay: 0s, 0.3s, 0.3s;
		}

.btn-hamb.is-active span:nth-child(1) {
				top: 50%;
				transform: translate(0, -50%) rotate(-45deg);
			}

.btn-hamb.is-active span:nth-child(2) {
				opacity: 0;
			}

.btn-hamb.is-active span:nth-child(3) {
				top: 50%;
				transform: translate(0, -50%) rotate(45deg);
			}

.btn-hamb span {
		position: absolute;
		left: 0%;
		transform: translate(0, -50%);
		width: 26px;
		height: 2px;
		border-radius: 2px;
		background: #b9a06f;
		opacity: 1;
		transition: all 200ms;
	}

.btn-hamb span:nth-child(1) {
			top: 25%;
		}

.btn-hamb span:nth-child(2) {
			top: 50%;
			/*transition-delay: 0s, 0s, 0s;*/
			/*width: 16px;*/
			/*width: 25px;*/
			/*left: 10px;*/
		}

.btn-hamb span:nth-child(3) {
			top: 75%;
		}

.btn-hamb:hover span:nth-child(2) {
				transform: translate(0, -50%);
			}

@media screen and (min-width: 993px) {

.logo-wrap {
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
}
	}

@media screen and (max-width: 992px) {

.logo-wrap img {
			max-width: 70px
	}
		}

@media screen and (max-width: 992px) {

.logo-wrap svg {
			max-width: 110px
	}
		}

.menu-item-has-children > a {
	position: relative;
}

.menu-item-has-children > a:after {
		content: '';
		background-image: url("data:image/svg+xml,%0A%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M131 3836 l-132 -132 1275 -1272 c700 -700 1279 -1272 1286 -1272 7%0A0 586 572 1286 1272 l1275 1272 -132 132 -132 133 -1144 -1137 c-629 -625%0A-1148 -1137 -1153 -1137 -5 0 -524 512 -1153 1137 l-1144 1137 -132 -133z'/%3E%3C/g%3E%3C/svg%3E%0A");
		background-position: center;
		background-repeat: no-repeat;
		width: 15px;
		height: 15px;
		margin-left: 5px;
		transform: scale(0.7);
	}

.dropdown-side-icon {
	position: relative;
}

.dropdown-side-icon:after {
		content: url("data:image/svg+xml,%3Csvg width='13' height='13' fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z'/%3E%3C/svg%3E");
		transition: all 250ms;
		border: 0 !important;
	}

#menu-primary .menu-item-has-children {
	position: relative;
}

.topleftheader {
	display: flex;
	align-items: center;
}

.topleftheader .headermenubtn {
		color: #fff;
		display: flex;
		align-items: center;
		margin-right: 25px;
	}

.topleftheader .headermenubtn svg {
			margin-right: 20px;
		}

.topleftheader .topleftheadertel {
		color: #fff;
	}

div#menuModal {
	height: 100vh;
}

div#menuModal .modalmenu {
		max-width: 400px;
		margin: auto;
		text-align: center;
	}

div#menuModal li {
		list-style-type: none;
	}

@media screen and (min-width: 993px) {

div#menuModal li {
			font-size: 38px
	}
		}

.btn-primary {
	background: #000;
	border: 0;
	color: #fff;
	font-weight: 400;
	padding: 8px 17px;
	height: 40px;
	position: relative;
	border-radius: 0;
	transition: all 150ms;
	font-size: 15px;
	line-height: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 993px) {

.btn-primary {
		height: 42px;
		padding: 8px 25px
}
	}

.btn-primary:hover {
		color: #fff;
		background-color: #b9a06f;
	}

.btn-secondary {
	border: 1px solid $ color-primary;
	border-radius: 10px;
	font-weight: 400;
	background: transparent;
	color: black;
	border-radius: 36px;
	font-size: 15px;
	line-height: 15px;
}

@media screen and (min-width: 993px) {

.btn-secondary {
		height: 50px;
		padding: 8px 35px
}
	}

.btn-secondary:hover {
		color: black;
		background: transparent;
	}

.button-group {
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	flex-wrap: wrap;
	align-items: center;
	display: flex;
}

/* === Global button animation === */

.animated-border {
	position: relative;
	overflow: hidden;
}

/* Disable transitions on mobile */

@media (max-width: 990px) {
	.animated-border {
		transition: none !important;
	}
	.animated-border .image {
		transition: none !important;
	}
}

.button-image {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.button-decor {
	opacity: 0;
	position: absolute;
	inset: 1px;
	transition: all 100ms;
}

.button-overlay {
	transition: opacity 0.5s;
	position: absolute;
	inset: 0%;
}

/* Base border lines */

.animated-border .line {
	position: absolute;
	background: white;
	z-index: 1;
}

/* Vertical lines */

.animated-border .tl-v,
.animated-border .tr-v,
.animated-border .bl-v,
.animated-border .br-v {
	width: 1px;
	height: 3px;
	transition: height 0.4s ease;
}

/* Horizontal lines */

.animated-border .tl-h,
.animated-border .tr-h,
.animated-border .bl-h,
.animated-border .br-h {
	width: 3px;
	height: 1px;
	transition: width 0.4s ease;
}

/* Corner positioning */

.tl-v {
	top: 0;
	left: 0;
}

.tl-h {
	top: 0;
	left: 0;
}

.tr-v {
	top: 0;
	right: 0;
}

.tr-h {
	top: 0;
	right: 0;
}

.bl-v {
	bottom: 0;
	left: 0;
}

.bl-h {
	bottom: 0;
	left: 0;
}

.br-v {
	bottom: 0;
	right: 0;
}

.br-h {
	bottom: 0;
	right: 0;
}

/* === Focus-within animation (works everywhere) === */

.animated-border:focus-within .tl-v,
.animated-border:focus-within .tr-v,
.animated-border:focus-within .bl-v,
.animated-border:focus-within .br-v {
	height: 50%;
}

.animated-border:focus-within .tl-h,
.animated-border:focus-within .tr-h,
.animated-border:focus-within .bl-h,
.animated-border:focus-within .br-h {
	width: 50%;
}

/* === Hover animation only on desktop === */

@media (min-width: 991px) {
	.animated-border:hover .tl-v,
	.animated-border:hover .tr-v,
	.animated-border:hover .bl-v,
	.animated-border:hover .br-v {
		height: 50%;
	}

	.animated-border:hover .tl-h,
	.animated-border:hover .tr-h,
	.animated-border:hover .bl-h,
	.animated-border:hover .br-h {
		width: 50%;
	}

	.animated-border:hover .image {
		transform: scale(1.02);
	}

	.button.service-card.animated-border:hover .button-overlay {
		opacity: 0.5;
	}

	.button.service-card:hover .button-decor {
		opacity: 1;
	}
}

.button.service-card {
	height: 100px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.3;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-transform: initial;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 993px) {

.button.service-card {
		font-size: 2rem;
		height: 150px
}
	}

.button.service-card:where(.w-variant-f5114a1b-03b1-e18a-b860-e338578ead0d) {
	justify-content: center;
	align-items: center;
	padding-top: 3rem;
	padding-bottom: 3rem;
	display: flex;
}

.button {
	background-color: transparent;
	color: #fff;
	text-align: center;
	border: 1px solid #ffffff0d;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9rem;
	line-height: 1.3;
	padding: 1rem 1.5rem;
	overflow: hidden;
}

.z-index-2 {
	z-index: 2;
	position: relative;
}

.pagination li {
		transition: all 0.2s;
		margin: 0 0.2em;
	}

.pagination li a {
			padding: 0.7em 1em;
			color: #000000;
			display: inline-block;
			transition: all 100ms;
			border-radius: 0;
			text-decoration: none;
		}

.pagination li a:hover,
			.pagination li a:focus {
				background: transparent;
				text-decoration: none;
			}

.pagination li.active a {
			color: #b9a06f;
			font-weight: bold;
		}

.pagination li.active a:hover,
			.pagination li.active a:focus {
				color: #b9a06f;
			}

.woocommerce-pagination {
	margin-top: 30px;
}

.woocommerce-pagination ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.woocommerce-pagination ul li {
		padding: 0.7em 1em;
	}

.woocommerce-pagination a,
.woocommerce-pagination span {
	color: #333;
	display: inline-block;
	background-color: #fff;
	transition: all 0.1s;
	border-radius: 0;
	text-decoration: none;
}

.woocommerce-pagination a:focus,
.woocommerce-pagination a:hover {
	color: #b9a06f;
	background-color: transparent !important;
}

.woocommerce nav.woocommerce-pagination ul a,
.woocommerce nav.woocommerce-pagination ul span {
	color: #808080 !important;
	padding: 10px !important;
}

@media screen and (min-width: 993px) {

.woocommerce nav.woocommerce-pagination ul a,
.woocommerce nav.woocommerce-pagination ul span {
		padding: 10px 13px !important
}
	}

.woocommerce nav.woocommerce-pagination ul span.current {
	padding: 10px 12px !important;
	line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul span.current:hover {
		background-color: #b9a06f !important;
	}

nav.woocommerce-pagination {
	margin-bottom: 26px;
}

.nastim {
	background: #1b2741;
	padding: 40px 0;
}

@media screen and (min-width: 992px) {

.nastim {
		padding: 70px 0
}
	}

.contactform {
	background: #1b2741;
	padding: 40px 0;
}

@media screen and (min-width: 992px) {

.contactform {
		padding: 70px 0
}
	}

.contactform label {
		width: 100%;
	}

.contactform .wpcf7-text,
	.contactform .wpcf7-select,
	.contactform textarea {
		background: #23314e;
		width: 100%;
		border: 0;
		min-height: 45px;
	}

.contactform .wpcf7-select {
		color: #fff;
	}

.contactform textarea {
		height: 120px;
	}

.contactform .button-group {
		justify-content: flex-end;
		margin-top: -20px;
	}

.accordion-item {
	background: transparent;
	border: 0 !important;
}

.accordion-item * {
		border: 0 !important;
	}

.accordion-item button.accordion-button {
		background: transparent !important;
		color: #fff !important;
		box-shadow: none;
		font-size: 18px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.17) !important;
		padding-left: 0;
		padding-right: 0;
		border-radius: 0 !important;
	}

@media screen and (min-width: 992px) {

.accordion-item button.accordion-button {
			font-size: 22px
	}
		}

.accordion-item .accordion-button::after {
		display: none;
	}

.accordion-item .accordion-body {
		color: #fff;
	}

.uslugeaccordion {
	background-color: #1b2741;
}

.uslugeaccordion__left {
		padding: 40px 0;
	}

@media screen and (min-width: 992px) {

.uslugeaccordion__left {
			padding: 60px 0
	}
		}

.uslugesekcija1 {
	padding: 40px 0;
}

@media screen and (min-width: 992px) {

.uslugesekcija1 {
		padding: 90px 0
}
	}

.uslugesekcija1__col {
		background: #1b2741;
		padding: 20px;
		text-align: center;
	}

@media screen and (min-width: 992px) {

.uslugesekcija1__col {
			padding: 35px
	}
		}

body.page-id-10 .fpintromain p {
	font-size: 16px;
}

@media screen and (min-width: 992px) {

body.page-id-10 .fpintromain p {
		font-size: 18px
}
	}

body.page-id-10 .nastim {
	background: #111b30;
}

.uslugesekcija3 {
	background: #1b2741;
	padding: 40px 0;
}

@media screen and (min-width: 992px) {

.uslugesekcija3 {
		padding: 90px 0
}
	}

.uslugesekcija3 .uslugesekcija3__col {
		padding: 20px;
	}

@media screen and (min-width: 992px) {

.uslugesekcija3 .uslugesekcija3__col {
			min-height: 400px
	}
		}

.faq {
	padding: 40px 0;
}

@media screen and (min-width: 992px) {

.faq {
		padding: 90px 0
}
	}

.faq .accordion-body {
		padding-left: 0;
	}

body.page-id-10 .footer {
	background: #1b2741;
}

.postloopcontent h2,
	.postloopcontent h3 {
		color: #fff !important;
	}

body.category h1 {
	padding-top: 50px;
}

@media screen and (min-width: 992px) {

body.category h1 {
		padding-top: 200px
}
	}

@media screen and (min-width: 992px) {

body.single-post {
		padding-top: 200px
}
	}

body.single-post .ph-wrap {
		padding: 30px 15px;
	}

@media screen and (min-width: 992px) {

body.single-post .ph-wrap {
		padding: 30px 80px
	}
	}

body.single-post .ph-wrap .container {
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

body.single-post .ph-wrap .ph-wrap__sides {
			width: 100px;
		}

@media screen and (max-width: 992px) {

body.single-post .ph-wrap .ph-wrap__sides {
				display: none !important
		}
			}

body.single-post .ph-wrap .ph-wrap__back {
			color: #fff;
		}

body.single-post .ph-wrap h1 {
			max-width: 600px;
			text-align: center;
		}

body.single-post .wp-content {
		text-align: center;
	}

@media screen and (min-width: 992px) {

body.single-post .wp-content {
			padding-bottom: 50px
	}
		}

body.single-post .wp-content-img-wrap {
		margin-bottom: 10px;
	}

@media screen and (min-width: 992px) {

body.single-post .wp-content-img-wrap {
			padding-bottom: 30px
	}
		}

body.single-post .footer-in {
		background: #1b2741;
	}

.fpintro {
	height: 100vh;
}

.fpintro .container {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

@media screen and (min-width: 993px) {

.fpintro h1 {
			font-size: 50px;
			line-height: 1
	}
		}

@media screen and (min-width: 993px) {

.fpintro h2 {
			font-size: 41px;
			line-height: 1
	}
		}

.fpintro .fpintromain {
		line-height: 1.2;
		max-width: 900px;
	}

@media screen and (min-width: 993px) {

.fpintro .fpintromain {
			font-size: 28px
	}
		}

.fpintro .fpintrobotleft {
		position: absolute;
		left: 0;
		bottom: 50px;
		text-transform: uppercase;
	}

@media screen and (max-width: 992px) {

.fpintro .fpintrobotleft {
		left: 15px
	}
		}

.fpintro .fpintrobotright {
		position: absolute;
		right: 0;
		bottom: 50px;
	}

@media screen and (min-width: 993px) {

body.page-id-9 .fpintro .fpintromain {
				font-size: 18px
		}
			}

.fppartneri {
	background: #f7f7f7;
}

.fppartneri .owl-stage-outer {
		background: #fff;
	}

.fppartneri a.js-brands__link {
		display: block;
		padding: 15px !important;
	}

@media screen and (min-width: 993px) {

.fppartneri a.js-brands__link {
			padding: 30px !important;
			border-right: 1px solid #eee
	}
		}

.fppartneri a.js-brands__link img {
			max-height: 70px;
			-o-object-fit: cover;
			   object-fit: cover;
		}

.fponama {
	background-color: #1b2741;
}

@media screen and (min-width: 993px) {

.fpklijenti {
		padding: 30px 0 100px
}
	}

.fpblog {
	background-color: #1b2741;
	padding: 40px 0;
}

@media screen and (min-width: 993px) {

.fpblog {
		padding: 80px 0
}
	}

@media screen and (min-width: 993px) {

.fpblog #js-blog {
			padding: 50px 0 0
	}
		}

.fpblog .owl-nav {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		bottom: -100px;
	}

.fpblog .owl-nav button {
		margin: 0 20px;
	}

.fpblog .button-group {
		margin-top: 100px;
		padding-bottom: 20px;
		justify-content: center;
	}

.fpbrands {
	padding: 50px 0;
}

@media screen and (min-width: 993px) {

.fpbrands {
		padding: 100px 0
}
	}

.fpbrands .fpbrands_in {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

@media screen and (max-width: 992px) {

.fpbrands .fpbrands_in {
			flex-wrap: wrap;
        justify-content: center
	}
		}

@media screen and (max-width: 992px) {

.fpbrands .fpbrands_in img {
				width: 100px
		}
			}

.fpkontakt {
	background-color: #1b2741;
	padding: 50px 0;
}

@media screen and (min-width: 993px) {

.fpkontakt {
		padding: 100px 0
}
	}

.fpkontakt p {
		color: #8a99b8;
	}

@media screen and (min-width: 993px) {

.fpkontakt p {
		line-height: 1.2
	}
		}

.fpkontakt p strong {
			color: #fff;
		}

@media screen and (min-width: 993px) {

.fpkontakt p {
			font-size: 32px
	}
		}

.fpkontakt .btn {
	}

.fpblog-card a {
		color: #fff;
	}

.recenzija {
	background-color: #1b2741;
	color: #fff;
	height: 100%;
	position: relative;
}

.recenzija .recenzija_date {
		position: absolute;
		right: 1rem;
		top: 1rem;
		color: #797993;
	}

.recenzija .recenzija_tit {
		font-size: 24px;
		font-weight: 500;
	}

.fpprojekti {
	padding: 30px 0;
}

@media screen and (min-width: 993px) {

.fpprojekti {
		padding: 70px 0
}
	}

.fpprojekti button.owl-next {
		position: absolute;
		top: -110px;
		right: 50px;
	}

@media screen and (max-width: 992px) {

.fpprojekti button.owl-next {
			top: -70px
	}
		}

@media screen and (max-width: 992px) {

.fpprojekti button.owl-next svg {
				width: 30px;
				height: 30px
		}
			}

.fpprojekt {
	display: block;
	background-size: cover;
	background-position: center;
	padding: 30px;
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: flex-end;
}

@media screen and (min-width: 993px) {

.fpprojekt {
		min-height: 600px
}
	}

.fpprojekt p {
		margin-bottom: 0;
	}

.portfolioback {
	text-decoration: underline;
	color: #b9a06f;
}

.isotope {
	margin-bottom: 160px;
}

.isotope__buttons {
	margin-bottom: 20px;
}

.isotope__btn {
	position: relative;
	border-radius: 0;
}

.isotope__btn-count {
	position: absolute;
	top: -9px;
	font-size: 0.6em;
	color: #000;
	background: #fff;
	padding: 2px;
	right: -2px;
}

.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.isotope__link {
	overflow: hidden;
	float: left;
	width: 100%;
	height: 300px;
	margin-bottom: 5px;
	position: relative;
}

@media screen and (min-width: 769px) {

.isotope__link {
		width: 50%;
		height: 300px
}
	}

@media screen and (min-width: 993px) {

.isotope__link {
		width: 33%;
		height: 300px
}
	}

@media screen and (min-width: 1201px) {

.isotope__link {
		width: 400px;
		height: 400px
}
	}

.isotope__link:before {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 2;
		content: '';
	}

.isotope__link:hover img {
			opacity: 0.85;
		}

.isotope__link:hover .isotopetitle {
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, -20px);
		}

.isotope__link img {
		width: 100%;
		transition: all 100ms;
	}

.isotope__link .isotopetitle {
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transition: all 200ms;
		transform: translateX(-50%);
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 20px;
		top: 115px;
		top: 50%;
		z-index: 10;
		font-family: 'Playfair Display', serif;
		font-weight: 500;
		font-size: 24px;
	}

@media screen and (min-width: 993px) {

.isotope__link .isotopetitle {
			font-size: 28px
	}
		}

.galerija a {
	width: 100%;
	height: 100%;
	display: block;
}

.galerija a img {
		width: 100%;
		display: block;
		height: auto;
		transition: all 100ms;
		min-height: 100%;
		-o-object-fit: fill;
		   object-fit: fill;
	}

.galerija a:hover img {
			opacity: 0.85;
		}

.isotope .element-item {
		background-color: #fff;
		padding: 0;
		margin: 10px;
		display: inline-block;
		width: 100%;
	}

@media screen and (min-width: 577px) {

.isotope .element-item {
			width: calc(50% - 20px)
	}
		}

@media screen and (min-width: 769px) {

.isotope .element-item {
			width: calc(33% - 20px)
	}
		}

@media screen and (min-width: 993px) {
		}

.isotope .item-image {
		width: 100%;
		padding-bottom: 50%;
		background-size: cover;
	}

/* .isotope {
	margin-top: 100px;
	margin-bottom: 160px;
}

.isotope__buttons {
	margin-bottom: 20px;
}

.isotope__btn {
	position: relative;
	border-radius: 0;
}

.isotope__btn-count {
	position: absolute;
	top: -9px;
	font-size: 0.6em;
	color: #000;
	background: #fff;
	padding: 2px;
	right: -2px;
}

.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.isotope__link {
	overflow: hidden;
	float: left;
    width: 100%;
    height: 300px;
	margin-bottom: 5px;
	position: relative;
	@media screen and (min-width: $screen-md-min) {
		width: 50%;
		height: 300px;
	}
	@media screen and (min-width: $screen-lg-min) {
		width: 33%;
		height: 300px;
	}
	@media screen and (min-width: $screen-xl-min) {
		width: 400px;
		height: 400px;
	}
	&:before {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 2;
		content: '';
	}
	&:hover {
		img {
			opacity: 0.85;
		}
		.isotopetitle {
			opacity: 1;
			visibility: visible;
			transform: translate(-50%, -20px);
		}
	}
	img {
		width: 100%;
		transition: all 100ms;
	}

	.isotopetitle {
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transition: all 200ms;
		transform: translateX(-50%);
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 20px;
		top: 115px;
		top: 50%;
		z-index: 10;
		font-family: "Playfair Display", serif;
		font-weight: 500;
		font-size: 24px;
		@media screen and (min-width: $screen-lg-min) {
			font-size: 28px;
		}
	}
}

.isotope__link--isotope-horizontal {
	width: 404px;
	@media screen and (min-width: $screen-lg-min) {
		width: 400px;
	}
}

.isotope__link--isotope-vertical {
	height: 200px;
	@media screen and (min-width: $screen-lg-min) {
		height: 400px;
	}
}

.galerija a {
	width: 100%;
    height: 100%;
	display: block;
	img {
		width: 100%;
		display: block;
		height: auto;
		transition: all 100ms;
		min-height: 100%;
		object-fit: fill;
	}
	&:hover {
		img {
			opacity: 0.85;
		}
	}
}

.portfolioback {
	text-decoration: underline;
	color: #b9a06f;
}




.isotope__gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
	@media screen and (min-width: 768px) {
			grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			gap: 15px;
	}
	@media screen and (min-width: 992px) {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 20px;
	}
	@media screen and (min-width: 1200px) {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
		gap: 25px;
	}
}

.isotope__link {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	@media screen and (min-width: 768px) {
		width: 100%;
		aspect-ratio: 1 / 1;
	}
}
 */