/* BOOTSTRAP STUFF */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {	line-height: 1.25; }
/* BOOTSTRAP STUFF */



/* SETUP */
html, body {		margin: 0;	padding: 0;	background-color: #fff; letter-spacing: 0.4px;}
body {				font-family: 'Raleway', sans-serif; font-size: 14px; color: #0d2744; font-weight: 500; font-style: normal; line-height: 1.8; }
h1, h2, h3 {		font-family: 'Playfair Display'; margin-top: 0; margin-bottom: 20px; }
b, strong {			font-family: 'Raleway', sans-serif; font-weight: 800; }
h1, h2 {			letter-spacing: -0.5px; }
h1 {				font-size: 200%; }
h2 {				font-size: 150%; }
h3 {				font-size: 110%; }
.font85 {			font-size: 85%; }
.font75 {			font-size: 75%; }
p {					margin-bottom: 20px; }
a {			color: #0d2744; text-decoration: none; }
a:hover {	color: #0d2744; text-decoration: none; }
a:focus {	color: #0d2744; text-decoration: none; }
ul {		list-style-type: none; padding: 0; }
.wrapper {	position: relative; overflow: hidden; /*padding: 40px 0;*/ margin: /*40px 25px*/ 25px; margin-left: 15px; padding-left: 10px; }
img {	width: 100%; }
a, a:hover, a:focus, .btn, button, .btn:active, .btn:hover, .btn:focus {
	transition: all 200ms linear 0s;
    -moz-transition: all 200ms linear 0s;
    -ms-transition: all 200ms linear 0s;
    -webkit-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
    outline: none!important;
    text-decoration: none;
}
:-moz-any-link:focus {
	outline: none;
}
.container {
	width: 100%;
}
a.white {	color: #fff; }
a.white:hover {	color: #fff; }



body {
	background-color: #f3eeed;
	/* mac hack */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header {
	min-height: 330px;
	position: relative;
}

section.proizvodi, .subsection {
  margin-bottom: 80px;
}
img {/*
	background-color: rgba(0,0,0,0.1);*/
}
/****************************
******** N A V B A R *******/
.gradient {
	background: rgba(0, 0, 0, 0.2);
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	-webkit-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	-moz-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	-ms-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	transition: background 500ms; /* For modern browsers */
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	pointer-events: none;
	height: 40%;
	z-index: 1;
}

.o-nama .gradient {
	background: rgba(0, 0, 0, 0.2);
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffffff', GradientType=0);
	-webkit-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	-moz-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	-ms-transition: background 500ms; /* For Safari 3.0 to 6.0 */
	transition: background 500ms; /* For modern browsers */
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	pointer-events: none;
	height: 80%;
	z-index: 0;
}


/* početak novog komada */
.navigacija {
	width: 100%;
	position: absolute;
	z-index: 3;/*
	margin-top: 95px;
	background: rgba(0,200,0,.1);*/
}
#navi-desktop {
	display: none;
}
.navi-list {
	position: relative;
	float: right;
	font-size: 100%;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: initial;
	margin-top: 32px;
}
.navi-list > li,
.dropdown-menu > li {
	float: left;
	position: relative;
	display: block;
}
.dropdown-menu > li {	width: 100%; }
.navi-list > li > a:hover,
.navi-list > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navi-list .lang-change:hover,
.navi-list .lang-change:focus {
	text-decoration: none;
	background-color: transparent;
	color: #fff;
}
.navi-list > li > a,
.dropdown-menu > li > a,
.navi-list .lang-change {
	margin: 0 15px;
	padding: 10px 0;
	color: #fff;
	position: relative;
	display: inline-block;
	/* zbog safarija  width: intrinsic;*/
}
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {	color: #0d2744; }
.dropdown-menu > li > a {
	clear: none;
	font-weight: inherit;
	line-height: inherit;
}
.o-nama .navi-list > li > a,
.o-nama .dropdown-menu > li > a,
.o-nama .dropdown-menu > li > a:hover,
.o-nama .dropdown-menu > li > a:focus,
.o-nama .navi-list .lang-change {
	color: #0d2744;
}
body.o-nama span.caret {		color: #0d2744; }
/*
.o-nama .dropdown-menu {
	background-color: #eac5c5;
}*/
.navi-list > li > a::before,
.dropdown-menu > li > a::before,
.navi-list .lang-change::before {
	content: "";
	background-color: #9a303e;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 3px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0%;
	-moz-transform-origin: 0%;
	-ms-transform-origin: 0%;
	transform-origin: 0%;
	-webkit-transition: -webkit-transform .3s ease .2s;
	-moz-transition: -moz-transform .3s ease .2s;
	-ms-transition: -ms-transform .3s ease .2s;
	transition: transform .3s ease .2s;
}
.navi-list > li > a:hover::before,
.navi-list li.active a::before,
.dropdown-menu > li > a:hover::before,
.navi-list .lang-change:hover::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.dropdown-menu {
	padding: 0;
	min-width: unset;
	width: 100%;
	margin: 10px 0 0;
	font-size: 100%;
	background-color: #f4eeee;
	border: 0;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	padding-bottom: 10px;
}
.header-logo {
	float: left;
	margin-top: 25px;
}
.header-logo > svg {	width: 135px; /* height je tu zbog safarija */ height: 100%; }
.homepage #slovoD,
.homepage .omanodar {
	fill: #fff;
	-webkit-transition: fill .15s linear;
	-moz-transition: fill .15s linear;
	-ms-transition: fill .15s linear;
	transition: fill .15s linear;
}
.menu-open #slovoD {	fill: #9a303e; }
.menu-open .omanodar {	fill: #262626; }
.lang-change {
	letter-spacing: 4px;
}
.menu-icon {
	float: right;
	margin-right: -15px;
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 0;
}
.menu-icon .icon-bar {
	display: block;
	height: 3px;
	width: 18px;
	background-color: white;
	border-radius: 1px;
}
.o-nama .menu-icon .icon-bar,
.menu-open .menu-icon .icon-bar {
	background-color: #0d2744;
	-webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-ms-transition: background-color .15s linear;
	transition: background-color .15s linear;
}/*
.menu-open.o-nama .gradient {
	z-index: 3;
}*/
.menu-icon .icon-bar + .icon-bar {    margin-top: 4px; }
#menuModal {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #f4eeee none repeat scroll 0% 0%;
	z-index: -1;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 800;
	padding-top: 45px;
}
.modal-open #menuModal {	z-index: 2; }
#menuModal .display-table {
	display: table;
	width: 100%;
	height: 100%;
}
#menuModal .table-cell {
	display: table-cell;
	vertical-align: middle;
}/*
.lista-proizvoda {
	width: 50%;
	text-align: left !important;
	margin-left: 50%;
}*/
#menuModal .lista-proizvoda {
	background-color: #e8e3e3;
	text-transform: none;
	letter-spacing: 2px;
	padding: 10px;
	font-weight: 500;
}
#menuModal .lista-proizvoda li {
	width: 100%;
	display: inline;
}/*
#menuModal .lista-proizvoda a {
	color: #9ca6ba;
}*/
#menuModal .dropdown-menu > li {
	float: none;/*
	text-align: left;*/
}/*
.dropdown.open {
	margin-bottom: 220px;
	transition: margin-bottom 0.5s ease-out 0.2s;
}*/
#menuModal .dropdown-menu {
	margin: 0;
	display: block;
	opacity: 0;
}
#menuModal .dropdown.open .dropdown-menu {
	left: 0; right: 0;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
#menuModal .dropdown-menu > li > a {
	padding: 0;
}
#menuModal ul {	text-align: center; }
#menuModal li {	padding: 10px; }
#menuModal a {
	position: relative;
	display: inline-block;
	color: #0d2744;
}
#menuModal a::before {
	content: "";
	background-color: #9a303e;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;/*
	margin-left: -2px;*/
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0%;
	-moz-transform-origin: 0%;
	-ms-transform-origin: 0%;
	transform-origin: 0%;
	-webkit-transition: -webkit-transform .3s ease .2s;
	-moz-transition: -moz-transform .3s ease .2s;
	-ms-transition: -ms-transform .3s ease .2s;
	transition: transform .3s ease .2s;
}
#menuModal a:hover::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
/******* N A V B A R ********
****************************/



