@import url('https://fonts.googleapis.com/css?family=Miriam+Libre:400,700|Nunito:400,400i,700,700i&subset=latin-ext');
* {
  margin:0;
  box-sizing: border-box;
}

#top_warning {
  display:none;
  background:#ffcc00;
  padding:10px;
  color:#333;
  text-align:center;
  font-size:10pt;
}

#top_warning a, #top_warning a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#333;
}

body {
    color:#333B56;
    font-family: "Nunito",sans-serif;
    font-weight:400;
    font-size: 12pt;
    line-height: 130%;
    margin: 0;
}

p {
  margin:10px 0px;
  line-height: 150%;
}

hr {
  border:none;
  border-top:1px solid #E0E1E6;
}

a[href*=".pdf"] {
  display:inline-block;
  padding:7px 14px 7px 35px;
  background:url(pdf.png) 7px center no-repeat #1F222E;
  color:#fff;
  text-decoration:none;
}

a[href*=".doc"], a[href*=".docx"] {
  display:inline-block;
  padding:7px 14px 7px 35px;
  background:url(doc.png) 7px center no-repeat #1F222E;
  color:#fff;
  text-decoration:none;
}

a[href*=".xls"], a[href*=".xlsx"] {
  display:inline-block;
  padding:7px 14px 7px 35px;
  background:url(xls.png) 7px center no-repeat #1F222E;
  color:#fff;
  text-decoration:none;
}

a[href*=".ppt"], a[href*=".pptx"] {
  display:inline-block;
  padding:7px 14px 7px 35px;
  background:url(ppt.png) 7px center no-repeat #1F222E;
  color:#fff;
  text-decoration:none;
}

a[href*=".pdf"]:hover, a[href*=".doc"]:hover, a[href*=".docx"]:hover, a[href*=".xls"]:hover, a[href*=".xlsx"]:hover, a[href*=".ppt"]:hover, a[href*=".pptx"]:hover {
  background-color:#87C6E8;
  color:#fff;
}

#news_page {
  display:flex;
}

#userlinks {
  padding:10px;
  border-bottom:1px solid #e9e9e9;
  text-align:right;
  display:none;
}

#social {
  float:none;
  display:block;
  right:0px !important;
  position:relative !important;
  text-align:center;
  padding:0px;
}

#cookieWarning {
  bottom:0px;
  text-align:center;
  background:rgba(0,0,0,0.8);
  color:#fff;
  padding:0px;
  width:100%;
}
#cookieWarning p {
  padding:0px;
  font-size:10pt;
}
#welcome {
  color:#fff;
  background:rgba(46, 69, 86, 1);
  padding:30px 20px;
  margin-bottom:40px;
}
#welcome h1, #welcome h2, #welcome h3, #welcome h4, #welcome h5, #welcome h6, #welcome a {
  color:#fff;
}
.sep {
  margin:0px 10px;
  color:#9FD2ED;
}
#homeHeader {
  height:600px;
  display:block;
  position:relative;
  overflow:hidden;
}
#homeHeaderImg {
  background:url(home_bg.jpg) center center no-repeat #E7E6E3;
  background-size:cover;
/*  animation: home_bg ease 60000ms alternate; */
  height:600px;
}

@keyframes home_bg {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }

}

h1, h2, h3, h4, h5, h6 {
  margin:20px 0px;
  font-family: 'Miriam Libre', sans-serif;
  font-weight:normal;
  color:#333B56;
}
h1 {
  font-size:28pt;
  letter-spacing:-1px;
  margin-bottom:30px;
  line-height:100%;
  text-transform:uppercase;
  font-weight:bold;
}
h2 {
  font-size:22pt;
  letter-spacing:-1px;
  line-height:120%;
}
h3 {
  font-size:16pt;
  line-height:120%;
  letter-spacing:-0.5px;
}
h5 {
  font-weight:bold;
}
a {
  color:#333B56;
}
a:hover {
  color:#FF9900;
}
#menu {
  background:#1F222E;
  height:59px;
}
.container {
  width:990px;
  margin:auto;
  position:relative;
}

#container {
  display: block;
  position:relative;
  width:100%;
  min-width:240px;
  max-width:980px;
  margin:auto;
}
#header {
  display:block;
  position:relative;
  height:100px;
}
#header #logo {
  position:absolute;
  top:15px;
  left:0px;
}
#logo img {
  height:70px;
  padding:10px 20px;
}

#searchBox {
  position:absolute;
  right:0px;
  top:15px;
  width:300px;
}

#searchBox h3 {
  display:none;
}

#userLinks {
  position:absolute;
  top:24px;
  right:30px;
  font-weight:bold;
  font-size:10.5pt;
  width:500px;
  text-align:right;
  font-family: 'Miriam Libre', sans-serif;
}
#userBox {
  position:relative;
  display:inline-block;
  font-size:10.5pt;
  background:url(user.png) left center no-repeat;
  background-size:20px;
  padding-left:22px;
  letter-spacing: -0.3px;
  font-family: 'Nunito', sans-serif;
}
#userBox a {
  text-decoration:none;
  display:inline-block;
  margin-right:20px;
}
#userBox a:hover, #cartLink:hover {
  text-decoration:none;
  color:#FF9900;
}
.clr {
  clear:both;
}
#main-menu {
  font-size:13.5pt;
  font-family: 'Miriam Libre', sans-serif;
  font-weight:400;
  letter-spacing:-0.5px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
}
#logos {
  background:#EFF3F5;
  padding:30px 20px;
  text-align:center;
}
#filtriranje {
  padding:10px 20px;
  font-size:9.5pt;
  margin:-20px 0px 30px -30px;
  background:#D9D9D9;
}
#filtriranje:empty {
  display:none;
}
#filtriranje select, #filtriranje input {
  padding:2px;
  margin:0px 10px 0px 5px;
  font-size:9.5pt;
}
#filtriranje select {
  border:1px solid #ddd;
}
#filtriranje input {
  color:#fff;
  background:#333B56;
  text-transform:uppercase;
}
#filtriranje input:hover {
  background:#9FD2ED;
}
#pageShadow #social {
  right:10px;
}
#legal {
  font-size:9.5pt;
  position:relative;
  clear:both;
  margin:0;
  padding:10px;
}
#legal p {
  text-align:left;
}
#legal a {
  font-size:9.5pt;
  font-weight:bold;
  text-decoration:none;
}
#home_bg {
  position:relative;
  width:100%;
  background:url(home_bg.jpg) top center no-repeat;
}
#user {
  margin-right:15px;
  display:inline-block;
}
#user-login {
  display:block;
  position:absolute;
  top:470px;
  left:20px;
  width:520px;
}
#user-login h3 {
  font-size:18pt;
  font-weight:bold;
  margin-bottom:10px;
  letter-spacing:-0.5px;
}
#user-login div {
  position:absolute;
  top:22px;
  right:55px;
  font-family: 'Miriam Libre', sans-serif;
  font-size:9.5pt;
  color:#D9D9D9;
}
#user-login div .sep {
  margin:0px 10px;
}
#user-login div a {
  text-decoration:none;
}
#user-login input {
  padding:10px;
  border:1px solid #DDE2E6;
  background:#EAEDEF !important;
  font-size:12pt;
  width:210px;
}
#user-login input[type=submit] {
  border:none;
  background:url(lock.png) center center no-repeat transparent !important;
  width:40px;
  transition:ease 500ms;
  cursor:pointer;
  box-shadow:none;
}
#user-login input[type=submit]:hover {
  background:url(lock_hover.png) center center no-repeat transparent !important;
  transition:ease 500ms;
}

