@font-face {
    font-family: "PFDinTextCondPro";
    font-weight: 400;
    src: url("fonts/PFDinTextCondPro-Regular/ac54ae3f47241ba1e4c5a5d01c4a27f0.eot"); /* IE9*/
    src: url("fonts/PFDinTextCondPro-Regular/ac54ae3f47241ba1e4c5a5d01c4a27f0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/PFDinTextCondPro-Regular/ac54ae3f47241ba1e4c5a5d01c4a27f0.woff2") format("woff2"), /* chrome、firefox */ url("fonts/PFDinTextCondPro-Regular/ac54ae3f47241ba1e4c5a5d01c4a27f0.woff") format("woff"), /* chrome、firefox */ url("fonts/PFDinTextCondPro-Regular/ac54ae3f47241ba1e4c5a5d01c4a27f0.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
    font-family: "PFDinTextCondPro";
    font-weight: 500;
    src: url("fonts/PFDinTextCondPro-Medium/bf203db276a8122597b58a4e3d063877.eot"); /* IE9*/
    src: url("fonts/PFDinTextCondPro-Medium/bf203db276a8122597b58a4e3d063877.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("fonts/PFDinTextCondPro-Medium/bf203db276a8122597b58a4e3d063877.woff2") format("woff2"), /* chrome、firefox */ url("fonts/PFDinTextCondPro-Medium/bf203db276a8122597b58a4e3d063877.woff") format("woff"), /* chrome、firefox */ url("fonts/PFDinTextCondPro-Medium/bf203db276a8122597b58a4e3d063877.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

html {
    font-size: 16px;
    height: 100%;
}

h1 {
    font-size: 60px;
    line-height: 65px;
    color: #ffffff;
    /*font-family: "Lobster", cursive;
    font-weight: 400;*/
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
}

  .christmas_popup {
    position: fixed;
    top: 0;
    //bottom: 0;
    left: 0;
    display: block;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background: #000c;
    overflow: scroll;
}
.christmas_popup.hidden {
	display: none;
}
.christmas_popup_inner {
	position: absolute;
    display: block;
    width: 300px;
    max-width: 90%;
    height: 300px;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    background: #000;
    border-top: 4px solid;
    border-bottom: 4px solid;
    border-left: 4px solid;
    border-right: 4px solid;
    border-image-slice: 1;
    border-width: 4px;
    display: table;
    padding-bottom: 25px;
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% - 18px);
    max-width: 500px;
}

@media only screen and (min-width: 768px) {
  .christmas_popup_inner {
      bottom: 0 !important;
  }
}

@media only screen and (max-height: 600px) {
  .christmas_popup_inner {
    margin-top: 0;
  }
}

.christmas_popup_inner button {
    padding: 0;
    border: none;
    background: #0000!important;
    outline: none;
    position: absolute;
    top: 2px;
    right: 8px;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 100!important;
}
.christmas_popup_inner button:hover {
    text-decoration: underline;
}
.christmas_popup_inner h2 {
    display: block;
    margin-top: 100px;
    text-align: center;
    font-size: 3rem !important;
    color: #fff;
    margin-top: 30px;
}
.christmas_popup_inner p{
 color: #fff;
}


.popup_link_wrapper{
    display: table;
    margin: auto;  
}

.popup_link {
    display: block;
	  width: 180px;
    margin: 20px auto 0;
    padding: 13px 35px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    border: solid 1px;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 1.5;
    text-align: center;
    float: left;
    white-space: nowrap;
}
.popup_link:nth-child(2){
    float: right;
    margin-left: 9px;
}


.popup_link:hover {
    background: #1dd5f2;
    border-color: #1dd5f2;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 42px;
    }

    body {
        cursor: pointer;
    }
}

h3 {
    font-family: "Lobster", cursive;
}

body {
    /*background-image: url(images/original_barber_bgr-TOP2.jpg);*/
    /*background-image: url(images/Original-Barber_Homepage-1.webp);*/
    background-image: url(images/Original-Barber_Homepage-1_3840.jpg);
    background-size: cover;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
}

@media only screen and (min-width: 768px) {
    body {
        /*background-size: 100% auto;*/
    }
}

body:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(27, 8, 1, 0.7);
    z-index: -1;
}

.container-inner, .container-fluid {
    max-width: 1110px;
    margin: 0 auto;
}

