@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Teko:wght@400;700&display=swap');

body {background-color: #fbfaf5;}
body, th, td, p { font-family: 'Teko', sans-serif; color:#405d5e;  font-size:24px;}
h1, h2, h4, nav {font-family: 'Bebas Neue', sans-serif;}
h1 {color:#eb1414; font-size:2.8em; padding-bottom: 0.3em;}
h2 {color:#405d5e; font-size:2.3em; padding-bottom: 0.2em;}
h3 {color:#eb1414; font-size:2em; padding-bottom: 0.2em;}
h4 {color: #eb1414; font-size:1.3em;}	
h5 {font-size:1.3em; font-weight: bold;}		
p { font-size: 1em; font-weight:normal;}
a {color:#000000; transition: all 0.1s ease;position: relative;}
a:hover {text-decoration:none;}

.navbar  {padding: 50px; padding-bottom: 0; font-size: .8em;}
.navbar-expand-xl .navbar-nav .nav-link {margin-left:30px; color: #000000; letter-spacing: 2px;}
.logo {height: 33px;}

.intro {
  position: relative;
  background-color: black;
  background: url("../../energohrdlicka/bg-video.jpg") no-repeat;
  background-size: cover;
  min-height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.energoInquiry .intro .row {min-height: 40vh;}

.intro video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.intro .container {
  position: relative;
  z-index: 2;
}
.intro .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fbfaf5;
  opacity: 0.6;
  z-index: 1;
}


/*.intro {border-bottom: 5px solid #FFFFFF;}*/
.intro .row { min-height: 75vh; padding-top: 30px;}
.intro .col-12, nav { z-index: 10;}
.intro .headlines { padding-bottom: 2em;}
.intro .headlines p{  color: #000000; font-size: 1.5em;  margin-bottom: -.2em;}
.intro h1 {  margin-bottom: 0; padding-bottom: 0;}
.intro a[href^="tel:"].outline {border: 2px solid #1eeb14; font-size: .8em; border-radius: 5em; padding: 25px 35px; background-image: none; line-height: 1em;}
.intro a[href^="tel:"].outline:hover {transition: all 0.1s ease-out; background-color:hsla(117,84%,50%,0.16); color:#000000;}
.intro a[href^="mailto:"].outline,.intro a[href*="poptavka"].outline {  border: 2px solid #eb1414;  font-size: .8em;  border-radius: 5em;  padding: 25px 35px;  background-image: none;  line-height: 1em;}
.intro a[href^="mailto:"].outline:hover, .intro a[href*="poptavka"].outline:hover {  transition: all 0.1s ease-out;  background-color: hsla(0, 84%, 50%, 0.16);  color: #000000;}
.intro .doicons a {display:inline-block; min-width: 340px; margin: 1em; }

.whatwedo, .elektrorevize, .ostatnirevize, .elektroskoleni {background-color:#d3d9d5; background: linear-gradient(118deg, rgba(211,217,213,1) 0%, rgba(200,207,204,1) 36%, rgba(211,217,213,1) 100%);  border-top: 5px solid #FFFFFF; border-bottom: 5px solid #FFFFFF;}
.whatwedo, .elektrorevize, .tlakoverevize, .ostatnirevize, .elektroskoleni {padding: 100px 0;}
.elektrorevize h2, .tlakoverevize h2 {color:#eb1414; padding-top: 2em;}

.whatwedo h2 {font-size:2.8em; padding: 0; margin: 0; overflow-wrap: break-word;}
.whatwedo h3 {font-size:1.8em; font-family: 'Teko'; padding-top: 0; margin: 0; }
.whatwedo h4 {font-family: 'Teko';}

.testimonials {   padding: 100px 0;}
.testimonials .carousel-item img {max-height:50px;}

.tored::before { filter: invert(21%) sepia(84%) saturate(5568%) hue-rotate(353deg) brightness(95%) contrast(102%);}
.towhite::before {filter: invert(90%) sepia(47%) saturate(0%) hue-rotate(154deg) brightness(110%) contrast(101%);}
.togreen::before {filter: invert(75%) sepia(75%) saturate(2920%) hue-rotate(67deg) brightness(98%) contrast(110%);}
.togreen:hover::before, .tored:hover::before  {filter:invert(0%) sepia(13%) saturate(7463%) hue-rotate(340deg) brightness(105%) contrast(98%);}

.svg { text-indent: -.7em;}
.svg::before {  display: inline-block; height: .7em; width: .7em; }

.cycle::before {  content: url("../../energohrdlicka/cycle.svg");}
.electrical_services::before {  content: url("../../energohrdlicka/electrical_services.svg");}
.precision_manufacturing::before {  content: url("../../energohrdlicka/precision_manufacturing.svg");}
.destruction::before {  content: url("../../energohrdlicka/destruction.svg");}
.precision_manufacturing::before {  content: url("../../energohrdlicka/precision_manufacturing.svg");}
.tools_power_drill::before {  content: url("../../energohrdlicka/tools_power_drill.svg");}
.flash_on::before {  content: url("../../energohrdlicka/flash_on.svg");}
.contact_support::before {  content: url("../../energohrdlicka/contact_support.svg");}
.school::before {  content: url("../../energohrdlicka/school.svg");}
.valve_repair::before {  content: url("../../energohrdlicka/valve_repair.svg");}
.safety_check::before {  content: url("../../energohrdlicka/safety_check.svg");}
.apartment::before {  content: url("../../energohrdlicka/apartment.svg ");}
.factory::before {  content: url("../../energohrdlicka/factory.svg ");}
.power::before {  content: url("../../energohrdlicka/power.svg ");}
.ev_charger::before {  content: url("../../energohrdlicka/ev_charger.svg ");}
.visibility::before {  content: url("../../energohrdlicka/visibility.svg ");}
.school::before {  content: url("../../energohrdlicka/school.svg ");}
.electro::before {  content: url("../../energohrdlicka/electro.svg ");}
.propane_tank::before {  content: url("../../energohrdlicka/propane_tank.svg ");}
.solar_energy::before {  content: url("../../energohrdlicka/solar_energy.svg");}
.health_metrics::before {  content: url("../../energohrdlicka/health_metrics.svg");}
.electric_machine::before {  content: url("../../energohrdlicka/electric_machine.svg");}
.electric_car::before {  content: url("../../energohrdlicka/electric_car.svg");}
.boat_bus::before {  content: url("../../energohrdlicka/boat_bus.svg");}
.transformer::before {  content: url("../../energohrdlicka/transformer.svg");}


.doicons a[href^="tel:"]::before {  content: url("../../energohrdlicka/call.svg");}
.doicons a[href^="mailto:"]::before {  content: url("../../energohrdlicka/mail.svg");}
.doicons a.outline {margin: 20px; margin-left: 0; white-space: nowrap;}
.doicons a.outline:hover {background-color:#405d5e; color:#ffffff; }
.doicons a.outline:hover::before {filter: invert(90%) sepia(47%) saturate(0%) hue-rotate(154deg) brightness(110%) contrast(101%);}
.doicons a::before {  display: inline-block;  height: .7em;  width: .7em;  margin-right: .5em;}

a.full, .formular .btn {font-family: 'Bebas Neue'; letter-spacing: 2px; background-color: #405d5e; color: #ffffff; border: 2px solid #405d5e; border-radius: 2em; padding: 7px 35px 5px; margin: 0;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23fff'/%3E%3C/svg%3E");  background-repeat: no-repeat;   background-position: right 14px center;}
a.full:hover, .formular .btn:hover {border: 2px solid #405d5e;}

a.outline {font-family: 'Bebas Neue'; letter-spacing: 2px; background-color: rgba(255,255,255,0.00); color: #000000; border: 2px solid #000000; border-radius: 2em; padding: 7px 35px 5px; margin: 0;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath d='M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z' transform='translate(-8.59 -6)' fill='%23000'/%3E%3C/svg%3E");  background-repeat: no-repeat;   background-position: right 14px center;}

a:not(.btn, .doicons a, .navbar-brand)::before {content: ""; position: absolute; width: 0; height: 2px; bottom: 4px; left: 0; background-color: #eb1414; transition: width 0.3s;}
a:not(.btn, .doicons a, .navbar-brand):hover::before {width: 100%;}


.revize {border-left: 2px solid #000000;}
.revize h3 {color: #000000; padding-bottom: 0; padding-top: .5em; margin-bottom: 0;}
.revize p {padding-top: 0; margin-top: 0;}

.infobox {max-width: 50%; font-size: .8em;}
.infobox h4, .infobox p {color:#405d5e; font-style: italic;}


.footer {background-color: #d3d9d5; padding: 100px 0 50px; font-size: .7em;}
.footer a {text-decoration: none; color:#405d5e; }


.contact { background-color: #405d5e; color: #d3d9d5; font-size: 1.3em;}
.contact.doicons a {display:block;}
.contact p, .contact a { color: #d3d9d5; text-decoration: none;}
.contact:hover p, .contact:hover a, .contact:hover h5{color:#FFFFFF;}

.copy {border-top: 2px solid #405d5e;}

.testimonials .testimonialtext  {min-height: 330px;}



.formular .umbraco-forms-form input.text, .formular .umbraco-forms-form textarea {  display: inline!important;}
.formular .form-control, .formular .form-select {  font-size: 1.4rem;}
.formular .field-validation-error {  color: #eb1414;}

@media (max-width: 576px) { .navbar  {padding: 30px 5px;} .fotografie .col:nth-child(n+4) {  display:none; visibility:hidden;}  }

@media (max-width: 768px) { .fotografie .col:nth-child(n+5) {  display:none; visibility:hidden;} .intro .doicons a {  min-width: 80%; font-size: .8em;} .infobox {max-width: 100%;} .svg { text-indent: 0;} .svg::before {  display: none; visibility: hidden; } .revize {border-left:none;} }

@media (max-width: 992px) {  }

@media (max-width: 1200px) { .fotografie .col:nth-child(n+5) {  display:none; visibility:hidden;} }

@media (max-width: 1400px) {  }
.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save{
  color: #fff;
  background-color: #405d5e;
}
.freeprivacypolicy-com---palette-light .cc-pc-head-close:active, .freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {
  border: 2px solid #405d5e;
}
.freeprivacypolicy-com---palette-light .cc-pc-head-lang select:focus {
  box-shadow: 0 0 0 2px #405d5e;
}
.freeprivacypolicy-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before {
  background: #1eeb14;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 75vw;
  }
}
@media (max-width: 780px) {
    .modal-dialog table {
        
    }
    
}