#social {
  position:relative;
  float:right;
}
#social a {
  cursor:pointer;
  margin:0px 5px;
}

.homeIntro {
  padding:20px 0px 0px 0px;
  border-bottom:1px solid #ddd
}
.homeIntro td:nth-of-type(odd) {
  width:300px;
}
.homeIntro td:nth-of-type(even) {
  width:45px;
}
#blog_entries {
  background:url(separator.jpg) bottom center no-repeat;
  padding:0px 30px 50px 30px;
  width:930px;
}
.homeTable {
  margin-top:0px;
}
.homeTable h1 {
  font-size: 22pt;
  letter-spacing: -1px;
  line-height: 120%;
  display:none;
}
.homeTable ul {
  list-style-type:none;
  padding:0;
}
.homeTable li a {
  display:flex;
  align-items: center;
  justify-content: center;
  text-align:center;
  font-size:18pt;
  color:#fff;
  text-decoration:none;
  font-family:'Miriam Libre',serif;
  float:left;
  height:84px;
  width:310px;
  margin-bottom:30px;
  background:#323543;
  background-position:center top;
  transition:500ms ease;
  border:10px solid #fff;
}
.homeTable li:first-of-type a {
  width:310px;
  height:312px;
  background:url('box_radio.jpg') center center #323543;
  background-position:center top;
  margin-right:30px;
  font-size:24pt;
}

.homeTable li:nth-of-type(2) a {
  width:310px;
  height:312px;
  background:url('box_geo.jpg') center center #323543;
  background-position:center top;
  margin-right:30px;
  font-size:24pt;
}

.homeTable li:nth-of-type(3) a {
  width:310px;
  height:312px;
  background:url('box_sprejevi.jpg') center center #323543;
  background-position:center top;
  font-size:24pt;
}

.homeTable li:nth-of-type(1) a:before {
  content: "";
  display: block;
  background: url('radio.svg') no-repeat left center;
  width: 36px;
  height: 32px;
  float: left;
  transition: ease 400ms;
}

.homeTable li:nth-of-type(2) a:before {
  content: "";
  display: block;
  background: url('geo.svg') no-repeat left center;
  width: 36px;
  height: 32px;
  float: left;
  transition: ease 400ms;
}

.homeTable li:nth-of-type(3) a:before {
  content: "";
  display: block;
  background: url('spray.svg') no-repeat left center;
  width: 36px;
  height: 32px;
  float: left;
  transition: ease 400ms;
}

.homeTable li:nth-of-type(4) a:before {
  content: "";
  display: block;
  background: url('drone.svg') no-repeat left center;
  width: 36px;
  height: 32px;
  float: left;
  transition: ease 400ms;
}

.homeTable li:nth-of-type(5) a:before {
  content: "";
  display: block;
  background: url('drone.svg') no-repeat left center;
  width: 36px;
  height: 32px;
  float: left;
  transition: ease 400ms;
}

.homeTable li:first-of-type a:hover {
  background-color:#257ABB;
  background-image:url('radio-a.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:300px 600px;
  background-blend-mode: overlay;
}
.homeTable li:nth-of-type(2) a:hover {
  background-color:#FF9900;
  background-image:url('geo-a.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:300px 600px;
  background-blend-mode: overlay;
}
.homeTable li:nth-of-type(3) a:hover {
  background-color:#00C767;
  background-image:url('spray-a.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:300px 600px;
  background-blend-mode: overlay;
}
.homeTable li:nth-of-type(4) a:hover {
  background-color:#802DB4;
  background-image:url('drone-a.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:150px;
  background-blend-mode: overlay;
}
.homeTable li:nth-of-type(5) a:hover {
  background-color:#B53B25;
  background-image:url('radio-a.svg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:150px;
  background-blend-mode: overlay;
}

.homeTable li a:hover:before {
  width:0px;
}

.homeTable li a:hover {
  background:#21232C;
}
.homeTable li:last-of-type {
  z-index:100;
}
.homeTable td {
  width:210px;
  padding:10px;
  text-align:center;
  vertical-align:top;
}
.homeTable td img {
  border:10px solid #333B56;
}
.homeTable td a {
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
  text-decoration:none;
}
.homeTable td a:hover img {
  border-color:#9FD2ED;
}
#lead {
  position:absolute;
  top:468px;
  right:0px;
  width:400px;
}
#lead h2 {
  margin-bottom:-10px;
  letter-spacing:-1px;
}
.blog_entry {
  display:inline-block;
}
#blog_entries a {
  display:inline-block;
  width:440px;
  padding:2px 40px 2px 14px;
  background:url(bullet.png) left 8px no-repeat;
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
  text-decoration:none;
}
#blog_entries a:nth-of-type(n+1) {
  padding:2px 0px 2px 14px;
}
#news {
  padding:0px 0px 50px 0px;
  position:relative;
}
#news h2 {
  margin-bottom:20px;
}
.news_intro_page {
  clear:both;
  display:block;
  position:relative;
  padding:10px 0px;
  width:480px;
}
.news_intro_page p {
  font-size:10.2pt;
}
#news_text {
  padding-bottom:20px;
}
#news_text h4, #blog_text h4 {
  margin-bottom:-10px;
}
label {
  display:inline-block;
  width:150px;
  min-width:150px;
  max-width:150px;
}
form div {
  margin:5px 0px;
  clear:both;
}

