/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/*= Globalno ================== */

/** Globalno >> Active link - glavna kategorija i pod kategorije i navigacija **/
.active > a {
	color: #1968B2 !important;
	font-weight: bold !important;
}

/** Globalno >> Social icons - Follow **/
.social-icons {
	padding-top: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/** Globalno >> Pratite nas - Social follow text **/
.social-icons > span {
	font-size: 16px;
}

/** Globalno >> Top bar - smanji font uz ikone - lokacija **/
.nav-left > li > ul:nth-of-type(1) > li:nth-of-type(1) > a:nth-of-type(1) > span:nth-of-type(1) {
	font-size: 12px;
}

/** Globalno >> Top bar - smanji font uz ikone - email **/
.nav-left > li > ul:nth-of-type(1) > li:nth-of-type(2) > a:nth-of-type(1) > span:nth-of-type(1) {
	font-size: 12px;
}

/** Globalno >> Top bar - smanji font uz ikone - radno vrijeme **/
.nav-left > li > ul:nth-of-type(1) > li:nth-of-type(3) > a:nth-of-type(1) > span:nth-of-type(1) {
	font-size: 12px;
}

/** Globalno >> Top bar - smanji font uz ikone - telefon **/
.nav-left > li > ul:nth-of-type(1) > li:nth-of-type(4) > a:nth-of-type(1) > span:nth-of-type(1) {
	font-size: 12px;
}

/** Globalno >> Active header account title - kada smo na stranici mojeg računa u top headeru **/
.active .header-account-title {
	color: rgb(255, 251, 251);
}

/** Globalno >> Social share ikone **/
.share-row i {
	padding-right: 10px;
	padding-left: 10px;
}

/** Globalno >> Moj popis sa srcem - na glavnoj nav za desktop **/
#menu-item-2147480006 .nav-top-link {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/** Globalno >> Raspodjeljeni elementi liste želja u desktop navigaciji **/
.nav-top-link > span {
	order: 1;
}

/** Globalno >> Top bar - popis želja sa srcem i tekstom - desktop **/
.nav-small .html {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.nav-small .html a:nth-of-type(1) {
	margin-right: 5px;
	font-size: 11px;
}
.nav-small .html a:nth-of-type(2) {
	font-size: 12px;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/** Globalno >> Cookie gumbi - boja pozadine gumba **/
.cookie-gumbi {
	background-color: #1968B2 !important;
	padding: 8px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.cookie-gumbi:hover {
	background-color: #10416F !important;
}
#cn-notice-buttons a {
	color: #ffffff;
}

/** Globalno >> Hero sekcija - Wrapper category page title - prizvodi **/
#wrapper > .category-page-title {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.25);
	max-width: 1600px;
	margin: auto;
	z-index: 1;
}

/** Globalno >> Hero - Content featured title **/
#content .featured-title {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.59);
	max-width: 1600px;
	margin: auto;
}

/** Globalno >> U Hero sekciji - Page title + breadcrumb - malim slovima breadcrumb **/
#breadcrumbs span span:nth-of-type(1) {
	text-transform: none;
}

/** Globalno >> Global paragraph - p **/
p {
	font-size: 16px;
}

/** Globalno >> Page header wrapper dark - headeri na single stranicama **/
.page-header-wrapper .dark {
	background-color: #384048;
}

/** Globalno >> Back to top - Top link **/
#top-link {
	color: #ADB4BA;
}
#top-link:hover {
	color: white;
}

/** Globalno >> star rating **/
.star-rating {
	opacity: 0.7;
}


/*= Stranica Kontakt ========== */

/** Stranica Kontakt >> Google karta na Kontakt stranici **/
.mt-22 .col-inner iframe {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.25);
}

/** Stranica Kontakt >> Top sekcija na kontakt stranici **/
.mt-22 .bg {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
	background-color: rgb(255, 255, 255);
	max-width: 1600px;
	margin: auto !important;
	z-index: 0;
}

/** Stranica Kontakt >> Pratite nas ikonice **/
.social-icons i {
	padding-right: 10px;
	padding-left: 10px;
}

