html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@font-face {
    font-family: "TrajanProRegular";
    src: url("fonts/TrajanProRegular.eot");
    src: url("fonts/TrajanProRegular.woff") format("woff"), url("fonts/TrajanProRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: sans-serif;
    background-color: #690203;
    color: white;
    font-size: 12px;
}

.header {
    background: #290000 url("../images/header-background_Tantra-masaze-Praha.png") no-repeat center top;
    position: relative;
}

.header .header-top {
    max-width: 930px;
    margin: 0 auto;
    position: relative;
    height: 164px;
}

.header .header-top .header-logo {
    position: absolute;
    top: 40px;
    left: 225px;
}

@media screen and (max-width: 800px) {
    .header .header-top .header-logo {
        left: 160px;
    }
}

@media screen and (max-width: 700px) {
    .header .header-top .header-logo {
        left: 140px;
    }
}

@media screen and (max-width: 550px) {
    .header .header-top .header-logo {
        top: 20px;
        left: 65px;
    }
}

@media screen and (max-width: 430px) {
    .header .header-top .header-logo img {
        width: 150px;
    }
}

.header .header-top .header-female {
    position: absolute;
    top: -3px;
    left: -20px;
}

@media screen and (max-width: 1030px) {
    .header .header-top .header-female {
        left: 20px;
        top: -3px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-top .header-female {
        top: -3px;
    }
}

.header .header-top .header-female.small {
    display: none;
}

.header .header-top .header-female.small img {
    height: 250px;
}

@media screen and (max-width: 860px) {
    .header .header-top .header-female {
        top: 47px !important;
    }
}

@media screen and (max-width: 800px) {
    .header .header-top .header-female {
        top: 14px !important;
        left: 20px !important;
    }

    .header .header-top .header-female img {
        height: 150px !important;
    }
}

@media screen and (max-width: 666px) {
    .header .header-top .header-female {
        top: 9px !important;
    }
}

@media screen and (max-width: 550px) {
    .header .header-top .header-female {
        display: none;
    }
}

.header .header-top .header-langs {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 0 15px;
    background: #1e0000 url("../images/header-langs-top-line_Tantra-masaze-Praha.png") no-repeat center -1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 214px;
}

.header .header-top .header-langs img {
    max-height: 15px;
}

.header .header-top .header-langs .header-langs-other li {
    display: inline;
}

.header .header-top .header-langs a {
    display: block;
    padding: 15px 5px 10px;
    float: left;
}

.header .header-top .header-langs a:hover img {
    filter: brightness(130%);
}

@media screen and (max-width: 960px) {
    .header .header-top .header-langs {
        right: 20px;
    }
}

@media screen and (max-width: 666px) {
    .header .header-top .header-langs {
        display: none;
    }
}

.header .header-top .header-langs-mobile {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 66px;
    z-index: 100;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #1e0000;
}

.header .header-top .header-langs-mobile img {
    max-height: 15px;
}

.header .header-top .header-langs-mobile .header-langs-mobile-other-langs li {
    display: inline;
}

.header .header-top .header-langs-mobile span {
    display: block;
    padding: 11px 5px 6px;
}

.header .header-top .header-langs-mobile a {
    display: block;
    padding: 15px 5px 10px;
    float: left;
}

.header .header-top .header-langs-mobile a:hover img {
    filter: brightness(130%);
}

@media screen and (max-width: 666px) {
    .header .header-top .header-langs-mobile {
        display: block;
    }

    .header .header-top .header-langs-mobile .header-langs-mobile-other-langs {
        display: none;
    }

    .header .header-top .header-langs-mobile .header-langs-mobile-other-langs a {
        display: block;
        width: 66px;
        text-align: center;
    }

    .header .header-top .header-langs-mobile .header-langs-mobile-other-langs a:hover {
        background-color: #690203;
    }

    .header .header-top .header-langs-mobile .header-langs-mobile-other-langs li:last-child a {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .header .header-top .header-langs-mobile > span:after {
        content: "";
        display: inline-block;
        background: url("../images/menu-more-arrow_Tantra-masaze-Praha.png") no-repeat right center;
        width: 24px;
        height: 18px;
        cursor: pointer;
    }

    .header .header-top .header-langs-mobile:hover .header-langs-mobile-other-langs {
        display: block;
    }

    .header .header-top .header-langs-mobile a {
        padding: 12px 7px 7px 7px;
    }
}

.header .header-top .header-text {
    position: absolute;
    top: 86px;
    right: 0;
}

.header .header-top .header-text .header-text-telephone .header-text-telephone-text {
    display: block;
    position: absolute;
    top: 4px;
    right: 170px;
}

@media screen and (max-width: 666px) {
    .header .header-top .header-text .header-text-telephone .header-text-telephone-text {
        display: none;
    }
}

.header .header-top .header-text .header-text-telephone .header-text-telephone-number {
    display: block;
    position: absolute;
    right: 0;
    max-height: 14px;
}

@media screen and (max-width: 430px) {
    .header .header-top .header-text .header-text-telephone .header-text-telephone-number {
        width: 120px;
        top: 5px;
    }
}

.header .header-top .header-text .header-text-order {
    display: block;
    position: absolute;
    top: 36px;
    right: 0;
    background: url("../images/order-button-background_Tantra-masaze-Praha.png") no-repeat left top;
    color: #250101;
    text-decoration: none;
    font-weight: bold;
    width: 210px;
    height: 29px;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
}

.header .header-top .header-text .header-text-order:hover {
    filter: brightness(110%);
}

.my-tel {
    /* Výchozí styly pro třídu my-tel */
    background: linear-gradient(to right, #f1b12b, #eba108);
    -webkit-background-clip: text;
    color: transparent;
    /* Pro zaostření textu v některých prohlížečích */
    -webkit-text-fill-color: transparent;
    font-size: 26px;
}

/* Styly pro mobilní zařízení */
@media only screen and (max-width: 600px) {
    .my-tel {
        /* Styly pro mobilní zařízení */
        background: linear-gradient(to right, #f1b12b, #eba108);
        -webkit-background-clip: text;
        color: transparent;
        /* Pro zaostření textu v některých prohlížečích */
        -webkit-text-fill-color: transparent;
        font-size: 16px;
    }
}

@media screen and (max-width: 666px) {
    .header .header-top .header-text .header-text-order {
        background-position: left -29px;
        width: 159px;
    }
}

@media screen and (max-width: 430px) {
    .header .header-top .header-text .header-text-order {
        top: 24px;
        height: 22px;
        background-position: left bottom;
        width: 120px;
        line-height: 22px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-top .header-text {
        margin-right: 20px;
    }
}

@media screen and (max-width: 550px) {
    .header .header-top .header-text {
        top: 66px;
    }
}

@media screen and (max-width: 430px) {
    .header .header-top .header-text {
        top: 46px;
    }
}

.header .header-top .header-menu-mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    z-index: 999999;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover {
    padding-top: 120px;

    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #6a0203;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover li a {
    display: block;
    padding: 10px 0 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    background: url("../images/menu-mobile-line_Tantra-masaze-Praha.png") no-repeat left bottom;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover li ul li a {
    margin-left: 20px;
}
.header .header-top .header-menu-mobile .header-menu-mobile-hover li ul li ul li a {
    margin-left: 45px;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover li a:hover {
    background-color: #8d0102;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover li:first-child a {
    border-top-left-radius: 10px;
}

.header .header-top .header-menu-mobile .header-menu-mobile-hover li:last-child a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: none;
}

.header .header-top .header-menu-mobile .header-menu-mobile-icon {
    z-index: 1;
    left: 0;

    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    padding: 2px;
    background-color: #1e0000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.header .header-top .header-menu-mobile .header-menu-mobile-icon path {
    stroke: white;
}

.header-logo-hover {
    display: none;
    z-index: 1;
    top: 8px !important;
    left: calc(50% - 100px) !important;
}
.header-langs-mobile-hover {
    display: none !important;
    background-color: #6a0203 !important;
}

.header .header-top .header-menu-mobile.open .header-menu-mobile-icon {
    background-color: #6a0203;
    border-radius: 0;
}

.header .header-top .header-menu-mobile.open .header-menu-mobile-hover {
    display: block;
}
.header .header-top .header-menu-mobile.open .header-logo-hover {
    display: block;
}
.header .header-top .header-menu-mobile.open .header-langs-mobile-hover {
    display: block !important;
}

@media screen and (max-width: 666px) {
    .header .header-top .header-menu-mobile {
        display: block;
    }
}

@media screen and (max-width: 666px) {
    .header .header-top {
        border-bottom: 5px solid #200001;
    }
}

@media screen and (max-width: 550px) {
    .header .header-top {
        height: 146px;
    }
}

@media screen and (max-width: 430px) {
    .header .header-top {
        height: 115px;
    }
}

.header .header-images {
    background: #1e0000 url("../images/header-background-images_Tantra-masaze-Praha.png") no-repeat center top;
}

.header .header-images .header-images-inner-1 {
    max-width: 930px;
    height: 160px;
    margin: 0 auto;
}

.header .header-images .header-images-inner-1 .header-images-inner-2 {
    text-align: right;
}

.header .header-images .header-images-inner-1 .header-images-inner-2 img {
    width: 126px;
    margin: 18px 7px;
    border: 1px solid black;
}

.header .header-images .header-images-inner-1 .header-images-inner-2 img:last-child {
    margin-right: 1px !important;
}

@media screen and (max-width: 1030px) {
    .header .header-images .header-images-inner-1 .header-images-inner-2 img {
        width: 120px;
        margin: 18px 6px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-images .header-images-inner-1 .header-images-inner-2 img {
        width: 118px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-images .header-images-inner-1 .header-images-inner-2 img {
        width: 110px;
    }
}

@media screen and (max-width: 860px) {
    .header .header-images .header-images-inner-1 .header-images-inner-2 img {
        width: 100px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-images .header-images-inner-1 .header-images-inner-2 {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1030px) {
    .header .header-images {
        height: 154px;
    }
}

@media screen and (max-width: 960px) {
    .header .header-images {
        height: 143px;
    }
}

@media screen and (max-width: 860px) {
    .header .header-images {
        height: 133px;
    }
}

@media screen and (max-width: 800px) {
    .header .header-images {
        display: none;
    }
}

.header .header-menu {
    height: 50px;
    background: #4b0102 url("../images/menu-line_Tantra-masaze-Praha.png") repeat-x 0 44px;
}

.header .header-menu li {
    position: relative;
    line-height: 100%;
    z-index: 10;
    display: block;
    width: 100px;
    margin: 0 3px;
    float: left;
    background: url("../images/menu-background_Tantra-masaze-Praha.png") no-repeat center 10px;
    background-size: 100% 400px;
}

.header .header-menu li:first-child {
    margin-left: 3px;
}

.header .header-menu li:last-child {
    margin-right: 0;
}

.header .header-menu li:hover {
    background-position: center -310px;
}

.header .header-menu li a {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 0 0;
    color: white;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    font-family: Arial, sans-serif;
}

.header .header-menu li ul li a {
    height: 30px;
}

@media screen and (max-width: 800px) {
    .header .header-menu li {
        width: 90px;
    }
}

.header .header-menu .header-menu-top {
    max-width: 930px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

.header .header-menu .header-menu-top .header-menu-top-inner {
    height: 50px;
}

.header .header-menu .header-menu-top .header-menu-top-inner .header-menu-top-inner-2 {
    position: absolute;
    top: 0;
    right: 0;
}

.header .header-menu .header-menu-top .header-menu-top-inner .header-menu-top-inner-2 a {
    padding-top: 13px;
}

.header .header-menu .header-menu-bottom {
    width: 100%;
    height: 50px;
    background: #690203 url("../images/page-background-decoration_Tantra-masaze-Praha.jpg") no-repeat center top;
}

.header .header-menu .header-menu-bottom .header-menu-bottom-inner {
    max-width: 930px;
    margin: 0 auto;
    height: 50px;
}

.header .header-menu .header-menu-bottom .header-menu-bottom-inner .header-menu-bottom-inner-2 {
    padding-left: 194px;
}

.header .header-menu .header-menu-bottom .header-menu-bottom-inner .header-menu-bottom-inner-2 li {
    background: url("../images/menu-background_Tantra-masaze-Praha.png") no-repeat center -40px;
    background-size: 100% 400px;
}

.header .header-menu .header-menu-bottom .header-menu-bottom-inner .header-menu-bottom-inner-2 li a {
    padding-top: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .header-menu .header-menu-bottom .header-menu-bottom-inner .header-menu-bottom-inner-2 li:hover {
    background-position: center -360px;
}

@media screen and (max-width: 666px) {
    .header .header-menu {
        display: none;
    }
}

.header .header-menu.small .header-menu-top-inner-2 {
    left: 0 !important;
    padding-left: 20px !important;
}

.header .header-menu.small .header-menu-bottom-inner-2 {
    padding-left: 20px !important;
}

.content:after {
    content: "";
    display: table;
    clear: both;
}

.content .content-inner {
    max-width: 930px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.content .content-inner .page {
    width: 70.5%;
    float: left;
    margin-top: 20px;
}

.content .content-inner .page .page-inner {
    padding: 0 10px;
    max-width: 608px;
    float: right;
}

.content .content-inner .page .page-inner:after {
    content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -";
    display: table;
    height: 1px;
    color: transparent;
    overflow: hidden;
}

.content .content-inner .page .page-inner h2.page-title {
    text-align: center;
    font-weight: bold;
    background: url("../images/page-title-decoration-top_Tantra-masaze-Praha.png") no-repeat center top,
        url("../images/page-title-decoration-bottom_Tantra-masaze-Praha.png") no-repeat center bottom;
    min-height: 60px;
    font-size: 13px;
    padding: 30px 0;
    margin-bottom: 20px;
}

.content .content-inner .right-column {
    width: 29.5%;
    float: right;
    position: relative;
    margin-top: -10px;
    padding-bottom: 100px;
    height: 100%;
}

@media screen and (max-width: 666px) {
    .content .content-inner .page {
        width: 100%;
    }

    .content .content-inner .page .page-inner {
        margin: 0 auto;
        float: none;
    }

    .content .content-inner .right-column {
        width: 100%;
        min-height: 100%;
        top: 50px;
    }
}

.content.small .page {
    width: 100%;
}

.content.small .page .page-inner {
    margin: 0 auto;
    float: none;
}

.content.small .right-column {
    width: 100%;
    min-height: 100%;
    top: 0;
}

.carousel {
    width: 100%;
    height: 153px;
    background-color: #520200;
    overflow: hidden;
    position: relative;
}

.carousel .carousel-prev,
.carousel .carousel-next {
    position: absolute;
    height: 100%;
    width: 60px;
    top: 0;
}

.carousel .carousel-prev {
    left: 0;
    background: #520200 url("../images/arrows_Tantra-masaze-Praha.png") no-repeat center -83px;
}

.carousel .carousel-next {
    right: 0;
    background: #520200 url("../images/arrows_Tantra-masaze-Praha.png") no-repeat center 65px;
}

.carousel .carousel-window {
    position: absolute;
    top: 0;
    width: 2000px;
    height: 100%;
    left: calc(50% - 85px);
}

.carousel .carousel-window .carousel-slide {
    width: 200px;
    height: 153px;
    float: left;
    display: flex;
    align-items: center;
}

.carousel .carousel-window .carousel-slide.active .carousel-photo {
    width: 169px;
    height: 113px;
}

.carousel .carousel-window .carousel-slide .carousel-photo {
    width: 133px;
    height: 89px;
}

.carousel .carousel-window .carousel-slide .carousel-photo a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.carousel .carousel-window .carousel-slide .carousel-photo a img {
    width: 100%;
    height: 100%;
}

.carousel .carousel-window .carousel-slide .carousel-photo a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../images/carousel-image-border_Tantra-masaze-Praha.png") no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.carousel .carousel-window .carousel-slide .carousel-photo a:hover img {
    filter: brightness(110%);
}

.form {
    padding-bottom: 200px;
    max-width: 100%;
    margin: 30px 0;
}

.form p {
    margin-bottom: 10px;
}

.form p.strong {
    font-weight: bold;
}

.form p a {
    text-decoration: underline;
}

.form p a:hover {
    text-decoration: none;
}

.form .form-row {
    margin: 5px 0;
    display: block;
    width: 100%;
}

.form .form-row .form-label {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    line-height: 28px;
}

@media screen and (max-width: 880px) {
    .form .form-row .form-label {
        display: block;
    }
}

.form .form-row input,
.form .form-row select {
    padding: 3px 7px;
    border-radius: 5px;
    border: 1px solid #4e0000;
    width: 270px;
    outline: none;
    min-height: 28px;
}

@media screen and (max-width: 500px) {
    .form .form-row input,
    .form .form-row select {
        width: 100%;
    }
}

.form .form-row.form-row-voucher-checkbox .text {
    position: relative;
    top: -7px;
}

.form .form-row .datetime-template {
    width: 100%;
}

@media screen and (max-width: 500px) {
    .form .form-row .datetime-template input {
        width: calc(100% - 27px) !important;
    }
}

@media screen and (max-width: 500px) {
    .form .form-row .datetime-template:only-child input {
        width: 100% !important;
    }
}

.form .form-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    text-align: left;
    margin-right: 10px;
}

.form .form-row .select-duration,
.form .form-row .form-row-durations .select2-container,
.form .form-row input[name="count"],
.form .form-row input[name="price"],
.form .form-row input[name="total-price"] {
    width: 150px !important;
}

.form .form-row .lcslt {
    border-radius: 5px;
    min-height: 28px;
}

.form .form-row .lcslt-wrap {
    width: 360px;
}

@media screen and (max-width: 500px) {
    .form .form-row .lcslt-wrap {
        padding-right: 1px;
    }
}

.form .form-row .form-input {
    display: inline-block;
    width: 64%;
}

@media screen and (max-width: 500px) {
    .form .form-row .form-input {
        width: 100%;
    }
}

.form .form-row .required {
    font-weight: bold;
}

.form .form-row.form-row-addons,
.form .form-row.form-row-durations,
.form .form-row.form-row-count,
.form .form-row.form-row-price,
.form .form-row.form-row-voucher-checkbox,
.form .form-row.form-row-voucher-code {
    display: none;
}

.form .service-multiplier {
    margin: 20px 0 0;
}

.form .service-widget {
    margin-top: 30px;
}

.form .service-widget .form-row-remove {
    text-align: right;
    padding-top: 5px;
}

.form .add-service-widget {
    margin-top: 30px;
}

.form .form-row-total-price {
    display: none;
    margin-top: 20px;
}

.form .legal-notice {
    margin: 30px 0 15px;
}

.form input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 4px 15px;
    height: 58px;
    width: 190px;
    font-size: 15px;
    background: url("/design/images/button-voucher_Tantra-masaze-Praha.png") no-repeat center left;
    color: #4e0000;
    border: none;
    cursor: pointer;
}

.form input[type="submit"]:hover {
    background-position: center right;
}

.form .form-button {
    padding: 4px 15px;
    background-color: #4e0000;
    border-radius: 5px;
    cursor: pointer;
}

.form .form-button:hover {
    background-color: #2d0000;
}

.form .form-row-dates .form-button.remove {
    padding: 4px 6px;
    margin-left: 3px;
}

.form .form-row-dates .form-button.add {
    display: inline-block;
    margin-top: 3px;
}

.page-homepage .homepage-slider {
    max-width: 568px;
    overflow: hidden;
    margin: 0 auto 40px;
}

.page-homepage .homepage-slider img {
    width: 100%;
    border: 1px solid black;
}

.page-homepage .homepage-school {
    margin-bottom: 60px;
}

.page-homepage .homepage-school h2 {
    background: url("../images/title-background_Tantra-masaze-Praha.png") no-repeat center top;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    line-height: 18px;
    font-size: 14px;
}

.page-homepage .homepage-school h2 span {
    white-space: nowrap;
    display: inline-block;
}

@media screen and (max-width: 843px) {
    .page-homepage .homepage-school h2 span.t2 {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .page-homepage .homepage-school h2 span.t2 {
        display: inline-block;
    }
}

@media screen and (max-width: 582px) {
    .page-homepage .homepage-school h2 span {
        padding: 0 10px;
    }

    .page-homepage .homepage-school h2 span.t2 {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .page-homepage .homepage-school h2 span {
        padding: 0;
    }
}

.page-homepage .homepage-school .homepage-school-course {
    background-color: #4e0000;
    padding-bottom: 10px;
}

.page-homepage .homepage-school .homepage-school-course:after {
    content: "";
    display: table;
    clear: both;
}

.page-homepage .homepage-school .homepage-school-course .homepage-school-course-title {
    background-color: #3d0100;
    position: relative;
}

.page-homepage .homepage-school .homepage-school-course .homepage-school-course-title h3 {
    padding: 10px 60px 0 10px;
    font-weight: bold;
}

.page-homepage .homepage-school .homepage-school-course .homepage-school-course-title h3 a {
    color: #f09c00;
}

.page-homepage .homepage-school .homepage-school-course .homepage-school-course-title h4 {
    color: white;
    padding: 5px 60px 10px 10px;
    font-weight: bold;
}

.page-homepage .homepage-school .homepage-school-course .homepage-school-course-title .homepage-school-video-icon {
    position: absolute;
    right: 10px;
    top: 5px;
}

.page-homepage .homepage-school .homepage-school-course p {
    text-align: justify;
    margin: 10px;
}

.page-homepage .homepage-school .homepage-school-course p img {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: 50%;
    float: left;
    max-width: 252px;
}

.page-homepage .homepage-school .homepage-school-course .read-more {
    text-align: right;
    margin: 0 20px 20px 20px;
    font-weight: bold;
}

.page-homepage .homepage-school .homepage-school-course .read-more a {
    color: #f09c00;
    text-decoration: none;
}

.page-homepage .homepage-school .homepage-school-course .read-more a:hover {
    text-decoration: underline;
}

.page-homepage .homepage-services {
    max-width: 576px;
    margin: 0 auto 40px;
}

.page-homepage .homepage-services h2 {
    text-align: center;
    padding: 20px;
    font-weight: bold;
    font-size: 15px;
    background-color: #460200;
}

.page-homepage .homepage-services h2 a {
    color: #df840a;
}

.page-homepage .homepage-services img {
    width: 100%;
    cursor: pointer;
    display: block;
}

.page-homepage .homepage-services .homepage-service-text {
    background-color: #5c0400;
    border-bottom: 2px solid #893001;
    padding: 20px;
}

.page-homepage .homepage-services .homepage-service-text p {
    font-weight: bold;
}

.page-homepage .homepage-services .homepage-service-text .read-more {
    text-align: right;
    font-weight: bold;
}

.page-homepage .homepage-services .homepage-service-text .read-more a {
    color: #df840a;
    text-decoration: none;
}

.page-homepage .homepage-services .homepage-service-text .read-more a:hover {
    text-decoration: underline;
}

.page-masseurs-list .masseurs-list-top-text {
    padding: 20px;
    background-color: #520200;
    border-top: 3px solid #c97a01;
    border-bottom: 3px solid #c97a01;
}

@media screen and (max-width: 360px) {
    .page-masseurs-list .masseurs-list-top-text {
        margin: 0 -20px;
    }
}

.page-masseurs-list .masseurs-filter {
    padding: 20px;
    background-color: #520200;
    border-top: 3px solid #c97a01;
    border-bottom: 3px solid #c97a01;
    margin-top: 30px;
}

@media screen and (max-width: 360px) {
    .page-masseurs-list .masseurs-filter {
        padding: 20px 0;
        margin: 30px -20px 0;
    }
}

.page-masseurs-list .masseurs-filter:after {
    content: "";
    display: table;
    clear: both;
}

.page-masseurs-list .masseurs-filter .masseurs-filter-inner {
    margin: 0 auto;
}

@media screen and (max-width: 380px) {
    .page-masseurs-list .masseurs-filter .masseurs-filter-inner {
        width: 280px;
    }
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group {
    float: left;
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-gender {
    width: 100px;
    margin-right: 20px;
}

@media screen and (max-width: 380px) {
    .page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-gender {
        margin-right: 10px;
    }
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-client-gender {
    width: 70px;
    margin-right: 20px;
}

@media screen and (max-width: 380px) {
    .page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-client-gender {
        margin-right: 10px;
    }
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-language {
    width: 90px;
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-service {
    margin-top: 20px;
    width: 300px;
}

@media screen and (max-width: 380px) {
    .page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-service {
        width: 280px;
    }

    .page-masseurs-list .masseurs-filter .masseurs-filter-group.masseurs-filter-group-masseur-service .select2 {
        width: 100% !important;
    }
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group label {
    display: block;
    font-weight: bold;
}

.page-masseurs-list .masseurs-filter .masseurs-filter-group select {
    width: 100%;
}

.page-masseurs-list .masseur-list-item:after {
    content: "";
    display: table;
    clear: both;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left {
    width: 35.5%;
    float: left;
    text-align: center;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-list-item-left-image {
    position: relative;
    margin-bottom: 10px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-list-item-left-image a {
    display: block;
    width: 100%;
    position: relative;
    top: -1px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-list-item-left-image a img {
    position: relative;
    width: 100%;
    margin: 6px 0;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-list-item-left-image a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/masseurs-list/masseur-list-portrait-border_Tantra-masaze-Praha.png?v=1.2") no-repeat left top;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

/*----------------------*/

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-item-left-image {
    position: relative;
    margin-bottom: 10px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-item-left-image a {
    display: block;
    width: 90%;
    position: relative;
    top: -1px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-item-left-image a img {
    position: relative;
    width: 100%;
    margin: 6px 0;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-item-left-image a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right {
    width: 62%;
    float: right;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top {
    margin: 0 20px 20px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top:after {
    content: "";
    display: table;
    clear: both;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top h3 {
    font-size: 19px;
    float: left;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top h3 a {
    color: #f2a200;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top h3:hover {
    text-decoration: none;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-top .masseur-list-item-right-top-langs {
    float: right;
    margin-top: 10px;
}

.page-masseurs-list
    .masseur-list-item
    .masseur-list-item-right
    .masseur-list-item-right-top
    .masseur-list-item-right-top-langs
    .masseur-list-item-right-top-lang {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    margin-left: 5px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-description {
    margin: 20px;
    text-align: justify;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-description strong {
    font-weight: bold;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-description b {
    color: #f2a200;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-services {
    font-style: italic;
    font-size: 12px;
    margin: 20px 20px 0 20px;
}

.page-masseurs-list .masseur-list-item .masseur-list-item-right .masseur-list-item-right-services span {
    color: #f2a200;
}

.masseur-list-item-right-services a {
    color: #f2a200;
}

.page-masseurs-list .masseur-list-item:last-child .masseur-list-item-right,
.page-masseurs-list .masseur-list-item:last-child .masseur-list-item-left {
    margin-bottom: 40px;
}

/* Media queries for responsive design */
@media (max-width: 767px) {
    .page-masseurs-list .masseur-list-item .masseur-list-item-left,
    .page-masseurs-list .masseur-list-item .masseur-list-item-left .masseur-list-item-right-top-langs {
        display: none;
    }

    .page-masseurs-list .masseur-list-item .masseur-list-item-right {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 550px) {
    .page-masseurs-list .masseur-list-item {
        background-size: 100px 200px;
    }
}

.page-masseurs-list .no-results {
    display: none;
    text-align: center;
    font-style: italic;
    margin-top: 40px;
}

.page-masseurs-detail {
    margin-bottom: 100px;
}

.page-masseurs-detail:after {
    content: "";
    display: table;
    clear: both;
}

.page-masseurs-detail .masseur-detail {
    margin: 15px 0 20px;
}

.page-masseurs-detail .masseur-detail .masseur-detail-figure {
    float: left;
    width: 40%;
    margin-right: 10px;
}

.page-masseurs-detail .masseur-detail .masseur-detail-figure img {
    width: 100%;
}

.page-masseurs-detail .masseur-detail .masseur-detail-description {
    font-weight: bold;
    margin: 0 0 15px 20px;
    padding-bottom: 15px;
}

.page-masseurs-detail .masseur-detail h4 {
    color: #fdc118;
}

.page-masseurs-detail .masseur-detail p {
    margin-bottom: 20px;
}

.page-masseurs-detail .masseur-detail .masseur-detail-services > ul li {
    padding-left: 20px;
    padding-bottom: 10px;
    background: url("../images/odrazka_Tantra-masaze-Praha.png") no-repeat left 3px;
}

.page-masseurs-detail .masseur-detail .masseur-detail-services .traditional-list {
    display: none;
    padding-top: 10px;
}

.page-masseurs-detail .masseur-detail .masseur-detail-services .traditional-list li {
    padding-left: 20px;
    padding-bottom: 10px;
    background: url("../images/odrazka_Tantra-masaze-Praha.png") no-repeat left 3px;
}

.page-masseurs-detail .masseur-detail-videos {
    clear: both;
    margin-top: 50px;
}

.page-masseurs-detail .masseur-detail-videos h4 {
    text-align: center;
    color: #ec9f02;
    font-size: 14px;
    min-height: 52px;
    line-height: 52px;
    background: url("../images/title-background-decoration/title-background-decoration-left_Tantra-masaze-Praha.png") no-repeat left center,
        url("../images/title-background-decoration/title-background-decoration-right_Tantra-masaze-Praha.png") no-repeat right center,
        url("../images/title-background-decoration/title-background-decoration-center_Tantra-masaze-Praha.png") no-repeat center center;
    font-size: 18px;
}

.page-masseurs-detail .masseur-detail-videos .masseur-video a {
    position: relative;
    display: flex;
}

.page-masseurs-detail .masseur-detail-videos .masseur-video a img {
    width: 100%;
}

.page-masseurs-detail .masseur-detail-videos .masseur-video a .play {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 63px;
    text-align: center;
    color: black;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
}

.page-masseurs-detail .masseur-detail-carousel {
    clear: both;
    margin-top: 50px;
}

.page-masseurs-detail .masseur-detail-carousel h4 {
    text-align: center;
    color: #ec9f02;
    font-size: 14px;
    min-height: 52px;
    line-height: 52px;
    background: url("../images/title-background-decoration/title-background-decoration-left_Tantra-masaze-Praha.png") no-repeat left center,
        url("../images/title-background-decoration/title-background-decoration-right_Tantra-masaze-Praha.png") no-repeat right center,
        url("../images/title-background-decoration/title-background-decoration-center_Tantra-masaze-Praha.png") no-repeat center center;
    font-size: 18px;
}

.page-masseurs-detail .masseur-detail-references {
    clear: both;
    margin-top: 50px;
}

.page-masseurs-detail .masseur-detail-references h4 {
    text-align: center;
    color: #ec9f02;
    font-size: 14px;
    min-height: 52px;
    line-height: 52px;
    background: url("../images/title-background-decoration/title-background-decoration-left_Tantra-masaze-Praha.png") no-repeat left center,
        url("../images/title-background-decoration/title-background-decoration-right_Tantra-masaze-Praha.png") no-repeat right center,
        url("../images/title-background-decoration/title-background-decoration-center_Tantra-masaze-Praha.png") no-repeat center center;
    font-size: 18px;
}

.page-masseurs-detail .masseur-detail-references .masseur-detail-reference {
    background-color: #580400;
    border-bottom: 2px solid #f1ad03;
    padding: 20px;
}

.page-masseurs-detail .masseur-detail-references .masseur-detail-reference .masseur-detail-reference-author {
    text-align: right;
    font-weight: bold;
    color: #f1ad03;
}

.page-services-list .services-list-category {
    position: relative;
}

.page-services-list .services-list-category a {
    color: #fea201;
    text-decoration: underline;
}

.page-services-list .services-list-category a:hover {
    text-decoration: none;
}

.page-services-list .services-list-category h3 {
    font-size: 14px;
    color: #fea201;
    margin: 20px 0;
    padding: 20px 20px 20px 0;
    background-color: #530400;
    cursor: pointer;
    position: relative;
    text-indent: 70px;
}

.page-services-list .services-list-category h3:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/red-border/top-left.png") no-repeat top left, url("../images/red-border/top-right.png") no-repeat top right,
        url("../images/red-border/bottom-left.png") no-repeat bottom left, url("../images/red-border/bottom-right.png") no-repeat bottom right,
        url("../images/red-border/top.png") repeat-x top left, url("../images/red-border/bottom.png") repeat-x bottom left,
        url("../images/red-border/left.png") repeat-y top left, url("../images/red-border/right.png") repeat-y top right;
    z-index: 10;
}

.page-services-list .services-list-category h3 a {
    z-index: 200;
    position: relative;
    color: #fea201;
    text-decoration: underline;
}

.page-services-list .services-list-category h3 a:hover {
    text-decoration: none;
}

.page-services-list .services-list-category h3 span {
    text-decoration: underline;
}

.page-services-list .services-list-category h3:hover span {
    text-decoration: none;
}

.page-services-list .services-list-category h3:not(.single):after {
    content: "▼";
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.25s;
    text-indent: 0;
}

.page-services-list .services-list-category .services-list-category-inner {
    display: none;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service {
    background-color: #530400;
    margin: 10px 0 10px 50px;
    position: relative;
    width: calc(100% - 50px);
    height: 100%;
}

@media screen and (max-width: 500px) {
    .page-services-list .services-list-category .services-list-category-inner .services-list-service {
        margin-left: 0;
        width: 100%;
    }
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/red-border/top-left.png") no-repeat top left, url("../images/red-border/top-right.png") no-repeat top right,
        url("../images/red-border/bottom-left.png") no-repeat bottom left, url("../images/red-border/bottom-right.png") no-repeat bottom right,
        url("../images/red-border/top.png") repeat-x top left, url("../images/red-border/bottom.png") repeat-x bottom left,
        url("../images/red-border/left.png") repeat-y top left, url("../images/red-border/right.png") repeat-y top right;
    z-index: 10;
    z-index: 10000;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service .services-list-service-inner {
    position: relative;
    padding: 10px;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service .img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service .img img {
    display: inline-block;
    height: 100%;
    margin: 0 -50%;
    position: relative;
    right: 0;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service .text {
    position: relative;
    margin-left: 100px;
    width: calc(100% - 110px);
    z-index: 20000;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service h4 {
    margin-bottom: 5px;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service h4 a {
    color: #fea201;
    text-decoration: underline;
}

.page-services-list .services-list-category .services-list-category-inner .services-list-service h4 a:hover {
    text-decoration: none;
}

.page-services-list .services-list-category.open .services-list-category-inner {
    display: block;
}

.page-services-list .services-list-category.open h3:after {
    transform: rotate(180deg);
}

.page-service-detail > * {
    position: relative;
    z-index: 10;
}

.page-service-detail img.float-left {
    float: left;
    margin: 0 10px 10px 0;
}

.page-service-detail .top-text:after {
    content: "";
    display: table;
    clear: both;
}

.page-service-detail .top-text p {
    margin-bottom: 10px;
}

.page-service-detail .top-text a {
    text-decoration: underline;
}

.page-service-detail .top-text a:hover {
    text-decoration: none;
}

.page-service-detail .top-text strong {
    font-weight: bold;
    color: #f79239;
}

.page-service-detail .top-text b {
    font-weight: bold;
}

.page-service-detail .service-dark-box {
    margin: 30px 0;
    padding: 20px 20px 10px;
    background-color: #4f0102;
}

.page-service-detail .service-dark-box > *:first-child {
    margin-top: 0 !important;
}

.page-service-detail .service-dark-box h3 {
    color: #d8851b;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 15px;
    margin: 20px 0 10px;
    border-bottom: 2px solid #d8851b;
}

.page-service-detail .service-dark-box h3.center {
    text-align: center;
}

.page-service-detail .service-dark-box h3 img {
    float: right;
}

.page-service-detail .service-dark-box h4 {
    font-weight: bold;
    margin: 20px 0 10px;
}

.page-service-detail .service-dark-box ul li {
    padding-left: 20px;
    padding-bottom: 10px;
    background: url("../images/odrazka_Tantra-masaze-Praha.png") no-repeat left 3px;
}

.page-service-detail .service-dark-box p {
    padding-bottom: 10px;
}

.page-service-detail .service-dark-box p.center {
    text-align: center;
}

.page-service-detail .service-dark-box p a {
    text-decoration: underline;
}

.page-service-detail .service-dark-box p a:hover {
    text-decoration: none;
}

.page-service-detail .service-pricelist {
    margin: 30px 0;
    background-color: #4f0102;
    width: 100%;
    border-collapse: collapse;
}

.page-service-detail .service-pricelist td:first-child {
    font-weight: bold;
    padding-left: 30px;
    background: url("../images/odrazka_Tantra-masaze-Praha.png") no-repeat 10px center;
}

.page-service-detail .service-pricelist td:last-child {
    white-space: nowrap;
    text-align: center;
}

.page-service-detail .service-pricelist td {
    border: 1px solid #690203;
    padding: 5px;
}

.service-reservation-button {
    display: block;
    margin: 30px auto;
    line-height: 52px;
    text-align: center;
    height: 52px;
    width: 227px;
    font-size: 14px;
    font-weight: bold;
    background: url("../images/button-order_Tantra-masaze-Praha.png") no-repeat center center;
    border: none;
    cursor: pointer;
}

.page-service-detail .service-reservation-button:hover {
    filter: brightness(110%);
    text-decoration: none;
}

.page-service-detail .service-video h3 {
    text-align: center;
    color: #ec9f02;
    font-size: 14px;
    min-height: 52px;
    line-height: 52px;
    background: url("../images/title-background-decoration/title-background-decoration-left_Tantra-masaze-Praha.png") no-repeat left center,
        url("../images/title-background-decoration/title-background-decoration-right_Tantra-masaze-Praha.png") no-repeat right center,
        url("../images/title-background-decoration/title-background-decoration-center_Tantra-masaze-Praha.png") no-repeat center center;
    font-size: 18px;
}

.page-service-detail .service-video .service-video-splash {
    position: relative;
    max-height: 360px;
}

.page-service-detail .service-video .service-video-splash a {
    display: block;
}

.page-service-detail .service-video .service-video-splash a img {
    display: block;
    width: 100%;
}

.page-service-detail .service-video .service-video-splash a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/border/top-left.png") no-repeat top left, url("../images/border/top-right.png") no-repeat top right,
        url("../images/border/bottom-left.png") no-repeat bottom left, url("../images/border/bottom-right.png") no-repeat bottom right,
        url("../images/border/top.png") repeat-x top left, url("../images/border/bottom.png") repeat-x bottom left,
        url("../images/border/left.png") repeat-y top left, url("../images/border/right.png") repeat-y top right,
        url("../images/play-icon-overlay.png") no-repeat center center;
    z-index: 100;
}

.page-service-detail .service-video .service-video-splash a:hover img {
    filter: brightness(110%);
}

.page-service-detail .service-video .service-video-splash .service-video-splash-text {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #d7811a;
    font-weight: bold;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
}

.page-service-detail .service-voucher {
    margin: 30px 0 65px 0;
}

.page-service-detail .service-voucher h4 {
    text-align: center;
    color: #ec9f02;
    font-size: 14px;
    min-height: 52px;
    line-height: 52px;
    background: url("../images/title-background-decoration/title-background-decoration-left_Tantra-masaze-Praha.png") no-repeat left center,
        url("../images/title-background-decoration/title-background-decoration-right_Tantra-masaze-Praha.png") no-repeat right center,
        url("../images/title-background-decoration/title-background-decoration-center_Tantra-masaze-Praha.png") no-repeat center center;
}

.page-service-detail .service-voucher .service-voucher-content {
    background-color: #520200;
    padding: 10px 20px;
    position: relative;
}

.page-service-detail .service-voucher .service-voucher-content:after {
    content: "";
    display: table;
    clear: both;
}

.page-service-detail .service-voucher .service-voucher-content h5 {
    color: #d8851b;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #d8851b;
    font-size: 13px;
    padding: 20px 0;
}

.page-service-detail .service-voucher .service-voucher-content p {
    margin: 20px 0;
}

.page-service-detail .service-voucher .service-voucher-content p i {
    font-style: italic;
}

.page-service-detail .service-voucher .service-voucher-content p a {
    text-decoration: underline;
}

.page-service-detail .service-voucher .service-voucher-content p a:hover {
    text-decoration: none;
}

.page-service-detail .service-voucher .service-voucher-content img {
    position: absolute;
    max-width: calc(100% - 280px);
}

@media screen and (max-width: 500px) {
    .page-service-detail .service-voucher .service-voucher-content img {
        position: relative;
        display: block;
        max-width: 100%;
        margin: 0 auto -60px;
    }
}

.page-service-detail .service-voucher .service-voucher-content .service-voucher-shop-link {
    float: right;
    padding: 40px 15px 40px 0;
}

.page-service-detail .service-voucher .service-voucher-content .service-voucher-shop-link a {
    display: inline-block;
    text-align: center;
    line-height: 58px;
    height: 58px;
    width: 190px;
    font-size: 14px;
    font-weight: bold;
    background: url("/design/images/button-voucher_Tantra-masaze-Praha.png") no-repeat center left;
    border: none;
    cursor: pointer;
}

.page-service-detail .service-voucher .service-voucher-content .service-voucher-shop-link a:hover {
    background-position: center right;
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    .page-service-detail .service-voucher .service-voucher-content .service-voucher-shop-link {
        float: none;
        text-align: center;
        padding: 0 0 20px;
    }
}

.page-service-detail .left-image {
    position: absolute;
    top: 100px;
    z-index: -1;
    right: 350px;
}

.page-service-detail.service-8 h3.priestess-title {
    line-height: 10px;
    padding-top: 20px;
}

.page-service-detail.service-8 h3.priestess-title img {
    position: relative;
    top: -20px;
}

.right-column-item {
    position: relative;
    z-index: 1; /* Lower than other elements */
}

.right-column .right-column-item {
    margin: 30px 0;
}

.right-column .right-column-item-links div {
    text-align: center;
}

.right-column .right-column-item-links div a {
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 0 7px;
}

.right-column .right-column-item-links div:last-child {
    background-image: none;
}

@media screen and (max-width: 930px) {
    .right-column .right-column-item-links div {
        background-image: url("../images/column-links-separator-small_Tantra-masaze-Praha.png");
    }
}

.right-column .right-column-item-video {
    width: 100%;
    max-width: 275px;
    padding: 1px;
    position: relative;
    margin: 30px auto;
}

.right-column .right-column-item-video img {
    width: 100%;
}

.right-column .right-column-item-video p {
    color: white;
    position: absolute;
    bottom: 15px;
    left: 10px;
    font-size: 15px;
    line-height: 100%;
}

@media screen and (max-width: 800px) {
    .right-column .right-column-item-video p {
        bottom: 12px;
    }
}

@media screen and (max-width: 750px) {
    .right-column .right-column-item-video p {
        bottom: 9px;
    }
}

@media screen and (max-width: 700px) {
    .right-column .right-column-item-video p {
        bottom: 14px;
    }
}

@media screen and (max-width: 930px) {
    .right-column .right-column-item-video .video-bc-michaela-l-torstenova-kvalifikace-naseho-tymu p {
        bottom: 17px;
        font-size: 15px;
    }
}

@media screen and (max-width: 800px) {
    .right-column .right-column-item-video .video-bc-michaela-l-torstenova-kvalifikace-naseho-tymu p {
        bottom: 15px;
        font-size: 13px;
    }
}

@media screen and (max-width: 666px) {
    .right-column .right-column-item-video .video-bc-michaela-l-torstenova-kvalifikace-naseho-tymu p {
        bottom: 15px;
        font-size: 17px;
    }
}

.right-column .right-column-item-icons {
    text-align: center;
}

.right-column .right-column-item-icons a {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    width: 117px;
    height: 120px;
    margin-top: 15px;
}

.right-column .right-column-item-icons a img {
    display: block;
}

.right-column .right-column-item-icons a span {
    display: block;
}

.right-column .right-column-item-references {
    margin: 1px;
    background-color: #3e0200;
    position: absolute; /* Ensure the relative positioning is applied */
    background-image: url("../images/column-references-decoration-top-left_Tantra-masaze-Praha.png"),
        url("../images/column-references-decoration-top-right_Tantra-masaze-Praha.png"),
        url("../images/column-references-decoration-bottom-right_Tantra-masaze-Praha.png"),
        url("../images/column-references-decoration-bottom-left_Tantra-masaze-Praha.png");
    background-position: left top, right top, right bottom, left bottom;
    background-repeat: no-repeat;
    z-index: 9999;
}

@media screen and (max-width: 700px) {
    .right-column .right-column-item-references {
        margin: 0 20px;
    }
}

.right-column .right-column-item-references h3 {
    color: #3e0616;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    background: url("../images/title-background_Tantra-masaze-Praha.png") no-repeat center center;
}

.right-column .right-column-item-references p {
    margin: 30px 30px 10px;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify;
}

.right-column .right-column-item-references a {
    color: #e79700;
}

.right-column .right-column-item-references .author {
    color: #e79700;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}

.ref10_arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: white;
    z-index: 10;
    padding: 10px;
    border-radius: 50%;
}

.ref10_item {
    text-align: justify;
}

.ref10_arrow-left {
    left: 0px;
}

.ref10_arrow-right {
    right: 0px;
}

@media screen and (max-width: 700px) {
    .ref10_arrow {
        font-size: 1.5rem;
    }
}

.mas11_arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    color: white;
    z-index: 10;
    padding: 10px;
    border-radius: 50%;
}

.mas11_arrow-left {
    left: 0px;
}

.mas11_arrow-right {
    right: 0px;
}

@media screen and (max-width: 700px) {
    .mas11_arrow {
        font-size: 1.5rem;
    }
}

.right-column .right-column-item-job-offer {
    margin-right: 1px;
    margin-left: 1px;
}

.right-column .right-column-item {
    margin-right: 1px;
    margin-left: 1px;
}

.right-column .right-column-item-job-offer img {
    width: 100%;
    max-width: 277px;
    display: block;
    margin: 0 auto;
}

.right-column .right-column-item-article h3 {
    background: url("../images/column-title-decoration_Tantra-masaze-Praha.webp") no-repeat;
    height: 36px;
    line-height: 36px;
    padding-left: 44px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

.right-column .right-column-item-article h3 a {
    color: #e79700;
}

.right-column .right-column-item-article h3 span {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    margin-right: 20px;
    border-top: 1px solid #e79700;
    border-bottom: 1px solid #e79700;
}

.right-column .right-column-item-article p {
    margin: 6px 0 0 0;
    color: white;
    font-size: 13px;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}

.right-column .right-column-item-article .read-more {
    color: #e79700;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.ref10_item .read-more {
    color: #e79700;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    display: block;
    text-align: right;
}

.right-column .right-column-item-article .read-more:hover {
    text-decoration: underline;
}

.right-column .right-column-item-for-companies {
    max-width: 275px;
    margin: 30px auto;
}

.right-column .right-column-item-for-companies a:hover {
    text-decoration: none;
}

.right-column .right-column-item-for-companies h3 {
    color: #4d0c07;
    text-transform: uppercase;
    background: url("../images/title-background_Tantra-masaze-Praha.png") no-repeat center center;
    text-align: center;
    padding: 10px 5px;
    font-size: 15px;
}

.right-column .right-column-item-for-companies img {
    width: 100%;
}

.right-column .right-column-item-for-companies p {
    position: relative;
    top: -5px;
}

.right-column .right-column-item-for-companies .right-column-item-for-companies-text {
    background-color: #350000;
    color: white;
    font-size: 13px;
    padding: 20px;
}

.right-column .right-column-item-for-companies .right-column-item-for-companies-discount {
    background: url("../images/title-background_Tantra-masaze-Praha.png") no-repeat center center;
    color: #4d0c07;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 10px;
}

.right-column .right-column-item-gift-tip {
    position: relative;
    max-width: 275px;
    margin: 30px auto;
}

.right-column .right-column-item-gift-tip img {
    width: 100%;
}

.right-column .right-column-item-gift-tip h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #4d0c07;
    position: absolute;
    bottom: 22px;
    left: 20px;
}

.right-column .right-column-item-masseur-images {
    margin-right: 1px;
    margin-left: 1px;
}

.right-column .right-column-item-masseur-images img {
    width: 100%;
    max-width: 277px;
    display: block;
    margin: 0 auto 20px;
}

.right-column .right-column-item-masseur-certificates h3 {
    background: #2f0201 url("../images/column-title-decoration_Tantra-masaze-Praha.png") no-repeat 16px center;
    height: 36px;
    line-height: 36px;
    padding-left: 60px;
    font-size: 14px;
    color: #f1a200;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.right-column .right-column-item-masseur-certificates h3 a {
    color: #e79700;
}

.right-column .right-column-item-masseur-certificates h3 span {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    margin-right: 20px;
    border-top: 1px solid #e79700;
    border-bottom: 1px solid #e79700;
}

.right-column .right-column-item-masseur-certificates .right-column-item-masseur-certificates-inner {
    background-color: #3e0200;
    padding: 17px;
}

.right-column .right-column-item-masseur-certificates .right-column-item-masseur-certificates-inner:after {
    content: "";
    display: table;
    clear: both;
}

.right-column .right-column-item-masseur-certificates .right-column-item-masseur-certificates-inner .masseur-detail-certificate {
    display: block;
    float: left;
    line-height: 1px;
    border: 2px solid #f1b935;
    margin: 3px;
    cursor: pointer;
}

.right-column .right-column-item-masseur-certificates .right-column-item-masseur-certificates-inner .masseur-detail-certificate img {
    width: 50px;
}

.right-column .right-column-item-send-review {
    margin-bottom: 70px;
}

.right-column .right-column-item-send-review h3 a {
    color: #540101;
    display: block;
    width: 200px;
    height: 45px;
    margin: 0 auto;
    background: url("../images/masseurs-list/send-review-button_Tantra-masaze-Praha.png") left top no-repeat;
    font-weight: bold;
    font-size: 14px;
    line-height: 60px;
    text-indent: 45px;
}

.right-column .right-column-item-send-review h3 a:hover {
    color: #8f1005;
    text-decoration: none;
    background-position: left -70px;
}

.right-column .right-column-item-services {
    max-width: 275px;
    margin: 30px auto;
}

.right-column .right-column-item-services h3 {
    background: #410300 url("../images/column-title-decoration_Tantra-masaze-Praha.png") no-repeat 16px center;
    height: 36px;
    line-height: 36px;
    padding-left: 60px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.right-column .right-column-item-services h3 a {
    color: #e79700;
}

.right-column .right-column-item-services h3 span {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    margin-right: 20px;
    border-top: 1px solid #e79700;
    border-bottom: 1px solid #e79700;
}

.right-column .right-column-item-services .right-column-item-services-item {
    background-color: #410300;
    margin: 15px 0;
    font-size: 12px;
    line-height: 13px;
}

.right-column .right-column-item-services .right-column-item-services-item:after {
    content: "";
    display: table;
    clear: both;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-left {
    float: left;
    width: 30%;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-left img {
    width: 100%;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-right {
    float: right;
    width: 70%;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-right h4 {
    text-align: center;
    margin: 10px;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-right h4 a {
    font-weight: bold;
}

.right-column .right-column-item-services .right-column-item-services-item .right-column-item-services-item-right p {
    margin: 0 10px 10px;
}

.right-column .right-column-item-facebook {
    text-align: center;
}

.right-column .right-column-item-facebook img {
    width: 100%;
    max-width: 277px;
}

.footer .footer-inner {
    max-width: 930px;
    margin: 0 auto;
    padding: 10px 20px;
}

.footer .footer-inner .footer-icons {
    float: left;
}

@media screen and (max-width: 700px) {
    .footer .footer-inner .footer-icons {
        display: block;
        float: none;
        text-align: center;
        padding-bottom: 5px;
    }
}

.footer .footer-inner .footer-text {
    text-align: center;
}

.footer .footer-inner .footer-text strong {
    font-weight: bold;
}

.header-menu-top-inner-2 li {
    position: relative;
}

.header-menu-top-inner-2 li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    width: auto !important;
    list-style: none;
    padding: 10px 25px;
    margin: 0;
    background: #4b0102;
    border-radius: 5px;
}

.header-menu-top-inner-2 li ul li {
    width: 155px !important;
    font-size: 1em;
    padding: 0 !important;
    background: none !important;
}

.header-menu-top-inner-2 li ul li:last-child {
    border-bottom: none; /* Odstraňuje proužek pro poslední položku v listu */
}

.header-menu-top-inner-2 li ul li a {
    text-align: left !important;
    margin: 0;
    padding: 0 0 0 10px; /* Zvětšeno odsazení na levé straně pro ikonu */
    white-space: nowrap;
    position: relative;
    display: flex; /* nové pravidlo */
    align-items: center;
}

.header-menu-top-inner-2 li ul li a .menu-icon {
    margin-right: 5px; /* Mezera mezi ikonou a textem URL */
    width: 12px; /* Šířka ikonky */
    height: 13px; /* Výška ikonky */
}

.header-menu-top-inner-2 li ul li a:hover {
    color: #ecbd02;
}

.header-menu-top-inner-2 li:hover ul {
    display: block;
}

.header-menu-top-inner-2 li ul li ul {
    display: none !important;
    position: absolute;
    top: -10px;
    left: 155px;
    min-width: 180px;
    width: 240px !important;
    list-style: none;
    padding: 10px 25px;
    margin: 0;
    background: #4b0102;
    border-radius: 5px;
}
.header-menu-top-inner-2 li ul li:hover ul {
    display: block !important;
}

* {
    box-sizing: border-box;
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: transparent;
}

/* Caption text */
.text {
    color: #2b0000;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 12px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    background: rgba(255, 174, 2, 0.7);
}

.text span {
    font-weight: normal;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

.select2-container {
    color: #000;
}

.select2-results__group {
    font-weight: 700;
}

.select2-selection__rendered {
    color: #000 !important;
}

.column-links {
    margin: 30px 0 !important;
}

.column-links a:first-child {
    background-image: none;
}

.column-links a {
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    text-transform: uppercase;
}

.column-links a img {
    margin-right: 7px; /* adjust the space between the image and the link text */
}

.right-column .right-column-item h3 {
    background: url("../images/column-title-decoration_Tantra-masaze-Praha.webp") no-repeat;
    height: 36px;
    line-height: 36px;
    padding-left: 44px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-bottom: 10px;
}

.right-column .right-column-item h3 span {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    margin-right: 20px;
    border-top: 1px solid #e79700;
    border-bottom: 1px solid #e79700;
}

.right-column .right-column-item .massage {
    float: left; /* umožňuje vložit více prvků vedle sebe */
    width: 100%; /* zajistí, že každý nový prvek začne na nové řádce */
    margin-bottom: 10px; /* přidá margin 10px na konci každého .massage divu */
}

.right-column .right-column-item .massage h4 {
    font-weight: bold;
}

.right-column .right-column-item .massage img {
    float: left; /* vložit obrázek vlevo */
    margin-right: 10px; /* odstup mezi obrázkem a textem */
}

.right-column .right-column-item .massage h4,
.right-column .right-column-item .massage p {
    margin: 0; /* odebrat horní a dolní okraj */
}

@media screen and (max-width: 768px) {
    /* Zde můžete upravit hodnotu '768px' podle potřeby */
    .right-column {
        width: 80%; /* nastavení šířky na 80% šířky viewportu */
        max-width: 400px; /* nastaví max šířku na 400px */
        margin-left: auto; /* odsazení zleva */
        margin-right: auto; /* odsazení zprava */
        padding-left: 10%; /* odsazení obsahu zleva */
        padding-right: 10%; /* odsazení obsahu zprava */
    }
}

.block-price-list {
    background: #4f0102;
}

.block-price-list .block-price-list-massages {
    border-top: 1px solid #690203;
    background-color: #690203;
}

.block-price-list .block-price-list-massages ul {
    margin-bottom: 0;
    padding-left: 0;
}

.block-price-list.lighter-variant .block-price-list-massages ul li {
    background-color: #4f0102;
}

.block-price-list .block-price-list-massages ul li {
    position: relative;
    background-color: #340101;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 2px;
    background-position: 14px 6px;
}

.block-price-list .block-price-list-massages div.col-product.w64 {
    width: 64%;
}

.block-price-list .block-price-list-massages div.col-product {
    width: 78%;
    vertical-align: top;
}

.block-price-list .block-price-list-massages div[class*="col-"] {
    display: inline-block;
    padding-left: 20px;
    padding-right: 15px;
}

ul li.clearfix {
    margin: 1px;
}

li .col-product.w64 {
    border-right: 1px solid #690203;
}

li .col-product.w64 a::before {
    content: url("../images/odrazkaS.png"); /* Nahraďte 'cesta_k_obrazku.jpg' skutečnou adresou obrázku */
    margin-right: 10px;
}

@media (max-width: 600px) {
    .col-product,
    .col-price {
        display: block;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .col-price {
        display: none;
    }
}