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/ |
body {
background: #fff;
font-family: 'Proxima Nova';
font-size: 12px;
line-height: 18px;
color: #333;
padding-bottom: 20px;
}
:root {
--primary-color: #000;
--secondary-color:#fff;
--title:#64b796;
--black-color:#000;
--white-color:#fff;
--my-gradient:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #236C4E , #74C9A7) !important;
--my-gradient-top-bottom:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #236C4E , #74C9A7) !important;
--my-gradient-light:linear-gradient(to bottom, rgba(17, 17, 17, 1) 0%, rgb(118 118 118 / 0%) 100%) !important;
--my-shadow:1px 1000px 1px #fff inset !important;
--my-border: #74C9A7;
--border:solid 2px transparent !important;
}
a:hover, a:focus {
text-decoration: none;
}
a:focus {
outline: none;
}
.btn-after-log {
color:#333!important;
}
@font-face {
font-family: "Proxima Nova";
src: url("../fonts/proximanova/proximanova-regular-webfont.ttf")
}
@font-face {
font-family: "Proxima Nova";
src: url("../fonts/proximanova/proximanova-bold-webfont.ttf");
font-weight: bold;
}
@font-face {
font-family: "Proxima Nova Condensed";
src: url("../fonts/proximanova/proximanovacond-semibold-webfont.ttf");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova Condensed";
src: url("../fonts/proximanova/proximanovacond-light-webfont.ttf");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova Condensed";
src: url("../fonts/proximanova/proximanovacond-semibold-webfont.ttf");
font-weight: 600;
}
@font-face {
font-family: "Proxima Nova (TT)";
src: url("../fonts/proximanova/proximanovat-thin-webfont.ttf");
font-weight: 100;
}
@font-face {
font-family: 'ProximaNova-Light';
src: url('../fonts/proximanova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova/ProximaNova-Light.woff') format('woff'), url('../fonts/proximanova/ProximaNova-Light.ttf') format('truetype'), url('../fonts/proximanova/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ProximaNovaA-Regular';
src: url('../fonts/proximanova/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova/ProximaNovaA-Regular.otf') format('opentype'),
url('../fonts/proximanova/ProximaNovaA-Regular.woff') format('woff'), url('../fonts/proximanova/ProximaNovaA-Regular.ttf') format('truetype'), url('../fonts/proximanova/ProximaNovaA-Regular.svg#ProximaNovaA-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Segoe Script';
src: url('../fonts/SegoeScript/SegoeScript.eot');
src: url('../fonts/SegoeScript/SegoeScript.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeScript/SegoeScript.woff2') format('woff2'),
url('../fonts/SegoeScript/SegoeScript.woff') format('woff'),
url('../fonts/SegoeScript/SegoeScript.ttf') format('truetype'),
url('../fonts/SegoeScript/SegoeScript.svg#SegoeScript') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* header */
.menu-background {
background: #fff;
height: 147px;
padding: 35px 0px;
}
.menu {
float: right;
}
.menu ul {
margin: 29px 0px;
padding: 0px;
}
.menu ul li {
float: left;
list-style: none;
font-size: 14px;
color: #333;
font-family: 'Proxima Nova';
padding: 0px 5px;
font-weight: normal;
}
.menu ul li a {
color: #333;
}
.menu ul li a:hover, .menu ul li a:focus {
color: var(--title);
background: none;
}
.log-in-account {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 14px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
margin-top: 20px;
}
.log-in-account a {
color: #333;
}
.log-in-account a:hover {
color: #b79839;
}
.book-massage-btn {
background: #ffd962;
border-bottom: 2px solid #d8b74f;
font-size: 14px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
border-radius: 20px;
padding: 8px 10px;
display: block;
margin-top: 20px;
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.book-massage-btn a {
color: #333;
}
.book-massage-btn:hover {
color: #333;
}
/* 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;
}
}
/* 1024 */
@media (min-width: 992px) and (max-width: 1199px){
.menu ul {
margin: 21px 0px;
}
.menu ul li {
font-size: 13px;
}
.log-in-account {
font-size: 13px;
margin-top: 12px;
}
.book-massage-btn {
font-size: 13px;
margin-top: 12px;
}
.hide-desktop {
display: none;
}
}
/* 768 tableta*/
@media (min-width: 768px) and (max-width: 991px){
.menu {
float: left;
}
.menu ul {
margin: 15px 0px;
}
.menu ul li {
font-size: 14px;
padding: 0px 4px;
}
.log-in-account {
margin-top: 5px;
}
.book-massage-btn {
margin-top: 5px;
}
.hide-tab {
display: none;
}
}
/*Header css added start*/
.menu-background {
position: relative;
height: auto;
padding: 10px 0px;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 9991;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.top-bar{ display: none; }
.menu-background.sticky {
position: fixed;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
}
.log-in-account a {
color: #fff;
}
.log-in-account {
border: 2px solid #fff;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
.log-in-account .dropdown-menu a{
color: #333!important;
}
.header-auth-dflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-auth-dflex>div+div{ margin-left: 22px;}
.header-right .dropdown-toggle {
background: transparent;
padding: 0;
border: none;
}
.header-search img { filter: invert(1);}
.header-right .dropdown-toggle img {filter: invert(1);}
.header-right .dropdown-menu {
right: -5px;
left: auto;
min-width: 240px;
border-radius: 6px;
-webkit-box-shadow: 0px 3px 6px rgb(0 0 0 / 26%);
box-shadow: 0px 3px 6px rgb(0 0 0 / 26%);
border: none;
padding: 13px;
margin-top: 25px;
background: #000;
color: var(--black-color);
border: var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.header-right .dropdown-menu li a {
color: var(--black-color);
}
.header-right .dropdown-menu li a:hover, .header-right .dropdown-menu li a:focus {
background: transparent;
color: var(--title) ;
}
.header-right .dropdown-menu:after, .header-right .dropdown-menu::before {
display: block;
width: 0;
height: 0;
content: "";
border-right: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
right: 5px;
}
.dropdown-menu .divider {
border: solid 1px transparent !important;
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
}
.header-right .dropdown-menu:before {
border-bottom: 10px solid var(--my-border);
top: -12px;
}
.product-item { display: -webkit-box; display: -ms-flexbox; display: flex;}
.product-item+.product-item {
border-top: 1px solid #ddd;
margin-top: 15px;
padding-top: 15px;
}
.product-item-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 36px;
flex: 0 0 36px;
max-width: 36px;
width: 36px;
margin-right: 8px;
}
.product-item-img img{ width: 100%;}
.product-item-dis h4 {
margin: 0px;
font-size: 14px;
font-weight: bold;
color: var(--black-color);
}
.product-item-dis p {
color: var(--black-color);
font-size: 12px;
margin: 0px;
}
.product-item-dis {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.notification-bg {
border-radius: 100%;
color: var(--black-color);
font-size: 14px;
height: 19px;
position: absolute;
right: -15px;
text-align: center;
top: -8px;
background: #BFB79E;
width: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.1;
font-weight: 700;
border: var(--border);
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
/* Review form*/
.sec-middle-block .contact-sec{
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;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
#ratingForm label{
font-size: 16px;
margin-top: 10px;
}
.sec-middle-block .text-box{
font-size: 18px;
}
#ratingForm .form-control{
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;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin: 10px 0;
font-size: 12px;
}
#ratingForm textarea.form-control{
text-transform: none;
min-height: 80px;
margin-bottom: 0;
}
.review-box{
padding-bottom: 0 !important;
}
.star-num h3 {
font-size: 35px;
font-weight: 600;
margin: 0;
color: #ff9b00!important;
/*background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
background-clip: border-box, border-box;
background-clip: border-box, border-box;
background-clip: border-box, border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}
.fa-solid.fa-star.fa-2xl {
/*background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #0022c3, #00fafb);
background-clip: border-box, border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
width: 25px;
height: 25px;
line-height: 1.1;
color: #ff9b00!important;
}
.feature-star-items-elements .star-calculate{
margin-top: -8px;
}
.opacity_star{
opacity: 0.5!important;
}
.gallery-slider .myWorkImg img {
width: 100%;
height: 125px;
}
.select-date-tab {
max-height: 375px;
overflow: auto;
}
.gallery-slider .myWorkImg img:hover {
background: rgba(0,0,0,0.5);
opacity: 0.5;
}
.fiveRating_rating .star-num{
display: inline-block;
}
.fiveRating_rating .total_stars{
display: inline-block;
margin-top: -15px;
margin-left: 20px;
vertical-align: middle;
}
.fiveRating_rating > i{
margin-bottom: 10px;
font-size: 18px;
}
.clientReview-box .report_list{
padding: 10px 0 !important;
}
/*Salon Header CSS */
.salon_cart_wrapper .dropdown-menu{
min-width: 320px;
}
.salon_cart_wrapper .price_wrap {
font-size: 15px;
font-weight: 700;
}
.mg-r-10{
margin-left: 12px;
}
.row.d-flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 15px;}
.header-logo {
margin-right: auto;
}
.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header-navbar-right-button-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-navbar-right-button-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-navbar-right-button-group .log-in-account {
margin: 0;
border: none;
padding: 0;
border-radius: inherit;
margin: 0;
}
.log-in-account a, .become-btn a {
font-size: 16px !important;
color: #000 !important;
border: 2px solid #fff !important;
border-radius: 19px !important;
padding: 10px 10px 7px 10px;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
border:var(--border) !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.detail-btn a{
padding: 6px 10px;
min-width: 125px;
text-align: center;
font-size: 13px !important;
}
.details_color span{
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin-left: 16px;
}
.log-in_dropdown .dropdown-menu a {
font-size: 14px !important;
font-weight: bold !important;
text-transform: uppercase;
}
.time-icon{
margin-top: 6px;
}
.log-in-account a:hover, .become-btn a:hover{ /*border-color: #BFB79E !important;*/ }
.header-right-nav-menus .menu ul {
margin: 0;
padding: 0px;
display: inline-block;
}
.header-auth {
margin-left: 10px;
}
.become-btn {
margin-left: 10px;
}
.header-navbar-right {
margin-left: 24px;
}
.terms_conditions_text_face .form-control1{
margin-right: 10px;
}
.terms_conditions_text_face {
background: #fff;
background-image: none;
background-origin: padding-box;
background-clip: border-box;
color: #000;
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;
border-radius: 20px;
padding: 10px 20px;
height: 230px;
overflow: auto;
font-size: 14px;
letter-spacing: 1px;
/* font-family: 'Proxima Nova'; */
font-weight: normal;
}
.visa-logo .stripe_logo{
height: 25px;
max-width: 120px !important;
}
.header-right-nav-menus .menu ul li a {
font-size: 14px;
}
.header-right-nav-menus .menu ul li a:hover {
color: var(--title);
}
.pac-container.pac-logo{
z-index: 999999;
max-height: 150px;
overflow: auto;
}
#info-therapist #findaddress_new2{
color: #000;
}
#info-therapist #findaddress_new2::placeholder {
color: #000;
}
#info-therapist .postcode-area-inner{
max-width: 100%;
}
.featured-info .massage_type{
max-height: 120px !important;
}
.featured-info .treatments-title{
margin: 0!important;
}
/* FAQ section */
.faq-wrap.treatment .treatment-title{
font-weight: 600;
cursor: pointer;
}
.faq-wrap.treatment .treatment-title, .faq-wrap.treatment .text-zone-description {
font-size: 20px;
line-height: 1.0;
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: var(--my-shadow) !important;
color: var(--primary-color);
padding: 13px;
margin-top: -2px;
}
.faq-wrap.treatment .icon_wrap{
text-align: right;
float: right;
}
.faq-wrap.treatment .text-zone-description{
display: none;
}
.page-content .faq-wrap.treatment{
margin-bottom: 20px;
}
@media screen and (max-width: 1550px){
.log-in-account a, .become-btn a { font-size: 12px !important;}
.header-logo { max-width: 200px;}
}
@media screen and (max-width: 1199px){
.header-navbar-right { margin-left: 15px;}
.header-auth { margin-left: 15px;}
/*.log-in-account a, .become-btn a { font-size: 14px !important;} */
}
@media screen and (max-width: 991px){
.header-logo {
max-width: 120px;
}
.header-right { padding-right: 10px;}
.log-in-account a, .become-btn a {
font-size: 10px !important;
padding: 3px 5px 1px 5px;
border-radius: 9px !important;
}
.detail-btn a{
margin-top: 10px;
}
.header-navbar-right {margin-left: 10px;}
.become-btn {margin-left: 10px;}
.header-auth {margin-left: 10px;}
.header-auth-dflex>div+div {margin-left: 10px;}
}
.name-star a{
display: inline-block;
}
.star-wrap {
float: right;
margin-top: 8px;
}
/* Search section css start */
.modal-search .modal-lg{width: 100%;margin: 0px;}
.modal-search .modal-content {box-shadow: none;border-radius: 0px;border: none;background: #000;padding: 34px 0px;}
.search-area{ position: relative;}
.search-area input {
background-color: transparent;
border:none;
border-bottom: 1px solid #fff;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: rgba(255,255,255,.5)!important;
font-size: 20px;
height: 40px;
margin: 0px 0 0 0;
outline: 0;
outline-offset: 0;
padding: 0;
width: 100%;
padding-right: 50px;
}
.search-area input::-webkit-input-placeholder { color: rgba(255,255,255,.5);}
.search-area input:-ms-input-placeholder { color: rgba(255,255,255,.5);}
.search-area input::placeholder { color: rgba(255,255,255,.5);}
.search-area .close {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
opacity: 1;
width: 40px;
height: 40px;
color: #fff;
}
.search-area .close>*{ fill: currentColor;}
.search-area .close:hover {
color: var(--title);
}
/* Search section css End */
/*Header css added end*/
.comments_container{
padding-top: 60px;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
z-index: 999999 !important;
}
.dl-menuwrapper button {
height: 40px !important;
width: 40px !important;
border: var(--border);
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
border-radius: 50px;
text-align: center!important;
color: var(--black-color)
}
.dl-menuwrapper .dl-menu {
margin: 15px 0 0 0;
}
/*Reduce Large space*/
@media screen and (max-width: 1500px) and (min-width: 1024px) {
.container { width: 1000px;}
}
.cmn_background_cover {
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
background-position: center top;
}
.cmn_background_cover .counter-background {
background: transparent;
border: none;
}
.cmn_background_cover.success_voucher {
height: auto;
}
.cmn_background_cover.success_voucher .title-book-center br {
display: none;
}
.background-page.pd-0 {
margin-bottom: 0px;
}
.background-page.pd-0 .active-button-massage {
background: transparent;
color: #fff;
font-size: 25px;
line-height: 37px;
max-width: 600px;
text-align: left;
margin-top: 30%;
padding: 0px 15px;
position: relative;
}
@media screen and (max-width: 1480px){
.cmn_background_cover.success_voucher {
height: 1000px;
}
.header-navbar-right {margin-left: 10px;}
}
@media screen and (max-width: 991px){
.cmn_background_cover.success_voucher {
height: inherit;
}
}
@media screen and (max-width: 767px){
.cmn_background_cover .title-book-center.text-success {
font-size: 20px;
line-height: 25px;
padding: 0px;
}
.logo-telefon { max-width: 150px;}
/*.dl-menuwrapper {
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%) !important;
}*/
.dl-menuwrapper .dl-menu.dl-menuopen {
background: var(--white-color) !important;
}
.dl-menuwrapper li a {
color: var(--black-color);
}
.main {
max-width: 69em;
padding-top: 0;
background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
border-bottom: 0;
}
.sec-gap {
background-size: contain !important;
}
#info-treatment .modal-body .img-responsive{
width: 100% !important;
}
.duration-cover {
margin: 20px 0px !important;
}
.treatments-title {
margin-top: 20px;
}
.booking_banner {
background-position: 14% center !important;
}
.booking_banner {
max-height: 350px;
background-size: cover;
}
.order_sec_main.sec-counter-main ~ .dark-book-gray > .row > div:first-child {
order: unset !important;
}
.auth_background{
background-size: contain; !important;
}
}
.back-button {
padding: 0px 15px;
}
.auth_background {
background-image: url(../img/services_background.jpg);
background-size: cover;
}
.font-icon {
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
vertical-align: middle;
font-size: 20px !important;
padding: 9px 0;
color: var(--black-color);
}
.account-icon-tel a, .basket-tel a{
font-size: 20px;
/* margin : 0 10px;
*/}
.vamtam-project2{
padding: 5px !important;
}
.slider-head h3{
font-size: 18px!important;
}
.portfolios2 .portfolio-item-wrapper2 .portfolio_details2::before, .portfolios2 .portfolio-item-wrapper2 .portfolio_details2::after, .event_gallery .event_img_wrapper a::before, .event_gallery .event_img_wrapper a::after {
position: absolute;
top: 10px !important;
right: 20px;
bottom: 10px !important;
left: 20px;
content: '';
opacity: 0;
transition: opacity .35s,transform .35s;
z-index: 1;
border: 1px solid #b69e59;
border: 1px solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-image-slice: 100%;
border-image-source: none;
border-image-source: linear-gradient(101deg, #0022c3, #00fafb);
border-image-slice: 1;
border-width: 1px;
}
#scroll_to_top i{
color: var(--black-color) !important;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
border-radius: 20px;
font-size: 22px;
padding: 5px 6px;
}
.owl-carousel.owl-theme .owl-controls .owl-page span{
border: 1px solid #fff;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
border: 1px solid #000;
width: 13px;
height: 13px;
}
#impliedsubmit {
border: var(--border);
color: var(--black-color);
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.font_icons{
font-size: 28px;
margin-top: 0 !important;
}
.plan_status{
font-weight: 600;
text-transform: uppercase;
}
.update-card-anchor-btn, .update-card-anchor-btn:hover {
color: #fff;
}
.saloncheckout-wrapper .pay-filed-first .form-control{
font-weight: 700;
font-size: 18px !important;
}
.salon_checkout .icons-box{
padding: 0!important;
}
.salon_checkout .icons-box img{
height: 100%;
width:100%;
}
.salon_checkout .text-box1{
margin-top: 15px;
}
.terms_conditions_text{
padding: 10px;
}
.terms_conditions_text{
color: #fff;
}
.remove_from_cart .cancelbtn{
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;
color: #fff;
}
/*Responsive CSS */
@media (max-width: 1200px){
.cmn_background_cover{
min-height: 610px;
background-size: cover;
min-height: 610px;
background-color: #FDB1C3 !important;
background-position: unset !important;
}
/* 640 - telefon mare (iphone 6, 7 plus) */
@media (max-width: 767px){
.dl-menuwrapper {
background-color: var(--white-color);
height: 74px;
padding-top: 15px;
border-bottom: 0;
}
.logo-telefon {
position: absolute;
top: 10px;
left: 50px;
z-index: 999;
}
.call-icon-tel {
position: absolute;
top: 20px;
right: 89px;
z-index: 999;
}
.account-icon-tel {
position: absolute;
top: 20px;
right: 55px;
z-index: 999;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.pull-left.memeber-icon-tel {
position: absolute;
top: 20px;
right: 105px;
z-index: 999;
height: 40px;
width: 40px;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
}
.basket-tel {
position: absolute;
top: 20px;
right: 5px;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
z-index: 999;
}
.contact-us {
position: absolute;
top: 20px;
right: 5px;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
z-index: 999;
}
.anuleaza-panel {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
#collapse-account .panel-body {
background: #fff;
}
.links-account-tel {
margin-top: 10px;
}
.log_in_tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
width: 100%;
display: block;
border: var(--border) !important;
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
color: var(--black-color) !important;
}
.log_in_tel:hover {
/* background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;*/
color: #fff;
}
.log_in_tel:focus {
/* background: #ffd962 none repeat scroll 0 0;
*/
border: 2px solid #d8b74f;
color: #333;
}
.creare-cont-tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
width: 100%;
display: block;
border: var(--border) !important;
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
color: var(--black-color) !important;
}
.creare-cont-tel:hover {
/*background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;*/
color: #fff;
}
.creare-cont-tel:focus {
/* background: #ffd962 none repeat scroll 0 0;
*/
border: 2px solid #d8b74f;
color: var(--black-color);
}
.panel-body{
background:var(--white-color) !important;
}
.popup-Tabcontent p, .popup-Tabcontent span, .service-history .meditation-secondBlock_inner del, .detail-time span{
color: #fff !important;
}
.service-history .selected_btn span{
color: #000!important;
}
.btn-after-log {
/*background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%) !important;*/
/* color: #fff !important;*/
font-size: 14px;
width: 100%;
display: block;
text-align: center;
border-radius: 2px;
padding: 5px 2px;
text-transform: uppercase;
}
.btn-after-log:hover {
color: #333;
}
.btn-after-log:focus {
border: 2px solid #d8b74f;
border-image-source: var(--my-gradient) !important;
border-image-slice: 1 !important;
color: #333;
}
#collapse-search .panel-body {
padding: 10px 0px;
}
.product-sep-line {
border-bottom: 1px solid #d8b74f;
padding: 10px;
}
.close-pic {
margin: 0 auto;
display: block;
}
.price-info {
font-size: 15px;
font-weight: bold;
}
.product-type {
font-size: 14px;
text-transform: uppercase;
}
.checkout-btn {
background: #ffd962;
padding: 5px 10px;
font-size: 14px;
color: #333;
display: block;
margin: 0 auto;
width: 50%;
text-align: center;
margin-top: 10px;
}
.checkout-btn {
background: #ffd962;
padding: 5px 10px;
font-size: 14px;
color: #333;
display: block;
margin: 0 auto;
width: 50%;
text-align: center;
margin-top: 10px;
}
.demo-1 {
width: 100%;
text-align: left;
}
.demo-1 .dl-menuwrapper button {
/*width: 97%;*/
text-align: left;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;
}
.dl-menuwrapper button {
height: 35px;
width: 35px;
padding: 0px;
margin-left: 5px;
z-index: 999 !important;
margin-top: 5px;
}
.column {
width: 100%;
padding: 0px !important;
}
.dl-menuwrapper .dl-menu {
width: 100%;
z-index: 999 !important;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
z-index: 999 !important;
}
.fixed-tel {
position: fixed;
top: 0px;
right: 0;
left: 0;
z-index: 1030;
}
.basket-zone {
margin: 0px 10px;
}
.hide-tel {
display: none;
}
.portfolios {
margin:0px 0 0 !important;
}
}
/* 375 - telefon mediu (iphone 6, 7) */
@media (min-width: 330px) and (max-width: 500px){
#carousel-example-generic.star_slider .carousel-inner img{
max-height: 390px !important;
}
#carousel-example-generic .carousel-inner img{
max-height: 390px!important;
}
.star-banner-input{
bottom: -16px !important;
}
.star-banner-input .form-control::placeholder {
color: #999999;
opacity: 1;
font-size: 7px !important;
}
.dl-menuwrapper {
height: 74px;
padding-top: 15px;
border-bottom: 0;
}
.logo-telefon {
position: absolute;
top: 21px;
left: 53px;
z-index: 999;
}
.call-icon-tel {
position: absolute;
top: 20px;
right: 89px;
z-index: 999;
}
.account-icon-tel {
position: absolute;
top: 18px;
right: 55px;
z-index: 999;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
border-radius: 50px;
}
.pull-left.memeber-icon-tel {
position: absolute;
top: 18px;
right: 105px;
z-index: 999;
height: 44px;
width: 44px;
border-radius: 50px;
}
.basket-tel {
position: absolute;
top: 18px;
right: 5px;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
z-index: 999;
}
.contact-us {
position: absolute;
border-radius: 50px;
border: var(--border);
background-image: var(--my-gradient);
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: var(--my-shadow) !important;
z-index: 999;
}
.anuleaza-panel {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
#collapse-account .panel-body {
background: #fff;
}
.links-account-tel {
margin-top: 10px;
}
.log_in_tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #fff;
text-align: center;
width: 100%;
display: block;
margin-top: 15px;
}
.log_in_tel:hover {
/* background: #ffd962 none repeat scroll 0 0;
*/
border: 2px solid #d8b74f;
color: #fff;
}
.log_in_tel:focus {
/*background: #ffd962 none repeat scroll 0 0;*/
border: 2px solid #d8b74f;
color: #fff;
}
.creare-cont-tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #fff;
text-align: center;
width: 100%;
display: block;
margin-top: 15px;
}
.creare-cont-tel:hover {
/* background: #ffd962 none repeat scroll 0 0;*/
border: 2px solid #d8b74f;
color: #fff;
}
.creare-cont-tel:focus {
/*background: #ffd962 none repeat scroll 0 0;*/
border: 2px solid #d8b74f;
color: #fff;
}
.btn-after-log {
background: transparent;
color: #fff;
font-size: 12px;
width: 100%;
display: block;
text-align: center;
border-radius: 2px;
padding: 5px 2px;
}
/*.btn-after-log:hover {
background: #000 none repeat scroll 0 0;
border: 2px solid #000;
color: #333;
}
.btn-after-log:focus {
background: #000 none repeat scroll 0 0;
border: 2px solid #000;
color: #333;
}*/
#collapse-search .panel-body {
padding: 10px 0px;
}
.product-sep-line {
border-bottom: 1px solid var(--title);
color: var(--black-color);
padding: 10px;
}
.close-pic {
margin: 0 auto;
display: block;
}
.price-info {
font-size: 15px;
font-weight: bold;
}
.product-type {
font-size: 14px;
text-transform: uppercase;
}
.checkout-btn {
background: #ffd962;
padding: 5px 10px;
font-size: 14px;
color: #333;
display: block;
margin: 0 auto;
width: 50%;
text-align: center;
margin-top: 10px;
}
.checkout-btn {
background: #ffd962;
padding: 5px 10px;
font-size: 14px;
color: #333;
display: block;
margin: 0 auto;
width: 50%;
text-align: center;
margin-top: 10px;
}
.demo-1 {
width: 100%;
text-align: left;
}
.demo-1 .dl-menuwrapper button {
/*width: 97%;*/
text-align: left;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;
}
.dl-menuwrapper button {
height: 35px;
width: 35px;
padding: 0px;
margin-left: 5px;
z-index: 999 !important;
margin-top: 5px;
}
.column {
padding: 0px !important;
}
.dl-menuwrapper .dl-menu {
width: 100%;
z-index: 999 !important;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
z-index: 999 !important;
}
.fixed-tel {
position: fixed;
top: 0px;
right: 0;
left: 0;
z-index: 1030;
}
.basket-zone {
margin: 0px 10px;
}
.hide-tel {
display: none;
}
.modal-d{
width: 95% !important;
}
.sec-salon-top-banner-main .back-button{
display: none;
}
.sec-salon-top-banner-main .mobile_bg_image{
display: block !important;
}
.sec-salon-top-banner-main .desktop_bg_image{
display: none !important;;
}
.background-page{
padding: 0 !important;
}
.cmn_background_cover{
max-height: 280px !important;
padding: 20px 0 !important;
min-height: 280px;
}
#info-therapist .modal-dialog {
width: 95% !important;
}
}
/* 320- telefon mic (iphone 5) */
@media (min-width: 300px) and (max-width: 325px){
#info-therapist .modal-dialog {
width: 95% !important;
}
.background-page{
padding: 0 !important;
}
.cmn_background_cover{
min-height: 290px!important;
padding: 20px 0!important;
}
.sec-salon-top-banner-main .mobile_bg_image{
display: block !important;
}
.sec-salon-top-banner-main .desktop_bg_image{
display: none !important;;
}
.dl-menuwrapper {
height: 74px;
padding-top: 15px;
border-bottom: 0;
}
.logo-telefon {
position: absolute;
top: 10px;
left: 50px;
z-index: 999;
}
.call-icon-tel {
position: absolute;
top: 20px;
right: 89px;
z-index: 999;
}
.account-icon-tel {
position: absolute;
top: 20px;
right: 47px;
z-index: 999;
}
.basket-tel {
position: absolute;
top: 20px;
right: 5px;
z-index: 999;
}
.anuleaza-panel {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
#collapse-account .panel-body {
background: #fff;
}
.links-account-tel {
margin-top: 10px;
}
.log_in_tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
width: 100%;
display: block;
}
.log_in_tel:hover {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
.log_in_tel:focus {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
.creare-cont-tel {
border-radius: 20px;
padding: 7px 10px;
border: 2px solid #000;
font-size: 15px;
font-family: "Proxima Nova Condensed";
color: #333;
text-align: center;
width: 100%;
display: block;
}
.creare-cont-tel:hover {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
.creare-cont-tel:focus {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
.btn-after-log {
background: #ffd962;
color: #fff;
font-size: 12px;
width: 100%;
display: block;
text-align: center;
border-radius: 2px;
padding: 5px 2px;
}
.btn-after-log:hover {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
.btn-after-log:focus {
background: #ffd962 none repeat scroll 0 0;
border: 2px solid #d8b74f;
color: #333;
}
#collapse-search .panel-body {
padding: 10px 0px;
}
.product-sep-line {
border-bottom: 1px solid #d8b74f;
padding: 10px;
}
.close-pic {
margin: 0 auto;
display: block;
}
.price-info {
font-size: 15px;
font-weight: bold;
}
.product-type {
font-size: 14px;
text-transform: uppercase;
}
.checkout-btn {
background: #ffd962;
padding: 5px 10px;
font-size: 14px;
color: #333;
display: block;
margin: 0 auto;
width: 50%;
text-align: center;
margin-top: 10px;
}
.demo-1 {
width: 100%;
text-align: left;
}
.demo-1 .dl-menuwrapper button {
/*width: 97%;*/
text-align: left;
font-size: 16px;
font-weight: bold;
z-index: 999 !important;
}
.dl-menuwrapper button {
height: 35px;
width: 35px;
padding: 0px;
margin-left: 5px;
z-index: 999 !important;
margin-top: 5px;
}
.column {
padding: 0px !important;
}
.dl-menuwrapper .dl-menu {
width: 100%;
z-index: 999 !important;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
z-index: 999 !important;
}
.fixed-tel {
position: fixed;
top: 0px;
right: 0;
left: 0;
z-index: 1030;
}
.basket-zone {
margin: 0px 10px;
}
.hide-tel {
display: none;
}
.hide-tel {
display: none;
}
#carousel-example-generic.star_slider .carousel-inner img{
max-height: 390px !important;
}
#carousel-example-generic .carousel-inner img{
max-height: 243px!important;
}
.star-banner-input{
bottom: -15px !important;
}
.star-banner-input .form-control::placeholder {
color: #999999;
opacity: 1;
font-size: 7px !important;
}
.sec-salon-top-banner-main .back-button{
display: none;
}
}
@media (min-width: 0px) and (max-width: 500px){
.contact-info{
display: block;
}
.tagline-text.contact-info .detail-btn {
display: block;
width: 100%;
margin: 5px 0;
}
.tagline-text.contact-info .detail-btn a {
display: block;
width: 100%;
margin: 12px 0;
font-size: 14px !important;
}
.address-details .tagline-text {
text-align: center;
margin-left: 0;
}
.address-details .details_color{
width: 88%;
}
.time-icon {
margin-top: 0px;
}
}
i.fa.fa-instagram {
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;
}
i.fa.fa-facebook-square {
color: #3b5998;
background-image: linear-gradient( to bottom, transparent 20%, white 20%, white 93%, transparent 93% );
background-size: 55%;
background-position: 70% 0;
background-repeat: no-repeat;
}
i.fab.fa-tiktok {
color: #111111;
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
i.fab.fa-youtube {
color: red;
}
.product-sep-line .row {
margin-top: 82px;
}