/** Stranica Kontakt >> Gumb pošaljite nam upit - Theme flatsomemt 22 box shadow 2 **/
.theme-flatsome.mt-22 .box-shadow-2 {
	width: 100%;
}

/** Stranica Kontakt >> Page template page blank phpmt 22 heading 5 **/
.page-template-page-blank-php.mt-22 h5, 
.page-template-page-blank-php.mt-22 h6 {
	text-transform: none;
}


/*= Stranica - Načini plaćanja == */

/** Stranica - Načini plaćanja >> Ikona - gotovinsko plaćanje - Načini plaćanja **/
.mt-45 .wp-image-147 {
	margin-right: 20px;
	opacity: 0.5;
}

/** Stranica - Načini plaćanja >> Ikona - Kartično plaćanje - Načini plaćanja **/
.mt-45 .wp-image-148 {
	margin-right: 20px;
	opacity: 0.5;
}

/** Stranica - Načini plaćanja >> Ikona - Virmansko plaćanje - Načini plaćanja **/
.mt-45 .wp-image-149 {
	margin-right: 20px;
	opacity: 0.5;
}


/*= Shop stranica ============= */

/** Shop stranica >> Glavna kategorija sidebar - shop page **/
.product-categories > li > a:nth-of-type(1) {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

/** Shop stranica >> Breadcrumbs link:hover **/
#breadcrumbs a:hover {
	text-decoration: underline;
}

/** Shop stranica >> Tinv wraper - wishlista na vrhu kartice proizvoda **/
.products .tinv-wraper.flickity-slider .tinv-wraper {
	
}
.products .tinv-wraper, 
.flickity-slider .tinv-wraper {
	font-size: 13px !important;
	font-weight: 500;
	text-align: center;
	background-color: #FFF;
	width: 101%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -32px !important;
	margin-left: -11px !important;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

/** Shop stranica >> Shop sidebar **/
#shop-sidebar {
	margin-top: 40px;
}

/** Shop stranica >> Main product category **/
#main .product-category {
	margin-top: 40px;
}

/** Shop stranica >> Paginacija ispod proizvoda - Nav pagination list item **/
.nav-pagination > li {
	color: #ADB4BA;
}

/** Shop stranica >> Box image **/
.has-equal-box-heights .box-image {
	margin-top: 32px;
}


/*= Stranica liste želja - TI Wishlist plugin == */

/** Stranica liste želja - TI Wishlist plugin >> Moja lista želja - naslov stranice **/
.mt-258 .tinv-header {
	text-transform: uppercase;
}

