/**
 * JSR
 * e_konfigurator.css
 * Archiv CSS pravidel přesunutých ze scss/styles.scss – styly, které používá
 * jen šablona templates/eshop/e_konfigurator.tpl a nikde jinde (čištění CSS).
 *
 * SCSS proměnné, zanoření a breakpoint mixiny jsou rozepsané do čistého CSS.
 * U pravidel se sdíleným (čárkovým) selektorem je ponechaná jen větev
 * patřící této šabloně; větev sdílená s jiným kontextem zůstává v styles.scss.
 *
 * @package eshop
 *
 * @author Jiří Chalupný <jchalupny@skit.cz>
 * @copyright (c) 2007-2026 Josef Šmíd
 * @version 2.5.9
 */

/* styles.scss:2781-2784 */
#eshop_obrazek_slider iframe {
    width: 90% !important;
    height: 26vw;
}

/* styles.scss:2797-2801 */
#eshop_obrazek_slider {
    display: table-cell;
    width: 80% !important;
    cursor: pointer;
}

/* styles.scss:2849-2851 */
.kat_hidden_konf {
    display: none !important;
}

/* styles.scss:3038-3046 */
#eshop_obrazek-li .bx-wrapper img {
    /*height: auto;*/
    border: none;
    margin: auto;
    /*    width: 75%!important;*/
    max-width: 75%;
    position: relative !important;
    max-height: 64vh;
}

/* styles.scss:3047-3052 */
#eshop_obrazek-li a {
    text-decoration: none;
    border-bottom: none;
    font-weight: 0;
    line-height: 0vw;
}

/* styles.scss:3053-3055 */
#eshop_obrazek-li .bx-viewport {
    height: 100% !important;
}

/* styles.scss:3061-3064 */
#eshop_obrazek-li .bx-wrapper {
    margin-bottom: 0px;
    height: 100%;
}

/* styles.scss:3065-3067 */
#eshop_obrazek-li .bx-wrapper .bx-pager {
    display: none;
}

/* styles.scss:3068-3070 */
#eshop_obrazek-li .bx-wrapper .bx-controls-direction a {
    z-index: 89;
}

/* styles.scss:3071-3077 */
#eshop_obrazek-li .bx-wrapper .bx-controls-direction a {
    top: 46%;
    width: 2.7vw;
    height: 2.7vw;

    border-radius: 4vw;
}

/* styles.scss:3078-3080 */
#eshop_obrazek-li .bx-wrapper .bx-controls-direction a:hover {
    background-color: #f6f6f6;
}

/* styles.scss:3081-3084 */
#eshop_obrazek-li .bx-wrapper .bx-next:hover {
    background: url(../images/svg/013-next.svg) no-repeat 0.85vw center;
    background-size: 1.25vw;
}

/* styles.scss:3085-3088 */
#eshop_obrazek-li .bx-wrapper .bx-prev:hover {
    background: url(../images/svg/013-next.svg) no-repeat 0.85vw center;
    background-size: 1.25vw;
}

/* styles.scss:3089-3093 */
#eshop_obrazek-li .bx-wrapper .bx-next {
    right: 2vw;
    background: url(../images/svg/027-nexts.svg) no-repeat 0.85vw center;
    background-size: 1.25vw;
}

/* styles.scss:3094-3099 */
#eshop_obrazek-li .bx-wrapper .bx-prev {
    left: 2vw;
    background: url(../images/svg/027-nexts.svg) no-repeat 0.85vw center;
    transform: rotate(180deg);
    background-size: 1.25vw;
}

/* styles.scss:3100-3103 */
#eshop_obrazek-li .slider_u_konfiguratoru {
    height: 100% !important;
    display: table;
}

/* styles.scss:3105-3110 */
#eshop_obrazek-li .slider_u_konfiguratoru div {
    height: 100% !important;
    float: none !important;
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:3111-3114 */
.obr_galerie-li .foto-galerie {
    float: right;
    width: 13%;
}

/* styles.scss:3115-3122 */
#eshop_obrazek-li {
    width: 87%;
    float: left;
    overflow: hidden;
    margin-top: -3.5vh;
    height: 100%;
    min-height: 70vh;
}

/* styles.scss:3135-3144 */
.lista_pod_obr {
    width: calc(100% - 1.8vw);
    float: left;
    padding-left: 1.8vw;
    margin-top: 0vw;
    height: 3.6vw;
    position: relative;
    z-index: 90;
    padding-bottom: 60px;
}

/* styles.scss:3145-3149 */
.lista_pod_obr_leva {
    float: left;
    display: table;
    height: 100%;
}

/* styles.scss:3150-3155 */
.pod_obr_leva_text {
    display: table-cell;
    vertical-align: middle;
    width: 7vw;
    text-align: left;
}

/* styles.scss:3156-3158 */
.pod_obr_leva_text p {
    font-size: 0.7vw !important;
}

/* styles.scss:3159-3164 */
.pod_obr_leva_obr {
    display: table-cell;
    vertical-align: middle;
    width: 6.7vw;
    padding-left: 1.5vw;
}

/* styles.scss:3166-3171 */
.pod_obr_leva_obr div img {
    width: auto;
    margin: auto;
    height: auto;
    max-height: 3.6vw;
}

/* styles.scss:3172-3174 */
.pod_obr_leva_obr div img:first-of-type {
    display: none;
}

/* styles.scss:3175-3177 */
.pod_obr_leva_obr div:hover img:first-of-type {
    display: block;
}

/* styles.scss:3178-3180 */
.pod_obr_leva_obr div:hover img {
    display: none;
}

/* styles.scss:3181-3183 */
.pod_obr_leva_obr .bx-wrapper {
    margin-bottom: 0px;
}

/* styles.scss:3184-3186 */
.pod_obr_leva_obr .bx-controls {
    display: none;
}

/* styles.scss:3187-3193 */
.lista_pod_obr_prava {
    float: right;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* styles.scss:3194-3199 */
.sdilet_ulozit_konf_styly {
    font-size: 0.8vw;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 0.05vw solid black;
}

/* styles.scss:3200-3202 */
.sdilet_ulozit_konf_styly:hover {
    border-color: transparent;
}

/* styles.scss:4276-4284 */
.navaznost {
    position: absolute;
    top: -15%;
    right: -6%;
    height: 1.4vw;
    width: 1.4vw;
    background-color: #cfcfcf;
    border-radius: 50%;
}

/* styles.scss:4285-4290 */
.navaznost img {
    width: 70%;
    margin: 0;
    height: auto;
    padding: 15%;
}

/* styles.scss:4291-4296 */
.navaznost_rada {
    width: auto;
    height: auto;
    display: table;
    text-align: left;
}

/* styles.scss:4297-4307 */
.navaznost_rada img {
    width: 1.1vw;
    height: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;

    padding: 15%;
    background-color: #cfcfcf;
    border-radius: 50%;
}

/* styles.scss:4308-4315 */
.navaznost_rada span {
    line-height: 1.4vw;
    display: table-cell;
    vertical-align: middle;
    padding-left: 1vw;
    font-size: 0.8vw;
    height: 100%;
}

/* styles.scss:4352-4355 */
#eshop_popis {
    margin: 0;
    font-size: 90%;
}

/* styles.scss:7082-7088 */
#titulek_produkt {
    height: 4.8vw;
    display: table;
    background-color: white;
    position: relative;
    z-index: 100;
}

/* styles.scss:7089-7095 */
#logo_produkt {
    width: 7.1vw;
    padding-left: 2.4vw;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}

/* styles.scss:7096-7099 */
#logo_produkt a {
    border: none;
    line-height: initial;
}

/* styles.scss:7100-7102 */
#logo_produkt p {
    display: none;
}

/* styles.scss:7103-7107 */
#logo_produkt img {
    width: 100%;
    height: auto;
    margin: 0;
}

/* styles.scss:7108-7113 */
#progress_produkt {
    width: 50vw;
    display: table-cell;
    vertical-align: middle;
    padding-left: 2.04vw;
}

/* styles.scss:7114-7117 */
.souhrn_produkt {
    display: block;
    width: 100%;
}

/* styles.scss:7118-7126 */
.bar {
    margin-right: 0.4vw;
    font-size: 0.72vw;
    float: left;
    font-weight: 500;
    cursor: pointer;
    line-height: 1.15vw;
    position: relative;
}

