@import url('mainmenu.css');
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('fonts/BebasNeueRegular.eot');
  src: url('fonts/BebasNeueRegular.woff2') format('woff2'),
       url('fonts/BebasNeueRegular.woff') format('woff'),
       url('fonts/BebasNeueRegular.ttf') format('truetype'),
       url('fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg'),
       url('fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
/* layout */
a {text-decoration:underline;color:#000000;word-spacing: normal;}
a:hover, a:active {color:#fdb813;background-color:transparent;}
body {margin:0; padding:0;position: relative;font-family: 'Roboto', sans-serif;font-size:15px;background: #ffffff none;
color:#1c1f59;}
img {border:none;}
.row {width:100%;display:table;text-align:center;position:relative;box-sizing: border-box;}
.row-blue {background-color:#1c1f59;}
.content {display: table;position:relative;margin:0px auto;text-align:left;
width:100%;max-width:960px;box-sizing: border-box;line-height:170%;}
.content.narrow {padding-left:40px;padding-right:40px;padding-bottom:40px;}
.content.narrow.padding-bottom-no {padding-bottom:0px;}
.row-blue .content {color:#ffffff;text-align:center;padding:24px 0px;font-size:140%;line-height:100%;}
.row-blue .content h1 {font-size:250%;font-weight:normal;margin-bottom:60px;line-height:110%;}
.row-blue .content p {line-height:150%;padding:0px 50px;}
.col-50 {float:left;width:50%;}
blockquote {font-size:150%;font-style: italic;color:#feb612;padding:20px 20px 40px 20px; 
margin-bottom:60px;position:relative;text-align:center;}
blockquote:before { content:"";position:absolute;left:-70px;bottom:0;height:1px;width:50%;
border-bottom:5px solid #feb612;}
h2 {font-size:130%;color:#1c1f59;margin:48px 0px 12px 0px;}
.opacity:hover {opacity: 0.7; filter: alpha(opacity=70);}
.cleaner {clear:both;width:100%;}
.mobile {display:none;}

/* header */
.header {height:130px;}
.header .logo {position:absolute;top:24px;left:0px;}
.header .flag {background-color:transparent;float:right;margin-left:6px;margin-right:6px;margin-top:24px;
opacity: 0.5; filter: alpha(opacity=50);}
.header .flag:hover,.header .flag:active, .flag.active {opacity: 1; filter: alpha(opacity=100);}  

#admin_radka {width:100%;max-width:960px;}

/* home */ 
.card {font-family:BebasNeueRegular;font-weight:normal!important;}
.cardBack {background-color:#fdb813;color:white;text-transform: uppercase; font-weight:bold;padding:20px 15px;border:2px solid white;
display: flex; align-items: center;text-decoration:none;margin:0px auto;font-size:18px;box-sizing: border-box;}
.cardBack a {color:white;text-transform: uppercase; font-weight:bold;padding:20px 10px;border:2px solid white;
display:table;text-decoration:none;margin:0px auto;font-size:18px;}
.cardBack a::before {content: "\00BB  ";font-size:18px;}
.cardBack a::after {content: " \00AB";font-size:18px;}
.cardBack a:hover,.cardBack a:active {text-decoration:underline;}
.cardBack.moreinfo {background-color:#1c1f59;}
.cardFront.activity  {background-color:#ffcd65;text-align:center;padding-top:20px;box-sizing: border-box;}
.cardFront.activity p {color:white;font-size:30px;text-align:center;margin-top:12px;}
.cardFront.activity p::before {content: "\00BB  ";font-size:28px;}
.cardFront.activity p::after {content: " \00AB";font-size:28px;}
.cardFront .card-text {padding: 0px 5px 0px 72px; height: 124px; line-height: 124px;text-align:left;}
.cardFront .card-text span {display:inline-block;vertical-align: middle;line-height: 20px;color: white;font-size:22px;
text-transform: uppercase;	font-weight: bold;}
.cards_mobile {padding-left:10px;padding-right:10px;font-family:BebasNeueRegular;font-weight:normal!important;}
.cards_mobile a {color:white;text-decoration:none;background-color:#fdb813;text-transform: uppercase; 
padding:15px 15px;border:2px solid white; display: table;text-decoration:none;
margin:0px auto;font-size:25px;box-sizing: border-box;width:50%;float:left;text-align:center;}
.cards_mobile a:hover,.cards_mobile a:active {background-color:#1c1f59;}
.cards_mobile p {margin:10px 0px 0px 0px;}
.cards_mobile p::before {content: "\00BB  ";font-size:25px;}
.cards_mobile p::after {content: " \00AB";font-size:25px;}
.crsr {background-image:url(images/home/crsr_background.png);display:table;padding:10px;}
.crsr img {float:left;opacity: 0.7; filter: alpha(opacity=70);width:100%;margin:15px 0px 25px 0px;max-width:465px;} 
.crsr-text {float:left;color:white;padding:0px 20px;box-sizing: border-box;padding-bottom:10px;}
.crsr h3 {color:white;font-weight:bold;font-size:120%;}
a.more {text-transform: uppercase; font-weight:bold;padding:20px 15px;border:2px solid red;
display:table;text-decoration:none;}
a.more::before {content: "\00BB  ";font-size:18px;}
a.more::after {content: " \00AB";font-size:18px;}
a.more:hover,a.more:active {text-decoration:underline;}
a.more.white {color:white;border:2px solid white;}
.row.owl, .content.owl {display:block;}
.content.owl {margin-top:40px;margin-bottom:30px;}

/* pages */ 
.content.narrow.contacts {padding-bottom:0px;}
.contacts p {line-height:150%;}
.contact {display:table;float:left;padding:0px 10px 10px 10px;width:50%;box-sizing: border-box;
position:relative;left:-10px;}
.contact h2 {margin-top:24px;}
.contact p {padding:0;margin:3px 0px;box-sizing: border-box;}
.contact:hover {background-color:#fee4a7;}
.contact a:hover {color:red;}
.contact img, .ac-large img  {border:1px solid gray;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-sizing:border-box;display:block;}
.ac-large {padding-top:5px;}
.ac-large img {margin-bottom:15px;}
.button {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;display:table;
background-color:#d0d0d0;color:#000000;padding:10px 20px;text-decoration:none;line-height:25px;
margin:20px auto 20px auto;overflow:hidden;position:relative;}
a.button:hover {background-color:#878786;color:#ffffff;} 
a.button.back {text-align:right;padding-left:40px;}
a.button.back::before {content: "\2190";position:absolute;left:5px;bottom:14px;font-size:25px;padding-left:3px;}
a.button.next::after {content: "\2192";position:absolute;right:5px;bottom:14px;font-size:25px;}


/* catalog */
.categories {width: 100%; margin: 0px auto 30px auto;position: relative;text-align:center;font-size:0;vertical-align:top;}
.categories a {width:50%;display:inline-block;color:#1c1f59;vertical-align: middle;float:left;
background: transparent url(images/catalog/category_background.jpg) repeat-x left top;
font-family:BebasNeueRegular;font-weight:bold!important;text-decoration:none;font-size:30px;text-transform: uppercase; 
box-sizing: border-box;padding:40px 15px;vertical-align:bottom;}
.categories a img {float:left;margin-right:15px;}
.categories a div {position:relative;top:20px;text-align:left;line-height:120%;}
.categories a div::before {content: "\00BB\00A0";font-size:33px;color:#fdb813;}
.categories a div::after {content: "\00A0\00AB";font-size:33px;color:#fdb813;}

.container a:hover {color:#feb612;}
.content.list {padding-bottom:40px;}
.content.list h2 {font-size:200%;}
.content.list h3 {width:100%;box-sizing: border-box;padding:4px 8px;color:#ffffff;background-color:#1c1f59;
margin-top:24px;margin-bottom:12px;}
.content.list h3 a {position:absolute;right:6px;color:#ffffff;text-decoration:none;}
.content.list .desc {line-height:150%;padding:0px 11px 9px 11px; font-style: italic;  }
.content.list .subrow {width:100%;display: table;table-layout: fixed;border-spacing: 10px;
    border-collapse: separate;}
.content.list .cell-3 {display: table-cell;border:1px solid silver;padding:5px;}
.content.list .cell-3.empty {border:none;}
.content.list .prod {text-decoration:none;color:#1c1f59;}
.content.list .prod:hover {color:#1c1f59;}
.content.list .prod img {float:right;padding-left:6px;width:125px;}
.content.list .prod .text {line-height:150%;font-size:90%;}
.content.list .prod h4 {padding:0px;margin:6px 0px 12px 0px;font-size:125%;}

.content.products h1 {margin-bottom:40px;}
.content.products p {text-align:left;}
.content.products a {font-size:80%;color:#dcdcdc;}
.content.products .arrows {position:absolute;bottom:12px;right:12px;}
.content.products .arrows a {margin:0px 6px;}
.content .manufacturers {padding:20px 40px;display:table;width:100%;}
.content .manufacturers a, .content .manufacturers div {float:left;display:table;width:50%;box-sizing:border-box;text-decoration:none;
text-align:center;margin-bottom:50px;color:inherit;}
.content .manufacturers a img, .content .manufacturers div img {max-width:80%;}
.content .manufacturers a h2, .content .manufacturers div h2 {font-size:150%;color:#797979;text-align:center;margin-top:0px;padding-top:0px;}
.content .manufacturers a .man_con, .content .manufacturers div .man_con {width:80%;margin:30px auto 0px auto;text-align:left;line-height:100%;}
.content .manufacturers a .man_con img, .content .manufacturers div .man_con img {margin:15px 15px 15px 0px;float:left; border: 1px solid gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-sizing: border-box;
    display: block;
}
.content .manufacturers a .man_con_label, .content .manufacturers div .man_con_label {display:table;width:100%;box-sizing:border-box;
padding:5px;background-color:#1c1f59;color:white;padding-left: 50px;text-align:left;
line-height: 33px;font-size: 17px;
background-image: url('images/catalog/icon-contact.png') !important;
background-repeat: no-repeat !important;
background-position: 10px center !important;}

.content.product {padding-top:24px;padding-bottom:0px;}
.content.product h2 {font-size:250%;margin-bottom:36px;line-height:100%;}
.content.product .images,.content.product .text {width:50%;box-sizing: border-box;float:right;padding-bottom:40px;}
.content.product .images {padding-bottom:60px;}
.content.product .images .medium {margin-bottom:24px;float:none;display:table;clear:both;}
.content.product .images .thumb {margin:0px 10px 10px 0px;display:table;border:1px solid gray;float:left;}
.content.product .images img {display: block;}
.content.product .images iframe {float:left;margin:0px 10px 10px 0px;border:1px solid gray;}
.content.product .reference {display:table;position:relative;top:-20px;}
.content.product .reference h3 {margin-bottom:0px;}		

.content.product .text {display:table;padding:0px 0px 10px 20px;font-size:110%;}
.content.product .text .line {border-bottom:1px solid silver;height:20px;margin-bottom:20px;}
.content.product .text ul {position:relative;top:-12px;}
.content.product .text table {border-collapse: collapse;margin:15px 0px;box-sizing:border-box;width:100%;}
.content.product .text table th, .content.product .text table td {padding:2px 5px;color:black;}
.content.product .text table th p, .content.product .text table td p {padding:0px;margin:0px;}
.content.product .text table th {font-size:120%;padding:15px 5px;font-weight:bold;text-align:left;}
.content.product .text table tr:nth-child(even) {background: #ccc;}
.content.product .text table tr:nth-child(odd) {background: #fff;}
.content.product .text table.tab2 th {padding:15px 5px 5px 5px;font-size:100%;border-bottom:1px solid black;}
.content.product .text table.tab2 tr:nth-child(even) {background: #fff;}
.content.product .text table.tab2 tr.gray {background: #ccc;}

.content.ref {padding:24px 24px 48px 36px;}
.content.ref .reference {display:table;width:100%;}
.content.ref .ref_list a {text-decoration:none;display:table;width:100%;outline: none!important;}
.content.ref .ref_list a:hover, .content.ref .ref_list a:active {background-color:transparent;text-decoration:none;
color:inherit;}
.content.ref .ref_list h2 {font-size:140%;line-height:100%;border-top:5px solid #1c1f59;padding-top:24px;}
.content.ref .ref_list .ref_more {display:table;clear:both;padding:5px 20px;border:1px solid black;margin-top:12px;}
.content.ref .ref_list .ref_short {float:left;width:70%;box-sizing:border-box;display:table;}
.content.ref .ref_list .ref_img {float:right;width:30%;box-sizing:border-box;display:table;text-align:right;}
.content.ref .ref_list .ref_img img {width:200px;height:auto;border:1px solid gray;}
.content.ref .ref_detail h2 {font-size:150%;line-height:120%; text-transform: uppercase; }
.content.ref .ref_product {font-size:120%;padding:6px 0px 0px 0px;}
.content.ref .ref_text {margin-top:12px; padding-top:0px;}
.content.ref .ref_images {margin-top:24px;width:100%;box-sizing:border-box;display:table;}
.content.ref .ref_images a  {float:left;margin-bottom:16px;box-sizing:border-box;}
.content.ref .ref_images .thumb {margin-right: 10px;display: table;border: 1px solid gray;}
.content.ref .ref_images img {height:180px;}
/*.content.ref  .image_youtube {width:auto;float:left;margin-right:10px;margin-bottom:10px;}*/
.content.ref  .image_youtube {width:auto;height:182px;float:left;margin-right:10px;margin-bottom:16px;box-sizing:border-box;}
.content.product .ref_images .medium {margin-bottom:24px;float:none;display:table;clear:both;}
.content.product .images .thumb {margin:0px 10px 10px 0px;display:table;border:1px solid gray;float:left;box-sizing:border-box;}
.content.ref .ref_images img {display: block;}
.content.product .images iframe {float:left;margin:0px 10px 10px 0px;border:1px solid gray;}


/*table.tab tr {height: 23px;_height: 13px;background-color:white;}
table.tab tr:hover{background-color:#fff8dc;}
table.tab td {padding:3px 12px 6px 3px;border-bottom: 1px solid #b8b8b8;font-size:100%;vertical-align:top;box-sizing:border-box;}
table.tab td p {padding:0px;margin:0px 0px 6px 0px;font-size:100%;box-sizing:border-box;}
table.tab .even {background-color: #E6E6E6;}*/


.ac-container {width: 100%;margin: 10px auto 10px auto;text-align: left;}
.ac-container label {padding: 5px 20px;position: relative;z-index: 20;display: block;height:auto;
	cursor: pointer;color: white;text-shadow: 1px 1px 1px rgba(255,255,255,0.8);line-height: 33px;
	font-size: 17px;background: #1c1f59;margin-bottom:10px;}
.ac-container label:hover {background: #fdb813;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover {background: #fdb813;color: white;
text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
box-shadow:0px 0px 0px 1px rgba(155,155,155,0.3),0px 2px 2px rgba(0,0,0,0.1);}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
	content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;
		background: transparent none;}
.ac-container input:checked + label:hover:after {background-image: url(../images/arrow_up.png);}
.ac-container input{display: none;}
.ac-container article {background: rgba(255, 255, 255, 0.5);margin-top: -1px;overflow: hidden;
	max-height: 0;position: relative;z-index: 10;
	-webkit-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;}	
.ac-container input:checked ~ article {
	max-height: 1000px;
	-webkit-transition: max-height 0.9s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: max-height 0.9s ease-in-out, box-shadow 0.1s linear;
	-o-transition: max-height 0.9s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: max-height 0.9s ease-in-out, box-shadow 0.1s linear;
	transition: max-height 0.9s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 0px rgba(155,155,155,0.3);
}
.ac-container article.ac-large p {margin:0px;padding:0px 0px 6px 0px;}
.ac-container label[for=download], c-container label[for=download]:hover {padding-left:50px; background-image:url('images/catalog/download.png')!important; 
 background-repeat:no-repeat!important; background-position:10px center!important;}
.ac-container label[for=contact-person], c-container label[for=contact-person]:hover {padding-left:50px; background-image:url('images/catalog/icon-contact.png')!important; 
 background-repeat:no-repeat!important; background-position:10px center!important;}

/* footer */
.footer {background-color:#1c1f59;text-align:center;padding:40px 0px 20px 0px;}
.footer img.logo {width:60px;height:60px;margin:0px 15px;}
/*.footer img.partner {margin:5px 15px;}*/
.footer .partners {padding:0px 30px;}
.footer .partners a {display:inline-block;padding:0px;margin:0px;text-decoration:none;line-height: 100%;}
.footer .partners a img {padding:2px;margin:12px;box-sizing: border-box;}
.footer .partners a img:last-child {display: none;}
.footer .partners a img:firts-child {display: block;}
.footer .partners a:hover img:last-child {display: block;background-color:#ffffff;}
.footer .partners a:hover img:first-child {display: none;}


/*.footer a:hover {opacity: 0.7; filter: alpha(opacity=70);} */
.subfooter {margin-bottom:12px;}
.subfooter .c {float:right;}
.subfooter a {color:#1c1f59;text-decoration:none;font-size:80%;}
.subfooter a:hover,.subfooter a:active {text-decoration:underline;}


		
/* mobile css */
@media screen and (max-width:50em)
	{
	body {font-size:16px;}
	p a {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;
	word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
	.desktop {display:none!important;}
	.mobile {display:table;}
	.mobile-inline {display:inline;}
	.content {width:100%;}
	.header {padding-left:6px;padding-right:6px;}
	.header .logo {left:6px;	}
	#flags {position:relative;top:40px;	}
	.col-33, .col-50 {width:100%!important;}
	.content.cards {width:98%;box-sizing: border-box;margin-top:6px;}
	.card {width:48%!important;box-sizing: border-box;}
	.card .cardFront, .card .cardBack  {width:100%;}
	.footer .partners a img {margin:0px 15px;}
	.footer .partners {padding:0px;}
	.subfooter {padding:0px 6px;}	
	.content.narrow {padding-left:10px;padding-right:10px;}
	.content.narrow img {max-width:100%!important;height:auto!important;margin:0px!important;}
	.row-blue .content {color:#ffffff;text-align:center;padding:6px 12px;font-size:120%;line-height:130%;}
	.row-blue .content h1 {font-size:180%;font-weight:normal;margin:12px;padding:0px;line-height:140%;}
	.row-blue .content p {padding:0;}
	blockquote {font-size:120%;font-style: italic;color:#feb612;padding:0px 0px 12px 0px;margin-bottom:20px;}
	blockquote:before {position: absolute; left:-10px; bottom  : 0;}
	.categories {padding:0px;margin:0px;}
	.categories a {width:100%;font-size:28px;padding:20px 15px 20px 10px;}
	.categories a img {margin-right:5px;}
	.content.list h2 {font-size:200%;padding-left:12px;}
	.content.list h3 {width:100%;box-sizing: border-box;padding:12px 8px 12px 12px;color:#ffffff;background-color:#1c1f59;
	margin-top:24px;margin-bottom:12px;}
	.content.list h3 a {position:absolute;right:12px;}	
	.content.list .subrow {width:100%;display: table;table-layout: inherit;border-spacing: inherit;
    border-collapse: inherit;box-sizing: border-box;margin:0px;padding:0px;}	
	.content.list .cell-3 {display: table;padding:5px;width:90%;margin:10px auto;}
	.content.list .cell-3:first-child {margin-top:0px;} 
	.content.list .cell-3.empty {display:none;}
	.content.products {padding-bottom:48px;}
	.content .manufacturers {padding:10px 10px;}
	.content .manufacturers a {margin-bottom:0px;width:100%;}
	.content .manufacturers a .man_con img {float:none;}
	.content .manufacturers a h2 {font-size:100%;}

	.content.list .prod {margin:5px auto;width:95%;}
	.content.list .prod .text {font-size:100%;line-height:110%;padding-left:8px;}
	.content.product .text {width:100%;padding:0px 10px 0px 10px;}
	.content.product .text .line {display:none;}	
	.content.product .images {width:100%;padding:0px 10px 30px 10px;text-align:center;line-height:100%;display:block;}
	.content.product .images a.medium img {width:100%;}	
	.content.product .images a.thumb img {width:100%;}	
	.content.product .images a.thumb  {width:45%;margin:0px 5px;display:inline-block;float:none;}	
	.content.product .images iframe {width:100%!important;}
	.content.product .reference {padding:0px 10px 12px 10px;top:0px;}	
	.ac-container {margin:10px auto 10px auto;}
	.contact {width:100%;}
	.content.ref {padding:12px 10px 12px 10px;}	
	.content.ref .ref_list .ref_short, .content.ref .ref_list .ref_img {float:left;width:100%;text-align:left;}
   .content.ref .ref_list .ref_img {margin-bottom:20px;}
	.content.ref .ref_detail h2 {margin-top:20px;}	
	}
	
	@media print {
	html,body {height: inherit;}
   body {font-size:80%; background:transparent none; min-width: 0; }
	.header, .footer, .subfooter, .row.owl {display:none;}
	a.button {display:none;}

}