/** Stranica liste želja - TI Wishlist plugin >> Product remove [type="submit"] - iksić slijeva **/
.mt-258 .product-remove [type="submit"] {
	color: #ADB4BA;
	background-color: rgba(220, 220, 220, 0);
	width: 30px;
	height: 30px;
	min-height: 20px;
	border: 2px solid rgb(220, 220, 220);
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

/** Stranica liste želja - TI Wishlist plugin >> Product remove [type="submit"]:hover - iksić slijeva **/
.mt-258 .product-remove [type="submit"]:hover {
	color: #10416F;
	font-size: 23px;
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

/** Stranica liste želja - TI Wishlist plugin >> Gumbi za social share **/
.mt-258 .social-buttons {
	text-align: left;
	padding-bottom: 20px;
}

/** Stranica liste želja - TI Wishlist plugin >> Social share ikone **/
.mt-258 .social {
	color: #808A93;
	margin-left: -20px;
	-webkit-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
	transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}

/** Stranica liste želja - TI Wishlist plugin >> Social share ikone - hover - Mt 258 social:hover **/
.mt-258 .social:hover {
	color: #528DC5;
}

/** Stranica liste želja - TI Wishlist plugin >> Social buttons unordered list - clipboard gumb stavljam kao zadnjeg **/
.mt-258 .social-buttons ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.mt-258 .social-buttons ul li:nth-of-type(3) {
	order: 4;
}
.mt-258 .social-buttons ul li:nth-of-type(4) {
	order: 2;
	margin-left: 14px;
}
.mt-258 .social-buttons ul li:nth-of-type(2) {
	order: 3;
	margin-left: 25px;
}

/** Stranica liste želja - TI Wishlist plugin >> div - social buttons i Podijeli/kopiraj link - postavi ih kao flex da budu u istoj liniji **/
.mt-258 .social-buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

/** Stranica liste želja - TI Wishlist plugin >> Gumb za ispis **/
.mt-258 .col-inner > p > button:nth-of-type(1) {
	color: rgb(255, 255, 255);
	font-size: 14px;
	box-shadow: 0 10px 30px -7px rgba(38, 38, 38, 0.25);
	background-color: #616e79;
	padding-right: 35px;
	padding-left: 35px;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.mt-258 .col-inner > p > button:nth-of-type(1):hover {
	background-color: #528dc5;
	color: #ffffff;
}


/*= Stranica - My Account ===== */

/** Stranica - My Account >> Woocommerce MyAccount content paragraph:(2) - skriveni paragraf od woocommerce-a **/
.mt-257 .woocommerce-MyAccount-content p:nth-of-type(2) {
	display: none;
}

/** Stranica - My Account >> Kontejner dashboard gumbiju **/
.mt-257 .dashboard-links {
	max-width: 1200px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

/** Stranica - My Account >> Dashboard links woocommerce MyAccount navigation links **/
.mt-257 .dashboard-links .woocommerce-MyAccount-navigation-link {
	box-shadow: 0 10px 30px -10px rgba(58, 58, 58, 0.25);
	margin-right: 15px;
	margin-left: 0;
}

/** Stranica - My Account >> Dashboard links link - linkovi **/
.mt-257 .dashboard-links a {
	font-size: 18px;
	text-transform: uppercase;
	margin-right: 0;
}

/** Stranica - My Account >> Woocommerce MyAccount username - velikim slovima **/
.mt-257 .woocommerce-MyAccount-content strong {
	text-transform: uppercase;
}

/** Stranica - My Account >> Odjava **/
.mt-257 .woocommerce-MyAccount-content > p:nth-of-type(1) > a {
	text-decoration: underline;
}
.mt-257 .woocommerce-MyAccount-content > p:nth-of-type(1) > a:hover {
	font-weight: bold;
}


/*= Stranica Odjave =========== */

/** Stranica Odjave >> Container link **/
.mt-257 .container > a {
	text-decoration: underline;
}
.mt-257 .container > a:hover {
	font-weight: bold;
}

/** Stranica Odjave >> Mt 257 dashboard links - kontejner gumbiju **/
.mt-257 .dashboard-links {
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}


/*= Stranica jednog proizvoda == */

/** Stranica jednog proizvoda >> Stranica 1 proizvoda - kn - Woocommerce Price currencySymbol **/
.woocommerce-Price-currencySymbol {
	vertical-align: baseline !important;
}

/** Stranica jednog proizvoda >> Mt 595 metar kvadratni - m² **/
.mt-595 .metar-kvadratni {
	font-weight: bold;
}

/** Stranica jednog proizvoda >> Paragraph metar kvadratni **/
.mt-product-g417-patchwork-two-42x42 p .metar-kvadratni {
	font-size: 18px;
}

/** Stranica jednog proizvoda >> Stranica jednog proizvoda - dodaj u popis želja **/
.tinv-wraper {
	text-transform: uppercase;
}

/** Stranica jednog proizvoda >> Jedan proizvod - sakrij naslov iz woo product hooka na vrhu **/
.product-template-default .product-title {
	display: none;
}

/** Stranica jednog proizvoda >> 1 proizvod - Hero sekcija **/
.custom-product-page > .page-header-wrapper {
	box-shadow: 0 10px 30px -7px rgba(58, 58, 58, 0.25);
	max-width: 1600px;
	margin: auto auto 20px auto;
}

/** Stranica jednog proizvoda >> Breadcrumbs span - na stranici 1 proizvoda **/
#breadcrumbs > span {
	text-transform: none;
}

/** Stranica jednog proizvoda >> 1 proizvod - Nedavno pogledani proizvodi - prikaži naslove proizvoda **/
#woocommerce_recently_viewed_products-2 > ul > li:nth-of-type(n) > a:nth-of-type(n) > .product-title:nth-of-type(n) {
	display: block;
}

/** Stranica jednog proizvoda >> Main social icons **/
#main .social-icons {
	margin-bottom: 32px;
	display: block;
}


/*= O nama ==================== */

/** O nama >> Kvačice na listi **/
.mt-20 .col-inner ul li {
	list-style: none;
}
.mt-20 .col-inner ul li:before {
	content: "";
	margin: 0;
	padding: 36px 0 36px 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px;
	background-image: url(https://npsprojekt.hr/wp-content/uploads/2020/04/check-solid.svg);
}

/** O nama >> Top sekcija - Hero - O nama **/
.mt-20 .dark > .bg {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.25);
	background-color: rgb(255, 255, 255);
	max-width: 1600px;
	margin: auto !important;
	z-index: 1;
}

/** O nama >> Sekcija Povijest - O nama **/
.mt-20 #main > div > section:nth-of-type(3) > div:nth-of-type(1) {
	background-color: #F9F9FA;
	max-width: 1600px !important;
}

