@CHARSET "UTF-8"; html {  --font1:arial;  --fontSize1:16px;  --colorRed:#e80404;  --colorGray:gray;  --colorLightGray:#DDDDDD;  --colorDarkGray:#111013;  --colorWhite:#FFFFFF;  --colorBlack:#000000; } body {   font-family:'Open Sans', sans-serif; } iframe {   border:0; }  #containerdl .fail-block {   padding-bottom:50px !important; } #containerdl .fail-head {   position:relative;   margin-bottom:-50px; } #containerdl .fail-head h2 {   font-size:282px !important;   line-height:282px !important; } #containerdl .fail-head h2 em {   font-weight:500 !important;   font-style:normal;   font-family:'Kanit', sans-serif; } #containerdl .fail-head2 {   display:flex;   justify-content:center; } #containerdl .fail-head2 h2 {   position:absolute;   top:135px;   font-weight:bold !important;   font-size:101px !important;   line-height:101px !important;   font-weight:100 !important; } #containerdl .fail-t2 {   color:var(--colorBlack) !important;   display:flex;   justify-content:center; } #containerdl .fail-t2 .padi {   max-width:600px; } #containerdl .fail-t1 {   font-size:24px !important;   line-height:30px !important;   margin-top:30px !important;   margin-bottom:20px !important; } @media screen and ( max-width:700px ) {   #containerdl .fail-head h2 {  font-size:170px !important;  line-height:170px !important;   }  #containerdl .fail-head2 h2 {  font-size:50px !important;  line-height:50px !important;  top:95px !important;   } } @media screen and ( max-width:410px ) {   #containerdl .fail-head h2 {  font-size:120px !important;  line-height:120px !important;   }  #containerdl .fail-head2 h2 {  font-size:40px !important;  line-height:40px !important;  top:70px !important   } }  @media screen and (max-width:1000px) {   #hTop .col {  width:100% !important;   }  #hTop .padibc {  display:block !important;   } } .bx-wrapper .bx-pager.bx-default-pager a {   background:#000; } .psSliderCont .psSlider .item {   background-size:contain; } .psSliderCont .bx-wrapper .bx-controls-auto, .psSliderCont .bx-wrapper .bx-pager {   bottom:0; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {   background:var(--colorRed); } .psSliderCont .title {   font-size:25px;   line-height:35px;   color:#000000;   font-family:'Kanit', sans-serif; } .psSliderCont .description {   font-size:13px;   line-height:25px;   color:#9d9d9d;   text-transform:uppercase;   font-weight:100; } .psSliderCont a {   text-decoration:none; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next {   background-size:20px;   width:20px !important;   height:40px !important;   background-position:center;   opacity:0.4; } .bx-wrapper .bx-next {   background-image:url(/data/electron_cz/arrow-right.svg);   right:0px; } .bx-wrapper .bx-prev {   background-image:url(/data/electron_cz/arrow-left.svg);   left:0px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {   background-position:center;   opacity:1; } @media screen and (max-width:750px) {   .bx-wrapper .bx-prev, .bx-wrapper .bx-next {  display:none !Important;   } } .quot {   color:#FFFFFF;   display:grid !important;   grid-template-columns:repeat(2, 1fr);   grid-gap:50px; } @media screen and (max-width:550px) {   .quot {  grid-template-columns:repeat(1, 1fr);   } } .quot h3, .quot h3 a {   font-family:'Kanit', sans-serif;   font-size:18px;   line-height:28px;   font-weight:normal;   margin-top:0;   text-decoration:none;   color:#FFFFFF; } .quot span {   display:block;   color:#c7c7c7;   text-transform:uppercase;   border-bottom:1px solid #555;   margin-bottom:10px;   width:fit-content; } .quot h3 a:hover {   text-decoration:underline; } .c2bl700 .col2 {   border-left:1px solid #AAAAAA; } @media (max-width:650px) {   .c2bl700 .col2 {  border:none;   } } .phone, .email {   background-image:url(/data/electron_cz/ico_phone_black.svg);   background-size:22px !important;   background-repeat:no-repeat !important;   background-position:left center !important;   padding-left:30px !important; } .email {   background-image:url(/data/electron_cz/ico_email.svg); } #edBg {   z-index:1001; } @media (max-width:1000px) {   h1 {  font-size:40px !important;  line-height:50px !important;   } } @media (max-width:650px) {   h1 {  font-size:30px !important;  line-height:40px !important;   } } @media (max-width:1000px) {   h2 {  font-size:27px !important;  line-height:33px !important;   } } @media (max-width:650px) {   h2 {  font-size:22px !important;  line-height:28px !important;   } } @media screen and (max-width:700px) {   .video iframe {  width:100%;  height:45vw;   } } .col.w800 > .padic {   max-width:800px;   float:right !important; } .pdf a {   background-image:url(/data/electron_cz/pdf.svg);   background-size:22px;   background-repeat:no-repeat;   background-position:left center;   padding:10px 0 10px 30px; } .col.w90 .padic {   max-width:90%; } @media screen and (max-width:700px) {   .col.w90 .padic {  max-width:100%;   } } .text ul:not( .menu--breadcrumb ) {   padding-left:0;   list-style:none; } .text ul:not( .menu--breadcrumb ):not( .news--items ) li {   margin-bottom:15px;   padding-left:16px;   position:relative;   &:before {  position:absolute;  content:'';  width:7px;  height:2px;  border-radius:56%;  background-color:var(--colorRed);  left:0;  top:11px;   } } .text ul ul {   margin:20px 0 20px 0; } #parametry table, #spotrebniMaterial table {   border-top:1px solid var(--colorLightGray);   border-left:1px solid var(--colorLightGray); } #parametry table tr td, #spotrebniMaterial table tr td {   border-right:1px solid var(--colorLightGray);   border-bottom:1px solid var(--colorLightGray);   width:fit-content; } #parametry .top table tr:nth-child( 1 ) td, #spotrebniMaterial table tr:nth-child( 1 ) td {   background-color:#111013;   border-color:#111013;   color:#FFFFFF; }  @media screen and (max-width:800px) {   #parametry table,   #spotrebniMaterial table {  overflow:auto;  display:block;  width:auto;  max-width:fit-content;  margin:0 auto 0 auto;   }  #parametry table tbody,   #spotrebniMaterial table tbody {  display:block;  min-width:max-content;   } } .eDetail table tr td {   border:none; } .eDetail img {   min-width:22px; } .contactTable td {   padding:5px 0 5px 0; } .contactTable tr td:first-child {   padding-right:20px; } .line.red hr {   border-color:var(--colorRed) !important;   border-width:2px !important;   width:70px; } .w50f .col {   width:50% !important; } #productH1 .padib {   background:var(--colorDarkGray);   background:linear-gradient(170deg, rgba(17, 16, 19, 1) 40%, rgb(69 69 69) 100%); } #productH1 .padibc {   display:flex !important;   align-items:center; } @media screen and (max-width:1000px) {   #productH1 .col {  width:100% !important;   }   #productH1 .padibc {  display:block !important;   }  #productH1 .col1 .padic {  padding-top:50px !important;  padding-bottom:20px !important;   }  #productH1 .col2 .padic {  padding-top:0 !important;   } } #productH1 .col2 img {   width:90% !important; } #pageButs .text .padi {   width:fit-content;   margin:0 auto 0 auto; } #pageButs .text .padi a {   padding:15px 30px 15px 30px;   display:block;   float:left;   &:hover {  background-color:var(--colorDarkGray);   } } @media screen and (max-width:1000px) {   #pageButs {  display:none !important;   } } #containerdl .pmore {   position:absolute;   width:fit-content !important;   top:65px;   right:30px; } #containerdl .pmore .padi {   float:right; } @media screen and (max-width:600px) {   #containerdl .pmore {  display:none;   } } .labels {   position:absolute;   left:20px;   top:20px;   margin:0 !important; } .labels > div, .labelnew .padi {   padding:0 10px 0 10px;   margin-bottom:20px;   background-color:var(--colorRed);   color:var(--colorWhite);   font-family:'Kanit', sans-serif;   border-radius:7px; } .labelnew .padi {   width:fit-content; } .gNoth, .gOk {   font-size:20px;   font-weight:400; } .text.icoPhone a, .text.icoEmail a {   background-image:url(/data/electron_cz/ico_email.svg);   background-size:15px !important;   background-position:left center !important;   background-repeat:no-repeat !important;   padding-left:25px !important; } .text.icoPhone a {   background-image:url(/data/electron_cz/ico_phone.svg); } .button a {   position:relative;   overflow:hidden;   z-index:1;   &:before {  content:'';  position:absolute;  bottom:0;  left:0;  width:0%;  height:100%;  background-color:var( --colorRed );  transition:all .3s;  z-index:-1;  opacity:0;   }   &:hover {  background-color:var( --colorRed ) !important;  &:before { width:100%; opacity:1;  }   } } .button.white a {   &:before {  background-color:var(--colorWhite);   }   &:hover {  &:before { background-color:var(--colorWhite) !important;  }   } } .button.black a {   &:before {  background-color:var(--colorBlack);   }   &:hover {  &:before { background-color:var(--colorBlack) !important;  }   } } .button.arrow a {   background-image:url(/data/electron_cz/arrow-right-white.svg);   background-size:15px !important;   background-position:right+25px center !important;   background-repeat:no-repeat !important;   padding-right:50px !important;   &:before {  background-image:url(/data/electron_cz/arrow-right-black.svg);  background-position:right+25px center !important;  background-repeat:no-repeat !important;  background-size:15px !important;   }   &:hover {  background-position:150% center !important;   } } .button.arrow.black a {   background-image:url(/data/electron_cz/arrow-right-white.svg);   &:before {  background-image:url(/data/electron_cz/arrow-right-white.svg);   } } @media screen and (min-width:1000px) {   #contactUsBottom {  width:auto !important;  position:absolute;  right:30px;  top:72px;   } } .max50p {   max-width:50%; } @media screen and (max-width:1000px) {   .max50p {  max-width:100%;   } }  .menu--breadcrumb {   font-size:12px;   line-height:31px;   color:#000000;   width:fit-content; } .menu.center .menu--breadcrumb {   margin:0 auto 0 auto; } .menu--breadcrumb li {   background:none !important;   padding:0 !important;   margin-right:20px !important;   position:relative;   background:none; } .menu--breadcrumb li::after {   content:'/';   position:absolute;   top:0;   left:-13px;   color:#AAAAAA; } .menu--breadcrumb li .delimiter {   display:none; } .menu--breadcrumb .menu-item.item--first {   font-size:0;   width:15px;   height:16px;   background:url(/data/electron_cz/home_black.svg) center top no-repeat !important;   background-size:13px !important;   cursor:pointer;   margin-top:8px;   opacity:0.7;   transition:opacity 0.3s ease-in-out;   -webkit-transition:opacity 0.3s ease-in-out;   -moz-transition:opacity 0.3s ease-in-out; } .white .menu--breadcrumb .menu-item.item--first {   background-image:url(/data/electron_cz/home_white.svg) !important; }  #cookie, #cookieDialog {   font-family:var(--font1);   font-size:var(--fontSize1);   color:var(--colorBlack) } #cookie {   border:1px solid var(--colorGray);   box-shadow:0 0.625em 1.875em rgb(2 2 3 / 28%); } #cookieDialog {   overflow-y:auto !important; } #cookieDialog .accordion h3, .cookieTitle {   font-family:var(--font1);   font-weight:500 !important; } .cookieButAgree, #cookieDialog .yesno.active {   background-color:var(--colorRed) !important;   border-color:var(--colorRed) !important; } .cookieButSave, .cookieButSettings, .cookieButAgree, .cookieButReject {   padding:7px 15px 7px 15px !important; } .cookieButReject > a {   color:color:var(--colorGray); } .cookieButSave {   margin-right:20px !important; } .cookieButAgree:hover {   background-color:var(--colorBlack) !important;   border-color:var(--colorBlack) !important; } #cookie .cookieButs {   float:right !important; } #cookie .cookieButSettings:hover, .cookieButSave:hover {   background-color:var(--colorBlack);   border-color:var(--colorBlack);   color:var(--colorWhite); } #cookieDialog .cookieYesNo, #cookie a:hover, #cookieDialog a:hover {   color:var(--colorRed) !important; }  #topMenu_clone #menu-open a {   color:#000000 !important; } #topMenu_clone #menu-open span, #menu-close span {   background-color:#000000 !important; } #topMenu_clone {   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08)); } #topMenu #menu ul > li > div:after, #topMenu_clone #menu ul > li > div:after {   content:' ';   height:1px;   width:0;   border-bottom:1px solid var(--colorBlack);   position:absolute;   left:0;   bottom:-3px;   z-index:9;   transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -webkit-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -moz-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   opacity:0; } #topMenu #menu > ul > li > div:hover:after, #topMenu_clone #menu > ul > li > div:hover:after {   width:100%;   opacity:1; } #topMenu #menu, #topMenu_clone #menu {   width:calc( 100% - 60px );   text-align:right; } #topMenu #menu > ul, #topMenu_clone #menu > ul {   width:auto;   float:none;   display:inline-block; } #topMenu #menu > ul ul, #topMenu_clone #menu > ul ul {   border:1px solid var(--colorLightGray);   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08));   padding:10px 20px 10px 20px; } #topMenu #menu .menu--block > li > div, #topMenu_clone #menu .menu--block > li > div {   position:relative; } .menu--block>li::after {   display:none; } #topMenu > .padib > .padibc, #topMenu_clone > .padib > .padibc {   display:flex !important;   align-items:center; } #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {   width:220px !important; } #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {   width:calc( 100% - 320px ) !important; } #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {   width:100px !important; } #topMenu #menu > ul > li.hasChild > div > a, #topMenu_clone #menu > ul > li.hasChild > div > a {   background-size:10px !important;   background-image:url(/data/electron_cz/arrow-down-black.svg);   background-position:right 7px !important;   background-repeat:no-repeat;   padding:0 19px 0 0;   float:left; } #topMenu_clone #menu > ul > li > div > a {   color:#000000 !important; } #topMenu_clone #menu > ul > li.item--active > div > a {   color:var( --colorRed ) !important; } #topMenu.black #menu > ul > li.hasChild > div > a {   background-image:url(/data/electron_cz/arrow-down-white.svg); } #open-icon {   height:33px;   margin-top:0; } li#menu-close {   top:17px;   right:34px; } #menu-resp {   height:100vh; } #menu-resp > ul > li ul {   text-transform:none; } #menu-resp > ul > li > div > a {   font-size:19px;   font-weight:400; } #menu-resp a {   color:#000000 !important; } #topMenu #menu > ul ul a, #topMenu_clone #menu > ul ul a {   color:var( --colorBlack ) !important; } #topMenu #menu > ul ul a:hover, #topMenu_clone #menu > ul ul a:hover, #topMenu #menu > ul ul li.item--active a, #topMenu_clone #menu > ul ul li.item--active a {   color:var( --colorRed ) !important; } #topMenu #menu > ul ul > li > div, #topMenu_clone #menu > ul ul > li > div {   padding:10px 0 10px 0 !important; } @media screen and (max-width:1000px) {   #topMenu #menu, #topMenu_clone #menu {  width:auto;   }   #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {  width:calc( 100% - 170px ) !important;   }   #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {  width:170px !important;  float:right;  order:3;   }   #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {  display:none !important;   } }  #footerLink .padib .padibc {   border-top:1px solid #e5e5e5; } #footerLink a, #footerMenu a {   position:relative; } #topMenu #menu ul > li > div:after, #topMenu_clone #menu ul > li > div:after, #footerLink a:after, #footerMenu .col2 a:after, #footerMenu .col3 a:after {   content:' ';   height:1px;   width:0;   border-bottom:1px solid var(--colorBlack);   position:absolute;   left:0;   bottom:-3px;   z-index:9;   transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -webkit-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   -moz-transition:width 0.2s ease-in-out, opacity 0.5s ease-in-out;   opacity:0; } #topMenu #menu > ul > li > div:hover:after, #topMenu_clone #menu > ul > li > div:hover:after, #footerLink a:hover:after, #footerMenu .col2 a:hover:after, #footerMenu .col3 a:hover:after {   width:100%;   opacity:1; }  #footerMenu > .padib {   padding:70px 0 60px 0 !important; } #footerMenu > .padib > .padibc > .col1 {   width:30% !important; } #footerMenu > .padib > .padibc > .col2 {   width:20% !important; } #footerMenu > .padib > .padibc > .col3 {   width:20% !important; } #footerMenu > .padib > .padibc > .col4 {   width:30% !important; } @media screen and ( max-width:1300px ) { #footerMenu > .padib > .padibc > .col {  width:33.33% !important; }   #footerMenu > .padib > .padibc > .col1 {  width:100% !important; }   #footerMenu > .padib > .padibc > .col1 .text {  text-align:center !important; } } @media screen and ( max-width:1000px ) { #footerMenu > .padib > .padibc > .col {  width:100% !important; }   #footerMenu .h h3, #footerMenu .text, #footerMenu .img {  text-align:center !important; }   #footerMenu .menu li, #footerMenu .menu li a {  width:100%;  text-align:center;  display:block; }   #footerMenu .menu li > div {  width:max-content;  margin-left:auto;  margin-right:auto;  float:none; }   #footerMenu .padib {  padding:20px 0 20px 0 !important;   } } @media screen and ( max-width:700px ) {   #footerLink .padi {  text-align:center !important;   } }  #newsletter > div {   max-width:450px;   margin:0 auto 0 auto !important; } #newsletterInput {   position:relative; } #newsletterInput input {   margin:0 !important;   margin-top:7px !important;   text-align:left !important; } #newsletterSubmit {   position:absolute;   z-index:2;   width:130px !important;   right:4px;   top:5px;   margin:3px 0 3px 0 !important; } #newsletterSubmit a {   width:100% !important;   margin-top:3px !important;   padding:7px 15px 7px 15px !important; } .flexCenter .padibc {   display:flex !important;   align-items:center; }   @media screen and (max-width:700px) {   .flexCenter .padibc {  display:block !important;   }  } @media screen and (max-width:550px) {   #newsletterSubmit { width:100% !important; top:64px; left:0;   } #newsletterSubmit a { padding-top:10px !important; padding-bottom:10px !important;   } #newsletterInput input { text-align:center !important;   } }  #back-top {   font-family:var(--font1);   font-size:var(--fontSize1);   width:50px !important;   height:50px !important;   bottom:30px !important;   right:30px !important;   border-radius:50% !important; } #back-top .btRing svg path:nth-child( 2 ) {   stroke:var(--colorRed) !important; } #back-top .btimg {   border-bottom:21px solid #CCC !important;   border-left:12px solid transparent !important;   border-right:14px solid transparent !important;   right:12px !important;   top:13px !important; } #back-top .btimg:after {   border-bottom:23px solid #F0F0F0 !important;   border-left:13px solid transparent !important;   border-right:14px solid transparent !important;   right:-15px !important;   top:9px !important; } #back-top:hover {   background-color:var(--colorRed) !important; } #back-top:hover .btimg:after {   border-bottom-color:var(--colorRed) !important; } #back-top:hover .btimg {   border-bottom-color:var(--colorWhite) !important; }  #blog .news--items, .produkty .news--items {   display:grid !important;   grid-template-columns:repeat(4, 1fr);   grid-gap:30px;   padding:0;   margin:0;   text-decoration:none;   list-style:none; } .technologie {   position:relative; } .hall {   position:absolute;   width:120px;   height:40px;   right:0px;   top:-100px; } .hall .rF {   display:none;   float:left;   width:100%;   margin-top:20px; } .hall .rF .rFP, .hall .rF .rFN {   float:right;   width:30px;   height:30px;   border-radius:50%;   border:1px solid #e1e1e1;   background-color:#FFFFFF;   background-image:url(/data/electron_cz/arrow-page-left.svg);   background-position:center center;   background-repeat:no-repeat;   background-size:13px;   cursor:pointer; } .hall .rF .rFN {   margin-left:20px;   background-image:url(/data/electron_cz/arrow-page-right.svg); } .hall .rF > div.disabled {   cursor:default;   opacity:0.3;   border-color:#949494; } .technologie > .padi {   position:relative;   width:fit-content;   overflow-x:auto;   overflow-y:hidden;   max-width:100% !important;   margin:0px auto !important;   padding-bottom:10px; } .technologie > .padi .news--items {   width:max-content;   float:left;   margin:0px auto;   transition:margin-left 0.5s ease-in-out;   padding:0;   margin:0;   text-decoration:none;   list-style:none;   display:flex; } #blog .news--items > li, .produkty .news--items > li, .technologie .news--items > li {   cursor:pointer;   background-color:var(--colorWhite);   border-radius:20px;   position:relative; } #blog.gray .news--items > li, .produkty .news--items > li {   background-color:#f6f5f8; } .technologie .news--items > li {   float:left;   width:180px;   margin-right:20px; } .technologie .news--items > li:last-child {   margin-right:0; } #blog .news--item > li:hover .cont h3 a, .produkty .news--items > li:hover .cont h3 a, .technologie .news--items > li:hover .cont h3 a {   text-decoration:underline; } #blog .news--items > h3, .produkty .news--items > h3, .technologie .news--items > h3 {   color:var( --colorWhite );   text-decoration:none; } #blog .news--items > li > .img, .produkty .news--items > li > .img, .technologie .news--items > li > .img {   float:left;   width:100%;   height:180px;   overflow:hidden;   border-top-left-radius:20px;   border-top-right-radius:20px; } .technologie .news--items > li > .img {   height:130px; } #blog .news--items > li > .img > div, .produkty .news--items > li > .img > div, .technologie .news--items > li > .img > div {   height:100%;   background-size:cover;   background-position:center;   background-repeat:no-repeat;   transition:transform 0.2s ease-in-out;   -webkit-transition:transform 0.2s ease-in-out;   -moz-transition:transform 0.2s ease-in-out; } .produkty .news--items > li > .img > div, .technologie .news--items > li > .img > div {   background-size:contain;   height:calc(100% - 30px);   margin:20px; } #blog .news--items > li:hover > .img > div {   transform:scale(1.1); } #blog .news--items > li > .cont, .produkty .news--items > li > .cont, .technologie .news--items > li > .cont {   float:left;   padding:30px;   display:flex;   flex-wrap:wrap;   align-content:baseline; } .technologie .news--items > li > .cont {   padding:10px 20px 15px 20px; } #blog .news--items > li > .cont {   padding:30px 30px 50px 30px; } #blog .news--items > li > .cont > .date, .produkty .news--items > li > .cont > .date, .technologie .news--items > li > .cont > .date {   margin-top:20px;   font-weight:600;   position:absolute;   bottom:20px; } #blog .news--items > li > .cont > h3, #blog .news--items > li > .cont > h3 > a, .produkty .news--items > li > .cont > h3, .produkty .news--items > li > .cont > h3 > a, .technologie .news--items > li > .cont > h3, .technologie .news--items > li > .cont > h3 > a {   width:100%;   font-family:'Kanit', sans-serif;   font-size:26px;   font-weight:normal;   line-height:30px;   margin-top:0;   text-decoration:none;   color:black;   &:hover {  text-decoration:none;   } } .technologie .news--items > li > .cont > h3, .technologie .news--items > li > .cont > h3 > a {   font-size:16px;   line-height:20px;   margin-bottom:10px; } .technologie .news--items > li > .cont > .desc {   font-size:12px;   line-height:19px; } @media only screen and (max-width:1400px) {   #blog .news--items, .produkty .news--items {  grid-template-columns:repeat(3, 1fr);   } } @media only screen and (max-width:1000px) {   #blog .news--items, .produkty .news--items {  grid-template-columns:repeat(2, 1fr);   } } @media only screen and (max-width:700px) {   #blog .news--items, .produkty .news--items {  grid-template-columns:repeat(1, 1fr);   } } @media only screen and (min-width:1401px) {   #blog .news--items > li.news--item--1 {  grid-column:1 / 4;  background-color:var(--colorBlack);  color:var( --colorWhite );  border-radius:22px;   }  #blog .news--items > li.news--item--1 > .img {  width:50%;  height:100%;   }  #blog .news--items > li.news--item--1 > .cont {  float:left;  width:50%;  height:100%;  color:var( --colorWhite );   }   #blog .news--items > li.news--item--1 > .cont > h3, #blog .news--items > li.news--item--1 > .cont > h3 > a {  color:var( --colorWhite );  font-size:40px;  line-height:46px;   }   #blog .news--items > li.news--item--1 > .img {  float:left;  border-radius:0;  border-top-left-radius:20px;  border-bottom-left-radius:20px;   } }  .pages{   margin-top:50px; } .pages a {   background-color:#b6b790;   text-decoration:none; } .pages a {   width:30px;   height:30px;   background-color:var(--colorLightGray);   border-radius:50%;   display:inline-block;   line-height:30px;   color:var( --colorWhite);   margin:0 3px 0 3px; &:hover {  background-color:var( --colorRed ) !important;  } } .pages span{  width:30px;   height:30px;   background-color:var( --colorGray);   border-radius:50%;   display:inline-block;   line-height:30px;   color:var( --colorWhite);   margin:0 3px 0 3px; }   #membership>label>div.price, .pages span, .weatherItem .weatherBottom .wRow.wRowTop {   font-weight:700; }  #menu-resp #searchSmall {   background-image:url(/data/electron_cz/ico/ico_search_black.svg);   background-position:left center;   background-repeat:no-repeat;   background-size:14px !important;   width:fit-content;   margin:20px auto 0 auto;   float:none;   font-weight:100;   padding-left:20px !important; } #topMenu .col3 #search, #topMenu_clone .col3 #search {   float:left;   width:22px;   height:22px;   padding:0;   margin-top:1px;   margin-right:10px;   background-image:url(/data/electron_cz/ico/ico_search_black.svg);   background-position:center center;   background-repeat:no-repeat;   background-size:22px !important;   cursor:pointer; } #topMenu .col3 #search.white, #topMenu_clone .col3 #search.white {   background-image:url(/data/electron_cz/ico/ico_search_white.svg); } .ui-autocomplete {   max-width:100%;   padding:20px 0 10px 0; } .ui-autocomplete.big {   display:block !important;   opacity:0;   width:100%;   max-width:550px !important;   margin-left:calc(50% - 275px);   z-index:1001;   top:10px !important;   left:0 !important;   border-radius:30px;   box-shadow:inset 0px -10px 20px rgb(0 0 0 / 10%);   padding:15px 10px 10px 10px; } .ui-autocomplete li, .ui-autocomplete li a {   text-decoration:none;   color:#000000;   font-size:var( --fontSize1 );   margin:0 !important;   border-radius:20px; } .ui-autocomplete .ui-autocomplete-category {   font-weight:bold;   padding:7px 20px 7px 20px !important; } .ui-autocomplete li a, .ui-autocomplete li.ui-menu-item {   padding:7px 25px 7px 25px !important; } .ui-autocomplete.ui-autocomplete-no-result li {   text-decoration:none;   color:#999;   cursor:default !important; } .ui-autocomplete:not( .ui-autocomplete-no-result ) li.ui-state-focus {   padding:7px 35px 7px 35px !important; } .ui-autocomplete.ui-autocomplete-no-result li.ui-state-focus {   background:transparent !important; } .searchResult {   margin:0 30px 0 30px;   font-size:var( --fontSize1 );   line-height:28px; } .searchResult .search--items {   list-style:none; } .searchResult .search--items li {   margin-bottom:20px; } .searchResult .search--items li .title a {   font-size:20px;   color:#000000;   text-decoration:none; } .searchResult .search--items li .title a:hover {   text-decoration:underline; } .searchResult .search--result {   background:#f4f4f4;   padding:0 2px 0 2px } .ui-autocomplete:not( .ui-autocomplete-no-result ) .ui-state-focus, .ui-autocomplete:not( .ui-autocomplete-no-result ) .ui-state-active, .ui-state-focus a, .ui-state-focus a:visited, .ui-autocomplete.big.ui-autocomplete:not( .ui-autocomplete-no-result ) li:not( .ui-autocomplete-category ):hover {   margin:0 !important;   border:none;   background:transparent; } .ui-autocomplete:not( .ui-autocomplete-no-result ) .ui-state-focus a, .ui-state-focus a, .ui-state-focus a:visited, .ui-autocomplete.big.ui-autocomplete:not( .ui-autocomplete-no-result ) li:not( .ui-autocomplete-category ):hover {   background:var( --colorGrayLight ); } .ui-autocomplete.big li a {   display:block;   width:100%;   -webkit-transition:none;   -moz-transition:none;   -o-transition:none;   transition:none;   padding:10px 20px 10px 20px !important; } .ui-autocomplete.big li:hover a {   color:#000000; } .ui-state-focus a, .ui-state-focus a:visited {   background:transparent !important; } #cover {   position:fixed;   top:0;   left:0;   width:100%;   height:100%;   z-index:1001;   background:rgba( 0, 0, 0, 0.7 );   display:none; } #tSearchForm {   position:absolute;   width:550px;   margin-left:calc(50% - 275px);   max-width:100%;   z-index:1002;   opacity:0;   top:0; } #tSearchForm input[type="submit"], #tSearchForm input[type="button"] {   position:absolute;   width:25px;   height:25px;   margin:16px 0 0 15px;   background:url(/data/electron_cz/ico/ico_search_black.svg) center center no-repeat;   background-size:20px;   border:none;   cursor:pointer;   outline:none;   font-size:0;   -moz-opacity:0.7;   -khtml-opacity:0.7;   opacity:0.7;   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);   filter:alpha(opacity=70); } #tSearchForm input[type="submit"]:hover, #tSearchForm input[type="button"]:hover {   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);   filter:alpha(opacity=100); } #tSearchForm input[type="button"] {   background-image:url(/data/electron_cz/ico/ico_close_black.svg);   width:20px;   height:20px;   background-size:30px;   margin:20px 0 0 -35px;   display:none; } #tSearchForm input[name="searchString"] {   width:100%;   margin-left:0;   padding-left:40px;   padding-right:40px;   outline:none;   border:none;   background:#fff;   padding:20px 50px 20px 50px;   font-size:var( --fontSize1 );   letter-spacing:-.01em;   border-radius:30px !important;   box-shadow:5px 8px 20px rgba( 0, 0, 0, 0.1 ); } .sOkMess, .ebOMs.ebOMbok {   font-size:19px !important;   color:#87be00 !important; } @media screen and (max-width:600px) {   #tSearchForm {  position:absolute;  width:90%;  margin-left:5%;   }  .ui-autocomplete.big {  width:90%;  margin-left:5%;   } }