*,*:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size: 1em;-webkit-text-size-adjust: 1em;-ms-text-size-adjust: 1em;}
body{margin:0;background:#e7e7e7;font-family:'Work Sans',sans-serif;word-wrap:break-word;font-size:18px;line-height:24px;font-weight:400;color:#666;}
input:focus,select:focus,textarea:focus,button:focus{outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a,a:active,a:hover,a:focus{outline:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:38px;line-height:44px; margin:80px 0 20px 0;}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;max-width:100%}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
::-webkit-input-placeholder{ color:#999; opacity:1 !important}
:-moz-placeholder{ color:#999; opacity:1}
::-moz-placeholder{color:#999; opacity:1}
:-ms-input-placeholder{color:#999}
button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}
input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.container {
  position: relative;
  width: 100%;
  max-width:1400px;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
}
.col {
  float: left;
  position: relative;
}
@media (min-width: 400px) {
  .container {width: 100%;}
}
@media (min-width: 550px) {
  .container {width:100%;padding:0;}
  .col { display:block; }
  .col-1 {width:4.66666666667%;}
  .col-2 {width:13.3333333333%;}
  .col-33 {width:33.333%;}
  .col-3 { width:30%; }
  .col-4 {width:20%;}
  .col-full-4 {width:25%;}
  .col-5 {width:39.3333333333%;}
  .col-6 {width:50%;}
  .col-7 {width:56.6666666667%;}
  .col-8 {width:65.3333333333%;}
  .col-9 {width:74.0%;}
  .col-10 {width:82.6666666667%;}
  .col-11 {width:91.3333333333%;}
  .col-12 {width:100%;}
  .col-1-3 {width:18.9%;}
  .one-half {width:48%;}
}
html{font-size:62.5%}
h2,h3,h4,h5,h6{
  margin-top:0;
  margin-bottom:15px;
  font-family:'Work Sans', serif;
}
h1 {
  font-size:38px;
  line-height:44px;
  /*margin:80px 0 40px 0;*/
  margin:80px 0 22px 0;
  font-weight:400;
  color: #333;
  position: relative;
}
h2,h3,h4,h5,h6{color:#333;letter-spacing:0;font-weight:400}
h2{font-size:26px;line-height:32px}
h3{font-size:22px;line-height:28px}
h4{font-size:18px;line-height:24px}
h5{font-size:16px;line-height:22px}
h6{font-size:14px;line-height:18px}
p,a,li{font-size:18px;line-height:24px}
p,li{color:#666;font-weight:400}
p{margin-top:0}
a{color:#333;text-decoration:none}
a:hover{color:#999;text-decoration:none}
.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;width:auto;padding:12px 30px;color:#fff;text-align:center;font-size:14px;line-height:20px;border:none;font-weight:400;letter-spacing:0;text-decoration:none;white-space:nowrap;background-color:#ed0000;cursor:pointer;margin-top:20px;float:left;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#fff;outline:none}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{width:100%;text-align:left;padding:6px 10px;background-color:#fff;border-top:transparent;border-right:transparent;border:1px solid #ccc;box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float: left;width:75%;}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:85px;padding:10px;border:1px solid #ccc;}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus{border:1px solid #666;outline:none;background:#fff;}
label, legend {display: inline-block;padding: 8px 0;font-weight: 400;color: #333;font-size: 14px;line-height: 20px;float: left;width: 100%;margin: 0;}
fieldset{padding:0;border-width:0}
input[type="checkbox"],input[type="radio"]{display:inline;margin-right:10px}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:normal}
ul{list-style-type:square;list-style-position:inside}
ol{list-style:decimal inside;list-style-position:inside}
ol,ul{padding-left:30px;margin-top:0}
ul ul,ul ol,ol ol,ol ul{font-size:100%}
li{margin-bottom:5px}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
button,.button{margin-bottom:10px}
input,textarea,select,fieldset{margin-bottom:15px;color:#999;letter-spacing:1px;font-size:14px;line-height:22px;}
pre,blockquote,dl,figure,table,p,ul,ol{margin-bottom:15px}
form{margin-bottom:0}
hr{margin-top:30px;margin-bottom:35px;border-width:0;border-top:1px solid #E1E1E1}
.container:after,.row:after,.u-cf{content:"";display:table;clear:both}
a, .category img, .news img, .zoom-gallery img, .gallery img{
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  transition:all 0.6s ease
}
.error,.success{
  font-size:16px;
  line-height:22px;
  padding:6px 10px;
  margin-bottom:10px
}
.error {
  background: url(../images/svg/ex.svg)no-repeat left 20px center;
  color: #f03434;
  border: 1px solid #f03434;
  padding-left: 61px !important;
}
.txt_error{
  border:1px solid #f03434 !important;
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
  border-radius:0 !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
}
.success{
  background:#75C16A;
  color:#fff;
}
.clearfix{
  display:block;
  clear:both;
  width:100%
}
.none { display:none; }
.list-no-style {
  list-style-type: none;
  padding:0;
}
.content,.row,.main-content{
  display:block;
  float:left;
  width:100%;
  position:relative;
}
.w20, .w35, .w30, .w50, .w80, .row-half {
  display: block;
  float: left;
  position: relative;
}
.w20 {width:20%;}
.w30 {width:30%;}
.w35 { width:35%;}
.w50 {width:50%;}
.w80 {width:80%;}
.row-half { width:50%; }
.block {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}
.bread-crumbs {
  float: left;
  width: 100%;
  border-bottom:1px solid #333;
  position: relative;
  z-index:1;
  padding-left: 10px;
  margin: 26px 0 30px 0;
  background-color: #ffffff;
  max-width: 1400px;
}
.bread-crumbs li {
  display:inline-block;
  float: left;
  position: relative;
  margin-right: 5px;
}
.bread-crumbs li, .bread-crumbs a {
  font-size:12px;
  line-height: 18px;
}
.bread-crumbs a {
  border-right:1px solid #999;
  padding-right:6px;
}
.mt80 { margin-top: 80px; }
.pb80 {padding-bottom: 80px;}
.header {
  background: #fff;
  padding: 55px 0;
}
.header .container { background:#fff; }
.black, .black .container {
  background:#121212;
  z-index:100;
}
.gradinet {
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 94%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 94%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 6%,rgba(255,255,255,1) 94%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
#toggle {
  display:none;
}
.date {
  margin-bottom: 20px;
}
.logo {
  float: left;
  display: block;
}
.main-menu {
  list-style-type: none;
  padding:0;
  margin:0;
  display:initial;
}
.main-menu li {
  display:inline;
  float: left;
  margin:0;
}
.main-menu a {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  padding: 10px 15px;
  display: block;
  float: left;
  width: 100%;
  text-transform: uppercase;
}
.main-menu a:hover,
.main-menu .mslc {
  background:#ed0000;
}
.lang, .social, .nl {
  float: right;
}
.lang {
  padding:0;
}
.social {
  border-left:1px solid #999;
  border-right: 1px solid #999;
  padding:0 15px;
}
.lang, .social {
  list-style-type: none;
  margin:10px 0 10px 25px;
}
.lang li, .social li {
  display:inline-block;
  float:left;
  margin:0 2px;
}
.social a, .lang a {
  display: block;
  float: left;
  width: 100%;
}
.lang a, .nl {
  font-size:16px;
  line-height: 22px;
  color:#333;
}
.lang a:hover, .lang .mslc {
  color:#ed0000;
}
.level-navigation {
  position: relative;
  float: left;
  width: 100%;
  list-style-type: none;
  padding:0;
}
.level-navigation li {
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 100%;
  border-bottom:1px solid #efefef;
  position: relative;
}
.level-navigation a {
  padding: 0px 30px 5px 10px;
  display: block;
  width: 100%;
  position: relative;
}
.level-navigation a.mslc { color:#ed0000; }
.level-navigation li ul.sub-menu {
  display: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.level-navigation li ul.sub-menu li {
  margin:0;
  border-bottom:1px solid #fff;
}
.level-navigation li ul.sub-menu a{
  display: block;
  width: 100%;
  float: left;
  border-bottom:1px solid #fff;
}
.level-navigation li ul.sub-menu a {
  color: #666;
  padding: 7px 25px 7px 35px;
  position: relative;
  font-size: 14px;
  line-height: 20px;
}
.level-navigation li ul.sub-menu a::before {
  position: absolute;
  content: "\203A";
  font-size: 20px;
  color: #ed0000;
  left: 20px;
  top: 5px;
}
.expand::after, 
.expand.close::after {
  position: absolute;
  content:"\002B";
  font-size:20px;
  color:#333;
  right: 11px;
  top:8px;
}
.expand::after, 
.expand.close::after {
  content:"\002B";
}
.expand.close::after {
  content:"\2212";
}
.nl {
  background:url(../images/svg/nl-icon.svg)no-repeat left top 4px;
  margin:10px 0 10px 25px;
  padding-left:24px;
}
.main-content {
  background:url(../images/svg/kockice.svg)repeat;
  background-attachment: fixed;
}
.search { float:right; }
.search input { color:#fff; }
.search input[type="text"] {
  background-color: #121212;
  border: 1px solid #121212;
  box-shadow: none;
  padding: 9px 10px;
  text-align: left;
  width: 100%;
  text-transform: none;
  margin:0;
}
.search input[type="text"]:focus {
  background:#252525;
  border:1px solid #252525;
}
.search .button, .search button, .search input[type="submit"], .searchinput[type="button"] {
  background: url(../images/svg/search-icon.svg) no-repeat center;
  border: 1px solid #121212;
  width: 40px;
  height: 40px;
  color: #ccc;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 0;
  padding: 0;
  margin:0;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  top: 0;
  white-space: nowrap;
  -webkit-background-size:20px;
  -moz-background-size:20px;
  background-size:20px;
}
.search .button:hover, .search button:hover, .search input[type="submit"]:hover, .searchinput[type="button"]:hover {
  background: url(../images/svg/red-search-icon.svg) no-repeat center;
  -webkit-background-size:20px;
  -moz-background-size:20px;
  background-size:20px;
}
.slider { 
  opacity: 0;
  margin-top: -2px;
  z-index:0;
  background:#121212;
}
.fade-in { 
  opacity: 1;
}
.slider .bx-wrapper {
  margin: 0 auto;
}
.slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -box-shadow:none;
  left:0;
}
.slider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -70px;
  outline: 0;
  width: 32px;
  height: 130px;
  text-indent: -9999px;
  z-index: 9999;
}
.slider .bx-wrapper .bx-prev {
  left:0;
  background:rgba(0,0,0,0.1) url(../images/svg/arrow-prev.svg) no-repeat center;
}
.slider .bx-wrapper .bx-next {
  right:0;
  background:rgba(0,0,0,0.1) url(../images/svg/arrow-next.svg) no-repeat center;
}
.bxslider { padding:0; }
.intro {
  padding:80px 0;
}
.intro .editor-content img {
  width: 520px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.intro h1, .intro p {
  margin:0 auto;
  text-align: center;
}
.intro h1 {
  color:#ed0000;
}
.banner-height {
  float: left;
  width: 98%;
}
.section-blue-tit {
  position: relative;
  float: left;
  width: 100%;
  font-size:30px;
  line-height:36px;
  color:#004eed;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.banner-height .section-blue-tit {
  margin: -16px 0 0 0;
}
.section-blue-tit span {
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 0 20px 0 0;
}
.section-blue-tit::after {
  content:"";
  position: absolute;
  top:18px;
  left:0;
  width: 100%;
  height:1px;
  background:#004eed;
}
.blue-link, .blue-link-left, .blue-link-center { color:#004eed; }
.blue-link { float: right; }
.blue-link-left { float: left; }
.blue-link-center { text-align: center;display:block; }
.blue-link-left, .blue-link-center {
  margin-top: 50px;
  margin-bottom: 50px;
}
.product {
  text-align: center;
  margin:50px 0;
}

.category{text-align:center;}
.product h2, .category h2 {
  margin:20px 0;
}
.product a:hover, .news a:hover, .category a:hover, .red-logo-link, .article a:hover, .search-list h2:hover {
  color:#ed0000;
}
.product:hover, .news:hover img, .category:hover, .zoom-gallery a:hover, .search-list img, .region img , .article.new-article:hover{
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.category-list {
  padding-left:30px;
}
.category-list .product {
  margin:0;
  padding:30px;
}
.banner {
  border:1px solid #004eed;
  margin-bottom: 1px;
  display: block;
}
.col-3.news {
  width:25%;
  margin:50px 137px 50px 0;
}
.col-3.news:nth-of-type(3n+3) {
  margin-right: 0
}
.col-4.news {
  width:20%;
  margin:50px 93px 50px 0;
  padding-bottom:50px;
}
/*.col-4.news:nth-of-type(4n+4) {
  margin-right: 0
}*/
.news h2 {
  font-size:18px;
  line-height: 24px;
  text-transform: uppercase;
}
.news h3 {
  font-weight: bold;
  margin-bottom: 20px;
  padding-right: 40px;
  min-height: 75px;
}
.news-subtitle {
  margin: -17px 0 25px 0;
}
.news-subtitle h2 {
  font-size: 16px;
  line-height: 22px;
  float: left;
  margin-left: 6px;
}
.news-subtitle span {
  font-size: 16px;
  line-height: 22px;
  float: left;
}
.col-4.category {
  margin: 25px 93px 25px 0;
}
.category:nth-of-type(4n+4) {
  margin-right: 0;
}
.grey-tit {
  font-size: 22px;
  line-height: 28px;
  margin: 20px 0;
}
.red-logo-link, .blue-logo-link, .grey-img-link {
  float: left;
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size:16px;
  line-height: 22px;
  margin:10px 0;
}
.red-logo-link img, .blue-logo-link img, .grey-img-link img {
  margin-right: 15px;
  vertical-align: middle;
}
.blue-logo-link {
  color:#000099;
}
.grey-img-link img {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.arrow-list-link,
.tick-list {
  list-style-type: none;
  margin:0;
}

.tick-list-sm{
  margin-left: -25px;
}
.arrow-list-link,
.tick-list {
  float: left;
  display: block;
  padding:0;
}
.arrow-list-link span,
.tick-list span {
  color: #000099;
  font-size: 24px;
  margin-right: 10px;
}
.banner-bottom, .video-holder {
  float: left;
  width: 50%;
  margin-bottom: 80px;
}
.video {
  display: inline-block;
  height: 0;
  padding-bottom: 43%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.video iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
/*.section {margin-top:60px;}*/
.section {margin-top:30px;}
.video-page-holder {
  float: left;
  width: 50%;
  position: relative;
}
.video-page {
  display: inline-block;
  height: 0;
  padding-bottom: 61%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.video-page iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  background: rgba(255,255,255,0.5);
  padding: 10px;
}
.document h3 {
  background: url(../images/svg/doc-icon.svg)no-repeat top 3px left 8px;
  -webkit-background-size: 18px;
  -moz-background-size: 18px;
  background-size: 18px;
}
.zoom-gallery h3 {
  background: url(../images/svg/photo-icon.svg)no-repeat top 3px left 8px;
  -webkit-background-size: 18px;
  -moz-background-size: 18px;
  background-size: 18px;
}
.media h3 {
  background: url(../images/svg/video-icon.svg)no-repeat top 3px left 8px;
  -webkit-background-size: 18px;
  -moz-background-size: 18px;
  background-size: 18px;
}
.section h3 span {
  border-bottom: 1px dashed #ed0000;
  padding: 4px 20px 4px 35px;
  font-size:18px;
  line-height: 24px;
}
.document a {
  display:block;
  margin:10px 8px;
}
.gallery {
  display: block;
  float:left;
  width:100%;
  max-width: 500px;
  position: relative;
  background:url(../images/svg/zoom.svg) no-repeat center;
}
.gallery a {
  display: block;
  float: left;
  width: 100%;
}
.gallery img {
  opacity: 1;
}
.gallery a:hover img {
  opacity: 0.6;
}
.mfp-bottom-bar {
  display: none;
}
.gal-indicator {
  color: #000;
  left: 20px;
  position: absolute;
  top: 20px;
  opacity: 0.4;
}
.gal-thumbs-hide{
  display: none;
}
.zoom-gallery a {
  display: block;
  float: left;
  /*width: 9%;*/
  width:20%;
  margin: 6px;
  background:url(../images/svg/zoom.svg) no-repeat center;
  text-align: center;
}
.zoom-gallery img {
  opacity: 1;
}
.zoom-gallery a:hover img {
  opacity: 0.6;
}
.zoom-gallery a:nth-child(2) {
  width: 20%;
}
.image-source-link, .mfp-title {
  display:none;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.intro-img {
  float: right;
  margin-left:20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.img-left {
  float: left;
  margin-right: 30px;
}
.search-list { margin-bottom: 20px; }
.search-list img, .article img {
  float: left;
  margin-right: 20px;
}
/*---NOVO---*/
.article.new-article img{float: none;margin-right: 0;margin-top: 20px;}
.article.new-article h2{margin: 20px 0;}
.article.new-article {text-align: center;}
/*---END NOVO---*/
.region img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
#goTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 1;
  padding: 13px 10px;
  margin: 0;
  background: rgba(0,0,0,0.2);
  border-radius: 10px;
}
#goTop:hover {
  bottom:25px;
}
.region {
  padding: 30px 30px 30px 0;
  border-top: 1px dashed #ccc;
}
.center-img {
  text-align: center;
  background: #e7e7e7;
  padding:10px;
}
.col.col-12.article {
  margin-bottom: 30px;
}
.description {
  display: block;
  width: 55%;
  max-width: 870px;
  float: left;
  /*margin-left: 30px;*/
  overflow-y: hidden;
  overflow-x:auto;
}
.label-list, .tool-list, .tool-list__left {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.social-share {
  padding: 25px;
  font-size: 30px;
  width: 55px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  float: left;
}

.tool-list p{
  font-weight: 700;
}

.social-share:hover {
  opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
  background: #3B5998 url('../images/svg/facebook-logo.svg') no-repeat center;
  background-size: 14px 16px;
}

.fa-twitter {
  background: #55ACEE url('../images/svg/tw-icon-xw.svg') no-repeat center;
  background-size: 25px;
  color: white;
}

.fa-mail {
  background: #dd4b39 url('../images/svg/mail.svg') no-repeat center;
  background-size: 20px;
  color: white;
}

/*.tool-list { text-align: right; }*/
.tool-list { text-align: left; }
.tool-list__left { text-align: left; width: 100%; padding: 26px 15px;
margin-bottom: 0px; max-width: 1400px;}
.tool-list__left .email-it { float: left;margin-right:7px; }
.label-list img {
  float:left;
  display:block;
  margin-right:10px;
  width:35px;
  height:35px;
}
/*.email-it {
  background: #2db046 url(../images/svg/email-icon.svg)no-repeat top 3px left 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 0px 6px 0px 27px;
  text-align: center;
  float: right;
  margin-left: 7px;
}*/
.email-it {
  background: #2db046 url(../images/svg/email-icon.svg)no-repeat top 3px left 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 0px 6px 0px 27px;
  text-align: center;
  float: left;
  margin-left: 7px;
  margin-right:7px;
}
.email-it:hover { 
  color:#fff; 
  background: #4ece66 url(../images/svg/email-icon.svg)no-repeat top 3px left 6px;
}
.send-request {
  background: #121212;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
.send-request:hover {
  background: #ed0000;
  color: #fff;
}
.pagination ul {
  text-align: center;
  margin:0;
  padding:0;
  list-style-type: none;
}
.pagination li {
  display:inline;
}
.pagination a {
  font-size:16px;
  line-height: 22px;
  color:#666;
  padding:5px 10px;
}
.pagination a:hover, .pagination .active {
  color:#ed0000;
}
.top-pagination {
  width: 100%;
  float: right;
  margin: 0 0 25px 0;
  padding: 9px 0;
  text-align: right;
  border-bottom: 1px solid #efefef;
}
.top-pagination li {
  display:inline;
}
.top-pagination a {
  padding:5px 10px;
  font-size:16px;
  line-height: 20px;
  background:#efefef;
}
.top-pagination a:hover,
.top-pagination a.active {
  background: #666;
  color:#efefef;
}
.footer, .footer .container { background:#e7e7e7; }
.footer {
  border-top:3px solid #C9C9C9;
  padding-top: 50px;
}
.footer-menu {
  list-style-type: none;
  padding:0;
  margin:-50px 0 0 0;
  float: right;
  border-left:1px solid #ccc;
  width: 15%;
}
.footer-menu li {
  display: block;
  float: left;
  width: 100%;
}
.footer-menu a {
  font-size:14px;
  line-height: 20px;
  color:#666;
  padding-left:30px;
  position: relative;
}
.footer-menu a:hover {
  padding-left:35px;
  color:#ed0000;
}
.footer-menu a::before {
  content: "\203A";
  position: absolute;
  left: 12px;
  top: -8px;
  color: #ed0000;
  font-size: 26px;
  line-height: 32px;
}
.footer .logo {
  width: 100%;
}
.address, .contact {
  float: left;
  width: 30%;
  padding-left: 30px;
  margin-top: 30px;
}
.address {
  background:url(../images/svg/home-icon.svg)no-repeat top left;
  -webkit-background-size:20px;
  -moz-background-size:20px;
  background-size:20px;
}
.contact {
  background:url(../images/svg/phone-icon.svg)no-repeat top left;
  -webkit-background-size:20px;
  -moz-background-size:20px;
  background-size:20px;
}
.copyright {
  margin-top: 50px;
  padding:20px 0;
  border-top:1px solid #ccc;
  text-align: center;
}
.copy {
  /* float: left; */
  width: auto;
  margin-bottom: 0;
  font-size:14px;
  line-height: 20px;
  color:#999;
}
.v, .copy {
  width: auto;
  padding: 15px 0;
}
.v { float: right; }
.tick-list li::before {
  content: "\2713";
  font-size: 24px;
  margin-top: -24px;
  color: #000099;
  margin-right: 10px;
}
ul.tick-list ul {
  list-style-type: none;
}

/* The checkcontainer*/
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 55px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.top-pagination li {
  margin-right: 5px;
}
/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 20px;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color:#ed0000 ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter {
  margin: 20px 0 20px 0;
  font-size: 18px;

}
.prod_box {
  display: block;
  float: right;
  width: 77%;
}
#filtered_products h2 {
  width: 77%;
  float: right;
}
h2.filtered_head {
  background-color: #ff00001a;
  padding: 10px;
}
h2.poravnaj_lijevo {
  float: left !important;
}
.block.panoramic_photo {
  margin-bottom: 25px;
  pointer-events: none;
}
.cookie-container {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  display: block;
  padding: 10px 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
}
.cookie-container .center {
  padding: 10px 20px;
  width: calc(100% - 40px);
  max-width: 1400px;
  margin: 0 auto;
}
.cookie-container .center span {
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}
.cookie-container .center p {
  display: inline;
  color: #fff;
  font-size:14px;
  line-height: 20px;
}
.cookie-container .center a {
  color: #446CB3;
  text-decoration: underline;
  transition: all 0.6s ease;
  font-size:14px;
  line-height: 20px;
}
@media (min-width:600px) {
  .cookie-container .center a {float: none;width: auto;}
}
.msg_1 {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  margin-top: 20px;
}

.pregrada {
  display: block;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 360px) {
  .g-recaptcha {
     transform: scale(0.81);
     transform-origin: 0 0;
  }
}

/*NEW GALLERY*/

.pro-slider{
  float: left;
  width: 45%;
  margin-top: 15px;
  padding: 10px;
}
.pro-slider .bx-wrapper .bx-viewport{
  background: transparent;
  width:62%;
  left: 0;
  border:0;
  box-shadow: none;
}
/*.pro-slider .bx-wrapper .bx-prev{
  left: -10px;
  background: url(../images/svg/prev.svg) no-repeat center;
  border: 1px solid #616161;
  bottom: 10px;
}
.pager-container .bx-wrapper .bx-next{
  right: -10px;
  background: url(../images/svg/next.svg) no-repeat center;
  border: 1px solid #616161;
  bottom: 10px;
}
.pager-container .bx-wrapper .bx-controls-direction a{
  width: 50px;
  height: 50px;
}
.pager-container .bx-wrapper .bx-controls-direction a:hover{
 opacity: 0.5;
}*/
.pro-slider img{
/*  -webkit-box-shadow: 0px 0px 18px -3px rgba(40,40,48,0.5);
-moz-box-shadow: 0px 0px 18px -3px rgba(40,40,48,0.5);
box-shadow: 0px 0px 18px -3px rgba(40,40,48,0.5);
border:10px solid #fff;*/
}
.pro-slider .bx-wrapper .bx-viewport li{
/*  padding: 37px;*/
width:100%;
}

.detalji-photos-slider{padding:0; margin:0;}
.bx-wrapper .bx-loading{
  display: none;
}

.pro-slider .pager-container{padding-top:20px;}

.pro-slider .pager-container .bx-wrapper .bx-prev {left: -50px;
background: url(../images/svg/arrow-prev-black.svg) no-repeat }

.pro-slider .pager-container .bx-wrapper .bx-next {right: -50px;
background: url(../images/svg/arrow-next-black.svg) no-repeat }

/*404*/

.not-found h1{
  padding-top:100px;
}

.not-found p{
  padding-bottom:100px;
}

/*RESPONSIVE*/

/*.padding-sm - padding lijevo i desno*/
/*.mtc - margin-top -80px*/
/*.w100 - width 100%*/
/*.lap - width 33%*/

.nl-first{
  display:none;
}

.col-4.category-grid.marg-top{
  margin-top:50px;
  margin-left: 50px;
}
.btn-oneh{width:100%;float:left;}

.col-4.category-grid{width:25%; margin:0;}
.col-4.category-grid-3{width:33%; margin:80px 0;}

.tool-list .fb-share-button span{
  height:26px !important;
}

.tool-list__left .fb-share-button span{
  height:26px !important;
}

.twitter-share-button{height:26px !important;}

/*---------------NEW CODE---------*/
.add-margin{margin:80px 0;}

@media only screen and (max-width: 1635px) {
  .padding-sm{
    padding:0 15px;
  }
  
  .intro.padding-sm{
    padding:80px 20px;
  }

  .col-3.news {
    margin: 50px 75px 50px 0;
  }

  .container.mtc{
    margin-top:-80px;
  }
}

@media only screen and (max-width: 1399px) {
  .banner{
    /* display:none; */
  }

  
.banners-wrapper {
  width: 100%;
  display: flex;
  padding-top: 35px;
  margin-top: 30px;
  border-top: 1px solid #c8c8c8;
}

  .w80.w100{
    width:100%;
  }
  .footer-menu{
    width:25%;
  }
  .container{width: 85%;}
}

@media only screen and (max-width:1220px) {
  .col-full-4.lap{
    width:33%;
  }
  .col-4.category-grid{width:33%; margin:0;}
  .col-4.category-grid.marg-top{margin-top:25px;margin-left:0;}
}

@media only screen and (max-width: 1040px) {
  .col-6.region-sm{
    width:100%;
  }
  .pro-slider{width:100%;}
  .description {width: 100%;}
}

@media only screen and (max-width: 980px) {
  .header{
    padding: 50px 0 20px 0;
  }
  .logo.logo-sm{
    width:100%;
  }
  .header-social-sm{
    padding-top:70px;
  }
  .nl.nl-sm{
    margin:10px 0 10px 0px;
  }
  .section-blue-tit{
    padding:0;
  }
  .section-blue-tit::after{
    display:none;
  }

  /*GLAVNI MENI*/
  .main-menu{
    display:none;
  }
  .main-menu li{
    width:100%;
  }
  .search{
    float:left;
  }
  #pretrazi.nav-search{
    top:auto;
    right:60px;
  }
  #toggle{
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
  }
  #toggle img{
    border: 0;
    max-width: 100%;
    height: 30px;
    margin: 5px 10px;
  }
  .black{padding-top:10px;padding-bottom:10px;}
  /*KONTAKT*/
  #submit_btn.btn-sm, .btn.btn-sm{width:100%;}

  input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{
    width:100%;
  }
}



/*SIDE NAV*/
@media only screen and (max-width: 880px) {
  .w20.w100sidenav{
    width:100%;
  }
  .w80.w100sidenav{
    width:100%;
  }
  .category-list{
    padding-left:0px;
  }
  .col-4.category-grid{width:50%; margin:0;}
  .col-4.category-grid-3, .add-margin{width:50%; margin:50px 0;}
  .checkcontainer{width:33%;}
  .label-list, .tool-list, .tool-list__left{width:100%;}
}

@media only screen and (max-width: 768px) {
  .none{
    display:none;
  }
  .footer-menu{
    width:30%;
    margin:20px 0 0 0;
  }
  .video-page-holder{
    width:100%;
  }
  .checkcontainer{width:50%;} 
}

@media only screen and (max-width: 663px) {
  .address, .contact{
    width:50%;
  }
  .footer-menu{
    width:100%;
  }
  .checkcontainer{width:100%;}
  .img100w{width:100%;}
  .container{width: 100%;}
}

@media only screen and (max-width: 640px) {
  .col-full-4.lap{
    width:50%;
  }
   .zoom-gallery a:nth-child(2), .zoom-gallery a:nth-child(2) img{
    width:100%;
    margin-left:0px;
  }
  .col-4.category-grid{width:100%; margin:0;}
  .col-4.category-grid-3, .add-margin{width:100%; margin:30px 0;}
  .v, .copy {
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
}

@media only screen and (max-width: 549px) {
  .black{padding-top:0px;padding-bottom:0px;}
}

@media only screen and (max-width: 494px) {
  .address, .contact{
    width:100%;
  }
  .row-half.w100{
    width:100%;
  }
  .w50.w100{
    width:100%;
  }
  .m-top{
    margin-top:20px;
  }
  .footer-menu{
    margin:40px 0 0 0;
  }
  .col-full-4.lap{
    display:none;
  }
  h1, .section-blue-tit{font-size: 24px;line-height: 30px;}
  p, span, li, a{font-size: 16px;}
  a, .category img, .news img, .zoom-gallery img, .gallery img{width: 100%;}
 .section-blue-tit span{font-size: inherit;} 
  .section-blue-tit{text-align: center;margin-:0;}
  .banner-height .section-blue-tit{margin: 0;}
  h2 {font-size: 18px;line-height: 25px;}
  .category-list .product, .category-list.w80{width: 100%;}

}
.blue-link-center {
  margin-top: 10px;
}
.uselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.logo_smaller {
  max-width: 150px;
  display: block;
  margin-top: 20px;
}
.logo_smaller img{width: 100%;}
@media only screen and (max-width: 365px) {
  .section-blue-tit{
    font-size:25px;
  }
}
.description strong {
  font-weight: bold;
}