@CHARSET "UTF-8"; @font-face{   font-family:'Lato-Regular';   src:url( '/data/web_celpap/fonts/Lato-Regular.ttf' );   font-weight:400;   font-display:swap; } @font-face{   font-family:'Lato-Medium';   src:url( '/data/web_celpap/fonts/Lato-Medium.ttf' );   font-weight:500;   font-display:swap; } @font-face{   font-family:'Lato-Bold';   src:url( '/data/web_celpap/fonts/Lato-Bold.ttf' );   font-weight:700;   font-display:swap; }  html {  --font1:'Lato-Regular', helvetica;  --font2:blue;  --fontSize1:14px;  --colorBlue:#008acb;  --colorGray:#666666;  --colorLightGray:#DDDDDD;  --colorBlack:#000000; } iframe {   border:0; } .galMore {   border:1px solid #000000;   display:table;   margin:20px auto 0 auto;   float:none;   clear:both;   padding:5px 20px;   width:max-content;   text-transform:uppercase;   cursor:pointer;   font-weight:bold;   font-size:13px; } .galMore:hover {   background-color:var( --colorBlue );   color:#FFFFFF; } .showEN, .showCS {   display:none !important; } html[lang="cs"] .showCS, html[lang="en"] .showEN {   display:block !important; } body {   color:var(--colorBlack);   font-family:var(--font1);   font-size:var(--fontSize1); } #containerdl .hOver .h {   position:absolute;   top:140px;   left:0; } .hOver .img {   position:relative;   z-index:0 !important; } .hOver .img img {   width:100%; } #containerdl .hOver .img:before {   content:'';   position:absolute;   background:rgba( 0, 0, 0, 0.3 );   top:0;   left:0;   width:100%;   height:100%; } .hOver .h h2 {   color:#000000 !important; } #containerdl .hOver .h h2 {   color:#FFFFFF !important; } .w100 a {   width:100% !important; } .firstTrBut table {   width:100%; } .firstTrBut table tr td {   width:33.33%; } .firstTrBut table tr td a {   text-wrap:nowrap; } .firstTrBut table tr:nth-child( 1 ) td a {   background-color:var(--colorBlue);   padding:10px 20px 10px 20px;   color:#FFFFFF !important; } .firstTrBut table tr:nth-child( 1 ) td a:hover {   background-color:#000000; } .firstTrBut table tr:nth-child( n+2 ) td a {   background-size:10px !important;   background-image:url(/data/web_celpap/arrow-right-blue.svg);   background-position:left 7px !important;   background-repeat:no-repeat;   padding-left:18px; } #filter {   float:left;   width:100%;   margin-bottom:20px;   display:grid;   grid-gap:30px;   grid-template-columns:repeat(3, 1fr); } #filter .hl {   font-weight:bold; } #filter .hl select {   background-color:#f4f4f4; } #filter.filter4 {   grid-template-columns:repeat(4, 1fr); } #filter select {   padding:5px; } .pages {   font-size:16px;   color:#DDDDDD; } .pages span, .pages a {   border-color:transparent !important;   line-height:20px;   padding:0 5px 0 5px; } .pages a {   color:#999999 !important;   text-decoration:none; } .pages a:hover {   border-radius:50%;   color:var(--colorBlue) !important; } .pages span {   background-color:transparent !important;   border-color:transparent !important;   font-weight:bold !important;   color:#303030 !important; } .pages a.first, .pages a.before, .pages a.next, .pages a.last {   font-family:system-ui;   font-weight:100; } .clickable .col {   cursor:pointer; } .text.tablebg table tr:nth-child( odd ) td {   background-color:#f7f7f7; } .text.tablebg img {   max-width:50px !important; } .text.tablebg table tr:nth-child( 1 ) td {   background-color:var( --colorBlue );   color:#FFFFFF;   font-weight:bold; } .text.tablebg table tr td:nth-child( 1 ) {   font-weight:bold; } .text.tablebg table tr td:nth-child( n+2 ) {   text-align:center; } .text.tablebg.prod table tr td:nth-child( n+2 ) {   text-align:left; } .text.tablebg a {   color:#000000;   text-decoration:underline; } .text.tablebg a:hover {   color:var( --colorBlue );   text-decoration:none; } @media screen and (max-width:800px) {   .text.tablebg table {  overflow:auto;  display:block;   }  .text.tablebg table tbody {  display:block;  min-width:max-content;   } } .text ul {   list-style:none;   margin:30px 0 30px 0; } .text ul ul {   list-style:none;   margin:10px 0 10px 0; } .text ul li {   background-size:10px !important;   background-image:url(/data/web_celpap/arrow-right-blue.svg);   background-position:left 7px !important;   background-repeat:no-repeat;   padding-left:18px; } #subPage {   position:relative;   background-size:cover !important; } #subPage .padib {   z-index:1;   position:relative; } #subPage:after {   content:'';   position:absolute;   width:140%;   height:100%;   left:-20%;   top:0;   background:#008acbb8;   background:linear-gradient(90deg, rgba(0, 138, 203, 0.7) 0%, rgba(0, 132, 195, 0.7) 60%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.3) 100%);   z-index:0;   transform:skew(26deg); } .menu--breadcrumb {   margin-bottom:0;   font-size:12px;   line-height:31px;   color:#FFFFFF; } .menu--breadcrumb li {   background:none !important;   padding:0 !important;   margin-right:20px !important;   position:relative; } .menu--breadcrumb li::after {   content:'/';   position:absolute;   top:0;   left:-13px;   color:#BBBBBB; } .menu--breadcrumb li a {   color:#929292;   text-decoration:none;   transition:color 0.3s ease-in-out;   -webkit-transition:color 0.3s ease-in-out;   -moz-transition:color 0.3s ease-in-out; } .menu--breadcrumb li a:hover {   color:#FFFFFF; } .menu--breadcrumb li .delimiter {   display:none; } .menu--breadcrumb .menu-item.item--first {   font-size:0;   width:15px;   height:16px;   background:url(/data/web_celpap/home_white.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; } .menu--breadcrumb .menu-item.item--first:hover {   opacity:1; } .gallery--all {   display:grid;   grid-auto-rows:20vh;   grid-gap:30px;   grid-template-columns:repeat(4, 1fr); } #galHome .gallery--all {   grid-template-columns:repeat(10, 1fr);   grid-auto-rows:10vmax;   grid-gap:0; } .firstBig .gallery--all {   display:block; } .gallery--all .gallery--item {   margin:0 !important;   width:100% !important;   height:100% !important; } .firstBig .gallery--all .gallery--item {   width:calc( 33.33% - 20px ) !important;   height:100px !important;   margin:10px !important; } .firstBig .gallery--all .gallery--item:nth-child(n+8) {   display:none; } .firstBig .gallery--all .gallery--item:first-child {   width:calc( 100% - 20px ) !important;   height:300px !important; } .gallery--all .gallery--item div {   width:100% !important;   height:100% !important; } #znacky1, #znacky2 {   position:relative; } #znacky1 .padic, #znacky2 .padic {   position:relative;   z-index:1; } #znacky1:before, #znacky2:before {   content:'';   position:absolute;   width:100%;   height:500px;   left:calc(50% - 230px);   top:40px;   background:url(/data/web_celpap/mapa_zapati.jpg);   background-repeat:no-repeat;   background-size:460px;   z-index:0;   opacity:0.4; } #znacky2:before {   background-image:url(/data/web_celpap/mapa_onas.jpg); } #sliderTop {   position:absolute;   z-index:1;   top:91px;   max-height:860px;   height:600px; } #sliderTop .padib {   height:100%;   display:flex !important;   align-items:center; } #sliderTop .padibc {   z-index:2; } #sliderTop .button {   float:left;   width:auto !important; } #sliderTop .button4 {   clear:both;   margin-right:20px !important; } #sliderTop:after {   content:'';   position:absolute;   width:140%;   height:100%;   left:-20%;   top:0;   background:#008acbb8;   background:linear-gradient(90deg, rgba(0, 138, 203, 0.7) 0%, rgba(0, 132, 195, 0.7) 60%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.3) 100%);   z-index:0;   transform:skew(26deg); } #containerdl .nbot {   position:absolute;   z-index:0;   top:50px; } #containerdl .ntop {   position:relative;   z-index:1; } .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:0 !important;   left:0 !important;   box-shadow:5px 8px 20px rgb(0 0 0 / 10%); } .ui-autocomplete li, .ui-autocomplete li a {   text-decoration:none;   color:#000000;   font-size:16px;   margin:0 !important; } .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 35px 7px 35px !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:16px;   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, .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( --colorBlue ); } .ui-autocomplete:not( .ui-autocomplete-no-result ) .ui-state-focus div, .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 div {   color:#FFFFFF !important; } .ui-autocomplete.big li a {   display:block;   width:100%;   -webkit-transition:none;   -moz-transition:none;   -o-transition:none;   transition:none; } .ui-autocomplete.big li:hover a {   color:#FFFFFF; } .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;   box-shadow:5px 8px 20px rgba( 0, 0, 0, 0.1 ); } #tSearchForm input[type="submit"], #tSearchForm input[type="button"] {   position:absolute;   width:25px;   height:25px;   margin:18px 0 0 11px;   background:url(/data/web_celpap/search.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/web_celpap/close_black.svg);   width:20px;   height:20px;   background-size:30px;   margin:22px 0 0 -33px;   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:16px;   letter-spacing:-.01em; } .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%;   } } #search, #facebookTop, #linkedinTop, #youtubeTop {   float:left;   width:15px;   height:15px;   margin-right:10px;   display:flex;   align-items:center; } #searchSmall {   width:20px;   height:20px;   float:none !important;   margin:0 auto 0 auto; } #facebookTop img, #linkedinTop img, #youtubeTop img {   float:left; } #search {   background-image:url(/data/web_celpap/search.svg);   background-size:cover;   background-position:center center; } .hrSmall hr {   padding:0;   margin:0 0 10px 0 !important;   border:2px solid #008acb !important;   width:50px; } .hrSmall.center hr {   margin:0 auto 10px auto !important; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next {   background-image:url(/data/web_celpap/arrow-left-white.svg);   background-size:50px;   background-position:center center;   width:50px !important;   height:50px !important;   opacity:0.5;   z-index:1 !important;   background-position:center center !important; } .bx-wrapper .bx-next {   background-image:url(/data/web_celpap/arrow-right-white.svg); } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {   opacity:1; } .bx-wrapper .bx-pager {   z-index:2; } .psSliderCont[data-autoplay="1"] .bx-wrapper .bx-pager.bx-default-pager a {   transition:width 0.2s ease-in-out;   -webkit-transition:width 0.2s ease-in-out;   -moz-transition:width 0.2s ease-in-out; } .bx-wrapper .bx-pager.bx-default-pager a {   border-radius:0;   background-color:#FFFFFF; } .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-color:#555555; } #sliderHome .cont {   max-width:1140px;   margin:150px auto 0 auto; } #sliderHome .cont > a {   position:static;   float:left;   text-decoration:none; } #sliderHome .bg {   position:absolute;   width:100%;   height:100%;   background:rgba( 0, 0, 0, 0.3 );   background:linear-gradient(90deg, rgba(0, 138, 203, 0.7) 0%, rgba(0, 132, 195, 0.7) 60%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.3) 100%); }  #sliderHome .title {   position:relative;   z-index:2;   float:left;   width:100%;   font-size:16px;   line-height:25px;   margin:0;   padding:0;   font-family:Lato-Regular;   text-transform:uppercase;   color:rgba(255, 255, 255, 1);   text-align:left; } #sliderHome .name {   position:relative;   z-index:2;   font-family:Lato-Bold;   color:rgba(255, 255, 255, 1);   font-size:40px;   line-height:50px;   margin-bottom:20px;   font-weight:bold;   text-align:left;   text-transform:uppercase;   text-align:left; } #sliderHome .desc {   position:relative;   z-index:2;   float:left;   width:100%;   font-size:16px;   line-height:25px;   margin:0px;   padding:0;   font-family:Lato-Regular;   color:rgba(255, 255, 255, 1);   text-align:left; } #sliderHome .but {   position:relative;   z-index:2;   float:left;   margin-top:40px;   display:inline-block;   color:#000000;   padding-top:10px;   padding-right:30px;   padding-bottom:10px;   padding-left:30px;   text-decoration:none;   border-radius:0px;   text-align:center;   background-color:#FFFFFF;   border-top-width:0px;   border-right-width:0px;   border-bottom-width:0px;   border-left-width:0px;   border-style:none;   font-size:15px;   line-height:25px;   font-family:Lato-Bold;   text-transform:uppercase;   width:fit-content;   transition:background-color 0.2s ease-in-out;   -webkit-transition:background-color 0.2s ease-in-out;   -moz-transition:background-color 0.2s ease-in-out; } #sliderHome .item:hover .but {   color:#FFFFFF;   background-color:#000000; } .pida > .padi {   display:flex !important;   align-items:center;   justify-content:center; }  #kariera .news--items {   display:grid !important;   grid-template-columns:repeat(3, 1fr);   grid-gap:30px;   list-style:none;   padding:0;   margin:0; } #kariera .news--items > li {   cursor:pointer;   background:#FFFFFF;   -webkit-box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);   box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);   padding:0; } #kariera .news--items > li a {   text-align:center;   height:150px;   display:flex;   align-items:center;   place-content:center;   font-size:20px;   color:#FFFFFF;   background-color:var(--colorBlue);   text-decoration:none;   font-weight:600;   transition:background-color 0.3s ease-in-out;   -webkit-transition:background-color 0.3s ease-in-out;   -moz-transition:background-color 0.3s ease-in-out; } #kariera .news--items > li a:hover {   background-color:var(--colorBlack); }  #news .news--items {   display:grid !important;   grid-template-columns:repeat(3, 1fr);   grid-gap:30px;   list-style:none;   padding:0;   margin:0; } #news .news--items > li {   cursor:pointer;   background:#FFFFFF;   -webkit-box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);   box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);   padding:0; } #news .news--items > li > .img {   height:180px;   position:relative;   overflow:hidden; } #news .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; } .zoom {   position:relative;   overflow:hidden; } .zoom img {   transition:transform 0.2s ease-in-out;   -webkit-transition:transform 0.2s ease-in-out;   -moz-transition:transform 0.2s ease-in-out; } #news .news--items > li:hover > .img > div, .zoom img:hover {   transform:scale(1.1); } #news .news--items > li > .cont > div {   padding:30px; } #news .news--items > li > .cont > div > h3, #news .news--items > li > .cont > div > h3 > a {   font-family:var(--font1);   font-size:20px;   font-weight:bold;   line-height:29px;   margin-top:0;   color:#000000;   text-decoration:none; } #news .news--items > li:hover > .cont > div > h3 > a, #news .news--items > li > .cont > div > h3 > a:hover {   text-decoration:underline; } #news .news--items > li > .cont > div > .more {   margin-top:20px; } #news .news--items > li > .cont > div > .more a {   color:#000000;   text-decoration:none;   font-size:13px;   font-weight:bold;   text-transform:uppercase;   position:relative;   padding-left:52px; } #news .news--items > li:hover > .cont > div > .more a, #news .news--items > li > .cont > div > .more a:hover {   text-decoration:underline; } #news .news--items > li > .cont > div > .more a:before {   content:'';   position:absolute;   width:40px;   height:4px;   background-color:var(--colorBlue);   top:6px;   left:0; }  .flexCenter .padibc, #refComp .padibc {   display:flex !important;   align-items:center; }   @media screen and (max-width:700px) {   .flexCenter .padibc {  display:block !important;   }  } .catHome .col {   background-size:cover;   background-color:#606060;   cursor:pointer; } .catHome .col:hover {   transform:scale(1.05); } .catHome .col:after {   content:'';   position:absolute;   width:100%;   height:100%;   background:rgba(0,0,0,0.4); } .catHome .col1 {   background-image:url( /data/web_celpap/hero/cat1.jpg ); } .catHome .col2 {   background-image:url( /data/web_celpap/hero/cat2.jpg ); } .catHome .col3 {   background-image:url( /data/web_celpap/hero/cat3.jpg ); } .catHome .col .padic {   border:2px solid rgba(255, 255, 255, 0.3) !important;   margin:30px !important;   width:fit-content !important;   padding:30px !important;   position:relative;   z-index:1;   display:flex;   flex-wrap:wrap; } .catSH .img:after {   content:'';   position:absolute;   width:calc(100% - 40px);   height:calc(100% - 40px);   border:2px solid rgba(255, 255, 255, 0.3) !important;   left:20px;   top:20px;   z-index:1; } .catHome .h h2, .catSH .h h2 {   position:relative; } .catHome .h h2:after, .catSH .h h2:after {   content:'';   position:absolute;   left:calc(50% - 50px);   bottom:-15px;   width:100px;   height:3px;   background-color:var(--colorBlue); } .catHome .button {   align-self:flex-end;   margin-bottom:0 !important; } .button a {   border:1px solid transparent !important;   transition:border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;   -webkit-transition:border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;   -moz-transition:border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .catHome .col:hover .button a {   background-color:#000000 !important;   border-color:#FFFFFF !important; } .sameHeight .padibc {   display:flex !important; } .sameHeight .padibc .col {   display:flex !important;   flex-direction:column;   align-items:center;   width:31% !important;   margin-left:2%; } .sameHeight .padibc .col .padic {   height:100%; } @media screen and (max-width:1000px) {   .sameHeight .padibc {  display:block !important;   }  .sameHeight .padibc .col {  width:100% !important;  margin-left:0 !important;  margin-bottom:20px !important;   } } #search, #facebookTop a img, #linkedinTop a img, #youtubeTop a img, .socIco a img {   filter:grayscale(1);   transition:filter 0.2s ease-in-out;   -webkit-transition:filter 0.2s ease-in-out;   -moz-transition:filter 0.2s ease-in-out; } #search:hover, #facebookTop a:hover img, #linkedinTop a:hover img, #youtubeTop a:hover img, .socIco a:hover img {   filter:grayscale(0); } .logaGray a img {   filter:grayscale(1);   transition:filter 0.2s ease-in-out;   -webkit-transition:filter 0.2s ease-in-out;   -moz-transition:filter 0.2s ease-in-out; } .logaGray a:hover img {   filter:grayscale(0); } .max50p {   clear:both;   max-width:60%; } @media screen and (max-width:1000px) {   .max50p {  max-width:100%;   } }  #foot .padib {   padding:70px 0 60px 0 !important; } #foot .col1 {   width:45% !important; } #foot .col2 {   width:35% !important; } #foot .col3 {   width:20% !important; } @media screen and ( max-width:1000px ) {   #foot .col {  width:100% !important;   }  #foot .h h3, #foot .text, #foot .img {  text-align:center !important;   }  #foot .menu li, #foot .menu li a {  width:100%;  text-align:center;  display:block;   }  #foot .menu li > div {  width:max-content;  margin-left:auto;  margin-right:auto;  float:none;   }  #foot .padib {  padding:20px 0 20px 0 !important;   } }  .ui-selectmenu-menu {   z-index:1000; } #flags-resp {   float:none !important;   margin:20px auto 0 auto !important;   width:fit-content !important; } #flags-resp > a {   float:left;   width:30px;   margin:0 10px 0 10px; } #flags-noresp { float:right;   width:90px;   margin:0 10px 0 0; } #flags-noresp form {   width:96px;   float:left;   margin-top:3px;   margin-bottom:2px; } #flags-noresp select {   background:none;   border:none;   color:var(--colorBlack);   outline:none; } #flags-noresp option {   color:var(--colorBlack); } .flags .ui-selectmenu-button {   float:right;   outline:none;   width:min-content;   padding-right:5px;   background:none no-repeat scroll left center transparent;   background-image:url(/data/web_celpap/flag-cz.svg);   background-position:10px center;   border-radius:0;   padding:2px 5px 2px 15px;   color:var(--colorBlack);   border:1px solid var(--colorLightGray);   font-size:var(--fontSize1);   background-size:20px; } .flags.flags-en .ui-selectmenu-button {   background-image:url('/data/web_celpap/flag-en.svg'); } .flags.flags-ru .ui-selectmenu-button {   background-image:url('/data/web_celpap/flag-ru.svg'); } .ui-selectmenu-button span.ui-selectmenu-text {   text-align:left;   padding:11px 5px 6px 24px;   display:block;   line-height:0.3;   overflow:hidden;   text-overflow:ellipsis;   white-space:nowrap; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active {   margin:0; } .ui-menu-item .ui-icon {   width:32px;   margin-left:5px;   background-size:20px; } .ui-menu-icons .ui-menu-item div {   margin-left:0px;   font-weight:bold;   font-size:13px;   line-height:18px;   padding:5px 0 1px 40px; } .ui-menu-icons .ui-menu-item:hover div {   background:#008acb !important;   color:#FFFFFF !important; } .ui-selectmenu-icon.ui-icon {   margin-top:4px; } .flag-cz {   background-image:url( '/data/web_celpap/flag-cz.svg' ) !important; } .flag-en {   background-image:url( '/data/web_celpap/flag-en.svg' ) !important; } .flag-ru {   background-image:url( '/data/web_celpap/flag-ru.svg' ) !important; }  #foot .col2 a {   position:relative; } #topMenu #menu ul > li:not( :last-child ) > div:after, #topMenu_clone #menu ul > li:not( :last-child ) > div:after, #foot .col2 a:after {   content:' ';   height:1px;   width:0;   border-bottom:1px solid var(--colorBlack);   position:absolute;   left:17px;   bottom:7px;   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 ul ul, #topMenu_clone #menu ul ul ul {   margin-top:0 !important; } #foot .col2 a:after {   left:0;   bottom:-6px; } #topMenu #menu > ul > li > div:hover:after, #topMenu_clone #menu > ul > li > div:hover:after, #foot .col2 a:hover:after {   width:calc( 100% - 34px );   opacity:1; } #foot .col2 a:hover:after {   width:100%; }  #topMenu_clone {   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08)); } #topMenu #menu, #topMenu_clone #menu {   width:100%;   text-align:center; } #topMenu #menu > ul, #topMenu_clone #menu > ul {   width:auto;   float:none;   display:inline-block; } #topMenu .menu > .padim, #topMenu_clone .menu > .padim {   height:45px; } #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:0; } #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:280px !important; } #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {   width:calc( 100% - 470px ) !important; } #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {   width:190px !important; } #topMenu > .padib > .padibc > .col3 .html, #topMenu_clone > .padib > .padibc > .col3 .html {   display:flex;   align-items:center; } #topMenu #menu > ul > li.hasChild > div > a, #topMenu_clone #menu > ul > li.hasChild > div > a {   background-size:10px !important;   background-image:url(/data/web_celpap/arrow-down-black.svg);   background-position:right 7px !important;   background-repeat:no-repeat;   padding:0 19px 0 0;   float:left; } #topMenu #menu ul ul li.hasChild > div > a, #topMenu_clone #menu ul ul li.hasChild > div > a {   margin-right:20px; } #topMenu #menu > ul ul > li.hasChild > div, #topMenu_clone #menu > ul ul > li.hasChild > div {   min-width:200px;   background-size:10px !important;   background-image:url(/data/web_celpap/arrow-right-black.svg);   background-position:right+20px center !important;   background-repeat:no-repeat;   padding:0 19px 0 0;   float:left; } #topMenu #menu > ul ul >li.hasChild:hover > div, #topMenu_clone #menu > ul ul > li.hasChild:hover > div {   background-image:url(/data/web_celpap/arrow-right-white.svg); } #open-icon {   height:33px;   margin-top:0; } li#menu-close {   top:16px;   right:27px; } #menu-resp>ul {   padding:40px 0 0 0 !important; } #menu-resp > ul > li ul {   text-transform:none;   margin:0 !important; } #topMenu #menu ul ul div, #topMenu_clone #menu ul ul div {   padding:10px 20px 10px 20px !important; } #topMenu #menu ul ul div > a, #topMenu_clone #menu ul ul div > a {   text-transform:none !important; } #topMenu #menu ul ul div:hover, #topMenu_clone #menu ul ul div:hover {   background-color:var(--colorBlue) !important; } #topMenu #menu ul ul div:hover > a, #topMenu_clone #menu ul ul div:hover > a {   color:#FFFFFF !important; } @media screen and (max-width:1200px) {   #topMenu .menu > .padim, #topMenu_clone .menu > .padim {  height:auto;   }   #topMenu #menu, #topMenu_clone #menu {  width:auto;   }  #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {  width:calc( 100% - 60px ) !important;   }  #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {  position:static !important;  width:150px !important;  float:right;   }  #topMenu > .padib > .padibc > .col3, #topMenu_clone > .padib > .padibc > .col3 {  display:none !important;   } } @media screen and (max-width:500px) {   #topMenu > .padib > .padibc > .col1, #topMenu_clone > .padib > .padibc > .col1 {  width:calc( 100% - 80px ) !important;   }  #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {  width:60px !important;   }  #menu-open {  font-size:0;   } } #topMenu #menu > ul > li:last-child > div, #topMenu_clone #menu > ul > li:last-child > div, #menu-resp > ul > li:nth-child( 8 ) > div {   background-color:var( --colorBlue );   transition:background-color 0.2s ease-in-out;   -webkit-transition:background-color 0.2s ease-in-out;   -moz-transition:background-color 0.2s ease-in-out; } #menu-resp > ul > li:nth-child( 8 ) > div {   width:fit-content;   margin:0 auto 0 auto;   float:none; } #menu-resp {   position:fixed;   width:100vw;   top:0;   left:0;   height:100vh; } #menu-resp > ul > li:nth-child( 6 ) > div {   width:max-content;   margin:0 auto 0 auto;   float:none; } #menu-resp > ul > li:nth-child( 8 ) > div > a {   padding:10px 20px 10px 20px;   display:block; } #topMenu #menu > ul > li:hover:last-child > div, #topMenu_clone #menu > ul > li:hover:last-child > div, #menu-resp > ul > li:hover:nth-child( 8 ) > div {   background-color:#000000; } #topMenu #menu > ul > li:last-child > div > a, #topMenu_clone #menu > ul > li:last-child > div > a, #menu-resp > ul > li:nth-child( 8 ) > div > a {   color:#FFFFFF !important; }  .fail-block {   padding-bottom:50px !important; } .fail-head {   position:relative;   margin-bottom:-50px; } .fail-head h2 {   font-size:282px !important;   line-height:282px !important; } .fail-head h2 strong {   color:var(--colorLightGray) !important;   font-weight:700 !important; } .fail-head2 {   display:flex;   justify-content:center; } .fail-head2 h2 {   position:absolute;   top:135px;   font-weight:bold !important;   font-size:101px !important;   line-height:101px !important;   color:var(--colorBlue) !important;   font-weight:100 !important; } .fail-t2 {   color:var(--colorBlack) !important;   display:flex;   justify-content:center; } .fail-t2 .padi {   max-width:600px; } .fail-t1 {   color:var(--colorGray) !important;   font-size:24px !important;   line-height:30px !important;   margin-top:30px !important;   margin-bottom:20px !important; } @media screen and ( max-width:700px ) {   .fail-head h2 {  font-size:170px !important;  line-height:170px !important;   }  .fail-head2 h2 {  font-size:50px !important;  line-height:50px !important;  top:95px !important;   } } @media screen and ( max-width:410px ) {   .fail-head h2 {  font-size:120px !important;  line-height:120px !important;   }  .fail-head2 h2 {  font-size:40px !important;  line-height:40px !important;  top:70px !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(--colorBlue) !important;   border-color:var(--colorBlue) !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:#FFFFFF; } #cookieDialog .cookieYesNo, #cookie a:hover, #cookieDialog a:hover {   color:var(--colorBlue) !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(--colorBlue) !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(--colorBlue) !important; } #back-top:hover .btimg:after {   border-bottom-color:var(--colorBlue) !important; } #back-top:hover .btimg {   border-bottom-color:#FFFFFF !important; }  @media screen and ( max-width:1260px ) {   .bx-controls-direction {  display:none;   }  #sliderTop:after, #subPage:after {  transform:none;  background:#008acbb8;   }  #containerdl .hOver .h {  top:70px;  left:60px;  width:calc(100% - 120px) !important;   }   } @media screen and ( max-width:900px ) {   #news .news--items {  grid-template-columns:repeat(2, 1fr);   }  .gallery--all {  grid-template-columns:repeat(3, 1fr);   }  #containerdl .hOver .h h2 {  font-size:15px !important;  line-height:24px !important;   } }  @media screen and ( max-width:700px ) { .contactUs .h h2 {  text-align:center !important;   }  .contactUs .col1 .padic {  padding-bottom:0 !important;   }  .contactUs .col2 .padic {  padding-top:0 !important;   }  #kariera .news--items {  grid-template-columns:repeat(2, 1fr);   }  #containerdl .hOver .h {  top:23vw;   }  .hOver .img {  overflow:hidden;  position:relative;  height:40vw !important;   }  .hOver .img img {  width:100%;   }  #containerdl .hOver .h h2 {  font-size:22px !important;  line-height:32px !important;   } } @media screen and ( max-width:600px ) {   .qr {  display:none;   }  #news .news--items {  grid-template-columns:repeat(1, 1fr);   }  #galHome .gallery--all {  grid-template-columns:repeat(5, 1fr);   }  #sliderTop .text3 {  display:none;   }  #topMenu, #topMenu_clone {  height:91px;   }  #sliderTop, #sliderHome {  max-height:100vh !important;  height:calc(100vh - 140px) !important;   }  #sliderTop .button {  width:100% ! important;  text-align:center;  text-align:center !important;  margin:0 !important;   }  #sliderTop .button.button4 {  margin:0 0 20px 0 !important;   }  #sliderTop .text {  text-align:center !important;   }  .menu--breadcrumb {  display:none;   }  h1 {  font-size:30px !important;  line-height:40px !important;  text-align:center !important;   }  h2 {  font-size:30px !important;  line-height:40px !important;   }  #containerdl .nbot {  left:0;  font-size:70px !important;  line-height:60px !important;   }  .gallery--all {  grid-template-columns:repeat(2, 1fr);   } } @media screen and ( max-width:500px ) {   #kariera .news--items {  grid-template-columns:repeat(1, 1fr);   }  .hOver .img {  height:50vw !important;   } } @media screen and ( max-width:360px ) {   .gallery--all {  grid-template-columns:repeat(1, 1fr);   } }