/** O nama >> Content text shadow 1 **/
.mt-22 #content .text-shadow-1 {
	text-shadow: 0 0;
}

/** O nama >> Opacity 0.6 na ikone - Page template page blank phpmt 22 icon box img **/
.page-template-page-blank-php.mt-22 .icon-box-img {
	opacity: 0.6;
}


/*= Footer ==================== */

/** Footer >> Social ikone na newsletteru u footeru **/
.text-center .full-width {
	padding-top: 0;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	display: block;
}

/** Footer >> Footer banner **/
#footer .banner {
	box-shadow: 0 10px 30px -7px rgba(58, 58, 58, 0.25);
	max-width: 1600px;
	margin: auto;
}


/*= Naslovna stranica ========= */

/** Naslovna stranica >> Naslovna - Hero - Content slider wrapper s bannerima **/
.mt-18 #content > .slider-wrapper:nth-of-type(1) {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.25);
	max-width: 1600px;
	margin: auto;
}

/** Naslovna stranica >> Content section:(1) _2 **/
.mt-18 #content > section:nth-of-type(1) {
	box-shadow: 0 0 0 0;
	max-width: 1960px;
	margin-right: 0;
	-webkit-animation-name: slideinleft;
	animation-name: slideinleft;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


/*= Besplatno savjetovanje ==== */

/** Besplatno savjetovanje >> Mt page besplatno savjetovanjemt 277 section bg **/
.mt-277 #content > .section:nth-of-type(1) {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.25);
	max-width: 1600px;
	margin: auto !important;
	z-index: 2;
}

/** Besplatno savjetovanje >> Text left paragraph **/
.mt-277 .text-left > p {
	/*	color: rgb(42, 42, 63);*/
}

/** Besplatno savjetovanje >> Druga sekcija na stranici Besplatno savjetovanje **/
.mt-277 #content > .section:nth-of-type(2) {
	max-width: 1250px;
	margin: auto;
	z-index: 1;
}


/*= Prodajni asortiman ======== */

/** Prodajni asortiman >> Sekcija - Content section:(2) **/
.mt-287 #content > section:nth-of-type(2) {
	max-width: 1250px;
	padding: 30px;
	margin: auto;
}

/** Prodajni asortiman >> 1. sekcija je imala box shadow - ovime ju mičem - Content section:(1) _2 **/
.mt-287 #content .section:nth-of-type(1) {
	box-shadow: 0 0 0 0;
}


/*= Katalozi stranica ========= */

/** Katalozi stranica >> Linkovi na kataloge su podcrtani **/
.mt-285 .medium-8 a {
	text-decoration: underline;
}

