body {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #283556;
    text-align: left;
}

.row-top {
    background-color: #FFFFFF;
}

.row-white {
    background-color: #FFFFFF;
}

.row-gray {
    background-color: #F5F6FA;
}

div.flash {
    padding: 15px;
    color: #283556;
    border-radius: 8px;
    margin-bottom: 15px;
}

div.flash.success {
    background: #D5F2EA;
}

div.flash.info {
    background: #D5E9FA;
}

div.flash.error {
    background: #FBE4E8;
}

div.flash.warning {
    background: #FFF8E7;
}

div.flash .close {
    text-decoration: none;
    opacity: 1;
    text-shadow: none;
    font-size: 24px
}

.btn {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 12px;
    padding: 9px 16px;
}

.btn.btn-lg {
    font-size: 16px;
    padding: 16px 30px;
}

.btn.btn-block {
    padding: 12px;
    font-size: 14px;
}

.btn.btn-over {
    position: relative;
    top: -40px;
    display: inline-block;
}

.btn.btn-red {
    background-color: #FF2C36;
    background: linear-gradient(90deg, #FF2C36, #D41A23);
    color: #FFFFFF;
    border: 1px solid #FF2C36;
}

.btn.btn-red:hover {
    background-color: #D41A23;
    background: linear-gradient(270deg, #D41A23, #D41A23);
}

.btn.btn-blue {
    background-color: #0086EE;
    background: linear-gradient(90deg, #0086EE, #0075D0);
    color: #FFFFFF;
    border: 1px solid #0086EE;
}

.btn.btn-blue:hover {
    background-color: #0075D0;
    background: linear-gradient(90deg, #0075D0, #0075D0);
}

.btn.btn-green {
    background-color: #46C63F;
    background: linear-gradient(90deg, #46C63F, #329F2C);
    color: #FFFFFF;
    border: 1px solid #46C63F;
}

.btn.btn-green:hover {
    background-color: #46C63F;
    background: linear-gradient(90deg, #329F2C, #329F2C);
}

.btn.btn-outline-blue {
    background-color: #FFFFFF;
    color: #0086EE;
    border-color: #0086EE;
}

.btn.btn-outline-blue:hover {
    background-color: #F5F6FA;
}

.btn.btn-top {
    font-size: 10px;
    color: #8E8321;
    font-weight: bold;
    background: #FFF173;
    border-radius: 5px;
    padding: 3px 6px;
}

.btn.btn-top:hover {
    background-color: #eeda44;
}

.text-green {
    color: #46C63F !important;
}

.text-gray {
    color: #C1C1C1 !important;
}

.text-red {
    color: #FF2C36 !important;
}

.text-credit {
    color: #5996BC !important;
}

.text-tariff {
    color: #BD5AA4 !important;
}

.lh30 {
    line-height: 30px !important;
}

.tags .btn {
    background-color: #FFFFFF;
    color: #283556;
    border-color: #0086EE;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tags .btn:hover {
    background-color: #F5F6FA;
}

.navbar {
    flex-flow: column;
}

.navline {
    border-bottom: 1px solid #D2D6E3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

a, a:visited {
    color: #0086EE;
}

a:hover {
    text-decoration: underline;
}

.navbar .nav-item {
    border-bottom: 1px solid #D5E9FA;
}

.navbar .nav-item a.nav-link {
    color: #0086EE;
    font-size: 14px;
}

.navbar .nav-item a.nav-link:hover {
    color: #0086EE;
    text-decoration: underline;
}

.navbar.navbar-light .nav-item.active a {
    font-weight: bold;
    color: #0086EE;
}

.navbar .navsub .nav-item:last-of-type a.nav-link {
    padding-right: 0;
}

.navbar .navsub .nav-item a.nav-link:hover {
    text-decoration: underline;
}

.navbar .navbar-brand img {
    height: 26px;
}

@media (min-width: 992px) {

    .navbar .nav-item {
        border-bottom: none;
    }

    .navbar .nav-item a.nav-link {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar .navbar-brand img {
        height: 32px;
    }

    .navbar .navmain {
        order: 2;

    }

    .navbar .navsub {
        order: 1;
    }

    .navbar .navmain .nav-item a.nav-link:hover:after {
        border-bottom: 2px solid #FF2C36;
    }

    .navbar .nav-item a.nav-link:hover {
        text-decoration: none;
    }

}

.navbar-light .navbar-toggler {
    border: 1px solid #0086EE;
    color: #0086EE;
    border-radius: 12px;
    padding: 2px 6px;
}


#infolinka {
    color: #283556;
    padding-left: 0;
    font-weight: bold;
    font-size: 12px;
}

.navbar.navbar-dark .navsub .nav-item a.nav-link {
    color: #FFFFFF;
}

.navbar.navbar-dark .navmain .nav-item a.nav-link {
    color: #FFFFFF;
    font-weight: bold;
}

.navbar .navmain .nav-item a.nav-link:after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.navbar.navbar-dark .navbar {
    background: linear-gradient(180deg, #4E586A 0%, rgba(78, 88, 106, 0) 100%);
    padding-bottom: 60px;
}

.navtop .content {
    padding: 5px 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.09);
    border-radius: 0px 0px 12px 12px;
    margin-right: 0px;
    font-size: 12px;
    display: none;
}

@media (min-width: 992px) {
    .navtop {
        margin-bottom: 20px;
    }

    .navtop .content {
        display: block;
    }
}

.navtop .content a ~ a {
    margin-left: 15px;
}

.row-reminder {
    background-color: #FFF4CB;
    color: #FF2C36;
}

.row-reminder .reminder {
    padding: 10px 0;
}

.row-reminder i {
    margin-right: 10px;
}

.row-reminder a.close {
    color: #FF2C36;
    opacity: 1;
    float: none;
    position: relative;
    top: 3px;
    display: inline-block;
    height: 16px;
    margin-left: 20px;
    line-height: 0.3;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

h1::after {
    content: '';
    border: 1px solid #FF2C36;
    width: 50px;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

h1.text-center::after {
    margin-left: auto;
    margin-right: auto;
}

.separator.red {
    content: '';
    border: 1px solid #FF2C36;
    width: 50px;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.separator.left {
    margin-left: 0;
}

h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

h3 {
    font-size: 17px;
    font-weight: bold;
}

h4 {
    font-size: 15px;
    font-weight: bold;
}

.navbar .navbar-brand {
    padding: 0;
    margin-right: 5px;
}

@media (min-width: 576px) {
    .navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {

    h1 {
        font-size: 26px;
        font-weight: bold;
        line-height: 35px;
    }

    h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 30px;
        line-height: 27px;
    }

    h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 25px;
    }

    h4 {
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
    }
}


.breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumb-item.active {
    color: #283556;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '>';
    font-weight: bold;
    color: #000000;
}

.help {
    background-color: #F5F6FA;
    padding: 25px 40px;
    border-radius: 8px;
}

.conditioned {
    padding-top: 15px;
}

.conditioned .box {
    background-color: #F5F6FA;
    padding: 25px 40px;
    border-radius: 8px;
}

.conditioned .box.podpora img {
    width: 50px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.conditioned ul.list {
    margin-bottom: 0px;
}

.conditioned .row > div ~ div {
    margin-top: 20px;
}

.container.text {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .conditioned .row > div ~ div {
        margin-top: 0;
    }

    .container.text {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.container.text.top {
    padding-top: 30px;
}

.required label:after {
    content: '*';
    color: #FF2C36;
}

.form-control {
    border: 1px solid #0086EE;
    border-radius: 12px;
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 1.5;
    color: #283556;
    padding: 9px 18px;
    height: auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.form-control-lg {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
}


.file-holder {
    margin-top: 5px;
}

.file-holder .item {
    margin-bottom: 5px;
}

.file-holder .item:after {
    content: '';
    display: block;
    clear: both;
}

.file-holder .control {
    width: 40px;
    float: right;
}

.file-holder .name {
    width: 250px;
    float: left;
}

.file-holder .progress {
    background-color: #0086EE;
    width: 0;
    height: 3px;
    clear: both;
}

.file-holder a.file {
    float: left;
}

.file-holder a.delete {
    color: #FF2C36;
    float: right;
}

.demand-list {
    margin-bottom: 15px;
}

.demand-list .row.header {
    padding-left: 8px;
}

.demand-list .header div {
    color: #C1C1C1;
    font-size: 14px;
    margin-bottom: 10px;
}

.demand-list .row.demand {
    background-color: #FFFFFF;
    border: 1px solid #E8E9EC;
    border-radius: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    padding-left: 8px;
}

.demand-list .row.demand:hover {
    background-color: #F5F6FA;
}

.demand-list .row.demand.top {
    border-color: #FFF173;
    position: relative;
    border-left: 7px solid #FFF173;
    padding-left: 0px;
}

.demand-list .row.demand .date {
    padding-top: 10px;
}

.demand-list .row.demand .date strong {
    font-size: 13px;
    color: #46C63F;
}

.demand-list .category-icon {
    background-position: 0px 0px;
    line-height: 28px;
}

.demand-list .row.demand.top:hover {
    background-color: #FFF8E7;
}

.demand-list .row.demand .nazev {
    font-weight: bold;
    padding-bottom: 10px;
}

.demand-list .row.demand .nazev a {
    line-height: 30px;
}

.demand-list .row.demand .nazev .tag {
    font-size: 10px;
    color: #8E8321;
    font-weight: bold;
    background: #FFF173;
    border-radius: 5px;
    padding: 3px 6px;
    line-height: 30px;
    margin-right: 10px;
}

.demand-list .row.demand .call {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}

@media (max-width: 575px) {
    .demand-list .row {
        margin: 0;
    }
}


@media (min-width: 768px) {
    .demand-list .row.demand {
        min-height: 51px;
        align-items: center;
    }

    .demand-list .row.demand .nazev {
        padding-bottom: 0;
        min-height: auto;
    }

    .demand-list .row.demand.top::after {
        right: -12px;
        top: 9px;
    }

    .demand-list .row.demand .date {
        padding-top: 0;
    }

    .demand-list .row.demand .call {
        align-items: center;
        padding-bottom: 0;
    }

}


.demand-list .row.demand .call img {
    width: 25px;
}

.demand-list .row.demand .call span {
    margin-left: 10px;
}

.admin-table {
    width: 100%;
    border-spacing: 0 10px;
    border-collapse: separate;
    margin-bottom: 20px;
    font-size: 14px;
}

.admin-table tr.header td {
    color: #C1C1C1;
    background: none;
    border: none;
    padding-bottom: 0;
}

.admin-table tr td {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #E8E9EC;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    vertical-align: top;
}

.admin-table tr td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left-color: #E8E9EC;
    padding-left: 15px;
}

.admin-table tr td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right-color: #E8E9EC;
    padding-right: 15px;
}

.admin-table .detail {
    display: none;
}

.row-blue {
    background-image: url('../images/bg-homepage-blue.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.hpbanner {
    background-position: 66% bottom;
    background-repeat: no-repeat;

}

@media (min-width: 768px) {
    div.hpbanner.hpb_davidpolak {
        background-image: url('../images/person-davidpolak.png');
        background-position: 90% bottom;
    }

    div.hpbanner.hpb_renenovak {
        background-image: url('../images/person-renenovak.png');
        background-position: 95% bottom;
    }

    div.hpbanner.hpb_martinbrabec {
        background-image: url('../images/person-martinbrabec.png');
        background-position: 100% bottom;
    }
}

.hpbanner .content {
    padding: 15px;
    color: #FFFFFF;
}

.hpbanner .content .header {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.hpbanner .content .podpis {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
}

.hpbanner .content .box {
    background: rgba(28, 93, 128, 0.5);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
}

.hpbanner .content .vyzva p {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0;
    margin-right: 30px;
}

.hpbanner .content .vyzva div {
    margin-right: 30px;
}

.hpbanner .input-group {
    margin-left: 10px;
}

.hpbanner .input-group-text {
    margin: 0;
}

@media (min-width: 768px) {
    .hpbanner .content {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .hpbanner .content .podpis {
        font-style: italic;
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 70px;
        text-align: right;
        padding-right: 30px;
    }

}

@media (min-width: 992px) {
    .hpbanner .content .header {
        font-size: 35px;
        line-height: 50px;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: right;
    }

    .hpbanner .content .vyzva {
        justify-content: flex-end;
        margin-bottom: 70px;
        margin-right: 70px;
        display: flex;
    }
}

.hpbanner .content .pomahame {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.hpbanner .content .ref {
    display: flex;
    flex-direction: row;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #E8E9EC;
    border-radius: 12px;
    font-size: 10px;
    line-height: 14px;
    padding: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.hpbanner .content .ref .text {
    margin-bottom: 3px;
}

.hpbanner .content .ref .image {
    padding: 10px 10px 0px 0px;

}

.hpbanner .content .ref .image img {
    width: 25px;
}

.hpbanner .content .ref .star-report .star:before {
    font-size: 8px;
}

.hpregform {
    padding-top: 45px;
    padding-bottom: 60px;
    color: white;
}

.hpregform .form-inline label {
    margin-right: 0;
}

.hpregform .form-inline {
    position: relative;
    background: rgba(25, 85, 116, 0.5);
    border-radius: 12px;
    padding: 30px;
    margin: 0 auto 30px auto;
    max-width: 750px;
}

.hpregform .form-inline button {
    position: absolute;
    padding: 12px 20px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.hpregform .input-group label, .hpregform .input-group input {
    border: none;
}

.hpregform .refs .text {
    padding-top: 20px;
    padding-left: 15px;
    font-size: 12px;
}

.bform {
    padding: 50px 0 75px 0;
    color: #FFFFFF;
}

.bform h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 10px;
}

.bform .text {
    margin-bottom: 45px;
    text-align: center;
}

.bform .textarea {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: center;
}

.bform .textarea button {
    position: relative;
    top: -30px;
}

.bform .tags {
    text-align: center;
}

.bform .tags .btn {
    border: none;
}

.bform .btn-outline-blue {
    border: none;
}

.bform .contacts {
    max-width: 400px;
    margin: 0 auto 30px auto;
    display: none;
}

.bform .contacts #files {
    max-width: 220px;
}

.bform .file-holder a.file {
    color: #FFFFFF;
}

.bform .form-control, .bform .input-group-text {
    border: none;
}

.hptv {
    padding-top: 60px;
}

.hptv .above {
    color: white;
    margin-bottom: 0;
    text-align: center;
    display: none;
}

.hptv .above h2 {
    margin: 0 auto;
    font-size: 20px;
    padding: 20px 30px;
    background-color: #18455C;
    border-radius: 12px 12px 0 0;
    max-width: 470px;
    display: inline-block;
}

.hptv .box {
    background-color: white;
    padding: 40px 50px;
    border-radius: 26px;
    margin-bottom: 70px;
}

.hptv .box .header {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.hptv .box .header h2 {
    margin-bottom: 5px;
}

.hptv .box .header p {
    margin-bottom: 0;
}

.hptv .box .header img {
    margin-right: 25px;
}

.hptv .box .refs img {
    max-width: 80px;
    max-height: 80px;
    border: 1px solid #dddddd;
    padding: 2px;
    border-radius: 50%;
    margin-right: 20px;
}

.hptv .box .refs .text {
    font-size: 12px;
    padding-top: 10px;
}

.hptv .input-group {
    margin-bottom: 15px;
}

.hptv .box .refs .text p {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .hptv .box .contacts {
        max-width: 300px;
        margin: 0 auto;
    }

    .hptv .box {
        min-height: 620px;
    }

    .hptv .above {
        display: block
    }
}


.hptvstrip {
    background-color: rgba(44, 75, 97, .7);
    color: white;
    padding-bottom: 50px;
    padding-top: 50px;
}

.hptvstrip h3 {
    font-size: 16px;
    line-height: 1.4;
}

.hptvstrip p {
    font-size: 12px;
}

.hptvstrip h3 b {
    color: #FF2C36;
    font-size: 14px;
    background-color: white;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-top: 3px;
}

.hptvstrip .text {
    margin-bottom: 30px;
}


@media (min-width: 768px) {
    .hptvstrip .arrow {
        width: 46px;
        background-image: url('../icon/tv-arrow.png');
        background-repeat: no-repeat;
        background-position: 0 30px;
        margin: 0 15px 0 15px;
    }

    .hptvstrip .text {
        width: 20%;
    }
}

.homepage .row-top {
    background-color: #FFFFFF;
}

@media (min-width: 992px) {
    .homepage .row-top {
        padding-bottom: 15px;
    }
}

.reminder .container:after {
    content: '';
    clear: both;
    display: block;
}

.homepage .colors {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 10px;
    margin: 0;
    margin-top: -65px;
}

.homepage .colors > div {
    margin: 0;
    padding: 0;
}

.homepage .colors > div ~ div {
    padding-left: 10px;
}

.homepage .dtf {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.homepage .dtf h2 {
    margin-bottom: 10px;
    font-size: 24px;
}

.homepage .dtf p {
    margin-bottom: 15px;
}

.homepage .dtf .btn {
    position: relative;
    top: -30px
}

.homepage .dtf textarea {
    /* background-color: #f3f2f2; */
}

.colors .box {
    padding: 20px 15px;
    border-radius: 12px;
    height: 100%;
    display: block;
    color: #283556;
    text-decoration: none;
}

.colors .box .number {
    font-weight: bold;
    font-size: 20px;
}

.colors .box .text {
    font-size: 12px;
    line-height: 16px;
}

.colors .bg-pink {
    background-color: #EEDFF2;
}

.colors .bg-purple {
    background-color: #E5E7FA;
}

.colors .bg-yellow {
    background-color: #FFF8E7;
}

.colors .bg-orange {
    background-color: #FFE8DA;
}

.colors .bg-blue {
    background-color: #D5E9FA;
}

.colors .bg-green {
    background-color: #D5F2EA;
}

@media (min-width: 768px) {

    .row-top {

    }

    .col-md-5p {
        flex: 0 0 5%;
        max-width: 5%;
    }

    .col-md-9p {
        flex: 0 0 9%;
        max-width: 9%;
    }

    .col-md-10p {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-md-12p {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .col-md-17p {
        flex: 0 0 17%;
        max-width: 17%;
    }

    .col-md-20p {
        flex: 0 0 20%;
        max-width: 20%;
    }


    .col-md-30p {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .w-md-500 {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .col-lg-20p {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-5p {
        flex: 0 0 5%;
        max-width: 5%;
    }

    .col-lg-9p {
        flex: 0 0 9%;
        max-width: 9%;
    }

    .col-lg-10p {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-lg-12p {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .col-lg-125p {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-lg-17p {
        flex: 0 0 17%;
        max-width: 17%;
    }

    .col-lg-20p {
        flex: 0 0 20%;
        max-width: 20%;
    }


    .col-lg-30p {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (min-width: 1200px) {
    .col-xl-27p {
        flex: 0 0 27%;
        max-width: 27%;
    }

    .col-xl-73p {
        flex: 0 0 73%;
        max-width: 73%;
    }
}

.subh {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    display: block;
    margin-top: 5px;
    border-radius: 4px;
}

.subh.red {
    background-color: #FBE4E8;
    color: #FF2C36;
}

.subh.yellow {
    background-color: #FFF8E7;
    color: #283556;
}

.subh.blue {
    background-color: #C6EAFF;
    color: #0D82ED;
}

.subh i {
    margin-left: 5px;
}

.subh.yellow i {
    color: #FFCE56;
}

@media (min-width: 768px) {
    .subh {
        display: inline;
        margin-left: 20px;
        margin-top: 0;
    }
}

.category-icon {
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: 15px 8px;
}

.category-icon.icon1 {
    background-image: url('../images/category-icon/1.png');
}

.category-icon.icon2 {
    background-image: url('../images/category-icon/2.png');
}

.category-icon.icon3 {
    background-image: url('../images/category-icon/3.png');
}

.category-icon.icon4 {
    background-image: url('../images/category-icon/4.png');
}

.category-icon.icon5 {
    background-image: url('../images/category-icon/5.png');
}

.category-icon.icon6 {
    background-image: url('../images/category-icon/6.png');
}

.category-icon.icon7 {
    background-image: url('../images/category-icon/7.png');
}

.category-icon.icon8 {
    background-image: url('../images/category-icon/8.png');
}

.category-icon.icon9 {
    background-image: url('../images/category-icon/9.png');
}

.category-icon.icon10 {
    background-image: url('../images/category-icon/10.png');
}

.category-icon.icon11 {
    background-image: url('../images/category-icon/11.png');
}

.category-icon.icon12 {
    background-image: url('../images/category-icon/12.png');
}

.category-icon.icon13 {
    background-image: url('../images/category-icon/13.png');
}

.category-icon.icon14 {
    background-image: url('../images/category-icon/14.png');
}

.category-icon.icon15 {
    background-image: url('../images/category-icon/15.png');
}

.category-icon.icon16 {
    background-image: url('../images/category-icon/16.png');
}

.category-icon.icon17 {
    background-image: url('../images/category-icon/17.png');
}

.category-icon.icon18 {
    background-image: url('../images/category-icon/18.png');
}

.category-icon.icon19 {
    background-image: url('../images/category-icon/19.png');
}

.category-icon.icon20 {
    background-image: url('../images/category-icon/20.png');
}

.category-icon.icon21 {
    background-image: url('../images/category-icon/21.png');
}

.category-icon.icon1105 {
    background-image: url('../images/category-icon/1105.png');
}

.category-icon.icon1106 {
    background-image: url('../images/category-icon/1106.png');
}

.category-icon.icon1107 {
    background-image: url('../images/category-icon/1107.png');
}


.category-list {

}

.category-list a.list-item {
    color: #0086EE;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 10px 10px 55px;
}

.category-list a.list-item:hover {
    color: #283556;
    text-decoration: none;
}

.category-list .category-icon {
    background-position: 15px 10px;
}

.list {
    list-style: none;
    line-height: 1.8;
    margin-bottom: 30px;
    padding: 0;
}

.list ul {
    list-style: none;
}

.list li {
    position: relative;
}

.list li:before {
    font-weight: bold;
    position: absolute;
    display: block;
    top: 0px;
    left: 3px;
}

.list-dotted {
}

.list-dotted li:before {
    content: '•';
}

.list-dotted li {
    position: relative;
    padding-left: 20px;
}

.list-orange li:before {
    color: #FF2C36;
}

.list-blue li:before {
    color: #0086EE;
}

.list-fajfky li {
    background-image: url(../images/fajfka-green.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left: 50px;
}

.list-fajfka-red li {
    background-image: url(../images/fajfka-red.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.list-smaller {
    font-size: 15px;
}

.list-stars li:before {
    content: "\f005";
    color: #FFD700;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 10px;
    top: 3px;
}

.list-stars li {
    position: relative;
    padding-left: 20px;
}

.list-caret li:before {
    content: "\f0da";
    color: #CECECE;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 14px;
    top: 1px;
}

.list-caret li {
    position: relative;
    padding-left: 20px;
}

.list-check-circle li:before {
    content: "\f058";
    color: #6BBE66;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
    height: 20px;
}

.list-check-circle.lh30 li:before {
    padding-top: 0px;
}

.list-check-circle li {
    position: relative;
    padding-left: 25px;
}

@media (min-width: 768px) {
    .list-column-2 {
        column-count: 2
    }
}

#footer .main {
    background-color: #283556;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 12px;
}

#footer .main .list {
    margin-bottom: 0;
}

#footer .main .list li {
    padding-left: 10px;
}

#footer .main .list li::before {

}

#footer .main .list a {
    color: #F5F6FA;
    display: inline-block;
    line-height: 16px;
    padding-left: 10px;
    padding-bottom: 15px;
}

#footer .gopay img {
    padding: 17px 20px;
}

#footer .contact {
    color: #FFFFFF;
    border-top: 1px solid #59678C;
    margin-top: 20px;
    padding-top: 30px;
}

@media (min-width: 768px) {
    #footer .contact {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

}

#footer .contact .value {
    margin-bottom: 20px;
    line-height: 20px;
}

#footer .contact i {
    color: #46C63F;
    font-size: 15px;
    padding-right: 10px;
    line-height: 20px;
}

#footer .contact a i {
    color: #0086EE;
    font-size: 18px;
}

#footer .contact .time {
    padding-left: 30px;
}

#footer .copyright {
    padding-top: 20px;
    border-top: 1px solid #979797;
    color: #979797;
    text-align: center;
}

.fbanner .tline {
    background-color: #F5F6FA;
}

.fbanner .bline {
    background-color: #283556;
    height: 70px;
}

.fbanner .upper {
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
    color: #283556;
}

.fbanner .upper img {
    padding-top: 15px;
}

.fbanner .lower {
    background-color: #F5F6FA;
    padding: 10px;
    border-radius: 12px;
    position: relative;
    bottom: -50px;
    margin-top: -50px;
}

.fbanner .lower .content {
    border-radius: 12px;
    background-color: #283556;
    padding: 15px 50px;
    background: url("../images/fbanner.png");
    background-size: cover;
}

.fbanner .input-group-text {
    margin: 0;
}

.fbanner .input-group {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
}

.fbanner .text {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 2;
}

.fbanner .upper img {
    padding-left: 10px;
    padding-right: 10px;
}

.fbanner .form-control, .fbanner .input-group-text {
    border: none;
}


@media (min-width: 992px) {
    .fbanner .input-group {
        margin-top: 0;
    }
}


.optional {
    display: none;
}

.hpform h2 {
    margin-bottom: 5px;
    font-size: 18px;
}

@media (min-width: 768px) {
    .hpform h2 {
        font-size: 40px;
        line-height: 54px;
    }
}

.hpform p {
    margin-bottom: 30px;
}

.hpform .step {
}

.hpform .btn.over {
    position: relative;
    top: -30px;
}

::placeholder {
    color: #979797;
    font-size: 14px;
    opacity: 1;
}

@media (min-width: 992px) {
    #hpform1 {
        width: 880px;
    }

    #hpform2 {
        width: 550px;
    }
}

.form-inline .form-group {
    width: 100%;
}

.form-inline .form-control {
    font-size: 12px;
}

.form-inline label {
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .form-inline .form-group {
        width: auto;
        margin-bottom: 1rem;
        margin-right: 24px;
    }

    .form-inline label {
        margin-right: 8px;
    }
}

.input-group {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    margin-bottom: 10px;
}

.input-group > .form-control {
    box-shadow: none;
    padding: 9px;
}

.input-group > .form-control:not(:first-child) {
    border-left-width: 0;
}

.input-group-lg > .form-control {
    border-radius: 12px;
    font-size: 14px;
    box-shadow: none;
}

.input-group.input-group-lg > .form-control {
    height: 50px;
}


.input-group-lg > .input-group-prepend > .input-group-text {
    border-radius: 12px 0px 0px 12px;
}

.input-group i {
    color: red;
}

.input-group-text {
    background-color: #FFFFFF;
    border-color: #0086EE;
    border-radius: 12px;
}

.input-group .btn-search {
    background-color: #FFFFFF;
    border-color: #0086EE;
    border-radius: 0px 12px 12px 0px;
    border-width: 1px 1px 1px 0;
}

.input-group .btn-search i {
    color: #FFFFFF;
    border-radius: 12px;
    display: inline-block;
    padding: 10px;
    font-size: 17px;
}

.input-group .btn-search.btn-blue i {
    background-color: #0086EE;
}

.input-group .btn-search.btn-red i {
    background-color: #FF2C36;
}

.hp-search input.form-control {
    padding: 14px 18px 15px 18px;
    line-height: 16px;
}

.demand-detail .wrap {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}

.demand-detail .col-main .content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.demand-detail .col-sub {
    padding: 0 30px 15px 30px;
}

@media (min-width: 992px) {
    .demand-detail .col-sub {
        padding-top: 15px;
        padding-left: 0;
    }

    .demand-detail .col-main {
        padding-right: 0;
    }
}

.demand-detail .col-sub .content {
    background-color: #F5F6FA;
    padding: 15px;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.demand-detail .col-main .main-text {
    padding: 15px;
}

.demand-detail .col-main .main-text b:first-of-type {
    font-size: 20px;
}

.demand-detail .col-main .main-text .mode-text {
    font-size: 12px;
}

.demand-detail .prilohy {
    padding: 15px;
    border-top: 1px dashed #BEC8D0;
}

.demand-detail .contact {
    padding: 15px;
    border-top: 1px dashed #BEC8D0;
    text-align: left;
}

.demand-detail .contact .row {
    margin-bottom: 10px;
}


@media (min-width: 575px) {
    .demand-detail .contact .row {
        margin-bottom: 0;
    }
}

.demand-detail .fastoffer {
    padding: 15px;
    border-top: 1px dashed #BEC8D0;
}

.demand-detail .col-main .contact-area {
    background-color: #DBF5E4;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    align-self: flex-end;
    width: 100%;
}

.demand-detail .col-main .contact-area h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.demand-detail .col-sub .phone {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0px 8px 8px 0px;
    font-size: 12px;
    line-height: 23px;
    font-weight: bold;
    margin-bottom: 20px;
    display: flex;
    flex-flow: row;
    align-items: center;
}

.demand-detail .col-sub .phone.overen {
    background-color: #46C63F;
    color: #FFFFFF;
}

.demand-detail .col-sub .phone.overen:before {
    background-color: #FFFFFF;
    background-image: url("../images/phone-overeno.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    height: 45px;
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.demand-detail .col-sub .phone.neoveren {
    background-color: #949FBC;
    color: #FFFFFF;
}

.demand-detail .col-sub .phone.neoveren:before {
    background-color: #FFFFFF;
    background-image: url("../images/phone-neovereno.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    height: 45px;
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.demand-detail .col-sub .informace {
}

.demand-detail .col-sub .informace i {
    color: #D2D6E3;
    font-size: 26px;
    padding-top: 10px;
    padding-left: 10px;
}

.demand-detail .col-sub .informace img {
    padding-top: 10px;
    padding-left: 10px;
}

.demand-detail .col-sub .informace .row {
    margin-bottom: 15px;
}

.demand-detail .col-sub .informace .infolinka .bline {
    border-bottom: 1px solid #E5E7FA;
    margin: 15px 15px 0 15px;
}

.demand-detail .col-sub .informace .infolinka i {
    color: #0086EE;
    padding-left: 20px;
}

.demand-detail .col-sub .informace .infolinka .value {
    color: #0086EE;
    font-weight: bold;
}

.demand-detail .col-sub .title {
    font-weight: bold;
}

.demand-detail .col-sub .mode-info {
    border-top: 1px solid #E5E7FA;
    padding-top: 20px;
    margin-top: 20px;
}

.demand-detail .col-sub .mode-info p {
    font-size: 12px;
}

.demand-detail .col-sub .actions {
    border-top: 1px solid #E5E7FA;
    padding-top: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

.demand-detail .col-sub .actions i {
    padding-right: 10px;
}

.demand-detail .notice-img {
    margin-bottom: 45px;
}

.demand-detail h1::after {
    display: none;
}

.demand-detail h1 {
    margin-bottom: 0px;
}

.demand-detail .mode-text .marker {
    margin-left: 15px;
    text-transform: none;
    font-size: 13px;
}

.demand-detail .mode-text .marker i {
    color: #CFCFCF;
}

.demand-detail .mode-text .marker.active i {
    color: #F0E154;
}

.demand-detail .note-div {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.demand-detail .note-div b {
    text-transform: uppercase;
    margin-right: 10px;
}

.demand-detail .fastoffer label {
    font-weight: bold;
}

.demand-detail .top {
    margin-top: -6px;
    margin-bottom: 10px;
}

.demand-detail .top .tag {
    background-color: #FFF173;
    padding: 4px 8px;
    border-radius: 4px;
    color: #8E8321;
    font-size: 10px;
    font-weight: bold;
    margin-right: 15px;
}

.demand-detail .top .text {
    color: #8E8321;
    font-size: 10px;
}

.demand-done h1::after {
    display: none;
}

.demand-done .top-form {
    background: #E4F3FC;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}

.demand-done .top-form .top {
    padding: 15px;
}

.demand-done .top-form .bottom {
    background: #CDECFF;
    padding: 30px;
    padding-bottom: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.demand-done .top-form .bottom form {
    justify-content: center;
}

.mode-text {
    text-transform: uppercase;
}

.mode-text::after {
    content: '';
    border: 1px solid #FF2C36;
    width: 50px;
    display: block;
    margin-top: 5px;
    margin-bottom: 25px;
}

.benefits {
    text-align: center;
}

.benefits i {
    color: #FF2C36;
    font-size: 40px;
    margin-bottom: 10px;
}

.benefits .row > div {
    padding: 0 25px;
}

.navServices {
    font-size: 10px;
    min-width: 600px;
}

.navServices .identity {
    font-weight: bold;
}

.navServices .services {
    white-space: nowrap;
}

.navServices .notification {
    color: #FF2C36;
}

@media (max-width: 575px) {
    .navServices .row {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .navServices .identity {
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
}

.navAdmin {
    padding-top: 15px;
    margin-bottom: 30px;
}

.navAdmin li .placer {
    display: inline-block;
    height: 12px;
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

.navAdmin li .placer img {
    display: inline-block;
    padding-bottom: 3px;
}

.navAdmin li i {
    width: 20px;
    text-align: center;
    margin-right: 5px;
    color: #FF2C36;
}

.prehledSluzeb {
    line-height: 30px;
    margin-bottom: 30px;
}

.prehledSluzeb .service a {
    font-weight: bold;
    color: #283556;
}


.procurement-list {
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .procurement-list .row {
        margin: 0;
    }
}

.procurement-list .header div {
    color: #C1C1C1;
    font-size: 14px;
    margin-bottom: 10px;
}

.procurement-list .row.procurement {
    background-color: #FFFFFF;
    border: 1px solid #E8E9EC;
    border-radius: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    min-height: 58px;
    align-items: center;
}

.procurement-list .row.procurement:hover {
    background-color: #F5F6FA;
}

.procurement-list .row.procurement .nazev {
    font-weight: bold;
    line-height: 20px;
    padding: 9px 15px;
}

@media (min-width: 992px) {
    .procurement-list .nazev a {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.procurement-list .row.procurement .hodnota {
    font-weight: normal;
}

.contact-form .podpora {
    text-align: center;
    font-size: 18px;
}

.contact-form .podpora b, .contact-form .podpora b a {
    color: #46C63F;
}

.contact-form .podpora i {
    color: #46C63F;
}

.contact-form .podpora img {
    width: 60%;
}

.podpora .pozice::after {
    content: '';
    border: 1px solid #FF2C36;
    width: 50px;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .contact-form .container {
        width: 700px;
    }
}

.reputation a {
    display: block;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #D2D6E3;
    text-align: center;
    margin-bottom: 15px;
}

.reputation a:hover {
    text-decoration: none;
    border-color: #0086EE;
}

.reputation a img {
    height: 50px;
    margin-bottom: 5px;
}

.reputation a .stars {
    color: #FBE61D;
    font-size: 20px;
}

.reputation a .number {
    color: #283556;
    font-size: 20px;
}

@media (min-width: 992px) {
    .reference-form .form {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

.reference .reputation a {
    border: none;
}

.reference .videos .wrap a {
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}

.reference .videos .wrap a:hover::after {
    content: '';
    background-image: url('../nahledy/play.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.reference .videos .wrap h3 {
    color: #0086EE;
    margin-bottom: 0;
}

.reference .videos .wrap .firma {
    color: #0086EE;
    margin-bottom: 15px;
}

.reference .videos .row {
    margin-bottom: 15px;
}

.reference .odfirem .zaznam {
    margin-bottom: 45px;
}

.reference .odfirem h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #0086EE;
    margin: 0;
}

.reference .odfirem .firma {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #0086EE;
    margin-bottom: 5px;
}

.reference .odfirem p {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #283556
}

.reference .odpoptavajicich .zaznam {
    margin-bottom: 45px;
}

.reference .odpoptavajicich h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #0086EE;
    margin: 0;
}

.reference .odpoptavajicich .poptavka {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #283556;
    margin-bottom: 5px;
}

.reference .odpoptavajicich p {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #283556
}


.procurement-detail .wrap {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-bottom: 60px;
}

.procurement-detail .col-main .content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.procurement-detail .col-sub {
    padding: 0 30px 15px 30px;
}

.procurement-detail .mode-text .marker {
    margin-left: 15px;
    text-transform: none;
    font-size: 13px;
}

.procurement-detail .mode-text .marker i {
    color: #CFCFCF;
}

.procurement-detail .mode-text .marker.active i {
    color: #F0E154;
}

.procurement-detail .note-div {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.procurement-detail .note-div b {
    text-transform: uppercase;
    margin-right: 10px;
}


@media (min-width: 992px) {
    .procurement-detail .col-sub {
        padding-top: 15px;
        padding-left: 0;
    }

    .procurement-detail .col-main {
        padding-right: 0;
    }
}

.procurement-detail .col-sub .content {
    background-color: #F5F6FA;
    padding: 15px;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.procurement-detail .col-main .main-text {
    padding: 15px;
}

.procurement-detail .notice-img {
    margin-bottom: 45px;
}

.procurement-detail .col-sub .info-right {
    padding: 5px 15px 0 15px;
}

.procurement-detail .col-sub .info-right .pair {
    margin-bottom: 20px;
}

.procurement-detail .col-sub .info-right .title {
    font-weight: bold;
    margin-bottom: 5px;
}

.procurement-detail .col-sub .infolinka .bline {
    border-bottom: 1px solid #E5E7FA;
    margin: 15px 15px 15px 15px;
}

.procurement-detail .col-sub .infolinka i {
    color: #0086EE;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 28px;
}

.procurement-detail .col-sub .infolinka .value {
    color: #0086EE;
    font-weight: bold;
}

.procurement-detail .col-sub .graf {
    border-top: 1px solid #E0E0E0;
    padding: 30px 15px 10px 15px;
}

.procurement-detail .col-sub .actions {
    border-top: 1px solid #E0E0E0;
    padding: 20px 15px 10px 15px;
}

.procurement-detail .col-sub .actions a {
    display: block;
    margin-bottom: 10px;
}

.procurement-detail .col-sub .actions i {
    margin-right: 10px;
}

.procurement-detail .col-sub .graf h4 {
    font-size: 14px;
}

.procurement-detail .col-sub .graf a {
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

.procurement-detail .col-sub .info-right .value b {
    color: #FF2C36;
}

.procurement-detail .col-sub .info-right .value.cena b {
    color: #01CD46;
}

.procurement-detail .col-main .main-text {
    padding: 15px;
    height: 100%;
    position: relative;
}

.procurement-detail h1::after {
    display: none;
}

.procurement-detail h1 {
    margin-bottom: 0px;
}

.procurement-detail .col-main .main-text .mode-text {
    font-size: 12px;
}

.procurement-detail .col-main .main-text .popis {
}

.procurement-detail .col-main .main-text .number {
    position: absolute;
    bottom: 15px;
    right: 5px;
    font-size: 12px;
}

.procurement-detail .prilohy {
    background: #F5F6FA;
    border-radius: 12px;
    padding: 20px;
    display: inline-block;
}

.procurement-detail .prilohy i {
    font-size: 20px;
    margin-right: 10px;
}

.procurement-detail .col-main .contact-area {
    background-color: #EBFAFF;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    align-self: flex-end;
    width: 100%;
}

.procurement-detail .contact .title {
    text-align: right;
}

.procurement-detail .contact .value {
    text-align: left;
}

.procurement-detail .col-main .contact-area h2 {
    font-size: 20px;
    margin-bottom: 5px;
}

.procurement-detail .row.main {
    margin-bottom: 30px;
}

.procurement-detail .how-vz > div.row {
    justify-content: center;
}

.procurement-detail .how-vz .row.nice {
    border-radius: 12px;
    background-color: #F5F6FA;
}

.procurement-detail .how-vz i {
    color: #0E82EE;
    font-size: 32px;
    padding-top: 25px;
}

.procurement-detail .how-vz p {
    margin-bottom: 0;
    padding: 10px 0;
}

.procurement-detail .how-vz .row div {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

.procurement-detail .why {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 45px auto;
}

.procurement-detail .why > div {
    padding: 0 30px;
}

.procurement-detail .why i {
    color: #FF2C36;
    font-size: 48px;
    margin-bottom: 15px;
}

.star-report {

}

.star-report .star:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin: 0px 3px;
    font-size: 1.3em;
    display: inline-block;
}

.star-report .star.full:before {
    content: "\f005";
    color: #FFD700;
}

.star-report .star.empty:before {
    content: "\f005";
    color: lightgray
}

.star-report .star.half:before {
    color: #FFD700;
    content: "\f5c0";
}

.team img {
    width: 70%;
    border-radius: 50%;
    margin-bottom: 20px;
}

.team h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #FF2C36;
}

.team > div {
    margin-bottom: 45px;
}

.team a {
    display: none;
}

.refs .ref {
    margin-bottom: 45px;
    color: #59678C;
}

.refs .ref p {
    margin-bottom: 5px;
}

.refs .ref i {
    color: #FFF173;
}

.faq p {
    margin-bottom: 30px;
}

.catalog-index .category-list .category {
    margin-bottom: 30px;
}

.catalog-index .category-list .category-icon {
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-position: 0px 10px;
    padding-left: 40px;
}

.catalog-index .category-list .subcats a {
    margin-right: 15px;
    color: #283556;
}

.catalog-list .firma {
    background-color: #FFFFFF;
    margin-bottom: 15px;
    border-radius: 12px;
    padding: 20px;
}

.catalog-list .firma a.nazev {
    color: #283556;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 5px;
    display: block;
}

.catalog-list .firma .adresa {
    color: #979797;
    margin-bottom: 5px;
}

.catalog-list .firma .popis {
    margin-bottom: 5px;
    color: #00275D;
}

.catalog-list .firma .hodnoceni {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.catalog-list .firma .hodnoceni .tip {
    color: #8E8321;
    background: #FFF173;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 15px;
}

.catalog-list .firma .hodnoceni .poptavej {
    height: 15px;
    margin-right: 20px;
}

.catalog-list .firma .hodnoceni .procenta {
    font-weight: 800;
    font-size: 22px;
    color: #0086EE;
    margin-right: 20px;
}

.catalog-list .firma .hodnoceni .star-report {
    margin-right: 20px;
}

.catalog-list .firma .hodnoceni .pocet {
    color: #00275D;
}

.catalog-list .logo {
    text-align: right;
}

.catalog-list .logo img {
    max-height: 130px;
}

.catalog-detail .logo {
    border: 1px solid lightgray;
    margin-bottom: 30px;
    max-height: 150px;
}

.catalog-detail h1:after {
    display: none;
}

.catalog-detail .rating-sum {
    margin-bottom: 30px;
}

.catalog-detail .rating-sum .number {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 3px 9px;
    font-weight: 800;
    font-size: 24px;
    color: #46C63F;
    margin-right: 20px;
    margin-bottom: 15px;
    display: inline-block;
}

.catalog-detail .rating-sum .star-report {
    margin-right: 20px;
}

.catalog-detail .rating-sum a {
    margin-right: 10px;
}

.catalog-detail .rating-sum .tip {
    color: #8E8321;
    background: #FFF173;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
}

.catalog-detail .rating-sum .poptavej {
    height: 15px;
}

.catalog-detail .oceneni img {
    height: 90px;
}

.catalog-detail .oceneni {
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .catalog-detail .oceneni {
        text-align: right;
    }
}

.catalog-detail .categories {
    font-size: 12px;
    line-height: 20px;
    color: #C1C1C1;
    margin-bottom: 30px;
}

.catalog-detail .contact {
    background: #F5F6FA;
    border-radius: 8px;
}

.catalog-detail .contact .map {
    border-radius: 8px;
    overflow: hidden;
}

.catalog-detail .contact .info {
    padding: 30px;
}

.catalog-detail .contact .info i {
    color: #CBCED3;
    font-size: 14px;
    margin-right: 15px;
}

.catalog-detail .contact .info p {
    margin-bottom: 30px;
}

.catalog-detail .ratings {
    margin-bottom: 30px;
}

.catalog-detail .ratings .rating {
    border-bottom: 1px solid #D2D6E3;
    padding: 30px 0;
}

.catalog-detail .ratings .rating:first-of-type {
    border-top: 1px solid #D2D6E3;
}

.catalog-detail .ratings .rating img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 15px;
}

.catalog-detail .ratings .rating .nazev {
    font-weight: bold;
    margin-bottom: 15px;
}

.catalog-detail .ratings .rating .score {
    text-align: right;
}

.catalog-detail .ratings .rating .datum {
    justify-content: flex-end;
    color: #C1C1C1;
    align-items: flex-end;
    display: flex;
}

.catalog-detail .ratings .rating .number {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 3px 9px;
    font-weight: bold;
    font-size: 16px;
    color: #46C63F;
    margin-right: 15px;
}

.grayline {
    border-bottom: 1px solid #D2D6E3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.homepage .pouzivaji > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.homepage .pouzivaji img {
    width: auto;
    height: auto;
    max-width: 95%;
    max-height: 100px;
}

.clicklist .item {
    border-bottom: 1px solid #D2D6E3;
    padding: 30px;
}

.clicklist .item:first-of-type {
    border-top: 1px solid #D2D6E3;
}

.clicklist .content {
    display: none;
    margin-top: 15px;
    line-height: 30px;
    margin-bottom: 0;
}

.clicklist .active .content {
    display: block;
}

.clicklist .header {
    font-weight: bold;
    font-size: 20px;
    color: #0086EE;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 1.4;
}

.clicklist .active .header {
    color: #00275D;
}

@media (min-width: 992px) {
    .clicklist .header:before {
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        font-weight: bold;
        font-size: 20px;
        display: inline-block;
        margin-right: 30px;
        width: 14px;
    }

    .clicklist .active .header:before {
        content: "\f00d";
    }

    .clicklist .content {
        margin-left: 45px;
    }
}

.rating-detail h1:after {
    display: none;
}

.rating-detail h1 a {
    font-size: 20px;
    text-decoration: underline;
}

.rating-detail h1 {
    margin-bottom: 50px;
}

#collapseDemand {

}

.rating-detail .demander {
    font-weight: bold;
    margin-bottom: 10px;
}

.rating-detail .text {
    line-height: 30px;
    margin-bottom: 15px;
}

.rating-detail .vyuziva i {
    font-size: 28px;
    margin-right: 15px;
}

.rating-detail .prumer .number {
    background: #F5F6FA;
    border-radius: 8px;
    padding: 3px 9px;
    font-weight: 800;
    font-size: 24px;
    color: #46C63F;
    margin-right: 20px;
}

.rating-detail .summary .title {
    font-weight: bold;
}

.rating-detail .summary .value {
    display: flex;
    align-items: center;
}

.rating-detail .summary .procenta {
    color: #46C63F;
    font-weight: bold;
}

.rating-detail .summary .star-report {
    margin-right: 15px;
}

.rating-detail .summary .group {
    margin-bottom: 30px;
}

.rating-detail .comment {
    display: flex;
}

@media (min-width: 992px) {
    .rating-detail .comment .lines {
        width: 24px;
        height: 64px;
        border-left: 1px solid #D9DCE9;
        border-bottom: 1px solid #D9DCE9;
        margin-left: 20px;
        margin-right: 30px;
    }
}

.rating-detail .comment .box {
    border: 1px solid #D9DCE9;
    border-radius: 8px;
    padding: 15px 20px;
    margin-top: 15px;
    flex-grow: 1;
}

.template h2 {
    margin-bottom: 20px;
}

.template .form-group {
    margin-bottom: 30px;
}

.template .form-inline label {
    text-transform: none;
}

.template .side img {
    width: 100%;
    max-height: 450px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.template .side p {
    line-height: 30px;
    margin-bottom: 40px;
}

.kvsp h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.kvsp table tr {
    border-bottom: 1px solid #D2D6E3;;
    line-height: 32px;
}

.kvsp table tr td {
    text-align: center;
    padding-left: 60px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}

.kvsp table tr td.title {
    font-weight: bold;
    font-size: 14px;
    color: #00275D;
    white-space: nowrap;
    text-align: left;
    padding-left: 0px;
}

.kvsp table tr.header {
    font-weight: bold;
    font-size: 18px;
}

.kvsp table tr.order td {
    padding-top: 25px;
    padding-bottom: 25px;
}


.payment .sluzby li {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.payment .udaje {
    line-height: 30px;
    white-space: nowrap;
}

.payment .udaje .title {

}

.payment .udaje .value {
    font-weight: bold;
}

.payment .payment_method img {
    height: 24px;
    padding-right: 10px;
}

.mw-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

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

.mw-400 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.mw-250 {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}


.setting {
    font-size: 14px;
}


.setting h3 {
    margin: 5px 0 15px 0;
}

.setting .setting_category {
    padding: 10px;
    background-color: #E7E8EA;
    margin-bottom: 15px;
}

.mousetip {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    padding: 10px;
    font-size: 14px;
    background-color: white;
    color: #444444;
    border: 1px solid #444444;
    position: absolute;
}

.mousetip .header {
    margin-bottom: 5px;
    font-weight: bold;
}

.setting .setting_category .headline {
    margin-bottom: 10px;
}

.setting .setting_category .search_holder {
    float: right;
}

#setting_search_input {
    padding: 4px 10px;
    margin-right: 10px;
}

#setting_search_button {
    padding: 5px 15px;
    background-color: #0086EE;
    color: white;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

#setting_search_reset {
    font-size: 32px;
    color: red;
    text-decoration: none;
    padding: 10px;
    font-weight: bold;
    line-height: 0;
    cursor: pointer;
    position: relative;
    bottom: -5px;
}

#setting_category_add {
    padding: 5px 15px;
    background-color: #0086EE;
    color: white;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

#setting_category_remove {
    padding: 5px 15px;
    background-color: #FF2C36;
    color: white;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.setting .setting_category h3 {
    float: left;
}

.setting .setting_category select {
    width: 100%;
}

.setting .buttons {
    margin: 15px;
}

.setting .buttons .right {
    float: right;
}

#setting_category_list .selected {
    background-color: greenyellow;
}

/* location */
.setting .setting_location {

}

.setting .setting_location input {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.setting .setting_location .okresy {
    display: none;
    padding-left: 30px;
}

.setting .setting_location .toggle {
    cursor: pointer;
    padding-left: 5px;
}

.setting .kraje {
    margin-bottom: 15px;
}

.setting .kraje label {
    padding-right: 0px;
    white-space: pre-line;
}

.setting .kraje span {
    display: block;
    float: left;
    margin-right: 15px;
}

.setting .kraje input {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    display: inline;
}

.setting select {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.setting .setting_category input {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.setting label input {
    margin-right: 5px;
}

.popdown {
    display: none;
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 290px;
    z-index: 1000;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .popdown.show {
        display: block;
    }
}

.popdown .header {
    font-weight: bold;
    font-size: 14px;
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 15px;
    background: #46C63F;
    color: #FFFFFF;
    cursor: pointer;
}

.popdown .header:before {
    content: "\f35b";
    font-family: 'Font Awesome 5 Free';
    font-size: 24px;
    margin-right: 15px;
    line-height: 1;
}

.popdown.open .header:before {
    content: "\f358";
}

.popdown.open .header:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    margin-left: auto;
    line-height: 1;
    color: #46C63F;
}

.popdown .content {
    display: none;
    padding: 15px;
    background-color: #FFFFFF;
}

.popdown.open .content {
    display: block;
}

.popdown .content .infolinka {
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}

.modal-dialog .modal-content {
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

.modal-dialog .modal-header {
    padding: 40px 50px 0 50px;
    border: none;
}

.modal-dialog .modal-header .close {
    padding: 0;
    margin: 0;
    height: 30px;
}

.modal-dialog .modal-title {
    font-weight: bold;
    font-size: 20px;
    color: #283556;
}

.modal-dialog .modal-body {
    padding: 40px 50px;
}

.calc .box {
    background-color: #F5F6FA;
    padding: 25px 40px;
    border-radius: 8px;
}

.price-front .row {
    max-width: 850px;
    margin: 0 auto;
}

.price-front .row > div {
    margin-bottom: 45px;
}

.price-front .wrap {
    background: #FFFFFF;
    border: 1px solid #D2D6E3;
    border-radius: 8px;
    text-align: center;
    height: 100%;
    position: relative;
    padding-bottom: 35px;
    justify-content: space-between;
    display: flex;
    flex-flow: column;
}

.price-front .wrap h2 {
    font-weight: bold;
    font-size: 18px;
    color: #283556;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

.price-front .wrap .line {
    padding: 11px 22px;
}

.price-front .wrap .line.gray {
    background: #F9F9FA;
}

.price-front .wrap .line b {
    font-weight: normal;
}

.price-front .wrap .btn {
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}

.price-front .wrap .info {
    font-weight: normal;
    font-size: 13px;
    color: #0086EE;
    padding: 11px 22px;
    cursor: pointer;
}

.price-front .price {
    font-weight: bold;
    font-size: 27px;
    color: #00275D;
    line-height: 1.2;
}

.price-front .dph {
    font-size: 13px;
    color: #D9DCE9;
}

.price-front .platnost {
    font-size: 12px;
    color: #00275D;
    padding: 11px 22px;
}

.howItWorks .points .point {
    text-align: center;
    padding: 30px;
}

.howItWorks .points .point img {
    height: 70px;
    margin-bottom: 15px;
}

.howItWorks .points .point h3 {
    margin-bottom: 15px;
}

.howItWorks .controls {
    max-width: 600px;
    margin: 0 auto 60px auto;
}

.howItWorks .controls .control {
    background-color: #F5F6FA;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    position: relative;
}

.howItWorks .controls .control .line {
    background-color: #C9CCD9;
    width: 60px;
    height: 2px;
    margin: 15px auto;
}

.howItWorks .controls .control:hover {
    background-color: #FFFFFF;
    border: 1px solid #E2E4EF;
}

.howItWorks .controls .control:hover .line {
    background-color: #FF2C36;
}

.howItWorks .controls .control.active {
    background-color: #ECEEF3;
}

.howItWorks .controls .control.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 30px solid #ECEEF3;
    transform: translateX(-50%);
}

.howItWorks .controls .control.active b {
    visibility: hidden;
}

.howItWorks .controls .control.active .line {
    background-color: #FF2C36;
}

.howItWorks .switch .content .stage {
    display: none;
}

.howItWorks .switch .content .stage.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
}

.howItWorks .switch .content .form {
    width: 100%;
}


.price-list {
    font-size: 15px;
    color: #283556;
    line-height: 1.3;
    margin-top: 45px;
}

.price-list .item {
    background-color: white;
    border: 1px solid #E8E9EC;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 15px;
}

.price-list .nazev {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

.price-list .save {
    color: red;
    font-weight: bold;
}

.price-list .btn {
    line-height: 1.6;
}

.price-list .cena {
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    line-height: 1.4;
}

.price-list .platnost {
    text-align: right;
}

.price-list .dph {
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    padding-right: 30px;
}

.price-list .toggle a {
    text-decoration: none;
}

.price-list .toggle i {
    font-size: 12px;
    padding-left: 5px;
}

.price-list .toggle span {

}

.price-list .collapsed .less {
    display: none;
}

.price-list .more {
    display: none;
}

.price-list h3 {
    font-size: 16px;
}

.price-list .info:before {
    content: '';
    display: block;
    border-top: 1px dashed #BEC8D0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.price-list .toggle .collapsed .more {
    display: block;
}

.registration .reputation a {
    border: none;
}

.notification-list .unseen {
    font-weight: bold;
}

.notification-list {
    background-color: white;
    padding: 10px 20px;
}

.notification-list .small {
    font-size: 12px;
}

.notification-list .radek {
    padding: 5px 0px;
}

.notification-list .radek ~ .radek {
    border-top: 1px solid lightgray;
}

.profileForm .col-form-label {
    text-align: right;
}

.profileForm fieldset {
    margin-bottom: 15px;
}

.profileForm legend {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

button.slick-prev:before, button.slick-next:before {
    font-size: 32px;
}

.emailOffer .overheader {
    text-align: center;
    margin-top: 30px;
    font-size: 17px;
}

.emailOffer h1 {
    text-align: center;
    font-weight: 300;
    margin-top: 0;
    font-size: 40px;
    margin-bottom: 50px;
}

.emailOffer {
    color: #222E4C;
}


.emailOffer.credit h1 b {
    font-weight: 800;
    color: #5996BD;
}

.emailOffer.tariff h1 b {
    font-weight: 800;
    color: #BD59A5;
}

.emailOffer.procurement h1 b {
    font-weight: 800;
    color: #222E4C;
}

.emailOffer .points i {
    color: #C7CDD5;
    float: left;
    padding-top: 12px;
    padding-right: 10px;
    font-size: 22px;
    width: 40px;
}

.emailOffer .points img {
    color: #C7CDD5;
    float: left;
    padding-top: 12px;
    padding-right: 10px;
    font-size: 22px;
    width: 40px;
}

.emailOffer .points .upper {
    font-weight: bold;
    line-height: 1.3;
    font-size: 17px;
}

.emailOffer .points .lower {
    margin-bottom: 15px;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    .emailOffer .points {
        margin: 0 120px;
    }
}

.emailOffer .points {
    margin-bottom: 30px;
}

.emailOffer .points > div {
    padding-left: 45px;
}

.emailOffer .sleva {
    color: #FF2C36;
    font-weight: 800;
    text-align: center;
    font-size: 20px;
}

.emailOffer .btn-red {
    background-color: #FF2C36;
    padding: 15px 30px;
}

.emailOffer .underbtn {
    color: #222E4C;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 60px;
}

.emailOffer .underbtn span ~ span:before {
    content: '•';
    padding-right: 10px;
    padding-left: 5px;
}

.emailOffer .erefs {
    margin-bottom: 60px;
}

.emailOffer .erefs .eref {
    box-shadow: #dfe4eb 0px 0px 15px 5px;
    padding: 30px;
    border-radius: 30px;
}

.emailOffer .erefs .eref.left {
    margin-right: 30px;
}

.emailOffer .erefs .eref.right {
    margin-left: 30px;
}

.emailOffer .erefs .eref h3 {
    margin: 0;
}

.emailOffer .erefs .eref .star-report {
    margin-bottom: 10px;
    display: block;
}

.emailOffer .erefs .star-report {
    font-size: 14px;
}

.emailOffer .numbers {
    margin-bottom: 30px;
    line-height: 1.3;
}

.emailOffer .numbers .wrap {
    padding: 0px 20px;
    margin-left: 50px;
}

.emailOffer .numbers .number {
    color: #FF2C36;
    font-size: 32px;
    font-weight: 800;
}

.emailOffer .numbers .text {
    color: #222E4C;
    font-size: 15px;
    font-weight: 800;
}

.emailOffer .graf h2 {
    margin-top: 120px;
    margin-bottom: 5px;
    color: #222E4C;
}

.emailOffer h1:after {
    display: none;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 29000;
    background: #DCDCDC;
    padding: 5px;
    font-size: 13px;
    color: #000;
    width: 100%;
}

.cookie-consent a {
    text-decoration: underline;
    color: #000;
}

.cookie-consent button {
    background: #818182;
    color: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

.ratingChoose table tr {
    cursor: pointer;
}

.ratingChoose table tr.selected {
    font-weight: bold;
}

.ratingChoose table tr:hover {
    background-color: #e5e5e5;
}

.ratingChoose .action {
    color: #0086EE;
    text-decoration: none;
    cursor: pointer;
}

.star-rating {
    float: left;
}

.star-rating input {
    display: none;
}

.star-rating label:before {
    margin: 0px 5px;
    font-size: 1.4em;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    display: inline-block;
    content: "\f005";
}

.star-rating .half:before {
    content: "\f089";
    position: absolute;
}

.star-rating label {
    color: #ddd;
    float: right;
    margin-bottom: 0;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.star-rating input:checked ~ label, /* show gold star when clicked */
.star-rating:not(:checked) label:hover, /* hover current star */
.star-rating:not(:checked) label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */

.star-rating input:checked + label:hover, /* hover current star when changing rating */
.star-rating input:checked ~ label:hover,
.star-rating label:hover ~ input:checked ~ label, /* lighten current selection */
.star-rating input:checked ~ label:hover ~ label {
    color: #FFED85;
}


.landingPage .wraper {
    position: relative;
    /*
    background-color: white;
    border-radius: 5px 5px 0px 0px;
    margin: 30px;

     */
}

.landingPage h1 {
    color: #575757;
    font-weight: normal;
    text-align: center;
    font-size: 44px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.landingPage h1::after {
    display: none;
}

.landingPage h1 b {
    color: #F3323E;
    font-weight: bold;

}

.landingPage .how h2 {
    text-align: center;
    margin-bottom: 40px;
}

.landingPage .inner {
    font-size: 14px;
    font-weight: normal;
}

.landingPage .under {
    font-size: 14px;
    margin-top: 20px;
}

.landingPage .akce {
    position: absolute;
    background-color: #2A3556;
    color: white;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    top: 20px;
    right: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 35px;
    font-size: 14px;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    font-weight: bold;
}

.landingPage .main-text {
    margin-bottom: 40px;
}

.landingPage .how {
    text-align: center;
}

.landingPage .how .number {
    background-color: #F3323E;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    color: white;
    font-size: 28px;
    font-weight: bold;
    padding-top: 8px;
    position: relative;
    margin-bottom: 10px;
}


@media (min-width: 992px) {
    .landingPage .how .line:after {
        content: '';
        position: absolute;
        right: 65px;
        width: 250px;
        border-radius: 50%;
        border: 1px solid #7495B3;
        height: 40px;
    }

    .landingPage .how .line.up:after {
        border-width: 2px 0 0 0px;
        top: 0;
    }

    .landingPage .how .line.down:after {
        border-width: 0 0px 2px 0;
        bottom: 0;
    }
}

@media (min-width: 1200px) {

    .landingPage .how .line:after {
        width: 320px;
    }

    .landingPage .main-text {
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
}

#cookie-consent {
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    bottom: 0;
    font-size: 13px;
    display: none;
    border-top: 1px solid #DCE0E3;
    box-shadow: 0px 0px 30px 0px #000000;
}

#cookie-consent .top {
    padding-top: 10px;
    margin-bottom: 10px;
}

#cookie-consent .actions {
    text-align: right;
    padding-bottom: 10px;
}

#cookie-consent .actions .btn {
    margin-left: 10px;
}

#cookie-consent .middle {
    border-bottom: 1px solid #DCE0E3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: none;
}

#cookie-consent .btn-link {
    font-weight: normal;
    text-decoration: underline;
}

#cookie-consent #cc-btn-save {
    display: none;
}

#cookie-consent .middle .choice {
    display: flex;
    flex-flow: row;
    margin-top: 10px;
}

#cookie-consent .middle .choice label {
    margin: 0;
}

#cookie-consent .middle .choice input {
    margin: 5px 10px 0 5px;
    display: inline-block;
    transform: scale(1.2);
}

.top-pop .box {
    box-shadow: 0px 0px 35px rgba(40, 53, 86, 0.11);
    border-radius: 26px;
    max-width: 600px;
    padding: 50px;
    margin: 0 auto;
}

.top-pop .top-text {
    color: #8E8321;
    font-size: 12px;
}

.top-pop .btn-top {
    font-size: 13px;
}

.admin-list {
    margin-bottom: 15px;
}

.admin-list .header div {
    color: #C1C1C1;
    font-size: 14px;
    margin-bottom: 10px;
}

.admin-list .record {
    background-color: #FFFFFF;
    border: 1px solid #E8E9EC;
    border-radius: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    align-items: center;
}

.admin-list .record:hover {
    background-color: #F5F6FA;
}

.admin-list .record > div {
    padding-bottom: 10px;
}

.admin-list .record > div:first-of-type {
    padding-top: 10px;
}

.admin-list .marker {
    color: #CFCFCF;
    margin-right: 5px;
}

.admin-list .marker.active {
    color: #F0E154;
}

.admin-list .marker:hover {
    color: #0086EE;
}

.admin-list .record .nazev {
    font-weight: bold;
}

.admin.form-inline input {
    margin-right: 5px;
}

.admin-list .record .col-note {
    padding-top: 0;
    padding-bottom: 0;
}

.admin-list .row-note {
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
}

.admin-list .row-note .actions {
    white-space: nowrap;
}

.admin-list .record a.action {
    font-size: 12px;
}

.admin-list .record .call {
    display: none;
}

.admin-list .record .call img {
    width: 16px;
    margin-right: 10px;
}

.admin-list .record .note-div {
    font-size: 13px;
    padding-right: 20px;
}

.admin-list .record .ukonceni.over {
    display: none;
}

@media (min-width: 768px) {

    .admin-list .record > div {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .admin-list .row-note {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .admin-list .record .ukonceni {
        text-align: right;
        display: block !important;
    }
    .admin-list .record .call {
        text-align: right;
        display: block;
    }
}

.admin.form-inline label {
    text-transform: none;
}

.modal-slim .modal-dialog .modal-content {
    border-radius: 8px;
}

.modal-slim .modal-dialog .modal-header {
    padding: 5px 10px 0 10px;
}

.modal-slim .modal-dialog .modal-header .modal-title {
    font-size: 16px;
}

.modal-slim .modal-dialog .modal-header .close {
    height: auto;
}

.modal-slim .modal-dialog .modal-body {
    padding: 10px;
}