/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
color: #000 !important;
}
html  {
  /* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
  /*   font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); */
  font-size: calc(20px + (36 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(1.2rem + (1.4 - 1.1) * ((100vw - 300px)/(1920 - 300)));   
} 
 .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0;
 
 }
a {
  color:#000000;
  text-decoration: none;
}
a:active {
  color:#212121; 
  text-decoration: none;
}
a:hover {
  color: #212121; 
  text-decoration: none;
} 

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #212121;
  width:  40px;
  height: 40px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #000000;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #00a0e3;
  border-top-color: #efefef;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}



 

 



 
  

/*--------------------------------------------------------------
# intro
--------------------------------------------------------------*/
#intro {  
  height:auto;
  width:100%;
 }

.wrapper {
 overflow: hidden;
 height:calc((100vw / 1.7777777777777) - 10px);      
}
.videoInsert {
  width:100%;
  height: auto;
  object-fit:cover;
  display: inline-block;  
  margin:none;
}

.sticker {
  font-size: 1rem;
  font-weight:700;   
  color:#ffffff; 
  background-color: #000000;
  padding: 6px 30px;
  white-space:nowrap;
}
@media (min-width: 576px) {
  .sticker { 
    padding: 12px 60px;  
}
}


#intro .sticker {
  position: absolute;
  bottom:0px;
  right:0px;
  margin: 0px; 
}
@media (min-width:992px){
#intro .stickerX { 
  bottom: 6px; 
}
}
@media (min-width:1200px){
#intro .stickerX { 
  bottom: 7px; 
}
}



.icon-box-header 
{
height:3.5rem;
}
.icon-box-headerline{
min-height:3.5rem;

}
 

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  overflow: hidden;  
  position: relative; 
}
#hof .buton{
background-color: #fff;
}


    

/* Tlac-------------------------------*/
.tlac {
  color:#000;
  width:fit-content; 
  font-size: 14px; 
  font-weight:600;  
  }
 
/* BUTON -------------------------------*/

.buton-container {
  position: relative; 
  height: 24px; 
  /*border:#f00 1px solid;*/
  }
.contact button{
background:none;
 
}
.bc-len-cz {
  width:80px;    
  }
.bc-len-en {
  width:120px;    
  }
.bc-len-tagline-cz {
   width:220px;   
  }
  .bc-len-tagline-en {
   width:225px;   
  }

.bc-len-partners-en { 
width: 355px;
}
.bc-len-partners-cz { 
width:340px;
}
.bc-len-contact-en { 
width:120px;
}
.bc-len-contact-cz { 
width:90px;
}
 

 

.buton-text {
  position:absolute;
  top:2px;
  /*border:1px solid #ff0000;*/
  height: 24px;
  font-size: 14px; 
  font-weight:600;
  color:#000000;
}
@media(min-width:576px){
.buton-text {
 top:0px; }}
@media(min-width:768px){
.buton-text {
 top:-1px; }}
@media(min-width:992px){
.buton-text {
 top:-3px; }}
@media(min-width:1200px){
.buton-text {
 top:-3px; }}
@media(min-width:1600px){
.buton-text {
 top:-6px; }}
@media(min-width:2000px){
.buton-text {
 top:-11px; }}

.contact .buton-text {
   left:-70px;  
}
.partners .buton-text  { 
  left:-220px;
  color: #ffffff;
} 
.tagline-product .buton-text { 
  left:10px;
  color: #ffffff;
  white-space:nowrap;
  width:240px;
}


.buton { 
  /*border:#06D85F 1px solid;*/
  height: 24px;
  width: 100%;
  position: absolute; 
 /* background: #f3f3f3;*/ 
  cursor:pointer;
} 
.partners .buton,
.contact  .buton,
.tagline-product .buton{ 
  position:relative;
  background: none;
}


.buton:before {
  content: "";
  width: 40px;
  height: 1px;
  background: #333333;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 4px;
  transition: all 0.3s ease;
}
 