#news_text blockquote {
  border:none !important;
}
#news_text img {
  max-width:100% !important;
}

#home_news {
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news_intro {
  width:310px;
  min-width:310px;
  overflow:hidden;
  margin-bottom:30px;
  border-top:5px solid #1F222E;
}
.news_intro h3 {
  font-size:15pt;
  margin:10px 0px;
  padding:10px 20px 0px 20px;
}
.news_intro_page h3 {
  font-size:14pt;
  margin:0px;
  margin-top:-5px;
  width:680px;
  padding:10px 20px 0px 20px;
}
.news_intro:hover {
  border-top:5px solid #FF9900;
  background:#F4F5F6;
}
.news_intro p, .news_intro_page p {
  margin-top:10px;
  padding:0px 20px;
}
.news_intro img {
  max-width:310px;
  max-height:190px;
}
.news_thumb {
  display:block;
  background:#fff;
  text-align:center;
}

.news_intro_page img {
  float:left;
  margin-right:15px;
}
.news_intro_page img {
  width:200px;
}
.news_intro a.readmore {
}
#news-archive-link a, #featured_courses a {
  position:absolute;
  bottom:0px;
  right:20px;
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
  text-decoration:none;
  font-weight:bold;
  padding:5px 15px;
  background:#E5E9EB;
  box-shadow:0px 1px 10px rgba(83, 94, 106, 0.1);
  transition:ease 300ms;
}
#news-archive-link a {
  bottom:-20px;
}

#news-archive-link a:hover, #featured_courses a:hover {
  color:#fff;
  background:#333333;
  transition:ease 300ms;
}
#news-archive #newsArchiveList {
  list-style-type:none;
  margin-left:-40px;
  margin-top:-10px;
}
#news-archive li:nth-of-type(1n+9) {display: none;}
#news-archive #newsArchiveList a {
  font-size:10pt;
  display:block;
  padding:10px 0px;
  border-bottom:1px solid #D9D9D9;
}
#featured_courses h3 a:hover {
  background:none;
  color:#9FD2ED;
}

#content {
  display:block;
  position:relative;
  width:100%;
  min-height:300px;
  padding-top:20px;
}
#footer {
  display:block;
  position:relative;
  padding:20px;
  background:#1F222E;
  color:#fff;
}
#footer strong {
  font-family:'Miriam Libre',serif;
  font-size:16pt;
  font-weight:normal;
}
#footer span {
  font-weight:300;
  font-size:11pt;
}
#footer em {
  margin-left:15px;
  margin-right:5px;
  color:#FF9900;
  font-style: normal;
}

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

#productMainImage {
}
#productMainImage img {
  max-width:400px;
  max-height:400px;
  padding:0px;
}
#productDescription {
  padding:0px;
  width:535px;
  margin-right:-20px;
}
#productGallery {
  padding:0px;
  margin-left:-5px;
}
#productGallery img {
  max-width:60px;
  max-height:60px;
  border:1px solid #ddd;
  padding:5px;
}
#productGallery .productPhoto {
  margin:10px 10px 0px 0px !important;
  text-align:center;
  overflow:hidden;
  padding:0px;
  height:70px;
  width:70px;
  background:#fff;
  display:inline-block;
}
#productGallery .photo {
  display:table-cell;
  vertical-align:middle;
  height:55px;
  width:55px;
}
.productPrice {
  clear:both;
  display:block;
  padding:10px 0px 15px 0px;
}
.priceTag {
  font-size:18px;
}
.priceNormal {
  text-decoration: line-through;
}
#header_webshop {
  background:#10CC3F;
  color:#fff;
  font-size:20px;
  padding:20px;
}
#listCategories {
  margin-left:-40px;
  margin-top:-30px !important;
  width:240px;
}
#listCategories, #listCategories ul {
  list-style-type:none;
}
#listCategories ul {
  margin-left:-30px;
  display:none;
}
#listCategories ul li ul {
  margin-left:-30px;
  display:none;
}
#listCategories a {
  display:block;
  padding:8px;
  border-bottom:1px solid #999;
}
#listCategories .toggle {
  cursor:pointer;
  font-size:10.2pt !important;
}
#listCategories .toggle {
  background-image:url('submenu.png') !important;
  background-position:200px center !important;
  background-repeat:no-repeat !important;
}
#listCategories a.toggle {
  padding-right:30px !important;
}
#listCategories>li.subMenu>.toggle {
  background-image:none !important;
}
#listCategories>li.subMenu>.toggle:hover {
  background-color:#1F222E !important;
  color:#fff;
}

#listCategories>li.subMenu>.toggle.active {
  background:#EAEEF0 !important;
  color:#333 !important;
}
.productCategory {
  background-color:#848A9A !important;
  color:#fff !important;
}

a.toggle[onclick*="list-24"], #listCategories>li.subMenu>a.toggle.active[onclick*="list-24"] {
  background:#FF9900 !important;
  color:#fff !important;
}
a.toggle[onclick*="list-29"], #listCategories>li.subMenu>a.toggle.active[onclick*="list-29"] {
  background:#FF9900 !important;
  color:#fff !important;
}