/****************************
***** H A M B U R G E R *****/
.menu-icon .icon-bar,
.o-nama .menu-icon .icon-bar {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-icon .icon-bar:nth-of-type(2) {
	-webkit-transform: translate(0px, 0px) rotate(0deg);
	-moz-transform: translate(0px, 0px) rotate(0deg);
	-ms-transform: translate(0px, 0px) rotate(0deg);
	transform: translate(0px, 0px) rotate(0deg);
}
.menu-icon .icon-bar:nth-of-type(3) {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px); opacity: 1;
}
.menu-icon .icon-bar:nth-of-type(4) {
	-webkit-transform: translate(0px, 0px) rotate(0deg);
	-moz-transform: translate(0px, 0px) rotate(0deg);
	-ms-transform: translate(0px, 0px) rotate(0deg);
	transform: translate(0px, 0px) rotate(0deg);
}

.menu-open .menu-icon .icon-bar,
.o-nama.menu-open .menu-icon .icon-bar {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-open .menu-icon .icon-bar:nth-of-type(2) {
	-webkit-transform: translate(0px, 7px) rotate(45deg);
	-moz-transform: translate(0px, 7px) rotate(45deg);
	-ms-transform: translate(0px, 7px) rotate(45deg);
	transform: translate(0px, 7px) rotate(45deg);
}
.menu-open .menu-icon .icon-bar:nth-of-type(3) {
	-webkit-transform: translate(-10px, 0px);
	-moz-transform: translate(-10px, 0px);
	-ms-transform: translate(-10px, 0px);
	transform: translate(-10px, 0px); opacity: 0;
}
.menu-open .menu-icon .icon-bar:nth-of-type(4) {
	-webkit-transform: translate(0px, -7px) rotate(-45deg);
	-moz-transform: translate(0px, -7px) rotate(-45deg);
	-ms-transform: translate(0px, -7px) rotate(-45deg);
	transform: translate(0px, -7px) rotate(-45deg);
}
/**** H A M B U R G E R *****
****************************/
.o-nama .navigacija {
	position: relative;/*
	padding-bottom: 50px;*/
}
.o-nama.modal-open .navigacija,
.modal-open .navigacija {
	position: fixed;
}/*
.o-nama .content,
.o-nama .top  {
	padding-top: 40px;
}*/
.o-nama .content,
.o-nama .top {
	padding-top: 60px;
}
.o-nama.modal-open .content,
.o-nama.modal-open .top {
	padding-top: 137px;
}
.top p {
	margin-bottom: 60px;
}
/* kraj novog komada */












/***************************
********* I N F O *********/
.info-blurb {
	position: relative;
	z-index: 1;
	background-color: #9a303e;
	color:#fff;
	padding: 30px 15px;
	margin-bottom: 60px;
}
.info-blurb a {
	float: right;
	padding-top: 10px;
}
.info-blurb a::before {
	background-image: url("img/arrow-right.svg");
	content: "";
	height: 28px;
	margin-left: -35px;
	margin-top: -4px;
	position: absolute;
	-webkit-transform: translateX(0px) scale(0.5);
	-moz-transform: translateX(0px) scale(0.5);
	-ms-transform: translateX(0px) scale(0.5);
	transform: translateX(0px) scale(0.5);
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	-moz-transition: -moz-transform 0.3s ease 0s;
	-ms-transition: -ms-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	width: 28px;
}
.info-blurb a:hover::before {
	-webkit-transform: translateX(10px) scale(0.5);
	-moz-transform: translateX(10px) scale(0.5);
	-ms-transform: translateX(10px) scale(0.5);
	transform: translateX(10px) scale(0.5);
}
/********* I N F O **********
****************************/










/***************************
********** O W L **********/
.owl-dots {    cursor: pointer; }
#top-carousel-wrapper .owl-theme .owl-dots, #top-carousel-wrapper .owl-theme .owl-nav {	text-align: left; }
.owl-theme .owl-dots .owl-dot span {	border-radius: 0; }
.owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
.sovica {	position: relative; }
.tockice {	position: relative; margin-top: -50px; }
.tockice #custom-dots {	margin-left: -6px; }
#top-carousel {
	width: auto;
	z-index: 0;
	height: 100%;
	/*min-height: 300px; max-height: 460px; margin-bottom: 60px;*/ }
