/* UNIVERSAL */


.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}

.relative {position:relative !important;}
.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.whitetext {color:#fff !important;}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.glavna-tekst {}
.glavna-tekst img {max-width:100%; height:auto; display:inline-block;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.error_message_product p {font-size:0.8em; color:#d2322d;}
.success_message_product p {font-size:2em; font-weight:700; color:#67d187;}

h2.entry-title-index {font-weight:500;}
.glavna-tekst {}
.page-header .breadcrumb {color:#ddd;}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.uslugeboxtext {height:80px; padding:0 10px; overflow:hidden;}

.blockimg-right {padding-right:0 !important; float:right; margin-top:7px;}
.blockimg-left {padding-left:0 !important; margin-top:7px;}

#cart-menu {display:inline;}

.product-nav-prev.disabled a {color:#ddd !important;}
.product-nav-next.disabled a {color:#ddd !important;}

.owl-proizvodi .owl-item, .owl-proizvodi2 .owl-item {opacity:0.5;}
.owl-proizvodi .owl-item.superactive, .owl-proizvodi2 .owl-item.superactive {opacity:1}

.input-quantity {width:50px;}
.store_product_out_of_stock {display:none;}
.store_product_in_stock {display:block;}
.btn-plusminus {width:34px; height:34px;}
.qty-dec-btn, .qty-inc-btn {padding:0; outline:0;}
.btn-remove {border:0; background:#fff;}

h3.product-sku, h3.product-mod {font-size: 12px; font-weight: 400; margin-bottom: 0; text-transform:none;}
h2.product-name {line-height: 20px; color: #000; font-weight: 700; font-size: 16px; margin: 0 0 3px;}
.product-price-td {min-width:100px;}
.product-subtotal-td {min-width:100px;}

input.pm-input + label + div {
  display: none;
}
input.pm-input:checked + label + div {
  display: block;
}
input.sm-input + label + div {
  display: none;
}
input.sm-input:checked + label + div {
  display: block;
}
.pm-table {width:100%;}
.pm-label {font-weight:bold; cursor: pointer; margin-left: 5px; margin-bottom: 0;}
.pm-desc-checked {
    min-height: 20px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-radius: 0;
}

.sm-table {width:100%;}
.sm-label {font-weight:bold; cursor: pointer; margin-left: 5px; margin-bottom: 0;}
.sm-desc-checked {
    min-height: 20px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    border-radius: 0;
}

.modal-content.popupproduct {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
}

/* SPECIFIC */


.panel-box .panel-box-content {background:none;}
#forgpass-trigger {cursor:pointer}
#footer .footer-copyright nav {float:none}


.product-actions a.posaljiupit, .product-actions a.brzipregled, .product-actions button.posaljiupit, .product-actions button.brzipregled {
	font-size: 17px;
	height: 38px;
	width: 40px;
	line-height: 38px;
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
}
.hide-addtolinks .product-actions a.posaljiupit, .hide-addtolinks .product-actions a.brzipregled, .hide-addtolinks .product-actions button.posaljiupit, .hide-addtolinks .product-actions button.brzipregled {
	display: none;
}
.product-actions a.posaljiupit, .product-actions button.posaljiupit {
	right: -37px;
	color: #ed4949;
	border: 1px solid #ed4949;
}
.product-actions a.posaljiupit:hover, .product-actions button.posaljiupit:hover {
	color: #fff;
	background-color: #ed4949;
}
.product:hover .product-actions a.posaljiupit, .product:hover .product-actions button.posaljiupit {
	visibility: visible;
	opacity: 1;
	right: 0;
}
.product-actions a.brzipregled, .product-actions button.brzipregled {
	left: -37px;
	color: #52b9b5;
	border: 1px solid #52b9b5;
}
.product-actions a.brzipregled:hover, .product-actions button.brzipregled:hover {
	color: #fff;
	background-color: #52b9b5;
}
.product:hover .product-actions a.brzipregled, .product:hover .product-actions button.brzipregled {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.product-actions .add_to_cart {
	color: #333;
	background-color: #fff;
	font-size: 14px;
	padding: 0 10px 0 8px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ccc;
}
.product-actions .add_to_cart i {
	font-size: 15px;
	margin-right: 2px;
}
.product:hover .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}
.product-actions addtocart.outofstock {
	padding: 0 10px;
	cursor: default;
}
.product:hover .product-actions .add_to_cart.outofstock {
	color: #333 !important;
	background-color: #fff !important;
	border-color: #ccc !important;
}

.product.product-list .product-actions .add_to_cart {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
}


.zoomContainer.fancy {z-index:10000}

@media (max-width: 767px) {
	.product-img-box2 {
		margin-bottom: 25px;
	}
}
.product-img-box2 img {
	display: block;
	width: 100%;
	height: auto;
}
.product-img-box2 .product-img-wrapper2 {
	margin-bottom: 2px;
}
.product-img-box2 .owl-carousel {
	margin-bottom: 0;
}
.product-img-box-wrapper2 {
	position: relative;
	margin-bottom: 10px;
}
.product-img-box-wrapper2 .product-img-zoom2 {
	position: absolute;
	right: 11px;
	bottom: 7px;
	z-index: 50;
}

.totals-table tbody tr td:nth-child(2) {min-width:140px;}
.shop-podnaslov {font-size:20px; font-weight:400; text-transform:none}
.cart-table tbody tr td.product-image-td a img {width:80px}
.cart-table-wrap {padding:20px;}
.totals-table tbody tr td {font-size:14px;}
.totals-table tbody tr:last-child td:last-child, .totals-table tbody tr:last-child td:first-child {font-size: 17px;}

.call-to-action-success {background-color: #dff0d8; border:1px solid #d6e9c6;}
.prikazujemo {width:100%; display:inline-block;}
.eebloqs p, .eebloqs h3, .eebloqs ul, .eebloqs ol {margin-bottom:20px !important;}


{!-- digitalna pristupacnost start --}
.dp_icon{left:-48px;right:auto!important;position:absolute;display:inline-block;width:48px;height:48px;padding:0;margin:0;border:1px solid #3C8925;border-right: 0;cursor:pointer;background: #3C8925;color: #fff;font-size: 2em;top: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.dp_icon:focus {outline: none;}
button.close_container{background:#fff!important;color:#cc0000!important;cursor:pointer;display:block;padding:0;border:0;width:34px;height:34px;line-height:34px;font-weight:700;font-size:15px;margin:0;position: relative;left: 156px;}
button.close_container:hover,button.close_container:focus{color:#ff0000!important;}
body .dp_container button.dp-action-button{background:#fff!important;color:#3C8925!important;width:100%;padding:5px 0;text-align:center;cursor:pointer;border:1px solid #fff;font-size:15px;font-weight:700;margin:0;border-radius: 4px;}
body .dp_container button.dp-action-button:hover,body .dp_container button.dp-action-button:focus,body .dp_container button.dp-action-button.active_button{background:#E4ECFB!important;color:#2F4876!important;}
body .dp_container.dark_theme.dp_container.active {border-left: 1px solid #fff;}
body .dp_container.dark_theme.dp_container.active,
body .dp_container.dark_theme #access_container,
body .dp_container.dark_theme .access_container_inner,
body .dp_container.dark_theme .dpop,
body .dp_container.dark_theme .dpop_title,body .dp_container.dark_theme .dpop_exe,
body .dp_container.dark_theme .font_resizer a,body .dp_container.dark_theme .contrast_trigger{background:#3C8925!important;color:#fff!important;text-align: center;}


.dp-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.dp_container{top:32px}
body.is_underline a{text-decoration:underline!important}
body.highlight_links_on a{background-color:yellow!important;color:#000!important}
body.highlight_links_on a span{color:#000!important}
body.invert_mode_on{-webkit-filter:invert(100%);filter:invert(100%)}
body.remove_animations *{transition:none!important;-o-transition:none!important;-ms-transition:none!important;-moz-transition:none!important;-webkit-transition:none!important}
body.arial_font_on *{font-family:Arial,Helvetica,sans-serif!important}
body.dp_keyboard_access a:focus,body.dp_keyboard_access button:focus,body.dp_keyboard_access input:focus,body.dp_keyboard_access select:focus,body.dp_keyboard_access textarea:focus{background-color:#f3f57c!important;color:#000!important}
body.admin-bar .dp_plugin_credits{bottom:32px}
body .dp_scanner_element{outline:5px solid yellow!important}
body .dp_scanner_link{background-color:yellow!important;outline:5px solid yellow!important;color:#000!important}
body .dp_plugin_credits{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-family:Arial;font-size:12px;background:#216073!important;color:#fff!important}
body .dp_plugin_credits a{font-family:Arial;font-size:12px;display:block;background:#216073!important;color:#fff!important}
body .dp_container{width:200px;background:#fff!important;color:#000!important;position:fixed;top:73px;height:100%;z-index:8009;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}
body .dp_container .font_resizer button.dp-action-button.smaller{width:46%;float:left}
body .dp_container .font_resizer button.dp-action-button.larger{float:right;width:46%}
body .dp_container .font_resizer button.dp-action-button.dp-font-reset{margin-top:12px;width:100%;clear:both}
body .dp_container .dpop{padding-bottom:.6rem;margin-bottom:1rem;border-bottom:1px solid #000}body .dp_container .dpop:before,body .dp_container .dpop:after{content:'';display:block;clear:both}
body .dp_container.dark_theme .dpop{border-bottom:1px solid #444343}
body .dp_container.dark_theme a.active_button{border:1px solid #216073!important}
body .dp_container.dark_theme .font_resizer a,body .dp_container.dark_theme .contrast_trigger{border:1px solid #fff;color:#fff}
/*body .dp_container *{background:#fff!important;color:#000!important}*/
.dp_container{left:auto!important;right:-200px}
.dp_container.active{right:0}
.dp_container a{color:#000}
.access_container_inner{padding:0 10px;margin-top:14px}

#access_container{margin-top:0;padding-top:10px}
#access_container a:focus{color:#fff;background:#000}
.dpop_exe a{text-decoration:none;font-size:15px}
.dpop_title{margin-bottom:.4rem;font-weight:600}
.contrast_trigger{width:100%}
.color_selector{display:none;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-ms-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease}
.color_selector.is_visible{display:block}
.color_selector button{display:inline-block;cursor:pointer;font-size:0;width:30px;height:30px;float:left;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;border:2px solid #000;margin:5px;padding:0}
.color_selector .black{background:#000!important}
.color_selector .white{background:#fff!important}
.color_selector .green{background:#00FF21!important}
.color_selector .blue{background:#0FF!important}
.color_selector .red{background:red!important}
.color_selector .orange{background:#FF6A00!important}
.color_selector .yellow{background:#FFD800!important}
.color_selector .navi{background:#B200FF!important}
.active_greyscale{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:url('https://vizor.hr/slike/desaturate.svg#greyscale');
	filter:url("data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0" /></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(1)
}
.dp-dark-overlay{position:fixed;z-index:50;background:rgba(0,0,0,.8);top:0;bottom:0;left:0;right:0;width:100%;height:100%}
.dp-lights-selector{position:relative;z-index:100;background:#fff;color:#000}
.dp-skip{position:relative;top:-10000px;left:-10000px;height:1px;width:1px;text-align:left;overflow:hidden}
.dp-skip:focus{left:0;top:0;width:100%;height:auto;padding:5px 0;text-align:center;cursor:pointer;border:1px solid #fff;font-size:15px;font-weight:700}
.dp-skiplinks-menu{position:absolute;left:0;top:0;margin:0;padding:0}
.dp-skiplinks-menu ul{margin:0;padding:0;list-style-type:none}
.dp-skiplinks-menu ul a{text-decoration:none;position:absolute;z-index:99999;left:-10000px;top:-10000px}
.dp-skiplinks-menu ul a:focus,.dp-skiplinks-menu ul a:active,.dp-skiplinks-menu ul a:hover{left:16px;top:42px;background:#216073;color:#fff;padding:6px 20px;display:inline-block;font-size:18px;font-weight:700;white-space:nowrap}


@font-face {
    font-family: 'OpenDyslexic';
    src: url('https://vizor.hr/fonts/OpenDyslexic-Regular.woff2') format('woff2'),
    url('https://vizor.hr/fonts/OpenDyslexic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.body--high-contrast * {background-color:#fff !important; color:#000 !important;}
.high-contrast-textblock {background:#fff !important; color:#000 !important;}
.high-contrast-textblock a {color:#000 !important;}
html #header .high-contrast-textblock .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {background:#ddd !important;}

aside.sidebar.high-contrast-textblock ul.list-unstyled > li.selected span {
    color: #000 !important;
    background-color: #ddd !important;
}

.background-color-secondary.high-contrast-textblock {background:#fff !important; color:#000 !important;}
.background-color-tertiary.high-contrast-textblock {background:#fff !important; color:#000 !important;}
.background-color-primary.high-contrast-textblock {background:#fff !important; color:#000 !important;}
.spocupit.high-contrast-textblock {background:#fff !important; color:#000 !important;}
.high-contrast-textblock .pnu {color:#000 !important;}
.high-contrast-textblock .okoupit img {background:#000;}


/* ima i u theme responsive */


body.page--dyslexic-font * {font-family: 'OpenDyslexic', sans-serif !important;}
body.page--dyslexic-font .fa {font-family: 'FontAwesome' !important;}
body.page--dyslexic-font .icon {font-family: 'FontAwesome' !important;}
body.page--font-plus h3 {line-height:1.2em !important; height:auto;}
body.page--font-plus .box-2020 h2, body.page--font-plus .box-2020 h3 {line-height:1.8}
body.page--font-plus .hot-news-naslov {height:auto !important}
body.page--font-plus .post-pocetna-naslov {height:auto !important}
body.page--font-plus .naslov-lijevo {line-height:1.1em !important}
body.page--font-plus .dropdown-menu-lijevo {font-size:1em}
body.page--font-plus .dropdown-submenu>.dropdown-menu {font-size:1em}
body.page--font-plus .datum-mjesec {font-size:0.5em}
body.page--font-plus .naslov-desno {line-height:1.1em}
body.page--font-plus footer h3, body.page--font-plus footer h4 {line-height:1.1em}
body.page--font-plus .foot-a a {line-height:1.1em}
body.page--font-plus .bbz-kontakt {line-height:1.1em; height:auto;}
body.page--font-plus .naslov-upitnik {width:200px;}
body.page--font-plus .post-pocetna-naslov p {font-size:0.8em; line-height:1em}
body.page--font-plus .dropdown-menu {font-size:1em; line-height:1;}
body.page--font-plus .bbz-linkovi {height:auto;}
body.page--font-plus .entry-skupstina {height:auto;}
body.page--font-plus .cijeli-clanak-skupstina {font-size:0.9em; line-height:1.1}
body.page--font-plus .paginationw {font-size:0.9em; line-height:1.1}

body.page--font-plus .desno-izbornik {right: auto;}
body.page--font-plus .dropdown-menu {width: auto;}


#dp_helper_container .fa-wheelchair {font-size:30px !important;}
.dpop_title {font-size:15px;}

header.flat-menu .high-contrast-textblock nav ul.nav-main li > a:hover, header.flat-menu .high-contrast-textblock nav ul.nav-main li.dropdown:hover a {background:#fff !important; color:#000 !important;}

body.page--font-plus .cijeli-clanak {font-size:1em; line-height:1;}
body.page--font-plus .vise-tabi  {font-size:1.2em; line-height:1.2;}
body.page--font-plus section.toggle h3 {font-size:1.2em; line-height:1.2;}
body.page--font-plus .povratak {font-size:1.2em; line-height:1.2;}
body.page--font-plus #facebook-likes-in {width:117px}

.page--hyperlinks a {text-decoration:underline !important;}
.page--hyperlinks a * {text-decoration:underline !important;}

a.info_link {color: #fff;font-size: 1.1em;}
{!-- digitalna pristupacnost end --}




:root {
    --theme-accent-color: #020e28;
    --theme-accent-foreground-color: #fff;
    --theme-secondary-color: #FF7506;
    --theme-secondary-foreground-color: #fff;
    --theme-primary-color: #091D3E;
    --theme-primary-foreground-color: #fff;
    --theme-gray-color: #8f8f8f;
    --theme-gray-foreground-color: #fff;
    --theme-dark-color: #000;
    --theme-dark-foreground-color: #fff;
    --theme-light-color: #fff;
    --theme-light-foreground-color: #222;
    --theme-color-text-main: #777777;
    --theme-background-color-main: #f3f3f4;
    --theme-color-border: #e2e2e3;
    --theme-color-border-input: #f3f3f4;
    --theme-color-text-input: #000;
    --theme-color-bg-input: #f3f3f4;
    --theme-color-border-focus-input: #FF7506;
    --theme-color-placeholder-input: #798883;
    --theme-body-font: "Open Sans";
    --theme-body-font-primary: "Poppins";
    --theme-icon-font-primary: "Font Awesome 5 Pro";
    --theme-btn-font: "Open Sans";
    --theme-btn-font-size: 14px;
    --theme-btn-font-weight: 700;
    --theme-btn-font-style: normal;
    --theme-btn-letter-spacing: normal;
}

:root {
    --theme-body-font: Open Sans;
    --theme-btn-font: Poppins;
    --theme-btn-font-style: normal;
    --theme-color-text-main: #777777;
    --theme-background-color-main: #f3f3f4;
    --theme-primary-color: #091D3E;
    --theme-secondary-color: #3c8925;
    --theme-accent-color: #020e28;
}

html {background: #0E0E0E;}
body {font-size:16px;}
p {line-height: 30px;}

.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: red;
}

#header .header-body {border-top: 0;}
html.sticky-header-active #header .header-body {box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%);}
.nav > li > a.btn-primary:hover, .nav > li > a.btn-primary:focus {background: #000;}
.headbtns {float: right;}

.tp-caption.main-label {color:#fff;font-size: 100px;line-height: 93px;font-weight: 700;letter-spacing: 0px;text-transform:none; font-family:'Poppins', Sans-serif;text-shadow: none;}
.tp-caption.top-label, .tp-caption.bottom-label {color:#fff;font-size: 26px;line-height: 32px;font-weight: 400;letter-spacing: 0px;text-transform:none;font-family: Roboto;text-shadow: none;}

#footer {color: #fff;margin-top: 0;}
#footer .description {font-size: 16px;}
#footer p {color: #fff;}
#footer h4 {color: #FFFFFF;font-family: "Poppins", Sans-serif;font-size: 24px;font-weight: 600;}
#footer .tficonbox .wrap-icon-inner i {font-size: 24px;color: #3c8925;}
#footer .footer-copyright p {color: #fff;}
#footer .tf-button {
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    min-width: 129px;
}

.secbg {background-color: #FAFAFA;}

.tf-title-section {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 80px 0px 40px 0px;
    position: relative;
}
.tf-title-section .title-section {
    text-align: center;
}
.tf-title-section .before-heading, .tf-heading .before-heading {
    font-size: 14px;
    color: #3c8925;
    letter-spacing: 0.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.tf-title-section .title-section .before-heading {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}
.tf-title-section .heading, .tf-heading .heading {
    display: inline-block;
    font-size: 32px;
    margin-bottom: 0.5rem;
    color: #020e28);
    transition: all 0.8s;
    line-height: 1.2;
    font-weight: 700;
    font-family: Poppins;
}

.tf-button {
    font-family: Poppins;
    font-style: normal;
    font-size: 1.275rem;
    letter-spacing: normal;
    line-height: 3.75rem;
    padding: 7px 23px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 2;
    font-weight: 700;
    border-color: transparent;
    text-transform: uppercase;
    border-width: 0;
    border-radius: 5px;
    overflow: hidden;
    background-color: #3c8925;
    color: #fff;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    text-decoration: none;
}
.tf-button:hover {
    background-color: var(--theme-accent-color);
    color: var(--theme-accent-foreground-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tf-button.btn-xl {
    font-size: 2rem;
    line-height: 6rem;
    padding: 0.5rem 4rem;
}
.tficonbox.top.style2 .tf-button-container .tf-button {
    padding: 7px 23px;
}

.elementor-2805 .elementor-element.elementor-element-8fd59d8 .tf-title-section .title-section .before-heading {
    line-height: 1.875;
}
.elementor-2805 .elementor-element.elementor-element-8fd59d8 .tf-title-section .title-section .heading {
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    margin: 0px 0px 27px 0px;
}
.elementor-2805 .elementor-element.elementor-element-8fd59d8 .tf-title-section .title-section .sub-title h6 {
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}
.tf-title-section .title-section.text-left {
    text-align: left;
}

section.pockontakt {
    background-color: #f3f3f4;
    padding: 90px 0px 60px 0px;
}
.pockontakth2 {
    font-family: Poppins;
    font-size: 46px;
    line-height: 1.2em;
    font-weight: 700;
    color: #020e28;
}
.tf-contact-form input[type=text], .tf-contact-form textarea {
    height: 50px;
    line-height: 48px;
    border: 1px solid #f3f3f4;
    padding: 0 25px;
    color: #000;
    border-radius: 3px;
    max-width: 100%;
    background-color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}
.tf-contact-form textarea {
    height: 160px;
    width: 100%;
    padding-top: 10px;
}
.form-control:focus, input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #3c8925;
    background-color: #fff;
}

.headimg {
    background-color: #412626;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 85px 0px;
    min-height: 328px;
    position: relative;
}
.headimg-background-overlay {
    background-color: #000000AB;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.headimg.onama {
    background-image: url('https://vizor.hr/slike/header3.png');
}
.headimg.kontakt {
    background-image: url('https://vizor.hr/slike/header-kontakt.jpg');
}
.headimg.usluge-znr {
    background-image: url('https://vizor.hr/slike/zastita-na-radu.jpg');
    background-position: top left;
}
.headimg.usluge-zop {
    background-image: url('https://vizor.hr/slike/zastita-od-pozara.jpg');
}
.headimg.usluge-zo {
    background-image: url('https://vizor.hr/slike/zastita-okolisa.jpg');
}
.headimg.usluge-zis {
    background-image: url('https://vizor.hr/slike/spasavanje.jpg');
}
.headimg.usluge-oo {
    background-image: url('https://vizor.hr/slike/ucenje.jpg');
}

.feature-box.vzr {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
    padding: 40px 40px 36px 40px;
    transition: all 0.3s ease-in-out;
    background-color: #FFFBFB;
}
.feature-box.vzr .feature-box-icon {
    color: #3c8925;
    display: inline-flex;
    font-size: 50px;
    justify-content: center;
    align-items: center;
}
.feature-box.vzr .feature-box-info {
    padding-left: 10px;
}

h1.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: #020e28;
    font-size: 46px;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    font-family: Poppins;
    margin-bottom: 50px;
}
.m-auto img {
    margin: 0 auto 15px;
}
.elementor hr {
    margin: 30px 0 0 0;
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 30px;
    border-top: 2px solid #3c8925;
    width: 20%;
    background-image: none;
}
.elementor.entry h2 {
    font-size: 32px;
    color: #020e28;
    margin: 0px 0px 24px 0px;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    font-family: Poppins;
}

.tf-title-section.kntkt {
    margin: 60px 0 80px;
}
.tf-title-section.kntkt .title-section {
    text-align: left;
}
.tf-title-section.kntkt .title-section .heading {
    font-size: 72px;
    font-weight: 600;
    line-height: 86px;
    letter-spacing: -0.4px;
    margin-bottom: 40px;
}

.feature-box.vzrk {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
    padding: 15px 15px 15px 15px;
    transition: all 0.3s ease-in-out;
    background-color: #FFFBFB;
    margin-bottom: 30px;
}
.feature-box.vzrk .feature-box-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    font-size: 25px;
    justify-content: center;
    align-items: center;
}
.feature-box.vzrk .feature-box-info {
    padding-left: 10px;
}
.feature-box.vzrk .feature-box-info h4 {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
}
.feature-box.vzrk .feature-box-info p {
    color: #020E28;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
}
.feature-box.vzrk .feature-box-info p a {
    color: #020E28;
}
.tf-title-section.kntktpg .title-section {
    text-align: left;
}
.tf-title-section.kntkt.gal {
    margin: 20px 0 80px;
}
hr.solid.dark {
    background: #000;
}
.before-heading h1.bfhh1 {
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    color: #3c8925;
    letter-spacing: 0.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.list.list-borders li {
    line-height: 1.5;
    font-family: Open Sans;
    font-size: 16px;
}
.vizor-u-brojevima {
    background-color: #518735;
    margin: 80px 0 100px;
    padding: 40px 0 40px;
}
.vizor-u-brojevima .feature-box.feature-box-style-5 .feature-box-icon {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    text-align: center;
}
.vizor-u-brojevima .feature-box.feature-box-style-5 .feature-box-icon i {
    color: #FF7506;
    font-size: 56px;
    line-height: 1;
}
.vizor-u-brojevima .feature-box.feature-box-style-5 .feature-box-info {
    position: relative;
    top: 10px;
}
.vizor-u-brojevima .feature-box.feature-box-style-5 .feature-box-info h4 {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -1.1px;
}
.vizor-u-brojevima .feature-box.feature-box-style-5 .feature-box-info p {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    line-height: 28px;
}
section.parallax {
    padding: 120px 0px 120px 0px;
}
section.section.section-parallax {
    background-repeat: no-repeat;
}
section.parallax .before-heading {
    font-size: 18px;
    margin: 3px 0px -3px 5px;
    color: #3c8925 !important;
    letter-spacing: 0.3em;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 black;
}
section.parallax .heading {
    font-size: 72px;
    font-weight: 600;
    line-height: 86px;
    letter-spacing: -0.4px;
    margin: 10px 0px 40px 5px;
    text-shadow: 0 0 10px black;
}
h1.elementor-heading-title.cntr {
    text-align: center;
}

.elementor-2805 .elementor-element.elementor-element-6c3f0a2 .tf-title-section .title-section .before-heading {
    font-size: 40px;
    color: #000;
    font-family: "Poppins", sans-serif;
    text-transform: none;
    letter-spacing: 0.2em;
}
.elementor-2805 .elementor-element.elementor-element-6c3f0a2 .tf-title-section .title-section .heading {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.8px;
    margin-left: -2px;
}
.before-heading.msgsnt {
    letter-spacing: 0;
    text-transform: none;
}