#left li.subMenu a {
  font-size:12pt !important;
  color:#333B56;
  border-bottom:1px solid #fff !important;
  background:#E6EFF4;
}
#left li.subMenu a:hover {
  color:#333;
}
#contactForm label {
  display:inline-block;
  width:80px;
  margin-right:5px;
  text-align:right;
}
#contactForm label:before {
  content: '\A';
  white-space: pre;
}
#contactForm input[type=text] {
  width:200px;
}
#contactForm textarea {
  display:inline-block;
  margin:5px 0px 5px 85px;
  width:198px;
  font-family:'Nunito',sans-serif;
}
#contactForm input[type=submit] {
  display:inline-block;
  float:right;
  border:none;
}
#cart {
  width:100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#cart thead td {
  background:#fff !important;
  border-bottom:3px solid #D9D9D9 !important;
}
#cart thead td:last-of-type {
  text-align:right !important;
}
#cart td {
  background:#fff;
  padding:6px 8px;
  border-bottom:1px solid #D9D9D9;
}
#cart tr:last-of-type td {
  background:transparent;
  padding:6px 8px;
  border:none;
  font-weight:bold;
}
#itemsInCart {
  display:inline-block;
  font-weight:bold;
  background:#fff;
  border-radius:30px;
  color:#555;
  width:20px;
  height:12px;
  text-align:center;
  margin-left:5px;
  font-size:10.5pt;
}
#cartLink {
  text-decoration:none;
  position:relative;
  display:inline-block;
  font-family: 'Nunito', sans-serif;
  font-size:10.5pt;
  margin-right:20px;
  background:url(cart.png) left center no-repeat;
  background-size:20px;
  padding-left:25px;
  letter-spacing:-0.35px;
}
#cartTotalText {
  background:transparent !important;
  border-bottom:none !important;
  font-weight:bold;
}
#cartTotal {
  text-align: right;
  font-weight:bold;
  font-size:16px;
  background:#9FD2ED !important;
  color:#fff;
  min-width:80px;
}
.cartSubtotal {
  text-align: right;
}
.cartQuantity {
  width:40px;
}
.cartQuantity input {
  background:#E8EBED;
  border:none;
  padding:4px;
  width:40px;
  text-align:center;
}
.addToCart a {
  display:inline-block;
  background:#444444;
  color:#fff;
  padding:5px 10px;
  text-decoration:none;
  font-family: 'Miriam Libre', sans-serif;
  font-size:12pt;
  transition: ease 300ms;
}
.currentlyUnavailable {
  display:inline-block;
  background:#ECEEEE;
  color:#333;
  padding:5px 10px;
  text-decoration:none;
  font-family: 'Miriam Libre', sans-serif;
  font-size:12pt;
}
.addToCart a:hover {
  background:#9FD2ED;
  transition: ease 300ms;
}
#recommendedProducts {
  padding:20px 0px;
  margin-left:-20px;
}
#recommendedProducts h3 {
  clear:both;
  border-bottom:1px solid #D4DADE;
  padding-bottom:4px;
  padding-top:30px;
  margin-left:20px;
  font-size:20px;
}
.addToCartButton {
  display:inline-block;
  background:#444444;
  color:#fff !important;
  padding:10px;
  text-decoration:none !important;
  box-shadow:1px 1px 0px 1px rgba(0,0,0,0.1);
  transition: ease 300ms;
}
.addToCartButton:hover {
  background:#9FD2ED;
  transition: ease 300ms;
}
.recommendedProduct {
  display:inline-block;
  padding:10px 10px 10px 10px;
  text-align:center;
  width:160px;
  vertical-align:top;
  font-family: 'Miriam Libre', sans-serif;
  font-size:14px;
}
.recommendedProduct .priceTag {
  display:block;
  font-size:14px;
  margin:5px 0px 0px 0px;
}
.recommendedProduct .imgContainer {
  width:140px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:155px;
  padding-bottom:5px;
}
.recommendedProduct img {
  max-width:140px;
  max-height:150px;
  border:none;
  padding:0px;
}
.recommendedProduct a {
  text-decoration:none;
  color:#444;
}
.recommendedProduct a:hover {
  text-decoration:underline;
}
.recommendedProduct .priceNormal {
  font-size:9pt;
}
#productPages {
  text-align:center;
  margin:20px 0;
}

#productPages a {
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
  text-decoration:none;
  padding:5px 15px;
  background:#E5E9EB;
  border:1px solid #DADFE2;
  box-shadow:0px 1px 10px rgba(83, 94, 106, 0.1);
  transition:ease 300ms;
}
#productPages a:hover {
  color:#fff;
  background:#333333;
  transition:ease 300ms;
}
#currentPage {
  margin:0px 10px;
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
}

#webshopHome {
  display:block;
  margin:0px -20px;
}
.categoryName {
  font-size:11px;
  font-weight:normal;
  font-family:'Arial',sans-serif;
  text-transform:uppercase;
  line-height:120% !important;
  display:inline-block;
}
#coupon {
  background:#fff;
  border:1px solid #D9D9D9;
  padding:4px;
  width:200px;
  text-align:center;
  margin-left:10px;
}
#invalidCoupon {
  display:inline-block;
  color:#9FD2ED;
  margin-left:10px;
}
#subtotalText {
  background:transparent !important;
  border-top:2px solid #555 !important;
  border-bottom:none !important;
  font-weight:bold;
}
#subtotalValue {
  border-top:2px solid #555 !important;
}
#discountText {
  background:transparent !important;
  border:none !important;
  font-weight:bold;
}
#breadcrumbs {
  height:10px;
  background:#D9D9D9;
  background-image: linear-gradient(to bottom, #C8D0D5, #D3DADE)
}