.jumbotron:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    background: 50% 0% no-repeat;
    background-size: cover;
}

.jumbotron {
    display: none;
    background-color: #bd0320;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0%;
}

.jumbotron .container-inner {
    min-height: 200px;
}

.jumbotron .container-content {
    max-width: 1110px;
    margin: 0 auto;
}

.jumbotron.jumbotron-bg-1 {
    display: block;
    background-color: transparent;
}

.jumbotron.jumbotron-bg-1:before {
    /*background-color: #fff;*/
    background-color: transparent;
}

@media only screen and (min-width: 480px) {
    .jumbotron {
        display: block;
    }

    .jumbotron .container-inner {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .jumbotron .container-inner:empty {
        min-height: 400px;
    }

    .jumbotron.jumbotron-bg-1:before {
        background-position: 50% 60%;
    }
}

@media (min-width: 576px) {
    .jumbotron.jumbotron-bg-1 {
        padding-top: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    .jumbotron.jumbotron-bg-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .utils__content {
        padding-left: 0;
        padding-right: 0;
    }

    h1, h3.text-truncate, .footer, .page-content, #sluzby {
        padding-left: 1.53rem;
        padding-right: 1.53rem;
    }

    .page-content h1 {
        padding-left: 0;
        padding-right: 0;
    }
}

#reservation_form {
    padding: 20px;
    /*z-index: 1039;*/
}

#reservation_form header img {
    height: 22px;
    float: right;
}

#reservation_form a {
    cursor: pointer;
    line-height: 1.2;
}

#reservation_form .form-group {
    padding: 0;
}

#reservation_form .form-group > svg {
    width: 25px;
    height: 22px;
    margin-left: 15px;
    margin-right: 10px;
    flex-shrink: 0;
    order: -1;
    opacity: 0.75;
    fill: #000;
}

#reservation_form .form-group.error {
    border-color: #cc9f32;
}

#reservation_form .form-group.error svg {
    fill: #cc9f32;
    opacity: 1;
}

#reservation_form .form-group.error input, #reservation_form .form-group.error input::placeholder {
    color: #cc9f32 !important;
}

#reservation_form .form-group input:disabled ~ svg {
    opacity: 0.3;
}

#reservation_form .form-group:not(.error) input::placeholder, #reservation_form .form-group:not(.error) input:disabled::placeholder {
    /*color: #ccc;*/
    color: #ffffff;
    opacity: 1;
}

#reservation_form .form-group:not(.error) input::-webkit-input-placeholder, #reservation_form .form-group:not(.error) input:disabled::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1;
}

#reservation_form .form-group:not(.error) input::-moz-placeholder, #reservation_form .form-group:not(.error) input:disabled::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
}

#reservation_form .form-input {
    /*padding: 18px 0;*/
    padding: 0;
    color: #000;
    line-height: calc(16px + 36px);
    height: calc(15px + 36px);
    padding-right: 5px;
    text-overflow: ellipsis;
}

#reservation_form .form-input[readonly] {
    caret-color: transparent;
}

#reservation_form .form-input.small {
    padding: 9px 0;
    line-height: calc(1em + 18px);
    height: calc(1em + 18px);
    text-transform: none;
}

#reservation_form .form-input.small::placeholder {
    text-transform: uppercase;
}

#reservation_form .form-input.center {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

#reservation_form .btn {
    width: 100%;
    margin-top: 10px;
    line-height: 1.5;
    flex-shrink: 0;
}

@media only screen and (max-width: 767px) {
    #reservation_form .btn {
        margin-top: 5px;
    }
}

#reservation_form table.summary {
    margin-top: -2px;
    font-size: 17px;
    margin-bottom: 22px;
    margin-left: 10px;
    line-height: 1;
    border-collapse: collapse;
}

#reservation_form table.summary th, #reservation_form table.summary td {
    vertical-align: baseline;
    border: 0;
    line-height: 1.15;
}

#reservation_form table.summary th {
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    padding-right: 1rem;
    color: #000;
    font-size: 12px;
}

#reservation_form table.summary td {
    color: #888;
}

#reservation_form table.summary td.upper {
    text-transform: uppercase;
}

#reservation_form table.summary em {
    color: #000;
    font-style: normal;
}

#reservation_form table.summary + label {
    margin-left: 10px;
}

#reservation_form fieldset {
    font-size: 13px;
    padding-bottom: 18px;
}