/* styles.scss:7127-7140 */
.bar span {
    font-size: 0.72vw !important;
    transition: 0.25s ease-in;
    float: left;
    background-color: #cccccc;
    color: white;
    padding: 0 0.6vw 0 0.3vw;
    border-top-left-radius: 0.15vw;
    border-bottom-left-radius: 0.15vw;
    background-image: url(../images/sipka_seda.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

/* styles.scss:7141-7147 */
.bar p {
    transition: 0.25s ease-in;
    font-size: 0.72vw !important;
    float: left;
    padding: 0 0.6vw 0 0.6vw;
    color: #939393;
}

/* styles.scss:7148-7150 */
.bar:hover span {
    background-color: #000;
}

/* styles.scss:7151-7153 */
.bar:hover p {
    color: #000;
}

/* styles.scss:7154-7164 */
.bar_vyb span {
    transition: 0.25s ease-in;
    font-size: 0.72vw !important;
    float: left;
    background-color: #00ae58;
    color: white;
    padding: 0 0.6vw 0 0.3vw;
    border-top-left-radius: 0.15vw;
    border-bottom-left-radius: 0.15vw;
    background-image: none;
}

/* styles.scss:7165-7176 */
.bar_vyb p {
    transition: 0.25s ease-in;
    font-size: 0.72vw !important;
    float: left;
    padding: 0 1.2vw 0 0;
    background-color: #00ae58;
    color: white;
    background-image: url(../images/sipka_seda.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

/* styles.scss:7177-7187 */
.bar_vyb:hover span {
    transition: 0.25s ease-in;

    float: left;
    background-color: #000;
    color: white;
    padding: 0 0.6vw 0 0.3vw;
    border-top-left-radius: 0.15vw;
    border-bottom-left-radius: 0.15vw;
    background-image: none;
}

/* styles.scss:7188-7198 */
.bar_vyb:hover p {
    transition: 0.25s ease-in;

    float: left;
    padding: 0 1.2vw 0 0;
    background-color: #000;
    color: white;
    background-image: url(../images/sipka_seda.png);
    background-position: right;
    background-repeat: no-repeat;
}

/* styles.scss:7199-7202 */
.bar_n {
    cursor: default !important;
    color: #939393;
}

/* styles.scss:7203-7205 */
.bar_n:hover span {
    background-color: #cccccc;
}

/* styles.scss:7206-7208 */
.bar_n:hover p {
    color: #939393;
}

/* styles.scss:7209-7211 */
.bar_vyb:hover div.bar_vybery {
    display: block;
}

/* styles.scss:7212-7218 */
.bar_vybery_celek {
    position: absolute;
    width: 100%;
    top: 1vw;
    cursor: default;
    height: 0.6vw;
}

/* styles.scss:7219-7229 */
.bar_vybery {
    padding: 1.2vw;
    border: 0.05vw solid #e1e1e1;
    border-radius: 0.15vw;
    position: absolute;
    width: max-content;
    top: 0.6vw;
    cursor: default;
    display: none;
    background-color: white;
}

/* styles.scss:7230-7234 */
.bar_vybery div {
    width: 100%;
    display: table;
    cursor: pointer;
}

/* styles.scss:7235-7237 */
.bar_vybery div div {
    width: auto;
}

/* styles.scss:7238-7244 */
.bar_vybery div p {
    color: #000;
    line-height: 180%;
    background-color: transparent;
    background-image: none;
    padding: 0;
}

/* styles.scss:7245-7251 */
.bar_vyb:hover .bar_vybery div p {
    color: #000;
    line-height: 180%;
    background-color: transparent;
    background-image: none;
    padding: 0;
}

/* styles.scss:7252-7258 */
.bar_vybery:hover div p {
    color: #000;
    line-height: 180%;
    background-color: transparent;
    background-image: none;
    padding: 0;
}

/* styles.scss:7259-7262 */
.bar_vybery div:hover p {
    color: #00ae58 !important;
    text-decoration: underline;
}

/* styles.scss:7263-7268 */
.konf_icona {
    float: left;
    display: table;
    margin-right: 0.6vw;
    width: 0.8vw !important;
}

/* styles.scss:7269-7273 */
.konf_icona img {
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

/* styles.scss:7274-7277 */
.konf_icona img:first-of-type {
    margin: auto;
    width: 80%;
}

/* styles.scss:7278-7282 */
#scrolable_konf {
    position: fixed;
    float: left;
    width: 63%;
}

/* styles.scss:7283-7287 */
#konfigurator_udaje br {
    width: 0;
    height: 0;
    position: relative;
}

/* styles.scss:7288-7290 */
.top_posun {
    top: 2vw;
}

/* styles.scss:7291-7302 */
#konfigurator_udaje {
    transition: 0.5s;
    width: 34.37vw;
    height: auto;
    float: right;
    position: relative;
    min-height: 43vw;
    padding-top: 2.12vw;
    background-color: #eee;
    padding-bottom: 60px;
    margin-top: 5vw;
}

/* styles.scss:7303-7305 */
#konfigurator_udaje h4 {
    line-height: 1.4vw;
}

/* styles.scss:7310-7316 */
#konfigurator_h1 {
    font-size: 1.2vw !important;
    margin-bottom: 1.8vw !important;
    text-align: left;
    float: left;
    width: 67%;
}

/* styles.scss:7317-7330 */
.odkaz_vybery {
    width: 34%;
    float: right;
    background: transparent url("../data/webp/vzorky_conf.webp") no-repeat left
        center;
    background-size: 4vw;
    margin-top: 0.65vw;
    display: block;
    float: right;
    color: black;
    border-bottom: none;
    font-size: 0.8vw;
    text-align: left;
}

/* styles.scss:7331-7334 */
.zmensit_nadpis {
    width: 66%;
    float: left;
}

/* styles.scss:7336-7339 */
.odkaz_vybery .odkaz_vkonf {
    margin: 0.5vw 0;
    float: right;
}

/* styles.scss:7340-7349 */
.odkaz_vybery .odkaz_vkonf div {
    margin-left: 0.7vw;
    margin-right: 0;
    color: black;
    margin-top: 0;
    border-bottom: none;
    font-size: 0.75vw;
    height: 100%;
    text-align: left;
}

/* styles.scss:7350-7353 */
.odkaz_vybery .odkaz_vkonf div:first-of-type {
    text-decoration: none;
    font-weight: normal;
}

/* styles.scss:7354-7356 */
.odkaz_vybery .odkaz_vkonf div span {
    text-decoration: underline;
}

/* styles.scss:7357-7359 */
.odkaz_vybery:hover .odkaz_vkonf div span {
    text-decoration: none;
}

/* styles.scss:7361-7374 */
.spodni_lista {
    width: 34.4vw;
    height: 5vw;
    background-color: #ffffff;
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 11;
    color: black;
    display: table;
    -webkit-box-shadow: 0px 4px 6px -6px rgb(0 0 0 / 42%);
    -moz-box-shadow: 0px 4px 6px -6px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 4px 6px -6px rgb(0 0 0 / 42%);
}

/* styles.scss:7375-7382 */
.spodni_lista .prava_lista {
    float: right;
    height: 100%;
    display: table;
    position: relative;
    width: 29.5vw;
    padding-right: 2.4vw;
}

/* styles.scss:7383-7391 */
.spodni_lista .prava_cena {
    display: table;
    vertical-align: middle;
    position: relative;
    height: 50%;
    text-align: right;
    float: right;
    width: auto;
}

/* styles.scss:7393-7402 */
.spodni_lista .prava_cena span {
    color: black;
    font-size: 0.8vw !important;
    line-height: normal;
    font-weight: normal;
    float: unset;
    padding-right: 0.3vw;
    display: table-cell;
    vertical-align: bottom;
}

/* styles.scss:7403-7405 */
.cena_konf_red {
    color: #ff0000 !important;
}

/* styles.scss:7406-7412 */
.spodni_lista .prava_dodani {
    height: 100%;
    position: relative;
    display: table;
    float: left;
    width: 50%;
}

/* styles.scss:7413-7415 */
.spodni_lista.top_posun {
    top: 1.9vw;
}

/* styles.scss:7416-7421 */
.prava_dodani div:first-of-type {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 2.3vw;
}

/* styles.scss:7422-7426 */
.prava_dodani div:first-of-type img {
    margin: 0;
    width: 100%;
    height: auto;
}

/* styles.scss:7427-7433 */
.prava_dodani div:last-of-type {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 1vw;
    text-align: left;
}

/* styles.scss:7434-7437 */
.prava_dodani div:last-of-type p {
    font-size: 0.8vw !important;
    font-weight: 500;
}

/* styles.scss:7438-7444 */
.sdileni_konf_celek {
    float: left;
    height: 100%;
    display: table;
    position: relative;
    display: none;
}

/* styles.scss:7445-7451 */
.sdileni_konf_celek .sdileni_konf {
    padding-left: 1.8vw;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

/* styles.scss:7452-7454 */
.sdileni_konf_celek .sdileni_konf:hover p {
    border-bottom: 0.05vw solid #ffffff;
}

/* styles.scss:7455-7463 */
.sdileni_konf_celek .sdileni_konf p {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
    font-size: 0.7vw !important;
    border-bottom: 0.05vw solid #1d1c28;
    font-weight: 500;
}

/* styles.scss:7464-7471 */
.sdileni_konf_img {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-right: 1vw;
    width: 1vw;
    height: auto;
}

/* styles.scss:7472-7476 */
.sdileni_konf_img img {
    margin: 0;
    width: 100%;
    height: auto;
}

/* styles.scss:7487-7489 */
.okdaz_na_stul {
    cursor: pointer;
}

/* styles.scss:7536-7543 */
.konf_zpet {
    display: table;
    position: relative;
    height: 0.6vw;
    margin-bottom: 2.3vw;
    cursor: pointer;
    float: left;
}

/* styles.scss:7544-7551 */
.konf_zpet div:first-of-type {
    float: left;
    height: auto;
    position: relative;
    margin-left: 0vw;
    margin-right: 0vw;
    width: 0.8vw;
}

/* styles.scss:7552-7556 */
.konf_zpet div {
    float: left;
    margin-left: 0.7vw;
    line-height: 0.7vw;
}

/* styles.scss:7557-7562 */
.konf_zpet div img {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}

/* styles.scss:7563-7566 */
.konf_zpet div p {
    font-size: 0.7vw !important;
    margin-top: 0.1vw;
}

/* styles.scss:7567-7569 */
.konf_zpet:hover div p {
    text-decoration: underline;
}

/* styles.scss:7570-7572 */
.konf_zpet div p span {
    font-weight: bold;
}

/* styles.scss:7573-7575 */
.konf_zpet.button_pokracovat_top {
    float: right;
}

/* styles.scss:7576-7579 */
.konf_zpet.button_pokracovat_top div {
    float: right;
    margin-right: 0.7vw;
}

/* styles.scss:7580-7582 */
.konf_zpet.button_pokracovat_top div img {
    transform: rotate(180deg);
}

/* styles.scss:7584-7594 */
.ceny_plus {
    top: 0vw;
    right: 0vw;
    position: relative;
    font-weight: normal !important;
    float: right !important;
    width: auto !important;
    margin-right: 1vw;
    display: table;
    height: 100%;
}

/* styles.scss:7595-7604 */
.ceny_plus_s {
    top: 0vw;
    right: 0vw;
    position: relative;
    font-weight: normal !important;
    float: right !important;
    margin-right: 1vw;
    display: table;
    height: 100%;
}

/* styles.scss:7606-7609 */
.ceny_plus_s p,
.ceny_plus p {
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:7667-7673 */
.textvrsek_dialog_2 {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 2.2vw;
    padding-left: 1.25vw;
}

/* styles.scss:7674-7680 */
.cena_dialog {
    width: auto !important;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    float: none !important;
}

/* styles.scss:7681-7683 */
.spodek_dialog {
    margin-top: 2vw;
}

/* styles.scss:7685-7690 */
.spodek_dialog table {
    border: none;
    margin: 0;
    width: 100%;
    font-size: 0.7vw;
}

/* styles.scss:7691-7694 */
.spodek_dialog table tr {
    line-height: 2vw;
    border-bottom: 0.05vw solid #d3d7db;
}

/* styles.scss:7695-7697 */
.spodek_dialog table tr:last-of-type {
    border-bottom: none;
}

/* styles.scss:7698-7701 */
.spodek_dialog table tr td:first-of-type {
    font-weight: bold;
    width: 40%;
}

/* styles.scss:7702-7706 */
.spodek_dialog table tr td {
    border: none;
    border-bottom: 0.05vw solid #d3d7db;
    font-size: 0.75vw;
}

/* styles.scss:7707-7709 */
.spodek_dialog table tr:last-of-type td {
    border: none;
}

/* styles.scss:7711-7715 */
.atyp_vyber {
    height: 4vw !important;
    width: 94% !important;
    display: block !important;
}

/* styles.scss:7716-7723 */
#zmena_sestaveni {
    /*    position: absolute;*/
    width: 100%;
    left: 0;
    display: inline;
    bottom: 0;
    display: none;
}

/* styles.scss:7724-7726 */
#zmena_sestaveni input {
    width: 76%;
}