#top-carousel div:not(.naslov):not(.owl-dots) { height: 100%; }
#top-carousel .item-1, #top-carousel .item-2, #top-carousel .item-3, #top-carousel .item-4, #top-carousel .item-5, #top-carousel .item-6, #top-carousel .item-7 {
	background-image: url('img/top-slider/dobrodosli.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#top-carousel .item-2 {	background-image: url('img/top-slider/suveniri.jpg'); }
#top-carousel .item-3 {	background-image: url('img/top-slider/lijepa-nasa.jpg'); }
#top-carousel .item-4 {	background-image: url('img/top-slider/prigode.jpg'); }
#top-carousel .item-5 {	background-image: url('img/top-slider/knjiga.jpg'); }
#top-carousel .item-6 {	background-image: url('img/top-slider/zivot-rad.jpg'); }
#top-carousel .item-7 {	background-image: url('img/top-slider/nasa-djeca.jpg'); }

.owl-theme .owl-dots .owl-dot span {		background: #d6d6d6; }
.owl-theme .owl-dots .owl-dot.active span {	background: #9a303e; }
.owl-theme .owl-dots .owl-dot:hover span {	background: #9ca6ba; }
.owl-theme .owl-nav {	display: none; }

/********* O W L ***********
***************************/





/****************************
******* N A S L O V I ******/
.naslov {
	position: absolute;
	top: 0;
}
.naslov p {
	text-transform: uppercase;
	font-size: 85.714%; /* 12px */
	letter-spacing: 4px;
	margin-bottom: 0;
}
.naslov h3 {
	font-size: 228.571%; /* 32px */
	letter-spacing: -1px;
	margin-left: -1px;
}
#top-carousel-wrapper .naslov {
	position: absolute;
	bottom: 16%;
	color:#fff;
	top: auto;/*
	text-shadow: black -1px 0 6px;*/
}
/****** N A S L O V I ******
***************************/





/****************************
******* S L I D E R S ******/
.proizvodi .naslov {
	color: #9a303e;
	z-index: 1;
}/*
#slider2 {				margin-top: 25%; }
.kuhinjski-rucnici {	top: 18%; }

.pamucne-torbe {	margin-top: 40px; pointer-events: none; }
*/
.proizvodi #slider4 .info,
.proizvodi .pamucne-torbe .info {
	color: #000;
	font-size: 100%;
	text-transform: unset;
	letter-spacing: unset;
	margin-top: 230px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}
.proizvodi #slider4:hover .info,
.proizvodi .pamucne-torbe:hover .info {
	opacity: 1;
}
.proizvodi .naslov p {
	font-size: 85.714%; /* 12px */
}
.proizvodi .naslov h3 {
	font-size: 271.42857%; /* 38px */
}/*
.proizvodi div:not(.naslov):not(.owl-dots) { height: 100%; }*/
#slider1 .item-1, #slider2 .item-1, #slider3 .item-1, #slider4 .item-1 {
	z-index: 1;
}
/****** S L I D E R S *******
****************************/

.citat {
  color: #0d2744;
  font-family: "Playfair Display",cursive;
  font-size: 140%;
  font-style: italic;
  margin-left: 30px;
  margin-top: 20px;
  position: absolute;/*
  text-align: center;*/
  width: auto;
}

.citat::before {
  color: #9a303e;
  content: "“";
  font-size: 340%;
  left: -40px;
  position: absolute;
  top: -49px;
}

.pleter {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("img/pleter.svg");
	padding-top: 217px;
	z-index: 1;
}
.pleter p {
  color: #0d2744;
  font-family: "Playfair Display",cursive;
  font-size: 160%;
  font-style: italic;
  margin-top: -26px;
  margin-left: 30px;
  position: absolute;/*
  text-align: center;*/
  top: 50%;
  width: auto;
}

.pleter p::before {
  color: #9a303e;
  content: "“";
  font-size: 340%;
  left: -40px;
  position: absolute;
  top: -49px;
}
/*
.forma {
	color: #0d2744;
	background-color: #9ca6ba;
	padding-top: 60px;
	padding-bottom: 80px;
	position:relative;
}*/
.forma {
	color: #0d2744;
	background-image: url(img/forma-pattern.png);
	padding-top: 60px;
	padding-bottom: 80px;
	position: relative;
	background-color: #9ca6ba;
}
.forma .naslov {
	position: relative;
	bottom: auto;
}

.forma .naslov a {
	display:inline-block;
}

.forma .naslov h3 {
	color:#0d2744;
}
#success_message{ display: none;}

/**************************
******* L O A D E R ******/
#loader-animation {
	display: inline-block;
	float: left;
	margin-top: 6px;
	border: 4px solid #9a303e;
	border-top: 4px solid transparent;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/******* L O A D E R *******
***************************/




	/*.forma::after {
		content: "";
		position: absolute;
		background-image: linear-gradient(rgba(0,0,0,0.2) 60%, rgba(255,255,255,0) 0%);
		background-size: 1px 26px;
		height: 80%;
		width: 1px;
		left: 0;
		right: 0;
		top: 10%;
		margin: auto;
	}*/ 
	
	
/*.forma a {
	position: relative;
	display: inline-block;
}*/

/*.forma a::before {
	content: "";
	background-color: #9a303e;
	width: 0;
	height: 4px;
	position: absolute;
	bottom: 0;
	-webkit-transition: width .3s ease .2s;
	transition: width .3s ease .2s;
}*/
/*.forma a:hover::before {	width: 100%; }*/
#bottom-carousel-wrapper {
	padding-top: 160px;
	padding-bottom: 80px;
}
#bottom-carousel-wrapper .naslov {
	color: #0d2744;
	bottom: auto;
}
footer {
	background-color: #9a303e;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
footer .naslov {
	position: relative;
	bottom: auto;
	margin-top: 40px;
}
footer .naslov a::before {
	content: "";
	position: absolute;
	background-color: rgba(110, 35, 45, 0.5);
}
footer .dtable {
	display: table;
	width: 100%;
}
footer .social li {
	display: inline;
}
footer .social img {
	width: 44px;
	opacity: 1;
	-webkit-transition: opacity 0.15s ease-out;
	-moz-transition: opacity 0.15s ease-out;
	-ms-transition: opacity 0.15s ease-out;
	transition: opacity 0.15s ease-out;
}
footer .social img:hover {
	opacity: .3;
}
footer a {
	display: inline-block;
	color:#fff;
}
footer a:hover {
	color:#fff;
}
.social a {
    margin-right: 15px;
}
.social a:last-child {
    margin-right: 0;
}
.legal {
	margin-top: 45px;
}
.legal a {/*
	display: block;*/
	margin-top: 15px;
	margin-right: 15px;
}
.legal a:focus {
	color: #fff;
}
.legal-page {
	padding-top: 80px;
	padding-bottom: 80px;
}
.modal-open .legal-page {
	padding-top: 117px;
}
.legal-page ul {
	list-style-type: initial;
	list-style-image: url(img/bulletpoint.svg);
	margin-bottom: 45px;
}
.legal-page li {
    margin-bottom: 15px;
}
#mini-list {
	margin-bottom: 0;
	list-style: "- ";
	padding-left: 20px;
}