#reservation_form label, #reservation_form a {
    font-size: 13px;
}

#reservation_form label a {
    text-decoration: none;
    line-height: 1;
}

#reservation_form button[disabled] {
    pointer-events: none;
}

#reservation_form .buttonWrap:hover button {

}

@media only screen and (min-width: 480px) {
    #reservation_form {
        max-width: 510px;
    }
}

@media only screen and (max-width: 767px) {
    #reservation_form {
        overflow: hidden;
    }
}

.generic-form {
    background: #fff;
    margin: 0 auto;
    padding: 15px;
    position: relative;
}

.generic-form header a {
    font-size: 10px;
    display: inline-block;
    text-decoration: none;
    color: #3f3f41;
    text-transform: uppercase;
    border-left: 2px solid #c4c5c7;
    padding: 0 0 0 35px;
    position: relative;
    line-height: 1;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    .generic-form header a {
        padding: 0 0 0 20px;
    }
}

.generic-form header a img {
    position: absolute;
    left: 10px;
    top: 3px;
}

.generic-form header a:hover {
    color: #cc9f32;
}

.generic-form header .link-back {
    text-transform: none;
    font-size: 16px !important;
    border-left: 0;
    top: 3px;
}

.generic-form header .link-back svg {
    margin-right: 1px;
    position: relative;
    top: 1px;
}

.generic-form header .link-back:hover {
    text-decoration: none;
}

.generic-form header .link-back:hover svg path {
    stroke: #cc9f32;
}

.generic-form .form-input small {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

@media only screen and (min-width: 768px) {
    .generic-form {
        padding: 20px;
        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
        margin: 0;
    }
}

.generic-form .heading, .generic-form .contact-form h2, .contact-form .generic-form h2, .generic-form .contacts-item h2, .contacts-item .generic-form h2 {
    /*margin-left: 10px;*/
}

#reservation_form .form-group {
    color: #858688;
    background: #cc9f32;
    border: 1px solid #d0d0d0;
    /*padding: 15px 20px;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0;
    margin-bottom: 0;
    position: static;
}

/*.form-group .custom-select {
    flex: 1;
}*/

#reservation_form .form-group + .form-group {
    margin-top: 15px;
}

.form-group.highlight {
    position: relative;
}

.form-group.highlight:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: form-group-success 1.5s ease-in-out;
    opacity: 0.25;
}

.form-group.focus {
    border-color: #000;
}

@keyframes form-group-success {
    0% {
        background-color: transparent;
    }

    25% {
        background-color: #00e362;
    }

    100% {
        background-color: transparent;
    }
}

.form-input {
    border: 0 none;
    background: transparent;
    padding: 10px;
    font-size: 16px;
    color: #858688;
    border-radius: 0;
    text-transform: uppercase;
    width: auto;
    flex: 1;
}

form header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.selectList {
    visibility: hidden;
    position: absolute;
    left: 100%;
    right: -100%;
    top: 0;
    bottom: 0;
    margin: 0;
    /*z-index: 999;*/
    z-index: 1;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) {
    .selectList {
        right: -120%;
    }
}

.selectList input {
    display: none;
}

.selectList input.form-control {
    display: inline-block;
}

.selectList > div {
    transition: all 0.25s ease-in-out;
    left: -100%;
    background: #fff;
    border: 20px solid #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.selectList > div > div {
    overflow-y: auto;
    position: relative;
    flex-grow: 1;
    /*border: 20px solid #fff;*/
    /*padding: 20px;*/
    /*border-left: 10px;
    border-right: 10px;*/
    /*background: #fff;*/
    /*min-height: 100%;*/
}

.selectList[data-name="reservation[contact]"] > div {

}

.selectList[data-name="reservation[contact]"] > div > div {
    /*min-height: 100%;*/
    overflow: visible;
}