/* styles.scss:7727-7730 */
#zmena_sestaveni input[type="range"] {
    padding: 0;
    width: 95%;
}

/* styles.scss:7737-7743 */
#zmena_sestaveni input[type="text"] {
    border: 0.05vw solid #bfbfbf;
    border-radius: 0.2vw;
    padding: 0px 0px 0px 4%;
    height: 36px;
    font-size: 0.8vw;
}

/* styles.scss:7744-7750 */
.zmena_sestaveni p {
    padding-left: 10%;
    text-align: left;
    font-size: 0.8vw;
    margin-bottom: 5px;
    color: black;
}

/* styles.scss:7751-7771 */
.sestaveni_input {
    transition: 0.25s ease-in;
    background-color: #00ae58;
    border-radius: 0.2vw;
    cursor: pointer;
    color: #ffffff;
    font-size: 0.8vw !important;
    display: table;
    width: 100%;
    max-width: 15vw;
    height: 3.02vw;
    border: 0.14vw solid #00ae58;
    font-weight: bold;
    float: left;
    padding-left: 0;
    line-height: 3vw;
    margin-top: 1vw;
    margin-left: 25%;
    margin-bottom: 1vw;
    background: #00ae58;
}

/* styles.scss:7772-7775 */
.sestaveni_input:hover {
    background: white;
    color: #00ae58;
}

/* styles.scss:7854-7857 */
.zmena_velikosti_label {
    padding-left: 0 !important;
    display: block;
}

/* styles.scss:7858-7865 */
.canvas_div {
    display: none;
    position: absolute;
    top: 28%;
    transform: skewX(-75deg) rotate(5deg);
    z-index: 1;
    width: 100%;
}

/* styles.scss:7866-7886 */
.velikost_input {
    transition: 0.25s ease-in;
    background-color: #00ae58;
    border-radius: 0.2vw;
    cursor: pointer;
    color: #ffffff;
    font-size: 0.8vw !important;
    display: table;
    width: 100%;
    max-width: 15vw;
    height: 3.02vw;
    border: 0.14vw solid #00ae58;
    font-weight: bold;
    float: left;
    padding-left: 0;
    line-height: 3vw;
    margin-top: 1vw;
    margin-left: 25%;
    margin-bottom: 1vw;
    background: #00ae58;
}

/* styles.scss:7887-7890 */
.velikost_input:hover {
    background: white;
    color: #00ae58;
}

/* styles.scss:7891-7896 */
input[type="range"].vlastnirormer {
    width: 100%;
    margin: 10px 0;
    background-color: transparent;
    -webkit-appearance: none;
}

/* styles.scss:7897-7899 */
input[type="range"].vlastnirormer:focus {
    outline: none;
}

/* styles.scss:7900-7907 */
input[type="range"].vlastnirormer::-webkit-slider-runnable-track {
    background: white;

    border: 0;
    width: 100%;
    height: 3px;
    cursor: pointer;
}

/* styles.scss:7908-7917 */
input[type="range"].vlastnirormer::-webkit-slider-thumb {
    margin-top: -9px;
    width: 20px;
    height: 20px;
    background: white;

    border-radius: 50px;
    cursor: pointer;
    -webkit-appearance: none;
}

/* styles.scss:7918-7920 */
input[type="range"].vlastnirormer:focus::-webkit-slider-runnable-track {
    background: white;
}

/* styles.scss:7921-7928 */
input[type="range"].vlastnirormer::-moz-range-track {
    background: white;

    border: 0;
    width: 100%;
    height: 3px;
    cursor: pointer;
}

/* styles.scss:7929-7936 */
input[type="range"].vlastnirormer::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: white;

    border-radius: 50px;
    cursor: pointer;
}

/* styles.scss:7937-7945 */
input[type="range"].vlastnirormer::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent;
    width: 100%;
    height: 3px;
    cursor: pointer;
}

/* styles.scss:7946-7950 */
input[type="range"].vlastnirormer::-ms-fill-lower {
    background: white;

    border: 0;
}

/* styles.scss:7951-7955 */
input[type="range"].vlastnirormer::-ms-fill-upper {
    background: white;

    border: 0;
}

/* styles.scss:7956-7964 */
input[type="range"].vlastnirormer::-ms-thumb {
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}

/* styles.scss:7965-7967 */
input[type="range"].vlastnirormer:focus::-ms-fill-lower {
    background: white;
}

/* styles.scss:7968-7970 */
input[type="range"].vlastnirormer:focus::-ms-fill-upper {
    background: white;
}

/* styles.scss:7973-7986 */
.color_div {
    width: 29.5vw;
    display: inline-table;
    height: 10.8vw;
    padding: 0px;
    float: left;
    background-color: white;
    margin-bottom: 0.7vw;
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 0.2vw;
    vertical-align: middle;
    cursor: pointer;
}

/* styles.scss:7988-7994 */
.color_div_nohover {
    border: 0.12vw solid #e8e8e8 !important;
    cursor: default !important;
    /*    display: none!important;*/
    overflow: hidden;
    background: #f9f9f9 !important;
}

/* styles.scss:7995-7998 */
.color_div_nohover label {
    color: #d9d9d9 !important;
    cursor: default !important;
}

/* styles.scss:7999-8001 */
.color_div_nohover .text_box_mal {
    color: #d9d9d9 !important;
}

/* styles.scss:8002-8004 */
.color_div_nohover img {
    filter: grayscale(1) opacity(0.5);
}

/* styles.scss:8005-8007 */
.color_div_nohover.color_div_nohover_hide {
    display: none !important;
}

/* styles.scss:8008-8011 */
.color_div label {
    padding: 1.3vw;
    cursor: pointer;
}

/* styles.scss:8012-8022 */
.color_div .dostupnost {
    letter-spacing: 0.02vw;
    font-size: 0.57vw !important;
    position: relative;
    top: 0;
    right: 0;
    width: 50%;
    margin-top: 0.59vw;
    text-align: left;
    float: left;
}

/* styles.scss:8023-8025 */
.color_div .br_img {
    width: 9vw;
}

/* styles.scss:8026-8028 */
.color_div .ceny_plus {
    display: none;
}

/* styles.scss:8029-8037 */
.color_div .cena_od {
    display: block !important;
    float: left;
    position: relative;
    width: 50%;
    margin-top: 0.59vw;
    text-align: left;
    font-size: 0.9vw !important;
}

/* styles.scss:8039-8048 */
.color_div .nazev_radio_label {
    line-height: normal;
    padding-top: 0;
    font-weight: bold;
    font-size: 0.9vw;
    padding: 0;
    float: left;
    text-align: left;
    width: 60%;
}

/* styles.scss:8049-8053 */
.color_div label ul {
    list-style-type: disc;
    margin: 0;
    list-style-position: inside;
}

/* styles.scss:8054-8056 */
.color_div label ul li {
    font-weight: normal;
}

/* styles.scss:8057-8060 */
.color_div:hover {
    border: 0.12vw solid #aeaeae;
    border-radius: 0.2vw;
}

/* styles.scss:8061-8067 */
.color_div .rada_span {
    display: block;
    position: absolute;
    top: 0.5vw;
    padding: 0;
    right: 0.5vw;
}

/* styles.scss:8069-8076 */
.color_div img {
    width: 100%;
    height: auto;
    max-width: 9.5vw;
    margin: 0;
    float: left;
    margin-bottom: 0px;
}

/* styles.scss:8077-8081 */
.color_div .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8100-8115 */
.stitek_p {
    height: 1.1vw;
    float: left;
    font-size: 0.6vw;
    line-height: 1.1vw;
    /* padding: 0 2vw; */
    color: white;
    width: 6vw;
    text-transform: uppercase;
    font-weight: bold;
    /* margin-left: 0.6vw; */
    position: absolute;
    right: -1.6vw;
    bottom: 0.8vw;
    transform: rotate(315deg);
}

/* styles.scss:8116-8118 */
.nazev_vyberu {
    float: left;
}

/* styles.scss:8119-8121 */
.color_div_vyb {
    border: 0.12vw solid #00ae58 !important;
}

/* styles.scss:8123-8133 */
.appraisal_container_radio {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0vw 0.5vw 0vw 0.5vw;
}

/* styles.scss:8135-8139 */
.appraisal_container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* styles.scss:8164-8166 */
.appraisal_container_radio label:hover .rada_span {
    background: #0085c1;
}

/* styles.scss:8167-8176 */
.text_box {
    color: black;
    text-align: left;
    font-size: 0.7vw !important;
    font-weight: normal;
    line-height: 1.1vw;
    margin-top: 0.5vw;
    float: left;
    width: 62%;
}

/* styles.scss:8177-8180 */
.text_box p {
    color: black;
    font-size: 0.7vw !important;
}

/* styles.scss:8181-8186 */
.text_box .ul_check ul li {
    background: url(../images/svg/026-plus.svg) no-repeat left center;
    padding-left: 1vw;
    background-size: 0.5vw;
    list-style-type: none;
}

/* styles.scss:8189-8191 */
.color_div_mal:last-of-type {
    margin-right: 0vw;
}

/* styles.scss:8193-8205 */
.color_div_mal {
    width: 29.5vw;
    display: inline-table;
    height: 4vw;
    padding: 0px;
    float: left;
    background-color: white;
    margin-bottom: 0.7vw;
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 0.2vw;
    vertical-align: middle;
}

/* styles.scss:8207-8211 */
.color_div_mal label {
    vertical-align: middle;
    padding-left: 1.3vw;
    cursor: pointer;
}

/* styles.scss:8212-8222 */
.color_div_mal .nazev_radio_label {
    line-height: normal;
    padding-top: 0;
    font-weight: bold;
    font-size: 0.9vw;
    padding: 0;
    float: left;
    text-align: left;
    display: table;
    height: 100%;
}