/** Katalozi stranica >> Znakovi za pdf prije liste kataloga za skidanje **/
.mt-285 .medium-8 > .col-inner ul li {
	list-style: none;
}
.mt-285 .medium-8 > .col-inner ul li:before {
	content: "";
	margin: 0;
	padding: 36px 0 36px 50px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 15px;
	background-image: url(https://npsprojekt.hr/wp-content/uploads/2020/04/file-pdf-solid-2.svg);
}


/*= Stranica Akcija =========== */

/** Stranica Akcija >> Content section:(1) **/
#content > .section:nth-of-type(1) {
	box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.25);
	max-width: 1600px;
	margin: auto auto 40px auto;
}

/** Stranica Akcija >> Stranica Akcija - Sidebar - Content sidebar wrapper **/
.mt-275 #content .sidebar-wrapper {
	margin-top: 40px;
}


/*= Galerija stranica ========= */

/** Galerija stranica >> Mt page galerijamt 283 row grid **/
.mt-page-galerija.mt-283 .row-grid {
	margin-top: 20px;
}


/*= Formulari ================= */

/** Formulari >> Naslov u formularu **/
.mt-258 .ff-el-group h2 {
	color: rgb(106, 106, 106);
}

/** Formulari >> Gumb pošalji poruku - formular **/
.ff-btn {
	box-shadow: 0 10px 30px -7px rgba(13, 13, 13, 0.25);
	background-color: #616e79 !important;
	width: 100%;
	max-width: 100% !important;
	padding: 10px 25px 10px 25px !important;
	border-width: 0 !important;
	border-radius: 0 !important;
}
.ff-btn:hover {
	color: #ffffff !important;
	background-color: #528dc5 !important;
}

/** Formulari >> GDPR text na svim formularima **/
.ff_t_c {
	color: #808A93;
}

/** Formulari >> Footer fluentform **/
#footer .fluentform {
	box-shadow: 0 0 0 0;
	background-color: rgba(38, 38, 38, 0);
	background-image: none;
	padding: 0;
	margin-top: 20px;
}
.text-center #fluentform_3 {
	box-shadow: 0 0;
}

/** Formulari >> Fluentform **/
.fluentform {
	box-shadow: 0 10px 30px -7px rgba(1, 1, 1, 0.15);
	background-color: #ECEEEF;
	padding: 40px;
}

/** Formulari >> Bijela boja labela na formularima - Ff el input label label **/
.ff-el-input--label > label {
	color: #616E79;
}

/** Formulari >> GDPR text footer formular - Footer ff t c **/
#footer .ff_t_c {
	color: rgb(255, 255, 255);
}


/*= Projekti - single ========= */