.selectList div.row {
    min-height: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.selectList div.row .col-form-label {
    padding-bottom: calc(0.075rem + 1px);
}

.selectList div.row .utils__control {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .selectList > div > div {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .selectList div.row {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

.selectList > div > div.ps--active-y ul {
    padding-right: 25px;
}

.selectList > div > em {
    font-style: normal;
    font-size: 13px;
    /*border: 20px solid #fff;
    border-top: 0;*/
    line-height: 1.3;
    padding: 0 calc(25px + 0.75rem) 0 25px;
    /*background: #fff url('icons/info-grey.svg') left top no-repeat;*/
    background-size: 16px 16px;
    text-align: justify;
    display: block;
    flex-shrink: 0;
}

.selectList > div > em a {
    color: #858688;
}

.selectList > div > em a:hover {
    color: #cc9f32;
}

.selectList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 1px;
}

.selectList li label {
    display: block;
    cursor: pointer;
    padding: 0.3rem 0.75rem;
    border: 1px solid transparent;
    border-bottom-color: #999;
    margin-top: -1px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.selectList li label span {
    float: right;
    text-transform: none;
}

.selectList li label.d-flex span {
    float: none;
}

.selectList li label.d-flex span:first-child {
    padding-right: 5px;
}

.selectList li label:hover {
    color: #cc9f32;
}

.selectList li:last-child label {
    border-bottom-color: transparent;
}

.selectList li input:checked + label {
    color: #cc9f32;
    border-color: #cc9f32;
}

.selectList.visible {
    visibility: visible;
}

.selectList.visible > div {
    left: 0;
}

/*.selectList {
    transition: all 0.25s ease-in-out;
}

.selectList > div, .selectList > em, .selectList > button {
    transition: none;
    left: 0;
}*/

@media only screen and (max-width: 767px) {
    .selectList {
        transition: all 0.25s ease-in-out;
    }

    .selectList > div {
        transition: none;
        left: 0;
    }

    .selectList.visible {
        left: 0;
        right: 0;
    }
}

.bootstrap-datetimepicker-widget {
    /*position: absolute;
    left: 100% !important;
    right: -100% !important;
    top: 0 !important;
    bottom: 0 !important;*/
    color: #3f3f41;
    /*z-index: 999;*/
    overflow: hidden;
    border: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    max-width: none;
}

.bootstrap-datetimepicker-widget > ul {
    padding: 20px;
    /*position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;*/
    background: #fff;
    /*animation: datepicker-show 0.25s ease-in-out;*/
}

.bootstrap-datetimepicker-widget li.picker-switch {
    list-style-type: none;
    /*padding-top: 13px;*/
}

.bootstrap-datetimepicker-widget li.picker-switch table {
    width: 100%;
}

/*.bootstrap-datetimepicker-widget li.picker-switch td:first-child {
    padding-right: 15px;
}*/

.bootstrap-datetimepicker-widget li.picker-switch td:nth-child(2),
.bootstrap-datetimepicker-widget li.picker-switch td:nth-child(4) {
    display: none;
}

.bootstrap-datetimepicker-widget li.picker-switch a {
    display: block;
    text-align: center;
    /*padding: 1rem 20px;*/
    /*padding: 0 20px;*/
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400;
    border: 0;
    outline: 0 none;
    text-decoration: none;
    transition: all 0.2s ease;
    background: #cc9f32;
    letter-spacing: 1px;
    line-height: 1.3rem;
}

.bootstrap-datetimepicker-widget li.picker-switch a:hover {
    background: #cc9f32;
}

.bootstrap-datetimepicker-widget li.picker-switch a:disabled {
    background: -webkit-gradient(linear, left top, right top, from(#9c9c9c), color-stop(50%, #ccc), to(#9c9c9c));
    background: -webkit-linear-gradient(left, #9c9c9c 0%, #ccc 50%, #9c9c9c 100%);
    background: -o-linear-gradient(left, #9c9c9c 0%, #ccc 50%, #9c9c9c 100%);
    background: linear-gradient(to right, #9c9c9c 0%, #ccc 50%, #9c9c9c 100%);
}

.bootstrap-datetimepicker-widget li.picker-switch a.btn--white {
    background: transparent;
    border: 1px solid #858688;
    color: #3f3f41 !important;
}

.bootstrap-datetimepicker-widget li.picker-switch a.btn--white:hover {
    color: #cc9f32 !important;
    border-color: #cc9f32;
}

.bootstrap-datetimepicker-widget th.prev span,
.bootstrap-datetimepicker-widget th.next span,
.bootstrap-datetimepicker-widget a[data-action="incrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] span {
    margin: 0 auto;
    display: block;
    background: left top no-repeat;
}

.bootstrap-datetimepicker-widget th.prev span,
.bootstrap-datetimepicker-widget th.next span {
    width: 9px;
    height: 14px;
}

.bootstrap-datetimepicker-widget th.prev span {

}

.bootstrap-datetimepicker-widget th.next span {

}

/*.bootstrap-datetimepicker-widget a[data-action="incrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] span {
    width: 26px;
    height: 14px;
}*/

.bootstrap-datetimepicker-widget a[data-action="incrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"] span {

}

.bootstrap-datetimepicker-widget a[data-action="decrementHours"] span,
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"] span {

}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker strong {
    display: block;
    text-align: center;
    margin-bottom: 7px;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table {
    margin-top: 12px;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker .timepicker-minute {
    cursor: default;
}

.bootstrap-datetimepicker-widget .timepicker em {
    display: block;
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: -2px;
    font-style: normal;
    padding-left: 25px;
    line-height: 1.3;
    /*background: #fff url('icons/info-grey.svg') left 2px no-repeat;*/
    background-size: 16px 16px;
}

.bootstrap-datetimepicker-widget li.collapse:nth-child(2).in + .picker-switch td:nth-child(1),
.bootstrap-datetimepicker-widget li.collapse:nth-child(2).in + .picker-switch td:nth-child(3) {
    display: none;
}

.bootstrap-datetimepicker-widget li.collapse:nth-child(2).in + .picker-switch td:nth-child(4) {
    display: table-cell;
}

@media only screen and (max-width: 767px) {
    .bootstrap-datetimepicker-widget {
        /*left: 0;
        right: 0;*/
        /*-webkit-animation: datepicker-show-mobile 0.25s ease-in-out;
        animation: datepicker-show-mobile 0.25s ease-in-out;*/
    }

    .bootstrap-datetimepicker-widget > ul {
        -webkit-animation: none;
        animation: none;
    }

    .bootstrap-datetimepicker-widget .timepicker p {
        font-size: 13px;
    }

    .bootstrap-datetimepicker-widget td.day {
        height: 24px !important;
        line-height: 24px !important;
    }
}

@keyframes datepicker-show {
    0% {
        left: -100%;
        right: 100%;
    }
    100% {
        left: 0;
        right: 0;
    }
}

@keyframes datepicker-show-mobile {
    0% {
        left: 100%;
        right: -100%;
    }
    100% {
        left: 0;
        right: 0;
    }
}

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
    background: #eee;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch table {
    border-collapse: collapse;
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    margin: 0 auto;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 50%;
    border: none;
    vertical-align: middle;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead th.dow {
    font-weight: normal;
    color: #999;
    font-size: 90%;
    padding-top: 1rem;
}

.bootstrap-datetimepicker-widget table td {
    height: 45px;
    line-height: 45px;
    width: 45px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 35px;
    line-height: 35px;
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 35px;
    line-height: 35px;
    width: 35px;
    padding: 1px 5px 0 5px;
    margin: 0 1px;
}

.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table td.hour, .bootstrap-datetimepicker-widget table td.minute, .bootstrap-datetimepicker-widget table td.second {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
    color: #777;
}

.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover:before, .bootstrap-datetimepicker-widget table td.active:before, .bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    line-height: 29px;
    border: 1px solid;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -15px;
    border-radius: 50%;
    box-sizing: border-box;
    display: none;
}

.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover:before {
    border-color: #999;
}

/*.bootstrap-datetimepicker-widget table td.day.today {
    color: #cc9f32;
}*/

.bootstrap-datetimepicker-widget table td.day.today:before {
    border-color: #cc9f32;
}

.bootstrap-datetimepicker-widget table td.day.active:before {
    /*content: attr(data-daynumber) !important;
    background: #cc9f32;*/
    border-color: #cc9f32 !important;
    /*color: #fff !important;*/
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    font-weight: normal;
    background: none;
    color: #ccc;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
}

.ps__rail-x, .ps__rail-y {
    display: none;
    position: absolute;
    border: solid #fff;
    background: #999;
}

.ps__rail-x {
    height: 15px;
    border-width: 7px 0;
    bottom: 0;
}

.ps__rail-y {
    width: 15px;
    border-width: 0 7px;
    right: 0;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
}

.ps__thumb-x, .ps__thumb-y {
    background: #fff;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #cc9f32;
}

.ps__thumb-x {
    margin: -7px 0;
}

.ps__thumb-y {
    margin: 0 -7px;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute;
}

.tooltipster-box {
    flex: 1 1 auto;
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading 400ms;
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating 600ms;
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling 600ms;
}

.tooltipster-sidetip .tooltipster-box {
    background: #ffe100;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
    color: #000;
    line-height: 1.25em;
    padding: 10px 15px 10px 35px;
    font-size: 16px;
    background: url('icons/info.svg') 10px 12px no-repeat;
    background-size: 16px 16px;
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ffe100;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ffe100;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ffe100;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ffe100;
    left: 0;
    top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    left: 0;
    top: 0;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td.active:active, .bootstrap-datetimepicker-widget table td.active:active:hover {
    background-color: transparent;
    color: #3f3f41 !important;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget table td:not(.disabled), .bootstrap-datetimepicker-widget table td:not(.disabled):hover,
.bootstrap-datetimepicker-widget table td:not(.disabled):active, .bootstrap-datetimepicker-widget table td:not(.disabled):active:hover {
    background-color: transparent;
    color: #3f3f41 !important;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget table td:hover, .bootstrap-datetimepicker-widget table td.day.old:hover, .bootstrap-datetimepicker-widget table td.day.new:hover {
    background-color: transparent;
    color: #3f3f41 !important;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table td > span:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget .accordion-toggle span {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table td.day.disabled:hover {
    background-color: transparent;
    color: #c0bdd0 !important;
}

.bootstrap-datetimepicker-widget .accordion-toggle span:hover {
    background-color: transparent;
}

#timetable {
    text-align: center;
}

#timetable a {
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1.38px;
    padding: 0 6px;
    transition: none;
}

#timetable a:hover,
#timetable a.active {
    border-radius: 5px;
    color: #fff;
    background-color: #cc9f32;
}

body {
    padding-top: 100px;
}

.top-bar {
    /*position: static;
    background: transparent;*/
    background: rgba(0, 0, 0, 0.3);
    border: 0;
    /*padding-right: 0;*/
    /*z-index: 9900000000;*/
}

.top-bar__logo {
    /*margin-left: auto;
    margin-right: auto;*/
    width: auto;
    height: auto;
}

.top-bar__logo img {
    max-height: 4.05rem;
}

@media (min-width: 768px) {
    .top-bar__logo img {
        /*max-height: none;*/
    }
}

.top-bar__item {
    padding-top: 0;
    color: #fff;
}

.top-bar__right .top-bar__item {
    margin-left: 1rem;
}

.top-bar__right .top-bar__item > a {
    color: #fff;
    font-size: 25px;
}

.top-bar__item .dropdown > * {
    vertical-align: middle;
}

.top-bar__item .dropdown span {
    font-weight: bolder;
    margin-right: 5px;
}

.top-bar__item .dropdown a[data-toggle="dropdown"] {
    line-height: 1;
}

.top-bar__item .dropdown {
    white-space: nowrap;
}

h2:not([class]) {
    font-family: "Lobster", cursive;
}

#pobocky h2:not([class]), #poukazy h2:not([class]), #voucher h2:not([class]), #voucher-apply h2:not([class]), #nas-team h2:not([class]), #produkty h2:not([class]), #projekty h2:not([class]), #sluzby h2:not([class]), #barberi h2:not([class]), .row.text-center h3 {
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
}

h2:not([class]), .d-flex h3, .row.text-center h3 {
    text-align: center;
    color: #fff;
}

@media only screen and (max-width: 640px) {
    .generic-form .heading, .generic-form .contact-form h2, .contact-form .generic-form h2, .generic-form .contacts-item h2, .contacts-item .generic-form h2 {
        font-size: 1.5rem;
    }

    .generic-form header a {
        padding: 0 0 0 12px;
    }

    .form-input {
        font-size: 14px;
    }
}

.footer {
    color: #fff;
    text-align: center;
}

.footer a {
    color: #fff;
}

.footer .inline-block {
    display: inline-block;
    text-align: left;
}

.utils__scroll-top, .utils__scroll-top:hover, .utils__scroll-top:focus {
    background: transparent;
}

@media (min-width: 768px) {
    dl > dt {
        width: 160px;
        float: left;
        clear: both;
        white-space: nowrap;
    }

    dl > dd {
        margin-left: 180px;
    }
}

.utils__control {
    line-height: 1.2;
}

.modal .utils__control {
    display: inline-block;
    margin-right: 15px;
    padding-left: 25px;
}

.modal .col-form-label {
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown a[data-toggle="dropdown"] {
    font-size: 42px;
    color: #cc9f32;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:focus {
    color: #cc9f32;
}

.dropdown-menu {
    border: 0;
}

h2:not([class]) {
    font-size: 72px;
}

.footer h2 {
    text-align: left;
    font-size: 2rem;
}

.page-content {
    color: #fff;
}

/*:target {
    padding-top: 79px;
    margin-top: -79px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    display: inline-block;
}*/

:target::before, .is-targeted::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none;
}

#pobocky {
    max-width: 1400px;
    margin: 0 auto;
}

#pobocky .row {
    margin-left: -15px;
    margin-right: -15px;
}

#pobocky .row > div {
    padding-left: 13px;
    padding-right: 13px;
}

#pobocky .mb-4 {
    background: #4E4E4E;
}

#pobocky .mb-4 {
    position: relative;
}

#pobocky .mb-4 > div:before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("images/box_bg.png") center no-repeat;
    background-size: cover;
}

#pobocky .mb-4::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 150%;
}