/* styles.scss:8223-8226 */
.color_div_mal .nazev_radio_label p {
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8227-8229 */
.color_div_mal:hover {
    border: 0.12vw solid #aeaeae;
}

/* styles.scss:8230-8234 */
.color_div_mal .br_img {
    width: 2.5vw;
    position: relative;
    z-index: 1;
}

/* styles.scss:8235-8241 */
.color_div_mal img {
    width: 100%;
    height: auto;
    margin: 0;

    position: relative;
}

/* styles.scss:8242-8254 */
.br_img .color_div_mal_tooltip {
    visibility: hidden;
    width: 10vw;
    text-align: center;
    border-radius: 10vw;
    position: absolute;
    z-index: 10;
    bottom: -3vw;
    left: -12vw;
    overflow: hidden;
    border: 0.12vw solid #ccc;
    font-weight: bold;
}

/* styles.scss:8256-8267 */
.color_div_mal_tooltip p {
    position: absolute;
    z-index: 12;
    color: black;
    width: 100%;
    background-color: #dcdcdc;
    bottom: 0;
    height: 3.5vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* styles.scss:8268-8278 */
.color_div_mal_tooltip p span {
    font-size: 0.7vw;
    z-index: 2;
    color: black;
    width: 65%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.7vw;
}

/* styles.scss:8281-8283 */
.color_div_mal:hover .color_div_mal_tooltip,
.color_div_mal:active .color_div_mal_tooltip {
    visibility: visible;
}

/* styles.scss:8285-8293 */
.color_div_mal .dostupnost {
    top: 0vw;
    left: 0vw;
    position: relative;
    font-size: 0.57vw !important;
    float: right;
    display: table;
    height: 100%;
}

/* styles.scss:8294-8297 */
.color_div_mal .dostupnost p {
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8302-8306 */
.color_div_mal .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8310-8312 */
.color_div_very_mal:last-of-type {
    margin-right: 0vw;
}

/* styles.scss:8313-8326 */
.color_div_very_mal {
    width: 29.5vw;
    position: relative;
    display: inline-table;
    height: 4vw;
    padding: 0px;
    float: left;
    background-color: white;
    margin-bottom: 0.7vw;
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 0.2vw;
    vertical-align: middle;
}

/* styles.scss:8328-8332 */
.color_div_very_mal label {
    vertical-align: middle;
    padding-left: 1.3vw;
    cursor: pointer;
}

/* styles.scss:8334-8345 */
.color_div_very_mal .nazev_radio_label {
    line-height: normal;
    padding-top: 0;
    font-weight: bold;
    font-size: 0.9vw;
    padding: 0;
    float: left;
    text-align: left;
    display: table;
    height: 100%;
    max-width: 62%;
}

/* styles.scss:8346-8350 */
.color_div_very_mal .nazev_radio_label p {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.9vw !important;
}

/* styles.scss:8351-8354 */
.color_div_very_mal:hover {
    border: 0.12vw solid #aeaeae;
    border-radius: 0.2vw;
}

/* styles.scss:8355-8366 */
.color_div_very_mal .dostupnost {
    top: 0vw;
    right: 0vw;
    position: relative;
    letter-spacing: 0.02vw;
    font-size: 0.6vw !important;
    height: 100%;
    display: table;
    float: right;
    width: 3.5vw;
    text-align: right;
}

/* styles.scss:8367-8372 */
.color_div_very_mal .dostupnost p {
    position: relative;
    padding-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8382-8386 */
.color_div_very_mal .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8387-8389 */
.color_div_very_mal label ul li {
    font-weight: normal;
}

/* styles.scss:8390-8393 */
.color_div_very_mal label ul {
    list-style-type: none;
    margin: 0;
}

/* styles.scss:8394-8403 */
.color_div_very_mal .text_box {
    color: black;
    text-align: left;
    font-size: 0.7vw;
    font-weight: normal;
    line-height: 1.1vw;

    bottom: 1vw;
    position: absolute;
}

/* styles.scss:8406-8408 */
.color_div_vel_kolecko:last-of-type {
    margin-right: 0vw;
}

/* styles.scss:8410-8424 */
.color_div_vel_kolecko {
    width: 5.6vw;
    display: inline-table;
    height: 5.6vw;
    margin-right: 2vw;
    padding: 0px;
    float: left;
    background-color: white;
    /* margin-bottom: 2vw; */
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 3.2vw;
    vertical-align: middle;
    background-color: transparent !important;
}

/* styles.scss:8426-8429 */
.color_div_vel_kolecko.color_div_vyb {
    width: 5.4vw;
    height: 5.4vw;
}

/* styles.scss:8430-8436 */
.color_div_vel_kolecko label {
    font-size: 0.8vw;
    vertical-align: middle;
    font-weight: 500;
    padding: 0;
    cursor: pointer;
}

/* styles.scss:8437-8445 */
.color_div_vel_kolecko .nazev_radio_label {
    position: absolute;
    top: 6vw;
    font-size: 0.7vw !important;
    font-weight: normal;
    left: 0vw;
    text-align: center;
    width: 5.6vw;
}

/* styles.scss:8446-8449 */
.color_div_vel_kolecko .nazev_radio_label p {
    font-size: 0.7vw !important;
    font-weight: normal;
}

/* styles.scss:8450-8452 */
.color_div_vel_kolecko:hover {
    border: 0.12vw solid #aeaeae;
}

/* styles.scss:8453-8460 */
.color_div_vel_kolecko img {
    width: 80%;
    height: auto;
    margin: 0;
    vertical-align: middle;
    position: relative;
    z-index: -1;
}

/* styles.scss:8461-8463 */
.color_div_vel_kolecko.color_div_vyb img {
    width: 85%;
}

/* styles.scss:8465-8472 */
.color_div_vel_kolecko .dostupnost {
    top: 6.9vw;
    left: 0.2vw;
    width: 100%;
    display: none;
    letter-spacing: 0.02vw;
    font-size: 0.6vw !important;
}

/* styles.scss:8477-8481 */
.color_div_vel_kolecko .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8488-8490 */
.prislusko_hide {
    display: none !important;
}

/* styles.scss:8491-8505 */
.color_div_prislusko {
    width: 9.1vw;
    min-height: 13.5vw;
    padding: 0px;
    float: left;
    background-color: white;
    margin-bottom: 0.4vw;
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 0.2vw;
    vertical-align: middle;
    margin-right: 0.4vw;
    position: relative;
    overflow: hidden;
}

/* styles.scss:8507-8510 */
.color_div_prislusko label {
    padding: 0.9vw !important;
    cursor: pointer;
}

/* styles.scss:8511-8518 */
.color_div_prislusko .nazev_radio_label {
    padding: 0 !important;
    width: 100%;
    text-align: center;
    height: 2vw;
    display: inline-block;
    max-width: unset;
}

/* styles.scss:8519-8524 */
.color_div_prislusko .nazev_radio_label span {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}

/* styles.scss:8525-8532 */
.color_div_prislusko .nazev_radio_label p {
    line-height: 100%;
    font-weight: bold;
    font-size: 0.9vw;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8533-8535 */
.color_div_prislusko .ceny_plus {
    display: none !important;
}

/* styles.scss:8536-8539 */
.color_div_prislusko:hover {
    border: 0.12vw solid #aeaeae;
    border-radius: 0.2vw;
}

/* styles.scss:8540-8550 */
.color_div_prislusko .dostupnost {
    top: 0.4vw;
    right: 0;
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0.3vw;
    height: auto;
    /*    display: none;*/
}

/* styles.scss:8551-8553 */
.color_div_prislusko .dostupnost p {
    display: block;
}

/* styles.scss:8562-8564 */
.color_div_prislusko.color_div_nohover:hover .text_box_mal {
    display: block;
}

/* styles.scss:8565-8569 */
.color_div_prislusko .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8570-8573 */
.color_div_prislusko label ul {
    list-style-type: none;
    margin: 0;
}

/* styles.scss:8574-8579 */
.color_div_prislusko label img {
    margin: 0;
    width: 87%;
    height: auto;
    margin-bottom: 1vw;
}

/* styles.scss:8580-8589 */
.color_div_prislusko .text_box {
    color: black;
    text-align: left;
    font-size: 0.7vw;
    font-weight: normal;
    line-height: 1.1vw;
    margin-top: 0vw;
    width: 100%;
    float: left;
}

/* styles.scss:8590-8595 */
.color_div_prislusko .rada_span {
    position: absolute;
    top: 0.4vw;
    padding: 0 !important;
    right: 0.4vw;
}

/* styles.scss:8596-8600 */
.color_div_prislusko_nic {
    width: 100%;
    float: left;
    cursor: pointer;
}

/* styles.scss:8601-8604 */
.color_div_prislusko_nic label {
    padding: 0 !important;
    cursor: pointer;
}

/* styles.scss:8605-8611 */
.color_div_prislusko_nic .nazev_radio_label {
    font-size: 0.7vw;
    color: #000;
    border-bottom: 0.05vw solid #000;
    text-align: left;
    font-weight: normal;
}

/* styles.scss:8612-8614 */
.color_div_prislusko.color_div_vyb .nocheck_prislusko_img {
    display: none;
}

/* styles.scss:8615-8617 */
.color_div_prislusko.color_div_vyb .check_prislusko_img {
    display: block;
}

/* styles.scss:8618-8620 */
.color_div_prislusko .check_prislusko_img {
    display: none;
}

/* styles.scss:8622-8629 */
.color_div_prislusko .check_prislusko {
    width: 1.25vw;
    height: 1.25vw;
    padding: 0 !important;
    position: absolute;
    top: 0.4vw;
    left: 0.4vw;
}

/* styles.scss:8630-8633 */
.check_prislusko img {
    margin: 0 !important;
    width: 100% !important;
}

/* styles.scss:8635-8638 */
.color_div_prislusko_nic.color_div_vyb .nazev_radio_label {
    color: #00ae58;
    border-bottom: 0.05vw solid #00ae58;
}

/* styles.scss:8639-8641 */
.color_div_prislusko .appraisal_container_radio {
    padding: 0vw 0vw 0vw 0vw;
}

/* styles.scss:8642-8647 */
div.color_div_prislusko_nic.color_div_vyb {
    width: 100% !important;
    height: auto;
    border: none !important;
    box-shadow: none;
}

/* styles.scss:8648-8656 */
.text_box_mal {
    color: black;
    text-align: center;
    font-size: 0.8vw !important;
    font-weight: normal;
    width: 100%;
    margin-top: 0.4vw;
    float: left;
}

/* styles.scss:8657-8665 */
.dalsi_vybery {
    border: 0.12vw solid #dcdcdc;
    border-radius: 0.2vw;
    background-color: white;
    width: 91%;
    margin-bottom: 0.5vw;
    padding: 1.6vw 0.9vw 0.9vw 0.9vw;
    display: none;
}

/* styles.scss:8669-8681 */
.color_div_sluzby {
    width: 29.5vw;
    display: inline-table;
    height: 6.1vw;
    padding: 0px;
    float: left;
    background-color: white;
    margin-bottom: 0.7vw;
    border: 0.12vw solid #dcdcdc;
    cursor: pointer;
    border-radius: 0.2vw;
    vertical-align: middle;
}

/* styles.scss:8682-8688 */
.color_div_sluzby .rada_span {
    display: block;
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    padding: 0 !important;
}

/* styles.scss:8689-8692 */
.color_div_sluzby label {
    padding: 1.1vw;
    cursor: pointer;
}

/* styles.scss:8693-8701 */
.color_div_sluzby .nazev_radio_label {
    line-height: normal;
    padding-top: 0;
    font-weight: bold;
    font-size: 0.9vw;
    padding: 0;
    float: none;
    text-align: left;
}

/* styles.scss:8702-8705 */
.color_div_sluzby label ul {
    list-style-type: none;
    margin: 0;
}

/* styles.scss:8707-8709 */
.color_div_sluzby:hover label {
    color: black;
}

/* styles.scss:8710-8717 */
.br_img {
    display: table;
    float: left;
    width: 4.1vw;
    height: 100%;
    margin-right: 1.1vw;
    font-size: 0;
}

/* styles.scss:8718-8721 */
.br_img div {
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8722-8727 */
.color_div_sluzby img {
    margin: 0;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}

/* styles.scss:8728-8732 */
.color_div_sluzby .appraisal_checkmark_radio {
    top: 227px;
    left: 96px;
    display: none;
}

/* styles.scss:8734-8744 */
.color_div_sluzby .text_box_mal {
    color: black;
    text-align: left;
    font-size: 0.8vw !important;
    font-weight: normal;
    width: 55%;
    margin-top: 0;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:8745-8754 */
.color_div_sluzby .text_box {
    color: black;
    text-align: left;
    font-size: 0.7vw !important;
    font-weight: normal;
    line-height: normal;
    margin-top: 0.5vw;
    width: 80%;
    margin-bottom: 1.2vw;
}

/* styles.scss:8755-8758 */
.color_div_sluzby .info_hlaska {
    width: 90%;
    margin: auto;
}

/* styles.scss:8759-8764 */
.spodek_label {
    display: table;
    float: left;
    width: 60%;
    margin-top: 0vw;
}

/* styles.scss:8765-8771 */
.pridat_label {
    float: left !important;
    margin-top: 0 !important;
    width: 5.8vw !important;
    height: 1.9vw !important;
    font-size: 0.7vw !important;
}

/* styles.scss:8772-8777 */
.odebrat_label_ses {
    background-color: #f6f6f6 !important;
    color: #999999 !important;
    border: 0.15vw solid #f6f6f6 !important;
    cursor: default !important;
}

/* styles.scss:8778-8787 */
.odebrat_label {
    float: left !important;
    margin-top: 0 !important;
    width: 5.8vw !important;
    height: 1.9vw !important;
    background-color: #f6f6f6 !important;
    color: #999999 !important;
    font-size: 0.7vw !important;
    border: 0.15vw solid #f6f6f6 !important;
}

/* styles.scss:8788-8792 */
.odebrat_label:hover {
    background-color: transparent;
    color: #999999 !important;
    border: 0.15vw solid #f6f6f6 !important;
}

/* styles.scss:8794-8808 */
.button_pokracovat {
    transition: 0.25s ease-in;
    background-color: #00ae58;
    border-radius: 0.2vw;
    cursor: pointer;
    color: #ffffff;
    font-size: 0.9vw;
    display: table;
    width: 8.7vw;
    height: 2.4vw;
    border: 0.15vw solid #00ae58;
    font-weight: bold;
    margin-top: 2vw;
    float: right;
}

/* styles.scss:8809-8813 */
.button_pokracovat:hover {
    background-color: transparent;
    color: #00ae58;
    border: 0.15vw solid #00ae58;
}

/* styles.scss:8814-8816 */
.button_pokracovat.button_pokracovat_topZ {
    margin-top: -0.5vw;
}

/* styles.scss:8818-8823 */
.button_pokracovat span {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0.2vw;
    text-align: center;
}

/* styles.scss:8837-8843 */
.button_pokracovat_mal {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: table;
}

/* styles.scss:8844-8853 */
.button_pokracovat_mal span {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    padding-top: 0;
    font-weight: 600;
    font-size: 0.9vw;
    padding: 0;
    text-align: left;
}

/* styles.scss:8854-8859 */
.do_kosiku {
    background-color: transparent;
    color: #00ae58;
    border: 0.15vw solid #00ae58;
    float: left;
}

/* styles.scss:8860-8863 */
.do_kosiku:hover {
    background-color: #00ae58;
    color: white;
}

/* styles.scss:8883-8888 */
.sluzby_desky_blok {
    display: table;
    width: 100%;
    display: none;
    flex-wrap: wrap;
}

/* styles.scss:8889-8891 */
.sluzby_hidden {
    display: none !important;
}

/* styles.scss:8892-8896 */
.selecty_parametry {
    position: relative;
    margin-top: 1vw;
    display: none;
}

/* styles.scss:8897-8907 */
.vyber_nazev_select {
    font-size: 0.67vw;
    color: black;
    position: absolute;
    top: -0.4vw;
    left: 0.2vw;
    background-color: white;
    padding-left: 0.2vw;
    padding-right: 0.4vw;
    z-index: 1;
}

/* styles.scss:8908-8918 */
.select_sluzba {
    width: 100%;
    padding: 0.6vw 0.2vw;
    border: 0.05vw solid #d0d9e5;
    border-radius: 0.2vw;
    font-size: 0.67vw;
    color: black;
    box-shadow: none !important;
    position: relative;
    background-color: white;
}

/* styles.scss:9099-9104 */
h4#recapitulace {
    margin-top: 0 !important;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 1.302vw;
}

/* styles.scss:9200-9206 */
#eshop_obrazek_img_loading {
    position: absolute !important;
    width: 3% !important;
    top: 40%;
    left: 50%;
    z-index: 10;
}

/* styles.scss:9233-9238 */
.info_hlaska {
    width: 29.5vw;
    border-radius: 0.2vw;
    height: 2.5vw;
    margin-bottom: 0.98vw;
}

/* styles.scss:9239-9243 */
.info_hlaska div:first-of-type {
    float: left;
    height: 100%;
    width: 0.4vw;
}

/* styles.scss:9244-9251 */
.info_hlaska div:nth-of-type(2) {
    float: left;
    height: 100%;
    display: table;
    margin-left: 0.88vw;
    width: 95%;
    text-align: left;
}

/* styles.scss:9252-9257 */
.info_hlaska div:nth-of-type(2) p {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.72vw !important;
    font-weight: 600 !important;
}

/* styles.scss:9269-9271 */
.chyba_spodek {
    margin-top: 1.56vw;
}

/* styles.scss:9401-9406 */
#rozmery_vlastni {
    width: 100%;
    background-color: #ffffff94;
    height: 240px;
    padding-top: 20px;
}

/* styles.scss:9407-9413 */
#rozmery_vlastni label {
    margin-left: 7%;
    cursor: default;
    font-weight: 500;
    font-size: 130%;
    color: #000;
}

/* styles.scss:9414-9416 */
#rozmery_vlastni label:hover {
    color: black;
}

/* styles.scss:9417-9427 */
#rozmery_vlastni_text {
    text-align: left;
    width: 47%;
    padding: 0.2vw 0.4vw;
    height: 30px;
    font-size: 110%;
    /* background-size: 388px 36px; */
    box-shadow: none;
    margin-left: 7%;
    margin-top: 10px;
}

/* styles.scss:10093-10101 */
#lista_dodani {
    display: table;
    vertical-align: middle;
    position: relative;
    height: 30%;
    text-align: right;
    float: right;
    width: 49%;
}

