h1, h2, h3, h4 {font-family: "Montserrat", "Roboto"; color: #000;}
html, body {
font-family: "Open Sans";
font-size: 100%; line-height: 170%; color: #486179;}
a, .navbar-light .navbar-nav .chciproverit i {}
.navbar-light .navbar-nav .chciproverit i {margin-right: 6px;}
b {color: black;}
a.underline {text-decoration: underline;}
.odkaz {color: #007bff; cursor: pointer; cursor: hand;}

/*.dropdown-toggle::after {visibility: hidden;}*/
/* do not group these rules */
*::-webkit-input-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: gray !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: gray !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: gray !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: gray !important;
}

/*.zluty {background-image: url('../img/bg.jpg'); background-size: cover; }*/
.zluty {background-colora: #F5F5F5;}
.landingpage {background-size: cover; position: relative; padding-bottom: 40px;}
.landingpage:before {content: "";
	position: absolute; top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    background: -webkit-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: -o-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: linear-gradient(to bottom, rgba(255, 255, 255,1), rgba(255, 255, 255,0.5), rgba(255, 255, 255,0));
}
.landingpage h1, .landingpage .popis, .landingpage .popis strong, .landingpage 

.landingpage .cenaprohlidky {display:none;}
.landingpage .hlavni a {}
.landingpage h1 {margin-bottom: 30px;}
.landingpage .navbar {}

.hlavni {padding-top: 20px; padding-bottom: 30px;}
.buttonprohlidka i {color: #FEF100a;}
#technikbg {padding-top: 0px; padding-bottom: 60px;}
.aktualne {font-size: 85%; padding: 10px 20px 0px 10px;}
.aktualne b {}
.aktualne i {color: lightgreen; margin-right: 8px;}

#floatbutton {position: fixed; bottom: 0px; padding: 0px 0px 30px 0px; background-color: #fff; z-index: 1; box-shadow: 0 0px 20px rgba(0, 0, 0, .4); text-align: center; width: 100%; display: none;}
#floatbutton a {border-radius: 50px; font-weight: normal;}
#floatbutton h2 {margin: 0px;}
#floatbutton img {width: 35px;}
#floatbutton .row {margin: 0px 8px 0px 8px;}
#floatbutton .btn {display: block;}
#floatbutton .btn i {position: relative; left: 0px; top: 1px;}


.aktualne {font-size: 80%; margin-top: 0px;}

.mechanic {position: relative;}
.mechanic i {color: #08C683; position: absolute; top: 20px; font-size: 90%;}
.vycuc span {font-size: 80%; line-height: 150%; display: block; display: block; margin: 0px 0px 3px 0px;}
.vycuc .vycuc-hvezdy i {color: #FEF100; margin-right: 1px;}
.vycuc .vycuc-cena {margin-top: 6px; margin-left: 2px;}
.vycuc span b {color: black; font-size: 160%;}
.vycuc i {color: black; font-style: normal; font-weight: bold;}
.vycuc .vycuc-zdarma {margin-top: 0px; margin-left: 2px; line-height: 200%; font-size: 80%;}
.vycuc .vycuc-zdarma b {background-color: red; color: white; border-radius: 2px; padding-left: 5px; padding-right: 5px; font-size: 140%;}
.button-dop {margin-top: 6px; text-align: center;}
.button-dop span {color: red;}

.linkprohlidka {text-decoration: underline;}
.btn-dark {padding: 14px 20px; margin-top: 20px; border-radius: 10px; font-weight: bold;}
.paticka .chciproverit {text-decoration: none;}

.jakfungujeme {background-color: #F5F5F5;}
.jakfungujeme {padding: 50px 0px;}
.phonebg img {width: 90%; padding-left: 5%; margin-top: 20px; margin-bottom: 40px;}
.odkazprohlidka {display: block; margin-top: 16px;}

.benefits {background-color: #FFDE00; padding: 60px 0px;}
.benefitst {background-color: #bafc54; color: black;}
.benefits .row div {text-align: center; margin-bottom: 20px;}
.benefits p {line-height: 150%;}
.benefits i {font-size: 160%; color: #000; display: block; height: 26px; margin-bottom: 18px;}
.benefitst i {color: white;}

.boxik {padding-top: 40px;}
.provereno img {width: 120px; margin-top: 20px;}
.boxik .fas {margin-right: 8px; color: #FDDE61;}

.proc {background-color: #F5F5F5; padding: 20px 0px 60px 0px;}
.cenik {padding: 22px; margin: 0px; margin-bottom: 16px; box-shadow: 0 0px 20px rgba(0, 0, 0, .1); background-color: white; border-radius: 6px;}
.cenik .text-md-right {font-size: 160%; margin-top: 25px;}
.cenik h3 {font-size: 120%;}
.obrtechnici img {width: 100%;}

.ceny {background-color: #F5F5F5; padding: 20px 0px 100px 0px; margin-top: 60px; text-align: center;}
.polozka {text-align: center; margin-bottom: 60px;}
.ceny img {height: 70px; margin-bottom: 10px;}
.ceny h3 {font-size: 120%;}
.ceny h3 span {display: none;}
.polozkacena {margin-top: 20px; margin-bottom: 20px; font-size: 180%;}

h1 {font-weight: 700; margin-bottom: 20px; font-size: 240%; line-height: 120%; color: black;}
h2, h3, h4 {font-size: 105%; font-weight: 700; color: black;}
h2 {line-height: 140%; font-size: 130%;}
h2 {font-size: 160%; margin: 0px 0px 40px 0px;}
.autoobr {width: 90%; margin-bottom: 0px; margin-left: 5%;}
.navbar-toggler {border: none; padding-right: 0px;}
.navbar {padding-top: 12px; padding-bottom: 12px; z-index: 1000; font-size: 90%; background-color: #fff;}
.navbar-light .navbar-brand {color: #8e44ad; color: black; font-size: 160%; font-weight: bold;}
.navbar-light .navbar-brand b {margin-left: 0px;}
.navbar-brand img {width: 140px; height: auto; position: relative; left: -4px; top: 0px;}
.navbar-brand b {color: #FFDE00; font-size: 100%; position: relative; top: 0px; left: 3px;}
.navbar-brand {}

.card {box-shadow: 0 0px 20px rgba(0, 0, 0, .1); border: none;}
.card small {line-height: 120%; display: block;}
.card-bgimg-top {background-size: cover; height: 170px;}

.cist-vice span {cursor: pointer; cursor: hand; color: #E35240;}

.center1 {padding-top: 30px; margin-bottom: 80px;}
.center1 .card {padding: 20px 26px; margin-top: 15px; margin-bottom: 15px;}
.hvezdicky {color: #FEF100; position: relative; top: -5px;}
.hvezdicky-hero {display: block; margin-top: 30px;}
.hvezdicky-hero i {font-size: 120%;}
.hvezdicky-hero:hover {text-decoration: none; color: #FEF100;}
.hvezdicky-hero span {color: darkgray; margin-right: 6px; text-decoration: underline;}

.center1 .card p {font-size: 90%; line-height: 200%;}

.selectpickersh {border: 1px solid rgba(0, 0, 0, .15); background-color: #F8F8F8; margin-top: 0px; margin-bottom: 24px; box-shadow: 0 0px 20px rgba(0, 0, 0, .0);}
.bootstrap-select .dropdown-toggle .filter-option {font-size: 84% !important;}
.bootstrap-select.form-control-lg .dropdown-toggle {line-height: 190% !important; border: 1px solid #81D1DB;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner small, .bootstrap-select .dropdown-menu li small {position: absolute; right: 20px; color: black !important;  text-align: right; width: 100px; font-weight: bold;}
.bootstrap-select .dropdown-menu li.disabled small {color: gray !important;}
#poptavka .form-group .form-control {box-shadow: 0 0px 20px rgba(0, 0, 0, .1); border-color: #82C13B; }

.form-control-lg {padding-top: 0px;}
#poptavka .form-control-lg {padding-left: 0px; padding-right:0px; padding-top: 0px; width: 100%;}
label {font-size: 90%; margin-bottom: 3px; font-weight: bold; color: black; padding-left: 4px;}

.input-group-text {background-color: #F44434; color: white; border-color: #F44434; text-align: center;}
.input-group-text .fas {width: 22px;}

.bootstrap-select .dropdown-menu {width: 90%;}
.vybermistobutton {margin-top: 10px;}
.vybermistobutton .fas {margin-right: 10px;}
h1, .popis {}

#form-misto {margin-top: 30px; margin-bottom: 30px;}

h3 {margin-top: 10px; margin-bottom: 10px; color: #000; line-height: 150%;}
h3 .fas {color: #7C80FF;font-size: 240%; margin-right: 10px; position: relative; top: 4px;}
 
.container {padding-left: 24px; padding-right: 24px;}
.navbar {padding-left: 24px; padding-right: 24px;}
.vybermistobutton {} 
.mesta .card {margin-bottom: 25px; color: black; text-decoration: none;}
.mesta .card img {height: auto;}
.btn-dark {border: none; 
background-color: #bef966; color: #000; line-height: 280%; font-weight: 700; border-radius: 50px; transition: none;
}
.btn-dark:hover {text-decoration: underline; background-color: #bef966; color: #000;}
.btn-light {box-shadow: 0 0px 20px rgba(0, 0, 0, .1); line-height: 280%; font-weight: normal;}
.btn-velky {padding: 12px 50px 12px 50px; border-radius: 40px; font-size: 105%;}

.proc {margin-top: 60px; padding-bottom: 60px;}
.proc .card {padding: 40px 60px 50px 60px; text-align: center; line-height: 200%; background-color: #FDDE61;}
.proc .card .cenakarta {font-size: 160%; margin-bottom: 12px;}
.proc .card h3 {margin-bottom: 15px; text-align: center; font-weight: bold;}
.proc .card a {display: inline !important;}
.proc .card h3 i {display: inline-block; color: black; background-color: #fff; padding: 10px; width: 50px; height: 50px; border-radius: 50px; margin-bottom: 15px; font-style: normal; font-size: 160%;}
.proc .card h3 span {display: none;}
.proc .popis {margin-bottom: 40px;}
.mechanici {margin-top: 0px;}
.foto {width: 70px; height: 70px; border-radius: 100px; position: relative; left:-10px; margin: 10px 0px;}
table .text-right {font-size: 130%;}
.popis {display: nonee; margin-bottom: 20px; font-size: 100%;}
.popis strong {color: #000;}
.mesta {margin-top: 60px;}

.paticka {padding: 80px 0px 140px 0px; margin-top: 60px; color: white; background-color: #333;}
.paticka a {color: white; text-decoration: underline;}
.paticka .mesta-footer a {font-size: 80%; color: gray;}
ul.nav {padding: 0px; margin: 0px;}
ul.nav li {padding: 0px; margin-left: -16px; margin-right: 10px;}
ul.mesta-footer li {margin-left: -16px; margin-right: 0px;}
ul.mesta-footer li a.nav-link {
    display: inline;
    padding: .5rem 1rem;
}

.cena, .dop, .pocet {font-size: 80% !important; color: #22B3FF !important;}

.duverah2 {margin-top: 60px;}
.duvera {text-align: center; margin-top: 20px;}
.duvera img {width: 20%; margin: 5%; box-shadow: 0 0px 20px rgba(0, 0, 0, .1); display: inline;}
.duvera i {font-size: 200%; color: #FEF100;}
.duvera-procenta {font-size: 140%; margin-top: 16px;}

.mechanici-obr img {width: 100%;}

.podstranka .popis {}
.vypis {margin-bottom: 80px;}
.vypis .card {color: black; text-decoration: none; margin: 15px 0px;}
.vypis .card img {height: auto;}


.hlavnipopis {font-size: 130%; color: black;}
.hlavnipopis {margin-bottom: 6px;}
.hlavniodkaz, .hlavniodkazdole {font-size: 100%; margin-bottom: 30px; display: none;}

.detail {padding-top: 0px;}
.detail a, .detail h1 {}
.dopbutton {color: #46CBFE;}
.detailimg {margin-top: 0px; background-size: cover; height: 200px; position: relative; box-shadow: 0 0px 20px rgba(0, 0, 0, 0);}
.detailimg img {width: 70px; height: 70px; margin-right: 12px; border-radius: 10px; box-shadow: 0 0px 20px rgba(0, 0, 0, .4);}
.detailimg:after {content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    background: -webkit-linear-gradient(top, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: -o-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(bottom, rgba(0,0,0,.4), rgba(0,0,0,0.8));
    background: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0.8));
}

.detailimg .row {position: absolute; margin-top: 50px; color: white; margin-right: 0px;}
.detailimg h1 {color: white;}

.quicklinks {padding-top: 25px; text-align: center;}
.overbutton {padding-top: 25px; padding-bottom: 25px; background-color: white;}
.overbutton a {line-height: 280%;}
.sluzby {margin-top: 20px; padding-bottom: 60px;}
.fa-check {color: #23DDF5;}
hr {margin-top: 25px;}
.zobrazuji {font-size: 80%; font-weight: normal; color: darkgray; margin-left: 10px;}
#reference, #ome {margin-top: 40px;}


#reference img {width: 40px; height: 40px; margin-right: 12px; border-radius: 100px; box-shadow: 0 0px 20px rgba(0, 0, 0, .2);}
#reference p {margin-bottom: 30px;}

#poptavka {margin-bottom: 80px; padding-top: 30px;}
.osobniudaje {font-size: 90%; line-height: 180%; color: #999; text-align: left; margin-bottom: 100px; border-top: 1px solid #E5E5E5; padding-top: 50px;}

#poptavka .cenaprohlidky {line-height: 160%; padding-left: 52px; padding-right: 10px; background-image: url('/img/technik-profile.png'); background-repeat: no-repeat; background-size: 40px;}

.oddelovac {border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 20px; padding-top: 15px;}
#poptavka form input, #poptavka form textarea {border: 1px solid rgba(180, 225, 247, .5); box-shadow: 0 0px 10px rgba(35, 221, 245, .15);}
#poptavka form .form-group, #poptavka form .input-group {margin-bottom: 20px;}
.btn-group-toggle {margin-top: 2px; margin-bottom: 20px; width: 100%; box-shadow: 0 0px 20px rgba(0, 0, 0, .1);}
.btn-outline-dark {border-color: lightgray;}
.btn-group-toggle label {width: 100%; line-height: 240%; border-color: #e6e9ed;}
#poptavka .btn-dark {margin-top: 50px; line-height: 280%;}
.btn-group-toggle label.active {background-color: #71BC40;}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {background-color: #bafc54; border-color: #e6e9ed; color: black;}

#poptavka .form-group .form-control {line-height: 280% !important; height: auto; border-color: #e6e9ed; border-bottom: 1px solid #BAFC54;}
#poptavka .form-group textarea.form-control {line-height: 160% !important;}
.predbeznacena {margin-top: 15px; margin-bottom: 35px;}
.cenavelka {font-weight: bold; font-size: 120%;}
.cenamala {font-size: 95%; line-height: 160%;}
.cenamala .text-right {position: relative; right: 3px;}
.cenamala b {font-size: 100%;}
.cenadop {font-size: 90%; line-height: 160%;}
.predbeznacena .oddelovac {margin-bottom: 10px; padding-top: 10px;}
.text-inf {font-size: 90%; line-height: 160%; margin-top: 10px; margin-bottom: 14px;}
.cenamala .km {font-size: 80%;}

.basket-steps {font-size: 90%; color: #D1D2D7; margin-bottom: 30px;}
.basket-steps span {padding: 6px 12px;
    background-color: #D1D2D8;
    color: white;
    border-radius: 30px;
    margin-right: 6px;
    display: inline;}
.basket-steps span.ac {background-color: #BAFC54; color: black;}
.basket-steps .fas {margin-left: 10px; margin-right: 10px;}
.basket-steps b {color: black; font-weight: normal;}
.basket-popis-h {margin-top: 0px; font-size: 100%; margin-bottom: 4px; margin-top: 30px;}
.basket-popis-h span {background-color: red; color: white; border-radius: 2px; padding-left: 5px; padding-right: 5px;}
.basket-popis {font-size: 90%; line-height: 160%; margin-bottom: 40px; margin-top: 8px;}
.muzeme-vyhledat {font-size: 90%; line-height: 160%; margin-top: 4px; margin-bottom: 20px;}

input {background-color: white;}
.smallinfo {font-size: 100%; line-height: 200%; margin-top: 30px;}
.cenaprohlidky {margin-top: 20px;}
#poptavka .cenaprohlidky {margin-top: 10px; margin-bottom: 0px;}
.form-text {line-height: 190%; padding-left: 2px;}
.formpic {text-align: center; padding: 20px 6%;}
.formpic img {margin-bottom: 0px; margin-top: 55px; width: 200px;}
.formpic h2 {margin-bottom: 6px;}
.formpic i {margin-top: 50px; margin-bottom: 12px; display:block !important; font-size: 240%; color: #FDE164;}
.bodykvality {line-height: 180%;}

.nasli-jestene p {font-size: 90%; line-height: 180%;}

#poptavka label i {font-size: 150%; margin-right: 7px; color: #f44434; position: relative; left: 2px; top: 2px;}
#jaky11 {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#kde11 {border-top-left-radius: 0px; border-top-right-radius: 0px; position: relative; top: -1px; border-top-color: #e1e7ed;}
#poptavka .form-group #kde {box-shadow: 0 20px 20px -20px rgba(0, 0, 0, .1);}

#poptavka label span {display: block; font-size: 90%; line-height: 100%; margin-bottom: 12px; font-weight: normal;}

.faq .card {padding: 20px 26px 10px 26px; margin-bottom: 30px;}

.druh-1, .druh-2, .druh-3, .druh-4 {width: 100%; display: block; line-height: 160%;}
.druh-1 {margin-top: 15px; font-weight: bold;}
.druh-2 {font-size: 75%; margin-bottom: 4px; font-style: normal;}
.druh-3 {font-size: 150%; font-weight: abold; margin-bottom: 15px;}
.druh-3 b {font-size: 75%; font-weight: normal;}
.druh-4 {font-size: 90%;}
#chci-zkontrolovat, #hledam {margin-top: 6px; margin-bottom: 20px;}
#druh {margin-top: 0px;}


#new-hero {text-align: left; padding-top: 20px; padding-bottom: 60px;}
#new-hero h1 {font-weight: normal;}
#new-hero p {font-size: 100%; color: #486179;}
#new-hero img {width: 100%; margin-top: 0px; margin-bottom: 40px; position: relative; top: -0px; left: 0px;}

#chat {z-index: 1000; position: fixed; right: 60px; bottom: 40px; display: inline-block; padding: 20px; color: white; background-color: #F44434; border-radius: 80px; font-size: 200%; box-shadow: 0 0px 20px rgba(0, 0, 0, .1);}

.steps {text-align: center; padding-top: 60px; padding-bottom: 60px; background: linear-gradient(to top, #fff, #fff, #fff, #fff, #fff, #fff, #F5F5F5);}
.steps div p {padding-right: 5%; padding-left: 5%;}
.steps img {display: inline-block; width: 300px; margin-top: 0px;}
.odrazka {display: block; color: #d3dfe5; font-size: 280%; margin-bottom: 20px;}
.steps h3 {margin-bottom: 20px; text-align: left; padding-right: 5%; padding-left: 5%;}
.steps p {margin-bottom: 30px; text-align: left;}
.jednoduche {margin-top: 80px; text-align: center; padding-bottom: 80px;}
.jednoduche h3 {font-size: 140%; margin-bottom: 14px;}
.jednoduche p {margin-bottom: 10px;}

#co-kontrolujeme {text-align: center; background: linear-gradient(to top, #fff, #fff, #fff, #fff, #fff, #fff, #F5F5F5); padding-top: 60px; padding-bottom: 60px;}
#co-kontrolujeme img {width: 100%; margin-bottom: 10px;}
#co-kontrolujeme .card {border-radius: 16px; padding: 20px 30px 30px 30px; text-align: left; margin-top: 20px;}
#co-kontrolujeme .card h3 {font-size: 100%; margin-bottom: 6px;}
#co-kontrolujeme .card h3 span {color: #F54335;}
#co-kontrolujeme .row {margin: 0px;}

.novy-cenik h2 {text-align: center;}
.novy-cenik .row {margin: 0px;}
.row-novy-cenik div {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed; padding-left: 0px; padding-right: 0px; line-height: 170%;}
.row-novy-cenik divXXX {margin-bottom: 3px; padding-left: 0px; padding-right: 0px; line-height: 170%;}
.cenik-zdarma {color: white; background-color: red; padding: 0px 6px; font-size: 90%;}

#poptavka h1 {font-size: 200%; padding-left: 5%; padding-right: 5%;}
#poptavka img {width: 80%;}
.poptavka-nadpis {margin-top: 0px; margin-bottom: 20px; text-align: center;}
#poptavka .novy-cenik {margin-top: 0px; margin-bottom: 30px;}

.blog {text-align: left; padding-bottom: 80px; padding-top: 40px;}
.blog h1xxx {padding: 60px 15%; text-align: center; color: white; background-image: url('https://i.pinimg.com/originals/cc/c3/57/ccc35763ff03668050dabd98ffd9d35b.jpg'); background-size: cover; background-position: bottom; margin-bottom: 40px; text-shadow: 0px 0px  8px #000;}
.blog h2 {margin-top: 40px; margin-bottom: 16px;}
.blog img {width: 100%; margin-bottom: 30px;}

.modal {z-index: 100000;}
.modal-header {border-bottom: none;}
.modal-body {text-align: center; position: relative; top: -25px; padding-left: 10%; padding-right: 10%;}
.modal img {width: 80%;}
.modal-body p, .modal-body h3 {text-align: left;}
.modal-body img {position: relative; top: -10px;}
#poptavka .modal-body .btn-dark {margin-top: 10px; padding: 4px 60px; font-weight: normal;}
.modal-odkaz {color: #71BC40;}
.modal-odkaz:hover {text-decoration: none; color: #71BB41;}


#poptavka-home {max-width: 450px; margin-top: 30px;}
#poptavka-home .form-group {box-shadow: 0 0px 20px rgba(0, 0, 0, .0);}
#poptavka-home .form-group .form-control {border-color: #e6e9ed;}
#poptavka-home .form-control-lg {padding-left: 0px; padding-right:0px; padding-top: 0px; width: 100%;}
#poptavka-home .form-group .form-control {line-height: 280% !important; height: auto; background-color: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, .1);}
#poptavka-home label {margin-bottom: 6px; margin-left: 6px;}
#poptavka-home .form-group .input-top {border-radius: 6px 6px 0px 0px;}
#poptavka-home .form-group .input-bottom {border-radius: 0px 0px 6px 6px; position: relative; top: -1px; box-shadow: 0 5px 10px rgba(0, 0, 0, .05);}
#poptavka-home button {border-radius: 6px; margin-top: -10px; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); margin-bottom: 40px; border: 1px solid #e6e9ed;}

#poptavka-home-zel {padding: 20px; background-color: #BAFC54; border-radius: 10px; max-width: 450px; margin-top: 30px;}
#poptavka-home-zel .form-group {box-shadow: 0 0px 20px rgba(0, 0, 0, .0);}
#poptavka-home-zel .form-group .form-control {border-color: #BAFC54;}
#poptavka-home-zel .form-control-lg {padding-left: 0px; padding-right:0px; padding-top: 0px; width: 100%;}
#poptavka-home-zel .form-group .form-control {line-height: 280% !important; height: auto; background-color: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, .1);}
#poptavka-home-zel label {margin-bottom: 12px; margin-left: 5px; line-height: 140%;}
#poptavka-home-zel .form-group .input-top {border-radius: 6px 6px 0px 0px;}
#poptavka-home-zel .form-group .input-bottom {border-radius: 0px 0px 6px 6px; position: relative; top: -1px; box-shadow: 0 5px 10px rgba(0, 0, 0, .05);}
#poptavka-home-zel button {border-radius: 6px; margin-top: -10px; box-shadow: 0 4px 20px rgba(0, 0, 0, .1); margin-bottom: 4px; border: 1px solid #BAFC54; background-color: white; color: black; line-height: 300%;}


.serp-hlavni {margin-bottom: -20px; margin-top: -10px;}
.serp-hlavni h1 {margin-right: 0%; font-size: 160%; line-height: 140%; margin-bottom: 0px; padding-left: 4px;}
.serp-hlavni .btn  {border-radius: 8px !important; font-size: 90%; border: none; box-shadowxx: 0 0px 20px rgba(0, 0, 0, .1); padding: 14px 14px; color: gray; width: 100%; background-color: #f6f6f6; text-align: left;}
.serp-hlavni .dropdown-menu {width: 100%;}
.serp-hlavni .btn-group {display: block; margin-bottom: 30px; margin-top: 12px;}
.serp-hlavni .btn i {margin-right: 4px;}

.drobeckovka {padding-left: 5px; font-size:90%; margin-bottom: 10px; display: block;}
#pocet-nalezenych-techniku {font-size: 90%;}
#pocet-nalezenych-techniku div {width: 90%; height: 2px; border-radius: 10px; background-color: #bafc53; margin-bottom: 34px; margin-top: 4px;}
#pocet-nalezenych-techniku div span {display: block; width: 80%; background-image: linear-gradient(to right, black , black); height: 2px; border-radius: 10px;}

.naslijsme {padding-left: 6px; margin-bottom: 24px; margin-top: 14px; font-size: 100%;}
.naslijsme strong {color: black;}
.serp .card {border-radius: 16px; padding: 22px 18px 30px 18px; line-height: 150%; margin-bottom: 20px; color: #486179;}
.serp .card:hover {text-decoration: none;}
.serp .card img {width: 108%; border-radius: 200px; border: 1px solid #F6F6F6; }
.serp-right {padding-left: 0pxx;}
.serp-jmeno {font-weight: normal; margin-bottom: 4px; margin-top: 2px; color: #007bff; font-size: 110%;}
.serp-lokalita, .serp-cena {font-size: 85%;}
.serp-pocet-hodnoceni {font-size: 85%; margin-left: 1px;}
.serp-cena {margin-bottom: 10px;}
.serp-hodnoceni i {color: #BCFC53;}
.serp-hodnoceni i.gray {color: lightgray;}

.serp-mesta {}
.serp-mesta-img {height: 120px; background-size: cover;}
.serp-mesta a {color: black; box-shadow: 0 0px 20px rgba(0, 0, 0, .1); padding: 0px 0px 0px 0px; width: 100%; display: block; margin-bottom: 30px; border-radius: 8px; overflow: hidden;}
.serp-mesta a span {display: block; padding: 14px;}
.serp-mesta a span small {display: block; margin-top: -6px; color: gray;}

.serp-badge {margin-bottom: 6px; margin-top: 6px;}
.serp-badge span {padding: 2px 8px; background-color: #BAFC54; font-size: 75%; color: black; position: relative; left: -3px; border-radius: 2px;} 
.serp-lokalita {}
.serp-lokalita i {margin-right: 3px; margin-left: 1px; color: darkgray;}
.serp-cena {}
.zatim-bez-hodnoceni {color: gray; font-size: 100%;}

.serp-hodnoceni-new {margin-top: 50px;}
.serp-hodnoceni-new .card {padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px;}

.detail-header {text-align: center; padding-top: 40px; margin-top: -20px; background-color: #fff; padding-bottom: 50px;}
img.profile-img {width: 140px !important; height: 140px; border-radius: 300px; background-color: #efefef; box-shadow: 0 10px 20px rgba(0, 0, 0, .1);}

.profile-image {position: relative; width: 100%;}
.profile-image .top-badge {position: absolute; right: 20%; top: 10px; background-color: #fff; text-align: center; width: 54px; height: 54px; border-radius: 60px; color: black; font-size: 100%; line-height: 100%; font-weight: bold; padding-top: 14px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1);}
.profile-image .top-badge span {display: block; font-size: 54%; font-weight: normal;}

.detail-header .detail-top-hodnoceni {}
.detail-status {position: relative; left: -2px;}
.detail-status i {color: #BAFC54; margin-right: 2px;}
.detail-header h2 {font-size: 160%; margin-bottom: 12px; margin-top: 16px;}
.detail-lokalita {text-align: center; margin-bottom: 14px; margin-top: -4px;}
.detail-lokalita i {position: relative; left: -2px;}


.detail-header a.btn {border-radius: 50px; display: block; max-width: 420px; font-weight: normal; z-index: 1000;}

.detail-top-hodnoceni {font-size: 90%; margin-bottom: 20px;}

.detail-pruh-cena {border-right: 1px solid lightgray;}
h3 .detail-hodnoceni-hvezdicky i {font-size: 110%; color: #FEF100; margin-right: 0px; top: 0px;}


.detail-cenik {padding-top: 60px; box-shadow: 0 -20px 20px rgba(0, 0, 0, .0); background-color: white; border-bottom: 1px solid #efefef; padding-bottom: 30px; margin-bottom: 0px; text-align: center; margin-top: -80px;} 
.detail-cenik .col-6 div {color: #000; font-weight: bold; padding-left: 0px;}
.detail-cenik a {margin-left: 4px;}
.detail-cenik a:hover, .detail-cenik a:hand {text-decoration: none;}
.detail-cenik .konz {border-right: 1px solid #efefef;}

.detail-cenik img {width: 90%; display: block; margin-left: 5%; margin-top: -15px; margin-bottom: 6px;}


.detail-hodnoceni-hvezdicky {text-align: center; margin-bottom: 12px; margin-top: 6px;}
.detail-hodnoceni-hvezdicky i {color: #BCFC53; font-size: 180%; margin: 0px 2px;}
.detail-hodnoceni-hvezdicky i.gray {color: lightgray;}
.detail-hodnoceni-badge {text-align: center; margin-bottom: 20px;}

.detail-hodnoceni-palce .fa-thumbs-up {position: relative; top: -1px;}
.detail-hodnoceni-palce .fa-thumbs-down {position: relative; top: 2px;} 
.detail-hodnoceni-procenta {text-align: center; lini-height: 300%; margin-top: 10px; margin-bottom: 10px; font-size: 70%;}
.detail-hodnoceni-procenta span {color:black; font-size: 340%; font-weight: bold;}

.detail-hodnoceni h3 {text-align: center;}
.detail-hodnoceni-pocet {text-align: center; margin-bottom: 30px;}
.detail-hodnoceni .btn {border-radius: 30px;}
.detail-hodnoceni .btn-group-toggle label {font-size: 80%; border-color: lightgray;}
.detail-hodnoceni .btn-outline-dark:not(:disabled):not(.disabled).active {font-weight: bold; background-color: white; border-color: lightgray; background-color: #f6f6f6;}
.detail-hodnoceni .btn-group-toggle {box-shadow: none; margin-top: 18px;}



.detail-item-hodnoceni {margin-top: 30px;}
.detail-item-hodnoceni .far {margin-left: 6px; position: relative; top: 0px;}
.detail-item-hodnoceni .fa-thumbs-up {position: relative; top: -1px; left: 4px;}
.detail-item-hodnoceni-jmeno {color: black; padding-left: 0px;}
.detail-item-hodnoceni-hodnota {padding-left: 0px;}
.detail-item-hodnoceni-hodnota i {color: #BCFC53; margin: 0px 2px;}
.detail-item-hodnoceni-hodnota i.gray {color: lightgray;}

.detail-hodnoceni-bottom .card {margin-bottom: 20px; padding: 22px 0px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0);}
.detail-item-hodnoceni-img {width: 100%; height: 200px; margin-bottom: 16px; display: block; border-radius: 12px; background-size: cover; background-position: center; margin-top: -22px;}

.detail-item-hodnoceni-popis {padding: 8px 26px 8px 0px;}
.detail-hodnoceni-bottom {margin-top: -20px;}
.detail-hodnoceni-bottom h3 {text-align: centerx;}
.detail-hodnoceni {margin-top: 30px;}
.detail-hodnoceni .detail-item-hodnoceni {margin-bottom: 44px;}
.detail-item-hodnoceni-neovereno {padding: 0 26px; font-size: 80%; color: darkgray;}
.detail-item-hodnoceni-odpoved {margin-top: 0px; position: relative; padding: 20px 20px 20px 65px;}
.detail-item-hodnoceni-odpoved img {width: 36px !important; border-radius: 100px; position: absolute; left: 20px; top: 16px;}
.cist-dalsi {display: block; padding: 12px; font-size: 90%; margin-top: 10px; border-radius: 50px; text-align: center; background-color: #f6f6f6;}

.detailni-hodnoceni {padding: 20px 14px;}
.detailni-hodnoceni .col-4 {border-right: 1px solid #efefef; text-align: center;}
.detailni-hodnoceni .col-4 span {font-size: 85%; line-height: 160%; display: block;}





.detail-predstaveni {margin-top: 40px; padding-top: 40px; border-top: 1px solid #efefef;}
.detail-predstaveni-img {text-align: center; margin-bottom: 20px;}
.detail-predstaveni-img img {border-radius: 200px; width: 100px;}

#co-kontrolujeme .detail-item-hodnoceni-jmeno, #co-kontrolujeme .detail-item-hodnoceni-hodnota, #co-kontrolujeme .detail-item-hodnoceni-popis {padding-left: 0px;}
#co-kontrolujeme .detail-item-hodnoceni-odpoved {padding-left: 40px;}
#co-kontrolujeme .detail-item-hodnoceni-odpoved img {left: 0px;}

#tab-hodnoceni, #tab-cenik, #tab-o-me {margin-top: 30px;}
#tab-cenik .row {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #efefef; font-size: 90%;}

@media (min-width: 768px) { 
.navbar-brand img {width: 180px; top: -4px;}
h1 {font-size: 440%; font-weight: bold; line-height: 115%;}
.landing h1 {font-size: 320%;}
h2 {font-size: 200%;}
#technikbg {background-image: url('../img/herobg.jpg?v22');  background-repeat: no-repeat; padding-top: 30px; padding-bottom: 100px; background-size: 50%; background-position: right center;}
#technikbg1 {background-image: url('../img/desktopaaa.png?v21'); background-repeat: no-repeat; padding-top: 40px; padding-bottom: 140px; background-size: 70%; background-position: right bottom;}
#technikbg p {font-size: 120%; line-height: 160%; padding-right: 10%; margin-top: 50px;}

.jakfungujeme {font-size: 130%; line-height: 160%; padding: 120px 0px;}
.odkazprohlidka {font-size: 100%;}

.benefits {padding: 100px 0px 80px 0px;}
.kupujete h2 {width: 60%;}
#floatbutton {display:none;}
.provereno img {width: 160px; margin-top: 120px;}
#technikbg .aktualne {display: none;}

.steps {}
.phonebg img {position: relative; top: 40px;}
 
.navbar {padding-left: 60px; padding-right: 60px; padding-top: 20px; padding-bottom: 16px; margin-bottom: 50px;}

.hlavni {padding-top: 70px; padding-bottom: 80px;}
.serp-hlavni {padding-top: 20px; padding-bottom: 40px;}

.serp .card {padding: 40px; margin-bottom: 30px; font-size: 110%;}
.serp .card img {}
.serp-jmeno {margin-top: 8px;}
.serp-hodnoceni {margin-top: 8px; padding-left: 80px;}
.serp-right {padding-left: 40px;}


.vybermistobutton {margin-top: 0px;}
.buttonprohlidka {margin-top: 30px;}
.autoobr {width: 120%;}
.nav-item {margin-left: 40px;}
.mesta .card img {height: auto;}
/*.hledani {padding: 24px 3px; background-color: white; border-radius: 4px; box-shadow: 0 1px 8px rgba(0, 0, 0, .6);}*/
.mechanici-obr img {width: 120%; margin-left: 0%; margin-top: 0px;}
.duvera {position: relative; top: -10px;}

.card-bgimg-top {height: 200px;}


.overbutton {display: none;}
.detail {padding-top: 140px;}

.sluzby {margin-top: 0px; margin-bottom: 100px;}
.zlutydetail {background: linear-gradient(to right, #FDEB6F, #FDDE61);}
.detailimg {margin-top: 0px; height: 350px;}
.detailimg img {width: 100px; height: 100px;}
.quicklinks {padding-bottom: 25px; background-color: #F8F8F8; text-align: left;}
#poptavka {margin-top: 30px;}
#poptavka {box-shadow: 0 0px 20px rgba(0, 0, 0, .15); background-color: white; border-radius: 20px;}
#poptavka h1 {}
.formpic {background: linear-gradient(to right, #F6F6F6,#F6F6F6,#F6F6F6, #F8F8F8); border-radius: 0px 20px 20px 0px;}
.formnopic {padding: 50px 60px 90px 70px;}

#poptavka h1 {}

.proc h2 {text-align: center;}


.chciproverit {padding: 18px 100px;}

#new-hero {padding-top: 20px; padding-bottom: 150px; margin-bottom: 20px; text-align: left;}
#new-hero {background-image: url('../img/herobg.jpg?v24');  background-repeat: no-repeat; background-size: 55%; background-position: 110% 60px;}
#new-hero h1 {margin-bottom: 30px;}
#new-hero img {display: none;}
#new-hero p {font-size: 120%; line-height: 170%; padding-right: 15%;}

.steps, #co-kontrolujeme {}

#poptavka h1 {font-size: 240%;}
#poptavka img {top: -25px;}
.poptavka-nadpis {}

#poptavka-home-zel {padding: 40px 50px; margin-top: 50px; border-radius: 20px;}
#poptavka-home-zel label {padding-right: 0px;}

.blog h1xxx {padding: 140px 25%; margin-bottom: 60px;}
.navbar-light .navbar-nav .nav-link {padding-left: 0px; padding-right: 10px;}


.detail-header .detail-hodnoceni-hvezdicky, .detail-header .detail-lokalita {text-align: left;}
.detail-header .detail-lokalita {margin-bottom: 40px;}

.detail-header img, .detail-header .detail-hodnoceni-hvezdicky, .detail-header .detail-lokalita, .detail-header h2 {position: relative; left: 30px;}
.detail-header .detail-lokalita {left: 35px;}

.detail-container {max-width: 860px; margin: 120px auto; box-shadow: 0 0px 20px rgba(0, 0, 0, .15); background-color: white; border-radius: 20px; padding-bottom: 80px;}
.detail-header {margin-top: -60px; padding-top: 60px; border-radius: 20px 20px 0px 0px;}
.detail-cenik img {width: 50%; margin-left: 25%;}

.detail-item-hodnoceni-img {height: 280px;}


}

@media (max-width: 768px) { 

.only-desktop {display:none;}
#new-hero .btn {display:nonexx; width: 96%; margin-left: 2%;}
#new-hero p {padding-left: 5%; padding-right: 5%; text-align: left;}
#new-hero h1 {text-align: left; padding-left: 5%;}
.landing h1 {font-size: 200%; padding-right: 5%;}

#technikbgm {background-image: url('../img/herobg.jpg?v22');  background-repeat: no-repeat; background-size: cover; background-position: top; height: 260px; margin-bottom: 30px; margin-top: 30px;}
#technikbgm1 {background-image: url('../img/mobil.jpg?v22');  background-repeat: no-repeat; background-size: cover; background-position: top; height: 260px; margin-bottom: 40px; margin-top: 30px;}
#technikbg1 {padding-bottom: 80px;}
#technikbg .aktualne {width: 100%; text-align: center;}
.buttonprohlidka {margin-top: 20px;}

.navbar-collapse {margin-top: 30px;}

.bily {background: linear-gradient(to right, #fff, #fff);}
.navbar-collapse {padding: 20px 20px 70px 20px;}
.vypis .card-body {padding: 20px 10px 5px 0px !important;}
.mechanici-obr img {margin-top: 50px;}
.homepage {text-align: center;}
.landingpage .hlavni {text-align: left;}
.hlavni h1, .hlavni .popis {padding-right: 6px;}
.hlavnipopis { margin-bottom: 40px; padding-right: 4% !important;}
.hlavnipopis span {display: none;}
.hlavni .selectpickersh {top: -20px;}
.homepage .cenaprohlidky {padding: 0px 5%;}

.detailimg h1 {font-size: 160%;}
.detailimg .row {margin-top: 40px; text-align: left;}


.overbutton {margin: 0px 0px 0px 0px; color: white;}
.landingpage .hlavni h1 {}

#chat {display: none;}

.hvezdicky-hero {text-align: center;}
.hvezdicky-hero span {display: blockaaa;}

}


.custom-control-label {padding-left: 16px; margin-bottom: 15px; left: 8px; display: block; padding-right: 8%;}
.custom-control-label:hover {cursor: pointer; cursor: hand;}
.custom-control-label div {position: relative; top: 1px; font-weight: bold;}
.custom-control-label div span {display: block; font-weight: normal; position: relative; top: 0px; line-height: 140%;}
.pridat {cursor: pointer; cursor: hand; font-size: 90%; text-decoration: underline;}
#pridatvuz {position: relative; top: -10px;}
#svezt {margin-top: 14px;}


.custom-control-label::after {
    position: absolute;
    top: .0rem;
    left: -2.1rem;
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border-radius: 30px;
    background-color: #ddd;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-color: #46CBFE; box-shadow: 0 0px 20px rgba(0, 0, 0, .2);}
.custom-checkbox .custom-control-input:checked~.custom-control-label div, .custom-checkbox .custom-control-input:checked~.custom-control-label span {color: black;}



.form-control:disabled, .form-control[readonly] {background-color: white !important;}


.pracovni-doba {margin-top: 30px;}
.pracovni-doba .row {
	text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
    font-size: 100%;
}

.ring-container {
    position: relative;
    margin-right: 0px;
    display: inline-block;
    width: 22px;
    top: -13px;
}

.circle {
    width: 15px;
    height: 15px;
    background-color: #BBFC53;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ringring {
    border: 3px solid #a2dd42;
    -webkit-border-radius: 30px;
    height: 27px;
    width: 27px;
    position: absolute;
    left: -6px;
    top: -6px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}


.chat-bubble {
  background-color:#BAFC53;
  padding:4px 12px;
  position: relative;
  top: -4px;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomleft: 2px;
  border-radius: 20px;
  border-bottom-left-radius: 2px;
  display:inline-block;
  margin-right: 8px;
}
.typing {
  align-items: center;
  display: flex;
  height: 14px;
}
.typing .dot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  background-color: #000 ; //rgba(20,105,69,.7);
  border-radius: 50%;
  height: 4px;
  margin-right: 3px;
  vertical-align: middle;
  width: 4px;
  display: inline-block;
}
.typing .dot:nth-child(1) {
  animation-delay: 200ms;
}
.typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
.typing .dot:last-child {
  margin-right: 0;
}

@keyframes mercuryTypingAnimation {
  0% {
    transform: translateY(0px);
    background-color:#BBFC53; // rgba(20,105,69,.7);
  }
  28% {
    transform: translateY(-5px);
    background-color:#000; //rgba(20,105,69,.4);
  }
  44% {
    transform: translateY(0px);
    background-color: #B5D9CB; //rgba(20,105,69,.2);
  }
}


/* calendar */
.calendar {}
.calendar-days {font-size: 0;}
.calendar-labels span, .calendar-days span {display: inline-block; text-align: center; width: 12%; margin: 0px 1% 0px 1%; font-size: 16px;}
.calendar-labels {margin-bottom: 4px; margin-top: 4px;}
.calendar-days {margin-bottom: 5px;}
.calendar-days span {line-height: 205%; position: relative; color: black;}
.calendar-labels span {font-size: 70%; color: black; font-weight: bold;}
.calendar-today, .calendar-today vice {font-weight: bold;}
.calendar-days span a {color: #007bff !important; font-weight: bold; padding: 2px 8px;}
vice {position: absolute; width: 100%; text-align: center; bottom: -8px; left: 0px; font-size: 100%; line-height: 100%; color: #007bff;}
.calendar-days span.calendar-history {color: lightgray; position: relative;}
.calendar-history vice {color: lightgray;}
.calendar-days span vice {font-weight: normal;}

.calendar-free {background-color: #cffc7b;}
.calendar-full {background-color: #efefef;}
.calendar-soso {
background: linear-gradient(
        to bottom right,
        #cffc7b 0%,
        #cffc7b 50%,                                                                 
        #efefef 50%,
        #efefef 100%
        );
}


.testkonzultacezdarma {display: none !important;}
#tab-cenik .testkonzultacezdarma {display: none !important;}

#cenik-top {display: block !important;}