#left {
  float:left;
  width:190px;
  position:relative;
  padding:30px 20px 20px 0px;

}
#left ul {
  margin:0 0 0 -40px;
  list-style-type:none;
}
#left li a {
  display:block;
  padding:7px 0px;
  font-family: 'Miriam Libre', sans-serif;
  text-decoration:none;
  font-size:11pt;
  transition:ease 500ms;
  color:#333B56;
}
#left li:first-of-type a {
  border-top:none;
}
#left li a:hover {
  transition:ease 500ms;
  color:#9FD2ED;
}
#right {
  float:right;
  width:770px;
  padding:20px 20px 30px 30px;
  min-height:400px;
}
#right p img[style*="float:left"] {
  padding:0px 15px 10px 0px;
  max-width:720px;
}
#right p img[style*="float:right"] {
  padding:0px 0px 15px 10px;
}
#right .news {
  margin-bottom:10px;
  padding:10px 0px;
  border-bottom:1px solid #D4DADE;
}
#right .news img {
  float:left;
  margin-right:20px;
  border-radius:4px;
}
#right .news h3 {
  margin-top:0px;
}
#right .news h3:hover {
  color:#9FD2ED;
}
#poll {
  padding:20px 20px;
  position:relative;
}
#poll .question {
  font-family: 'Miriam Libre', serif !important;
  font-weight:bold;
  font-size:10.5pt;
}
#poll .answer {
  display:block;
  margin-bottom:10px;
}
#poll input[type=submit] {
  margin-top:10px;
  background:#fff;
}
input[type=text], input[type=date], select, textarea {
  padding:5px 15px;
  background:#fff;
  border:1px solid #87C6E8;
  font-family:'Arial',sans-serif;
}
input[type=button], input[type=submit], input[type=email], input[type=password] {
  font-family: 'Miriam Libre', sans-serif;
  font-size:10.5pt;
  text-decoration:none;
  padding:5px 15px;
  color:#fff;
  background:#87C6E8;
  border:1px solid #7EC2E7;
  transition:ease 300ms;
}
input[type=checkbox] {
  margin-right:5px;
}

#poll input[type=submit] {
  background:#87C6E8;
  border:none;
}
input[type=button]:hover, input[type=submit]:hover, #poll input[type=submit]:hover {
  color:#fff;
  background:#333333;
  transition:ease 300ms;
}
#contactForm {
  width:350px;
  text-align:left;
}
#contactForm label, #right #loginForm label {
  width:70px !important;
  text-align:left;
  display:inline-block;
}
#right #customer label {
  width:140px !important;
  text-align:left;
  display:inline-block;
}
#right #customer div {
  padding:2px 0px;
}
#right #customer input[type=submit] {
  margin-left:140px;
}

#right #loginForm {
  background:url(login_bg.png) 490px 20px no-repeat;
  min-height:200px;
}

#right #loginForm div {
  padding:5px 0px;
}
#right #loginForm label[for=newsletter], #right #loginForm a {
  width:auto !important;
  margin-left:75px;
}
#contactForm input[type=text], #contactForm textarea, #right #loginForm input[type=text], #right #loginForm input[type=email], #right #loginForm input[type=password], #right #customer input[type=text] {
  padding:8px 10px;
  width:350px !important;
}
#right #loginForm input[type=submit] {
  position:absolute;
  right:270px;
}

#contactForm textarea {
  width:350px;
  height:250px;
  margin:20px 0px;
}
#sendMessage {
  clear:both;
}
#contactForm div {
  float:none !important;
  display:inline-block;
  margin-top:0px;
}
#contactForm div label {
  display:none;
}

#searchResultsList {
  min-height:200px;
  background:url(search_bg.png) top right no-repeat;
}
#searchResultsList li {
  padding:2px 0px;
}
#searchResultsList a {
  text-decoration:none;
}
#blogComments {
  padding-top:10px;
}
.likeFlag {
  float:right;
  margin-right:5px;
}
.likeFlag a {
  text-decoration:none;
}
.likeComment {
  margin-left:20px;
  padding-left:15px;
  background:url(like.png) top left no-repeat;
}
.flagComment {
  margin-left:25px;
  padding-left:14px;
  background:url(flag.png) center left no-repeat;
}

#blogComment textarea {
  width:460px;
  height:100px;
  display:block;
  padding:10px;
  margin:10px 0px;
}
.commentInfo {
  padding:5px 3px;
  font-size:8pt;
  margin-top:8px;
}
.commentAuthor, .commentTimestamp {
  font-weight:bold;
  margin:0px 5px;
}
.commentText {

  background:#EBEEF0;
  padding:10px 8px 10px 8px;
  font-size:9.4pt;
  margin-bottom:8px;
}
#blogComments h3 {
  margin-top:20px;
  margin-bottom:0px;
}
.checkbox {
	width: 19px;
	height: 19px;
	padding: 0 4px 0 0;
	background: transparent url(radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
  margin-top: -3px;
  margin-left:0px;
}
.radio {
	width: 19px;
	height: 19px;
	padding: 0 4px 0 0;
	background: transparent url(radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
  margin-top: -3px;
  margin-left:0px;
}
#newsArchiveList a {
  text-decoration:none;
}
.blog_entry li {
  display:inline-block;
  width:430px;
}
.blog_entry li:nth-of-type(n+7) {
  display: none;
}
#blogArchiveList, #newsArchiveList, #listCategories {
  list-style-type:none;
  padding:0;
}
#blogArchiveList li, #newsArchiveList li {
  display:block;
}
#blogArchiveList li a, #newsArchiveList li a {
  display:block;
  padding:8px 8px;
  border-bottom:1px solid #f3f3f3;
}
#blogArchiveList li a:hover, #newsArchiveList li a:hover {
  background:#1F222E;
  color:#fff;
}

#left #blogArchiveList a, #left #newsArchiveList a, #listCategories a {
  padding:8px 15px !important;
  font-family: 'Miriam Libre', sans-serif;
  font-size:10pt !important;
  border:none !important;
  width:220px !important;
}
#blogArchives {
  color:#fff;
  background:#9FD2ED;
  padding:8px 15px;
  margin:0px;
}
#right p {
  width:680px;
  line-height:140%;
}
#right blockquote {
  padding-left:30px;
  border-left:8px solid #9FD2ED;
  margin:0px;
}
#right blockquote p {
  width:642px;
}