#pobocky .mb-4::after { /* to clear float */
    content: "";
    display: table;
    clear: both;
}

#pobocky .mb-4 .info {
    padding: 20px 25px 27px 25px;
}

#pobocky .mb-4 .info > div *:last-child {
    font-family: "PFDinTextCondPro", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 500;
    padding-top: 3px;
    word-break: break-word;
}

#pobocky .mb-4 .info > div span:first-child {
    width: 52px;
    font-size: 0;
    line-height: 0;
}

#pobocky .mb-4 .info > div .small {
    letter-spacing: 0;
    font-size: 16px;
}

#pobocky .mb-4 .info > div {
    margin-bottom: 12px;
}

#pobocky .mb-4 .info > a {
    text-align: center;
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
}

#pobocky .mb-4 .info > a span.flex-grow-1 {
    background-color: #cc9f32;
    font-size: 23px;
    line-height: 53px;
    letter-spacing: 1px;
    color: #fffefe;
    padding-left: 1rem;
    padding-right: 1rem;
}

#pobocky .mb-4 .info > a span.flex-shrink-0 {
    width: 52px;
    height: 53px;
    background-color: #cc9f32;
    margin-left: 3px;
    font-size: 18px;
    letter-spacing: 0px;
    color: #fffefe;
    font-family: "Lobster", cursive;
    position: relative;
}

