/* WWW.ICPRINT.CZ, MEDIA SCREEN, CHANGES */
/* article detail */
div.url {border-radius: 3px 3px 3px 3px; margin-bottom: 20px; border: 1px solid rgb(201,16,41); text-align: center;}
div.url a {font: 1.0625em/normal BlenderProThin, sans-serif; display: block; padding: 10px; text-decoration: none;}
div.url a:hover {background-color: rgb(244, 244, 244);}
div.content div.gallery ul.pagination li {margin: 0 0 29px 0;}

div.content div.gallery.one div.items {height: 451px; width: 960px; display: flex; justify-content: center; overflow: hidden;}
div.content div.gallery.slider.one div.item img {flex: none; width: 960px;}

/* HP: actuality */
div.content:not([role='main']) div.articles figure a img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
div.content:not([role='main']) div.articles figure a:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);}
/* /HP: actuality */

/* HP: slider */
div.content div.slider div.item div.data {position: absolute; margin: 0; padding: 0; width: 100%; bottom: 50px;}
div.content div.slider div.item div.data h2, div.content div.slider div.item div.data h2 a {font: 3.000em/55px BlenderProThin, sans-serif; text-align: center; color: rgb(0, 128, 200); padding: 0; margin: 0; width: auto;}
div.content div.slider div.item div.data h2 strong, div.content div.slider div.item div.data h2 a strong {font-family: BlenderProRegular; font-weight: normal;}
div.content div.slider div.item div.data p {font: 1.250em/normal BlenderProRegular, sans-serif; text-align: center; color: rgb(0, 128, 200); margin: 5px auto 0 auto; /* text-shadow: 0 0 10px rgba(0,0,0,0.25); */padding: 0; width: auto;}
div.homepage div.content div.slider:not(.gallery) div.bx-controls {bottom: 10px;}

/* USER CHANGES */
div.fill h2 {font: 1.500em/normal BlenderProThin, sans-serif; text-align: center; margin: 0 0 20px 0; color: rgb(0, 128, 200);}
div.fill h3 {font: 1.250em/normal BlenderProThin, sans-serif; text-align: center; margin: 0 0 20px 0;}
div.fill h4 {font: 1.125em/normal BlenderProThin, sans-serif; text-align: center; margin: 0 0 10px 0;}