#right .news p {
  width:auto;
  text-align:justify;
}
#logoMobile, #menuMobile, #menuMobileButton {
  visibility: hidden;
  display:none;
  z-index:-1;
  height:0px;
}
.l {
  float:left;
}
.r {
  float:right;
}
#antispam {
  font-family: 'Miriam Libre', serif;
  font-size:12pt;
  padding:5px 0px 5px 15px !important;
  display:inline-block;
  letter-spacing:3px;
  color:#444444;
  text-align:right;
}
#antispam1 {
  width:30px !important;
  max-width:30px;
  color:#444444;
  font-family: 'Miriam Libre', serif;
  font-size:12pt;
  background:#DDEFF8;
  text-align:center;
  padding:3px 3px 3px 0px !important;
}
#socialLinks {
  padding:0px !important;
  height:22px !important;
  text-align:right;
  position:relative;
  display:block;
  padding:0px 2px !important;
  background:transparent !important;
  border:none !important;
  width:auto !important;
  margin:0px !important;
}
#socialLinks div {
  display:inline-block !important;
  padding:0px 2px !important;
  background:transparent !important;
  border:none !important;
  width:auto !important;
}
#shareOnFacebook {
  display:inline-block;
  position:relative;
  bottom:3px !important;
}
input, textarea, select {
  font-family:'Miriam Libre',sans-serif !important;
  font-size:11pt !important;
}

input[required],textarea[required],select[required] {
  background:#DDEFF8;
  color:#444;
}
#listCategories ul[id*='list-'] a {
  display:block;
  padding-left:0px;
  width:220px !important;
  font-size:14px !important;
  border-top:none !important;
  font-weight:normal;
  background:#fff;
  text-transform: uppercase;
}
#listCategories ul[id*='list-'] a:hover {
  display:block;
  background:transparent;
  color:#1F222E;
}
#listCategories ul[id*='list-'] ul[id*='list-'] a {
  display:block;
  padding-left:40px;
  width:220px !important;
  font-size:14px !important;
  border-top:none !important;
  font-weight:normal;
  border-left:1px solid #1F222E !important;
  border-right:1px solid #1F222E !important;
  text-transform: uppercase;
}
#listCategories ul[id*='list-'] ul[id*='list-'] {
  padding-left:30px;
}
#listCategories li a:first-of-type {
  border-bottom:1px solid #f3f3f3 !important;
}
#listCategories ul[id*='list-'] ul[id*='list-'] li:last-of-type a {
  border-bottom:1px solid #1F222E !important;
}
#listCategories ul[id*='list-'] li {
  width:220px;
}

#listCategories .active {
  background:#1F222E !important;
  color:#fff !important;
  border-bottom:none !important;
  background-image:url(minus.png) !important;
  background-position:200px center !important;
  background-repeat:no-repeat !important;
}
#listCategories .active ul[id*='list-'] {
  border:1px solid #87C6E8 !important;
  box-shadow:2px 2px 0px rgba(0,0,0,0.1);
}

#webshop-options {
  margin-bottom:20px;
}
#webshop-options img {
  margin-left:10px;
  margin-bottom:-5px;
  display:inline-block;
}
#webshopList {
  padding:0px;
  text-align:left;
  vertical-align:center;
  font-family: 'Miriam Libre', sans-serif;
  font-size:14px;
  width:100% !important;
  border-collapse:collapse;
  border:none;
}
#webshopList td {
  border:none;
  border-bottom:1px solid #e3e3e3;
  width:600px;
}
#webshopList tr:last-of-type td {
  border-bottom:none;
}
#webshopList td:first-of-type {
  width:100px !important;
}
#webshopList td:last-of-type {
  text-align:right;
  padding-right:10px;
}
#webshopList .priceTag {
  display:block;
  font-size:15px;
}
#webshopList img {
  max-width:80px;
  max-height:100px;
  margin:8px 20px 8px 0px;
  padding:0px;
  display:inline-block;
  float:left;
}
#webshopList a {
  text-decoration:none;
  color:#444;
}
#webshopList a:hover {
  text-decoration:underline;
}
#webshopList .priceNormal {
  font-size:10pt;
  display:block;
}
#header-page {
  height:12px;
  background-color:#E7E6E3;
  border-top:1px solid #909BA3;
  border-bottom:1px solid #DBDBD6;
}

:focus {
  outline:none;
}

/***** MAIN MENU *****/
  #main-menu {
    position:absolute;
    left:0px;
    top:0px;
    width:660px;
    z-index:20;
  }

  #main-menu ul {
    padding:0;
    list-style-type:none;
  }

  #main-menu ul li {
    margin:0px;
  }

  #main-menu ul li a {
    font-family: 'Miriam Libre', sans-serif;
    margin:0px;
    display:inline-block;
    color:#fff;
    background:transparent;
    padding:20px;
    border-radius:0px;
    text-decoration:none;
    width:100%;
    text-align:center;
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.25px;
    text-transform:uppercase;
    border-right:1px solid rgba(0,0,0,0.1);
  }

  #main-menu ul li a:hover {
    color:#333B56;
    background:#f9f9f9;
    box-shadow:0px 10px 10px 0 rgba(0,0,0,0.05) inset;
    border-top:5px solid #FF9900;
    padding-top:15px;
  }

  #main-menu li {
    position: relative;
    display: inline-block;
    float:left;
    margin:0px;
    list-style-type:none;
  }

  #main-menu ul li ul {
    display: none;
    position: absolute;
    left:0;
    background-color: #fff;
    min-width:220px;
    margin-left:0px;
    list-style-type:none;
    box-shadow:1px 1px 2px rgba(0,0,0,0.15);
    border-radius:0px;
    z-index:1000;
  }

  #main-menu ul li ul li {
    margin:0px;
  }

  #main-menu ul li ul li a {
    text-decoration: none;
    display:block;
    padding:15px 30px;
    color:#333;
    font-size:14px;
    background:#f9f9f9;
    text-align:left;
    font-weight:400;
    border-bottom:1px solid #eee;
    border-right:none;
    border-radius:0px;
    min-width:220px;
    text-transform: none;
  }
  #main-menu ul li ul li:last-of-type a {
    border-bottom:none;
  }

  #main-menu ul li ul li a:hover {
    border-top:none;
    text-decoration:none;
    box-shadow:none;
    border-left:5px solid #FF9900;
    padding-left:25px;
    }

  #main-menu ul li:hover ul {
    display: block;
  }

  #main-menu ul li:hover ul {
    text-decoration:none;
    cursor:default;
  }

  #main-menu ul li ul li a strong, #page-menu ul li ul li a strong {
    display:none;
  }

  #main-menu ul li ul li a:hover strong, #page-menu ul li ul li a:hover strong {
    color:#333B56;
    font-weight:normal;
    font-size:12px;
    letter-spacing:0px;
    display:block;
  }