#pobocky .mb-4 .info > a span.flex-shrink-0::after {
    content: 'i';
    width: 31px;
    height: 31px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: auto;
    line-height: 26px;
}

.icon1 {
    min-height: 31px;
    background: url("images/svg/icon1.svg?v=1.0.0") center center no-repeat;
    background-size: 24px 31px;
}

.icon2 {
    min-height: 23px;
    background: url("images/svg/icon2.svg?v=1.0.0") center center no-repeat;
    background-size: 22px 23px;
}

.icon3 {
    min-height: 25px;
    background: url("images/svg/icon3.svg?v=1.0.0") center center no-repeat;
    background-size: 34px 25px;
}

.icon4 {
    min-height: 31px;
    background: url("images/oteviraci%20doba.png") center center no-repeat;
    background-size: 31px 31px;
}

.d-flex {
    max-width: 100%
}

@media (max-width: 767px) {
    #pobocky .mb-4 .info .text-truncate {
        white-space: normal;
    }
}

.form {
    background: #616161;
    padding: 40px;
}

.form dl {
    color: #f3f5f2;
}

.form label, .form div > small, .form .btn.btn-primary {
    color: #f3f5f2 !important;
    font-family: "PFDinTextCondPro", sans-serif;
    font-size: 16px;
}

.form h5.form-group {
    color: #f3f5f2 !important;
    font-family: "PFDinTextCondPro", sans-serif;
    font-size: 24px;
}

