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/ |
.page-content {
margin-top: 130px;
margin-bottom: 100px;
}
/* flip clock */
.counter-background {
background: #ffd962 none repeat scroll 0 0;
border-bottom: 2px solid #d8b74f;
padding: 20px 20px;
}
.counter-background.sec-counter-main {
border-color: #002ac5;
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 10000px 1px #000 inset !important;
border-bottom-width: 1px !important;
}
.title-book,
.title-book-center {
color: var(--white-color);
font-size: 30px;
line-height: 32px;
padding-left: 10px;
padding-top: 15px;
text-align: left;
font-weight: bold;
}
.title-book-center {
text-align: center;
}
#map {
width: 100%;
height: 400px;
}
#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: #fff;
font-size: 18px;
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;
}
/* basket info */
.dark-book-gray {
background: #23231e none repeat scroll 0 0;
padding: 20px;
font-family: 'ProximaNova-Light';
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 10000px 1px #23231e inset !important;
border-top-width: 1px !important;
}
.light-book-gray {
background: #5c5c5c none repeat scroll 0 0;
padding: 20px;
}
.reservation-button {
background: #ffd962 none repeat scroll 0 0;
border-bottom: 5px solid #d8b74f;
color: #855b17;
display: block;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
padding: 20px 5px;
text-align: center;
}
.reservation-button:hover {
background: #5c5c5c none repeat scroll 0 0;
color: #ffd962;
}
.reservation-button:focus {
background: #5c5c5c none repeat scroll 0 0;
color: #ffd962;
}
.checkout-button {
background: #5c5c5c none repeat scroll 0 0;
border-bottom: 5px solid #d8b74f;
color: #ffd962;
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 30px;
padding: 20px 5px;
text-align: center;
}
.checkout-button:hover {
background: #ffd962 none repeat scroll 0 0;
color: #855b17;
}
.checkout-button:focus {
background: #ffd962 none repeat scroll 0 0;
color: #855b17;
}
.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;
text-transform: uppercase;
}
.send-message {
background: #ffd962;
border-bottom: 2px solid #d8b74f;
border-radius: 20px;
padding: 8px 10px;
font-family: 'Proxima Nova Condensed';
font-size: 16px;
color: #333333;
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;
}
.shaded-background {
background: rgba(0, 0, 0, 0) url("../img/shaded-background.png") repeat scroll 0 0;
height: auto;
padding-right: 10px;
width: 100%;
}
.text-details {
margin-bottom: 5px;
margin-top: 15px;
}
.title-desc {
color: #fff;
font-size: 10px;
font-weight: 600;
line-height: 11px;
margin-bottom: 5px;
}
.text-desc,
.text-desc>a {
color: #ffd962;
font-size: 11px;
line-height: 13px;
text-align: left;
}
.text-desc>a:hover {
color: #fff;
font-size: 11px;
line-height: 13px;
text-align: left;
}
.list-details {
margin-bottom: 15px;
margin-left: 5px;
}
.price-details {
color: #fff;
font-size: 28px;
padding-top: 60px;
text-align: center;
}
.price-value {
/*color: #ffd962;*/
font-weight: bold;
}
.add-table-massage {
background: #ffd962 none repeat scroll 0 0;
border: medium none;
color: #855b17;
cursor: pointer;
display: block;
font-family: "Proxima Nova";
font-size: 13px;
font-weight: bold;
line-height: 13px;
margin-top: 30px;
padding: 15px 5px;
position: relative;
text-align: center;
}
.add-table-massage a {
color: #855b17;
}
.add-table-massage:hover {
color: #855b17;
}
.add-table-massage-checked {
background-color: rgba(255, 217, 98, 0.5);
border: medium none;
color: #FFFFFF!important;
cursor: pointer;
display: block;
font-family: "Proxima Nova";
font-size: 13px;
font-weight: bold;
line-height: 13px;
margin-top: 30px;
padding: 15px 5px;
position: relative;
text-align: center;
}
.add-table-massage-checked a {
color: #FFFFFF!important;
}
.add-table-massage-checked a {
color: #855b17;
}
.add-table-massage-checked:hover {
color: #855b17;
}
.add-table-massage-check-img {
cursor: pointer;
margin: 0 auto;
position: absolute;
right: 26%;
top: 37%;
z-index: 999;
}
.table-added {
color: #fff;
font-family: "Proxima Nova";
font-size: 14px;
margin-top: 5px;
text-align: center;
}
.cancel-btn {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #855b17;
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 7px;
margin-right: 15px;
margin-top: 37px;
padding: 5px;
text-align: center;
width: 100%;
}
.cancel-btn:hover {
background: #ffd962 none repeat scroll 0 0;
color: #855b17;
}
.edit-btn {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #855b17;
display: block;
font-size: 12px;
font-weight: bold;
margin-right: 15px;
padding: 5px;
text-align: center;
width: 100%;
}
.edit-btn:hover {
background: #ffd962 none repeat scroll 0 0;
color: #855b17;
}
/* 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;
}
}
/* 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%);
}
}
/* 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: #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;
}
}
/* 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;
}
}
/* 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;
}
}
@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;
}
}
/* 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;
}
}
@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;
}
}
/* 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;
}
}
@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;
}
}
/* 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;
}
}
@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;
}
}
/*New css added*/
/*search form css start*/
.ic-map{ font-size: 18px; left: 8px; }
.btn-book{ min-width: 118px; }
.postcode-area-inner .form-control {
font-size: 14px;
padding-left: 43px;
padding-right: 128px;
}
/*search form css end*/
.cmn_background_cover .counter-background{ padding: 20px 0px; }
.checkout-pay img {
width: 70px;
}
.book-time-01-cover {
background: url("../img/bg-clock.png");
background-repeat: no-repeat;
background-position: center center;
height: 200px;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
}
.counter-background { background: #000; }
.cmn_background_cover.cover_container .postcode-area-inner .form-control{ background: #000; }
.cmn_background_cover.cover_container .title-book{ padding-left: 0px; }
.cmn_background_cover.cover_container {
height: 1280px;
background-position: top right;
min-height: 400px;
}
.cmn_background_cover.cover_container .postcode-area-inner { margin: 20px -15px; max-width: 458px;}
.cmn_background_cover.cover_container .page-content{ margin-top: 420px; }
@media screen and (max-width: 1500px){
.cmn_background_cover.cover_container .page-content { margin-top: 270px;}
.cmn_background_cover.cover_container {}
}
@media screen and (max-width: 991px){
.cmn_background_cover.cover_container {
max-height: 530px;
background-size: 100%;
}
}
@media screen and (max-width: 767px){
.cmn_background_cover.cover_container {height: 100vh;}
.cmn_background_cover.cover_container .postcode-area-inner {max-width: 100%, margin:20px 0px;}
.cmn_background_cover.cover_container .counter-background {padding: 0px;}
.cmn_background_cover.cover_container .page-content { margin-top: 40px;}
}
.sec-counter-main .title-book,
.sec-counter-main .title-book-center{ text-align: center; margin-bottom: 25px; }
.ClassyCountdown-wrapper {
width: 100%;
margin: 0 auto;
max-width: 630px;
display: flex;
align-items: center;
justify-content: center;
}
.button-group-style {
max-width: 650px;
margin: 0 auto;
}
.figimg-box { margin-bottom: 25px;}
.figimg-box img { border-radius: 5px;}
.medical-img {
background: #fff;
padding: 10px;
border-radius: 5px;
}
.sec-middle-block .filds-label { flex: 0 0 200px; position: relative; }
.sec-middle-block .filds-label .title-desc { position: absolute; left: 24px; color: #DCDCDC; font-size: 15px;}
.sec-middle-block .text-desc {
border: 2px solid rgba(255, 255, 255,38%);
color: #DCDCDC;
font-size: 12px;
border-radius: 10px;
padding: 4px 12px;
min-height: 40px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.sec-middle-block .filds-label .text-desc{ color: #fff; }
.sec-middle-block .flex-container{ margin: 0px; }
.filds-one .title-desc{ top: 49px;}
.filds-middle .title-desc { top: 25px; }
.filds-last .title-desc { top: 25px;}
.filds-last .title-desc { top: 18px;}
.filds-last .title-desc span {
font-size: 10px;
width: 142px;
display: inline-block;
margin-top: 6px;
}
.filds-one .text-desc { margin-top: 34px;}
.filds-middle .text-desc { margin-top: 7px;}
.filds-last .text-desc { margin-top: 7px;}
.sec-person-details .title{ color: #fff; }
.ClassyCountdown-wrapper .ClassyCountdown-value {
line-height: 20px;
}
.checkout-pay {
border-radius: 100rem;
padding: 1rem;
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 10000px 1px #000 inset !important;
min-width: 129px !important;
text-align: center !important;
outline: none !important;
}
.shaded-background-price {
margin-bottom: 32px;
display: inline-block;
width: 100%;
}
.voucher-bg .btn-warning.applyvoucher,
.voucher-bg .btn-warning.removevoucher {
margin-top: 0px;
padding: 4px 16px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: 0;
border-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background: #000;
color: #fff;
border-color: #000;
}
.voucher-box{ position: relative; }
.sec-checkoutpay-main .filds-label { flex: 0 0 200px; position: relative;}
.sec-checkoutpay-main .filds-label label{top: 46px; font-size: 14px; left: 30px;}
.card-title-main h1 { color: #fff;}
.sec-checkoutpay-main .pay-filed-middle .filds-label label {top: 20px;}
.sec-checkoutpay-main .filds-input .form-control {
height: 40px;
font-size: 12px;
border-radius: 10px;
margin-top: 35px;
}
.sec-checkoutpay-main .pay-filed-middle .filds-input .form-control {margin-top: 8px;}
.sec-checkoutpay-main .filds-label label i {margin-right: 5px;}
.full-section-main {flex: 0 0 100%;max-width: 100%;}
.filds-two-group .filds.flex-container {flex-wrap: wrap;}
.contact-sec {
background-color: #fff;
padding: 25px;
border-radius: 12px;
margin: 0px 15px 15px 15px;
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 #fff inset !important;
}
.col-left-main-sec .btn-com {
margin-bottom: 40px;
}
.contact-sec .contact-box {display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 40px;}
.contact-sec .contact-box .icons-box {
width: 60px;
height: 60px;
border: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
padding: 5px;
overflow: hidden;
}
.contact-sec .contact-box .icons-box img {
width: 100%;
}
.contact-sec .contact-box .text-box {width: calc(100% - 60px);position: relative; padding-left: 20px;}
.contact-sec .contact-box .text-box h4 {margin: 0;padding: 0;line-height: 30px;font-weight: 600;}
.contact-sec .contact-box .text-box p {margin: 0;line-height: 30px;text-transform: uppercase;color: rgb(112 112 112);font-weight: 500;}
.contact-sec .contact-box .text-box:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
left: 18px;
bottom: -10px;
background-color: #5e5e5e1a;
}
.map-icon {text-align: center;}
.map-icon a {border: 2px solid rgba(255, 255, 255,38%);display: inline-block;padding: 10px;border-radius: 10px;}
.contact-main h1 {
color: #000;
font-size: 25px;
margin-bottom: 15px;
text-align: center;
padding: 0px 15px;
}
.col-left-main-sec label {
padding: 10px 15px;
margin-bottom: 18px;
font-size: 15px;
color: #fff;
}
.order_sec_main.sec-counter-main ~ .dark-book-gray>.row { display: flex;flex-wrap: wrap;}
.order_sec_main.sec-counter-main ~ .dark-book-gray>.row>div:first-child {order: 2;}
.message-field {background: #fff; border-radius: 10px;}
.message-box-parent {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
.message-field textarea.form-control {resize: none;border: none; border-radius: 10px;}
.message-field .message-box-parent-main {padding: 0px 15px;}
.button-group-style-3 {
max-width: 560px;
margin: 0 auto;
}
.select-extend .dropdown-toggle {
border-radius: 20px;
padding: 5px 16px;
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;
outline: none !important;
color: #fff;
height: 48px !important;
font-size: 14px;
width: 100%;
margin-top: 7px;
display: flex;
align-items: center;
text-align: left;
}
.select-extend .dropdown-menu{min-width: 100%; background: #000;}
.select-extend .dropdown-menu > li > a {color: #fff;background: transparent;}
.select-extend .dropdown-toggle .caret {
margin-left: auto;
}
.cancel-booking-button-main .dropdown-menu {
padding: 15px 10px;
margin-top: 10px;
background: #424242;
color: #fff;
border: solid 1px 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;
width: 100%;
text-align: center;
}
.bs-inner-box p {
font-size: 11px;
}
.hover-toltp-btn {
text-align: center;
}
.hover-toltp-btn .btn {
font-size: 11px;
padding: 5px 10px;
display: inline-block;
width: 100%;
}
.cancel-booking-button-main .dropdown-menu:after,
.cancel-booking-button-main .dropdown-menu::before {
display: block;
width: 0;
height: 0;
content: "";
border-right: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
right: 25px;
}
.cancel-booking-button-main .dropdown-menu:before {
border-bottom: 10px solid #424242;
top: -10px;
}
.main-box-par {display: flex;}
.main-box-par>div {flex: 0 0 50%;max-width: 50%;}
.hover-toltp-btn .btn:hover {
color: red !important;
}
.flex-container .text-danger {
position: absolute;
left: 0;
bottom: -10px;
right: 0;
text-align: center;
width: 100%;
}
.box-right-box .box-right-box .filds-two-group { display: inline-block; width: 100%;}
.box-right-box .filds-two-group .filds.flex-container{ width: 100%; }
.coccs{display: inline-block; width: 100%;}
.contact-main-wrapper{
max-height: 460px;
overflow-y: auto;
overflow-x: hidden;
}
.saloncheckout-wrapper .pay-filed-first{
padding: 0 15px 0 10px;
text-transform: uppercase;
}
.box-right-box-inner {
padding: 0px 15px;
}
.extention-expire-image-cover img {
max-width: 100%;
}
@media screen and (max-width: 550px){
.cmn_background_cover.cover_container {height: 285px !important;}
.cmn_background_cover.cover_container .postcode-area-inner {max-width: 100%, margin:20px 0px;}
.cmn_background_cover.cover_container .counter-background {padding: 0px;}
.cmn_background_cover.cover_container .page-content { margin-top: 40px;}
}