#solutions-menu {
  position:relative;
  width:570px;
  padding:20px 30px 30px 30px;
  background:#f9f9f9;
  background-image: linear-gradient(to bottom, #F9F9F9 0%, #F9F9F9 70%, #F3F3F3 100%)
}
#solutions-menu p {
  font-family:'Nunito',sans-serif;
  font-size:9.5pt;
  letter-spacing:0;
  margin-bottom:10px;
  color:#333B56;
  line-height:120%;
}
#solutions-menu a {
  padding:10px 10px !important;
  margin:0 !important;
  width:240px !important;
  min-width:190px !important;
  font-size:14px !important;
  background:transparent !important;
  margin-left:-10px !important;
  border-bottom:1px solid #eee !important;
}
#solutions-menu a:hover {
  background:#21232C !important;
  color:#fff !important;
  border-left:none !important;
}
#solutions-menu a:last-of-type {
  border-bottom:none !important;
  font-weight:700;
  text-transform:uppercase;
}
#solutions-menu #radio, #solutions-menu #geo, #solutions-menu #other {
  float:left;
  width:240px;
  margin-right:30px;
}
#solutions-menu #geo {
  margin-right:0;
}

#solutions-menu #other {
  margin-right:0;
}

#solutions-menu h4 a {
  margin-bottom:10px;
  font-size:18pt !important;
  text-transform:none !important;
  font-weight:normal !important;
  margin:-15px -10px !important;
}

input#register, input#login, input#lost {
  margin-left:150px;
  border:none;
}
table, table td, table tr, table td p {
  width:auto !important;
}
table {
  max-width:100%;
  border:1px solid #ddd;
  border-collapse: collapse;
}
td {
  border:1px solid #ddd;
  padding:5px 10px;
}
.flexTable {
  border:none;
  width:100% !important;
  border-collapse: separate;
  border-spacing: 10px;
}
.flexTable td {
  width:50% !important;
  padding:20px;
  border:1px solid #e9e9e9;
}
.flexTable h3 {
  padding:7px 15px;
  color:#fff;
  margin:-20px -20px 25px -20px;
}

.flexTable td:first-of-type h3 {
  background:#257ABB;
}
.flexTable td:last-of-type h3 {
  background:#FF9900;
}

.kontakt_table {
  display:div;
  width:100% !important;
  border:none;
}
.kontakt_table tr {
  display:flex;
  flex-wrap:wrap;
}

.kontakt_table td {
  padding:10px;
  flex-grow:1;
  border:none;
  min-width:300px;
}
.share_buttons {
  padding-top:20px;
  padding-bottom:30px;
  text-align:center;
}

.share_buttons .mdi { font-size: 28px; }

.share_buttons a {
  position:relative;
  width:50px;
  height:50px;
  margin-right:5px;
  display:inline-block;
  border-radius:50%;
  color:#fff;
  text-align:center;
  padding-top:16px;
  cursor:pointer;
  transition:ease 200ms;
}
.share_buttons a:hover {
  transform: translateY(-5px);
}

.share_facebook { background:#3B5998; }
.share_facebook:hover { background:#4567B0; }
.share_twitter { background:#1DA1F2; }
.share_twitter:hover { background:#3EAEF4; }
.share_linkedin { background:#0177B5; }
.share_linkedin:hover { background:#018EDA; }
.share_google_plus { background:#D4473E; }
.share_google_plus:hover { background:#DB645C; }
.share_email { background:#848B9A; }
.share_email:hover { background:#979DAA; }

.share_buttons span { cursor:pointer; color:#fff; }

input#term {
  border:1px solid #e9e9e9 !important;
  color:#333B56 !important;
  padding:10px;
  padding-right:50px;
  width:210px;
}
input#term, input#find {
  position:relative;
  display:inline-block;
}
input#find {
  top:25px;
  right:0px;
}
#find {
  position:absolute;
  box-shadow:none;
  width:31px;
  height:31px;
  cursor:pointer;
  transition:linear 200ms;
  border:none;
  background:transparent;
  left:30px;
  top:15px;
}
#term {
  background:none;
  border:none;
  color:#fff !important;
  position:absolute;
  left:60px;
  top:15px;
  background:url(find.png) 180px center no-repeat transparent;
  font-family: "Miriam Libre",sans-serif;
  font-size: 11pt;
  text-transform: uppercase;
}
#term:focus {
  outline:none;
}
.zastupstva {
  min-width:100%;
  border:none;
}

.zastupstva td {
  border:none;
  border-top:1px solid #ddd;
}

.zastupstva tr td:nth-child(1) {
  max-width:120px;
  width:120px !important;
}
.zastupstva tr td:nth-child(2) {
  padding:10px 20px;
}


/* --------------------------------------------------------------------------- */
@media screen and (min-width: 1001px) {
#logoMobile, #menuMobile, #menuMobileButton {
  visibility: hidden;
  display:none !important;
}
}
@media screen and (max-width: 1000px) {
#searchBox {
  left:0px;
  top:59px;
}

#searchBox, #searchForm {
  width:100% !important;
  padding:0 10px 0 0;
  margin:0;
}

input#term {
  box-sizing: padding-box;
  border:none !important;
  color:#fff !important;
  background:none;
  padding:10px 50px 10px 20px;
  margin-left:0px;
  left:0;
  width:100%;
  background:url(find_white.png) right center no-repeat transparent;
}

input#find {
  position:absolute;
  left:auto;
  right:15px;
  top:17px;

}

.flexTable {
  display:block;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
.flexTable tr {
  display:flex;
  flex-wrap: wrap;
}
.flexTable td {
  width:100% !important;
}

.nomobile {
  display:none;
}
#listCategories {
  width:100%;
  margin-top:0px !important;
}
#listCategories ul[id*="list-"] li, .toggle {
  width:100% !important;
}
#listCategories ul[id*="list-"] a {
  width:auto !important;
  background:#fff;
}
#listCategories ul[id*="list-"] a:hover {
  background:#fff;
}
#webshop-options img {
  width:auto !important;
}
#filtriranje {
  margin: -20px -20px 0px -30px;
}
#filtriranje label {
  white-space: nowrap;
}
#filtriranje input[type=submit] {
  position:relative;
  margin:5px 0px;
  padding:5px 10px;
}