.form h3 {
    color: #f3f5f2;
    margin-top: 2px;
    margin-bottom: 13px;
}

.form label {
    font-weight: 500;
    font-size: 18px;
}

.form .utils__control__indicator {
    background-color: #f3f5f2;
}

.form .col-form-label {
    font-size: 24px;
}

.form form {
    padding: 0;
}

.form .btn.btn-primary {
    background-color: #cd9a32;
    border-color: #cd9a32;
    border-radius: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 5rem;
    padding-right: 5rem;
}

.form .form-control {
    background-clip: border-box;
    border-radius: 0.7rem;
}

.form .select2-container--default .select2-selection--single {
    border-radius: 0.7rem;
}

.form .select2 .select2-selection--single {
    height: 2.43rem;
}

.form .select2 .select2-selection--single .select2-selection__arrow {
    height: 2.43rem;
}

.form .select2 .select2-selection--single .select2-selection__rendered {
    line-height: 2.43rem;
}

.utils__content {
    padding-bottom: 70px;
}

@media (min-width: 768px) {
    .form .col-form-label {
        font-size: 24px;
        padding-top: 0.1rem;
        padding-bottom: 0.59rem;
    }

    .form .form-group {
        margin-bottom: 0;
    }

    .form div > small {
        display: inline-block;
        margin-bottom: 1rem;
    }
}