.partners        .buton:before,
.tagline-product .buton:before {
  background: #ffffff;
  width: 40px;
}
.buton:hover:before {
  right: 0px;
  width: 0px;
}
.buton:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0px;
  transition: all 0.3s ease;
  background: none;
}
.partners        .buton:after,
.tagline-product .buton:after {
  border-color: transparent transparent transparent #ffffff;
}

.buton:hover:after {
  right: 0px;   
}

 


 
   

.popis-nr{   
  width:28px;
  height:28px;
  border-radius:14px;
  font-size:1rem;
  color:#fff;
  line-height:28px;
  text-align:left;
  background:#000; 
  padding:0;  
}
.width-28{ 
  width:28px;
}
.width-46{ 
  width:46px;
}
.width-50{ 
  width:50px;
}
.width-60{ 
  width:60px;
}
.width-66{ 
  width:66px;
}
.popis-mobile {
  font-size:1rem; 
  font-weight: 800;
}



 


 /* --------------- RUZNE ----------------------------*/
 .absolute {
 position:absolute
 }

.img-fluid-2 { 
width:auto;
max-height: 100%;
}
.img-fluid-3,.img-gall { /* zvetsuje i nad nativni rozmer obrzku - narozdil od img-fluid*/
  width: 100%;
  height: auto;
}
 
@media (min-width:576px){
.img-gall {
height: 100%;
width:auto;
}
}


.no-pointer {
cursor:progress;
}
.width-2 {
width: 2px;
}
.width-240 {
display: inline-block;
}
.nest{
  position:relative;
}
.fit {
  width:fit-content !important;
}
@media (min-width:768px){
.fit-md {
  width:fit-content !important;
}}

@media (min-width:576px){
.fit-sm {
  width:fit-content !important;
}}



@media  (max-width:767px){
.fit-m {
  width:fit-content !important;
}}
@media (min-width:576px) and (max-width:1199px){
.fit-t {
  width:fit-content !important;
}}
@media (min-width:1200px){
.fit-d {
  width:fit-content !important;
}}

@media  (max-width:767px){
.fit-h-m {
  height:fit-content !important;
}}
@media (min-width:576px) and (max-width:1199px){
.fit-h-t {
  height:fit-content !important;
}}
@media (min-width:1200px){
.fit-h-d {
  height:fit-content !important;
}}

.fit2 {
  height:fit-content !important;
}
.minfit {
  width: min-content;
}
.center-center{
  position: absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 
.vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
}

 .sip-size:active {
 display:none;
 }




.grecaptcha-badge {
  float:right;
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 1px !important;
  bottom: 4px !important;
  display: none !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.sip-1 {
width:clamp(40px,4.5vw,60px);
 
} 
/* download -------*/
#download h5 {
color:#000;
font-size: 0.8rem;
font-weight:600;
margin:0;
}
.download-row
{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* --- specif --*/
#spec-next {
margin-right:14px;
top:110px;
 /*border:1px solid rgb(0, 255, 0); */
}
#spec-prev {
margin-left:2px;
top:110px;
/* border:1px solid #f00; */
}





 


 
.svg-navbar {
display: inline-block;
}
.svg-navbar:hover{
 filter: invert(15%) sepia(99%) saturate(6707%) hue-rotate(355deg) brightness(89%) contrast(128%);
}

.max-width-1452 {
max-width: 1452px;
}

.border-none {
border:none
}
.hidde{
visibility: hidden;
}
.max-width-187 {
max-width: 187px
}
/* ---------------------------------*/
.butt {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space:nowrap;


    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #000;
   border-radius: 3px !important;
    padding: 8px 32px;
    border-radius: 0;
}
.butt svg {
margin-left: 8px
}
@media only screen and (min-width:768px){
.butt {    
      font-size: 18px;
}}
.butt:hover  {
    background-color: #3E3E3E;
    color:#FFF !important;


}
.butt-white {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space:nowrap;


    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #fff;
    border: 3px solid black;
    border-radius: 3px !important;
 
    padding: 8px 32px;
    border-radius: 0;
}
  .butt-white:hover {
    color: #333;
    border: #333 3px solid;
}

