/* ======================================================================== */
/* Copyright (C) DENODE */
/* ======================================================================== */

/* base */
html { background: #fff; -webkit-font-smoothing: auto; }
body {margin: 0;background: #fff;font-family: 'Open Sans', Arial, sans-serif;
 /* background: url(../images/background.jpg) 50% 0 fixed no-repeat;
  background-size: auto;
  background-size: cover; */
}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px 0;font-family: 'Roboto', Arial, sans-serif;font-weight: 300;color: #5c5c5c;text-transform: none;}
p {text-align: justify;}

/* container */
.uk-container {box-sizing: border-box;max-width: 1260px;padding: 0 25px;}

/* button overrides */
.btn {border: none;border-radius: 0;border-color: transparent;box-shadow: none;text-shadow: none;line-height: 30px;background: #ffffff;color: #62615f;box-shadow: 0 1px 1px 0px rgba(160, 167, 169, 0.45);font-weight: 400;text-transform: uppercase;letter-spacing: 1px;}
.btn:hover, .btn:focus {background-position: 0 0;-webkit-transition: none;transition: none;background-color: #ffffff;color: #62615f;box-shadow: 0 2px 2px 0px rgba(160, 167, 169, 0.7);transform: translateY(0);}
.btn.active, .btn:active {box-shadow: none;background-color: #f7f7f7;color: #62615f;box-shadow: 0 2px 2px 0px rgba(160, 167, 169, 0.7);}
[class*="uk-icon-"] {font-family: FontAwesome;font-weight: normal;font-style: normal;line-height: 1;-moz-osx-font-smoothing: grayscale;width: 20px;}
/*-=-=-=-=-=-=-=-=-=-=- */
/* Form layout, form error, fields and action */
/*-=-=-=-=-=-=-=-=-=-=- */
/* form page layout */
.visforms-form.de-form, .visforms-formde-form {background: #fff;margin-bottom: 35px;margin-top: 0px;padding: 25px 50px; border:2px solid #ddd;}
form#visform1 div.required > label::after, form#visform1 div.required > label.checkbox.asterix-ancor::after, form#visform1 div.required > span.asterix-ancor::after, form#visform1 div.required > div.asterix-ancor > div::after {color: red;content: "*";display: inline-block;padding-left: 5px;}
/* Form error */
.de-form .visforms form#visform1 p.errorcontainer label.error {background-color: #cf4928;border-radius: 0;color: #ffffff;padding: 5px 35px;}
/* Form success */
.de-form .uk-alert h3 {font-size: 26px;line-height: 30px;font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: normal;margin: 0 0 25px;text-transform: uppercase;}
.de-form .uk-alert {background: #026180;border-radius: 0;color: #fff;margin-bottom: 25px;padding: 35px;}
.de-form .uk-alert:not(.uk-alert-large) {font-family: "Lato",Helvetica,Arial,sans-serif;font-size: 18px;letter-spacing: 1px;line-height: 24px;text-transform: none;}
.de-form .uk-alert-success {background: #5ec63d;color: #fff;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);}
/* Form fields */
.de-form h5, .contact-form-header h5 {font-size:26px; line-height:36px; margin-bottom:5px;font-weight:normal; border-bottom:1px solid #eee; letter-spacing: 0px; padding-bottom:5px;}
.de-form p, .contact-form-header p {font-size:16px; line-height:20px; margin-top:5px;}
.de-form label {font-size: 14px;font-weight: bold;line-height: 22px;margin-top: 15px;}
.de-form label.radio {margin-top: 5px;}
.de-form label input {display: inline;}
.de-form .form-group {margin: 5px;}
.de-form .row-fluid {margin-top: 0;width: 100%;}
.de-form .visCSSlabel.span4 {width: 100%;}
.de-form label.error {background-color: #d66767;border-radius: 0;color: #fff;display: inline-block !important;font-size: 11px;margin: 0;max-width: 100%;padding: 3px 10px;}
.de-form p.errorcontainer::after {display:none;}
.de-form .row-fluid .span8, .de-form .row-fluid .span1, .de-form .row-fluid .span11 {width: 100%;}
.de-form #captcha-lbl.span1 .hasTooltip {display: inline-block !important;}
.de-form #dynamic_recaptcha_1.span11 {margin-left: 0;}
.de-form .row-fluid .span6 {min-height: 50px;margin-top: 15px;}
.de-form :-ms-input-placeholder {color: #111 !important;}
.de-form ::-moz-placeholder {color: #111;}
.de-form ::-webkit-input-placeholder {color: #111;}
.de-form :disabled:-ms-input-placeholder {color: #111 !important;}
.de-form :disabled::-moz-placeholder {color: #111;}
.de-form :disabled::-webkit-input-placeholder {color: #111;}
.de-form input[type="text"], .de-form input[type="number"], .de-form input[type="email"], .de-form input[type="tel"] {background: #f1f1f1;border-radius: 0;box-shadow: none;color: #111;font-family: 'Lato',Helvetica,Arial,sans-serif;font-size: 14px;font-weight: inherit;height: 40px;letter-spacing: 0;line-height: 40px;position: relative;padding-left:10px;text-transform: none;margin-bottom:0px;border: 1px solid #eee;}
.de-form input.datum {float: left;}
.de-form #field4_img.btn, .de-form #field18_img.btn {background: #f9f9f9;border-color: #eee;color: #090808;border-radius: 0;font-size: 16px !important;line-height: 24px; padding: 4px;min-width: 50px;}
.de-form #field4_img.btn:hover, .de-form #field4_img.btn:focus, .de-form #field18_img.btn:hover, .de-form #field18_img.btn:focus {background: #E02424;border-color: #ffffff;color: #ffffff;}
.de-form div.calendar {position: relative;width: 250px;z-index: 10000;}
.de-form .calendar table {background: #efefef;border: 1px solid #cccccc;color: #000;cursor: default;font-family: arial,verdana,sans-serif;font-size: 11px;width: 250px;}
.de-form select {background: #f1f1f1;border-radius: 0;box-shadow: none;color: #111;font-family: 'Lato',Helvetica,Arial,sans-serif;font-size: 14px;font-weight: inherit;height: 34px;letter-spacing: 0;line-height: 34px;position: relative;width:100%;margin-bottom:0px;padding-left:10px;text-transform: none;margin-bottom:0px;border: 1px solid #eee;}
.de-form textarea {background: #f1f1f1;border-radius: 0;box-shadow: none;color: #111;font-family: 'Lato',Helvetica,Arial,sans-serif;font-size: 14px;font-weight: inherit;height: auto;letter-spacing: 0;line-height: 34px;position: relative;width:98%;padding-left:10px;text-transform: none;margin-bottom:0px;border: 1px solid #eee;}
.de-form select:focus, .de-form textarea:focus, .de-form input[type="text"]:focus, .de-form input[type="number"]:focus, .de-form input[type="email"]:focus, .de-form input[type="tel"]:focus {background: #ffffff;border-color: #e9f1f4;box-shadow: none;outline: 0 none;text-transform: none;}
.de-form input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {border-color: #e9f1f4;box-shadow: none;}
/* Form actions */
.de-form .form-actions {background-color: transparent;border-top: 0 solid transparent;margin-bottom: 0px;margin-top: 0px;padding: 0px;}
.de-form .btn {font-size: 0.8em !important;line-height: 22px;padding: 5px 26px;border-radius: 0;margin-bottom: 5px;}
.de-form .btn {background: #f6b60b;border-color: #ffffff;color: #ffffff;}
.de-form .btn:hover, .de-form .btn:focus {background: #dda30a;border-color: #ffffff;color: #ffffff;}
.de-form .copyright_info {float: left;font-size: 12px;font-style: normal;font-weight: normal;margin: 0;padding: 30px 0 25px;width: 100%;}
.de-form .logof {margin-top: -10px;}
.visform:not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error {font-size: 10px;color: #fff;padding: 10px;background-color: gray;border-radius: 5px;display: inline-block !important;max-width: 100%;margin: 0;}

/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */
.wrapper { width: 100%; margin: 0 auto; background-color: #bdd3de; hoverflow: hidden; }
.panel { margin: 0 auto; height: 100px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; }
.panel .front, .panel .back { text-align: center; }
.panel .front { height: inherit; position: absolute; top: 0; z-index: 900; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.panel .back { height: inherit; position: absolute; top: 0; z-index: 1000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.panel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.panel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
.box1 { background-color: #f6b60b; width: 250px; height: 60px; margin: 0 auto; padding: 20px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.box2 { background-color: #f1f1f1; width: 250px; height: 60px; margin: 0 auto; padding: 20px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* promo bar */
.ja-promo-bar {margin: 0;padding: 0;position: absolute;right: 0;width: 100%;z-index: 99;}

/* toolbar */
.tm-toolbar {margin-bottom: 0px;margin-top: 0px;height: 45px;background-color: #231f20;width: 100%; padding:10px 0;}
.tm-toolbar .uk-subnav > * > * {color: #ffffff;text-decoration: none;text-shadow: 0px 0 1px rgba(0, 0, 0, 0.35); font-size:14px;text-transform: uppercase;}
.tm-toolbar .uk-subnav > * > *:hover, .tm-toolbar .uk-subnav > * > *:focus {color: #f6b60b;text-decoration: none;}

/* toolbar left */
.tm-toolbar .uk-float-left span.de-link {float: left; display: block;padding-right: 30px;}
.tm-toolbar .uk-float-left [class*="uk-icon-"] {color: #f6b60b;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding-right: 3px;font-size: 16px; width: 16px;}
.tm-toolbar .uk-float-left a {color: #ffffff;margin-left: 3px;}
.tm-toolbar .uk-float-left a:hover, .tm-toolbar .uk-float-left a:focus {color: #f6b60b;}

/* toolbar right */
.tm-toolbar .uk-float-right .de-crm {color:#ffffff; font-size: 14px; text-transform: uppercase;margin-right: 0;}
.tm-toolbar .uk-float-right .de-crm .uk-button-mini {background: transparent;box-shadow: none;border: 1px solid #535151;border-radius: 1px;min-height: 20px;padding: 4px 12px;line-height: 10px;font-size: 10px;font-weight:500;}
.tm-toolbar .uk-float-right .de-crm .uk-button-mini:hover,
.tm-toolbar .uk-float-right .de-crm .uk-button-mini:focus {background: #f6b60b;border: 1px solid #f6b60b;border-radius: 1px;min-height: 20px;padding: 4px 12px;line-height: 10px;font-size: 10px;font-weight:500;}
.tm-toolbar .uk-float-right .de-crm a {color: #ffffff;}
.tm-toolbar .uk-float-right .de-crm a:hover, 
.tm-toolbar .uk-float-right .de-crm a:focus {color: #ffffff;}
.tm-toolbar .uk-float-right .de-crm [class*="uk-icon-"] {color: #ffffff;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;padding-right: 3px;font-size: 10px; width: 10px;}
.tm-toolbar .uk-float-right .de-crm:hover [class*="uk-icon-"],
.tm-toolbar .uk-float-right .de-crm:focus [class*="uk-icon-"] {color: #ffffff;}

/* sticky navbar */
.uk-sticky-placeholder .tm-navbar a.tm-logo{width:280px;transition-duration: 0.52s;transition-timing-function: ease-in;}
.uk-sticky-placeholder .tm-navbar a.tm-logo img {width:280px;height:55px;transition-duration: 0.32s;transition-timing-function: ease-in;}
.uk-sticky-placeholder .tm-navbar .tm-headerbar {position: relative;min-height: 90px;max-height: 90px;}
.uk-sticky-placeholder .tm-navbar .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; width: 780px; }
.uk-sticky-placeholder .tm-navbar .uk-navbar-nav > li > a {display: block;box-sizing: border-box;text-decoration: none;height: 90px;padding: 0 15px;line-height: 90px;color: #000000;font-size: 15px;font-family: 'Lato';font-weight: 400;text-transform: uppercase;max-width: 150px;}
.uk-sticky-placeholder .tm-navbar.uk-active a.tm-logo {width: 280px;transition-duration: 0.52s;transition-timing-function: ease-in;margin-right: 30px;}
.uk-sticky-placeholder .tm-navbar.uk-active a.tm-logo img {width: 202px;height: 40px;transition-duration: 0.32s;transition-timing-function: ease-out;}
.uk-sticky-placeholder .tm-navbar.uk-active .tm-headerbar {position: relative;min-height: 40px;}
.uk-sticky-placeholder .tm-navbar.uk-active .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; width: 780px; }
.uk-sticky-placeholder .tm-navbar.uk-active .uk-navbar-nav > li > a {display: block;box-sizing: border-box;text-decoration: none;height: 55px;padding: 0 15px;line-height: 55px;color: #000000;font-size: 15px;font-family: 'Lato';font-weight: 400;text-transform: uppercase;}
.uk-navbar-nav > li > a {display: block;box-sizing: border-box;text-decoration: none;height: 90px;padding: 0 25px;line-height: 90px;color: #000000;font-size: 15px;font-family: 'Lato';font-weight: 400;text-transform: uppercase;}
.tm-navbar {border-bottom: 4px solid #f6b60b;margin-bottom: 0px;}
.uk-sticky-placeholder .tm-navbar .tm-iso-mark {margin-left: 30px;transition-duration: 0.52s;transition-timing-function: ease-in;}
.uk-sticky-placeholder .tm-navbar .tm-iso-mark img {width:87px;height:55px;transition-duration: 0.32s;transition-timing-function: ease-in; float: right;}
.uk-sticky-placeholder .tm-navbar.uk-active .tm-iso-mark img {width:63px;height:40px;transition-duration: 0.52s;transition-timing-function: ease-in; float: right;}

/* nav subtitle */
.tm-navbar .uk-navbar-nav-subtitle > div {margin-top: -35.5px;font-size: 10px;line-height: 12px;}
.tm-navbar.uk-active .uk-navbar-nav-subtitle > div {margin-top: -20.5px;font-size: 10px;line-height: 12px;}

/* dropdown */
.uk-dropdown-navbar {margin-top: 4px;background: #ffffff;color: #474538;box-shadow: 0 1px 5px 0 rgba(151, 151, 163, 0.15);}
.uk-nav-navbar > li > a {color: #000;padding-left: 30px;padding-right: 30px;text-transform: uppercase;}
.tf .uk-subnav {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-left: -20px;margin-top: -20px;padding: 0;list-style: none;margin-bottom: 25px;}

/* article */
.tf .uk-article{background: #fff;box-shadow: none;padding-top: 50px;}
.tf .uk-article-title {font-size: 26px;line-height: 32px;font-weight: 300;text-transform: uppercase;}

/* article i table spec za proizvode */
.tf.proizvod.na-lageru .uk-article {background: #fff;box-shadow: none;padding-top: 0;}
.tf.proizvod .uk-article {background: #fff;box-shadow: none;padding-top: 50px;}
.tf.proizvod .uk-article-title {font-size: 26px;line-height: 32px;font-weight: 300;text-align: left;text-transform: uppercase;margin-bottom: 0;border-bottom: 2px solid #f6b60b;}
/* article i table spec za proizvode - bez uskoro na lageru */
.tf.proizvod.bez .uk-article-title {font-size: 26px;line-height: 32px;font-weight: 300;text-align: left;text-transform: uppercase;margin-bottom: 0;border-bottom: 2px solid #f6b60b; margin-top: 30px !important;}

/* sub-object `uk-article-title` */
.tf.proizvod .uk-article-title .de-background {background: #f6b60b;padding: 10px 80px 8px 20px;display: inline-flex;font-size: 20px;position: relative;font-size: 20px;line-height: 30px;color: #ffffff;min-width: 300px;}
.tf.proizvod .uk-article-title .de-background:after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 50px 0 0 50px;border-color: #ffffff transparent transparent transparent;}
.uk-article-title a {color: inherit;text-decoration: none;}
.tf.proizvod .uk-panel .uk-h5 {font-size: 12px;line-height: 20px;background: #333;color: #fff;padding: 5px 22px;width: 200px;position: relative;text-transform: uppercase;}
.tf.proizvod .uk-panel .uk-h5:after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #ffffff transparent;}

/*.tf.proizvod .uk-margin-large-bottom {margin-bottom: 0px !important;}*/
.tf.proizvod .uk-panel-header {border-radius: 0;}
.tf.proizvod .uk-panel-header h3 {padding: 10px 15px;color: #ffffff;overflow: hidden;background: #f6b60b;box-shadow: 1px 1px 2px 0 rgba(160, 167, 169, 0.35);margin: 0;font-size: 16px;}
.tf.proizvod .uk-panel-header .uk-h4 {font-size: 16px;line-height: 22px;}
.tf.proizvod .uk-panel-secondary-header {border-radius: 0;margin: 30px 0 0;}
.tf.proizvod .uk-panel-secondary-header h3 {padding: 10px 15px;color: #ffffff;overflow: hidden;background: #535151;box-shadow: 1px 1px 2px 0 rgba(160, 167, 169, 0.35);margin: 0;font-size: 16px;}
.tf.proizvod .uk-panel-secondary-header .uk-h4 {font-size: 16px;line-height: 22px;}
ul.spec {padding: 0;margin: 0;}
.spec li {font-family: 'Open Sans', Arial, sans-serif;list-style: none;padding: .5rem 1rem;}
.spec li:nth-child(2n+1) {background: rgba(213,215,216,.5) !important;}
.spec li p:nth-child(1) {font-weight: 500;font-size: 15px;margin-bottom: .1rem;}
.spec li p {margin-top: .1rem;font-weight: 300;font-size: 12px;padding: 0;}
.tf.proizvod .uk-panel-box-secondary .uk-button-primary {background-color: #f6b60b;color: #ffffff;padding-left: 15px;}

/* pagination */
.uk-pagination > li {display: inline-block;font-size: 11px;vertical-align: top;}
.uk-pagination > li:nth-child(n+2) {margin-left: 5px;}
.uk-pagination > li > a,
.uk-pagination > li > span {display: inline-block;min-width: 8px;padding: 5px 15px;line-height: 22px;text-decoration: none;box-sizing: content-box;text-align: center;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;}
.uk-pagination > li > a {background: rgba(0, 0, 0, 0);border: 1px solid #dddddd;color: #5c5c5c;}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {background-color: #f6b60b;border: 1px solid #d7a00c;color: #ffffff;outline: none;}
.uk-pagination > li > a:active {background-color: #f6b60b;border: 1px solid #d7a00c;color: #ffffff;}
.uk-pagination > .uk-active > span {background: #f6b60b;border: 1px solid #d7a00c;color: #ffffff;font-size: 11px;}

/* aside */
.tf.proizvod .tm-sidebar-a .uk-panel-box-secondary.uk-panel-header h3 {padding: 0;color: #ffffff;overflow: hidden;background: transparent;box-shadow: none;margin: 0;font-size: 16px;}

/* modifier: `uk-panel-box` */
.uk-panel-box {padding: 30px;background: #ffffff;color: #62615f;overflow: hidden;border-radius: 0;box-shadow: 1px 1px 5px 0 rgba(160, 167, 169, 0.35);}
.uk-panel-box h3.uk-h4 {text-transform: uppercase;font-size: 20px;line-height: 24px;}

.uk-panel-box-hover:hover {color: #62615f;}
.uk-panel-box .uk-panel-title {color: #62615f;}
.uk-panel-box .uk-panel-badge {top: 0;right: 0;}
.uk-panel-box > .uk-panel-teaser {margin-top: -30px;margin-left: -30px;margin-right: -30px;}

/* sub-modifier: `uk-panel-box-primary' */
.uk-panel-box-primary {background-color: #f6b60b;color: #fff;background: #f6b60b;font-size: 14px;}
.uk-panel-box-primary .uk-button {background-color: #ffffff;box-shadow: 0 4px 8px 0 rgba(160, 167, 169, 0.25);color: #000000;}
.uk-panel-box-primary .uk-button:hover {background-color: #535151;box-shadow: 0 4px 8px 0 rgba(160, 167, 169, 0.75);color: #ffffff;}
.uk-panel-box-primary .uk-button:active,
.uk-panel-box-primary .uk-button:focus {background-color: #333;box-shadow: 0 4px 8px 0 rgba(160, 167, 169, 0.75);color: #ffffff;}
.uk-panel-box-primary .uk-button-primary {background-color: #3f571a;box-shadow: none;color: #ffffff;}
.uk-panel-box-primary .uk-button-primary:hover,
.uk-panel-box-primary .uk-button-primary:active,
.uk-panel-box-primary .uk-button-primary:focus {box-shadow: none;background-color: #314314;color: #ffffff;}
.uk-panel-box-primary .uk-panel-badge {color: #5b7e26;}
.uk-panel-box-primary-hover:hover {color: #62615f;}
.uk-panel-box-primary .uk-panel-title {color: #fff;text-transform: uppercase;}

/* de category */
.de-category .uk-subnav > * {-ms-flex: none;-webkit-flex: none;flex: none;padding-left: 5px;margin-top: 20px;position: relative;text-transform: uppercase;font-size: 13px;}
.de-category .uk-panel-box .uk-panel-title {color: #fff;padding-bottom: 10px;margin-bottom: 0;}
.de-category .uk-subnav > * > * {background: #535151;color: #ffffff;padding: 4px 24px;}
.de-category .uk-subnav-pill > * > * {background: #535151;color: #ffffff;padding: 4px 24px;}
.de-category .uk-subnav-pill > .uk-active > * {background: #f6b60b;color: #ffffff;}
.de-category .uk-panel-box-primary .uk-button-primary {background-color: #535151;box-shadow: none;color: #ffffff;font-size: 10px;font-size: 10px;padding: 5px 15px;line-height: 20px;min-height: 20px;}
.de-category .uk-panel-box-primary p {text-align: left;font-size: 12px;line-height: 18px;margin-top: 0;}
.de-category .uk-panel-box-primary .uk-panel-title a {color: #fff;padding-left: 0px;font-size: 14px;}
.de-category .uk-panel-box-primary a.uk-button-link {color: #333;padding-left: 15px;font-size: 10px;min-height: 30px;line-height: 30px;}
.de-category .uk-panel-box-primary a.uk-button-secondary {color: #fff;padding-left: 15px;}
.de-category .uk-panel-box-secondary .uk-button-primary {background-color: #f6b60b;box-shadow: none;color: #ffffff;font-size: 10px;font-size: 10px;padding: 5px 15px;line-height: 20px;min-height: 20px;}
.de-category .uk-panel-box-secondary p {text-align: left;font-size: 12px;line-height: 18px;margin-top: 0;}
.de-category .uk-panel-box-secondary .uk-panel-title a {color: #fff;padding-left: 0px;font-size: 14px;}
.de-category .uk-panel-box-secondary a.uk-button-link {color: #333;padding-left: 15px;font-size: 10px;min-height: 30px;line-height: 30px;}
.de-category .uk-panel-box-secondary a.uk-button-primary {color: #fff;padding-left: 15px;}
/* de category de-inner-margin - novi viljuskari */
.de-category.de-inner-margin .uk-panel-box-primary .uk-margin p {text-align: left;font-size: 12px;line-height: 18px;margin-top: 0;min-height: 75px;}
.de-category.de-inner-margin .uk-panel-box-secondary .uk-margin p {text-align: left;font-size: 12px;line-height: 18px;margin-top: 0;min-height: 75px;}
/* de category switcher modul */
.de-category.de-switcher {padding: 30px 40px;border: 5px solid #f6b60b;}
.de-category.de-switcher p {text-align: left;}

/* secondary modul */
.uk-panel-box-secondary {background-color: #535151;color: #ffffff;background-image: none;}
.uk-panel-box-secondary p {text-align: left;font-size: 14px;}
.uk-panel-box-secondary .uk-h4 {color: #fff; text-transform: uppercase;}
.uk-panel-box-secondary a {color: #fff;padding-left: 0;}
.uk-panel-box-secondary a.de-link {color: #fff;padding-left:3px;}
.uk-panel-box-secondary a:hover,
.uk-panel-box-secondary a:focus,
.uk-panel-box-secondary a.de-link:hover,
.uk-panel-box-secondary a.de-link:focus {color: #f6b60b;}

/* primary modul */
.uk-panel-box-primary {background-color: #f6b60b;color: #ffffff;background-image: none;}
.uk-panel-box-primary p {text-align: left;font-size: 14px;}
.uk-panel-box-primary .uk-h4 {color: #fff; text-transform: uppercase;}
.de-category .uk-panel-box-primary a {color: #fff;}
.uk-panel-box-primary-hover:hover {color: #ffffff;}

/* gume modifier - primary modul */
.de-category .de-primary img {margin: -25px;}
.de-category .de-secondary img {margin: -30px;}

/* modul title general */
.uk-panel-title {margin-top: 0;margin-bottom: 15px;font-size: 18px;line-height: 23px;font-weight: 400;text-transform: uppercase;color: #474538;}

/* primary button */
.uk-button-primary {background-color: #f6b60b;color: #ffffff;box-shadow: none;}
.uk-button-primary:hover,
.uk-button-primary:focus {background-color: #333;color: #ffffff;box-shadow: none;}
.uk-button-primary:active,
.uk-button-primary.uk-active {background-color: #d7a00c;color: #ffffff;box-shadow: none;}

/* table */
.table th, .table td { border-top: 0px transparent none; }
table {background: #fff; font-family: 'Source Sans Pro', sans-serif;}
.table {width:100%;background: #fff;}
.table thead tr {padding: 8px 0;}
.table thead tr th {color: white;text-decoration: none;position: relative;padding-left: 24px;padding-right: 24px;}
.table tbody tr:nth-of-type(2n+1) {background: #eeeeee;}
.table tbody tr td {padding: 8px 16px;text-align: left;font-size: 13px;}
.table-hover tbody tr:hover > td {background-color: #333;color: #fff;}
/* table alert */
.table tbody tr.de-alert {background: #333;}
.table tbody tr.de-alert td {color: white;padding: 8px 16px;text-align: left;font-size: 13px;}

/* Accent class on tables */
.table-hover tbody tr.info > td {background-color: #333;color: #fff;}

/* table image and nav */
.de-swipper-left .uk-width-medium-1-5, .de-swipper-left .uk-width-medium-2-10 {width: 20%;}
.de-swipper-left .uk-width-medium-4-5, .de-swipper-left .uk-width-medium-8-10 {width: 80%;}
.de-swipper-left .uk-nav > li > a {padding: 8px 12px; margin-bottom: 5px;text-transform: uppercase;background: #f6b60b;color: #fff;font-size: 12px;font-weight: bold;}
.de-swipper-left .uk-nav > li > a:hover,
.de-swipper-left .uk-nav > li > a:focus {background: #333;color: #fff;}
.de-swipper-left .uk-nav > li.uk-active > a {background: #333;color: #fff;}

/* .de-swipper-left table info circle */
.de-info-wrap { position: absolute; z-index: 1; height: 125px; }
.de-info-wrap .de-info { font-weight: bold; position: relative; width: 120px; height: 100px; top: 15px; left: 15px; color: #fff; background: #fb6116; border-radius: 360px; text-align: center; padding: 20px 0 0; box-shadow: 1px 1px 5px 0 rgba(160, 167, 169, 0.35); }
.de-info-wrap .de-info-lager { font-weight: bold; position: relative; width: 120px; height: 90px; top: 15px; left: 15px; color: #fff; background: #06b719; border-radius: 360px; text-align: center; padding: 30px 0 0; box-shadow: 1px 1px 5px 0 rgba(160, 169, 162, 0.35); }

/* .de-swipper-left table info */
.de-info-wrap-horizontal { position: relative; z-index: 1; height: 55px; }
.de-info-wrap-horizontal .de-info-lager-flat { font-weight: bold; position: relative; width: 100%; height: 30px; top: 0px; left: 0px; color: #fff; background: #06b719; border-radius: 5px; text-align: center; padding: 10px 0; box-shadow: 1px 1px 5px 0 rgba(160, 169, 162, 0.35); }

/* .de-swipper-left table info table */
table.table thead th.de-th1 { vertical-align: middle; }
table.table th.de-th1 {background: #333333; padding: 15px 20px;}

/* main bottom */
.tm-main-bottom {padding: 20px 0 0;}
.de-box .uk-panel-box {padding: 0;background: #ffffff;color: #000000;overflow: hidden;border-radius: 0;box-shadow: 1px 1px 5px 0 rgba(160, 167, 169, 0.35);}
.de-box .uk-panel-box .uk-panel-title {color: #000000;}

/* Modifier: 'subnav-pill' */
.uk-subnav-pill > * > * {padding: 5px 11px;background: #ffffff;color: #000000;}
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {background: #f6b60b;color: #ffffff;text-decoration: none;outline: none;}
.uk-subnav-pill > .uk-active > * {background: #f6b60b;color: #ffffff;}

/* bottom a,b */
.tm-bottom-b {padding-top: 0px; padding-bottom: 50px;}

/* bottom c,d */
.de-bottom {padding-top: 10px; padding-bottom: 10px;background: #f5f5f5;}
.tf.proizvod .de-bottom .uk-panel-header {border-radius: 0;margin: 0;}

/* donji moduli */
.tf.proizvod .uk-panel-box.uk-panel-header .uk-panel-title {background-color: #f8f9fb;border-radius: 0 0 0 0;padding: 15px 30px;margin-top: -30px;margin-bottom: 30px;margin-right: -30px;margin-left: -30px;}
.tf.proizvod .uk-panel-box-primary.uk-panel-header .uk-panel-title {background-color: #ffffff;color: #62615f;margin-bottom: 30px;}

/* slider for clients */
.de-slider {min-height: 120px;}
.de-slider .uk-h3 {text-align: center !important;font-size: 20px;text-transform: uppercase;}
.de-slider .uk-slidenav-position .uk-slidenav-previous {margin-left: -40px;}
.de-slider .uk-slidenav-position .uk-slidenav-next {margin-right: -40px;}

/* breadcrumbs */
.tm-block-breadcrumbs {background: #f6b60b;border-top: 1px solid #f6b60b;border-bottom:0px solid #ddd;margin:/*50px*/ 0 0;padding:6px 0 3px;}
.uk-breadcrumb {font-size: 0.8rem;font-weight: 400;letter-spacing: 0px;list-style: outside none none;padding: 5px 0;text-transform: uppercase;margin:0;}
.uk-breadcrumb > li {font-size: 0.8rem;vertical-align: top;}
.uk-breadcrumb .uk-active > span {color: #fff;}
.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {display: inline-block;color:#fff;}
.uk-breadcrumb > li:nth-child(n+2)::before {color: #fff;content: "||" ;display: inline-block;margin: 0 15px;}
.uk-breadcrumb a:hover, .uk-breadcrumb a:focus {color: #000;}

/* footer */
.tm-footer {background: #231f20;color: #fff;margin: 0;padding: 30px 0;}
.tm-footer a {color: #fff;}
.tm-footer a:hover {color: #f6b60b;}

/* to top scroler */
.tm-totop-scroller::before {font-size: 12px;color: #fff;}
.tm-footer {border-top: 1px solid #f6b60b;margin-top: 0px;}

/* custom hacks */
.uk-close { background: #dda30a; }
.de-img {width: 100%;}
.uk-slidenav-contrast { color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.uk-modal-dialog-lightbox > .uk-close:first-child { position: absolute; margin: 0; float: none; padding: 8px 8px 10px 10px; background: rgba(0, 0, 0, 0.5); color: #fff; }
.uk-close::after { color: #fff; }
.uk-close-alt::after { opacity: 1; }

/* ========================================================================
   Component: Form
 ========================================================================== */
/*
 * 1. Define consistent box sizing.
 *    Default is `content-box` with following exceptions set to `border-box`
 *    `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
 *    `input[type="search"]` in Chrome, Safari and Opera
 *    `input[type="color"]` in Firefox
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Correct `font` properties and `color` not being inherited.
 */
.lead-form input,
.lead-form select,
.lead-form textarea {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  color: inherit;
}
/*
 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
 */
.lead-form select {
  text-transform: none;
}
/*
 * 1. Correct `font` properties not being inherited.
 * 2. Don't inherit the `font-weight` and use `bold` instead.
 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
 */
.lead-form optgroup {
  /* 1 */
  font: inherit;
  /* 2 */
  font-weight: bold;
}
/*
 * Removes inner padding and border in Firefox 4+.
 */
.lead-form input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Removes excess padding in IE 8/9/10.
 */
.lead-form input[type="checkbox"],
.lead-form input[type="radio"] {
  padding: 0;
}
/*
 * Improves consistency of cursor style for clickable elements
 */
.lead-form input[type="checkbox"]:not(:disabled),
.lead-form input[type="radio"]:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove default style in iOS.
 */
.lead-form textarea,
.lead-form input:not([type]),
.lead-form input[type="text"],
.lead-form input[type="password"],
.lead-form input[type="email"],
.lead-form input[type="url"],
.lead-form input[type="search"],
.lead-form input[type="tel"],
.lead-form input[type="number"],
.lead-form input[type="datetime"] {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
 */
.lead-form input[type="search"]::-webkit-search-cancel-button,
.lead-form input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
.lead-form input[type="number"]::-webkit-inner-spin-button,
.lead-form input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * Define consistent border, margin, and padding.
 */
.lead-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 2. Improve readability and alignment in all browsers.
 */
.lead-form textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.lead-form ::-moz-placeholder {
  opacity: 1;
}
/*
 * Removes `box-shadow` for invalid controls in Firefox.
 */
.lead-form :invalid {
  box-shadow: none;
}
/*
 * Vertical alignment
 */
.lead-form input:not([type="radio"]):not([type="checkbox"]),
.lead-form select {
  vertical-align: middle;
}
/* Style
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.lead-form > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
 * 3. Vertical `padding` needed for `select` elements in Firefox
 * 4. Style
 */
.lead-form select,
.lead-form textarea,
.lead-form input:not([type]),
.lead-form input[type="text"],
.lead-form input[type="password"],
.lead-form input[type="datetime"],
.lead-form input[type="datetime-local"],
.lead-form input[type="date"],
.lead-form input[type="month"],
.lead-form input[type="time"],
.lead-form input[type="week"],
.lead-form input[type="number"],
.lead-form input[type="email"],
.lead-form input[type="url"],
.lead-form input[type="search"],
.lead-form input[type="tel"],
.lead-form input[type="color"] {
  /* 1 */
  height: 40px;
  /* 2 */
  max-width: 100%;
  /* 3 */
  padding: 6px 14px;
  /* 4 */
  border: 1px solid #e5e5e5;
  background: #fafafa;
  color: #62615f;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-property: border, background, color, box-shadow, padding;
  transition: all 0.2s linear;
  transition-property: border, background, color, box-shadow, padding;
  position: relative;
  border-width: 1px;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Roboto';
  -webkit-transition: box-shadow 0.12s ease-in-out;
  transition: box-shadow 0.12s ease-in-out;
}
.lead-form select:focus,
.lead-form textarea:focus,
.lead-form input:not([type]):focus,
.lead-form input[type="text"]:focus,
.lead-form input[type="password"]:focus,
.lead-form input[type="datetime"]:focus,
.lead-form input[type="datetime-local"]:focus,
.lead-form input[type="date"]:focus,
.lead-form input[type="month"]:focus,
.lead-form input[type="time"]:focus,
.lead-form input[type="week"]:focus,
.lead-form input[type="number"]:focus,
.lead-form input[type="email"]:focus,
.lead-form input[type="url"]:focus,
.lead-form input[type="search"]:focus,
.lead-form input[type="tel"]:focus,
.lead-form input[type="color"]:focus {
  border-color: #e3e3e3;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  color: #62615f;
  box-shadow: 0 2px 0 0 #62615f;
}
.lead-form select:disabled,
.lead-form textarea:disabled,
.lead-form input:not([type]):disabled,
.lead-form input[type="text"]:disabled,
.lead-form input[type="password"]:disabled,
.lead-form input[type="datetime"]:disabled,
.lead-form input[type="datetime-local"]:disabled,
.lead-form input[type="date"]:disabled,
.lead-form input[type="month"]:disabled,
.lead-form input[type="time"]:disabled,
.lead-form input[type="week"]:disabled,
.lead-form input[type="number"]:disabled,
.lead-form input[type="email"]:disabled,
.lead-form input[type="url"]:disabled,
.lead-form input[type="search"]:disabled,
.lead-form input[type="tel"]:disabled,
.lead-form input[type="color"]:disabled {
  border-color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0);
  color: #b4b4b5;
  border-width: 0 0 1px 0;
}
/*
 * Placeholder
 */
.lead-form :-ms-input-placeholder {
  color: #9a9a9c !important;
}
.lead-form ::-moz-placeholder {
  color: #9a9a9c;
}
.lead-form ::-webkit-input-placeholder {
  color: #9a9a9c;
}
.lead-form :disabled:-ms-input-placeholder {
  color: #b4b4b5 !important;
}
.lead-form :disabled::-moz-placeholder {
  color: #b4b4b5;
}
.lead-form :disabled::-webkit-input-placeholder {
  color: #b4b4b5;
}
/*
 * Legend
 * 1. Behave like block element
 * 2. Correct `color` not being inherited in IE 8/9/10/11.
 * 3. Remove padding
 * 4. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 * 5. Style
 */
.lead-form legend {
  /* 1 */
  width: 100%;
  /* 2 */
  border: 0;
  /* 3 */
  padding: 0;
  /* 4 */
  padding-bottom: 25px;
  /* 5 */
  font-size: 23px;
  line-height: 44px;
}
/*
 * 1. Fixes IE9
 */
.lead-form legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
  /* 1 */
  width: 100%;
}
/* Size modifiers
 * Higher specificity needed to override defaults
 ========================================================================== */
select.lead-form-small,
textarea.lead-form-small,
input[type].lead-form-small,
input:not([type]).lead-form-small {
  height: 25px;
  padding: 3px 3px;
  font-size: 12px;
}
select.lead-form-large,
textarea.lead-form-large,
input[type].lead-form-large,
input:not([type]).lead-form-large {
  height: 50px;
  padding: 8px 6px;
  font-size: 16px;
}
/* Reset height
 * Must be after size modifiers
 ========================================================================== */
.lead-form textarea,
.lead-form select[multiple],
.lead-form select[size] {
  height: auto;
}
/* Validation states
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Error state
 */
.lead-form-danger {
  border-color: #7e2619 !important;
  background: rgba(0, 0, 0, 0) !important;
  color: #7e2619 !important;
}
.lead-form-danger:focus {
  box-shadow: 0 2px 0 0 #7e2619 !important;
}
/*
 * Success state
 */
.lead-form-success {
  border-color: #267179 !important;
  background: rgba(0, 0, 0, 0) !important;
  color: #267179 !important;
}
.lead-form-success:focus {
  box-shadow: 0 2px 0 0 #267179 !important;
}
/* Style modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Blank form
 */
.lead-form-blank {
  border-color: transparent !important;
  border-style: dashed !important;
  background: none !important;
}
.lead-form-blank:focus {
  box-shadow: none !important;
}
.lead-form-blank:focus {
  border-color: #62615f !important;
}
/* Size sub-modifiers
 ========================================================================== */
/*
 * Fixed widths
 * Different widths for mini sized `input` and `select` elements
 */
input.lead-form-width-mini {
  width: 80px;
}
select.lead-form-width-mini {
  width: 105px;
}
.lead-form-width-small {
  width: 130px;
}
.lead-form-width-medium {
  width: 200px;
}
.lead-form-width-large {
  width: 500px;
}
/* Sub-objects: `lead-form-row`
 * Groups labels and controls in rows
 ========================================================================== */
/*
 * Micro clearfix
 * Needed for `lead-form-horizontal` modifier
 */
.lead-form-row:before,
.lead-form-row:after {
  content: "";
  display: table;
}
.lead-form-row:after {
  clear: both;
}
/*
 * Vertical gutter
 */
.lead-form-row + .lead-form-row {
  margin-top: 25px;
}
/* Help text
 * Sub-object: `lead-form-help-inline`, `lead-form-help-block`
 ========================================================================== */
.lead-form-help-inline {
  display: inline-block;
  margin: 0 0 0 10px;
}
.lead-form-help-block {
  margin: 5px 0 0 0;
}
/* Controls content
 * Sub-object: `lead-form-controls`, `lead-form-controls-condensed`
 ========================================================================== */
/*
 * Remove margins
 */
.lead-form-controls > :first-child {
  margin-top: 0;
}
.lead-form-controls > :last-child {
  margin-bottom: 0;
}
/*
 * Group controls and text into blocks with a small spacing between blocks
 */
.lead-form-controls-condensed {
  margin: 5px 0;
}
/* Modifier: `lead-form-stacked`
 * Requires sub-object: `lead-form-label`
 ========================================================================== */
.lead-form-stacked .lead-form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
/* Modifier: `lead-form-horizontal`
 * Requires sub-objects: `lead-form-label`, `lead-form-controls`
 ========================================================================== */
/* Tablet portrait and smaller */
@media (max-width: 959px) {
  /* Behave like `lead-form-stacked` */
  .lead-form-horizontal .lead-form-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .lead-form-horizontal .lead-form-label {
    width: 200px;
    margin-top: 5px;
    float: left;
  }
  .lead-form-horizontal .lead-form-controls {
    margin-left: 215px;
  }
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .lead-form-horizontal .lead-form-controls-text {
    padding-top: 5px;
  }
}
/* Sub-object: `lead-form-icon`
 ========================================================================== */
/*
 * 1. Container width fits its content
 * 2. Create position context
 * 3. Prevent `inline-block` consequences
 */
.lead-form-icon {
  /* 1 */
  display: block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
}
/*
 * 1. Make form element clickable through icon
 */
.lead-form-icon > [class*='uk-icon-'] {
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -8px;
  font-size: 15px;
  color: #dda30a;
  text-align: center;
  /* 1 */
  pointer-events: none;
  z-index: 1;
}
.lead-form-icon:not(.lead-form-icon-flip) > input {
  padding-left: 40px !important;
}
/*
 * Sub-modifier: `lead-form-icon-flip`
 */
.lead-form-icon-flip > [class*='uk-icon-'] {
  right: 0;
}
.lead-form-icon-flip > input {
  padding-right: 40px !important;
}
.lead-form select {
  padding: 5px;
  border: 1px solid #dddddd;
  box-shadow: none !important;
}

/*
 * Form / bootstrap
 */
.lead-form {
  margin: 0;
}
.lead-form label {
  display: inline-block;
  margin: 0;
  line-height: 22px;
  font-family: 'Lato';
  font-size: 15px;
  font-weight: normal;
}
.lead-form legend {
  display: inline-block;
  margin-bottom: 0;
  color: inherit;
}
.lead-form input:not([class*='lead-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.lead-form select:not([class*='lead-form-width-']):not([class*='uk-width-']),
.lead-form textarea:not([class*='lead-form-width-']):not([class*='uk-width-']) {
  width: 100%;
}
.lead-form select,
.lead-form textarea,
.lead-form input[type="text"],
.lead-form input[type="password"],
.lead-form input[type="datetime"],
.lead-form input[type="datetime-local"],
.lead-form input[type="date"],
.lead-form input[type="month"],
.lead-form input[type="time"],
.lead-form input[type="week"],
.lead-form input[type="number"],
.lead-form input[type="email"],
.lead-form input[type="url"],
.lead-form input[type="search"],
.lead-form input[type="tel"],
.lead-form input[type="color"] {
  height: auto;
  margin: 0;
  border-radius: 0;
  background: #f9f9f9;
  box-shadow: none;
  border: 1px solid #ddd;
  /* Focus state */
}
.lead-form select:focus,
.lead-form textarea:focus,
.lead-form input[type="text"]:focus,
.lead-form input[type="password"]:focus,
.lead-form input[type="datetime"]:focus,
.lead-form input[type="datetime-local"]:focus,
.lead-form input[type="date"]:focus,
.lead-form input[type="month"]:focus,
.lead-form input[type="time"]:focus,
.lead-form input[type="week"]:focus,
.lead-form input[type="number"]:focus,
.lead-form input[type="email"]:focus,
.lead-form input[type="url"]:focus,
.lead-form input[type="search"]:focus,
.lead-form input[type="tel"]:focus,
.lead-form input[type="color"]:focus {
  box-shadow: none;
}
.lead-form input[type="file"] {
  height: auto;
}
.lead-form input[type="radio"],
.lead-form input[type="checkbox"] {
  vertical-align: baseline;
}
/*
 * Utility
 */
.uk-link-reset:focus,
.uk-link-reset a:focus {
  text-decoration: none;
}
/*
 * Search
 * Define defaults because search is an addon and may not been loaded by the theme
 */
input.uk-search-field {
  /* Reset */
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: normal;
  /* Override */
  width: 40px;
  height: 35px;
  padding: 0 0 0 30px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  color: #9a9a9c;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  /* Override for themes */
  position: relative;
  z-index: 1;
  font-size: 15px;
  cursor: pointer;
}
input.uk-search-field:focus {
  /* Reset */
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  /* Override */
  outline: 0;
  /* Override for themes */
}
.uk-offcanvas input.uk-search-field {
  /* Override */
  width: 100%;
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
  color: #9a9a9c;
  /* Override for themes */
}
/*
 * Button state for leads
 */
.lead-form .btn {background: #f6b60b;border-color: #ffffff;color: #ffffff;font-size: 0.8em !important;line-height: 22px;padding: 5px 26px;border-radius: 0;margin-bottom: 5px;}
.lead-form .btn:hover, 
.lead-form .btn:focus {background: #dda30a;border-color: #ffffff;color: #ffffff;}
/* Form info */
.lead-form .info-text {padding-bottom: 0;line-height: 14px;}
.lead-form .info-text small {font-weight: 300;font-size: 70%;line-height: 0.7;color: #9a9a9c;text-transform: uppercase;}
/* Form error */
.lead-form .error {background-color: #cf4928;border-radius: 0;color: #ffffff;padding: 5px 35px;}
/* Form success */
.lead-info .uk-alert {background: #ffffff;border-radius: 0;color: #5c5c5c;margin-bottom: 25px;padding: 35px 55px;}
.lead-info .uk-alert:not(.uk-alert-large) {font-family: "Roboto",Helvetica,Arial,sans-serif;font-size: 15px;letter-spacing: 0px;line-height: 20px;text-transform: none;font-weight: 300;}
.lead-info .uk-alert-success {background: #ffffff;color: #5c5c5c;text-shadow: none;}
.lead-info .uk-alert-success p span {font-weight: 400;}
.lead-info .uk-alert h3 {font-size: 20px;line-height: 30px;font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: normal;margin: 0 0 25px;text-transform: uppercase;}

/* custom uk-panel-box */
.de-panel-box {padding: 0px;background: transparent;overflow: hidden;border:0px solid #dda30a;box-shadow: none;max-width: 495px;margin-left: auto;margin-right: auto;}
.de-panel-box .de-line {height: 40px;width: auto;box-shadow: 0 0 12px 0px rgba(160, 167, 169, 0.7);display: flex; text-align: center;background: #f6b60b; max-width: 470px;}
.de-panel-box .de-image {padding: 7px 14px;display: inline-block;background: #f6b60b;width: 40px;height: 26px;}
.de-panel-box .de-image img {height: 26px;width: auto;}
.de-panel-box .de-button {display: inline-block;width: auto;}
.de-panel-box .uk-button-primary {background-color: #333;color: #ffffff;box-shadow: none;padding: 0 20px;font-weight: 400;max-height: 40px;}
.de-panel-box .uk-button-primary:hover, 
.de-panel-box .uk-button-primary:focus {background-color: #eaebeb;color: #a48718;box-shadow: none;}
.de-panel-box .de-panel-info {display: inline-block;width: 45px;height: 40px;background-color: #f6b60b;color: #fff;}
.de-panel-box .de-panel-info i.uk-icon-info-circle {padding: 12px 18px;}

/* Uk modal */
.uk-modal-header {margin-bottom: 15px;margin: -20px -20px 15px -20px;padding: 20px;border-bottom: 1px solid #E5E5E5;border-radius: 4px 4px 0 0;background: #fafafa;}
.uk-modal-footer {margin-top: 15px;margin: 15px -20px -20px -20px;padding: 20px;border-top: 1px solid #E5E5E5;border-radius: 0 0 4px 4px;background: #fafafa;}
/* CRM form */
.de-form-box {padding: 30px 0 10px;background: transparent;overflow: hidden;border:1px solid #f6b60b;box-shadow: none;margin-left: auto;margin-right: auto;}

/* Table Polovni Viljuskari features */
.de-table-features .de-line { height: 40px; text-align: center; background: #333; line-height: 40px; color: #fff; }

/* Fixed off-canvas for Windows phones */
@-ms-viewport {width: auto;}

/* responsive */
@media (max-width:1650px) {
}
@media (max-width:1440px) {
}
@media (min-width:1220px) {
	.uk-container {max-width: 1260px;padding: 0 30px;}
	.lead-form .uk-grid {margin-top: 20px;}
	.lead-form .uk-grid + .uk-grid {margin-top: 20px;}
	.lead-form .uk-grid-margin {margin-top: 20px;}
}
@media (min-width:960px) and (max-width:1219px) {
}
@media (min-width:768px) and (max-width:959px) {
}
@media (min-width:960px) {
}
@media (min-width:768px) {
}
@media (min-width:480px) {
	.lead-form .uk-grid {margin-top: 20px;}
	.lead-form .uk-grid + .uk-grid {margin-top: 20px;}
	.lead-form .uk-grid-margin {margin-top: 20px;}
}
@media (max-width:1370px) {
}
@media (max-width:1247px) {
	.de-panel-box .uk-button-primary {font-size: 12px;line-height: 12px;padding: 0 34px;}
}
@media (max-width:1220px) {
	.de-panel-box .uk-button-primary {font-size: 11px;line-height: 11px;padding: 0 34px;}
}
@media (max-width:1140px) {
	.uk-sticky-placeholder .tm-navbar a.tm-logo{width:200px;}
	.uk-sticky-placeholder .tm-navbar a.tm-logo img {width:200px;height:40px;}
	.uk-sticky-placeholder .tm-navbar .uk-navbar-nav > li > a {padding: 0 10px;}
	.uk-sticky-placeholder .tm-navbar.uk-active a.tm-logo {width: 200px;}
	.uk-sticky-placeholder .tm-navbar.uk-active a.tm-logo img {width: 200px;height: 40px;}
	.uk-sticky-placeholder .tm-navbar.uk-active .tm-headerbar {position: relative;min-height: 40px;}
	.uk-sticky-placeholder .tm-navbar .tm-logo {margin-right: 30px;}
	.uk-sticky-placeholder .tm-navbar.uk-active .uk-navbar-nav > li > a {padding: 0 10px;}
	.uk-sticky-placeholder .tm-navbar .tm-iso-mark {margin-left: 10px;}
}
@media (max-width:959px) {
	.uk-sticky-placeholder .tm-navbar .uk-navbar-nav > li > a {padding: 0 8px;}
	.uk-sticky-placeholder .tm-navbar.uk-active .uk-navbar-nav > li > a {padding: 0 8px;}
	.de-swipper-left .uk-width-medium-1-5, .de-swipper-left .uk-width-medium-2-10 {width: 20%;}
	.de-swipper-left .uk-width-medium-4-5, .de-swipper-left .uk-width-medium-8-10 {width: 80%;}
	.de-panel-box .de-image img {height: 26px;width: auto;}
	.de-panel-box .uk-button-primary {font-size: 10px;line-height: 10px;}
}
@media (max-width:767px) {
	.tf.proizvod .uk-article-title {font-size: 26px;line-height: 32px;font-weight: 300;text-align: left;text-transform: uppercase;margin-bottom: 0;border-bottom: 0 none transparent;}
	.tf.proizvod .uk-article-title .de-background {background: transparent;padding: 0;display: inline-flex;font-size: 20px;position: relative;font-size: 20px;line-height: 30px;color: #000;min-width: 100px;}
	.tf.proizvod .uk-article-title .de-background:after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0;border-color: transparent; transparent transparent transparent;}
	.tf.proizvod .uk-panel .uk-h5 {font-size: 12px;line-height: 20px;background: transparent;color: #000;padding: 5px 22px;width: auto;position: relative;text-transform: uppercase;}
	.tf.proizvod .uk-panel .uk-h5:after {content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0;border-color: transparent transparent transparent transparent;}
	.de-swipper-left .uk-width-medium-1-5, .de-swipper-left .uk-width-medium-2-10 {width: 100%;}
	.de-swipper-left .uk-width-medium-4-5, .de-swipper-left .uk-width-medium-8-10 {width: 100%;}
	.de-category .uk-subnav > * {margin-top: 5px;}
	.de-category .uk-subnav-pill > * > * {width: auto;}
	.de-category.de-switcher {padding: 0;border: 0 none transparent;}
	.de-box .uk-panel-box {padding: 0;background: #fff;color: #000000;overflow: hidden;border-radius: 0;box-shadow: none;}
	.uk-text-large {font-size: 14px;line-height: 20px;font-weight: 400;text-align: left;}
	.de-panel-box .uk-button-primary {font-size: 12px;line-height: 12px;}
	/* gume modifier - primary modul */
	.de-category .de-primary img {margin: 0px;}
	.de-category .de-secondary img {margin: 0px;}
}
@media (max-width:480px) {
	.tm-logo-small {padding: 0 5px;}
	.uk-sticky-placeholder .tm-navbar .tm-iso-mark img.uk-responsive-height {max-height: 100%;width: auto;height: auto;}
	.de-panel-box .uk-button-primary {font-size: 9px;line-height: 10px;}
	.lead-form .info-text {padding-bottom: 20px;line-height: 14px;}
}
@media (max-width:360px) {
}