/** Projekti - single >> Hero sekcija da bude 1600px wide **/
.page-template-page-blank-featured-php.mt-5637 .parallax-title {
	color: rgb(255, 255, 255);
	box-shadow: 0 10px 30px -7px rgba(58, 58, 58, 0.25);
	max-width: 1600px;
	margin: auto auto 48px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/** Projekti - single >> Naslovi u headeru da idu u sredinu po vertikali **/
.mt-5637 #main .banner-layers {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

/** Projekti - single >> Naslov da bude bijeli u headeru **/
.page-template-page-blank-featured-php.mt-5637 .entry-title {
	color: rgb(255, 255, 255);
}

/** Projekti - single >> Margina na dnu za objekte u gridu **/
.page-template-page-blank-featured-php.mt-5637 .medium-columns-3 {
	margin-bottom: 32px;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Prodajni asortiman >> Sekcija - Content section:(2) **/
	.mt-287 #content > section:nth-of-type(2) {
	padding: 30px 15px 30px 15px;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Globalno >> Global paragraph - p **/
	p {
	text-align: justify !important;
}

	/** Prodajni asortiman >> Sekcija - Content section:(2) **/
	.mt-287 #content > section:nth-of-type(2) {
	padding-right: 0;
	padding-left: 0;
}

	/** Prodajni asortiman >> 1. sekcija je imala box shadow - ovime ju mičem - Content section:(1) _2 **/
	.mt-287 #content .section:nth-of-type(1) {
	margin-bottom: 0;
}

	/** O nama >> Row small paragraph **/
	.mt-20 .row-small p {
	text-align: center !important;
}

	/** Shop stranica >> Naslovi proizvoda u sredinu - Title wrapper paragraph **/
	.title-wrapper > p {
	text-align: center !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Shop stranica >> Pozadina breadcrumba i filtra za tablet i mob **/
	.dark {
	padding-top: 20px;
}

	/** Shop stranica >> Naslovi proizvoda u sredinu - Title wrapper paragraph **/
	.title-wrapper > p {
	text-align: center !important;
}

	/** Globalno >> Zvijezda za mob i tablet - wishlist ikona **/
	.nav-center .icon-star-o {
	font-size: 15px;
}

	/** Globalno >> donji nav bar - na tabletu i mobu **/
	#wide-nav {
	box-shadow: 0 10px 30px -10px rgba(58, 58, 58, 0.4);
	margin: auto;
}

	/** Globalno >> Bottom bar - moj popis sa srcem i tekstom - tablet i mob **/
	.nav-center .html {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.nav-center .html a:nth-of-type(1) {
	margin-right: 5px;
	font-size: 13px;
}
.nav-center .html a:nth-of-type(2) {
	font-size: 13px;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

	/** Globalno >> Global paragraph - p **/
	p {
	text-align: justify !important;
}

	/** Globalno >> Wrapper payment icons **/
	#wrapper .payment-icons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

	/** Stranica - My Account >> Kontejner dashboard gumbiju **/
	.mt-257 .dashboard-links {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-content: center;
	align-content: center;
}

	/** Stranica - My Account >> Woocommerce MyAccount content paragraph:(1) **/
	.mt-257 .woocommerce-MyAccount-content p:nth-of-type(1) {
	text-align: center;
}

	/** Stranica Odjave >> Mt 257 dashboard links - kontejner gumbiju **/
	.mt-257 .dashboard-links {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	/** O nama >> Heading 2 span: Stranica O nama **/
	.mt-20 .col-inner > h2 > span:nth-of-type(1) {
	font-size: 28px !important;
}

	/** O nama >> Row small paragraph **/
	.mt-20 .row-small p {
	text-align: center !important;
}

	/** Prodajni asortiman >> Content heading 2 **/
	.page-template-page-blank-php.mt-287 h2 {
	font-size: 24px;
}

	/** Prodajni asortiman >> Sekcija - Content section:(2) **/
	.mt-287 #content > section:nth-of-type(2) {
	padding-right: 0;
	padding-left: 0;
}

	/** Prodajni asortiman >> 1. sekcija je imala box shadow - ovime ju mičem - Content section:(1) _2 **/
	.mt-287 #content .section:nth-of-type(1) {
	margin-bottom: 0;
}

	/** Stranica jednog proizvoda >> 1 proizvod - Hero sekcija **/
	.custom-product-page > .page-header-wrapper {
	margin-top: 30px;
}

	/** Stranica jednog proizvoda >> 1 proizvod - oznaka za filtriranje **/
	#main .category-filtering {
	padding-top: 15px;
	margin-bottom: -10px;
}

	/** Formulari >> Gumb pošalji poruku - formular **/
	.ff-btn {
	width: 100%;
}

	/** Formulari >> GDPR text na svim formularima **/
	.ff_t_c {
	font-size: 13px;
}

	/** Formulari >> Fluentform **/
	.fluentform {
	padding-right: 20px;
	padding-left: 20px;
}

}