#webshopList td:first-of-type {
  padding-right:20px !important;
}
#logoMobile {
  display:block;
  visibility:visible;
  position:absolute;
  top:0px;
  left:0px;
  padding:20px;
  z-index:100;
  margin:0px;
}
#logoMobile img {
  height:30px;
  margin:0px;
}
#menuMobile {
  visibility:visible;
  display:none;
  position:absolute;
  left:0px;
  top:65px;
  z-index:100;
  width:100%;
  margin:0px;
}
#home_bg #menuMobile {
  top:65px;
}

#menuMobile ul {
  list-style-type:none;
  margin:0px 0px 0px -40px;
}
#menuMobile li a {
  display:block;
  padding:20px;
  color:#444;
  text-decoration:none;
  font-family: 'Miriam Libre', sans-serif;
  font-size:16pt;
  border-bottom:1px solid #D9D9D9;
  border-left:5px solid #fff;
  background:#fff;
}
#menuMobile li a:hover {
  display:block;
  padding:20px;
  text-decoration:none;
  font-family: 'Miriam Libre', sans-serif;
  border-left:5px solid #FF9900;
}
#menuMobileButton {
  visibility:visible;
  display:block;
  position:absolute;
  width:40px;
  height:40px;
  right:20px;
  top:0px;
  padding:10px;
  max-width:40px;
  max-height:40px;
  cursor:pointer;
  z-index:100;
}
#menuMobile li a[href='#'] {
  color:#fff;
  background:#333B56;
  cursor:default;
  border-left-color:#333B56;
}
#menuMobile li a[href='#']:hover {
  border-left-color:#333B56;
}

#menuMobile li li a {
  background:#eee;
  border-left:5px solid #333B56;
}
#menuMobileButton img {
  width:40px;
  height:40px;
}
#homeHeader, #greyFeatures, #header #logo, #poll, #blogArchives, #left #blogArchiveList, #left ul, #userLinks, #userBox, #cartLink, #right iframe, #user-login, #lead, .addToCart, #main-menu {
  display:none !important;
}
.homeIntro td {
  display:inline-block;
}
.news_intro, .news_intro:first-of-type {
  padding:10px 10px !important;
  margin:0px !important;
  width:auto !important;
  display:block;
}
.news_intro img {
  display:inline-block;
  float:none;
}
#news h2 {
  padding-left:10px;
}

#olderNews {
  margin-top:20px;
}
.news_intro, #home_bg #blog_entries, #home_bg #content, #blog_entries a {
  width:auto !important;
  max-width:100% !important;
}
#blog_entries, #header-page {
  display:none;
}
#home_bg #content {
  display:none;
}
#home_bg #news {
  display:none;
}

#olderNews #newsArchiveList {
  display:block !important;
}
#olderNews #newsArchiveList li, #blogArchiveList li {
  margin-left:-40px;
  padding:5px 0px;
}
.news_intro_page {
  width:100%;
}
.news_intro_page p {
  text-align:left;
}
#searchForm {
  display:block;
  position:relative;
}
#logo img {
  max-width:100%;
}
#social img {
  max-width:30%;
}

#content, #left, #right, #right blockquote, #right #news_text, #right #blog_text, input, textarea {
  display:block;
  width:auto;
  max-width:100%;
  padding:5px 10px;
  float:none !important;
}
#right table, #contactForm, #contactForm input, #contactForm textarea, #right p, #right img, #contactForm, #contactForm input[type="text"], #contactForm textarea {
  max-width:100% !important;
  text-align:left;
}
#right {
  border:none;
}
#right img {
  width:100%;
}

#contactForm input {
  margin:0px;
}
#contactForm textarea {
  margin:10px 0px 5px 0px;
}
#news_text img, #blog_text img, #news_text div, #blog_text div {
  display:block;
  width:auto;
  width:100%;
  max-width:480px;
  padding:5px 0;
  margin:-20px auto 20px auto;
  background:transparent;
  border:none;
}
#news_text img, #blog_text img {
  margin-top:0px;
}
#contactForm input[type="submit"] {
  display:block;
  clear:both;
  margin-left:0px;
}
p, blockquote, blockquote p {
  width:auto !important;
  max-width:100%;
}
#menu-footer {
  display:none;
}
#header {
  height:63px !important;
  position:relative;
  display:block;
}
#logo {
  top:0px;
  left:0px;
  width:auto;
}
#userLinks {
  top:67px;
  left:0px;
  width:auto;
}
#social {
  float:none;
  display:block;
  right:0px !important;
  position:relative !important;
  text-align:center;
  padding:0px;
  padding-bottom:20px;
}
#footer {
  padding:10px !important;
}
#footer .l {
  float:none;
  padding:20px;
  text-align:center;
}
#footer .l strong {
  display:block;
  font-size:24pt;
  margin:10px 0px 20px 0px;
}

#legal {
  margin-top:0px;
  text-align:center;
}
#legal p[style="text-align:right"] {
  display:none;
}
#legal p {
  text-align:center;
}

#productMainImage img {
  margin-right:15px;
  margin-bottom:15px;
  max-width:90%;
}
#listCategories {
  width:100%;
}
#listCategories a {
  width:auto !important;
}
#productDescription {
  float:none;
  width:100%;
}
.container {
  width:100%;
  margin:auto;
  position:relative;
}
#contactForm #antispam {
  float:left;
}
#contactForm input[type="text"]#antispam1 {
  width:30px !important;
  float:left;
  margin-top:-15px;
}
#contactForm input[type="submit"] {
  display:block !important;
  clear:both;
  margin-top:20px;
}
.homeTable li a {
  width:100% !important;
  animation: linear 500ms;
}
#logo-images li {
  background:#fff;
  margin:0;
  padding:0;
}

#logos img {
  display:inline-block;
  background-color:#fff;
  max-width:100%;
  text-align:center;
  margin:0 !important;
}
#userlinks {
  display:none;
}
.share_buttons {
  position:relative;
  top:40px;
}

}