/* styles.scss:10102-10108 */
#lista_dodani .dostupnost {
    position: relative;
    top: unset;
    right: unset;
    display: table-cell;
    vertical-align: middle;
}

/* styles.scss:10121-10125 */
.oranzova p {
    text-transform: none !important;
    color: #ff7f00;
    font-size: 0.62vw !important;
}

/* styles.scss:10136-10144 */
.vlozit_kosik {
    margin-top: 1vw;
    z-index: 1;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

/* styles.scss:10145-10149 */
#kosik_cena {
    font-size: 1.51vw;
    line-height: normal;
    font-weight: bold;
}

/* styles.scss:10150-10152 */
.vlozit_kosik_cena {
    text-align: left;
}

/* styles.scss:10153-10156 */
.vlozit_kosik_cena p {
    margin-bottom: 0.2vw;
    font-size: 0.729vw !important;
}

/* styles.scss:10157-10160 */
.vlozit_kosik_mnozstvi {
    margin-left: auto;
    padding-right: 0.938vw;
}

/* styles.scss:10161-10169 */
.vlozit_kosik_mnozstvi .mnozstvi_changer_konf {
    width: 3.125vw;
    height: 3.125vw;
    border: 0.05vw solid #b3b3b3;
    border-radius: 0.313vw;
    display: table;
    text-align: center;
    overflow: hidden;
}

/* styles.scss:10170-10181 */
.vlozit_kosik_mnozstvi #mnozstvi_konf {
    width: 100%;
    border: none;
    box-shadow: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0.833vw;
    font-weight: 500;
    padding: 0;
    height: 3.125vw;
}

/* styles.scss:10182-10196 */
.vlozit_kosik_button .koupit {
    transition: 0.25s ease-in;
    background-color: #00ae58;
    border-radius: 0.313vw;
    cursor: pointer;
    color: #ffffff;
    font-size: 0.938vw;
    display: table;
    width: 11.51vw;
    height: 3.129vw;
    border: 0.104vw solid #00ae58;
    font-weight: bold;
    float: unset;
    padding: 0;
}

/* styles.scss:10197-10200 */
.vlozit_kosik_button .koupit:hover {
    background-color: transparent;
    color: #00ae58;
}

/* styles.scss:10249-10256 */
.vlozit_kosik_spodek {
    z-index: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 1.563vw;
}

/* styles.scss:10258-10264 */  /* z čárky vynecháno: .vlozit_kosik_splatky a.odkaz */
.vlozit_kosik_spodek a.odkaz {
    font-size: 0.729vw;
    color: black;
    line-height: normal;
    border-bottom: 0.05vw solid black;
    font-weight: 600;
}

/* styles.scss:10266-10269 */  /* z čárky vynecháno: .vlozit_kosik_splatky a.odkaz:hover */
.vlozit_kosik_spodek a.odkaz:hover {
    color: #00ae58;
    border-bottom: 0.05vw solid #00ae58;
}

/* styles.scss:10271-10277 */  /* z čárky vynecháno: .vlozit_kosik_splatky span.kosik_splatky_span */
.vlozit_kosik_spodek span.kosik_splatky_span {
    font-size: 0.729vw;
    color: black;
    line-height: normal;
    font-weight: 600;
    margin-left: 0.156vw;
}

/* styles.scss:10279-10282 */  /* z čárky vynecháno: .vlozit_kosik_splatky span.kosik_splatky_span i */
.vlozit_kosik_spodek span.kosik_splatky_span i {
    font-style: normal;
    font-weight: normal;
}