#frm-voucherApplyForm .form-group {
    margin-bottom: 1rem;
}

.form-control-error-list ul {
    color: #f39834;
}

#poukazy .item > .d-flex {
    background: #616161;
    max-width: 100vw;
}

#poukazy .item > .d-flex > div:first-child {
    padding: 25px 15px 10px 15px;
    width: 240px;
}

#poukazy h3 {
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
    font-size: 19px;
}

#poukazy a {
    text-align: center;
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
    background-color: #cc9f32;
    font-size: 23px;
    line-height: 53px;
    letter-spacing: 1px;
    color: #fffefe;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 10px;
}

.branchListCarousel .owl-stage-outer {
    max-height: 200px;
}

.branchListCarousel .owl-carousel .item img {
    max-height: 200px;
    width: auto;
}

.branchListCarousel .owl-carousel .item {
    position: relative;
}

.branchListCarousel .owl-carousel .item h3 {
    position: absolute;
    bottom: 5px;
    /*left: 0;
    right: 0;*/
    left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 20px;
    /*text-align: center;*/
}

#nas-team {
    font-family: "PFDinTextCondPro", sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

#nas-team p {
    line-height: 1.3;
}

#nas-team h3 {
    font-family: "PFDinTextCondPro", sans-serif;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 1px;
}

#nas-team img {
    border-radius: 50%;
    border: 10px solid #616161;
}

#nas-team .row .mb-4 {
    position: relative;
    margin-bottom: 34px !important;
    padding: 0 34px 34px 34px;
}

#nas-team {
    max-width: 1400px;
    margin: 0 auto;
}

#nas-team .row {
    margin-left: -17px;
    margin-right: -17px;
}

#nas-team .row > div {
    padding-left: 17px;
    padding-right: 17px;
}

#nas-team .row .mb-4 > div {
    position: relative;
}

#nas-team .row .mb-4:before {
    display: block;
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #616161;
}

#nas-team .email {
    width: 78px;
    height: 75px;
    background: url("images/email.png") center no-repeat;
}

#nas-team .phone {
    width: 78px;
    height: 75px;
    background: url("images/phone.png") center no-repeat;
}

#produkty {
    max-width: 1430px;
    margin: 0 auto;
}

#projekty {
    max-width: 1500px;
    margin: 0 auto;
}

#sluzby {
    font-family: "PFDinTextCondPro", sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.25;
    max-width: 1400px;
    margin: 0 auto;
}

#sluzby .d-flex span:first-child {
    padding-right: 10px;
}

#sluzby .d-flex span:last-child {
    font-family: "Lobster", cursive;
    padding-left: 10px;
}

#sluzby .d-flex span.flex-grow-1 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 33%, rgba(0, 0, 0, 0) 0%);
    background-repeat: repeat-x;
    background-position: center 17px;
    background-size: 3px 1px;
}

@media (max-width: 767px) {
    #sluzby {
        font-size: 18px;
    }
    #sluzby small {
        font-size: 15px;
    }
}

#sluzby small {
    line-height: 1.45;
}

#voucher .form textarea {
    margin-bottom: 0.59rem; 
}

#voucher .form .col-form-label {
    padding-top: 0.1rem;
    padding-bottom: 0.59rem;
}

#voucher .form a {
    color: #f3f5f2 !important;
    text-decoration: underline;
}

@media (max-width: 767px) {
    #voucher .form .btn.btn-primary {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}