div.fill hr {clear: both; margin: 0 0 40px 0; background: #ccc;}
div.fill hr.end {clear: both; margin: 0; background: none;}

/* contact */
div.fill.contact p.contact {float: left; padding: 15px; border: 1px solid rgb(240, 240, 240); margin: 0 20px 20px 0; border-radius: 2px; font: 1.25em/normal BlenderProRegular; text-align: center;}
div.fill.contact p.contact span {display:block; color: rgb(204, 204, 204);}
div.fill.contact p.contact em {font-style: normal; font-size: 80%; color: rgb(255, 255, 255); background-color: rgb(0, 128, 200); padding: 3px 6px 0px 6px; margin-left: 3px; border-radius: 3px;}
div.fill.contact p.contact.address {width: calc(39% - 20px);}
div.fill.contact p.contact.vat_no {width: calc(10% - 20px);}
div.fill.contact p.contact.tax_no {width: calc(12% - 20px);}
div.fill.contact p.contact strong {font-family: BlenderProMedium, sans-serif; font-weight: normal;}
div.fill.contact p.contact.register {width: 25%; margin-right: 0 !important;}
div.fill.contact p.contact.register a {display: block; text-decoration: none; color: rgb(124, 124, 124);}

div.fill.contact div.left {width: 310px; float: left;}
div.fill.contact div.left p.contact {width: 250px;}
div.fill.contact div.left p.contact.mail {background: rgb(0, 128, 200); border-color: rgb(0, 128, 200); color: rgb(255, 255, 255);}
div.fill.contact div.left p.contact.mail a {color: rgb(255, 255, 255); text-decoration: none; display: block;}
div.fill.contact div.left p.contact.mail a:hover {color: rgb(238, 238, 238); text-decoration: underline;}
div.fill.contact div.left div.contact.mail span {display: block;}

div.fill.contact div.right {width: 650px; float: left;}

div.fill.contact p {font: 0.75em/18px BlenderProThin, sans-serif;}

div.fill.contact h2 span.term {font: 0.750em/normal BlenderProThin, sans-serif !important; margin: 0 0 0 10px; padding: 5px; background-color: rgb(255, 165, 0); color: rgb(255, 255, 255);}

/* jobs */
div.fill.jobs h2 {margin: 0 0 5px 0;}
div.fill.jobs h3 {margin: 0 0 5px 0;}

div.fill.jobs ul.jobs {text-align: center; margin: 0 0 40px 0;}
div.fill.jobs ul.jobs li {display: inline-block; cursor: pointer; width: 330px; border-radius: 2px; border: 1px solid rgb(204, 204, 204); font: 1.000em/normal BlenderProThin; text-align: center; margin: 0 0 10px 10px; background: none; padding: 0;}
div.fill.jobs ul.jobs li a {display: block; color: rgb(83,83,82); text-decoration: none; padding: 15px; background: rgb(254, 254, 254);}
div.fill.jobs ul.jobs li a:hover {background: none;}

div.fill.jobs p {font: 1.000em/normal BlenderProThin, sans-serif; text-align: center; margin: 0 0 20px 0;}

div.fill.jobs ul.position {text-align: center; margin: 0 0 40px 0;}
div.fill.jobs ul.position li {font: 1.000em/normal BlenderProThin; text-align: center; margin: 0 0 0 0; padding: 0 0 5px 0; background: none;}

div.fill.jobs blockquote {margin: 0;}
div.fill.jobs blockquote p {font: 0.750em/175% BlenderProThin, sans-serif; text-align: left; margin: 0;}

/* references */
div.container div.slider.gallery.one div.items div.item a img {border-top-left-radius: 2px; border-top-right-radius: 2px;}
div.container div.slider.gallery.one div.items div.item a span.gradient {position: absolute; display: block; width: 960px; height: 451px; background: -moz-linear-gradient(top, rgba(238,238,238,0.01) 0%, rgba(238,238,238,0) 50%, rgba(238,238,238,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,238,238,0.01) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,238,238,0.01) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
div.container div.slider.gallery.one div.items div.item a:hover span.gradient {display: none;}
div.container.dtp div.slider.gallery.one div.items div.item a span.gradient {display: none;}
div.container.dtp div.slider.gallery.one div.items div.item a img {margin-top: -45px;}

div.fill.article h2 {text-align: left; margin: 15px 200px 10px 200px;}
div.fill.article h3 {text-align: left; margin: 15px 200px 5px 200px; color: rgb(201, 16, 41);}
div.fill.article.references p {margin: 0 200px; font: 1.000em/175% BlenderProThin, sans-serif; padding: 0;}
div.fill.article.references p strong {font-weight: normal; font-family: BlenderProRegular, sans-serif;}
div.fill.article.references p img {border-radius: 2px;}
div.fill.article.references p.img.left {margin: 0 200px 0 150px;}
div.fill.article.references p.img.left img {float: left; margin-right: 40px; }
div.fill.article.references p.img.right {margin: 0 150px 0 200px;}
div.fill.article.references p.img.right img {float: right; margin-left: 40px;}

div.fill.article.references p.img2x {margin: 0 50px 0 150px; overflow: hidden;}
div.fill.article.references p.img2x img {float: left; margin-right: 40px; }
div.fill.article.references p.img2x img:nth-child(2) {position: absolute; }

div.fill.article.references ul.icons {margin: 0 150px 30px 150px; overflow: hidden;}
div.fill.article.references ul.icons li {float: left; font: 0.875em/100% BlenderProThin, sans-serif; width: 33%; padding: 0; background: none; margin: 10px 0 10px 0;}
div.fill.article.references ul.icons li span {display: block; height: 50px; margin: 10px auto; background-repeat: no-repeat; background-position: center center;}
div.fill.article.references ul.icons li h3 {font-size: 1.000em; font-family: 'BlenderProRegular'; font-weight: normal; color: rgb(83, 83, 82); text-align: center; margin: 0; padding: 0 20px;}
div.fill.article.references ul.icons li p {font-size: 0.875em; line-height: 135%; text-align: center; margin: 5px 0 0 0; padding: 0 20px;}
div.fill.article.references ul.icons li.lang span {background-image: url('/img/svg/ref-translation.svg');}
div.fill.article.references ul.icons li.piece_sale span {background-image: url('/img/svg/ref-piece-sale.svg');}
div.fill.article.references ul.icons li.export_prices span {background-image: url('/img/svg/ref-comparator.svg');}
div.fill.article.references ul.icons li.wms30 span {background-image: url('/img/svg/ref-wms30.svg');}

div.fill.article.references hr {background: none;}
div.fill.article.references blockquote {margin: 20px 150px 40px 150px; border: 1px solid rgb(201, 16, 41); border-radius: 2px;}
div.fill.article.references blockquote p {margin: 0; text-align: center; line-height: 100%; padding: 0;}
div.fill.article.references blockquote p a {display: block; text-decoration: none; padding: 20px;}
div.fill.article.references blockquote p a:hover {background-color: rgb(201, 16, 41); color: rgb(255,255,255);}

/* services */
div.fill.article.services ul {margin: 0; overflow: hidden;}
div.fill.article.services ul li {width: calc(33% - 22px); min-height: 110px; float: left; background: none; border-bottom: 1px solid rgb(240, 240, 240); border-right: 1px solid rgb(240, 240, 240); text-align: center; padding: 0 10px;}
div.fill.article.services ul li:nth-child(3n+3) {width: calc(34% - 20px); border-right: 0;}
div.fill.article.services ul li:last-child {width: 100%; border-bottom: none;}
div.fill.article.services ul li a {text-decoration: none;}
div.fill.article.services ul li a h2, div.fill.article.services ul li h2 {text-align: center; margin: 20px 0 10px 0; color: rgb(0, 128, 200); font-family: BlenderProMedium, sans-serif; font-size: 1em;}
div.fill.article.services ul li a p {line-height: 18px; color: rgb(31, 31, 31); font: 0.825em/20px BlenderProThin, sans-serif;}
div.fill.article.services ul li a:hover h2 {color: rgb(83, 83, 82);}
div.fill.article.services ul li span.ico {position: relative; display: block; margin: 25px auto -15px auto;}
div.fill.article.services ul li span.ico img {height: 40px;}

div.fill.article.services.small p {font: 0.75em/24px BlenderProRegular;}

@media only screen and (max-width: 850px) {
    div.fill.article.services ul li {float: none; width: 100%; border-right: 0;}
    div.fill.article.services ul li:nth-child(3n+3) {width: 100%;}