/* styles.scss:10284-10289 */  /* z čárky vynecháno: .vlozit_kosik_splatky .vlozit_kosik_spodek_img */
.vlozit_kosik_spodek .vlozit_kosik_spodek_img {
    margin: 0;
    height: 0.833vw;
    width: auto;
    margin-right: 0.521vw;
}

/* styles.scss:10296-10300 */
.souhrn_konf_doporuceni {
    margin-top: 1.823vw;
    padding-top: 2.604vw;
    border-top: 0.05vw solid #b3b3b3;
}

/* styles.scss:10301-10306 */
.souhrn_konf_doporuceni_nadpis {
    width: 100%;
    font-size: 1.042vw;
    font-weight: bold;
    text-align: left;
}

/* styles.scss:10307-10313 */
.souhrn_konf_doporuceni_produkty {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 1.042vw;
}

/* styles.scss:10314-10320 */
.souhrn_konf_doporuceni_produkty_sluzby {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 1.042vw;
}

/* styles.scss:10434-10436 */
#zpet_tel {
    display: none;
}

/* styles.scss:10437-10439 */
#tel_progres {
    display: contents;
}

/* styles.scss:10440-10442 */
.img_prog {
    display: none;
}

/* styles.scss:10443-10445 */
.tel_vypis_bar {
    display: none;
}

/* styles.scss:10446-10448 */
.closed_tel {
    display: none;
}

/* styles.scss:10449-10451 */
#cena_1 {
    display: none;
}


/* ===== @media (max-width: 1399px)  (z @include media-breakpoint-down) ===== */
@media (max-width: 1399px) {

    /* styles.scss:11082-11084 */
    .color_div_very_mal .text_box {
            margin-top: 0.5vw;
        }

}

