*{margin:0; padding:0; position:relative;}

body{background:#E6F1FF; color:#002A51; font-family:Calibri, Sans-serif;}
a{color:#002A51; text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}

.site{width:100%; max-width:1400px; min-width:280px; margin:0 auto;}

.logo{width:50%; height:100px; margin:30px 0 10px; float:left;display: flex; align-items: end;}
.logo img{max-width:100%; max-height:100%; margin:0 5px;}
.logo h1{display:none;}

.kontakt-box{width:calc(50% - 10px); margin:65px 5px 20px; float:right; text-align:right; font-size:22px; font-weight:300; color:#002A51;}
.kontakt-box a{color:#283959; text-decoration:none;}
.kontakt-box a:hover{text-decoration:underline;}

.menu{width:calc(100% - 10px); height:60px; margin:5px; background:#002A51; color:#ffffff;}
.menu .ul{max-width:100%; display:flex; flex-wrap:nowrap;}
.menu .ul div{text-align:center;}
.menu .ul div a{display:block; line-height:60px; padding:0px 32px; text-align:center; color:#ffffff; text-decoration:none; font-size:24px;}
.menu .ul div:hover, .menu .ul div.active{background:linear-gradient(#005db3,#002a51);}

.menu.top-menu nav{margin:0;}
.menu.top-menu .mobile-nav{padding:5px 10px; margin:0px auto; top:13px; font-size: 18px; display:none;}

.tiles{}
.tiles a{color:#002A51;}
.tile{width:calc(25% - 10px); height:150px; background:linear-gradient(#ffffff,#E6F1FF); border:5px solid #E6F1FF; float:left;}
.tile:hover, .tile.active{background:linear-gradient(#ffffff,#A8CFFF); color:#D80000;}
.tile .head{padding:10px 15px; font-size:26px; font-weight:bold; line-height:26px;}
.tile img{position:absolute; right:10px; bottom:10px;}

.form-box{width:calc(100% - 10px); margin:5px; background:linear-gradient(#ffffff,#E6F1FF);}
/*.form-box .form{width:30%; float:left; padding:20px 30px;}*/
.form-box .form{width:80%; float:left; padding:20px 30px; background:linear-gradient( 90deg, #002a51 30%, rgb(1 43 82 / 0%) 70%); color:#ffffff;}
.form-box .form form{width:40%; font-size:18px;}
.form-box .form .h3{font-size:2em; margin-bottom:10px; font-weight:bold; text-transform: uppercase;}
.form-box .form p{font-size:1em;}
.form-box .form .line{margin: 15px 0 10px;}
.form-box .form input {border: 0;font-size: 20px;font-weight: bold;font-family: Arial, Sans-serif;}
.form-box .form input[type="tel"] {width: calc(70% - 20px); padding: 8px 10px; font-weight:normal;}
.form-box .form input[type="submit"] {width: 30%;padding: 8px 5px; background: linear-gradient(#FF1717, #AE0000); color: #ffffff; cursor: pointer;}
.form-box .form input[type="submit"]:hover{background: #AE0000;}
/*.form-box .form a{font-size:0.8em; color:#002A51;}*/
.form-box .form a{font-size:0.8em; color:#ffffff; opacity:0.5;}
.form-box .form a:hover{opacity:1;}

.form-box img.mapa{width: 38%; max-width:490px; position:absolute; left:38%; top:-25px; z-index:2;}
.form-box img.img{max-width:100%; max-height:100%; position:absolute; right:0px; top:0px;}
.form-box .text{width: 28%; height: 100%; font-size: 32px; font-style: italic; font-weight:bold; color: #002A51; display: flex; position: absolute; right: 0; flex-direction: column; justify-content: space-around;}
.form-box .text .line{display:flex;}
.form-box .text .check{padding-right:10px;}

.cont-div{display:flex;}
.left-menu-box{width:calc(25% - 10px); margin:5px; float:left; }
.left-menu{}
.left-menu.fixed {width:100%; position:fixed; position: -webkit-sticky; /* Safari */ position: sticky; top: 0;}
.left-menu.bottom {width:100%; position: absolute;bottom: 0;top: unset;}
.left-menu .menu-line{clear:both; display:flex; align-items: center; background:#ffffff; border: 1px solid transparent;}

.left-menu .menu-line .icon{width:50px; height:65px; margin:0 10px; float:left; text-align:center; display:flex; align-items: center; justify-content: center;}
.left-menu .menu-line img{width:100%; max-width:50px; max-height:50px; }
.left-menu .menu-line .nazev{float:left; font-size:26px; font-weight:bold; line-height:24px;}
.left-menu .menu-line .nazev .light{font-weight:500; font-size:18px; line-height:16px;}
.left-menu .menu-line .nazev div:not(.not_upper)::first-letter{text-transform: uppercase;}
.left-menu a{text-decoration:none;}
.left-menu a:hover, .left-menu a.active{text-decoration:none; color:#D80000;}

.cont{width:75%; min-height:610px; float:right; z-index:3;}
.category-head-box{margin:5px; border-top: 2px solid #002a51; background:#ffffff;}
.category-head-box h2{text-align:center; font-size:30px; padding:15px 0;}
.category-head-box h2 img{max-width:50px; max-height:50px; margin-bottom: -15px; margin-right: 10px;}
.category-head-box h2 span.text{display:none;}

.product-card{width:calc((100% / 3) - 10px); float:left; margin:5px; background:#ffffff; }
.product-card .stars-box{font-size:20px; font-weight:bold; color:#E6711A;display:flex; position:absolute; top:10px; left:10px; z-index:2;}
.product-card .stars-box .stars, .detail .stars-box .stars{width:115px; height:21px; margin-left:10px; background:url("/img/stars2.png") 0 0 no-repeat; background-size:cover;}
.product-card .stars-box .act-stars, .detail .stars-box .act-stars{height:100%;background:url("/img/stars2-act.png") 0 0 no-repeat; background-size:cover;}
.product-card .disc{width:68px; height:68px; border-radius:50%; background:#D11E1E; color:#ffffff; font-size:26px; font-weight:bold; text-align:center; position:absolute; top:10px; right:10px; z-index:2; line-height:66px; display:none;}
.product-card .imgbox{min-height: 340px; text-align: center; padding:5px;}
.product-card img{max-width:100%; max-height:100%; transform: scale(0.95); transition: all 0.5s;}
.product-card .name{font-size:18px; text-align:center; padding:0 10px;}
.product-card .name h3{width:100%; height: 60px;line-height: 28px;font-size: 26px; display:table;}
.product-card .name h3 span{display: table-cell; vertical-align: middle; text-align: center;}

.product-card .name .prefix{height:22px; font-weight:500; line-height:16px;}
.product-card .price{margin:5px 15px;}
.product-card .price .old{font-size:18px; color:#666666; text-decoration: line-through; position:absolute; bottom:2px; left:0; display:none;}
/*.product-card .price .new{font-size:30px; font-weight:bold; color:#D11E1E; float:right;}*/
.product-card .price .new{font-size:30px; font-weight:bold; color:#D11E1E; text-align:center;}
.product-card .price .new .small{font-size:0.8em; line-height:1em;}
.product-card .parambox{height:80px; margin:5px 10px; padding:10px 0; border-top:1px solid #B3D9FF;border-bottom:1px solid #B3D9FF; font-size:18px; line-height: 18px;}
.product-card .parambox ul{list-style:none;}
.product-card .parambox ul li{width:calc(50% - 10px); float:left; padding:5px 5px; display: flex; align-items: center;}
.product-card .parambox ul li .icon{width:22px; height:22px; padding:5px 0; float:left; margin-right:10px; top:0px;}


.product-card .buttonbox{margin:5px 15px; padding:10px 0; text-align:center;}
.product-card button, .product-card .button, button.styledButton{width:155px; height:40px; margin: 0 auto; background:linear-gradient(#004380, #002A51); color:#ffffff; font-size:22px; line-height:40px; font-weight:bold; border:0; cursor:pointer;}

.product-card:hover img{transform: scale(1);}
.product-card:hover button, .product-card:hover .button, button.styledButton:hover{background:linear-gradient(#F03030, #A60506);}

.kat-desc{font-size:16px; padding:10px 5px 20px;}
.kat-desc ul{margin-left:20px;}

.cont .ref-box{margin:10px 5px; padding:10px; background:linear-gradient(#ffffff,#E6F1FF);}
.cont .ref-box.w100{float:none;}
.cont .ref-box .head{font-size:20px; font-weight:bold; padding:5px 0;}
.cont .ref-box .head img{float:left;}
.cont .ref-box .head .h4{padding:10px 10px; float:left;}
.cont .ref-box .bold{font-weight:bold; padding-bottom:10px;}
.cont .halfbox{width:50%;}

.cont .ref-box.faq .h4{padding:0;font-size:20px; font-weight:bold;}
.cont .ref-box.faq .odpoved{padding-top:5px;}
.cont .ref-box.faq .odpoved .odpoved2{font-size:0.9em; padding-top:10px;}
.cont .ref-box.faq.flex{display:flex; align-items:baseline;}
.cont .ref-box.faq ul{margin-left:20px;}

.cont.novinky .ref-box, .cont.clanky .ref-box{float:none;}
.cont.novinky .ref-box p{padding:5px 0;}

.cont.informace p{padding-bottom:10px;}
.cont.informace .head{padding-bottom:10px;}
.cont.informace .ref-box{float:none;}
.cont.informace .ref-box ul{list-style-position: inside; margin-bottom:10px; line-height:26px;}

.cont.seo .ref-box p{padding-bottom:10px;}
.cont.seo .ref-box ul,.cont.seo .ref-box ol{margin-left:20px;}
.cont.clanky .ref-box.hlavni{padding:5px;}
.cont.clanky .ref-box.hlavni ul{display:flex; flex-wrap:wrap; justify-content:space-between; list-style:none;}
.cont.clanky .ref-box.hlavni ul li{width:50%; margin:5px 0;}
.cont.clanky .ref-box.hlavni ul li a{padding:10px; margin:0 5px; text-align:center; background:#ffffff;display:block; font-size:1.1rem; font-weight:bold;}

.detail{}
.detail .title{background:#012B52; color:#ffffff; margin:5px; padding:5px 10px;}
.detail .title .stars-box{height:24px; color:#E6711A; font-size:20px; font-weight:bold; text-align:right;}
.detail .title .stars-box .stars{float:right;}
.detail .title h3{font-size:42px; padding:0 10px;}
.detail .title h3 span{font-size:26px;}
.detail .title .prefix{float:left; padding:0 11px;}
.detail .title .info{font-size:18px; font-weight:bold; text-align:right; float:right;}

.detail .col{width:calc((100% / 3) - 10px); margin:5px; float:right; background:linear-gradient(#FFFFFF,#E6F1FF);}
.detail .col2{width:calc(((100% / 3) * 2) - 10px);}

.detail .gal{background: inherit; float:left;}
.detail .gal .ph_top{background:#ffffff; text-align:center;}
.detail .gal .ph_top img{max-width:100%; max-height:100%; }
.detail .gal .ph_line{background:#ffffff; margin-top:5px; text-align:center;}
.detail .gal .ph_line img{max-width:calc((100% / 3) - 3px);}
.detail .gal .ph_line a:nth-child(n+4){display:none;}

.fancybox-navigation {top: 50%;}

.detail .col .inner{padding:5px 10px;}

.detail .pricebox{width: calc((100% / 3) * 2); background:transparent; margin:0;float:right;}
.detail .pricebox .col{width: calc(50% - 10px); float:left; margin: 5px;}
.detail .pricebox .col.full{width: calc(100% - 10px);}

.detail .pricebox .price{padding-top:5px;}
.detail .pricebox .price .label{font-size:22px; line-height:24px;}
.detail .pricebox .price .label .bold{font-size:32px; font-weight:bold;}
.detail .pricebox .price .old{text-align:right; color:#666666; font-size:22px; text-decoration: line-through; display:none;}
.detail .pricebox .price .old.nodecoration{text-decoration: none;}
.detail .pricebox .price .new{text-align:right; color:#D11E1E; font-size:38px; font-weight:bold; line-height:34px;margin-top: 14px;}
.detail .pricebox .price .new span{font-size:0.8em;}
.detail .pricebox .price .info{text-align:right; font-size:12px;}

.detail .pricebox .price-small{padding:5px 0;}
.detail .pricebox .price-small>.inner{display:flex; align-items:flex-end; justify-content:space-between;}
.detail .pricebox .price-small>.inner>.clear{display:none;}
.detail .pricebox .price-small .label{font-size:18px; line-height:20px; float:left;}
.detail .pricebox .price-small .label .bold{font-size:24px; font-weight:bold;}
.detail .pricebox .price-small .price-box{float:right; text-align:right;}
.detail .pricebox .price-small .old{font-size:18px; color:#666666; text-decoration: line-through; display:none;}
.detail .pricebox .price-small .old.nodecoration{text-decoration: none;}
.detail .pricebox .price-small .new{font-size:30px; color:#D11E1E; font-weight:bold; line-height:22px;}
.detail .pricebox .price-small .new span{font-size:0.8em;}

.detail .variant-box{background:#012b52; margin:10px 5px; text-align:center; color:#ffffff;}
.detail .variant-box label{font-weight:bold; font-size:1.2rem;}
.detail .variant-box select{padding:3px 5px; margin:5px; font-size:1rem;}

.detail .attr-box{background:#ffffff; margin:5px;}
.detail .attr-box ul{list-style:none; margin:5px;}
.detail .attr-box ul li{float:left; width:calc(100% / 3); padding:5px 0; font-size:18px;}
.detail .attr-box ul li .icon{float:left; padding-right:10px;}

.detail .form{text-align:center; font-size:18px; background:#012b52; color:#ffffff;}
.detail .form form{width:70%; margin:0 auto;}
.detail .form a{color:#ffffff;}
.detail .form .h3{font-size:2em; padding:10px 0; font-weight:bold; text-transform: uppercase;}
.detail .form p{padding:5px 0 0;}
.detail .form .line{margin: 0px; border:1px solid #012b52;}
.detail .form input {border: 0;font-size: 20px;font-weight: bold;font-family: Arial, Sans-serif;}
.detail .form input[type="tel"] {width: calc(70% - 20px); padding: 8px 10px; font-weight:normal;}
.detail .form input[type="submit"] {width: 30%;padding: 8px 5px; background: linear-gradient(#FF1717, #AE0000); color: #ffffff; cursor: pointer;}
.detail .form input[type="submit"]:hover{background: #AE0000;}
.detail .form a.gdpr{font-size:0.8em; opacity:0.5;}
.detail .form a.gdpr:hover{opacity:1;}
.detail .form .contacts{width:100%; padding:10px 0; float:left; text-align:center; font-size:2em; font-weight:bold;}

.detail h2{font-size:38px; margin:5px;}
.detail .flex{display:flex;}
.detail .flex .txt{width:100%;}
.detail .flex .w50p{width:50%;}
.detail .txt{font-size:20px; margin:15px 5px 5px;}
.detail .txt h3{font-size:26px; padding:5px 0;}
.detail .txt p{padding-bottom:10px;}
.detail .txt table td{padding-right:20px;}
.detail .txt ul{margin-left:20px;}

.detail .video{width:50%; margin-top:25px;}
.detail .video .img_thumb{max-width:520px;}
.detail .video img{width:100%; max-width:520px;}
.detail .video img.icon_play{width:68px; height:47px; position:absolute; top:calc(50% - 24px); left:calc(50% - 33px);}
.detail .video iframe{width:100%; height:calc(100% - 50px);}

.cont .caste-dotazy{margin-bottom:30px;}
.cont .caste-dotazy .ref-box.faq{margin:5px 0; cursor:pointer;}
.cont .caste-dotazy .ref-box.faq .h4{min-height:22px; font-size:1em; font-weight:normal; display:flex; align-items:center;}
.cont .caste-dotazy .ref-box.faq .h4 .symbol{width:22px; height:22px; flex-basis: 22px;flex-grow: 0;flex-shrink: 0; text-align:center; float:left; line-height: 25px;transition:0.2s;}
.cont .caste-dotazy .ref-box.faq .odpoved{padding:5px 3px; font-size: 0.9em; display:none;}

.cont .caste-dotazy .ref-box.faq.open .h4{font-weight:bold;}
.cont .caste-dotazy .ref-box.faq.open .h4 .symbol{transform:rotate(90deg);}

.detail .prislusenstvi{width:calc(100% / 3); float:left;}   
.detail .prislusenstvi .p-tile{width:calc(50% - 10px); margin:5px; float:left; background:#ffffff;}
.detail .prislusenstvi .p-tile a{display:block; text-decoration:none;}
.detail .prislusenstvi .p-tile h4{height:51px; margin:5px; padding:10px 0 0; text-align:center; font-size:20px; text-transform: uppercase; line-height:24px;}
.detail .prislusenstvi .p-tile .price{font-size: 18px; padding: 10px 0 0; text-align:center;}
.detail .prislusenstvi .p-tile .img{padding:10px;}
.detail .prislusenstvi .p-tile .img img{max-width:100%; transform: scale(0.95); transition: all 0.5s;}
.detail .prislusenstvi .p-tile:hover h4{color:#D11E1E;}
.detail .prislusenstvi .p-tile:hover img{transform: scale(1);}

.detail .dalsi-produkty{width:calc((100% / 3) * 2); float:right;}
.detail .dalsi-produkty .product-card{width:calc(50% - 10px);}

.detail .prislusenstvi h3, .detail .dalsi-produkty h3{font-size:26px; margin:5px;}

.lead{width:100%;}
.lead .inner-box{margin:5px; padding:10px; font-size:20px;}
.lead .bold{font-weight:bold;}
.lead button, .lead .button, .novinky button, .novinky .button{padding: 10px 15px; margin: 0 auto; margin-bottom:20px;  background: linear-gradient(#FF1717, #AE0000); font-size:20px; font-weight:bold;  color: #ffffff;  cursor: pointer; border:0;}
.lead button:hover, .lead .button:hover, .novinky button:hover, .novinky .button:hover{background: #AE0000;}

.novinky a:hover .head{text-decoration:underline;}

#fancyInline{text-align:center; font-size: 22px;}
#fancyInline h3{font-size: 30px;}


.icon .ico22{width:22px; height:22px; background-image:url(../img/icons_22.png); background-repeat:no-repeat;}
.icon .ico22.speed{background-position:0 0;}
.icon .ico22.dimensions{background-position:0 -22px;}
.icon .ico22.battery{background-position:0 -44px;}
.icon .ico22.power{background-position:0 -66px;}
.icon .ico22.range{background-position:0 -88px;}
.icon .ico22.weight{background-position:0 -110px;}
.icon .ico22.info{background-position:0 -132px;}
.icon .ico22.sett{background-position:0 -154px;}
.icon .ico22.material{background-position:0 -176px;}
.icon .ico22.check{background-position:0 -198px;}
.icon .ico22.thumb{background-position:0 -220px;}
.icon .ico22.up{background-position:0 -242px;}

.icon .ico_svg{background:none;}
.icon svg{color:#002a51;}

.icon .ico35{width:35px; height:35px; background-image:url(../img/icons_33.png); background-repeat:no-repeat;}
.icon .ico35.speed{background-position:0 0;}
.icon .ico35.dimensions{background-position:0 -35px;}
.icon .ico35.battery{background-position:0 -70px;}
.icon .ico35.power{background-position:0 -105px;}
.icon .ico35.range{background-position:0 -140px;}
.icon .ico35.weight{background-position:0 -175px;}
.icon .ico35.info{background-position:0 -210px;}
.icon .ico35.sett{background-position:0 -245px;}
.icon .ico35.material{background-position:0 -280px;}
.icon .ico35.check{background-position:0 -315px;}
.icon .ico35.thumb{background-position:0 -350px;}
.icon .ico35.up{background-position:0 -385px;}

.half-cont{display:flex; clear:both;}
.half-box{width:calc(50% - 10px); margin:5px; background:linear-gradient(#ffffff,#E6F1FF);}
.half-box .inner{padding:10px 15px;}
.half-box.ref .inner{padding-bottom:0px;}
.half-box h4{font-size:24px;}
.half-box h4 a.right{float:right; font-size:16px; font-weight:400; top:5px;}
.half-box h4 a.right:hover{text-decoration:underline;}
.half-box .line{padding:5px 0; font-size:16px; }
.half-box .line h4{font-size:18px;}

.half-box a:hover{text-decoration:none;}
.half-box a:hover .line h4{text-decoration:underline;} 

.half-box.video2 iframe{width:100%;}
.half-box.video iframe{width:100%; height:300px;}

.half-box .ref-box{width:calc(50% - 30px); margin:5px 15px; float:left;}
.half-box .ref-box .head{font-size:20px; font-weight:bold; padding:5px 0;}
.half-box .ref-box .head img{float:left;}
.half-box .ref-box .head .h4{padding:10px 10px; float:left;} 

.half-box .ref-box:hover .head .h4{text-decoration:underline;}

.siteText{}
.siteText .box{margin: 10px 5px; clear:both;}
.siteText .box .inner{padding:10px 15px;}
.siteText .box h2{margin-bottom: 10px; font-size:40px; font-weight:normal;}
.siteText .box:nth-child(odd) img{float:left;}
.siteText .box:nth-child(even) img{float:right;}
.siteText .box img{max-width:310px; max-height:280px; margin:10px 20px; }
.siteText .box img.flip{transform: scaleX(-1);-webkit-transform: scaleX(-1);}
.siteText .box p{text-align:justify;}

.address-box{width:calc(100% - 10px); margin:5px; background:linear-gradient(#ffffff,#E6F1FF); display:flex; flex-wrap:wrap;}
.address-box .topBox_outer{width:100%; display:none;}
.address-box .topBox{width:100%; display:flex;}
.address-box .topBox .box:first-child{width:calc(50% - 10px);}
.address-box .address_outer{width:100%; display:block;}
.address-box .address{width:100%; display:flex; flex-wrap:wrap;}
.address-box .arrow{width:20px; height:20px; display:none; cursor:pointer; justify-content:center; align-items:center; font-size:25px; left:calc(50% - 10px); transform: rotate(90deg);}
.address-box.open .arrow{transform: rotate(-90deg);}
.address-box .box{width:calc(25% - 10px); margin:5px; padding:10px 0; font-size:18px;}
.address-box .box img{max-width:95%; max-height:95%;}
.address-box .box.center{text-align:center;}
.address-box .box .contacts{font-size:20px; font-weight:bold; padding-top:10px;}
.address-box .box .h4{ font-weight:bold; text-transform: uppercase; padding-bottom:10px;}

.foot-menu{background:#002A51; margin:5px;}
.foot-menu ul{margin:0 10px;display:flex; justify-content:space-between; list-style:none;}
.foot-menu ul li{}
.foot-menu ul li a{padding:5px; display:block; color:#ffffff;}
.foot-menu .mobile-nav{padding:2px 5px; margin:0px auto; font-size: 16px; display:none;}

.foot-text{margin:5px; font-size:14px; text-align: justify;}
.foot-text p{padding-bottom:10px;}
.foot-text p:last-child{padding-bottom:0;}

.redBanner{color: #FF1717; padding:5px 10px; margin:0; font-size:1.2rem; text-align:center; font-weight:bold;}
.vyhodyBanner{min-height:70px; margin:5px 5px; display:flex; justify-content:space-between; color:#3F3F3F; z-index:3; font-weight:bold;}
.vyhodyBanner .vyhodyItem{width:calc((100% / 3) - 25px); padding:20px 10px; color:#002a51; background: linear-gradient(#ffffff,#E6F1FF); font-size:23px; display: flex; justify-content: center; align-items: center;}
.vyhodyBanner .vyhodyItem svg{max-width:33px; max-height:33px; margin-right:10px; color:#d11e1e;}

.c_consent_box2{width:100%; height:100%; position:fixed; top:0px; background:rgba(0,0,0,0.8); z-index:10000000; display:none;}
.c_consent_box2 .consent_flex{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.c_consent_box2 .inside{max-width:1024px; margin:0 40px; padding:20px; border:1px solid #dddddd; background:#ffffff; font-size:18px; box-shadow: 0px 0px 10px #000;}
.c_consent_box2 .h4{font-weight:bold;}
.c_consent_box2 p{font-size:1em;margin:5px 0;}
.c_consent_box2 .extended{display:none; padding:5px 0;}
.c_consent_box2 .extended .line{display:flex; gap:10px; margin-bottom:5px;font-size:0.9em;}
.c_consent_box2 .extended button{}
.c_consent_box2 .button_box{display:flex; gap:10px; align-items:center; justify-content:right;}
.c_consent_box2 button{padding:5px 10px; cursor:pointer; border:1px solid #999999;}
.c_consent_box2 button.accept{background:#44a544; color:#ffffff; font-weight:bold; font-size:1.1em; padding:10px 15px;}
.c_consent_box2 button.decline, .c_consent_box2 button.save, .c_consent_box2 button.settings{background:#ffffff; font-size:0.8em;}
.c_consent_box2 button.accept:hover{background:#4cc34c;}
.c_consent_box2 button.decline:hover,.c_consent_box2 button.save:hover, .c_consent_box2 button.settings:hover{background:#dddddd;}
.c_consent_box2 .button_box .settings{font-size:0.8em;}
.c_consent_box2 .button_box>.left{margin-right: auto;}
.c_consent_box2 .button_box>.right{margin-left: auto;}

.left{float:left;}
.right{float:right;}

.bold{font-weight:bold;}

.text-center{text-align:center;}

.hidden, .hide{display:none !important;}
.clear{clear:both;}
.block{display:block;}

@media (max-width: 1400px){
.kontakt-box{width: calc(50% - 20px); margin: 65px 10px 20px;}
.menu .ul{max-width:unset;}
/*.form-box .form .h3{font-size:24px; margin-bottom: 5px; line-height:26px;}*/
.form-box .form p{line-height:20px;}
.form-box .form .line{margin: 10px 0 5px;}

.product-card .imgbox{min-height: 23vw;}

.detail .prislusenstvi h3, .detail .dalsi-produkty h3{font-size:22px;}
.detail .prislusenstvi .p-tile h4{font-size:18px; line-height:18px;}
}

@media (max-width: 1160px){
.tile img{max-width: 140px; max-height: 100px;}
.form-box .form {width: 90%; padding: 15px 20px;}
.form-box .form .h3{font-size:1.6em; margin-bottom: 5px;}
.form-box .form .line{margin: 10px 0 5px;}
.form-box img.mapa{max-width:380px; width:36%; left:38%; top:0;}
.form-box .text {width:27%; font-size:26px;}
.left-menu .menu-line .nazev{font-size:22px;} 
.product-card .stars-box{font-size: 18px;}
.product-card .disc{width:50px; height:50px; font-size:20px;line-height:50px;}
.product-card .name h3{font-size:26px;}
.product-card .parambox {font-size: 16px;}
.product-card .price .old{font-size:16px;}
.product-card .price .new{font-size:28px; line-height: 28px;}
.product-card .parambox ul li .icon{margin-right:5px;}

.detail .title h3{font-size:36px;}
.detail .pricebox .price .label{font-size:20px; line-height:22px;}
.detail .pricebox .price .label .bold{font-size:28px;}
.detail .pricebox .price-small .label{font-size: 16px; line-height: 18px;}
.detail .pricebox .price-small .label .bold{font-size: 20px;}
.detail .pricebox .price .old{font-size: 20px;}
.detail .pricebox .price .new{font-size:32px;line-height: 30px;}
.detail .pricebox .price-small .old{font-size: 16px;}
.detail .pricebox .price-small .new{font-size: 26px; line-height: 18px;}
.detail .form form{width:90%;}
.detail h2{font-size:32px;}
.detail .txt h3{font-size:22px;}
.detail .txt{font-size:18px;}
.detail .prislusenstvi .p-tile h4{height: 46px;}
.detail .prislusenstvi .p-tile .price{padding:8px 0 0;}
.foot-menu ul{margin:0 5px;}
.foot-menu ul li{border-right:1px solid #2b5174;}
.foot-menu ul li:last-child{border-right:0;} 
 
}
@media (max-width: 1024px){
.menu .ul div a{padding:0 26px; font-size:22px;}
.menu .ul div a span{display:none;}
.menu .ul div a span.mobile-u1200{display:block !important;}
.redBanner span{display:none;}
.tile img{max-width: 110px; max-height: 90px;}
.form-box .form{width:100%;}
.form-box .form form{width:45%;}
.form-box .form p{line-height:18px; font-size:18px;} 
.form-box img.img{display:none;}
.form-box img.mapa {width: 50%; max-width:360px; left: unset; right: 10px; top: -5px;}
.form-box .text{width:38%;}
.left-menu .menu-line{padding:10px 10px;}
.left-menu .menu-line .icon{display:none;}
.left-menu .menu-line .nazev{font-size:20px;}
.product-card{width:calc(50% - 10px);}
.product-card .stars-box{font-size:16px;}

.product-card .imgbox{min-height: 35vw;}

.detail .title h3{font-size:32px;}
.detail .pricebox{width:100%;}
.detail .gal{width:calc(100% - 10px);}
.detail .gal .ph_top img{max-width:90%; max-height:90%;}
.detail .form{width:calc(100% - 10px);}
.detail .prislusenstvi,.detail .dalsi-produkty{width:100%; float:none;}
.detail .prislusenstvi .p-tile{width:calc(25% - 10px);}

.detail .video_box{flex-direction:column-reverse;}
.detail .video_box .txt{width:100%;}

.half-box .ref-box{width:calc(100% - 30px);}

.address-box .box{width:calc(50% - 10px);}
.address-box .topBox{display:grid; grid-template-columns: 50% 50%; grid-auto-flow: column;}
.address-box .topBox .box:first-child {width:calc(100% - 10px); grid-column: 1; grid-row: 1 / 3; place-self: center stretch;}
.address-box .topBox .box{width:calc(100% - 10px); padding:0; text-align:center;}
.vyhodyBanner .vyhodyItem{font-size:20px;padding: 10px 10px;}
.vyhodyBanner .vyhodyItem svg{max-width:22px; max-height:22px;} 
}
@media (max-width: 768px){
.redBanner{font-size:1rem;}
.logo{width:80%; height:auto; float:unset; margin:20px auto 5px;}
.kontakt-box{width:calc(100% - 10px); margin:0 10px 10px; float:unset; text-align:center;}
.kontakt-box .tel, .kontakt-box .mail{width:50%; float:left;padding:5px 0;}
.menu .ul div a{padding:0 20px; font-size:18px;}
.tile .head{font-size:22px; line-height:24px;}
.tile img{max-width: 105px; max-height: 80px;}
.form-box .form input {font-size:18px;}
.form-box img.mapa{max-width: 280px; top: 20px;}
.form-box .text{width:42%; font-size:24px;}
.category-head-box h2{font-size:26px; padding: 10px 0;}
.category-head-box h2 img{max-width:40px; max-height:40px; margin-bottom: -13px;}
.product-card .stars-box .stars, .detail .stars-box .stars{width:83px; height:15px; margin:1px 0 0 5px;}
.product-card .disc{width:44px; height:44px; line-height:44px; font-size:18px;}
.product-card .price .new{font-size:24px; line-height:24px;}
.product-card .price .old {bottom: 0; font-size: 16px;}
.product-card .parambox{margin:5px 10px; padding: 5px 0;}
.product-card .parambox ul li{line-height:14px; display: flex; align-items: center;}
.product-card .parambox ul li .icon{padding:5px 0;} 
.detail .video_box .video{width:70%;}
.cont .ref-box{padding:5px 10px 5px 5px;}
.half-cont{display:block;}
.half-cont .half-box{width: calc(100% - 10px);}
.address-box .box{font-size:14px;}
.address-box .box img{max-width:70%; max-height:100%;}
.vyhodyBanner .vyhodyItem{flex-direction:column; justify-content: space-between; text-align:center;}
.address-box .topBox .box img{max-width: 95%;}
}
@media (max-width: 640px){
.menu .ul{display:none;}
.menu.top-menu .mobile-nav{display:block;} 
.tile{width:calc(50% - 10px); height:130px;} 
.tile img{max-width: 130px; max-height: 90px;}
.form-box .form{width:calc(100% - 40px); background:#002a51;}
.form-box .form form{width:100%;}
.form-box .text{width:43%; font-size:19px; color:#ffffff; background: #002a51;}
.form-box img.mapa{display:none;}
.left-menu-box{width:70px;}
.left-menu .menu-line{padding:8px 5px;}
.left-menu a.active .menu-line{border: 1px solid #002A51;}
.left-menu .menu-line .icon{height:30px; display:flex;}
.left-menu .menu-line .nazev{display:none;}
.product-card .imgbox{min-height: 41vw;}
.product-card .name{font-size:16px;}
.product-card .name h3{height: 55px; font-size:24px; line-height: 26px;}
.product-card .price .new{font-size:24px;}
.product-card .parambox{height: 65px;font-size:14px;}
.product-card .parambox ul li{line-height:12px; padding:2px 5px;}
.product-card .parambox ul li .icon{top:2px; padding:3px 0; margin-right: 0px;}
.product-card button, .product-card .button{width:140px; height:30px; font-size:20px; line-height:30px;}
.icon .ico22{width: 16px; height: 16px; background-image: url(../img/icons_16.png);}
.icon .ico_svg{background:none;}
.icon .ico22.speed{background-position:0 0;}
.icon .ico22.dimensions{background-position:0 -16px;}
.icon .ico22.battery{background-position:0 -32px;}
.icon .ico22.power{background-position:0 -48px;}
.icon .ico22.range{background-position:0 -64px;}
.icon .ico22.weight{background-position:0 -80px;}
.detail .title{padding:5px 10px;}
.detail .title .stars-box{height:auto; font-size:16px;}
.detail .title .stars-box .stars{width: 83px; height: 15px;}
.detail .title h3{font-size:26px; padding:5px 0;}
.detail .title .prefix{padding:0 10px 0 1px;}
.detail .title .info{font-size:16px;}
.detail .pricebox .price .label{font-size: 18px; line-height: 20px;}
.detail .pricebox .price .label .bold{font-size: 24px;}
.detail .pricebox .price .old{font-size: 18px;}
.detail .pricebox .price .new{font-size:28px; line-height:24px;}
.detail .pricebox .price-small .label{font-size: 14px; line-height: 16px;}
.detail .pricebox .price-small .label .bold{font-size:18px;}
.detail .pricebox .price-small .old{font-size:14px;}
.detail .pricebox .price-small .new{font-size: 20px; line-height: 16px;}
.detail .attr-box ul li{font-size:16px;}
.detail .attr-box ul li .icon{padding-right:5px;top: -2px;}
/*.detail .form .contactsbox{padding:15px 0 20px;}*/
.detail .form .contacts{width:100%; padding:5px 0;}

.detail h2{font-size:28px;}
.detail .txtbox{margin-bottom:20px;}
.detail .flex{flex-wrap:wrap;}
.detail .txt h3{font-size:20px;}
.detail .txt {font-size:16px;}

.detail .video img.icon_play{width:48px; height:33px; position:absolute; top:calc(50% - 16px); left:calc(50% - 24px);}

.detail .prislusenstvi .p-tile{width:calc(50% - 10px);}

.detail .dalsi-produkty .product-card{width:calc(100% - 10px);}

.cont{width:calc(100% - 80px);}

.foot-menu{padding:10px 0;}
.foot-menu ul{display:none;}
.foot-menu .mobile-nav{display:block;} 
.vyhodyBanner .vyhodyItem{font-size:18px;}
}
@media (max-width: 520px){
.redBanner{font-size:0.9rem;}
.kontakt-box .tel, .kontakt-box .mail{width:100%;}
.tile img{max-width: 110px; max-height: 70px;}
.form-box .form .h3{font-size:20px;}
.form-box .form p{font-size:16px;}
.form-box .form input{font-size:16px;}
.form-box .form form{width:100%;}
.form-box .text{width:calc(100% - 40px); padding:10px 20px; font-size:26px; position:relative;}
.product-card{width:calc(100% - 10px);}
.product-card .stars-box{font-size:20px;}
.product-card .stars-box .stars, .detail .stars-box .stars{width: 115px; height: 21px; margin-left: 10px;}
.product-card .disc{width: 68px; height: 68px; font-size: 26px; line-height: 66px;}
.product-card .imgbox{min-height: 80vw;}
.product-card .name{font-size: 18px;}
.product-card .name h3{height: 60px; font-size: 28px; line-height: 30px;}
.product-card .price .old{font-size:18px;}
.product-card .price .new{font-size: 30px; line-height: 36px;}
.product-card .parambox{height:80px; font-size:16px;}
.product-card .parambox ul li{line-height: 14px; padding: 5px 5px;}
.product-card .parambox ul li .icon{top: 0px; padding: 5px 0; margin-right:5px;}
.icon .ico22{width:22px; height:22px; background-image:url(../img/icons_22.png);}
.icon .ico22.speed{background-position:0 0;}
.icon .ico22.dimensions{background-position:0 -22px;}
.icon .ico22.battery{background-position:0 -44px;}
.icon .ico22.power{background-position:0 -66px;}
.icon .ico22.range{background-position:0 -88px;}
.icon .ico22.weight{background-position:0 -110px;}
.icon .ico_svg{background:none;}
.product-card button, .product-card .button{width: 155px; height: 40px; font-size: 22px; line-height:40px;}

.detail .title h3{font-size:20px;}
.detail .title .prefix{font-size:14px;}
.detail .title .info{font-size:14px;}
.detail .pricebox .col{width:calc(100% - 10px);}
.detail .pricebox .price .label {font-size:16px; line-height:18px;}
.detail .pricebox .price .label .bold{font-size:20px;}
.detail .pricebox .price .old{font-size:16px;}
.detail .pricebox .price .new {font-size: 20px; line-height: 18px;}

.detail .attr-box ul li{width:50%;}

.detail .form form{font-size:16px;}
.detail .form .h3{font-size:20px;}
.detail .form input{font-size:16px;}

.detail h2{font-size:24px;}
.detail .flex{flex-wrap:wrap;}
.detail .prislusenstvi h3, .detail .dalsi-produkty h3{font-size:20px;}
.detail .prislusenstvi{width:calc(100% - 5px); padding:2.5px;}
.detail .prislusenstvi h3{margin:2.5px;}
.detail .prislusenstvi .p-tile{width: calc(50% - 5px); margin:2.5px;}

.address-box{display:block;}
.address-box .box{width:calc(50% - 10px); float:left;}
.address-box .box:nth-child(1){width:calc(100% - 10px);}
.foot-text{font-size:12px;}
.vyhodyBanner .vyhodyItem{width: calc((100% / 3) - 24px); font-size:15px;}
.address-box .topBox{display:flex; flex-direction:column;padding: 10px 0;}
.address-box .topBox .box img{max-width:80%;}
}
@media (max-width: 400px){                                                                        
.logo{width:90%;}
.menu{margin:0px 5px;}
.tiles{padding:2.5px;}
.tile{width: calc(50% - 5px);height:120px;border-width: 2.5px;}
.tile .head{font-size:20px; line-height:22px;}
.tile img{max-width: 100px; max-height: 60px;}
.form-box .text{font-size:20px;}
.left-menu-box{width:50px;  margin-right:0;}
.left-menu .menu-line .icon{width:30px; margin:0 5px; }
.cont{width:calc(100% - 55px);}
.category-head-box h2{font-size:20px;}
.category-head-box h2 img{display:none;}

.form-box .form input[type="tel"]{width: calc(65% - 20px);}
.form-box .form input[type="submit"]{width:35%;}

.product-card{margin-top:0px;}
.product-card .stars-box{font-size:14px;}
.product-card .stars-box .stars{width: 83px; height: 15px;}
.product-card .disc{width:45px; height:45px; font-size:18px; line-height:45px;}
.product-card .name h3{height:44px; font-size:20px; line-height:22px;}
.product-card .name .prefix{font-size:16px; line-height: 14px;}

.product-card .price .old{font-size:14px;}
.product-card .price .new{font-size:18px; line-height: 24px;}
.product-card .parambox{height:65px; font-size:14px;}
.product-card .parambox ul li{padding:0 5px;}

.product-card button, .product-card .button{width: 140px; height:30px; font-size:18px; line-height:30px;}

.half-box.video iframe{height:210px;}

.detail .pricebox .price-small .label {font-size: 12px; line-height: 14px;}
.detail .pricebox .price-small .label .bold{font-size:18px;}

.detail .attr-box .inner{padding:5px;}
.detail .attr-box ul li{font-size:14px;}

.detail .form .inner{padding:5px;}
.detail .form form{width:100%; font-size:14px;}
.detail .form .h3{font-size:18px;}
.detail .form input{font-size:14px;}
.detail .form p{padding:5px 5px 0;}
.detail .form .contacts{font-size:1.6em; padding:10px 0;}

.detail h2{font-size:20px;}
.detail .txt{font-size:14px;}
.detail .txt h3{font-size:18px;}
.detail .prislusenstvi h3,.detail .dalsi-produkty h3{font-size:18px;}

.detail .prislusenstvi .p-tile h4{font-size: 16px; line-height: 16px;}
.detail .prislusenstvi .p-tile .price{font-size:16px;}
.vyhodyBanner .vyhodyItem{width: calc((100% / 3) - 26px); border: 3px solid #E6F1FF;}
.address-box .box{width:calc(100% - 10px);}
.address-box .topBox .box img{max-width:95%;}
}