/* -- start setup -- */
/*
font-family: 'Rubik', sans-serif;
*/

form i {
    margin-right: 10px;
    margin-top: -27px;
    cursor: pointer;
}

.cPointer {
    cursor: pointer;
}

.badge-danger {
    color: #fff;
    background-color: #ff0000;
}

* {
    font-family: 'Rubik', serif, Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
    font-size: 16px;
    color: #6A6A6A;
}

.black {
    color: Black !important;
}

.lightFont {
    font-weight: lighter !important;
}

.boldFont {
    font-weight: bold !important;
}

.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after {
    background: red;
    overflow-x: hidden;
    max-height: 1000px;
}

.gm-ui-hover-effect {
    width: 30px !important;
    height: 30px !important;
    margin-top: 15px !important;
    margin-right: 18px !important;
    overflow-x: hidden;
    overflow-y: hidden;
}

.gm-ui-hover-effect span {
    position: relative !important;
    left: -5px !important;
    top: -9px !important;
    width: 30px !important;
    height: 30px !important;
    overflow-x: hidden;
    overflow-y: hidden;
}

.gm-ui-hover-effect img {
    position: relative !important;
    left: -5px !important;
    top: -9px !important;
    width: 30px !important;
    height: 30px !important;
    overflow-x: hidden;
    overflow-y: hidden;
}

.gm-style-iw {
    padding: 0;
    margin: 0;
    background-color: none;
    border: none;
    overflow-x: hidden;
    max-height: 1000px;
    min-width: 400px !important;
    /*  new*/
}

.gm-style-iw-a {
    padding: 0;
    margin: 0;
    background-color: none;
    border: none;
    max-height: 1000px;
}

.gm-style-iw-b {
    padding: 0;
    margin: 0;
    background-color: none;
    border: none;
    overflow-x: hidden;
    max-height: 1000px;
}

.gm-style-iw-c {
    padding: 0;
    margin: 0;
    background-color: none;
    border: none;
    overflow-x: hidden;
    max-height: 1000px;
}

.gm-style-iw-d {
    padding: -100px;
    margin: -12px -18px;
    border: none;
    background-color: none;
    overflow-x: hidden;
    max-height: 1000px;
}

.br1 {
    border: 1px solid Red;
}

.btn {
    text-transform: unset !important;
}

/* -- common -- */
.horniIndex {
    vertical-align: super;
    font-size: 9px;
}

.i {
    font-style: italic;
}

sup {
    font-size: 0.7em;
}

/* -- float -- */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

.textLeft {
    text-align: left !important;
}

.pb90 {
    padding: 0 0 90px 0;
}

.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ml20 {
    margin-left: 20px !important;
}

.relative {
    position: relative;
}

@media(min-width: 768px) {
    .mb50 {
        margin-bottom: 50px !important;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1180px;
    }
}

.hiddenElement {
    visibility: hidden;
}

.maxW500 {
    max-width: 500px;
}

/* -- all pages -- */
hr {
    display: none;
}

body {
    background-color: White;
}

.white {
    color: White;
}

.topPrompt {
    line-height: 30px;
    color: Black;
    background-color: #FEC32D;
}

.topPrompt * {
    color: Black;
    text-decoration: underline;
}

.headerContinue {
    min-height: 130px;
    background-position: center;
}