/* ===== @media (max-width: 991px)  (z @include media-breakpoint-down) ===== */
@media (max-width: 991px) {

    /* styles.scss:12077-12081 */
    #scrolable_konf {
            width: 100%;
            position: static;
            background-color: white;
        }

    /* styles.scss:12082-12090 */
    #zpet_tel {
            display: block;
            width: 26%;
            float: left;
            height: 100%;
            border-top: 1px solid #dbdbdb;
            border-bottom: 1px solid #dbdbdb;
            border-right: 1px solid #dbdbdb;
        }

    /* styles.scss:12091-12098 */
    .bar_vybery_celek {
            position: relative;
            width: 100%;
            top: 0;
            cursor: default;
            height: auto;
            float: left;
        }

    /* styles.scss:12099-12111 */
    .bar_vybery {
            padding: 0;
            border: 0 solid #e1e1e1;
            border-radius: 0;
            position: relative;
            width: 70%;
            top: 0;
            margin-left: 15%;
            cursor: default;
            display: none;
            background-color: white;
            margin-bottom: 15px;
        }

    /* styles.scss:12112-12118 */
    .bar_vybery div p {
            line-height: 250%;
            text-align: left;
            font-size: 100% !important;
            margin-left: 0;
            color: #000 !important;
        }

    /* styles.scss:12119-12123 */
    .bar_vyb:hover .bar_vybery div p {
            line-height: 250%;

            font-size: 100% !important;
        }

    /* styles.scss:12124-12127 */
    .bar_vybery div {
            line-height: 250%;
            border-bottom: 1px solid #e1e1e1;
        }

    /* styles.scss:12128-12130 */
    .konf_icona {
            display: none !important;
        }

    /* styles.scss:12131-12136 */
    #zpet_tel .konf_zpet {
            display: block;
            height: 100%;
            margin-bottom: 0;
            float: unset;
        }

    /* styles.scss:12137-12140 */
    #zpet_tel .konf_zpet div p {
            font-size: 88% !important;
            font-weight: 500;
        }

    /* styles.scss:12141-12144 */
    #zpet_tel .konf_zpet div {
            line-height: 34px;
            margin-left: 12%;
        }

    /* styles.scss:12145-12150 */
    #zpet_tel .konf_zpet div:first-of-type {
            width: 18%;
            line-height: normal;
            margin-top: 8px;
            margin-left: 18%;
        }

    /* styles.scss:12151-12154 */
    #zpet_tel .konf_zpet div img {
            max-width: 17px;
            display: block;
        }

    /* styles.scss:12155-12167 */
    .tel_vypis_bar {
            width: calc(74% - 1px);
            display: block;
            padding-left: 0;
            float: left;
            height: 100%;
            border-top: 1px solid #dbdbdb;
            border-bottom: 1px solid #dbdbdb;
            background-image: url(../images/sipka_tel_progres.png);
            background-position-x: 93%;
            background-position-y: center;
            background-repeat: no-repeat;
        }

    /* styles.scss:12168-12179 */
    .tel_vypis_bar p {
            font-size: 88% !important;
            background-color: transparent;
            color: black;
            padding: 0;
            font-weight: 500;
            width: 90%;
            float: left;
            line-height: 34px;
            margin-left: 5%;
            text-align: left;
        }

    /* styles.scss:12180-12185 */
    #tel_progres {
            display: block;
            width: 100%;
            height: 34px;
            margin-top: 16px;
        }

    /* styles.scss:12186-12193 */
    #progress_produkt {
            position: absolute;
            width: 100%;
            padding-left: 0;
            height: 100vh;
            background: white;
            display: none;
        }

    /* styles.scss:12194-12197 */
    #eshop_obrazek_img {
            width: 88%;
            transition: 0.5s;
        }

    /* styles.scss:12201-12203 */
    .bar_vyb:hover div.bar_vybery {
            display: none;
        }

    /* styles.scss:12204-12206 */
    .bar span {
            display: none;
        }

    /* styles.scss:12207-12210 */
    .bar_vyb:hover p {
            background-color: transparent;
            color: black;
        }

    /* styles.scss:12211-12217 */
    .bar {
            margin-right: 0%;
            margin-left: 5%;
            font-size: 100%;
            line-height: 55px;
            width: 95%;
        }

    /* styles.scss:12218-12225 */
    .bar p {
            font-size: 138% !important;
            background-color: transparent;
            color: black;
            padding: 0;
            font-weight: 500;
            margin-left: 15%;
        }

    /* styles.scss:12226-12228 */
    .bar:hover p {
            color: #000;
        }

    /* styles.scss:12229-12239 */
    .img_prog {
            display: block;
            width: 10%;
            margin: 0;
            float: left;
            vertical-align: middle;
            margin-top: 11px;
            margin-right: 5%;
            max-width: 40px;
            position: absolute;
        }

    /* styles.scss:12240-12246 */
    .closed_tel {
            position: absolute;
            top: 12%;
            right: 5%;
            width: 5%;
            max-width: 40px;
        }

    /* styles.scss:12250-12253 */
    .closed_tel img {
            margin: 0;
            width: 100%;
        }

    /* styles.scss:12254-12256 */
    .obr_galerie .foto-galerie {
            display: none !important;
        }

    /* styles.scss:13253-13257 */
    #konfigurator_udaje {
            width: 100%;
            padding-top: 30px;
            transition: 0s;
        }

    /* styles.scss:13324-13330 */
    #eshop_obrazek-li .bx-wrapper .bx-controls-direction a {
            top: 46%;
            width: 35px;
            height: 35px;
            border-radius: 4vw;
            background-size: 35px;
        }

    /* styles.scss:13331-13333 */
    #eshop_obrazek-li .bx-wrapper .bx-next:hover {
            background-size: 35px;
        }

    /* styles.scss:13334-13336 */
    #eshop_obrazek-li .bx-wrapper .bx-prev:hover {
            background-size: 35px;
        }

    /* styles.scss:13385-13392 */
    .lista_pod_obr {
            width: 92%;
            float: unset;
            padding-left: 0;
            margin: auto;
            height: auto;
            padding-bottom: 0;
        }

    /* styles.scss:13393-13395 */
    .lista_pod_obr_leva {
            display: none;
        }

    /* styles.scss:13396-13398 */
    .lista_pod_obr_prava {
            float: left;
        }

    /* styles.scss:13399-13406 */
    .sdilet_ulozit_konf_styly {
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            border-bottom: unset;
            text-decoration: underline;
            text-align: left;
        }

    /* styles.scss:13407-13409 */
    .text_box {
            display: none;
        }

    /* styles.scss:13417-13425 */
    .spodni_lista {
            transition: height 2s;
            bottom: 0;
            background-color: #1d1c28;
            width: 100%;
            top: unset !important;
            height: 55px;
            z-index: 1049;
        }

    /* styles.scss:13426-13435 */
    .spodni_lista .prava_lista {
            float: right;
            height: 100%;
            display: table;
            position: relative;
            width: 90%;
            padding-right: 5%;
            padding-left: 5%;
            transition: 1s;
        }

    /* styles.scss:13442-13444 */
    .konf_zpet {
            display: none;
        }

    /* styles.scss:13446-13453 */
    .konf_zpet.button_pokracovat_top {
            display: table;
            height: 100%;
            margin-bottom: 0;
            float: right;
            width: auto;
            margin-bottom: 30px;
        }

    /* styles.scss:13454-13457 */
    .konf_zpet.button_pokracovat_top div p {
            font-size: 16px !important;
            font-weight: 500;
        }

    /* styles.scss:13458-13462 */
    .konf_zpet.button_pokracovat_top div {
            line-height: normal;
            margin-left: 0;
            margin-right: 20px;
        }

    /* styles.scss:13463-13469 */
    .konf_zpet.button_pokracovat_top div:first-of-type {
            width: auto;
            line-height: normal;
            margin-top: 0;
            margin-left: 0%;
            margin-right: 0;
        }

    /* styles.scss:13470-13474 */
    .konf_zpet.button_pokracovat_top div img {
            width: 17px;
            display: block;
            height: auto;
        }

    /* styles.scss:13475-13478 */
    .zmensit_nadpis {
            width: 75%;
            margin-top: 18px;
        }

    /* styles.scss:13479-13483 */
    .odkaz_vybery {
            width: 25%;
            background-size: 40%;
            margin-top: 0;
        }

    /* styles.scss:13484-13486 */
    .odkaz_vybery .odkaz_vkonf {
            margin: 18px 0;
        }

    /* styles.scss:13487-13490 */
    .odkaz_vybery .odkaz_vkonf div {
            font-size: 14px !important;
            line-height: normal;
        }

    /* styles.scss:13495-13497 */
    .spodni_lista .prava_cena #cena {
            color: white !important;
        }

    /* styles.scss:13504-13514 */
    #lista_dodani {
            display: table;
            vertical-align: middle;
            position: relative;
            height: 100%;
            text-align: right;
            float: left;
            width: auto;
            margin-left: 10px;
            margin-top: 20px;
        }

    /* styles.scss:13515-13520 */
    .spodni_lista .prava_cena span {
            color: white;
            font-size: 120% !important;
            line-height: 55px;
            padding-right: 10px;
        }

    /* styles.scss:13536-13538 */
    .spodni_lista .prava_dodani {
            display: none;
        }

    /* styles.scss:13540-13545 */
    #logo_produkt {
            width: 26%;
            padding-left: 4%;
            padding-top: 3%;
            display: block;
        }

    /* styles.scss:13546-13549 */
    #titulek_produkt {
            width: 100%;
            height: auto;
        }

    /* styles.scss:13550-13556 */
    .color_div {
            width: calc(100% - 4px);
            min-height: 26.8vw;
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            margin-bottom: 12px;
        }

    /* styles.scss:13557-13559 */
    .color_div_vyb {
            border: 2px solid #00ae58 !important;
        }

    /* styles.scss:13560-13563 */
    .color_div .br_img {
            width: 24%;
            margin-right: 4%;
        }

    /* styles.scss:13564-13566 */
    .color_div img {
            max-width: none;
        }

    /* styles.scss:13567-13570 */
    .color_div:hover {
            border: 2px solid #aeaeae;
            border-radius: 4px;
        }

    /* styles.scss:13571-13573 */
    .color_div label {
            padding: 3%;
        }

    /* styles.scss:13574-13576 */
    #konfigurator_h1 {
            display: none;
        }

    /* styles.scss:13584-13586 */
    .color_div_very_mal .nazev_radio_label p {
            font-size: 100% !important;
        }

    /* styles.scss:13587-13591 */
    .color_div .dostupnost {
            font-size: 100% !important;
            width: 100% !important;
            margin-top: 5px;
        }

    /* styles.scss:13592-13596 */
    .color_div .cena_od {
            width: 100% !important;
            font-size: 100% !important;
            margin-top: 5px;
        }

    /* styles.scss:13600-13603 */
    .color_div .nazev_radio_label {
            font-size: 100%;
            width: 100%;
        }

    /* styles.scss:13604-13609 */
    .color_div_mal {
            width: calc(100% - 4px);
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            margin-bottom: 12px;
        }

    /* styles.scss:13610-13614 */
    .color_div_mal .br_img {
            width: 12%;
            margin-right: 4%;
            max-width: 36px;
        }

    /* styles.scss:13615-13624 */
    .br_img .color_div_mal_tooltip {
            display: none;
            width: 250px;
            border-radius: 3000px;
            border: 2px solid #aeaeae;
            margin-left: 0;
            top: -120px;
            left: 105%;
            bottom: unset;
        }

    /* styles.scss:13626-13630 */
    .color_div_mal_tooltip p {
            width: 100%;
            height: auto;
            min-height: 70px;
        }

    /* styles.scss:13631-13635 */
    .color_div_mal_tooltip p span {
            font-size: 16px;
            padding-top: 10px;
            padding-bottom: 30px;
        }

    /* styles.scss:13636-13638 */
    .color_div_mal img {
            max-width: none;
        }

    /* styles.scss:13639-13642 */
    .color_div_mal:hover {
            border: 2px solid #aeaeae;
            border-radius: 4px;
        }

    /* styles.scss:13643-13648 */
    .color_div_mal label {
            padding: 2.28% 3%;
            display: flex;
            align-items: center;
            width: calc(100% - 6%);
        }

    /* styles.scss:13650-13658 */
    .color_div_mal .dostupnost {
            font-size: 100% !important;
            text-align: right;
            max-width: 50%;
            right: 3%;
            left: unset;
            top: unset;
            position: absolute;
        }

    /* styles.scss:13659-13661 */
    .color_div_mal .nazev_radio_label {
            font-size: 100%;
        }

    /* styles.scss:13662-13668 */
    .color_div_very_mal {
            width: calc(100% - 4px);
            height: 57px;
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            margin-bottom: 12px;
        }

    /* styles.scss:13669-13672 */
    .color_div_very_mal .br_img {
            width: 12%;
            margin-right: 4%;
        }

    /* styles.scss:13674-13677 */
    .color_div_very_mal:hover {
            border: 2px solid #aeaeae;
            border-radius: 4px;
        }

    /* styles.scss:13678-13680 */
    .color_div_very_mal label {
            padding: 3%;
        }

    /* styles.scss:13681-13684 */
    .color_div_very_mal .dostupnost {
            font-size: 100% !important;
            max-width: 50%;
        }

    /* styles.scss:13685-13687 */
    .color_div_very_mal .nazev_radio_label {
            font-size: 100%;
        }

    /* styles.scss:13690-13698 */
    .color_div_prislusko {
            width: 45%;
            height: auto;
            margin-bottom: 12px;
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            margin-right: 3%;
            /*max-width: 300px;*/
        }

    /* styles.scss:13699-13701 */
    .div_prislusko_zarovnani_tel {
            margin-right: 0 !important;
        }

    /* styles.scss:13702-13705 */
    .color_div_prislusko label {
            padding: 4% !important;
            padding-top: 10% !important;
        }

    /* styles.scss:13706-13709 */
    .color_div_prislusko:hover {
            border-radius: 4px;
            border: 2px solid #aeaeae;
        }

    /* styles.scss:13710-13713 */
    .color_div_prislusko label img {
            width: 70%;
            margin-bottom: 10px;
        }

    /* styles.scss:13714-13719 */
    .color_div_prislusko .rada_span {
            width: 25% !important;
            top: 10px;
            right: 10px;
            max-width: 25px;
        }

    /* styles.scss:13720-13722 */
    .color_div_prislusko .rada_span img {
            width: 100% !important;
        }

    /* styles.scss:13723-13725 */
    .color_div_prislusko .dostupnost {
            margin-top: 12px;
        }

    /* styles.scss:13726-13729 */
    .text_box_mal {
            font-size: 88% !important;
            margin-top: 12px;
        }

    /* styles.scss:13730-13732 */
    .color_div_prislusko .nazev_radio_label {
            height: 36px;
        }

    /* styles.scss:13733-13735 */
    .color_div_prislusko .text_box_mal {
            padding-bottom: 10px;
        }

    /* styles.scss:13739-13741 */
    .selecty_parametry {
            margin-top: 15px;
        }

    /* styles.scss:13742-13751 */
    .vyber_nazev_select {
            font-size: 14px;
            position: absolute;
            top: -11px;
            left: 5px;
            background-color: white;
            padding-left: 5px;
            padding-right: 5px;
            z-index: 1;
        }

    /* styles.scss:13752-13760 */
    .select_sluzba {
            width: 100%;
            padding: 14px 5px;
            border: 1px solid #d0d9e5;
            border-radius: 6px;
            font-size: 14px;
            color: black;
            box-shadow: none !important;
        }

    /* styles.scss:13762-13770 */
    .dalsi_vybery {
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            background-color: white;
            width: 87%;
            margin-bottom: 12px;
            padding: 40px 4% 4% 4%;
            display: none;
        }

    /* styles.scss:13771-13779 */
    .color_div_sluzby {
            width: 47%;
            height: auto;
            margin-bottom: 12px;
            border: 2px solid #dcdcdc;
            border-radius: 4px;
            margin-right: 3%;
            /*max-width: 300px;*/
        }

    /* styles.scss:13780-13782 */
    .color_div_sluzby .nazev_vyberu {
            float: none;
        }

    /* styles.scss:13783-13787 */
    .color_div_sluzby .nazev_radio_label {
            font-size: 100%;
            text-align: center;
            padding: 0 !important;
        }

    /* styles.scss:13789-13792 */
    .color_div_sluzby label {
            padding: 4% !important;
            cursor: pointer;
        }

    /* styles.scss:13793-13799 */
    .color_div_sluzby .br_img {
            width: 60% !important;
            margin: auto !important;
            display: block !important;
            float: none !important;
            padding-top: 15px;
        }

    /* styles.scss:13800-13802 */
    .color_div_sluzby .br_img div {
            display: block !important;
        }

    /* styles.scss:13803-13805 */
    .color_div_sluzby .br_img div img {
            display: block !important;
        }

    /* styles.scss:13806-13808 */
    .color_div_sluzby br {
            display: none;
        }

    /* styles.scss:13809-13812 */
    .color_div_sluzby .nazev_radio_label p {
            padding: 10px 0px 10px 0px;
            min-height: 40px;
        }

    /* styles.scss:13813-13817 */
    .color_div_sluzby .rada_span {
            top: 10px;
            right: 10px;
            width: 12% !important;
        }

    /* styles.scss:13818-13821 */
    .spodek_label {
            width: 100%;
            padding-bottom: 10px;
        }

    /* styles.scss:13822-13826 */
    .color_div_sluzby .text_box_mal {
            width: 100%;
            text-align: center;
            font-size: 88% !important;
        }

    /* styles.scss:13827-13829 */
    .spodek_label div {
            display: none !important;
        }

    /* styles.scss:13841-13843 */
    .button_pokracovat_mal span {
            font-size: 100%;
        }

    /* styles.scss:13851-13853 */
    #konfigurator_udaje h4 {
            line-height: 25px;
        }

    /* styles.scss:13854-13856 */
    .color_div_nohover {
            border: 2px solid #e8e8e8 !important;
        }

    /* styles.scss:13857-13865 */
    .button_pokracovat {
            width: calc(100% - 4px);
            border: 2px solid #00ae58;
            font-size: 100%;
            height: 60px;
            margin-top: 20px;

            border-radius: 4px;
        }

    /* styles.scss:13867-13869 */
    .button_pokracovat.button_pokracovat_topZ {
            margin-bottom: 20px;
        }

    /* styles.scss:13871-13873 */
    .button_pokracovat:hover {
            border: 2px solid #00ae58;
        }

    /* styles.scss:13874-13879 */
    .do_kosiku {
            background-color: transparent;
            color: #00ae58;
            border: 2px solid #00ae58;
            float: left;
        }

    /* styles.scss:13880-13883 */
    .do_kosiku:hover {
            background-color: #00ae58;
            color: white;
        }

    /* styles.scss:13900-13906 */
    .info_hlaska {
            width: calc(100% - 4px);
            border-radius: 4px;
            height: auto;
            margin-bottom: 10px;
            padding: 2% 0px 2% 0px;
        }

    /* styles.scss:13913-13915 */
    .ceny_plus {
            margin-right: 10px;
        }

    /* styles.scss:13916-13918 */
    .souhrn_produkt {
            margin-bottom: 24px;
        }

    /* styles.scss:13919-13921 */
    .info_hlaska div:first-of-type {
            width: 3%;
        }

    /* styles.scss:13922-13924 */
    .info_hlaska div:nth-of-type(2) p {
            font-size: 90% !important;
        }

    /* styles.scss:13999-14002 */
    .table_tel {
            display: table;
            height: 100%;
        }

    /* styles.scss:14003-14006 */
    .tablecell_tel {
            display: table-cell;
            vertical-align: middle;
        }

    /* styles.scss:14007-14013 */
    h4#recapitulace {
            margin-top: 0 !important;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 10px;
            font-size: 20px;
        }

    /* styles.scss:14026-14028 */
    #kosik_cena {
            font-size: 29px !important;
        }

    /* styles.scss:14043-14049 */  /* z čárky vynecháno: .vlozit_kosik_splatky a.odkaz */
    .vlozit_kosik_spodek a.odkaz {
            font-size: 14px;
            color: black;
            font-weight: 600;
            line-height: normal;
            border-bottom: 1px solid black;
        }

    /* styles.scss:14051-14054 */  /* z čárky vynecháno: .vlozit_kosik_splatky a.odkaz:hover */
    .vlozit_kosik_spodek a.odkaz:hover {
            color: #00ae58;
            border-bottom: 1px solid #00ae58;
        }

    /* styles.scss:14056-14059 */  /* z čárky vynecháno: .vlozit_kosik_splatky span.kosik_splatky_span */
    .vlozit_kosik_spodek span.kosik_splatky_span {
            font-size: 14px;
            margin-left: 3px;
        }

    /* styles.scss:14061-14066 */  /* z čárky vynecháno: .vlozit_kosik_splatky .vlozit_kosik_spodek_img */
    .vlozit_kosik_spodek .vlozit_kosik_spodek_img {
            margin: 0;
            height: 16px;
            width: auto;
            margin-right: 10px;
        }

    /* styles.scss:14067-14071 */
    .souhrn_konf_doporuceni {
            margin-top: 40px;
            padding-top: 30px;
            border-top: 1px solid #b3b3b3;
        }

    /* styles.scss:14072-14074 */
    .souhrn_konf_doporuceni_nadpis {
            font-size: 20px;
        }

    /* styles.scss:14075-14077 */
    .souhrn_konf_doporuceni_produkty {
            margin-top: 0;
        }

    /* styles.scss:14078-14080 */
    .souhrn_konf_doporuceni_produkty_sluzby {
            margin-top: 0;
        }

    /* styles.scss:14114-14121 */
    .vlozit_kosik {
            margin-top: 10px;
            border: none;
            border-radius: 0;
            z-index: 1;
            position: relative;
            width: 100%;
        }

    /* styles.scss:14122-14125 */
    .vlozit_kosik_cena p {
            margin-bottom: 5px;
            font-size: 14px !important;
        }

    /* styles.scss:14126-14128 */
    .vlozit_kosik_mnozstvi {
            padding-right: 18px;
        }

    /* styles.scss:14129-14137 */
    .vlozit_kosik_mnozstvi .mnozstvi_changer_konf {
            width: 60px;
            height: 60px;
            border: 1px solid #b3b3b3;
            border-radius: 6px;
            display: table;
            text-align: center;
            overflow: hidden;
        }

    /* styles.scss:14138-14141 */
    .vlozit_kosik_mnozstvi #mnozstvi_konf {
            font-size: 16px;
            height: 60px;
        }

    /* styles.scss:14142-14148 */
    .vlozit_kosik_button .koupit {
            border-radius: 6px;
            font-size: 18px;
            width: 221px;
            height: 60px;
            border: 2px solid #00ae58;
        }

    /* styles.scss:14149-14154 */
    .vlozit_kosik_spodek {
            width: 100%;
            border: none;
            border-radius: 0;
            margin-top: 30px;
        }

    /* styles.scss:14182-14186 */
    .obr_galerie-li .foto-galerie {
            float: right;
            width: 100%;
            height: auto;
        }

    /* styles.scss:14187-14189 */
    #eshop_obrazek-li .bx-wrapper img {
            max-width: 100% !important;
        }

    /* styles.scss:14216-14223 */
    #rozmery_vlastni_text {
            width: 93%;

            height: 40px;

            margin-left: 3%;
            margin-top: 10px;
        }

    /* styles.scss:14224-14229 */
    .color_div_prislusko .check_prislusko {
            width: 12%;
            height: auto;
            top: 10px;
            left: 10px;
        }

    /* styles.scss:14233-14238 */
    #eshop_obrazek-li {
            width: 100%;
            float: left;
            overflow: hidden;
            margin-top: 0px;
        }

    /* styles.scss:14260-14262 */
    .textvrsek_dialog_2 {
            display: none;
        }

    /* styles.scss:14269-14274 */
    .spodek_dialog table {
            border: none;
            margin: 0;
            width: 100%;
            font-size: 100%;
        }

    /* styles.scss:14275-14278 */
    .spodek_dialog {
            margin-top: 20px;
            margin-bottom: 20px;
        }

    /* styles.scss:14279-14282 */
    .spodek_dialog table tr {
            line-height: 25px;
            border-bottom: 1px solid #d3d7db;
        }

    /* styles.scss:14283-14286 */
    .spodek_dialog table tr td {
            border-bottom: 1px solid #d3d7db;
            font-size: 88%;
        }

    /* styles.scss:14287-14289 */
    .spodek_dialog table tr td:first-of-type {
            width: 50%;
        }

    /* styles.scss:14290-14305 */
    #galerie_tel_zobrazit {
            width: 35px;
            height: 35px;
            min-width: 35px;
            min-height: 35px;
            top: 20px;
            left: 20px;
            background: url(../images/svg/028-photo-camera.svg) no-repeat center
                center #eeeeee;
            background-size: 49%;
            border-radius: 100px;
            z-index: 89;
            position: absolute;
            cursor: pointer;
            display: none;
        }

    /* styles.scss:14306-14316 */
    #cena_1 {
            display: block;
            z-index: 89;
            position: absolute;
            font-size: 100% !important;
            /*font-weight: bold;*/
            text-align: right;
            color: black;
            bottom: 10px;
            right: 20px;
        }

    /* styles.scss:14317-14319 */
    #cena_1 strong {
            font-size: 120% !important;
        }

    /* styles.scss:14320-14322 */
    #lista_dodani .dostupnost {
            vertical-align: top;
        }

    /* styles.scss:14323-14326 */
    .color_div .rada_span {
            top: 10px;
            right: 10px;
        }

    /* styles.scss:14392-14406 */
    .velikost_input {
            border-radius: 5px;

            font-size: 100% !important;

            width: 93%;
            max-width: 100%;
            height: 60px;
            border: 2px solid #00ae58;

            line-height: 60px;
            margin-top: 25px;
            margin-left: 3%;
            margin-bottom: 25px;
        }

    /* styles.scss:14419-14421 */
    .zmena_velikosti_label {
            padding: 0 !important;
        }

    /* styles.scss:14422-14424 */
    .atyp_vyber {
            height: 32px !important;
        }

    /* styles.scss:14425-14427 */
    #zmena_sestaveni input[type="text"] {
            font-size: 90%;
        }

    /* styles.scss:14428-14436 */
    .sestaveni_input {
            max-width: none;
            width: 90%;
            margin-left: 5%;
            height: 40px;
            line-height: 40px;
            font-size: 100% !important;
            border-radius: 6px;
        }

    /* styles.scss:14446-14453 */
    .stitek_p {
            height: 22px;
            font-size: 12px;
            line-height: 22px;
            width: 100px;
            right: -22px;
            bottom: 14px;
        }

    /* styles.scss:14787-14789 */
    #eshop_obrazek-li .bx-viewport {
            height: 70vh !important;
        }

    /* styles.scss:16892-16897 */
    .navaznost {
            right: -3px;
            top: -8px;
            height: 27px;
            width: 27px;
        }

    /* styles.scss:16898-16903 */
    .navaznost img {
            width: 70%;
            margin: 0;
            height: auto;
            padding: 15%;
        }

    /* styles.scss:16905-16908 */
    .navaznost_rada img {
            width: 23px;
            padding: 5px;
        }

    /* styles.scss:16909-16913 */
    .navaznost_rada span {
            line-height: 27px;
            padding-left: 10px;
            font-size: 15px;
        }

}