.butt-transparent {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
 
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space:nowrap;


    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 
    border: 3px solid black;
    border-radius: 3px !important;
 
    padding: 13px 20px;
    border-radius: 0;
}
  .butt-transparent:hover {
    color: #333;
    border: #333 3px solid;
}



.butt-noframe {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #000000; 
    text-decoration: none;
    vertical-align: middle;
    white-space:nowrap;

 
    padding: 8px 0;
    border:none;
 

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

  .butt-noframe:hover {
    color: #333333; 
   
}

.butt-noframe svg {
margin-left: 8px
}
/* -----------------------------*/



.resize{
width:30px;
height:16px;
}

/* height -----------------------------*/
.h80 {
height: calc(46px + (80 - 46) * ((100vw - 300px) / (1920 - 300)));
}
.h2rem{
height:3rem
}
.h4rem{
height:10rem
}

.max-height-240 {
max-height: 240px
}
.min-height-140 {
min-height: 140px
}
.min-height-200 {
min-height: 200px
}
.height-60 {
height: 60px
}
.height-40 {
height: 40px
}
.max-width-440 {
max-width: 440px
}
.max-height-440 {
max-height: 440px
}
.img-fluid-max-height-540 {
width:100%;
height:auto;
max-width: 540px;
max-height: 540px;
}
.img-fluid-70prc {
width:70%;
height:auto; 
}
.img-fluid-60prc {
width:60%;
height:auto; 
}
@media only screen and  (max-width:767px) {
.img-fluid-m-60prc {
width:60%;
height:auto; 
}
}

.z-index-1000{
  z-index: 1000
}
@media only screen and  (max-width:767px) {
.max-height-m-80 {
max-height: 80px
}
.max-height-m-90 {
max-height: 90px
}
.max-height-m-100 {
max-height: 100px
}
.max-height-m-120 {
max-height: 120px
}
.max-height-m-140 {
max-height: 140px
}
.max-height-m-160 {
max-height: 160px
}
.max-height-m-180 {
max-height: 180px
}
.max-height-m-200 {
max-height: 200px
}
.max-height-m-220 {
max-height: 220px
}
.max-height-m-240 {
max-height: 240px
}
}



 

.shrow{
    overflow: hidden; 
}
.shcol{
    margin-bottom: -99999px !important;
    padding-bottom: 99999px !important;
}

.bg-707070 {
background-color: #707070;
}
.bg-black {
background-color: #000;
}

.grey {
color: #707070;
}
.black{
color: #000;
}
.white{
color: #fff;
}

.header-height { 
  height:var(--bs-header-height);
}
.header-height-2 { 
  height:var(--bs-header2-height);
}

 
.mt-header-height { 
margin-top:   var(--bs-header-height); 
} 
.pt-header-height { 
padding-top:   var(--bs-header-height); 
} 

.hack,.hack-liche {
margin-left:0px !important;
}
@media only screen and  (min-width:472px) {
.hack {
margin-left:16px !important;
}}
@media only screen and  (min-width:370px) {
.hack-liche {
margin-left:16px !important;
}}

@media only screen and  (min-width:1200px) {
.mt-d-100-150 {
margin-top:clamp(100px,  8vw, 150px);
}}



@media only screen and  (max-width:575px) {
.w-80-sm {
width:80%
}}
@media only screen and  (min-width:768px) {
.w-80-md {
width:80%
}}
@media only screen and  (min-width:992px) {
.w-80-lg {
width:80%
}}
@media only screen and  (min-width:1200px) {
.w-80-xl {
width:80%
}}

@media only screen and  (max-width:575px) {
.w-70-sm {
width:70%
}}
@media only screen and  (min-width:768px) {
.w-70-md {
width:70%
}}
@media only screen and  (min-width:992px) {
.w-70-lg {
width:70%
}}
@media only screen and  (min-width:1200px) {
.w-70-xl {
width:70%
}}

.width-290px{
width:290px;
}  
.max-200 {
max-height: 200px !important
} 
.equalHeight,
.eH,
.eH-charging,
.eH-connect,
.eH-where,
.eHcharging,
.eHconnect,
.eHwhere
{
height: auto;
}


.pe-10pro {
padding-right: 10%;
}

.col-20prc {
    flex: 0 0 auto;
    width: 20%;}

@media only screen and  (max-width:575px) {
.col-sm-20prc {
    flex: 0 0 auto;
    width: 20%;
}}
@media only screen and  (min-width:768px) {
.col-md-20prc {
    flex: 0 0 auto;
    width: 20%;
}}
@media only screen and  (min-width:992px) {
.col-lg-20prc {
    flex: 0 0 auto;
    width: 20%;
}}
@media only screen and  (min-width:1200px) {
.col-xl-20prc {
    flex: 0 0 auto;
    width: 20%;
}}
@media only screen and  (min-width:1400px) {
.col-xxl-20prc {
    flex: 0 0 auto;
    width: 20%;
}}

.col-25prc {
    flex: 0 0 auto;
    width: 25%;}

@media only screen and  (max-width:575px) {
.col-sm-25prc {
    flex: 0 0 auto;
    width: 25%;
}}
@media only screen and  (min-width:768px) {
.col-md-25prc {
    flex: 0 0 auto;
    width: 25%;
}}
@media only screen and  (min-width:992px) {
.col-lg-25prc {
    flex: 0 0 auto;
    width: 25%;
}}
@media only screen and  (min-width:1200px) {
.col-xl-25prc {
    flex: 0 0 auto;
    width: 25%;
}}
@media only screen and  (min-width:1400px) {
.col-xxl-25prc {
    flex: 0 0 auto;
    width: 25%;
}}

.rounded-0-5-5 {
border-radius: 0px;
}
@media only screen and  (min-width:768px) {
.rounded-0-5-5 {
border-radius: 5px;
}}
 
.letter-spacing-menu {
letter-spacing:  0.02em;
}
/*--------------------------*/
.hid {
   position: absolute;
  top:100px;
  display:none;
  padding:10px;
  border:1px solid #ccc;
}
 .hid2 {
   position: absolute;
  top:300px;
  display:none;
  padding:10px;
  border:1px solid #ccc;
}

.myDIV,.myDIV2{ 
  padding:10px;width:200px;
  border:1px solid #ccc; 
}    
.myDIV:hover + .hid  {
  display: block;
  color: red;
}
.hid:hover  {
  display: block;
  color: red;
}
.myDIV2:hover + .hid2  {
  display: block;
  background-color: red;
}
.hid2:hover  {
  display: block;
  color: red;

}
.next,.next2 {
 display: none;
}
.tlac-next:hover + .next,.next2 {
  display: table-row;
}
 

/* ---------------------------*/
                            .show-show-hide { display:block    }
@media(min-width:1199px)  { .show-show-hide { display:none   } }
                            .hide-hide-show { display:none     }
@media(min-width:1199px)  { .hide-hide-show { display:block  } }


.hide-desktop        { display:block         } 
.hide-desktop-inline { display:inline-block  }
.hide-mobile,
.hide-mobil-inline   { display:none          } 

@media(min-width:768px) { .hide-desktop,
                          .hide-desktop-inline  { display:none        } 
                          .hide-mobile          { display:block       } 
                          .hide-mobil-inline    { display:inline-block} 
                        }

.no-cursor {
cursor:default
}
footer a  {
color:#FFF
}
footer a:hover {
color:#ccc
}

.h-10px {
height:10px 
}
.h-20px {
height:20px 
}
.scale-85 {
transform: scale(0.85);
}

.no-hover  {
border: none !important;
box-shadow:  none !important; 
}
.no-hover:hover {
border: none !important;
box-shadow:  none !important;
background-color: none !important;
}

a.anchor1 {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}
a.anchor2 {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}
a.anchor3 {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}
a.anchor4 {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

@media(min-width:768px) {
.border_R {
border-radius: 16px;
border-color: #F8F8F8;
border-style: solid;
}
}
.pre {
white-space: pre;
}