Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/public_html/public/themes/frontend_new/assets/css/ |
.tt-dataset {
max-height: 300px!important;
overflow-x: hidden;
overflow-y: scroll;
}
.page-content {
margin-top: 200px;
}
/* flip clock */
.counter-background {
background: #ffd962 none repeat scroll 0 0;
border-bottom: 2px solid #d8b74f;
padding: 20px 20px;
}
.title-book {
color: #282828;
font-size: 30px;
line-height: 32px;
padding-left: 10px;
padding-top: 15px;
text-align: left;
}
#book-time-01 {
margin-top: 10px;
display: inline-block;
}
.flip-clock-wrapper {
margin: 0;
}
.flip-clock-wrapper ul {
background: #000 none repeat scroll 0 0;
border-radius: 0;
float: left;
font-size: 80px;
font-weight: bold;
height: 40px;
line-height: 87px;
margin: 2px;
position: relative;
width: 40px;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0;
color: #ccc;
font-size: 30px;
height: 200%;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-wrapper ul li a div.up::after {
background-color: rgba(0, 0, 0, 0.4);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 19px;
width: 100%;
z-index: 5;
}
.flip-clock-divider {
display: inline-block;
float: left;
height: 30px;
position: relative;
width: 15px;
}
.flip-clock-wrapper ul li a div.down {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
bottom: 0;
transform-origin: 50% 0 0;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0;
color: #ccc;
font-size: 30px;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-dot.top {
top: 25px;
}
.flip-clock-dot.bottom {
bottom: 10px;
}
.flip-clock-dot {
background: #855b17 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: block;
height: 5px;
left: 5px;
position: absolute;
width: 5px;
}
.flip-clock-divider .flip-clock-label {
color: #855b17;
font-size: 10px;
font-weight: bold;
position: absolute;
right: -60px;
text-shadow: none;
top: -1.5em;
}
.flip-clock-divider.minutes .flip-clock-label {
right: -65px;
}
.flip-clock-divider.seconds .flip-clock-label {
right: -68px;
}
.flip-clock-wrapper ul li {
height: 100%;
left: 0;
line-height: 38px;
position: absolute;
text-decoration: none;
top: 0;
width: 100%;
z-index: 1;
}
.checkout-pay {
background: #333333;
border-radius: 20px;
padding: 8px 10px;
font-family: 'Proxima Nova Condensed';
font-size: 16px;
color: #fff;
display: block;
width: 100%;
text-align: center;
margin-top: 17px;
}
.checkout-pay:hover,
.checkout-pay:focus {
color: #fff;
}
.add-basket {
border: 2px solid #000;
border-radius: 20px;
padding: 6px 10px;
font-family: 'Proxima Nova Condensed';
font-size: 16px;
color: #333333;
display: block;
width: 100%;
text-align: center;
margin-top: 17px;
}
.add-basket:hover,
.add-basket:focus {
color: #333333;
}
/* form select masage type*/
.gray-form-bg {
background: #282828 none repeat scroll 0 0;
margin-bottom: 36px;
padding: 20px;
}
.gray-form-bg label {
color: #fff;
display: inline-block;
font-size: 14px;
font-family: 'ProximaNovaA-Regular';
font-weight: normal;
margin-bottom: 1px;
max-width: 100%;
}
.gray-form-bg .form-control {
background-color: #ffffff;
background-image: none;
border: medium none;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
display: block;
font-size: 14px;
height: 30px;
line-height: 1.42857;
padding: 6px 5px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.gray-form-bg .form-group {
margin-bottom: 5px;
}
.red {
color: #ff0000;
}
.center {
text-align: center;
}
.display-inline {
display: inline-block;
}
/* select therapists number */
.select-number {
margin-bottom: 30px;
}
.couple-massage {
font-size: 18px;
color: #000;
font-family: 'Proxima Nova';
padding: 15px 0px;
text-align: center;
background: #ffd962;
}
.select-therapists-number {
font-size: 18px;
color: #000;
font-family: 'Proxima Nova';
font-weight: 600;
padding: 15px 0px;
text-align: center;
background: #f6f6f6;
}
.radio-inline {
cursor: pointer;
display: inline-block;
margin-bottom: 0;
padding-left: 30px;
position: relative;
vertical-align: middle;
font-size: 14px;
color: #000;
font-family: 'Proxima Nova';
font-weight: 600;
}
.radio label {
cursor: pointer;
display: inline-block;
margin-bottom: 0;
padding-left: 30px;
position: relative;
vertical-align: middle;
font-size: 14px;
color: #000;
font-family: 'Proxima Nova';
font-weight: 600;
}
input[type="radio"] {
margin: 2px 0px;
}
/* massage me later*/
.active-button-massage {
background: #ffd962;
font-size: 18px;
font-family: 'Proxima Nova';
/*font-weight: 600;*/
color: #000000;
padding: 17px 0px;
text-align: center;
}
.inactive-button-massage {
background: #cccccc;
font-size: 16px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000000;
padding: 10px 0px;
text-align: center;
display: block;
margin-top: 3px;
border-radius: 50px;
/* width: 380px; */
margin-left: auto;
border: 2px solid #000;
}
.icon-btn-booking {
margin-bottom: 5px;
}
.icon-btn-booking .fa {
font-size: 32px;
}
/*.inactive-button-massage:hover { background: #ffd962; color: #000;}*/
.btn-massage-me-now {
background-color: #cf3460;
color: #fff !important;
/*border: 2px solid #d8b74f;*/
}
.btn-massage-me-now:hover {
background: #000;
color: #cf3460 !important;
}
.btn-massage-me-later {
background-color: #000;
color: #fff !important;
border-color:#fff;
}
.btn-massage-me-later:hover {
background: #000;
color: #cf3460 !important;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
/* therapist list */
.gradient-bg {
background: url('../img/gradient-bg.jpg') repeat-x;
width: 100%;
height: 100%;
}
.nav.nav-justified>li>a {
position: relative;
}
.nav.nav-justified>li>a:hover,
.nav.nav-justified>li>a:focus {
background-color: transparent;
}
.nav.nav-justified>li.active>a>.quote {
opacity: 1;
}
.nav.nav-justified>li>a>img {
max-width: 100%;
}
.nav.nav-justified>li.active>a>img,
.nav.nav-justified>li:hover>a>img,
.nav.nav-justified>li:focus>a>img {
opacity: 1;
-webkit-transform: none;
transform: none;
-webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 0 0 3px #fdd761;
}
.tab-pane .tab-inner {
padding: 30px 40px;
background: #ffd962;
margin-bottom: 30px;
}
.therapist-name {
font-size: 16px;
color: #000;
font-family: 'ProximaNovaA-Regular';
font-weight: 600;
text-align: left;
}
.img-th-list {
display: block;
height: 92px;
margin: auto;
object-fit: contain;
padding: 0px;
}
.therapist-description {
font-size: 13px;
line-height: 18px;
text-align: justify;
color: #000;
font-family: 'ProximaNovaA-Regular';
margin-top: 10px;
max-height: 400px;
overflow: auto;
}
.massage-types ul {
margin: 27px 0px;
padding: 0px;
}
.massage-types ul li {
list-style: none;
background: url('../img/check-icon.png') no-repeat;
padding: 1px 5px 1px 25px;
font-size: 14px;
color: #000;
font-family: 'ProximaNovaA-Regular';
text-align: left;
}
.book-therapist {
border: 2px solid #000;
border-radius: 20px;
font-size: 13px;
padding: 7px 15px;
display: block;
color: #000;
font-family: 'ProximaNovaA-Regular';
width: 35%;
margin-top: 15px;
}
.book-therapist:hover,
.book-therapist:focus {
color: #000;
}
.name {
font-size: 16px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
}
.hour {
color: #5c5c5c;
font-size: 16px;
font-family: 'ProximaNovaA-Regular';
}
.selected-therapist {
position: absolute;
top: 30%;
left: 50%;
transform: translateY(-30%);
transform: translateX(-50%);
}
.gray-background {
background: #f6f6f6;
padding-bottom: 15px;
}
/* select folcal point */
.zen-content-section {
margin-bottom: 24px;
padding: 12px;
position: relative;
}
.focalpoints-body-back .popover,
.focalpoints-body-front .popover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffd962;
border-image: none;
border-radius: 0;
border-style: none;
border-width: 0 0 2px;
color: #202020;
}
.focalpoints-body-back .popover .popover-content,
.focalpoints-body-front .popover .popover-content {
padding: 0 14px;
}
.focalpoints-body-back .popover.left>.arrow::after,
.focalpoints-body-front .popover.left>.arrow::after {
border-left-color: #ffd962;
}
.zen-form-focalpoint {
background-color: #fafafa;
border-bottom: 6px solid #e1e1e1;
margin-top: 70px;
padding: 10px 20px;
text-align: center;
}
.choose-focalpoint {
background: #ffd962 none repeat scroll 0 0;
font-size: 14px;
padding: 12px 0 8px;
text-align: center;
}
.zen-form-focalpoint .focalpoints-body-back {
background-image: url("../img/body-back.png");
background-size: 100% 100%;
display: inline-block;
height: 745px;
margin-top: -100px;
position: relative;
width: 298px;
}
.zen-form-focalpoint .focalpoints-body-front {
background-image: url("../img/body-front.png");
background-size: 100% 100%;
display: inline-block;
height: 745px;
left: 0;
margin-top: -100px;
position: relative;
top: 0;
width: 298px;
}
.zen-form-focalpoint .focalpoint {
background-color: #333333;
border: 6px solid #333333;
border-radius: 50%;
cursor: pointer;
height: 16px;
margin-left: -6px;
margin-top: -6px;
position: absolute;
width: 16px;
}
.zen-form-focalpoint .focalpoint:hover {
background-color: #ffd962;
}
.zen-form-focalpoint .focalpoint.selected {
background-color: #ffd962;
margin-left: -8px;
margin-top: -8px;
padding: 4px;
}
.item-focalpoint {
width: 130px;
}
.popover {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
display: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 0;
letter-spacing: normal;
line-height: 1.42857;
max-width: 276px;
overflow-wrap: normal;
padding: 1px;
position: absolute;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
top: 0;
white-space: normal;
word-break: normal;
word-spacing: normal;
z-index: 1060;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
background-color: #ffd962;
border-bottom: 2px solid #d8b74f;
border-radius: 0;
font-size: 14px;
margin: 0;
padding: 4px 14px;
}
.popover-content {
padding: 9px 14px;
}
.popover>.arrow,
.popover>.arrow::after {
border-color: transparent;
border-style: solid;
display: block;
height: 0;
position: absolute;
width: 0;
}
.popover>.arrow {
border-width: 11px;
}
.popover>.arrow::after {
border-width: 10px;
content: "";
}
.popover.top>.arrow {
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
left: 50%;
margin-left: -11px;
}
.popover.top>.arrow::after {
border-bottom-width: 0;
border-top-color: #ffd962;
bottom: 1px;
content: " ";
margin-left: -10px;
}
.popover.right>.arrow {
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.25);
left: -11px;
margin-top: -11px;
top: 50%;
}
.popover.right>.arrow::after {
border-left-width: 0;
border-right-color: #ffd962;
bottom: -10px;
content: " ";
left: 1px;
}
.popover.bottom>.arrow {
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
left: 50%;
margin-left: -11px;
top: -11px;
}
.popover.bottom>.arrow::after {
border-bottom-color: #ffd962;
border-top-width: 0;
content: " ";
margin-left: -10px;
top: 1px;
}
.popover.left>.arrow {
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
margin-top: -11px;
right: -11px;
top: 50%;
}
.popover.left>.arrow::after {
border-left-color: #fff;
border-right-width: 0;
bottom: -10px;
content: " ";
right: 1px;
}
/* date picker */
.select-date {
color: #000;
font-size: 14px;
height: 30px;
margin-bottom: 10px;
padding: 7px 10px 5px;
width: 100%;
text-align: center;
}
.datepicker {
padding-left: 30px;
}
.datepicker table tr td.disabled {
background: #ffe7e7 none repeat scroll 0 0;
color: #6c7174;
cursor: default;
}
.datepicker table tr td.disabled:hover {
background: #ffa4a5 none repeat scroll 0 0 !important;
color: #6c7174;
cursor: default;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #ffd962;
background-image: linear-gradient(to bottom, #ffd962, #ffd962);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #855b17;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled]:hover {
background-color: #ffd962;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #ffd962 none repeat scroll 0 0;
color: #855b17;
cursor: pointer;
}
.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td {
border-bottom: medium none;
padding: 15px;
}
.dow {
background: #7d7d7d;
color: #fff !important;
font-size: 12px;
font-family: 'Proxima Nova';
font-weight: 300;
}
.datepicker td,
.datepicker th {
border: medium none;
border-radius: 0;
height: 20px;
text-align: center;
width: 20px;
}
.table-condensed>tbody>tr>td {
border-right: 1px solid #f9f9f9;
border-top: 1px solid #f9f9f9;
color: #6c7174;
font-family: "Proxima Nova";
font-size: 16px;
padding: 20px;
}
.table-condensed>tbody>tr:first-child>td {
border-top: medium none;
}
.table-condensed>tbody>tr>td:last-child {
border-right: medium none;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background-color: rgba(255, 217, 98, 0.1);
}
.datepicker th {
color: #010101;
text-transform: uppercase;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
font-size: 14px;
}
.time-background {
background: rgba(0, 0, 0, 0) url("../img/shaded-background.png") repeat scroll 0 0;
height: auto;
padding: 20px;
width: 100%;
}
.time-background .time {
color: #000;
font-size: 12px;
font-weight: bold;
margin-top: 15px;
text-align: center;
}
.legend-bg {
height: auto;
margin: 5px auto 0;
padding: 10px 20px;
text-align: center;
width: 100%;
}
.legend-bg ul {
margin: 0;
padding: 0;
text-align: center;
}
.legend-bg ul li {
color: #000;
display: inline-block;
float: none;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
}
/* RESPONSIVE CSS -------------------------------------------------------------------------------*/
/*Large desktop*/
@media (min-width: 1260px) and (max-width: 1280px) {
.hide-desktop {
display: none;
}
}
/*Small Desktop*/
@media (min-width: 1200px) {
.hide-desktop {
display: none;
}
}
/*Laptops*/
@media (min-width: 992px) and (max-width: 1199px) {
.title-book {
font-size: 25px;
padding-top: 15px;
}
.clock-icon {
height: 36px;
width: 31px;
margin-top: 15px;
}
.checkout-pay {
margin-top: 0px;
}
.add-basket {
margin-top: 8px;
}
.gray-form-bg label {
font-size: 13px;
}
.hide-desktop {
display: none;
}
.massage-types ul {
margin: 0px;
}
.datepicker {
padding-left: 10px;
}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.display-inline-tab {
display: inline-block;
float: none !important;
}
.clock-icon {
height: 29px;
width: 25px;
margin-top: -10px;
}
.title-book {
margin-bottom: 15px;
}
.hide-tab {
display: none;
}
.gray-form-bg label {
font-size: 11px;
line-height: 13px;
height: 25px;
}
.nav.nav-justified>li>a>.quote {
left: auto;
top: auto;
right: 20px;
bottom: 0px;
}
.book-therapist {
width: 60%;
}
.hour {
font-size: 14px;
text-align: center;
}
.name {
font-size: 14px;
}
.selected-therapist {
position: absolute;
top: 15%;
left: 50%;
transform: translateY(-15%);
transform: translateX(-50%);
}
.datepicker {
padding-left: 10px;
}
.couple-massage {
font-size: 13px;
}
.select-therapists-number {
font-size: 13px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 13px;
}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
/* Samsung Galaxy Tab 3 (7") ----------- */
@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: portrait) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #fff;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 20px;
}
}
/* Samsung Galaxy Tab 3 (7") ----------- */
@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: landscape) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 12px;
}
}
/* LG (G3,G4,G5, Nexus 5), Samsung Galaxy S(3-7), HTC ONE ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.datepicker {
margin-left: 0px !important;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px !important;
}
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.datepicker {
margin-left: 0px !important;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px !important;
}
}
/* iPhone 6,7 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.datepicker {
padding-left: 4px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 12px;
}
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 12px;
}
}
/* iPhone 6+,7+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.datepicker {
margin-left: 0px !important;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 8px;
}
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.datepicker {
margin-left: 0px !important;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 8px;
}
}
/* Samsung Galaxy S7Edge ----------- */
@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: portrait) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
/*.modal-body {
background: #ffd962;
}*/
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 12px;
}
}
@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: landscape) {
.page-content {
margin-top: 10px;
}
.counter-background {
padding: 20px;
}
.clock-icon {
height: 35px;
width: 30px;
}
.title-book {
font-size: 27px;
margin-bottom: 5px;
padding-top: 5px;
}
.checkout-pay {
margin-top: 10px;
font-size: 14px;
}
.add-basket {
margin-top: 10px;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.name_therapist {
text-align: center;
font-size: 14px;
font-family: 'Proxima Nova';
font-weight: 600;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}
.pic-therapist {
margin: 0 auto;
display: block;
}
.therapist-description {
margin-top: 20px;
}
.modal-body {
background: #ffd962;
}
.massage-types ul li {
font-size: 13px;
}
.book-therapist {
width: 100%;
text-align: center;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
padding: 15px;
background: #282828;
}
.modal-title {
font-size: 25px;
color: #fff;
}
.close {
color: #fff;
opacity: 1;
font-size: 25px;
}
.hide-tel {
display: none;
}
.active-button-massage {
font-size: 14px;
padding: 15px 0px;
}
.inactive-button-massage {
font-size: 14px;
padding: 13px 0px;
}
.gradient-bg {
padding: 20px 10px;
}
.hour {
margin-top: -20px;
font-size: 14px;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.legend-bg ul li {
padding: 0px 5px;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 12px;
}
}
/*New css added*/
.booking_banner { position: relative;}
img.booking_banner_img {
height: 1080px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
}
.right-blog div+div {
margin-top: 70px;
}
.arrow-div {
position: absolute;
opacity: 0;
visibility: hidden;
left: -120px;
top: 0;
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.arrow-div img {
width: 110px;
}
.right-blog div:hover .arrow-div{opacity: 1; visibility: visible;}
.btn-massage-me-now ~ .tooltip.top .tooltip-arrow ~ .tooltip-inner,
.btn-massage-me-later ~ .tooltip.top .tooltip-arrow ~ .tooltip-inner{ background-color: #cf3460 !important;}
.btn-massage-me-now ~ .tooltip.top .tooltip-arrow,
.btn-massage-me-later ~ .tooltip.top .tooltip-arrow {border-top-color: #cf3460 !important;}
@media screen and (max-width: 1500px) {
img.booking_banner_img { height: 960px;}
}
@media screen and (max-width: 767px) {
.arrow-div{ display: none; }
img.booking_banner_img, .booking_banner {height: 360px;}
.right-blog div+div { margin-top: 15px;}
.icon-btn-booking .fa { font-size: 20px;}
.booking_banner .page-content { margin-top: 50px;}
}
.btn-back {
border-radius: 20px;
background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(118,118,118,0.84) 100%);
background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#d6767676',GradientType=0 );
color: #fff;
font-size: 16px;
margin-bottom: 30px;
padding: 10px 25px;
display: inline-block;
text-decoration: none;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
border: solid 2px transparent !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
}
.btn-back:hover {
background: transparent;
color: #fff;
}
.booking_banner .back-button {
padding-top: 140px;
margin-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
}
.booking_banner {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
height: 1170px;
}
.booking_banner .page-content { margin-top: 140px;}
.booking_banner .row-flex-box {
margin-top: -120px;
}
@media screen and (max-width: 1500px) {
.booking_banner{ height: 900px; }
}
@media screen and (max-width: 1199px) {
.booking_banner {
height: 100vh;
min-height: 600px;
}
}
@media screen and (max-width: 767px) {
.booking_banner {
min-height: 400px;
}
.booking_banner .page-content {
margin-top: 0px;
}
.booking_banner .back-button {
padding-top: 30px;
}
.booking_banner .row-flex-box {
margin-top: 0;
}
}
@media screen and (max-width: 575px) {
.booking_banner {
max-height: 250px;
min-height: 250px;
}
.right-blog .inactive-button-massage{
width: 165px;
padding: 5px 0;
font-size: 14px;
}
.booking_banner .back-button{
padding-top: 10px;
}
.booking_banner .back-button .btn-back {
padding: 10px 16px;
}
}