/*( Phone )*/
@media (min-width: 390px) and (max-width: 480px) {
	/** Stranica Kontakt >> Follow ikona i tekst na mobu **/
	.mt-22 .social-icons {
	margin-top: -20px;
}

	/** Stranica Kontakt >> Kolona ispod header fotografije - gap za mob **/
	.mt-22 .large-8 > .col-inner {
	margin-top: 20px;
}

	/** Globalno >> Top bar - sakrij email **/
	.nav-center > li > ul:nth-of-type(1) > li:nth-of-type(2) > .tooltip:nth-of-type(1) {
	display: none;
}

	/** Globalno >> Top bar - sakrij radno vrijeme **/
	.nav-center > li > ul:nth-of-type(1) > li:nth-of-type(3) > .tooltip:nth-of-type(1) {
	display: none;
}

	/** Globalno >> Global paragraph - p **/
	p {
	text-align: justify !important;
}

	/** Stranica liste želja - TI Wishlist plugin >> Wishlist item product thumbnail **/
	.mt-258 .wishlist_item .product-thumbnail {
	padding: 0 0 10px 0;
	margin: auto;
}

	/** Stranica liste želja - TI Wishlist plugin >> Moja lista želja - naslov stranice **/
	.mt-258 .tinv-header {
	text-align: center;
	padding-top: 20px;
}

	/** Stranica liste želja - TI Wishlist plugin >> Gumbi za social share **/
	.mt-258 .social-buttons {
	text-align: center;
}

	/** Stranica liste želja - TI Wishlist plugin >> div - social buttons i Podijeli/kopiraj link - postavi ih kao flex da budu u istoj liniji **/
	.mt-258 .social-buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

	/** Stranica liste želja - TI Wishlist plugin >> Gumb za ispis **/
	.mt-258 .col-inner > p > button:nth-of-type(1) {
	width: 100%;
}

	/** Footer >> Tekst ispod newsletter naslova u Footeru **/
	.banner-layer > div > div:nth-of-type(1) > p:nth-of-type(1) {
	font-size: 15px !important;
}

	/** O nama >> Divider u mob verziji - sakriveno jer se prekriva s tekstom **/
	.col-inner > .is-divider {
	visibility: hidden;
}

	/** Prodajni asortiman >> Content heading 2 **/
	.page-template-page-blank-php.mt-287 h2 {
	font-size: 22px;
}

	/** Prodajni asortiman >> 1. sekcija je imala box shadow - ovime ju mičem - Content section:(1) _2 **/
	.mt-287 #content .section:nth-of-type(1) {
	padding-bottom: 0;
	margin-bottom: 0;
}

	/** Stranica jednog proizvoda >> 1 proizvod - oznaka za filtriranje **/
	#main .category-filtering {
	padding-top: 10px;
}

	/** Stranica jednog proizvoda >> Stranica 1 proizvoda - Text right - mogućnosti plaćanja i ikone **/
	.text-right {
	text-align: center;
}

	/** Stranica jednog proizvoda >> Main social icons **/
	#main .social-icons {
	-webkit-align-content: center;
	align-content: center;
}

	/** Formulari >> GDPR text na svim formularima **/
	.ff_t_c {
	font-size: 12px;
}

	/** Formulari >> Fluentform **/
	.fluentform {
	padding-right: 30px;
	padding-left: 30px;
}

}


/*( iPhone )*/
@media (max-width: 389px) {
	/** Globalno >> Global paragraph - p **/
	p {
	font-size: 14px;
}

	/** Globalno >> Top bar - sakrij email **/
	.nav-center > li > ul:nth-of-type(1) > li:nth-of-type(2) > .tooltip:nth-of-type(1) {
	display: none;
}

	/** Globalno >> Top bar - sakrij radno vrijeme **/
	.nav-center > li > ul:nth-of-type(1) > li:nth-of-type(3) > .tooltip:nth-of-type(1) {
	display: none;
}

	/** Globalno >> Wrapper payment icons **/
	#wrapper .payment-icons {
	text-align: center !important;
	-webkit-align-content: flex-end !important;
	align-content: flex-end !important;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

	/** Stranica liste želja - TI Wishlist plugin >> Gumb za ispis **/
	.mt-258 .col-inner > p > button:nth-of-type(1) {
	width: 100%;
}

	/** Stranica liste želja - TI Wishlist plugin >> Moja lista želja - naslov stranice **/
	.mt-258 .tinv-header {
	text-align: center;
}

	/** Stranica liste želja - TI Wishlist plugin >> Wishlist item product thumbnail **/
	.mt-258 .wishlist_item .product-thumbnail {
	margin: auto;
}

	/** Stranica liste želja - TI Wishlist plugin >> div - social buttons i Podijeli/kopiraj link - postavi ih kao flex da budu u istoj liniji **/
	.mt-258 .social-buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

}