/* ===== @media (max-width: 767px)  (z @include media-breakpoint-down) ===== */
@media (max-width: 767px) {

    /* styles.scss:16918-16920 */
    .zmensit_nadpis {
            width: 70%;
        }

    /* styles.scss:16921-16924 */
    .odkaz_vybery {
            width: 30%;
            background-size: 35%;
        }

    /* styles.scss:16952-16955 */
    .vlozit_kosik_button {
            width: 60%;
            min-width: 221px;
        }

    /* styles.scss:16956-16958 */
    .vlozit_kosik_button .koupit {
            width: 100%;
        }

    /* styles.scss:16963-16965 */
    .vlozit_kosik_spodek {
            flex-wrap: wrap;
        }

    /* styles.scss:16973-16977 */
    .vlozit_kosik_cena {
            text-align: right;
            width: 100%;
            margin-bottom: 20px;
        }

    /* styles.scss:17446-17447 */
    .zmensit_nadpis {
        }

    /* styles.scss:17448-17451 */
    .odkaz_vybery {
            /*background-size: 35%;*/
            background: transparent;
        }

    /* styles.scss:17453-17455 */
    .color_div_mal .nazev_radio_label {
            max-width: 55vw;
        }

    /* styles.scss:17457-17459 */
    .color_div_mal .dostupnost,
    .color_div_very_mal .dostupnost {
            max-width: 14vw;
        }

    /* styles.scss:17526-17535 */
    .spodni_lista .prava_lista {
            float: right;
            height: 100%;
            display: table;
            position: relative;
            width: 100%;
            padding-right: 0%;
            padding-left: 0%;
            transition: 1s;
        }

    /* styles.scss:17536-17537 */
    .spodni_lista .prava_dodani {
        }

    /* styles.scss:17539-17541 */
    .prava_dodani .prava_dodani_img {
            display: none;
        }

    /* styles.scss:17542-17548 */
    .prava_dodani .prava_dodani_text {
            display: block;
            vertical-align: middle;
            position: relative;
            text-align: center;
            padding-top: 10px;
        }

    /* styles.scss:17549-17552 */
    .prava_dodani .prava_dodani_text p {
            font-size: 16px !important;
            color: white;
        }

    /* styles.scss:17553-17557 */
    .spodni_lista .prava_cena span {
            font-size: 20px !important;

            padding-right: 10px;
        }

    /* styles.scss:17561-17566 */
    .spodni_lista .prava_cena {
            display: block;
            min-width: unset;
            margin: auto;
            margin-right: 10px;
        }

}