.headerNavod {
    background-image: url(../pcs/pcs_layout/pdf-ico.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50px;
    padding-right: 65px;
    min-height: 80px;
    line-height: 80px;
}

.headerNavod a {
    color: Black;
    font-weight: bold;
    text-transform: uppercase;
}

.headerNavod a:HOVER {
    color: Black;
    text-decoration: none;
}

@media only screen and (min-width: 676px) {
    .headerNavod {
        position: absolute;
        top: 45px;
        right: 0;
    }
}

.headerLinks {
    margin-top: 12px;
}


.headerLinks ul li {
    list-style-type: none;
    display: inline-block;
}

.headerLinks ul li.userIco {
    background-image: url(../pcs/pcs_layout/user.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-left: 20px;
}

.headerLinks ul li a {
    list-style-type: none;
    color: White;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}

.headerLinks ul li.userIco a {
    color: #FEC32D;
    text-decoration: underline;
}

.loginMenu {
    z-index: 999999;
}

.loginMenu a {
    color: Black !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.loginMenu a:HOVER {
    background-color: transparent;
}

.oddLine {
    border-top: 1px solid #253e49;
    margin-bottom: 20px;
}

.top a {
    line-height: 30px;
    color: White;
    font-size: 13px;
    margin-right: 20px;
}

.headerContent {
    margin-top: 5rem;
}

@media only screen and (min-width : 768px) {
    .headerContent {
        margin-top: 10rem;
    }
}


.headerClaim {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 1rem;
}



.headerTitle {
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.headerTitle {
    font-size: 34px;
    line-height: 36px;
}

@media only screen and (min-width : 480px) {
    .headerTitle {
        font-size: 38px;
        line-height: 40px;
    }
}

@media only screen and (min-width : 768px) {
    .headerTitle {
        font-size: 42px;
        line-height: 44px;
    }
}

@media only screen and (min-width : 992px) {
    .headerTitle {
        font-size: 46px;
        line-height: 48px;
    }
}

@media only screen and (min-width : 1200px) {
    .headerTitle {
        font-size: 48px;
        line-height: 50px;
    }
}


.headerText {
    font-size: 16px;
    color: #FFFFFF;
}

@media only screen and (min-width : 768px) {
    .headerText {
        font-size: 18px;
    }

}


.loginBox {
    margin-top: 5rem;
    background-image: url(../pcs/pcs_layout/login-background.png);
    background-position: center;
    background-repeat: repeat;
    padding: 20px 30px;
}

.forgotPassBox {
    background-image: url(../pcs/pcs_layout/forgot-background.png);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.loginBoxTitle {
    display: block;
    padding-top: 60px;
    background-image: url(../pcs/pcs_layout/login-ico.svg);
    background-position: top center;
    background-repeat: no-repeat;
    font-size: 24px;
    font-weight: bold;
    color: White;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.iconBox {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media only screen and (min-width : 992px) {
    .iconBox {
        margin-top: -65px;
    }
}


.iconBox2 {
    margin-top: 25px;
}

.ico {
    background-color: WHite;
    min-height: 131px;
    background-image: url(../pcs/pcs_layout/header-background.jpg);
    background-position: 20px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    font-weight: bold;
    font-size: 16px;
    color: Black;
    margin-top: 10px;
    margin-bottom: 10px;

}


@media only screen and (min-width : 992px) {
    .ico {
        margin-top: 0px;
        margin-bottom: 0px;

    }
}

.ico1 {
    background-image: none;
}

.ico2 {
    background-image: none;
}

.ico3 {
    background-image: none;
}

.ico4 {
    background-image: none;
}

.ico5 {
    background-image: none;
}

h2 {
    font-size: 36px;
    font-weight: bold;
    color: Black;
    margin-bottom: 30px;
    text-transform: uppercase;
}

h2 {
    font-size: 24px;
    line-height: 26px;
}

@media only screen and (min-width : 480px) {
    h2 {
        font-size: 27px;
        line-height: 30px;
    }
}

@media only screen and (min-width : 768px) {
    h2 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media only screen and (min-width : 992px) {
    h2 {
        font-size: 33px;
        line-height: 38px;
    }
}

@media only screen and (min-width : 1200px) {
    h2 {
        font-size: 36px;
        line-height: 40px;
    }
}

.content {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media only screen and (min-width : 480px) {
    .content {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media only screen and (min-width : 768px) {
    .content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width : 992px) {
    .content {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .contentSmaller {
        padding-top: 30px;
        padding-bottom: 30px;
    }

}

@media only screen and (min-width : 1200px) {
    .content {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .contentSmaller {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


.filtrBox {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    /*min-height: 130px;*/
    background-color: White;
    position: relative;
    margin-bottom: -115px;

    z-index: 99999;
    -webkit-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
    padding: 0 25px 25px 25px;
}

@media only screen and (min-width : 992px) {
    .filtrBox {
        padding: 0px;
        /*margin-left: 50px;
        margin-right: 50px;*/

        margin-left: 20px;
        margin-right: 20px;

    }
}



.filtrBoxLegenda {
    background-color: Black;
    background-color: White;
    position: relative;
    color: Black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    min-height: 80px;
    min-height: 50px;
    margin-left: -25px;
    margin-right: -25px;
}

@media only screen and (min-width : 768px) {
    .filtrBoxLegenda {
        background-color: Black;
        background-color: White;
        /*font-size: 19px;*/
        min-height: 155px;
        min-height: 105px;
    }
}

@media only screen and (min-width : 992px) {
    .filtrBoxLegenda {
        /*font-size: 20px;*/
        margin-left: 0;
        margin-right: 0;
    }
}

.filtrBoxForm label {
    display: block;
    color: Black;
    font-size: 17px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

.filtrBoxForm input {
    display: block;
    width: 100%;
}

.greyContent {
    background-color: #F4F4F4;
}

.introText {
    font-size: 16px;
}

@media only screen and (min-width : 768px) {
    .introText {
        font-size: 18px;
    }
}


.text {}


.maxW800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.map {
    /*    background-image: url(../pcs/pcs_layout/map.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    min-height: 725px;
}

#map_wrapper {
    height: 725px;
    /*885*/
    z-index: 999;
}

#map_canvas {
    width: 100%;
    height: 100%;
    z-index: 999;
}

.button {
    font-weight: 500;
    border: none;
    display: block;
    color: Black;
    font-size: 18px;
    width: 228px;
    height: 46px;
    line-height: 46px;
    background-color: #FEC32D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: background-color 0.5s;
    box-shadow: 0px 3px 6px #0000001A;
}

.button2 {
    font-weight: 500;
    border: none;
    display: block;
    color: Black;
    font-size: 18px;
    width: auto;
    height: 46px;
    line-height: 46px;
    background-color: #FEC32D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: background-color 0.5s;
    box-shadow: 0px 3px 6px #0000001A;
}

.buttonCenter {
    margin-left: auto;
    margin-right: auto;
}

.button:HOVER {
    color: Black;
    text-decoration: none;
    background-color: #FEC32D;
}

.buttonNoDecoration {
    text-decoration: none;
}

.buttonNoDecoration:HOVER {
    text-decoration: none;
    background-color: #ffca2c;
}

.resetButton {
    color: White !important;
    background-color: Red !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 200px !important;
    height: 37px !important;
    line-height: 37px !important;
}

/* carousel  */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    width: 46px;
    height: 46px;
    background-color: transparent !important;
}

.owl-carousel .owl-nav .owl-prev {
    width: 46px;
    height: 46px;
    background-color: transparent !important;
    background-image: url(../pcs/pcs_layout/carousel-prev.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.5s ease 0s;

}

.owl-carousel .owl-nav .owl-next {
    background-image: url(../pcs/pcs_layout/carousel-next.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 46px;
    height: 46px;
    transition: all 0.5s ease 0s;

}

.owl-carousel .owl-nav .owl-prev:HOVER,
.owl-carousel .owl-nav .owl-next:HOVER {
    background-color: transparent !important;
    opacity: 1 !important;
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    background-color: transparent !important;
    opacity: 1 !important;
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 90%;
    left: -10px;
    margin-top: -15px !important;
}

.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 90%;
    right: 0px;
    right: -10px;
    margin-top: -15px !important;
}

@media only screen and (min-width : 1200px) {
    .owl-carousel .owl-nav .owl-prev {
        top: 50%;
        left: 50px;
        margin-top: -15px !important;
    }

    .owl-carousel .owl-nav .owl-next {
        top: 50%;
        right: 50px;
        margin-top: -15px !important;
    }
}

.carouselItem {
    min-height: 400px;
}

.clientLogo {
    width: 164px;
    margin: 0 auto 20px auto;
}

.clientText {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    text-align: center;
    min-height: 120px;
}

.clientName {
    text-align: center;
    color: Black;
    font-size: normal;
}

.clientName strong {
    display: block;
    font-weight: bold;
    text-align: center;
    color: Black;
    text-transform: uppercase;
    font-size: normal;
}

.footer {
    background-image: url(../pcs/pcs_layout/footer-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 579px;
    padding-top: 60px;
}

.footerTitle {
    color: #FEC32D;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.footerContant {
    color: White;
    font-size: 24px;
}

.footerContant strong,
.footerContant a {
    color: White;
    font-size: 24px;
    font-weight: bold;
}

.footerAdress {
    color: #ACACAC;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;

}

.footerList {
    padding: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #FFD800;
}

.footerList li {
    list-style-type: none;
    padding-left: 20px;
    background-image: url(../pcs/pcs_layout/dot.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 0.5rem;
}

.footerList li a {
    color: #ACACAC;
    font-size: 14px;
}

.footerList li a:HOVER {
    color: White;
    text-decoration: none;
}


.copyright {
    color: #ACACAC;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.mainForm input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 3px;
}

.mainForm input.submitForm,
input.submitForm {
    border: none;
    background: #FEC32D 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 3px;
    color: Black;
    font-weight: bold;
    font-size: 18px;
}

input.submitFiltrForm {
    width: 60px;
    height: 50px;
    text-transform: uppercase;
}

input.submitPriceForm {
    width: 120px;
    height: 50px;
    text-transform: uppercase;
}

.forgotPass {
    display: block;
    margin-bottom: 10px;
    color: #BFBFBF;
    font-size: 14px;
    text-decoration: underline;
}

.newLogin {
    color: #BFBFBF;
    font-weight: bold;
    display: block;
    line-height: 30px;
    text-decoration: underline;
}

@media only screen and (max-width : 992px) {
    .prepravceBox {
        display: none;
    }
}

.hide {
    display: none;
}

.prepravceBox {
    position: absolute;
    top: 175px;
    top: 125px;
    width: 340px;
    width: 280px;
    max-height: 785px;
    max-height: 735px;
    z-index: 99999;
}

.zasilkaInfoBoxTitle {
    /*    position: absolute;
    top: 75px; */
    background-color: #FEC32D;
    color: white;
    padding: 5px;
    height: 50px;
    width: 340px;
    left: 20px;
    z-index: 9999999;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
}

.zasilkaInfoBox {
    position: absolute;
    background-color: white;
    top: 25px;
    width: 340px;
    min-height: 370px;
    left: 20px;
    padding: 0 15px 15px 15px;
    z-index: 9999999;
    -webkit-box-shadow: -7px 7px 17px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -7px 7px 17px -7px rgba(0, 0, 0, 0.75);
    box-shadow: -7px 7px 17px -7px rgba(0, 0, 0, 0.75);
}

.zasilkaInfoBoxHidden {
    display: none;
}

.leftSide {
    display: table-cell;
    width: 155px;
    height: auto;

}

.rightSide {

    display: table-cell;
    width: 155px;
    height: auto;

}

.downSide {
    /*margin-top: 25px;*/
    width: 320px;
}

.zadatCenuTitle {
    color: #FEC32D;
}

.prepravceBox1 {
    left: 20px;
}

.prepravceBox2 {
    right: 20px;
}

.prepravceBoxItems {
    max-height: 745px;
    max-height: 725px;
    overflow: auto;
}

.prepravceBoxTitle {
    background-color: #FEC32D;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    color: Black;
    font-weight: bold;
    font-size: 18px;
    font-size: 13px;
    margin-bottom: 10px;
}

.prepravceItem {
    background-color: White;
    margin-bottom: 10px;
    padding: 10px 20px;
    position: relative;
}

.prepravceItemHidden {
    display: none;
}

.prepravceItemName {
    color: Black;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.prepravceItemPhone {
    font-size: 13px;
    background-image: url(../pcs/pcs_layout/phone-ico.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.prepravceItemEmail {
    font-size: 13px;
    background-image: url(../pcs/pcs_layout/email-ico.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.prepravceItemDistance {
    font-size: 13px;
    background-image: url(../pcs/pcs_layout/distance2.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.kontaktovatDopravcePrompt {
    background-color: #1ec622;
    color: White;
    padding: 3px;
    width: 180px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.mapLegend {
    left: 50%;
    position: absolute;
    bottom: 20px;
    width: 600px;
    z-index: 1;
    margin-left: -300px;
    background-color: White;
}

.mapDates {
    right: 130px;
    position: absolute;
    bottom: 115px;
    z-index: 1;
    margin-left: -325px;
}

.mapDatesX {
    position: relative;
    margin-bottom: 61px;
}

.btnSelected {
    background-color: #B9B9B9 !important;
}

.mapDates a {
    display: block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    border: 2px solid black;
    border-radius: 3px;
    background-color: white;
    color: Black;
    text-decoration: none;
    font-size: 11pt;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 100;

}

.mapDates a.threeDays {
    width: 60px;
}

.myLocation {
    right: 70px;
    position: absolute;
    bottom: 25px;
    z-index: 1;
}

.mapLegendFull {
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: White;
    background-image: url(../pcs/pcs_layout/full-screen.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-right: 10px;
    margin-right: 10px;
}

.mapLegendCol {
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: White;
}

.mapLegendColor {
    float: left;
    padding-left: 25px;
    padding-right: 10px;

    padding-left: 30px;
    padding-right: 20px;
    margin-left: 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.mapLegendColor1 {
    background-image: url(../pcs/pcs_layout/col1.png);
}

.mapLegendColor2 {
    background-image: url(../pcs/pcs_layout/col2.png);
}

.mapLegendColor3 {
    background-image: url(../pcs/pcs_layout/col3.png);
}

.mapLegendColor4 {
    background-image: url(../pcs/pcs_layout/col4.png);
}


#mapResetButton {
    /*left: 50%;*/
    position: relative;
    position: absolute;
    top: 0;
    top: 100px;
    left: 50%;
    margin-left: -245px;
    margin-left: -375px;
    margin-left: -260px;
    /*display: flex;*/
    z-index: 1;
    width: 260px;
}

#mapResetButton a {
    display: block;
    width: 260px;
    /*height: 40px;*/
    line-height: 40px;
    border: none;
    background: #FEC32D 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 3px;
    color: Black;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 10px;
}


/*************************************    my own formular css style    ***********************************************/

.center-elem {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.box-offer {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 250px;
    min-width: 180px;
    /*width: auto;*/
    padding: 20px;
    -webkit-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.38);
}

.label-style {
    color: black !important;
}

.label-style th {
    color: black !important;
}

.box-offer div {
    width: 100%;
    height: auto;
}

.box-offer h4 {
    color: black !important;
    font-weight: 1000;
    margin-bottom: 14px;
}

.poptavka-title-2 {
    padding-right: 10px;
    padding-left: 10px;
}

.poptavka-title-2 h5 {
    color: black !important;
    margin-right: 50px;
    font-size: 1.2em !important;
}

.poptavka-title-2 h5.last {
    margin-right: 0px;
}

.poptavka-title-rekapitulace h5 {
    color: black !important;
    /*margin-right: 50px;*/
    font-size: 1em !important;
    width: 130px;
}

.poptavka-title-rekapitulace h5.last {
    margin-right: 0px;
}

.poptavka-values {
    width: auto !important;
    font-weight: bold;
}

.poptavka-2-subtitle {
    color: black !important;
    font-weight: bold;
    font-size: 1em !important;
}

.poptavka-2-title {
    color: black !important;
    font-weight: normal;
    font-size: 1em !important;
}

.poptavka-title-3 h4 {
    color: black !important;
}

.page-poptavka-title {
    color: black !important;
    font-weight: 1000 !important;
    /*font-size: 2em!important;*/
}

.page-poptavka-title-2 {
    color: black !important;
    font-weight: 1000 !important;
    font-size: 1em !important;
}

.btn-poptavka {
    font-weight: 1000 !important;
    font-size: 1.4em !important;
}

.page-poptavka-title-3 h1,
h1 {
    color: black !important;
    font-weight: 1000;
    font-size: 2.5em !important;
}

.page-poptavka-title-2 h1 {
    color: black !important;
    font-weight: 700;
    font-size: 1.5em !important;
}

.page-poptavka-title-4 h4 {
    color: black !important;
    font-weight: 800;
    font-size: 1.2em !important;
}

.page-poptavka-title-5 {
    font-size: 0.9em !important;
}

.page-poptavka-subheading {
    color: #495057;
    font-weight: 400;
}

.page-poptavka-subheading a {
    color: #495057;
    font-weight: 400;
    text-decoration: underline;
}

.box-white {
    background-color: white;
    width: 100%;

    /*background-color: red;*/
}

.box-white:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid white;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    transform: translateY(-8%);
    left: 49.2%;
}

.box-white.none::after {
    display: none;
}

.box-gray {
    background-color: #f4f4f4;
    width: 100%;
}

.box-gray:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid #f4f4f4;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    transform: translateY(70%);
    left: 49.2%;
}

.number-in-box {
    width: 35px;
    height: 35px;
    background-color: #f4f4f4;
    color: black;
    border: none;
    font-weight: 800;
    font-size: 18px;
}

.number-in-box.active {
    background-color: #ffc30d;
}

.number-in-box.inactive {
    background-color: #000000;
    color: white;
}

.number-in-box:after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #f4f4f4;
    width: 12%;
    margin-left: 15%;
    /*top: 33%;*/
}

.number-in-box.last::after {
    display: none;
}

.input-style {
    height: 40px;
    width: 80%;
    padding-left: 30px;
    border: none;
    /* <-- This thing here */
    border: solid 1px #ccc;
    border-radius: 4px;
}

.input-style2 {
    width: 100%;
    height: 40px;
    padding-left: 30px;
    border: none;
    /* <-- This thing here */
    border: solid 1px #ccc;
    border-radius: 4px;
}

.input-style2.special {
    width: 60%;
}

.btn40 {
    width: 40%;
    font-size: 0.9em !important;
    padding-left: 8px;
    padding-right: 8px;
}

.icon-position {
    position: absolute;
    left: 20px;
    top: 46px;
    font-size: 20px;
    color: #ffc30d;
}

.icon-position2 {
    position: absolute;
    left: 20px;
    top: 46px;
    font-size: 20px;
    color: #ffc30d;
}

.icon-position3 {
    position: absolute;
    left: 20px;
    top: 56px;
    font-size: 20px;
    color: #ffc30d;
}

.icon-position4 {
    position: absolute;
    left: 20px;
    top: 75px;
    font-size: 20px;
    color: #ffc30d;
}

.row-line {
    display: flex;
    flex-wrap: wrap;
}

.row-line-60 {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
}

.row-line-100 {
    width: 100%;
    height: auto;
}

.left-formular {
    align-items: flex-start;
}

.row-line-full {
    display: flex;
    flex-wrap: wrap;
    width: 390px;
}

.box {
    height: 100px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-weight: 800;
}

.box2 {
    height: 80px;
    width: 130px;
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: column;
    font-weight: 400;
    margin-right: 0px;
}

.box2 input {
    height: 50px;
}

.box3 input {
    height: 50px;
}

.box3 {
    height: 80px;
    width: 180px;
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: column;
    font-weight: 400;
}

.box4 {
    height: 30px;
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-weight: 400;
    margin-right: 0px;
}

.box5 {
    height: 30px;
    width: 15%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-weight: 400;
    margin-right: 0px;
}

.box6 {
    height: 30px;
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-weight: 400;
    margin-right: 0px;
    padding-left: 0px;
}

a.box-close,
.closeButton {
    cursor: pointer;
    color: #ffc30d !important;
    border: 1px solid black;
    border-radius: 30px;
    background: black;
    font-size: 21px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 0px 6px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.box-close:before,
.closeButton before {
    content: "×";

}

.btn-shadow {
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%), 0 3px 10px 0 rgb(0 0 0 / 10%)
}

.text-under {
    margin-top: 10px;
    font-size: 16px;
    color: black;
}

.table-demand tr {
    text-align: center;
}

.weigth-normal th span {
    font-weight: normal;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-btn-plus {
    position: absolute;
    height: 17px;
    width: 17px;
    background-image: url(../pcs/pcs_layout/counter_up.png);
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    cursor: pointer;
}

.input-btn-minus {
    position: absolute;
    height: 17px;
    width: 17px;
    background-image: url(../pcs/pcs_layout/counter_down.png);
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    cursor: pointer;
}

.posU {
    left: 95px;
    top: 67px;
}

.posD {
    left: 95px;
    top: 93px;
}

.posU2 {
    left: 225px;
    top: 67px;
}

.posD2 {
    left: 225px;
    top: 93px;
}

.posU3 {
    left: 355px;
    top: 67px;
}

.posD3 {
    left: 355px;
    top: 93px;
}

.posU4 {
    left: 135px;
    top: 203px;
}

.posD4 {
    left: 135px;
    top: 228px;
}

.posU5 {
    left: 315px;
    top: 203px;
}

.posD5 {
    left: 315px;
    top: 228px;
}

.image-responsive {
    max-width: 100%;
    height: auto;
}

.ref-color a {
    color: black;
    text-decoration: underline;
}

@media only screen and (max-width: 991px) {
    .left-float {
        justify-content: left;
    }

    .row-line-60 {
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {

    .number-in-box:after {
        width: 24%;
        margin-left: 31%;
    }

    .box {
        width: 30%;
    }

    .row-line-60 {
        width: 100%;
    }

    .poptavka-title-2 h5 {
        margin-right: 20px;
        font-size: 0.8em !important;
    }

    .left-float {
        justify-content: left;
    }

    .change-direction {
        flex-direction: column;
    }
}

@media only screen and (max-width: 676px) {
    .number-in-box:after {
        /*top: 39%;*/
    }
}

@media only screen and (max-width: 676px) {
    .left-float {
        justify-content: left;
    }
}

@media only screen and (max-width: 448px) {
    .number-in-box:after {
        width: 20%;
        margin-left: 31%;
        /*top: 37%;*/
    }

    .textUnder {
        font-size: 14px
    }

    .box {
        width: 20%;
    }
}


.filler300 {
    height: 300px;
}

/* registrace */
.registraceNum {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #FEC32D;
    float: left;
    margin-right: 20px;
    text-align: center;
    font-weight: bold;
    color: Black;
}

.registraceTitle {
    line-height: 40px;
    color: Black;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.registraceFormSection {
    margin-top: 20px;
    border-left: 3px solid #F4F4F4;
    margin-left: 17px;
    padding-left: 37px;
    max-width: 600px;
}

.registraceFormSection label {
    color: Black;
    font-weight: bold;
}

.registraceForm input {
    background-color: #F4F4F4;
    border: none;
}

.registraceForm input.submitRegistraceForm {
    margin: 30px 0 0 57px;
    max-width: 324px;
    background-color: Black;
    color: White;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    padding: 0;
    font-size: 18px;
}

.boxRegistraceVyuziti {
    width: 100%;
    padding: 20px;
    border: 2px solid #FEC32D;
    margin-top: 5px;
    margin-bottom: 5px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

.boxRegistraceVyuziti1 {
    background-image: url(../pcs/pcs_layout/ico-reg1.png);
}

.boxRegistraceVyuziti2 {
    background-image: url(../pcs/pcs_layout/ico-reg2.png);
}

.boxRegistraceVyuziti3 {
    background-image: url(../pcs/pcs_layout/ico-reg3.png);
}

.formOdeslani {
    color: Black;
    font-weight: bold;
    background-color: #ffc107;
    display: block;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.formOdeslaniErr {
    color: White;
    background-color: Red;
}

.errLogin {
    color: White;
    background-color: Red;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;
}

.blackLink {
    color: Black;
    text-decoration: underline;
}

.pac-container {
    z-index: 999999 !important;
}

.prepravceItem {
    cursor: pointer;
}

.prepravceItemActive {
    border: 2px solid Red;
    background-color: #ffc107;
    background-color: #ffe299;
}


@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url(http://www.ilogistic.cz/assets/fonts/Pe-icon-7-stroke.eot);
    src: url(http://www.ilogistic.cz/assets/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"), url(assets/fonts/Pe-icon-7-stroke.woff) format("woff"), url(assets/fonts/Pe-icon-7-stroke.ttf) format("truetype"), url(assets/fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke) format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="pe-7s-"],
[class*=" pe-7s-"] {
    display: inline-block;
    font-family: 'Pe-icon-7-stroke';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pe-7s-map-marker:before {
    content: ""
}



#mapPoptavkaButton {
    position: absolute;
    left: 50%;
    top: 155px;
    width: 260px;
    height: 40px;
    z-index: 99999;
    margin-left: -200px;
}

#mapPoptavkaButton a {
    display: block;
    width: 260px;
    height: 40px;
    line-height: 40px;
    border: none;
    background: #FEC32D 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 3px;
    color: Black;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.borderShadow {
    width: 100%;
    min-height: 200px;
    float: left;
    margin: 15px;
    padding: 20px;
    border: 1px solid #cccccc;
    border-radius: 2px 5px #e6e6e6;
    -webkit-box-shadow: 0 2px 5px #e6e6e6;
    -moz-box-shadow: 0 2px 5px #e6e6e6;
    box-shadow: 0 2px 5px #e6e6e6;
}

.borderBoxShadow {
    border: 1px solid #cccccc;
    border-radius: 2px 5px #e6e6e6;
    -webkit-box-shadow: 0 2px 5px #e6e6e6;
    -moz-box-shadow: 0 2px 5px #e6e6e6;
    box-shadow: 0 2px 5px #e6e6e6;
    padding: 25px
}



.viceLinkBox {
    font-size: 13px;
    text-decoration: underline;
    color: #007bff;
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 5px 4px;
}

.button3 {
    font-weight: 500;
    border: none;
    display: block;
    color: Black;
    font-size: 16px;
    width: auto;
    height: 36px;
    line-height: 36px;
    background-color: #FEC32D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: background-color 0.5s;
    box-shadow: 0px 3px 6px #0000001A;
}

.mapZoomInfo {
    position: absolute;
    bottom: 50px;
    left: 70px;
    background-color: white;
    color: Red;
    padding: 5px 15px;
}


.prepravceBoxTitle {
    position: relative;
}

#prepravceBoxToggle1 {
    position: absolute;
    right: 12px;
    top: 13px;
    z-index: 999999;
    cursor: pointer;
    width: 33px;
    height: 33px;

    background-repeat: no-repeat;
    background-position: center;
}

#prepravceBoxToggle2 {
    position: absolute;
    right: 12px;
    top: 13px;
    z-index: 999999;
    cursor: pointer;

    cursor: pointer;
    width: 33px;
    height: 33px;

    background-repeat: no-repeat;
    background-position: center;
}

.arrowDown {
    background-image: url(../pcs/pcs_layout/arrow-down.png);
}

.arrowUp {
    background-image: url(../pcs/pcs_layout/arrow-up.png);
}

.prepravceHodnost {
    background-image: url(../pcs/pcs_layout/ikona-dopravce1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 85px;
    height: 16px;
    margin-bottom: 3px;
}

.prepravceHodnost1,
.prepravceHodnost0 {
    background-image: url(../pcs/pcs_layout/ikona-dopravce1.png);
}

.prepravceHodnost2 {
    background-image: url(../pcs/pcs_layout/ikona-dopravce2.png);
}

.prepravceHodnost3 {
    background-image: url(../pcs/pcs_layout/ikona-dopravce3.png);
}


.ikonaStatusu {
    position: absolute;
    top: 30px;
    left: 40px;
}


.closeIco {
    background-image: url(../pcs/pcs_layout/close-button.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
    cursor: pointer;
}




/*
.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece, .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-t::after, .jstcache, .poi-info-window, .gm-style {
    background: White !important;
    */


/*
new styles - 2.8.2023
*/

.headerContinue {
    min-height: 173px;
    background-image: url(../pcs/pcs_layout/header-continue-background.png);
    background-repeat: repeat-x;
    background-position: center;
}

.pageTitle {
    min-height: 173px;
}


.vystupStranka ul {
    padding-left: 10px;
}

.vystupStranka ul li {
    list-style-type: none;
    background-image: url(../pcs/pcs_layout/itemlist-dot.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 20px;
    margin-bottom: 5px;
}

.odd {
    border-bottom: 1px solid #e0e0e0;
    margin: 70px auto 50px auto;
}

p.textTitle {
    color: Black;
    font-size: 22px;
}

p.textTitle strong {
    color: Black;
    font-size: 22px;
}


/* dopravci modal  */
.modalHeader {
    background-color: #FEC32D;
}

.modatTitle {
    font-weight: bold;
    color: Black;
    font-size: 22px;
}

.modalSubTitle {
    font-weight: bold;
    color: Black;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
}

.tabBoxFlex {
    border-top: 1px solid #e0e0e0;
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 25px;
}


.tabBoxAuto {
    max-width: 200px;
}

.tabBoxContact {
    width: 200px;
}


.tabBoxAutoName {
    font-size: 16px;
    font: weight:bold;
    color: Black;
    margin-left: 10px;
}

.phoneIco {
    background-image: url(../pcs/pcs_layout/modal-phone-ico.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 20px;
    color: #6A6A6A;
    font-size: 13px;
    margin-bottom: 5px;
}

.mailIco {
    background-image: url(../pcs/pcs_layout/modal-email-ico.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding-left: 20px;
    margin-bottom: 5px;
}

.mailIco a {
    color: #6A6A6A;
    font-size: 13px;
    text-decoration: none;
}

.mailIco a:HOVER {
    color: Black;
    font-size: 13px;
    text-decoration: underline;
}


.showAllButton {
    margin: 20px auto;
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-color: transparent;
    display: block;
    text-decoration: underline;
    color: black;
}

.showAllButton:HOVER {
    text-decoration: none;
    color: black;
}

/*
.topLink10 {
    color: Black!important;
    line-height: 48px!important;
    width: 290px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
}

.topLink11 {
    color: Black!important;
    line-height: 48px!important;
    width: 280px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;    
}
*/

.top-link {
    /*    color: Black!important;*/
    line-height: 48px !important;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;


    /*    padding-top: 4px!important;
    padding-bottom: 4px!important;         */
}

.top-link:HOVER {
    text-decoration: none;
}

.linkMenuOther b {
    color: Black !important;
    padding-bottom: 20px;
    display: block;
}

.selectedTopLink10 .topLink10 {
    /*background-color: #ffc107 !important;*/
    text-decoration: none;
    border-bottom: 2px solid #ffc107;
}

.selectedTopLink11 .topLink11 {
    /*background-color: #ffc107 !important;*/
    text-decoration: none;
    border-bottom: 2px solid #ffc107;
}


.selectedTopLink10 .topLink10 b {
    color: Black;
    text-decoration: none;
}

.selectedTopLink11 .topLink11 b {
    color: Black;
    text-decoration: none;
}

/* ico stazeni aplikace */
.buttonDwFooter {
    height: 40px;
}

/* qr kod stazeni aplikace */
.qrKodFooter {
    width: 120px;
}

/* ikonky dopravce */
.icoDopravceBox,
.icoZakaznikBox {
    position: relative;
}

.icoDopravce,
.icoZakaznik,
.icoAmortizace {
    min-width: 120px;
    min-height: 140px;
    background-position: center;
    background-repeat: no-repeat;
}

.icoDopravce1 {
    background-image: url(../pcs/pcs_ikony/ico-dopravce1.png);
}

.icoDopravce2 {
    background-image: url(../pcs/pcs_ikony/ico-dopravce2.png);
}

.icoDopravce3 {
    background-image: url(../pcs/pcs_ikony/ico-dopravce3.png);
}

.icoDopravce4 {
    background-image: url(../pcs/pcs_ikony/ico-dopravce4.png);
}

.icoDopravce5 {
    background-image: url(../pcs/pcs_ikony/ico-dopravce5.png);
}

.icoZakaznik1 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik1.png);
}

.icoZakaznik2 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik2.png);
}

.icoZakaznik3 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik3.png);
}

.icoZakaznik4 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik4.png);
}

.icoZakaznik5 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik5.png);
}

.icoZakaznik6 {
    background-image: url(../pcs/pcs_ikony/ico-zakaznik6.png);
}

.icoVozy1 {
    background-image: url(../pcs/pcs_ikony/ico-vozy1.png);
}

.icoVozy2 {
    background-image: url(../pcs/pcs_ikony/ico-vozy2.png);
}

.icoVozy3 {
    background-image: url(../pcs/pcs_ikony/ico-vozy3.png);
}

.icoVozy4 {
    background-image: url(../pcs/pcs_ikony/ico-vozy4.png);
}


.icoDenni1 {
    background-image: url(../pcs/pcs_ikony/ico-denni1.png);
}

.icoDenni2 {
    background-image: url(../pcs/pcs_ikony/ico-denni2.png);
}

.icoDenni3 {
    background-image: url(../pcs/pcs_ikony/ico-denni3.png);
}

.icoAmortizace1 {
    background-image: url(../pcs/pcs_ikony/ico-amortizace1.png);
}

.icoAmortizace2 {
    background-image: url(../pcs/pcs_ikony/ico-amortizace2.png);
}

.icoAmortizace3 {
    background-image: url(../pcs/pcs_ikony/ico-amortizace3.png);
}

.icoAmortizace4 {
    background-image: url(../pcs/pcs_ikony/ico-amortizace4.png);
}

.iconsRowVozovyPark {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.iconsRowDenni {
    max-width: 825px;
    margin-left: auto;
    margin-right: auto;
}

.icoDopravceText,
.icoZakaznikText {
    color: Black;
    text-align: center;
    font-weight: bold;
    font-size: 15px
}

.icoDopravceSmallText {
    color: #6A6A6A;
    text-align: center;
    font-size: 14px
}

.arrow {
    position: absolute;
    top: 60px;
    right: -20px;
    width: 14px;
    height: 15px;
    background-image: url(../pcs/pcs_ikony/ico-dopravce-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

.citeBlok {
    background-image: url(../pcs/pcs_ikony/cite-box.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    max-width: 902px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 25px 55px;
    color: Black;
    margin: 20px auto;
}

.rokyTitle {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
}

.rokyItem {
    background-image: url(../pcs/pcs_ikony/dot-roky.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 25px;
}


/* vozovy part */
.fakeButton {
    cursor: pointer;
    font-weight: bold !important;
}

/* novy modal  */
.modalVerze2024 .modal-header {
    border-bottom: 2px solid #fdc240;
}

.modalVerze2024 .modal-content {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.modalVerze2024 .modal-title {
    color: Black;
}

.modalVerze2024 .modal-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}

.modalVerze2024 .modal-footer {
    border-top: none;
}

.modalTitulek {
    font-size: 18px;
    color: Black;
    font-weight: bold;
    margin-bottom: 5px;
}

.modalTitulek span {
    font-size: 18px;
    color: Black;
    font-weight: bold;
}


.textModal {
    color: #737373;
}

.textModal14 {
    font-size: 14px;
}

.modalOdd {
    border-bottom: 2px solid #f4f4f4;
    margin: 5px -20px 20px -20px;
}

.overenyDopravce {
    background-image: url(../pcs/pcs_layout/overeny-dopravce.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 56px;
    font-size: 16px;
    color: Black;
    text-align: center;
    font-weight: bold;
}

.overenyZakaznik {
    background-image: url(../pcs/pcs_layout/overeny-zakaznik.png);
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 56px;
    font-size: 16px;
    color: Black;
    text-align: center;
    font-weight: bold;
}

.overenyZakaznik2 {
    font-size: 13px;
}

.modalKontaktIcon {
    padding-left: 38px;
    background-position: left center;
    background-repeat: no-repeat;
    color: #737373;
}

.modalKontaktIcon a {
    color: Black;
}

.modalKontaktIcon a:HOVER {
    color: Black;
    text-decoration: none;
}

.modalText span a {
    color: Black;
}

.modalText span a:HOVER {
    color: Black;
    text-decoration: none;
}

.modalTelefon {
    background-image: url(../pcs/pcs_layout/kontakt-ico-phone.png);
}

.modalEmail {
    background-image: url(../pcs/pcs_layout/kontakt-ico-mail.png);
}

.modalAdresa {
    background-image: url(../pcs/pcs_layout/kontakt-ico-place.png);
}

.modalMesto {
    background-image: url(../pcs/pcs_layout/kontakt-ico-mesto.png);
}

.modalWhatsapp {
    background-image: url(../pcs/pcs_layout/kontakt-ico-whatsapp.png);
}


.modalVerze2024 .modal-footer button {
    background-color: #fdc240;
    color: Black;
    font-weight: bold;
    border: none;
}


.cardPoptavka2024 {}

.cardPoptavka2024 {
    width: 280px !important;
}

.cardPoptavka2024 .card {
    width: 300px !important;
}

@media only screen and (min-width : 768px) {
    .cardPoptavka2024 {
        width: 650px !important;
    }

    .cardPoptavka2024 .card {
        width: 650px !important;
    }

}

.cardPoptavka2024 .card-body {
    background-color: White !important;
    border-bottom: 2px solid #fdc240 !important;
}

.carPoptavkaCarIcon {
    float: left;
    margin-right: 10px;
    display: block;
    background-image: url(../pcs/pcs_layout/ico-popravka-auto.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 20px;
}

.popUpPart {
    padding: 20px 40px 10px 20px;
}

.popUpIco {
    padding-left: 55px;
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 13px;
    color: #6A6A6A;
    min-height: 95px;
}

.popUpIco strong {
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.popUpIco a {
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
}

.popUpIco a:HOVER {
    color: #000000;
    text-decoration: none;
}

.popUpIcoAuto {
    background-image: url(../pcs/pcs_layout/vuz-ico.png);
}

.popUpIcoDepo {
    background-image: url(../pcs/pcs_layout/depo-ico.png);
}

.popUpPartOdd {
    border: 2px solid #F4F4F4;
    margin-top: 5px;
    margin-bottom: 5px;
}

.popUpTrasa {
    padding: 20px 40px 0px 20px;
}

/* --- form nabidka - popup START */
.buttonDisabled {
    background-color: #eaecef !important;
    border: none !important;
    color: #7e8289 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11), 0 2px 10px 0 rgba(0, 0, 0, .05) !important;
}

.podaniNabidkyTitle {
    font-weight: bold;
    margin-top: 10px;
    color: Black;
    font-size: 15px;
}

.labelPodaniNabidky {
    font-weight: bold;
    margin-top: 10px;
    color: Black;
    font-size: 12px;
}

.radioButtonSplatnost {
    font-size: 12px;
    line-height: 25px;
}

.formInputNabidkaSplatnost {
    font-size: 12px !important;
    line-height: 25px !important;
    max-width: 110px;
}

.formInputNabidkaRight {
    font-size: 12px !important;
    line-height: 25px !important;
}

.formInputNabidkaRight option {
    font-size: 12px !important;
    line-height: 25px !important;
}

.formInputNabidkaSelectVozy select {
    font-size: 12px !important;
    /*    line-height:25px !important; */
}

.formInputNabidkaSelectVozy select option {
    font-size: 12px !important;
    /*    line-height:25px !important; */
}

/* --- form nabidka - popup END*/

/* depo  */
.popUpDepoIcon {
    background-image: url(../pcs/pcs_layout/depo-ico.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 50px;
}

.popUpDepoTitle {
    font-size: 14px;
    font-weight: bold;
    color: Black;
}

.popUpDepoText {
    font-size: 12px;
    color: Black;
}





/* POP up poptavka  */
.newPopUpTopTitleTop {
    z-index: 99999 !important;
    position: fixed;
    top: 20px;
    left: 20px;
    width: 640px;
}


.newPopUpTopTitleLeft,
.newPopUpTopTitleLeft * {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.newPopUpTopTitleLeft a {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.newPopUpTopTitleRight {
    color: black;
    margin-right: 55px;
}

.newPopUpTopTitleRight,
.newPopUpTopTitleRight * {
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.newPopUpTopTitleRight a {
    color: black;
    font-size: 12px !important;
    font-weight: bold;
}

.modalLinkBezPrihlaseni,
.setBlackLink a {
    font-weight: bold !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.modalLinkBezPrihlaseni:HOVER,
.setBlackLink a:HOVER {
    text-decoration: none !important;
}

.setBlackLink a,
.setBlackLink a:HOVER {
    color: Black !important;
}

.tabPopUpInfo .fas {
    min-width: 25px;
}

.popUpTrasa p {
    color: Black;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 3px;
}

.popUpTrasa p strong {
    color: Black;
    font-weight: bold;
    font-size: 15px;
}

.prujezdnyBod,
.prujezdnyBod2 {
    margin-bottom: 0;
    color: #6A6A6A;
    font-size: 13px !important;
}

.prujezdnyBod span,
.prujezdnyBod2 span {
    color: Black;
    font-size: 13px;
}

.buttonProvozovatel {
    margin: 20px auto;
    font-weight: bold;
    width: 230px;
}

.minH700 {
    min-height: 700px;
}

table.tabPopUpInfo {
    border-collapse: collapse;
}

table.tabPopUpInfo th,
table.tabPopUpInfo td {
    padding-right: 15px;
    font-size: 13px;
}

table.tabPopUpInfo th {
    font-weight: normal;
    color: #6A6A6A;
}

table.tabPopUpInfo td {
    font-weight: bold;
    color: Black;
}


.tableCenik {
    border-collapse: collapse;
    width: 100%;
}

.tableCenikOdd {
    width: 18px;
}

.tableCenikH1 {
    font-size: 18px;
    font-weight: bold;
    color: Black;
    text-align: left;
    height: 57px;
}

.tableCenikH2 {
    background-color: #FEC32D;
    font-size: 18px;
    font-weight: bold;
    color: Black;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #FEC32D;
    height: 57px;
}

.tableCenikH3 {
    position: relative;
    background-color: #FEC32D;
    font-size: 18px;
    font-weight: bold;
    color: Black;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #FEC32D;
    height: 57px;
}

.tabBadge {
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -52px;
    background-color: Black;
    width: 104px;
    height: 26px;
    line-height: 26px;
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.tableCenikH4 {
    background-color: #FEC32D;
    font-size: 18px;
    font-weight: bold;
    color: Black;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #FEC32D;
    height: 57px;
}

.tableCenikD1 {
    /*height:52px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid White;
    border-bottom: 2px solid White;
    color: #6A6A6A;
    font-size 15px;
}

.tableCenikSuda .tableCenikD1 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */
    background: linear-gradient(to right, #ffffff 0%, #efefef 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tableCenikD2,
.tableCenikD3,
.tableCenikD4 {
    height: 48px;
    text-align: center;
    background-image: url(../pcs/pcs_layout/tab-cenik-bottom.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #1C1C1C;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.tableCenikD2,
.tableCenikD4 {
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}

.tableCenikD3 {
    border-left: 1px solid #fed366;
    border-right: 1px solid #fed366;
}

.tableCenikPrice .tableCenikD1 {
    color: Black;
    font-size 15px;
    font-weight: bold;
    border-bottom: 16px solid White;
}

.tableCenikPrice .tableCenikD2,
.tableCenikPrice .tableCenikD4 {
    border-bottom: 1px solid;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #f1f1f1;
    border: 1px solid #f3f3f3;
    color: Black;
    font-weight: bold;
    height: 57px;
}

.tableCenikPrice .tableCenikD3 {
    border-bottom: 1px solid;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #ffe398;
    border: 1px solid #fed366;
    color: Black;
    font-weight: bold;
    height: 57px;
}

.cenikPrepinani {
    margin-bottom: 50px !important;
    background-color: #f1f1f1 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 245px;
}

.cenikPrepinani li {
    height: 40px;
    line-height: 40px;
}

.cenikPrepinani li a {
    padding: 0 30px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
}

.cenikPrepinani li a {
    background-color: #f1f1f1 !important;
    box-shadow: none !important;
}

.cenikPrepinani li a.active {
    background-color: #6aa246 !important;
    box-shadow: none !important;
}

.cenikPrepinani li.navItem1 a {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.cenikPrepinani li.navItem2 a {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.cenikPrepinani li a {
    font-style: 15px !important;
    color: Black !important;
    height: 40px;
    line-height: 40px;
    background-color: #f1f1f1;
}

.cenikPrepinani li a.active {
    font-style: 15px !important;
    color: White !important;
    height: 40px;
    line-height: 40px;
    background-color: #6aa246;
}





/* uprava horni menu  */
.menuActive b {
    color: Black !important;
    border-bottom: 2px solid #ffca2c;
}


.borderImage {
    border: 1px solid #d4d4d4;
}

.cenikBoxes {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.boxCenik {
    margin-top: 30px;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 300px;
}

.boxCenik1 {
    border: 2px solid Black;
}

.boxCenik2 {
    border: 2px solid #ffca2c;
}

.boxCenikTitle {
    color: black;
    font-size: 18px;
    font-weight: bold;
}

.boxCenikText {
    margin-top: 10px;
    min-height: 200px;
}

@media only screen and (min-width : 992px) {
    .boxCenikText2 {
        min-height: 320px;
    }
}

.boxCenikButton {
    font-weight: 500;
    border: none;
    display: block;
    color: Black;
    font-size: 15px;
    width: 200px;
    height: 46px;
    line-height: 46px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: background-color 0.5s;
    box-shadow: 0px 3px 6px #0000001A;
    text-decoration: none;
}

.boxCenikButton1 {
    background-color: Black;
    color: White;
}

.boxCenikButton2 {
    background-color: #FEC32D;
    color: Black;
}

.boxCenikButton1:HOVER {
    background-color: Black;
    color: White;
    text-decoration: none;
}

.boxCenikButton2:HOVER {
    background-color: #FEC32D;
    color: Black;
    text-decoration: none;
}

.greyBackground {
    background-color: #f7f7f7;
    background-image: url(../pcs/pcs_layout/white-arrow.png);
    background-position: top center;
    background-repeat: no-repeat;

}




.tableCenik2Box {
    border: 1px solid #fec32d;
    border-bottom: none;
    padding: 0 25px;
    max-width: 650px;
    margin: 20px auto;
    background-color: White;
    margin-bottom: 10px;
}

.tableCenik2 {
    border-collapse: collapse;
    width: 100%;
    background-color: White;
}

.tableCenik2H1 {
    font-size: 18px;
    font-weight: bold;
    color: Black;
    text-align: left;
    height: 57px;
}

.tableCenik2D1 {
    /*height:52px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    color: #1c1c1c;
    font-size 14px;
}

.tableCenik2Price {
    line-height: 50px;
    background-color: Black;
    color: White;
    font-size 15px;
    font-weight: bold;
    text-align: center;
    margin: 0 -25px 0 -25px;
}


/*new popup */
.tablePopUp {
    border-collapse: collapse;
}

.tablePopUp td {
    font-size: 13px;
}

.tablePopUp td strong {
    font-size: 13px;
    color: Black;
}

.cardPoptavka2024 .modal-header {
    border-bottom: 2px solid #ebc855;
}

.cardPoptavka2024 .modal-body {
    border-top: none;
}

.popUpInfo {
    margin-top: 30px;
}

.popUpInfo em {
    font-size: 13px;
}

.cardPoptavka2024 table td,
.cardPoptavka2024 table td * {
    font-size: 12px;
}

.cardPoptavka2024 table td {
    padding-right: 10px !important;
}



/* top menu icon  */
.icoTopMenu {
    width: 30px;
    margin-bottom: 10px;
}

.smallText {
    font-size: 13px;
}

.amortizaceIkona img {
    width: 85px;
    margin: 0 auto;
    display: block;
}



@media (min-width: 768px) {

    .footerTitle,
    .footerContant,
    .footerAdress {
        text-align: left !important;
    }
}



.bonusRamecek {
    color: Black;
    font-size: 24px;
    text-align: center;
    padding: 20px;
    border: 2px solid #FEC32D;
    margin-bottom: 40px;
}

.bonusRamecek strong {
    color: Black;
    font-size: 32px;
}


/* poptavka home */
body .poptavkaHomeBox {
    border: 3px solid #FEC32D !important;
}


/* tabulka New style */
.tableNewStyle {
    border-collapse: collapse;
    width: 100%;
}


.tableNewStyle th {
    background-color: #f4f4f4;
    padding: 10px 15px;
    font-size: 15px;
    color: Black;
    font-weight: bold;
}

.tableNewStyle td {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    padding: 6px 15px;
    font-size: 14px;
    color: #7d7d7d;
}



/* test verze INFO  */

.testovaciVerzeInfo {
    position: fixed;
    top: 80px;
    left: 10px;
    height: 30px;
    width: 200px;
    background-color: #FEC32D;
    color: Red;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}

.button2Lines {
    line-height: 20px !important;
    margin-top: -18px;
}



/* nova verze poptakvky - upravy */
.labelPoptavkaText {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
}

.tabLabel {
    font-weight:     bold;
    font-size: 13px;
color:Black;
}

.tabLabel span {
    font-weight:     bold;
    font-size: 12px;
color:Grey;
}

.specializaceCheckboxy label {
    font-size: 12px;
    color:Black;
}