@CHARSET "UTF-8"; @font-face{   font-family:'InterTight-Regular';   src:url( '/data/web_dataup/fonts/InterTight-Regular.ttf' );   font-weight:400;   font-display:swap; } @font-face{   font-family:'InterTight-Medium';   src:url( '/data/web_dataup/fonts/InterTight-Medium.ttf' );   font-weight:500;   font-display:swap; } @font-face{   font-family:'InterTight-SemiBold';   src:url( '/data/web_dataup/fonts/InterTight-SemiBold.ttf' );   font-weight:600;   font-display:swap; } @font-face{   font-family:'InterTight-Bold';   src:url( '/data/web_dataup/fonts/InterTight-Bold.ttf' );   font-weight:700;   font-display:swap; } ::-webkit-scrollbar { height:0; width:12px; } ::-webkit-scrollbar-track { background-color:#F9F9F9; } ::-webkit-scrollbar-thumb { background-color:#CCCCCC; border-radius:5px; transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; } ::-webkit-scrollbar-thumb:hover { background-color:#AAAAAA; } html {  --fontSize1:16px;  --fontFamilyRegular:'InterTight-Regular', arial;  --colorOrange:#FF7F01;  --colorWhite:#FFFFFF;  --colorLightGray:#DDDDDD;  --colorBlack:#000000; } .tab4 table td {   width:25%; } .pages, .pages a {   font-size:19px;   color:#000000;   font-family:'InterTight-Medium', arial;   text-decoration:none; } .pages span {   color:#FFFFFF;   background-color:var(--colorOrange);   border-radius:50%;   width:25px;   height:25px;   display:inline-block; } #searchDatabase {   max-width:1200px;   margin:0 auto;   position:relative; } #searchDatabase input[type="text"] {   font-size:18px;   border:1px solid #707070;   padding:20px;   border-radius:10px; } #searchDatabase input[type="submit"] {   position:absolute;   width:27px;   height:27px;   right:27px;   top:17px;   background-repeat:no-repeat;   background-position:center center;   background-image:url(/data/web_dataup/ico/ico_search.svg);   background-size:27px;   background-color:transparent;   border:none;   font-size:0;   cursor:pointer; } table.databaze {   width:100%; } table.databaze td {   background-color:#FAFAFE;   font-size:18px;   line-height:32px;   padding:20px; } table.databaze tr td:first-child {   padding-left:50px; } table.databaze tr td:last-child {   padding-right:50px;   width:220px; } table.databaze tbody tr:nth-child(odd of :not([hidden])) td {   background-color:#EDEDF7; } table.databaze tbody tr[hidden] {   display:none; } table.databaze tr.title td {   background-color:var( --colorBlack );   color:var( --colorWhite );   font-size:23px;   line-height:29px;   font-family:'InterTight-Medium', arial; } table.databaze thead tr:first-child td:first-child {   border-top-left-radius:10px; } table.databaze thead tr:first-child td:last-child {   border-top-right-radius:10px; } table.databaze tbody tr:last-child td:first-child {   border-bottom-left-radius:10px; } table.databaze tbody tr:last-child td:last-child {   border-bottom-right-radius:10px; } table.databaze tr td:last-child a {   display:inline-block;   color:#ffffff;   padding-top:12px;   padding-right:30px;   padding-bottom:12px;   padding-left:30px;   text-decoration:none;   border-radius:39px;   text-align:center;   background-color:#ff7f01;   font-size:17px;   line-height:20px;   font-family:InterTight-Medium;   font-weight:500;   cursor:pointer !important; } table.databaze tr td:last-child a:hover {   background-color:var( --colorBlack ); } .fd50 .text1 {   min-height:50px; } .icoSocial a {   background-color:var( --colorOrange );   width:35px;   height:35px;   text-align:center;   border-radius:50%;   display:flex;   align-items:center;   justify-content:center; } .icoSocial.sub a {   background-color:var( --colorWhite ); } .icoSocial a:hover {   background-color:var( --colorBlack ); } .icoSocial.sub a:hover {   background-color:var( --colorLightGray ); } #topLine .icoSocial a {   background-color:var( --colorWhite );   width:25px;   height:25px;   margin-left:15px;   background-repeat:no-repeat;   background-position:center center;   background-size:8px; } #topLine .icoSocial a:hover {   background-color:var( --colorOrange ); } #topLine .icoSocial a.facebook {   background-image:url( /data/web_dataup/ico/ico_facebook_black.svg ); } #topLine .icoSocial a.facebook:hover {   background-image:url( /data/web_dataup/ico/ico_facebook_white.svg ); } .searchCar .col1 .padic {   background-repeat:no-repeat;   background-position:right +40px bottom +30px !important;   background-image:url(/data/web_dataup/search_car.svg) !important;   background-size:150px !important; } .c1 .col1 .padic {   background-repeat:no-repeat;   background-position:right+70px center !important;   background-image:url(/data/web_dataup/search_user_white.svg) !important;   background-size:200px !important; } .c1 .col2 .padic {   border:1px solid #000000 !important;   border-radius:10px !important;   margin-left:30px;   width:calc(100% - 30px) !important;   background-repeat:no-repeat;   background-position:right+43px top+43px !important;   background-image:url(/data/web_dataup/poptavka_small.svg);   background-size:78px !important; } @media screen and (max-width:1460px) {   .c1 .padibc, .searchCar .padibc {  margin-right:30px !important;  margin-left:30px !important;   } } @media screen and (max-width:1200px) {   .c1 .col {  width:50% !important;   }  .c1 .col1 .padic {  background-position:right +20px bottom +10px !important;  background-size:110px !important;   } } @media screen and (max-width:900px) {   .c1 .col {  width:100% !important;   }  .c1 .col1 .padic {  background-position:right +20px bottom +10px !important;  background-size:110px !important;   }  .c1 .col2 .padic {  margin:30px 0 0 0 !important;  width:100% !important;   }  .c1 .col1 .padic, .c1 .col2 .padic { background-position:right +30px center !important;   }  .c1 .text {  max-width:calc(100% - 130px);   } } @media screen and (max-width:700px) {   .searchCar .col1 .padic {  background-image:none !important;   } } @media screen and (max-width:600px) {   .c1 .text {  max-width:100%;   }  .c1 .col1 .padic, .c1 .col2 .padic {  padding-top:90px !important;  background-position:center top +20px !important;  background-size:58px !important;   }  .c1 .col1 .text, .c1 .col2 .text,   .c1 .col1 .button, .c1 .col2 .button {  text-align:center !important;   } } .bgPc.contact form {   max-width:900px; } .bgPc > .padib > .padibc > .col1, .codal > .padib > .padibc {   background-repeat:no-repeat;   background-position:center center !important;   background-image:url(/data/web_dataup/bg_pc.jpg) !important;   background-size:cover !important;   border-radius:18px; } .bgPc.contact > .padib > .padibc > .col1 > .padic {   background-repeat:no-repeat;   background-position:right+43px top+43px !important;   background-image:url(/data/web_dataup/contact_white.svg);   background-size:112px !important; } @media screen and (max-width:1130px) {   .bgPc.contact > .padib > .padibc > .col1 > .padic {  background:none !important;   } } .bgPc.contact > .padib > .padibc > .col1 {   background-image:url(/data/web_dataup/contact_bg.jpg) !important;   background-position:right bottom !important; } .codal > .padib > .padibc {   background-color:#0e0c0d !important;   background-image:url(/data/web_dataup/codal_bg.jpg) !important;   background-position:right bottom !important;   background-size:contain !important; } .codal .col1 {   width:40% !important } .codal .col1 .padic {   padding:50px 50px 50px 80px !important; } .codal .col2 {   width:35% !important } .codal .col2 .padic {   border:1px solid #FF7F01 !important;   border-radius:20px !important;   margin-top:72px !important;   margin-bottom:40px !important; } .codal .col3 {   width:25% !important } @media screen and (max-width:1130px) {   .codal .col1, .codal .col2, .codal .col3 {  width:100% !important   }  .codal .col1 .padic, .codal .col2 .padic, .codal .col3 .padic {  padding:20px !important;  border:none !important;  margin:0 !important;   }  .codal > .padib > .padibc {  background-size:contain !important;   } } .poptavkaBottom .col1 .padic {   background-repeat:no-repeat;   background-position:left+70px top+70px !important;   background-image:url(/data/web_dataup/poptavka_bottom.svg) !important;   background-size:140px !important; } .bgPc.contact form .button a {   background-repeat:no-repeat;   background-position:right +20px center !important;   background-image:url(/data/web_dataup/ico/ico_send_white.svg) !important;   background-size:20px !important; } .bgPc.contact form .button a:hover {   background-image:url(/data/web_dataup/ico/ico_send_black.svg) !important; } @media screen and (max-width:1100px) {   .poptavkaBottom .col1 .padic {  background-image:none !important;   } } #containerdl .hintBottom {   position:absolute;   bottom:30px;   left:30px; } @media screen and (max-width:800px) {   .hintBottom {  position:static;  margin-bottom:30px !important;   } } .f2 {   width:auto !important; } .f2.f22 {   margin-left:20px !important; } @media screen and (max-width:800px) {   .f2 {  width:100% !important;  text-align:center !important;   }  .f2.f22 {  margin-left:0 !important;  margin-top:20px !important;   } } .price table {   width:auto;   margin:0 auto;   text-wrap-mode:nowrap; } .price td {   text-align:center; } .price td span {   width:90%;   display:block;   border-radius:5px;   padding:10px 50px 10px 50px;   margin:0 auto; } .price tr:nth-child( 1 ) td:nth-child( 4 ) {   font-family:'InterTight-Medium', arial;   font-size:15px;   display:flex;   align-items:center; } .price td:nth-child( 1 ) span {   padding-left:20px;   padding-right:20px; } .price td:nth-child( 1 ) {   text-align:right; } .price td:nth-child( 2 ) {   border-left:1px solid #000000; } .price td:nth-child( 3 ) {   border-right:1px solid #000000;   border-left:1px solid #000000; } .price tr:nth-child( 2 ) td img {   margin-top:10px; } .price tr:nth-child( 1 ) td:nth-child( 2 ), .price tr:nth-child( 1 ) td:nth-child( 3 ) {   border:none; } .price tr:nth-child( 2 ) td:nth-child( 2 ), .price tr:nth-child( 2 ) td:nth-child( 3 ) {   border-top:1px solid #000000;   border-top-left-radius:10px;   border-top-right-radius:10px; } .price tr:nth-last-child( 2 ) td:nth-child( 2 ), .price tr:nth-last-child( 2 ) td:nth-child( 3 ) {   border-bottom:1px solid #000000;   border-bottom-left-radius:10px;   border-bottom-right-radius:10px; } .price tr:last-child td:nth-child( 2 ), .price tr:last-child td:nth-child( 3 ) {   border:none; } .price tr:nth-child( 2 ) td {   font-family:'InterTight-SemiBold', arial;   font-size:20px; } .price tr:nth-child( 2 ) td:nth-child( 1 ) {   font-size:45px; } .price tr:nth-child( 1 ) td:nth-child( 4 ) {   border-top-left-radius:10px;   border-top-right-radius:10px; } .price tr:last-child td:nth-child( 4 ) {   border-bottom-left-radius:10px;   border-bottom-right-radius:10px; } .price tr:nth-child( 2n+3 ) td:nth-child( 2 ) > span, .price tr:nth-child( 2n+3 ) td:nth-child( 3 ) > span {   background-color:#FAFAFE;   font-family:'InterTight-SemiBold', arial; } .price tr td:nth-child( 4 ) {   background-color:#030303;   color:#FFFFFF; } .price tr:nth-child( 2n+3 ) td:nth-child( 4 ) > span {   background-color:#333333;   font-family:'InterTight-SemiBold', arial; } .price tr:nth-child( 2n+4 ) td:nth-child( 1 ), .price tr td:nth-child( 2 ), .price tr td:nth-child( 3 ) {   background-color:#FFFFFF; } .price tr:nth-child( 1 ) td:nth-child( 1 ), .price tr:nth-child( 1 ) td:nth-child( 2 ), .price tr:nth-child( 1 ) td:nth-child( 3 ), .price tr:last-child td:nth-child( 1 ), .price tr:last-child td:nth-child( 2 ), .price tr:last-child td:nth-child( 3 ), .price tr:nth-last-child( 1 ) td span, .price tr:nth-last-child( 2 ) td span, .price tr:nth-last-child( 3 ) td span, .price tr:nth-last-child( 1 ) td:nth-child( 1 ), .price tr:nth-last-child( 2 ) td:nth-child( 1 ), .price tr:nth-last-child( 3 ) td:nth-child( 1 ) {   background-color:transparent !important; } .price tr:last-child td:last-child {   padding:20px; } .price tr:nth-last-child( 2 ) td a, .price tr:nth-last-child( 3 ) td a {   border:1px solid #000000;   padding:12px 20px 15px 20px;   font-size:16px !important;   font-family:'InterTight-Medium';   border-radius:30px;   color:var(--colorBlack);   text-decoration:none;   width:100%;   display:block;   margin:0 10px 0 0;   min-width:150px; } .price tr:nth-last-child( 2 ) td a:hover, .price tr:nth-last-child( 3 ) td a:hover {   background-color:#000000;   border-color:#000000;   color:#FFFFFF; } .price tr:nth-last-child( 2 ) td span, .price tr:nth-last-child( 3 ) td span {   padding:0 10px 0 10px; } .price tr:nth-last-child( 2 ) td span {   padding-bottom:20px; } .price tr:nth-last-child( 2 ) td a {   background-color:var( --colorOrange );   color:#FFFFFF; } .price tr:nth-last-child( 2 ) td:last-child a, .price tr:nth-last-child( 3 ) td:last-child a {   border:1px solid var( --colorOrange );   color:#FFFFFF; } .price tr:nth-last-child( 2 ) td:last-child a:hover, .price tr:nth-last-child( 3 ) td:last-child a:hover {   border-color:#FFFFFF;   background-color:#FFFFFF;   color:#000000; } @media screen and (max-width:800px) {   .price .padi {  position:relative;   }  .price table, table.databaze {  overflow:auto;  display:block;  padding-right:20px !important;   }  .price table tbody, table.databaze tbody {  display:block;  min-width:max-content;   }  .price .padi:after {  content:'';  position:absolute;  z-index:1;  top:0;  right:-1px;  width:20px;  height:100%;  background-repeat:repeat-y;  background-position:right center;  background-image:url(/data/web_dataup/table_gradient.png);   } } .poptavkaBanner .col .padic {   background-position:right+100px center !important; } @media screen and (max-width:1240px) {   .poptavkaBanner .col .padic {  background-size:220px !important;   } } @media screen and (max-width:1000px) {   .poptavkaBanner .text, .poptavkaBanner .button {  text-align:center !important;   }  .poptavkaBanner .col .padic {  padding-top:160px !important;  background-position:top +40px center !important;  background-size:170px !important;   } } .trychtyr {   width:369px;   height:436px;   background-image:url(/data/web_dataup/ico/trychtyr.svg);   background-repeat:no-repeat;   background-position:center center;   background-size:cover;   justify-self:center;   text-align:center;   color:#FFFFFF;   position:relative; } .trychtyr > div {   font-family:'InterTight-SemiBold' !important;   font-size:32px;   width:100%;   text-align:center;   left:0;   top:18%;   position:absolute; } .trychtyr > div:nth-child( 2 ) {   top:37%;   font-size:29px; } .trychtyr > div:nth-child( 3 ) {   top:58%;   font-size:24px; } .trychtyr > div:nth-child( 4 ) {   top:72%;   font-size:21px; } .trychtyr > div:nth-child( 5 ) {   top:84%;   font-size:19px; } .trychtyr > div:nth-child( 6 ) {   top:94%;   font-size:14px; } @media screen and (max-width:500px) {   .trychtyr {  width:240px;  height:282px;   }  .trychtyr > div {  font-size:21px;  top:16%;   }  .trychtyr > div:nth-child( 2 ) {  font-size:19px;  top:36%;   }  .trychtyr > div:nth-child( 3 ) {  top:55%;  font-size:16px;   }  .trychtyr > div:nth-child( 4 ) {  top:70%;  font-size:15px;   }  .trychtyr > div:nth-child( 5 ) {  top:82%;  font-size:14px;   }  .trychtyr > div:nth-child( 6 ) {  top:92%;  font-size:12px;   } } .bg1 .padibc, .bg2 .padibc {   background-color:#FAFAFE;   border-radius:20px; } .bg2 .padibc {   background-color:#faf8f4; } .bg1.hbt .padibc, .bg2.hbt .padibc {   border-bottom-left-radius:0;   border-bottom-right-radius:0; } .bg1.hbb .padibc, .bg2.hbb .padibc {   border-top-left-radius:0;   border-top-right-radius:0; } .w6040 .col1 {   width:60% !important; } .w6040 .col2 {   width:40% !important; } .flexCenter.w6040 .col li {   background-image:url( /data/web_dataup/li_point_orange.svg );   background-size:9px;   background-position:left 14px;   padding-left:20px !important; } @media screen and (max-width:800px) {   .bg1.flexCenter:not( .changePosition ) .padibc {  display:block !important;   }  .bg1.flexCenter .col {  width:100% !important;   }  .bg1 .text, .bg1 .button {  text-align:center !important;   }  .flexCenter.w6040 .padibc {  display:block !important;   }  .flexCenter.w6040 .col, .flexCenter.w6040 .col .button, .flexCenter.w6040 .col .text {  width:100% !important;  text-align:center !important;   }  .flexCenter.w6040 .col li {  width:fit-content;  margin:0 auto 0 auto;   }  .flexCenter.w6040 .col2 .padic {  padding:0 30px 30px 30px !important;   } } .w7 .padibc {   padding-top:40px !important; } .w7 .col1 .padic, .w7 .col2 .padic {   max-width:87%; } @media screen and (max-width:1200px) {   .w7 .col1 .padic, .w7 .col2 .padic {  max-width:100%;   } } @media screen and (max-width:700px) {   .w7 .padibc {  padding-top:0 !important;   } } .w7 .col1 .padic {   float:right !important; } #referenceBlock .bx-viewport {   height:215px !important; } #referenceBlock .bx-wrapper {   max-width:100% !important; } #referenceBlock .bx-wrapper .bx-pager {   padding-top:5px;   bottom:unset !important; } #referenceBlock .psSliderCont[data-autoplay="1"] .bx-wrapper .bx-pager.bx-default-pager a.active {   background-color:var( --colorOrange );   border-color:var( --colorOrange ); } #referenceBlock .psSliderCont .psSlider .item {   max-height:205px; } #referenceBlock .psSliderCont .psSlider .item .img {   display:flex;   align-items:center;   align-self:center;   place-content:center;   padding:0 10px 0 10px;   width:100%; } #referenceBlock .bx-wrapper .bx-controls-direction a.bx-prev {   background:url(/data/web_plesivec/arrow-left.svg) center center no-repeat !important; } #referenceBlock .bx-wrapper .bx-controls-direction a.bx-next {   background:url(/data/web_plesivec/arrow-right.svg) center center no-repeat !important; } #referenceBlock .psSliderCont .psSlider .item img {   max-height:60px;   max-width:90%; } #referenceBlock .psSliderCont .psSlider .item .image {   height:100%;   display:flex;   align-items:center; } #referenceBlock .psSliderCont .psSlider .item .image img {   max-height:100px;   max-width:60%;   width:60%;   height:60%;   margin:0 auto; } #referenceBlock .psSliderCont .item a {   position:static !important; } #referenceBlock .bx-wrapper .bx-pager.bx-default-pager a {   background-color:transparent;   border:1px solid var(--colorWhite);   width:12px !important;   height:12px !important;   border-radius:50%; } @media screen and (max-width:1000px) {   #referenceBlock .bx-wrapper .bx-controls-direction {  display:none;   } } #referenceBlock .psSlider .item {   float:left;   margin:7px;   padding:30px !important;   background:var( --colorWhite );   border-radius:15px; } @media screen and (max-width:1560px) {   #referenceBlock .psSlider .item {  width:calc( 25vw - 25px ) !important;   } } @media screen and (max-width:1460px) {   #referenceBlock .psSlider .item {  width:calc( 25vw - 35px ) !important;   } } @media screen and (max-width:1000px) {   #referenceBlock .psSlider .item {  width:calc( 33vw - 35px ) !important;   } } @media screen and (max-width:700px) {   #referenceBlock .psSlider .item {  width:calc( 50vw - 55px ) !important;   }  #referenceBlock .psSliderCont .psSlider .item {  max-height:155px;   }  #referenceBlock .bx-viewport, #referenceBlock .psSliderCont {  height:170px !important;   } } @media screen and (max-width:400px) {   #referenceBlock .psSlider .item {  width:calc( 100vw - 100px ) !important;   }  #referenceBlock .psSliderCont .psSlider .item {  max-height:120px;   }  #referenceBlock .bx-viewport, #referenceBlock .psSliderCont {  height:135px !important;   } } #referenceBlock .psSlider .item .img {   float:left;   max-width:40%;   width:100%;   height:50px; } #referenceBlock .psSlider .item .img > div {   background-size:contain;   background-position:center center;   background-repeat:no-repeat;   height:100%; } #referenceBlock .psSlider .item .title {   float:right;   max-width:52%;   width:100%;   height:50px; } #referenceBlock .psSlider .item .title > div {   text-align:left;   color:var( --colorBlack ); } #referenceBlock .psSlider .item .title > div:first-child {   font-size:17px; } #referenceBlock .psSlider .item .cont1, #referenceBlock .psSlider .item .cont2 {   float:left;   width:100%;   text-align:left;   color:var( --colorBlack ); } #referenceBlock .psSlider .item .cont2 {   margin-top:20px; } @media screen and (max-width:1000px) {   .psSlider .item .cont2 {  line-height:19px;   } } #topHome .padibc {   background-image:url(/data/web_dataup/top_bg.jpg);   background-repeat:no-repeat;   background-position:center center;   background-size:cover;   border-bottom-left-radius:30px;   border-bottom-right-radius:30px;   display:flex !important;   align-items:end; } @media screen and (max-width:1560px) {   #topHome .col1 {  max-width:60vw !important;  margin-left:0px !important;   } } @media screen and (max-width:1050px) {   #topHome .col1 .padic {  padding-top:18vw !important;   } } @media screen and (max-width:900px) {   #topHome .padibc {  display:block !important;   }  #topHome .col1 {  width:100% !important;  max-width:100% !important;   }  #topHome .col2 .padic {  display:none !important;   }  #topHome .col1 .padic {  padding-top:150px !important;   } } #topHome .col1 {   max-width:850px;   margin-left:calc(49% - 700px); } .ftel1, .ftel2, .ftel3 {   float:left;   width:auto !important; } .ftel2 {   font-size:18px !important;   font-family:'InterTight-Medium' !important;   margin:20px !important; } .ftel3 {   font-size:15px !important;   font-family:'InterTight-Regular' !important;   margin-top:10px !important; } .ftel3 .padi {   padding-left:60px !important;   position:relative; } .ftel3 a {   font-size:20px !important;   font-family:'InterTight-SemiBold' !important; } .ftel3 .padi:before {   content:'';   position:absolute;   width:45px;   height:45px;   left:0;   border-radius:50%;   border:1px solid var( --colorBlack );   background-image:url(/data/web_dataup/ico/ico_phone_black.svg);   background-repeat:no-repeat;   background-position:center center;   background-size:20px; } #footer1.sub .ftel2, #footer1.sub .ftel3, #footer1.sub .ftel3 a {   color:var( --colorWhite ) !important; } #footer1.sub .ftel3 .padi:before {   background-color:var( --colorWhite ); } #footer1.sub .ftel1 a {   background-color:var( --colorBlack ) !important; } #footer1.sub .ftel1 a:hover {   background-color:var( --colorWhite ) !important;   color:var( --colorBlack ) !important; } #footer1.sub .purpose {   color:#e9e9e9 !important; } #footer1.sub .purpose a {   color:var( --colorWhite ) !important; } @media screen and (max-width:1200px) {   .ftel1, .ftel2, .ftel3 {  width:100% !important;  text-align:center !important;  margin:10px 0 10px !important;   }  .ftel3 .padi {  width:fit-content;  margin:0 auto;   } } #handTop {   background-position:center center !important;   background-size:cover;   background-repeat:no-repeat;   background-image:url(/data/web_dataup/phone_hand_top.png);   position:absolute;   width:433px;   height:603px;   left:30px;   bottom:0; } #handTop img {   width:700px !important;   height:542px;   top:-3px;   position:absolute;   left:-92px;   max-width:fit-content; } #handTop .circle {   position:absolute;   width:142px;   height:142px;   background-color:var(--colorWhite);   color:#5E1B00;   border-radius:50%;   box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.4);   -webkit-box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.4);   -moz-box-shadow:10px 10px 24px 0px rgba(0,0,0,0.4);   font-family:'InterTight-Bold' !important;   text-align:center;   display:flex;   align-items:center;   padding:20px;   right:-53%;   bottom:40px; } @media screen and (max-width:1800px) {   #handTop .circle {  right:-120px;   } } @media screen and (max-width:1600px) {   #handTop .circle {  right:-5vw;   } } @media screen and (max-width:1400px) {   #handTop .circle {  right:-3vw;   } } @media screen and (max-width:1300px) {   #handTop .circle {  display:none;   } } #handBottom {   background-position:center center !important;   background-size:cover;   background-repeat:no-repeat;   background-image:url(/data/web_dataup/phone_hand_bottom.png);   position:absolute;   width:504px;   height:535px;   left:-100px;   bottom:0; } #handBottom > div {   background-color:#FFFFFF;   border-radius:10px;   width:320px;   padding:20px;   min-height:140px;   position:absolute;   display:flex;   flex-wrap:wrap;   box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.12);   -webkit-box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.12);   -moz-box-shadow:10px 10px 24px 0px rgba(0,0,0,0.12); } #handBottom > div > div {   width:100%;   font-size:17px;   line-height:23px; } #handBottom > div > div:nth-child( 1 ) {   font-size:22px;   line-height:26px;   font-family:'InterTight-Bold'; } #handBottom > div > div:nth-child( 3 ) {   padding-left:25px;   position:relative;   align-content:flex-end; } #handBottom > div > div:nth-child( 3 ):after {   content:'';   position:absolute;   left:0;   bottom:4px;   width:18px;   height:18px;   background-image:url(/data/web_dataup/ico/ico_checked_orange_circle.svg);   background-size:18px;   background-repeat:no-repeat;   background-position:left center; } #handBottom > #hb1 {   left:-480px;   top:130px;   transform:rotate(-20deg); } #handBottom > #hb2 {   left:40px;   top:134px; } #handBottom > #hb3 {   right:-220px;   bottom:100px;   transform:rotate(20deg); } @media screen and (max-width:1400px) {   #handBottom > #hb3 {  right:-20%;  bottom:10px;   } } @media screen and (max-width:1150px) {   #handBottom > #hb3 {  right:-8%;   } } @media screen and (max-width:1300px) {   #handBottom > #hb1 {  left:-38vw;   } } @media screen and (max-width:1000px) {   #handBottom {  position:static;  margin:0 0 0 22%;  width:53vw;  height:80vw;   }   #handBottom > #hb1 {  left:-10vw;  bottom:0;  top:auto;   }  #handBottom > #hb2 {  left:calc(50vw - 280px);  top:18vw;   }  #handBottom > #hb3 {  right:-40px;  bottom:10vw;   } } @media screen and (max-width:700px) {   img[data-src="/data/web_dataup/f_circle.svg"] {  max-width:140px !important;   }  #handBottom > div > div:nth-child( 1 ) {  font-size:13px;  margin-bottom:10px;   }  #handBottom > div {  padding:15px;  height:auto;  min-height:unset;  width:max-content;  display:block;   }  #handBottom > div > div {  font-size:11px;  line-height:14px;   }  #handBottom > #hb2 {  left:calc(50vw - 200px);   }  #handBottom > div > div:nth-child( 3 ) {  margin-top:10px;  padding-left:20px;   }  #handBottom > div > div:nth-child( 3 ):after {  bottom:2px;  width:13px;  height:13px;  background-size:13px;   } } #floatLogos {   position:relative;   height:32vw;   max-height:440px;   margin-top:30px;   margin-bottom:30px;   width:100%;   overflow:hidden; } @media screen and (max-width:1500px) {   #floatLogos {  overflow:hidden;  max-width:100vw;  position:relative;   } } #floatLogos > div {   width:100%;   height:100%;   animation:moving 60s linear infinite; } @media screen and (max-width:1000px) {   #floatLogos {  height:42vw;  width:150vw;   }  #floatLogos > div {  width:150vw;   } } #floatLogos > div > div {   background-color:#FFFFFF;   width:98px;   height:98px;   max-width:9vw;   max-height:9vw;   display:flex;   align-items:center;   justify-content:center;   border-radius:50%;   box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.12);   -webkit-box-shadow:10px 10px 24px 0px rgba(0, 0, 0, 0.12);   -moz-box-shadow:10px 10px 24px 0px rgba(0,0,0,0.12);   position:absolute;   animation:movingUp 20s linear infinite; } @media screen and (max-width:600px) {   #floatLogos {  height:72vw;   }  #floatLogos > div > div {  width:15vw !important;  height:15vw !important;  max-width:none !important;  max-height:none !important;   } } #floatLogos > div > div:nth-child( 1 ), #floatLogos > div > div:nth-child( 23 ), #floatLogos > div > div:nth-child( 45 ), #floatLogos > div > div:nth-child( 67 ) {   left:0%;   top:35%; } #floatLogos > div > div:nth-child( 23 ) {   left:100%; } #floatLogos > div > div:nth-child( 45 ) {   left:-100%; } #floatLogos > div > div:nth-child( 67 ) {   left:200%; } #floatLogos > div > div:nth-child( 2 ), #floatLogos > div > div:nth-child( 24 ), #floatLogos > div > div:nth-child( 46 ), #floatLogos > div > div:nth-child( 68 ) {   left:2%;   top:55%;   width:167px;   height:167px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 24 ) {   left:102%; } #floatLogos > div > div:nth-child( 46 ) {   left:-98%; } #floatLogos > div > div:nth-child( 68 ) {   left:202%; } #floatLogos > div > div:nth-child( 3 ), #floatLogos > div > div:nth-child( 25 ), #floatLogos > div > div:nth-child( 47 ), #floatLogos > div > div:nth-child( 69 ) {   left:5%;   top:7%;   width:113px;   height:113px; } #floatLogos > div > div:nth-child( 25 ) {   left:105%; } #floatLogos > div > div:nth-child( 47 ) {   left:-95%; } #floatLogos > div > div:nth-child( 69 ) {   left:205%; } #floatLogos > div > div:nth-child( 4 ), #floatLogos > div > div:nth-child( 26 ), #floatLogos > div > div:nth-child( 48 ), #floatLogos > div > div:nth-child( 70 ) {   left:10%;   top:39%;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 26 ) {   left:110%; } #floatLogos > div > div:nth-child( 48 ) {   left:-90%; } #floatLogos > div > div:nth-child( 70 ) {   left:210%; } #floatLogos > div > div:nth-child( 5 ), #floatLogos > div > div:nth-child( 27 ), #floatLogos > div > div:nth-child( 49 ), #floatLogos > div > div:nth-child( 71 ) {   left:16%;   top:5%;   width:163px;   height:163px; } #floatLogos > div > div:nth-child( 27 ) {   left:116%; } #floatLogos > div > div:nth-child( 49 ) {   left:-84%; } #floatLogos > div > div:nth-child( 71 ) {   left:216%; } #floatLogos > div > div:nth-child( 6 ), #floatLogos > div > div:nth-child( 28 ), #floatLogos > div > div:nth-child( 50 ), #floatLogos > div > div:nth-child( 72 ) {   left:16%;   top:64%;   width:115px;   height:115px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 28 ) {   left:116%; } #floatLogos > div > div:nth-child( 50 ) {   left:-84%; } #floatLogos > div > div:nth-child( 72 ) {   left:216%; } #floatLogos > div > div:nth-child( 7 ), #floatLogos > div > div:nth-child( 29 ), #floatLogos > div > div:nth-child( 51 ), #floatLogos > div > div:nth-child( 73 ) {   left:24%;   top:39%;   width:152px;   height:152px; } #floatLogos > div > div:nth-child( 29 ) {   left:124%; } #floatLogos > div > div:nth-child( 51 ) {   left:-76%; } #floatLogos > div > div:nth-child( 73 ) {   left:224%; } #floatLogos > div > div:nth-child( 8 ), #floatLogos > div > div:nth-child( 30 ), #floatLogos > div > div:nth-child( 52 ), #floatLogos > div > div:nth-child( 74 ) {   left:28%;   top:12%;   width:113px;   height:113px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 30 ) {   left:128%; } #floatLogos > div > div:nth-child( 52 ) {   left:-72%; } #floatLogos > div > div:nth-child( 74 ) {   left:228%; } #floatLogos > div > div:nth-child( 9 ), #floatLogos > div > div:nth-child( 31 ), #floatLogos > div > div:nth-child( 53 ), #floatLogos > div > div:nth-child( 75 ) {   left:33%;   top:70%; } #floatLogos > div > div:nth-child( 31 ) {   left:133%; } #floatLogos > div > div:nth-child( 53 ) {   left:-67%; } #floatLogos > div > div:nth-child( 75 ) {   left:233%; } #floatLogos > div > div:nth-child( 10 ), #floatLogos > div > div:nth-child( 32 ), #floatLogos > div > div:nth-child( 54 ), #floatLogos > div > div:nth-child( 76 ) {   left:38%;   top:1%;   width:73px;   height:73px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 32 ) {   left:138%; } #floatLogos > div > div:nth-child( 54 ) {   left:-62%; } #floatLogos > div > div:nth-child( 76 ) {   left:238%; } #floatLogos > div > div:nth-child( 11 ), #floatLogos > div > div:nth-child( 33 ), #floatLogos > div > div:nth-child( 55 ), #floatLogos > div > div:nth-child( 77 ) {   left:37%;   top:43%;   width:114px;   height:114px; } #floatLogos > div > div:nth-child( 33 ) {   left:137%; } #floatLogos > div > div:nth-child( 55 ) {   left:-63%; } #floatLogos > div > div:nth-child( 77 ) {   left:237%; } #floatLogos > div > div:nth-child( 12 ), #floatLogos > div > div:nth-child( 34 ), #floatLogos > div > div:nth-child( 56 ), #floatLogos > div > div:nth-child( 78 ) {   left:46%;   top:16%;   width:151px;   height:151px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 34 ) {   left:146%; } #floatLogos > div > div:nth-child( 56 ) {   left:-54%; } #floatLogos > div > div:nth-child( 78 ) {   left:246%; } #floatLogos > div > div:nth-child( 13 ), #floatLogos > div > div:nth-child( 35 ), #floatLogos > div > div:nth-child( 57 ), #floatLogos > div > div:nth-child( 79 ) {   left:44%;   top:56%;   width:151px;   height:151px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 35 ) {   left:144%; } #floatLogos > div > div:nth-child( 57 ) {   left:-56%; } #floatLogos > div > div:nth-child( 79 ) {   left:244%; } #floatLogos > div > div:nth-child( 14 ), #floatLogos > div > div:nth-child( 36 ), #floatLogos > div > div:nth-child( 58 ), #floatLogos > div > div:nth-child( 80 ) {   left:55%;   top:37%;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 36 ) {   left:155%; } #floatLogos > div > div:nth-child( 58 ) {   left:-45%; } #floatLogos > div > div:nth-child( 80 ) {   left:255%; } #floatLogos > div > div:nth-child( 15 ), #floatLogos > div > div:nth-child( 37 ), #floatLogos > div > div:nth-child( 59 ), #floatLogos > div > div:nth-child( 81 ) {   left:59%;   top:4%;   width:149px;   height:149px; } #floatLogos > div > div:nth-child( 37 ) {   left:159%; } #floatLogos > div > div:nth-child( 59 ) {   left:-41%; } #floatLogos > div > div:nth-child( 81 ) {   left:259%; } #floatLogos > div > div:nth-child( 16 ), #floatLogos > div > div:nth-child( 38 ), #floatLogos > div > div:nth-child( 60 ), #floatLogos > div > div:nth-child( 82 ) {   left:60%;   top:61%;   width:119px;   height:119px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 38 ) {   left:160%; } #floatLogos > div > div:nth-child( 60 ) {   left:-40%; } #floatLogos > div > div:nth-child( 82 ) {   left:260%; } #floatLogos > div > div:nth-child( 17 ), #floatLogos > div > div:nth-child( 39 ), #floatLogos > div > div:nth-child( 61 ), #floatLogos > div > div:nth-child( 83 ) {   left:67%;   top:34%;   width:152px;   height:152px; } #floatLogos > div > div:nth-child( 39 ) {   left:167%; } #floatLogos > div > div:nth-child( 61 ) {   left:-33%; } #floatLogos > div > div:nth-child( 83 ) {   left:267%; } #floatLogos > div > div:nth-child( 18 ), #floatLogos > div > div:nth-child( 40 ), #floatLogos > div > div:nth-child( 62 ), #floatLogos > div > div:nth-child( 84 ) {   left:76%;   top:11%;   width:124px;   height:124px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 40 ) {   left:176%; } #floatLogos > div > div:nth-child( 62 ) {   left:-24%; } #floatLogos > div > div:nth-child( 84 ) {   left:276%; } #floatLogos > div > div:nth-child( 19 ), #floatLogos > div > div:nth-child( 41 ), #floatLogos > div > div:nth-child( 63 ), #floatLogos > div > div:nth-child( 85 ) {   left:77%;   top:60%;   width:100px;   height:100px; } #floatLogos > div > div:nth-child( 41 ) {   left:177%; } #floatLogos > div > div:nth-child( 63 ) {   left:-23%; } #floatLogos > div > div:nth-child( 85 ) {   left:277%; } #floatLogos > div > div:nth-child( 20 ), #floatLogos > div > div:nth-child( 42 ), #floatLogos > div > div:nth-child( 64 ), #floatLogos > div > div:nth-child( 86 ) {   left:84%;   top:40%;   width:100px;   height:100px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 42 ) {   left:184%; } #floatLogos > div > div:nth-child( 64 ) {   left:-16%; } #floatLogos > div > div:nth-child( 86 ) {   left:284%; } #floatLogos > div > div:nth-child( 21 ), #floatLogos > div > div:nth-child( 43 ), #floatLogos > div > div:nth-child( 65 ), #floatLogos > div > div:nth-child( 87 ) {   left:90%;   top:9%;   width:143px;   height:143px; } #floatLogos > div > div:nth-child( 43 ) {   left:190%; } #floatLogos > div > div:nth-child( 65 ) {   left:-10%; } #floatLogos > div > div:nth-child( 87 ) {   left:290%; } #floatLogos > div > div:nth-child( 22 ), #floatLogos > div > div:nth-child( 44 ), #floatLogos > div > div:nth-child( 66 ), #floatLogos > div > div:nth-child( 88 ) {   left:91%;   top:57%;   width:151px;   height:151px;   animation:movingDown 20s linear infinite; } #floatLogos > div > div:nth-child( 44 ) {   left:191%; } #floatLogos > div > div:nth-child( 66 ) {   left:-9%; } #floatLogos > div > div:nth-child( 88 ) {   left:291%; } #floatLogos > div > div > img {   max-width:70%;   max-height:40%; } #referenceBlock .padic {   margin-bottom:300px !important; } #naskok {   position:relative;   margin-top:-200px !important;   margin-bottom:90px !important; } #naskok .padibc {   display:flex !important;   align-items:end;   background-color:#FF7F05;   background-position:right +40% center !important;   background-size:contain;   background-repeat:no-repeat;   background-image:url(/data/web_dataup/naskok_bg.png);   padding-left:50px !important;   border-radius:25px;   padding-top:180px !important; } @media screen and (max-width:1300px) {   #naskok .padibc {  max-width:80vw !important;   } } @media screen and (max-width:1000px) {   #naskok {  margin-top:-350px !important;  margin-bottom:0 !important;   }  #naskok .padi, #naskok .button {  text-align:center !important;   }  #naskok .col1 .padic {  padding:0 0 20px 0px !important;   }  #naskok .padibc {  display:block !important;  padding:30px 30px 0 30px !important;   }  #naskok .col {  width:100% !important;   } } .news--items li {   cursor:pointer; } .flexCenter .padibc {   display:flex !important;   flex-direction:row;   justify-content:center;   align-items:center; } .flexBottom .padibc {   display:flex !important;   flex-direction:row;   justify-content:flex-end;   align-items:flex-end; } @media screen and (max-width:1000px) {   .flexBottom .padibc {  display:block !important;   }  .flexBottom .col, .flexCenter.changePosition .col {  width:100% !important;   } } @media screen and (max-width:700px) {   .flexCenter .padibc, .flexBottom .padibc {  display:block !important;   } } .priceGrid .padibc {   padding-bottom:40px;   padding-left:100px;   padding-right:100px;   display:grid !important;   grid-template-columns:repeat(2, 1fr);   gap:25px; } @media screen and ( max-width:1580px ) {   .priceGrid .padibc {  padding-left:20px;  padding-right:20px;   } } @media screen and ( max-width:800px ) {   .priceGrid .padibc {  grid-template-columns:repeat(1, 1fr);   } } .priceGrid .padibc .col {   width:100% !important; } .priceGrid .padibc .col .padic {   border-radius:18px !important; } .priceGrid strong {   font-size:35px !important;   line-height:42px !important; } .databazeHome .padibc {   display:grid !important;   grid-template-columns:repeat(5, 1fr);   gap:25px;   padding-bottom:25px !important; } .databazeHome.w3 .padibc, .proc .padibc {   display:grid !important;   grid-template-columns:repeat(4, 1fr);   gap:25px; } .proc2 .padibc {   display:grid !important;   grid-template-columns:repeat(5, 1fr);   gap:25px; } .databazeHome .col, .proc .col, .proc2 .col {   width:100% !important; } .databazeHome .padic, .proc .padic, .proc2 .padic {   border-radius:10px !important;   height:100%; } @media screen and ( max-width:1580px ) {   .databazeHome .padibc, .proc .padibc, .proc2 .padibc {  margin-left:30px !important;  margin-right:30px !important;   } } @media screen and ( max-width:1300px ) {   .databazeHome .text2 {  font-size:27px !important;  line-height:34px !important;   } } @media screen and ( max-width:1100px ) {   .databazeHome .text2 {  font-size:22px !important;  line-height:30px !important;   } } @media screen and ( max-width:950px ) {   .databazeHome .padibc, .databazeHome.w3 .padibc {  grid-template-columns:repeat(3, 1fr);  margin-bottom:0 !important;   }  .databazeHome.w3.w1 .padibc, .proc .padibc, .proc2 .padibc {  grid-template-columns:repeat(2, 1fr);   }  .databazeHome.w3.w1 .padibc .empty {  display:none !important;   } } @media screen and ( max-width:600px ) {   .databazeHome .padibc, .databazeHome.w3 .padibc {  grid-template-columns:repeat(2, 1fr);   }  .databazeHome .text, .databazeHome .img {  text-align:center !important;   }  .databazeHome .text2 {  font-size:18px !important;  line-height:27px !important;   } } @media screen and ( max-width:500px ) {   .databazeHome.w3.w1 .padibc, .proc .padibc, .proc2 .padibc {  grid-template-columns:repeat(1, 1fr);   } } @media screen and ( max-width:380px ) {   .databazeHome .padibc, .databazeHome.w3 .padibc {  grid-template-columns:repeat(1, 1fr);   } } .q2 .padibc, .q3 .padibc, .q4 .padibc, .q5 .padibc {   display:grid !important;   grid-template-columns:repeat(2, 1fr);   gap:25px;   padding-bottom:25px !important; } .q3 .padibc, .q4 .padibc {   grid-template-columns:repeat(3, 1fr); } .q3 .padic {   padding-top:65px !important;   height:100%; } .q3.contact .padic {   padding-top:45px !important; } .q2 .padibc > br, .q3 .padibc > br, .databazeHome .padibc > br, .q4 .padibc > br, .priceGrid .padibc > br, .proc .padibc > br {   display:none; } .q2 .padibc .col, .q3 .padibc .col, .q4 .padibc .col, .q5 .padibc .col {   width:100% !important; } .q2 .padibc .col {   cursor:pointer; } .q3 .padibc .col:not( .empty ) .padic {   border-radius:10px !important; } .q3:not( .contact ) .padibc .col:not( .empty ) .padic {   border:1px solid #000000 !important; } .q4 .text1 {   margin:0 auto;   float:none !important;   border-radius:50%;   width:40px !important;   height:40px !important;   display:flex;   align-items:center;   justify-content:center; } .q4.c2 .col3 .text1 {   width:auto !important;   height:auto !important; } @media screen and ( min-width:801px ) {   .q4.c2 .col3 .padic {  position:absolute !important;  height:580px !important;   } } .q3 .img {   position:absolute;   top:-38px;   left:0; } @media screen and ( max-width:1440px ) {   .q3 .padibc, .q4 .padibc, .q5 .padibc, .poptavkaBanner .padibc, .bg1 .padibc, .bg2 .padibc, .bgPc > .padib > .padibc, .codal > .padib > .padibc {  margin-left:20px !important;  margin-right:20px !important;   } } @media screen and ( max-width:800px ) {   .q3 .padibc, .q4 .padibc, .q5 .padibc {  grid-template-columns:repeat(1, 1fr);   }  .q5 .padibc .padic {  padding:20px !important;   }  .q3 .col:nth-child( 1 ), .q3 .col:nth-child( 2 ) {  margin-bottom:40px;   } } .q2 .padibc .col:not( .empty ):hover .padic {   background-color:#eeeeee !important; } .q2 .padibc .col:hover .arrowUpOrange .padi a {   text-decoration:underline; } .q2 .padibc .col .padic, .q5 .padibc .col .padic {   border-radius:17px !important;   height:100%;   display:flex;   align-items:center;   flex-wrap:wrap;   align-content:space-between; } .q5.noflex .padibc .col .padic {   display:block } .q4 .padibc .col .padic {   height:100%; } .q2 .col.empty {   display:none !important; } .q2 .col:not( .empty ) .padic {   padding-left:150px !important; } @media screen and ( max-width:500px ) {   .q2 .col:not( .empty ) .padic {  padding:50px 20px 20px 20px !important;   }  .q2 .col:not( .empty ) .padic:before {  width:40px !important;  height:40px !important;  top:20px !important;  left:calc(50% - 20px) !important;  background-size:20px !important;   } } .q2 .col:not( .empty ) .padic:before {   content:'';   background-color:var(--colorBlack);   width:84px;   height:84px;   left:30px;   top:calc(50% - 45px);   border-radius:50%;   position:absolute;   background-repeat:no-repeat;   background-position:center center;   background-size:cover; } .q2 .cat1 .button, .q2 .cat1 .text3, .q2 .cat2 .button, .q2 .cat2 .text3 {   width:50% !important;   margin-bottom:0 !important; } .q2 .cat1 .button a, .q2 .cat2 .button a {   float:right; } @media screen and ( max-width:1050px ) {   .q2 .cat1 .button, .q2 .cat1 .text3,   .q2 .cat2 .button, .q2 .cat2 .text3 {  width:100% !important;   }  .q2 .cat1 .button,   .q2 .cat2 .button {  margin-top:10px !important;   }  .q2 .cat1 .button a,   .q2 .cat2 .button a {  float:none;   } } .q2 .cat1 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_1.svg); } .q2 .cat2 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_2.svg); } .q2 .cat3 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_3.svg); } .q2 .cat4 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_4.svg); } .q2 .cat5 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_5.svg); } .q2 .cat6 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_6.svg); } .q2 .cat7 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_7.svg); } .q2 .cat8 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_8.svg); } .q2 .cat9 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_9.svg); } .q2 .cat10 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_10.svg); } .q2 .cat11 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_11.svg); } .q2 .cat12 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_12.svg); } .q2 .cat13 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_13.svg); } .q2 .cat14 .padic:before {   background-image:url(/data/web_dataup/ico/ico_cat_14.svg); } @media screen and ( max-width:1460px ) {   .q2 .padibc {  margin-left:30px !important;  margin-right:30px !important;   } } @media screen and ( max-width:750px ) {   .q2 .padibc {  grid-template-columns:repeat(1, 1fr);   } } @media screen and ( max-width:450px ) {   .q2 .padic {  padding-left:30px !important;  padding-top:120px !important;   }  .q2 .h h3, .q2 .text, .q2 .button {  text-align:center !important;   }  .q2 .arrowUpOrange .padi {  margin:0 auto 0 auto;   } } .q2 h3 {   margin-top:25px !important; } .hb .padibc {   background-color:var( --colorBlack ) !important; } .hb.w14 .padib {   background-color:var( --colorBlack ) !important;   max-width:1600px;   margin:0 auto 0 auto !important; } .hb.w14.w2 .padib {   max-width:1400px; } @media screen and ( max-width:1660px ) {   .hb.w14 .padib {  max-width:calc( 100vw - 40px );   }  #news .padibc {  margin:0 15px 0 15px !important;   } } @media screen and ( max-width:1460px ) {   .hb .padibc {  padding-left:20px !important;  padding-right:20px !important;  margin-left:0 !important;  margin-right:0 !important;   }  .hb.w14 .padib {  background-color:transparent !important;   }  #news .padibc {  margin:0 15px 0 15px !important;   }  .hb.w14.w2 .padibc {  max-width:1400px !important;   } } @media screen and ( max-width:1420px ) {   .hb.w14.w2 .padibc {  margin:0 15px 0 15px !important;   } } .hb.hbt .padibc, .hb.hbt .padib {   border-top-left-radius:20px;   border-top-right-radius:20px; } .hb.hbb .padibc, .hb.hbb .padib {   border-bottom-left-radius:20px;   border-bottom-right-radius:20px; } .hb.hbb .padibc {   padding-bottom:50px !important;   margin-bottom:0 !important; } .flagCSLeft, .flagSKLeft {   background-position:left center !important;   background-size:36px !important;   background-image:url(/data/web_dataup/flag-cz.svg);   padding-left:50px !important; } .flagCS:after, .flagSK:before {   content:'';   position:absolute;   width:29px;   height:29px;   right:20px;   top:20px;   background-repeat:no-repeat;   background-position:center center;   background-size:29px;   background-image:url(/data/web_dataup/flag-cz.svg); } @media screen and ( max-width:500px ) {   .flagCS:after, .flagSK:before {  width:19px;  height:19px;  background-size:19px;   }  .flagSK.flagCS:after {  right:50px !important;   } } .flagSK.flagCS:after {   right:60px; } .flagSK:before, .flagSKLeft {   background-image:url(/data/web_dataup/flag-sk.svg); } .text ul {   list-style:none; } .text ul > li {   background-image:url(/data/web_dataup/ico/ico_checked_orange_circle.svg);   background-size:15px;   background-repeat:no-repeat;   background-position:left 8px;   padding-left:25px !important;   text-align:left; } #topHome .text ul > li {   background-position:left 10px; } @media screen and ( max-width:800px ) {   .bg1 ul, .lichecked ul {  width:auto;  margin:0 auto;   }  .bg1 ul li, .lichecked ul li {  width:100% !important;   } } .text.lichecked ul > li {   background-image:url(/data/web_dataup/ico/ico_checked_orange.svg);   background-position:left 14px; } #news .padi {   max-width:1400px;   margin:0 auto 0 auto !important; } #news ul > li, #reference ul > li {   background:none;   padding-left:0 !important;   background:#FFFFFF;   border-radius:15px; } #news.sub ul > li {   background-color:#faf8f4; } #news ul > li .img {   height:60%;   min-height:275px; } #news ul > li .img > div {   height:100%;   background-position:center;   background-size:cover;   background-repeat:no-repeat;   border-top-left-radius:15px;   border-top-right-radius:15px; } #news ul > li .cont {   height:40%;   padding:30px;   display:flex;   flex-wrap:wrap;   align-items:center;   place-content:space-between; } #news ul > li .tag {   background:#92FBF2;   border-radius:5px;   padding:1px 15px;   font-size:13px;   width:fit-content;   position:absolute;   margin-top:-14px;   margin-left:30px; } #news ul > li:nth-child( 2 ) .tag {   background:#FBE792; } #news ul > li .cont h3, #news ul > li .cont h3 a {   width:100%;   font-family:InterTight-SemiBold;   font-weight:600;   color:var( --colorBlack );   font-size:25px;   line-height:34px;   text-decoration:none !important; } #news ul > li:hover .more a {   text-decoration:underline; } #news .news--items {   display:grid !important;   grid-template-columns:repeat(3, 1fr);   gap:25px; } @media screen and ( max-width:1000px ) {   #news .news--items {  grid-template-columns:repeat(2, 1fr);   } } @media screen and ( max-width:600px ) {   #news .news--items {  grid-template-columns:repeat(1, 1fr);   }  #news ul > li .img {  height:40vw;  min-height:auto;   }  #news ul > li .cont {  height:auto;  padding:10px 20px 20px 20px;   } } .arrowUpOrange .padi, #news .more a {   background-image:url(/data/web_dataup/ico/arrow_top_right_orange.svg);   background-size:11px;   background-repeat:no-repeat;   background-position:right center;   width:fit-content;   padding-right:30px; } #news .more a {   color:var( --colorBlack );   text-decoration:none;   font-size:15px;   line-height:19px;   font-family:InterTight-SemiBold;   font-weight:600; } #reference ul > li {   width:calc( 25% - 14px );   float:left;   margin:7px;   padding:30px !important; } #reference ul > li .img {   float:left;   max-width:40%;   width:100%;   height:50px; } #reference ul > li .img > div {   background-size:contain;   background-position:center center;   background-repeat:no-repeat;   height:100%; } #reference ul > li .title {   float:right;   max-width:52%;   width:100%;   height:50px; } #reference ul > li .title > div:first-child {   font-size:17px; } #reference ul > li .cont {   float:left;   width:100%;   margin-top:20px; } #topLine .html {   display:flex;   align-items:center;   justify-content:right; } #topLine .col1 .text {   position:relative;   padding-left:37px !important; } #topLine .col1 .text:before {   content:'';   background-color:var(--colorOrange);   width:25px;   height:25px;   left:0;   top:0px;   border-radius:50%;   position:absolute;   background-image:url(/data/web_dataup/ico/ico_phone_white.svg);   background-repeat:no-repeat;   background-position:center center;   background-size:12px; } @media screen and ( max-width:750px ) {   #topLine {  display:none !important;   } } .text {   font-family:var( --fontFamilyRegular );   font-size:var( --fontSize1 ); } .strongOrange strong {   color:var( --colorOrange ); } #loginTop {   float:right;   padding-left:35px;   position:relative; } #loginTop a {   color:var( --colorWhite );   font-family:var( --fontFamilyRegular );   text-decoration:none; } #loginTop a:hover {   text-decoration:underline; } #loginTop:before {   content:'';   background-color:var(--colorOrange);   width:25px;   height:25px;   left:0;   top:0px;   border-radius:50%;   position:absolute;   background-image:url(/data/web_dataup/ico/ico_user_white.svg);   background-repeat:no-repeat;   background-position:center center;   background-size:12px; }  #topMenu {   position:absolute;   top:46px;   z-index:1; } @media screen and ( max-width:750px ) {   #topMenu {  top:0;   } } @media screen and ( min-width:1201px ) {   #topMenu #menu > ul > li:last-child > div > a, #topMenu_clone #menu > ul > li:last-child > div > a {  background:var(--colorOrange );  padding:15px 40px 15px 15px;  border-radius:7px;  color:var(--colorWhite) !important;  background-image:url(/data/web_dataup/ico/ico_send_white.svg);  background-size:17px;  background-repeat:no-repeat;  background-position:right+14px center;   }  #topMenu #menu > ul > li:last-child > div > a:hover, #topMenu_clone #menu > ul > li:last-child > div > a:hover {  background-color:var( --colorBlack );  text-decoration:none !important;   } } @media screen and ( min-width:1001px ) {   .cpad .col1 .padic {  padding-left:50px !important;  padding-top:50px !important;   }  .cpad .col2 .padic {  padding-right:50px !important;  padding-top:50px !important;   } } #topMenu_clone {   filter:drop-shadow(8px 8px 20px rgba(25, 25, 25, .08)); } #topMenu.sub, #topMenu_clone {   border-bottom-left-radius:30px !important;   border-bottom-right-radius:30px !important; } #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 > ul ul li > div, #topMenu_clone #menu > ul ul li > div {   padding:10px 0 10px 0 !important; } #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:200px !important; } #topMenu > .padib > .padibc > .col2, #topMenu_clone > .padib > .padibc > .col2 {   width:calc( 100% - 200px ) !important; } #topMenu #menu > ul > li.hasChild > div > a, #topMenu_clone #menu > ul > li.hasChild > div > a {   background-size:10px !important;   background-image:url(/data/web_dataup/arrow-down-black.svg);   background-position:right 7px !important;   background-repeat:no-repeat;   padding:0 19px 0 0;   float:left; } #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 {   padding:7px 0 7px 0 !important; } @media screen and (max-width:1200px) {   #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;   } }  #footer1 > .padib > .padibc > .col1 {   width:20% !important; } #footer1 > .padib > .padibc > .col2 {   width:20% !important; } #footer1 > .padib > .padibc > .col3 {   width:20% !important; } #footer1 > .padib > .padibc > .col4 {   width:40% !important;   margin-top:-55px; } @media screen and ( max-width:1000px ) {   #footer1 > .padib > .padibc > .col {  width:50% !important;   }  #footer1 .h h2, #footer1 .text, #footer1 .img {  text-align:center !important;   }  #footer1 .menu li, #footer1 .menu li a {  width:100%;  text-align:center;  display:block;   }  #footer1 .menu li > div {  width:max-content;  margin-left:auto;  margin-right:auto;  float:none;   }  #footer1 > .padib {  padding:20px 0 20px 0 !important;   }  #footer1 > .padib > .padibc > .col4 {  margin-top:0;   } } @media screen and ( max-width:700px ) {   #footer1 > .padib > .padibc > .col {  width:100% !important;   } }  .ui-selectmenu-menu {   z-index:1000; } .ui-button .ui-icon {   background-image:url(/css/ui/custom-theme/images/ui-icons_ffffff_256x240.png) !important; } #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:100px;   margin:0 20px 0 10px; } #flags-noresp form {   width:96px;   float:left;   margin:0px; } #flags-noresp select {   background:none;   border:none;   color:var(--colorWhite);   outline:none; } #flags-noresp option {   color:var(--colorWhite); } .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_dataup/flag-cz.svg);   background-position:10px center;   border-radius:0;   padding:0 5px 2px 15px;   color:var(--colorWhite);   border:1px solid var(--colorBlack);   font-size:var(--fontSize1);   background-size:20px; } .flags.flags-en .ui-selectmenu-button {   background-image:url('/data/web_dataup/flag-en.svg'); } .flags.flags-sk .ui-selectmenu-button {   background-image:url('/data/web_dataup/flag-sk.svg'); } .ui-selectmenu-button span.ui-selectmenu-text {   text-align:left;   padding:9px 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:20px;   height:20px;   margin-left:17px;   background-size:20px; } .ui-menu-icons .ui-menu-item div {   margin-left:0px;   font-size:13px;   line-height:18px;   padding:10px 0 6px 50px;   background:var( --colorBlack );   border:none !important;   color:var( --colorWhite ); } .ui-menu-icons .ui-menu-item:hover div {   background:var( --colorOrange ) !important; } .ui-widget.ui-widget-content {   border:none;   border-bottom-left-radius:15px;   border-bottom-right-radius:15px;   padding:10px 0 10px 0;   background:var(--colorBlack); } .ui-selectmenu-icon.ui-icon {   margin-top:2px; } .flag-cz {   background-image:url( '/data/web_dataup/flag-cz.svg' ) !important; } .flag-en {   background-image:url( '/data/web_dataup/flag-en.svg' ) !important; } .flag-sk {   background-image:url( '/data/web_dataup/flag-sk.svg' ) !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(--colorOrange) !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   } }  @media screen and (max-width:1000px) {   div[data-type="breadcrumb"] {  display:none;   } } @media screen and (max-width:1000px) {   .changePosition .padibc {  float:left;  display:-webkit-box !important;  display:-moz-box !important;  display:-ms-flexbox !important;  display:-webkit-flex !important;  display:flex !important;  -webkit-box-orient:vertical;  -moz-box-orient:vertical;  -webkit-flex-direction:column;  -ms-flex-direction:column;  flex-direction:column;  -webkit-box-align:start;  -moz-box-align:start;  -ms-flex-align:start;  -webkit-align-items:flex-start;  align-items:flex-start;  flex-flow:wrap;  justify-content:center !important;  width:100% !important;   } .changePosition .padibc .col1 {  -webkit-box-ordinal-group:2;  -moz-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;   }  .changePosition .padibc .col2 {  -webkit-box-ordinal-group:1;  -moz-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;   } } @keyframes moving {   0% {  transform:translatex( 0 ) ;   }   100% {  transform:translateX( -100% ) ;   } } @keyframes movingUp {   0% {  transform:translate(0, 0);   }   50% {  transform:translate(-12px, -12px);   }   100% {  transform:translate(0, 0);   } } @keyframes movingDown {   0% {  transform:translate(0, 0);   }   50% {  transform:translate(12px, 12px);   }   100% {  transform:translate(0, 0);   } }