/* link effect */

a.btn-eff-underline {
  display: inline-block;
 /* padding: 4px 0;*/
  position: relative;
}
a.btn-eff-underline:before,
a.btn-eff-underline:after {
  background-color: #000;
  bottom: 1px; left: 0;
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.3s ease 0.2s;
  -moz-transition: -moz-transform 0.3s ease 0.2s;
  -ms-transition: -ms-transform 0.3s ease 0.2s;
  transition: transform 0.3s ease 0.2s;
  -webkit-transform-origin: 0%;
  -moz-transform-origin: 0%;
  -ms-transform-origin: 0%;
  transform-origin: 0%;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
a.btn-eff-underline:after {
	background-color: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}
a.btn-eff-underline:hover:before,
a.btn-eff-underline:hover:after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
a.btn-eff-underline.red:before {	background-color: #0d2744; }
a.btn-eff-underline.red:after {		background-color: #9a303e; }
/*
a.btn-eff-underline.red:after {		background-color: #fff; }

a.btn-eff-underline.white:before {  background-color: rgba(110, 35, 45, 1); }
a.btn-eff-underline.white:hover:after {  background-color: #fff; }
*/
footer a.btn-eff-underline:before,
footer a.btn-eff-underline:after {	bottom: 0; }



/***************************
****** C O N T A C T ******/
.control-group {
	margin-bottom: 24px;
	position: relative;
}
.form-group {
	margin-bottom: 13px;
}
input[type=text], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-control {
	/*border: 1px solid #ccc;*/
	color: #0d2744;
	border-radius: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #0d2744;
	box-shadow: none;
	font-size: 85.714%; /* 12px */
	height: 45px;
	letter-spacing: 1px;
	line-height: normal;
	padding: 5px 20px 6px 0;
	background-color:transparent;
}
.form-control::-moz-placeholder {			opacity: 1; }
.form-control::-webkit-input-placeholder {	color: #606672; }
.form-control::-moz-placeholder {			color: #606672; }
.form-control:-ms-input-placeholder {		color: #606672; }
.form-control:-moz-placeholder {			color: #606672; }

.hpform {  padding-bottom: 60px; }
.hpform .form-control:focus {
	box-shadow: none!important;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;/*
	border-bottom-color: rgba(65, 69, 77, 1);*/
	background-color: rgba(232, 227, 227, 0.4);
}
.hpform #formFeedback {
	color: #0d2744;
	float:left;

}/*
.controls::before {
	background-color: #b5bdcf;
	bottom: 2px;
	content: "";
	height: 2px;
	left: 0;
	padding: 0;
	position: absolute;
	transition: width 0.3s ease 0s;
	width: 0;
}
.control-group:hover .controls::before {  width: 100%; }*/
.form-control {
	padding: 10px;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	-moz-transition: border-color 0.3s, background-color 0.3s;
	-ms-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	font-size:16px!important;
}/*
.form-control:focus {
	border-bottom-color: #9ca6ba;
	outline: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}*/
#contactForm .btn.btn-black {
  background: #0d2744 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  display: block;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  outline: medium none;
  padding: 15px;
  text-transform: none;
  width: auto;
  float: right;
}
#contactForm .btn.btn-black:hover {	background-color: #606672; color: #fff; }
#contactForm .btn.btn-black:focus {	background-color: #606672; color: #fff; }

textarea {	padding: 10px !important; }
.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/****** C O N T A C T ******
***************************/


/* hambi*/
.navbar-toggle {
	margin-right: 0;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 0;
}
.navbar-toggle .icon-bar {
  height: 3px;
  width: 18px;
  background-color: white;
}







body.o-nama .navbar {
  padding-bottom: 0;
  position: relative;
}



body.o-nama span {		color: #9a303e; }

body.o-nama .navbar a {
	color: #0d2744;
}

body.o-nama .navbar-toggle .icon-bar {
	background-color: #0d2744;
}
body footer {
	color: white;
}
.padding-top-bottom {
	padding-top: 20px;
	padding-bottom: 20px;
}/*
body.o-nama .dtable {
	width: 100%;
}*/

body.o-nama .big-text {
  font-size: 120%;
  margin-bottom: 30px;
  margin-top: 30px;
}
body.o-nama ul {/*
	display: inline-block;*/
}
/************
   kontakt   
************/
body.o-nama section.top img {
	width: 100%;
	position: relative;
	right: auto;
}/*
body.o-nama section.top p {
	margin-top: 40px;
}*/
body.o-nama .pleter {
  margin-top: 0;
}
body.o-nama section.bottom {
	margin-bottom: 60px;
}

p.borderL {
	padding-left:25px;
	margin-bottom:0;
}

.borderL:before {
	position:absolute;
	content:"";
	top:0;
	left: 25px;
	height:100%;
	width:1px;
	  background-image: linear-gradient(rgba(154, 48, 62, 1) 40%, rgba(255, 255, 255, 0) 0%);
  background-size: 1px 20px;
}
	
.marginbottom30 {
	margin-bottom:30px;
}

.margintop30 {
	margin-top:30px;
}



/****************************
****** L I G H T B O X *****/
.five > * {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}
.five li:nth-of-type(2n) {
	margin-right: 0;
}

.galerija li a {
  background-color: #fff;
  display: block;
  height: 100%;
  position: relative;
}

.galerija li a img.gal-item {
	opacity:1;
   -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
   -ms-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.galerija li:hover a img.gal-item {
	opacity:0.2;
   -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
	-ms-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.galerija li a .povecaj {
	opacity:0;
   -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
	-ms-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.galerija li:hover a .povecaj {
	opacity:1;
   -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
   -ms-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.galerija a .povecaj {
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;

}

.galerija a .povecaj {
	opacity:1;
   -webkit-transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
   -ms-transition: opacity .25s ease;
	transition: opacity .25s ease;
   width:32px;
   height:32px;
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform:translate(-50%,-50%);
   -moz-transform:translate(-50%,-50%);
   -ms-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
   z-index:9;
}


/**************
   normalize   
**************/
button, input[type="submit"] {
    border: none;
    background-color: transparent;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
/***************
     loader     
***************/
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
#imagelightbox-overlay {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/****************
      image      
*****************/
#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    -ms-touch-action: none;
    touch-action: none;/*
    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );*/
}
/***************
<    Arrows    >
****************/
.imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
.imagelightbox-arrow {
    width: 3.75em;
    height: 7.5em;/*
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );*/
    background-color: transparent;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em;
}
.imagelightbox-arrow::before {
    width: 100%;
    height: 28px;/*
    border: 1em solid transparent;*/
    border: 0;
    content: '';/*
    display: inlin-e-block;*/
    display: block;/*
    margin-bottom: -0.125em;*/
}
/*********
   left   
*********/
.imagelightbox-arrow-left {
    left: 2.5em;
}
.imagelightbox-arrow-left::before {
    background-image: url('img/lightbox-arrow-left.svg');
    background-position: center center;
    background-repeat: repeat-y;/*
    margin-left: -0.313em;*/
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s;
}
.imagelightbox-arrow-left:hover::before {
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
}
/**********
   right   
**********/
.imagelightbox-arrow-right {
    right: 2.5em;
}
.imagelightbox-arrow-right::before {
    background-image: url('img/lightbox-arrow-right.svg');
    background-position: center center;
    background-repeat: repeat-y;/*
    margin-right: -0.313em;*/
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s;
}
.imagelightbox-arrow-right:hover::before {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
/******************
     close btn     
******************/
#imagelightbox-close {
	width: 2.5em;
	height: 2.5em;
	text-align: left;
	background-color: transparent;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em;
	right: 2.5em;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	transition: color .3s ease;
}
#imagelightbox-close::before {
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close::before, #imagelightbox-close::after {
    width: 2px;
    background-color: #0d2744;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close::after {
    -webkit-transform: rotate( -45deg );
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}
#imagelightbox-close::before, #imagelightbox-close::after {
    width: 2px;
    background-color: #0d2744;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
    border-radius: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s;
}
#imagelightbox-close::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#imagelightbox-close:hover::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#imagelightbox-close:hover::after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/***** L I G H T B O X ******
****************************/



















/****************************
******* P R E L O A D ******/
#pre-div {
    background-color: #f4eeee;
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#preload {


}

/****** P R E L O A D *******
****************************/







/* heart */
@-webkit-keyframes beat {
    0% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
    50% {
    	-webkit-transform: scale(1.1) rotate(225deg);
    	-moz-transform: scale(1.1) rotate(225deg);
    	-ms-transform: scale(1.1) rotate(225deg);
    	transform: scale(1.1) rotate(225deg);
    }
    100% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
}
@-moz-keyframes beat {
    0% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
    50% {
    	-webkit-transform: scale(1.1) rotate(225deg);
    	-moz-transform: scale(1.1) rotate(225deg);
    	-ms-transform: scale(1.1) rotate(225deg);
    	transform: scale(1.1) rotate(225deg);
    }
    100% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
}
@-ms-keyframes beat {
    0% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
    50% {
    	-webkit-transform: scale(1.1) rotate(225deg);
    	-moz-transform: scale(1.1) rotate(225deg);
    	-ms-transform: scale(1.1) rotate(225deg);
    	transform: scale(1.1) rotate(225deg);
    }
    100% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
}
@keyframes beat {
    0% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
    50% {
    	-webkit-transform: scale(1.1) rotate(225deg);
    	-moz-transform: scale(1.1) rotate(225deg);
    	-ms-transform: scale(1.1) rotate(225deg);
    	transform: scale(1.1) rotate(225deg);
    }
    100% {
    	-webkit-transform: scale(1) rotate(225deg);
    	-moz-transform: scale(1) rotate(225deg);
    	-ms-transform: scale(1) rotate(225deg);
    	transform: scale(1) rotate(225deg);
    }
}


/*#chest {
    position:relative;
    width:500px;
    height:500px;
    margin:0 auto;
	transform:scale(0.2)
}*/


#chest {
  height: 100px;
  margin: 0 auto;
  position: absolute;
  width: 100px;
    top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}



.heart {
    position:absolute;
    z-index:2;
    background: -moz-linear-gradient(-90deg, #c13c4e 0%, #9a303e 40%);
    background: -webkit-gradient(linear, right 50%, left 50%, color-stop(0%,#c13c4e), color-stop(40%,#9a303e));
    background: -webkit-linear-gradient(-90deg, #c13c4e 0%,#9a303e 40%);
    background: linear-gradient(-90deg, #c13c4e 0%,#9a303e 40%);
    -webkit-animation: beat 0.7s ease 0s infinite normal;
    -moz-animation: beat 0.7s ease 0s infinite normal;
    -ms-animation: beat 0.7s ease 0s infinite normal;
    animation: beat 0.7s ease 0s infinite normal;
}
/*.heart.center {
    background: -moz-linear-gradient(-45deg, #B80734 0%, #9a303e 40%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#B80734), color-stop(40%,#9a303e));
    background: -webkit-linear-gradient(-45deg, #B80734 0%,#9a303e 40%);
    background: linear-gradient(-45deg, #B80734 0%,#9a303e 40%);
}*/
.heart.tops {
    z-index:3;
}
.side {
    top:20px;
    width:44px;
    height:44px;
    border-radius: 44px;
}
.center {
    width:42px;
    height:42px;
    bottom:19px;
    left:29px;
    font-size:0;
    text-indent:-9999px;
}
.left {
    left:12.4px;
}
.right {
    right:12.4px;
}

















/***************************
**** B O O T S T R A P ****/
.row {
	margin-left: -25px;
	margin-right: -25px;
}
.container {
	padding-left: 25px;
	padding-right: 25px;
}
.container-fluid {
	padding-left: 25px;
	padding-right: 25px;
}
.col-xs-1,.col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 25px;
	padding-right: 25px;
}
/**** B O O T S T R A P ****
***************************/


/*
#menuModal .table-cell {			vertical-align: bottom; }*/
@media screen and (min-height: 400px) {/*
	#menuModal .table-cell {			vertical-align: middle; }*/
	#menuModal .lista-proizvoda li {	display: inline-block; }
}/*
@media screen and (min-height: 640px) {
	#menuModal .lista-proizvoda li {	display: inline; }
}*/



@media screen and (min-width: 481px) {
	.container {			width: 90%; }
	.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
	}
	#menuModal .lista-proizvoda {
		padding: 10px 0;
	}
	.social a {
		margin-right: 55px;
	}

}

@media screen and (min-width: 641px) {
	.header-logo > svg {	width: 180px; }
	.header-logo {			margin-top: 50px; }
	.menu-icon {			margin-top: 65px; }
	.o-nama.modal-open .content,
	.o-nama.modal-open .top {
		padding-top: 172px;
	}
	#menuModal .lista-proizvoda li {	display: inline; }
	#menuModal .table-cell {			vertical-align: middle; }
	/* uvjeti kupnje */
	.modal-open .legal-page {
		padding-top: 152px;
	}
	.navi-list {
		margin-top: 67px;
	}
}

@media screen and (min-width: 768px) {
	.tockice {	float: none; }
	.info-blurb {
		position: absolute;
		background-color: #9a303e;
		padding: 30px 15px;
		z-index: 2;
		margin-top: -30%;
	}
	.proizvodi {/*
		margin-top: 60px; ok */
		margin-top: 4%;
	}
	#slider2 {				margin-top: 36%; }
	#slider4 {
		margin-top: 25%;
	}
	.kuhinjski-rucnici {	top: 40%; }
	/*
	.proizvodi .naslov {
		top: -20%;
	}
	#slider1, #slider2, #slider3, #slider4 {
		margin-top: -20%;
	}
	
	.goUp10 {
		margin-top: -10%;
	}
	#slider3 {
		margin-top: 0;
	}*/
	.pleter {
		margin-top: -90px;
		margin-bottom: 60px;
	}
	.hpform {
		padding-bottom: 0;
	}
	footer::after {
		content: "";
		position: absolute;
		/*background-image: linear-gradient(white 60%, rgba(255,255,255,0) 0%);*/
		background-image: linear-gradient(#832935 40%, rgba(255,255,255,0) 0%);
		background-size: 1px 20px;
		height: 80%;
		width: 1px;
		left: 0;
		right: 0;
		top: 10%;
		margin: auto;
	}
	
	

	
	
	
	footer .naslov {
		margin-top: 0;
	}
	.dtable .col-sm-6 {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	.dtable .social {
		text-align: center;
	}




/*
	body.o-nama .big-text {
		margin-top: 0;
	}*/
	.top p {
		margin-bottom: 0;
		margin-top: 30px;
	}




	.five > * {						width: 23.5%; }
	.five li:nth-of-type(2n) {		margin-right: 2%; }
	.five li:nth-of-type(4n) {		margin-right: 0; }





/*	body.o-nama section.top img {
		width: 50%;
		position: absolute;
		right: 0;
	}*/
	body.o-nama .pleter {
  margin-top: -2%;
  margin-bottom: 0;
}
	body.o-nama section.bottom {
		margin-bottom: 175px;
		margin-top: 60px;
	}
	.padding-top-bottom {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media screen and (min-width: 992px) {/*
	#top-carousel .container {
		margin-left: 0;
		margin-right: 0;
	}*/
	.header-logo > svg {	width: 240px; }
	.header-logo {
		margin-top: 50px;
	}
	.menu-icon {
		display: none;
	}
	#navi-desktop {
		display: block;
	}
	.navi-list {
		margin-top: 62px;
		letter-spacing: 4px;
	}
	#top-carousel-wrapper {
		/*margin-bottom: 100px;*/
	}
	#top-carousel-wrapper .naslov {
		bottom: 135px;
	}
	#top-carousel-wrapper .naslov h3 {
		font-size: 385.714%; /* 54px */
	}
	.tockice {	margin-top: -55px; }
	.info-blurb {
		padding: 45px 30px;
		margin-top: -20%;
	}
	.info-blurb a::before {
		margin-top: -2px;
		-webkit-transform: translateX(0px) scale(0.75);
		-moz-transform: translateX(0px) scale(0.75);
		-ms-transform: translateX(0px) scale(0.75);
		transform: translateX(0px) scale(0.75);
	}
	.info-blurb a:hover::before {
		-webkit-transform: translateX(10px) scale(0.75);
		-moz-transform: translateX(10px) scale(0.75);
		-ms-transform: translateX(10px) scale(0.75);
		transform: translateX(10px) scale(0.75);
	}/*
	#slider1 {	margin-top: -15%; }*/
	.pregace {	margin-top: 5%; }/*
	#slider2, .kuhinjski-rucnici {
		margin-top: 25%;
	}*/
	.pleter {
		margin-top: -220px;
		z-index: 1;
		pointer-events: none;
	}/*
	#slider3 {	margin-top: -20%; }
	.jastucnice.naslov {
		top: -5%;
		left: 33.333%;
	}
	#slider4 {
		margin-top: 72%;
	}*/
	.pamucne-torbe {
		margin-top: 40%;
	}
	body.o-nama .big-text {
		font-size: 140%;
	}
	body.o-nama .navbar {
		padding-bottom: 100px;
	}
	.navi-list {
		margin-top: 85px;
	}
}
@media screen and (min-width: 1170px) {
	.navi-list > li > a,
	.dropdown-menu > li > a,
	.navi-list .lang-change {
		margin: 0 25px;
	}
	.info-blurb {
		margin-top: -9%;
	}
	.five > * {						width: 15%; }
	.five li:nth-of-type(4n) {		margin-right: 2%; }
	.five li:nth-of-type(6n) {		margin-right: 0; }
}
@media screen and (min-width: 1500px) {
	body {
		font-size: 16px;
	}
	.navi-list {	font-size: 87.5%; /* 14px */ }
	.info-blurb {
		padding: 90px 60px;
	}
	.info-blurb a::before {
		margin-top: 0px;
		-webkit-transform: translateX(0px) scale(1);
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		transform: translateX(0px) scale(1);
	}
	.info-blurb a:hover::before {
		-webkit-transform: translateX(10px) scale(1);
		-moz-transform: translateX(10px) scale(1);
		-ms-transform: translateX(10px) scale(1);
		transform: translateX(10px) scale(1);
	}
}
@media screen and (min-width: 1800px) {
	.container {
		max-width: 1600px;
	}
}

.img-responsive-max {
    display: block;
    height: auto;
    width: 100%;
}




