*{}
html {scroll-behavior: smooth;}
.pos-relative{position:relative !important;}
.pos-initial{position:initial !important;}
.required-field-label{color:#cc0000;}
.text-left {text-align: left !important;}
.ml-e-auto{margin-left:auto;}
.mr-e-auto{margin-right:auto;}
.p-0{padding:0px;}
.float-none{float:none;}
.w-50{width: 50% !important;}
.w-100{width: 100% !important;}
.position-relative{position:relative;}
.d-none{display:none !important;}
.d-flex{display:flex !important;}
.flex-wrap{flex-wrap:wrap;}
.shadow-none{box-shadow:none !important;}
.inline-block{display:inline-block;}
textarea{max-width:100%;}
.justify-content-between{justify-content: space-between;}
.align-items-center{align-items: center;}
.border-none{border:none;}
.border-w0{border-width:0px !important;}
.text-14{font-size: 14px;line-height: 1.42857;}
.text-12 {font-size: 12px;line-height: 1.33333;}
.text-10 {font-size: 10px;line-height: 1;}
.orclass{position: relative;}
.orclass:before, .orclass:after {display: inline-block;position: absolute;content: '';border-bottom: 1px dashed #dedede;width: 44%;top: 48%;}
.orclass:before{left: 0;}
.orclass:after{right: 0;}
.hint-popover {text-align: center;margin-left: 0px;height: 20px;width: 20px;display: inline-block;vertical-align: middle;color: #ffffff !important;background: #d7ba70;border-radius: 50%;font-size: 14px;line-height: 20px;border: 0px solid #2d2f3d;font-weight: normal;}
.popover{margin: 0;padding: 0;color: rgba(0, 0, 0, 0.65);border: none;border-radius: 0;}
.popover-title {color: #ffffff;min-width: 177px;min-height: 32px;margin: 0px !important;padding: 5px 16px 4px !important;font-weight: 500 !important;border-bottom: none !important;vertical-align: middle;line-height: 32px;background: #1f202a;border-radius: 0;font-size: 16px !important;}
.popover.bottom>.arrow{border-bottom-color: #1f202a;}
.popover.bottom>.arrow:after{border-bottom-color: #1f202a;}
.popover-content {padding: 12px 16px;color: rgba(255, 255, 255, 0.65);background: #2d2f3d;}
.innerpage-title {background: url(../img/np-banner.jpg) no-repeat center center;padding: 50px 0;position: relative;display: inline-block;width: 100%;margin-bottom: 70px;}
.innerpage-title h1{margin:0px;color:#ffffff;}
.banner-extext{}
.banner-extext h3{color:#ffffff;font-size: 24px;}
.banner-extext h3 a{display: inline-block;text-align: center;background: #d7ba70;color: #ffffff;padding: 4px 10px;text-transform: capitalize;border-radius: 4px;}
.banner-caption-img{width:100%;display:inline-block;text-align:center;}
.dccaption-img{display:inline-block;text-align:center;}
.dccaption-img span {display: inline-block;vertical-align: middle;padding: 5px;margin: 0px 7px 7px;position: relative;z-index: 0;overflow: hidden;-webkit-transition: all .1s ease-in-out;transition: all .15s ease-in-out;}
.dccaption-img span img{max-height:120px;border: 5px solid #c6af5c;-webkit-transition: all .1s ease-in-out;transition: all .15s ease-in-out;}
.dccaption-img span:hover{border-color:rgba(0,0,0,0);-webkit-transition: all .1s ease-in-out;transition: all .15s ease-in-out;}
.dccaption-img span:hover img{border-color:rgba(0,0,0,0);-webkit-transition: all .1s ease-in-out;transition: all .15s ease-in-out;}
@-webkit-keyframes dccaption-rotate {
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes dccaption-rotate {
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.dccaption-img span:hover:before {content: "";position: absolute;z-index: -2;left: -50%;top: -50%;width: 200%;height: 200%;background-color: #399953;background-repeat: no-repeat;background-size: 50% 50%, 50% 50%;background-position: 0 0, 100% 0, 100% 100%, 0 100%;background-image: -webkit-gradient(linear, left top, left bottom, from(#399953), to(#399953)), -webkit-gradient(linear, left top, left bottom, from(#fbb300), to(#fbb300)), -webkit-gradient(linear, left top, left bottom, from(#d53e33), to(#d53e33)), -webkit-gradient(linear, left top, left bottom, from(#377af5), to(#377af5));background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);-webkit-animation: dccaption-rotate 4s linear infinite;animation: dccaption-rotate 4s linear infinite;}
.dccaption-img span:hover:after {content: "";position: absolute;z-index: -1;left: 6px;top: 6px;width: calc(100% - 12px);height: calc(100% - 12px);background: white;}
#therapyrooms-sponsored{}
#therapyrooms-sponsored .modern-list{}
#therapyrooms-sponsored .modern-list .grid-category-thumb {}
#therapyrooms-sponsored .modern-list .grid-category-thumb a{height: 298px;}
#therapyrooms-sponsored .modern-list .grid-category-thumb a .property_item-box-bg{background-size: cover;background-position: center;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.55s;position: absolute;background-repeat: no-repeat;background-position: 50%;background-size: cover;transition: transform 0.35s ease-out;}
.recurring-element {display: inline-block;width: 100%;text-align: center;/*border: 1px solid #dae1e7;padding: 15px 15px;font-weight: 600;*/}
.recurring-element span{display:inline-block;width:100%;}
.recurring-element a {/*display: inline-block;width: auto;color: #2196f3;font-weight: bold;cursor: pointer;text-decoration: underline;margin-top: 5px;*/}
.recurring-element a:hover{/*color: #17164b;*/}
.recurring-element .recurring-btn {cursor: pointer;width: 100%;max-width: 100%;height: auto;display: flex;-webkit-box-align: center;align-items: center;position: relative;background: #dbe3f6;border-radius: 4px;border: 1px solid #cad2e4;outline: none !important;transition: all 0.2s ease-in-out 0s;z-index: 9;margin: 0px;padding: 15px 15px;border-bottom-width: 3px;font-weight: bold;}
.recurring-element .recurring-btn:hover{transform: translateY(5px);}
/*.recurring-save-btn{background: #2f2e74;color: #ffffff;width: 100%;text-align: center;display: inline-block;padding: 15px 10px;font-size: 14px;}
.recurring-save-btn:hover{background: #d7ba70;color:#ffffff;}*/
.req-widget-boxed{}
.req-widget-boxed .widget-boxed-header h2{font-size: 20px;}
.mobreq-widget-boxed{display:none;}
.req-widget-boxed .req-pop-btn{font-weight: normal;text-align: center;border-width: 1px;border-style: solid;border-radius: 3px;cursor: pointer;color: #ffffff;text-shadow: none;background-image: none;text-decoration: none;background: #d7ba70;border-color: #d7ba70;transition-property: none;width: 100%;min-width: 100%;font-size: 14px;padding: 12px;margin: 5px 0px;max-width:140px;display:inline-block;}
.req-widget-boxed .email-me-btn{background: #26354e;border-color: #26354e;}
/*.deskreq-widget-boxed{display:none;}*/
.scrollbar-dusty-grass::-webkit-scrollbar-track {
background-color: #F5F5F5;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
border: none !important;
}
.scrollbar-dusty-grass::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
border-radius: 0px !important;
-webkit-box-shadow: none !important;
background-image: -webkit-linear-gradient(330deg, #d7ba70 0%, #d7ba70 100%);
background-image: linear-gradient(120deg, #d7ba70 0%, #d7ba70 100%);
}
.dc-enter-area{
margin-top: 0px;
border-bottom: 1px solid var(--line);
}
.dc-login-area{
}
.dc-enter-area .modal-content{
margin:0 auto;
border-radius:0px;
padding-bottom:0px;
max-width:700px;
}
.dc-login-area .modal-content{
max-width:585px;
}
.dc-enter-area .modal-header{
padding: 20px 20px;
}
.dc-enter-area .modal-header h1{
font-size: 24px;
}
.dc-enter-area .modal-body {
padding: 20px 20px;
}
.dc-enter-area .fo-icon {
position: relative;
display: inline-block;
width: 100%;
}
.dc-enter-area .form-icon {
position: absolute;
right: 0;
top: 0;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
}
.dc-enter-area .fo-icon input.form-control {
padding-right: 50px;
}
.intl-tel-input input.form-control {
text-indent: 40px;
}
.dc-enter-area .form-icon a {
display: inline-block;
width: 100%;
}
.author-avater img{
border: 1px solid #626a70;
padding: 5px;
display: inline-block;
/*background:#626a70;*/
}
.proerty_text .captlize {
font-size: 18px;
font-weight: 600;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.proerty_text .captlize a {
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
width: auto;
max-width: 90%;
line-height: 28px;
}
.property_meta{
width: 100%;
text-align: center;
float:left;
min-height:30px;
margin-bottom:2px;
}
.property_meta a {
background: #626a70;
margin: 0px 3px;
color: #ffffff;
height: 30px;
width: 30px;
text-align: center;
display: inline-block;
border-radius: 50%;
line-height: 30px;
}
.property_meta a:hover{
background: #12b96c;
}
.cus-clerte-btn{
background: #626a70 !important;
}
.cus-clerte-btn:hover {
background: #12b96c !important;
}
.detail_property_meta {
float: right;
flex: 1;
text-align: right;
margin-bottom: 0;
}
.listing-info-tags{
position: absolute;
right: 10px;
top: 10px;
display: flex;
align-items: center;
z-index: 92;
}
.rooms-listing-section .classical-list .listing-footer-info{
/*padding-left:0px;
padding-right:0px;*/
}
.property_price {
/*background: #23527c;
padding: 4px 7px;
color: #ffffff !important;*/
border-radius: 4px;
}
.sponsored-tags{
position: absolute;
left: 15px;
bottom: 15px;
z-index: 9;
}
.sponsored-tags span {
display: inline-block;
text-align: center;
background: var(--accent);
color: #ffffff;
padding: 5px 10px;
text-transform: capitalize;
}
.sponsored-tags .response-rate-tag{
background: #d7ba70 !important;
}
.filter-menu-chip-group {
-webkit-transition: -webkit-transform 200ms linear,transform 200ms linear;
-moz-transition: transform 200ms linear;
transition: -ms-transform 200ms linear,-webkit-transform 200ms linear,transform 200ms linear;
border-bottom: 1px solid #EBEBEB;
width: 100%;
display: inline-block;
padding-bottom: 5px;
margin-bottom: 15px;
}
.filter-menuitem {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
padding: 8px 5px;
border-color: rgb(176, 176, 176);
border-radius: 3px;
box-shadow: inset 0px 0px 7px rgba(0,0,0,0.15), 0px 0px 5px rgba(0,0,0,0.1);
line-height: 16px;
border-width: 1px;
border-style: solid;
border-image: initial;
margin-bottom: 10px;
text-align: center;
background-color: rgb(255, 255, 255);
color: rgb(34, 34, 34);
position: relative;
cursor: pointer;
}
.filter-menuitem .btn, .dcfilter-item-button {
font-size: 12px;
outline: none;
margin: 0px;
}
.filter-menuitem :hover {
border-color: rgb(34,34,34,1);
}
.filter-menuitem .btn{
background: #d7ba70;
color:#ffffff;
border:none;
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
font-weight:bold;
}
.dcfilter-item-button.actfilter{
color:#ffffff;
}
.dcfilter-item-button.actfilter:after {
content: "";
width: calc(100% + 2px);
height: calc(100% + 2px);
background-color: #d7ba70;
position: absolute;
top: -1px;
left: -1px;
border-color: rgb(34,34,34,1);
border-style: solid;
border-width: 1px;
border-radius: inherit;
}
.dcfilter-item-button span{
position:relative;
z-index:1;
}
.cus-detail-wrapper{
box-shadow: none !important;
background: none !important;
overflow: visible !important;
}
.cus-detail-wrapper{
}
.cus-detail-tab{
border: none !important;
}
.cus-detail-tab{
}
.cus-detail-tab ul li{
}
.cus-detail-tab .nav-tabs>li.active>a,
.cus-detail-tab .nav-tabs>li.active>a:focus,
.cus-detail-tab .nav-tabs>li.active>a:hover{
border:none;
color: #ffffff;
border-color: #d7ba70;
background: #d7ba70;
}
.rooms-list-wrapper{
margin-top:20px;
}
.rooms-list-content{
}
.roomimage {
position: relative;
max-width:100%;
margin-bottom: 20px;
}
.roomimage img{
width: 100%;
border-radius: 4px;
cursor: pointer;
display: flex;
}
.rooms-list-content h5 {
font-weight: 700;
margin-bottom: 15px;
font-size: 1.3em;
}
.rooms-list-content .btnaddroom {
border-radius: 4px;
background: #d7ba70;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
display: inline-block;
flex-shrink: 0;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 9px 15px;
cursor: pointer;
outline: 0;
border: 0;
text-align: center;
font-size: 0.9em;
}
.features-list-wrapper {
list-style: none;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
}
.features-list-wrapper li {
font-size: 14px;
line-height: 18px;
margin-bottom: 15px;
width: 100%;
display: inline-block;
max-width: 100%;
flex: 0 0 33%;
}
.features-list-wrapper li span {
position: relative;
padding-left: 30px;
padding-top: 2px;
padding-bottom: 2px;
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
text-align: left;
}
.features-list-wrapper li span:before {
content: '\f00c';
position: absolute;
left: 0;
top: 0;
font-family: FontAwesome;
line-height: 16px;
color: #fff;
background: #d7ba70;
height: 22px;
width: 22px;
padding: 3px;
border-radius: 2px;
font-weight: 100;
}
.packages-lists {
margin-bottom: 0px;
display: inline-block;
width: 100%;
}
ul.packages {
padding: 0;
margin: 20px 0 0;
display: flex;
width: 100%;
flex-wrap: wrap;
}
ul.packages li {
list-style: none;
text-align: center;
padding: 20px 20px;
margin-bottom: 20px;
background: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
flex: 0 0 100%;
width:100%;
}
ul.packages li h2{
font-size:1.2em;
margin-bottom:20px;
}
ul.packages li h2 a{
color: #FFF;
background: #17164a;
padding: 5px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
height: 20px;
width: 20px;
text-align: center;
line-height: 10px;
font-weight: bold;
font-size: 12px;
}
ul.packages li h3 {
margin-bottom: 0.5em;
border-bottom: 2px solid #dedede;
padding-bottom: 0.5em;
font-weight: bold;
}
ul.packages li p{
font-size: 12px;
}
ul.packages li p.price {
color: #333;
font-size: 20px;
margin-bottom: 0.2em;
margin-top: 0em;
}
.dcbuy-btn{
}
.dataTables_wrapper .dataTables_filter input{
box-shadow: none;
border-radius: 0px;
border: 2px solid #e9e9e9;
height: 40px;
line-height: 20px;
}
table.dataTable thead th, table.dataTable thead td {
border-bottom: 1px solid #eaeff5 !important;
}
@media (min-width: 576px){
ul.packages li {
margin: 0%;
width: 100%;
float: left;
margin: 1%;
flex: 0 0 48%;
}
}
@media (min-width: 737px){
.cus-detail-tab ul.nav-tabs{
display: flex;
border-top: none;
}
.cus-detail-tab ul.nav-tabs li{
width:100%;
}
}
.cus-detail-wrapper .detail-wrapper-body{
background: #ffffff;
box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
margin-bottom: 2.5em;
position:relative;
}
.dcproerty-img{
position: relative;
}
.dcproerty-img .tag_t{
/*height: 32px;
width: 32px;
text-align: center;
justify-content: center;
font-size: 16px;
background: #000;
border-radius: 2px;
line-height: 35px;
margin-left: 10px;
display: inline-block;*/
}
.dcproerty-img .tag_t i {
text-align: center;
width: auto;
display: inline-block;
margin: 0;
}
.savelisting{
background: #d7ba70;
color: #fff;
padding: 5px 10px;
display: inline-block;
font-size: 12px;
}
.list-hero-actions{
}
@media(max-width:620px){
.hero-btn-action{
width:100%;
justify-content:space-between;
}
}
.list-update-time {
background: rgba(52,168,83,0.4);
border: 0px solid #eaeff5;
box-shadow: 0px 0px 10px 1px rgb(71 85 95 / 8%);
-webkit-box-shadow: 0px 0px 10px 1px rgb(71 85 95 / 8%);
-moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
color: #26354e;
font-weight: 800;
}
.list-update-therapist{
background: rgba(47,46,116,0.4);
border: 0px solid #eaeff5;
box-shadow: 0px 0px 10px 1px rgb(71 85 95 / 8%);
-webkit-box-shadow: 0px 0px 10px 1px rgb(71 85 95 / 8%);
-moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
color: #26354e !important;
font-weight: 800;
}
.list-update-therapist i{
margin-right:5px;
}
.sr-button-link{
position: absolute;
right: 20px;
top: 20px;
display: inline-block;
width: auto;
z-index: 99;
}
.sr-button-link .sare-button{
display: inline-block;
height: 35px;
width: 35px;
border: none;
border-radius: 0;
text-align: center;
line-height: 35px;
padding: 0;
}
.cus-detail-wrapper .tab-content .detail-wrapper-body{
box-shadow: none;
background: none;
padding: 0px;
margin-bottom:0px;
}
.review-avatar{
box-shadow: none;
}
.review-avatar img{
margin: 0;
max-width: 100%;
}
.cus-detail-wrapper .detail-wrapper-body .author-avater img{
/*height: 100%;*/
}
.cus-detail-wrapper .detail-wrapper-body .listing-footer-info {
padding-bottom: 0px;
padding-left: 0;
padding-right: 0;
}
.proerty_text .captlize{
flex: 0 0 100%;
}
.listing-tag-btn{
display: inline-block;
margin: 1px 2px;
text-transform: capitalize;
}
.rooms-listing-section{
padding-top: 40px;
}
.rooms-listing-section .classical-list{
min-height: 520px;
}
.rooms-listing-section .classical-list .image{
padding: 5px;
border: 2px solid #dedede;
}
.dcproerty-img .carousel-inner .item {
padding: 5px;
border: 2px solid #dedede;
background: #fff;
}
.rooms-listing-section .classical-list .image .listing-thumb{
display:block;
}
.rooms-listing-section .classical-list .proerty_content{
/*padding: 0px;*/
padding: 0px 15px;
}
.rooms-listing-section .classical-list .proerty_content .author-avater a{
width: 100%;
height: 100%;
display: inline-block;
}
.rooms-listing-section .listing-shot{
padding: 20px 5px;
}
.rooms-listing-section .listing-shot-caption h4{
margin-bottom: 0px;
}
.aminity-icons{
display: inline-block;
vertical-align: middle;
border-radius: 50%;
margin-left: 2px;
}
.aminity-icons:first-child{
margin-left: 0px;
}
.rooms-listing-section .detail-link{
text-align: center;
padding: 10px 15px;
font-size: 16px;
font-weight: 800;
display: inline-block;
}
ul.side-list-inline.social-side li{
margin-right: 5px;
}
ul.side-list-inline.social-side li button{
width: 45px;
height: 45px;
display: inline-block;
line-height: 43px;
text-align: center;
border-radius: 50%;
transition: all ease 0.4s;
border: 1px solid #eaeff5;
box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
background: none;
}
ul.side-list-inline.social-side li button:hover, ul.side-list-inline.social-side li button:focus {
background: #d7ba70;
color: #ffffff;
}
ul.side-list-inline.social-side li button:hover i, ul.side-list-inline.social-side li button:focus i{
color: #ffffff;
}
.webshare-option {
position: fixed;
right: 28px;
bottom: 100px;
}
.webshare-button{
width: 45px;
height: 45px;
display: inline-block;
line-height: 43px;
text-align: center;
border-radius: 50%;
transition: all ease 0.4s;
border: 1px solid #eaeff5;
box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
-moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
background: #2f2e74;
color:#ffffff;
}
button[disabled], a[disabled], html input[disabled] {
cursor: not-allowed;
pointer-events: all !important;
}
.cus-col-row{
display: flex;
width: 100%;
align-items: center;
vertical-align: middle;
align-content: center;
align-self: center;
justify-content: flex-start;
justify-items: center;
justify-self: center;
max-width: 100%;
margin: 0;
}
.history-therapist-section {
background: #d7ba70;
padding: 83px 0px 20px;
}
.history-therapist-section .listing-owner {
display: flex;
width: 100%;
align-items: center;
vertical-align: middle;
align-content: center;
align-self: center;
justify-content: flex-start;
justify-items: center;
justify-self: center;
}
.history-therapist-section .listing-owner .listing-owner-avater {
height: 80px;
width: 80px;
flex: 0 0 80px;
}
.history-therapist-section .listing-owner .listing-owner-avater img{
height: 80px;
width: 80px;
border: 1px solid #626a70;
padding: 5px;
}
.history-therapist-section .listing-owner .listing-owner-info{
width: 100%;
}
.history-therapist-section .listing-owner .listing-owner-info h5{
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
/*width: auto;*/
width: 100%;
max-width: 100%;
line-height: 28px;
flex: 0 0 100%;
}
.history-therapist-section .listing-owner .listing-owner-info p{
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
width: auto;
max-width: 100%;
line-height: 28px;
margin-bottom: 0px;
}
.listing-description{
font-weight: 100;
overflow: hidden;
position: relative;
line-height: 22px;
height: auto;
max-height: 45px;
word-wrap: break-word;
margin-bottom: 30px;
}
@media (min-width: 769px){
.listing-description{
height: auto;
max-height: 65px;
}
}
.summaryFade{
position:absolute;
top:20px;
right:0;
bottom:0;
width:50%;
background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
margin-right:35px
}
@media (min-width:769px){
.summaryFade {
top: 66%;
}
}
.summaryFade:after {
content:"more...";
display:inline-block;
position:absolute;
right:-34px;
color:#d7ba70;
padding-left:10px;
font-weight:500;
background-color:#ffffff;
}
.addlisting-widget{
margin: 0;
list-style: none;
padding: 0;
}
.addlisting-widget li{
margin-bottom: 20px;
text-align: left;
}
.addlisting-widget li a {
display: block;
font-size: 1.5rem;
text-transform: capitalize;
color: #6e6362;
-webkit-transition: all .3s;
transition: all .3s;
font-weight: 300;
position:relative;
}
.addlisting-widget li a span {
position: relative;
padding: 0px;
display: inline-block;
}
.addlisting-widget li a svg {
color: #6e6362;
margin-right: 6px;
margin-left: 0;
fill: #6e6362;
display: inline-block;
vertical-align: middle;
}
.addlisting-widget li a span.comp-label {
position: absolute;
right: 0;
top: 0;
}
.addlisting-widget li a span.comp-label img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 18px;
}
.add-therapist-infobox {
}
.add-therapist-form {
padding: 25px;
}
.add-therapist-infobox .listing-box-header {
text-align: left;
border-bottom: 1px solid #dedede;
margin: 0;
padding: 25px;
}
.add-therapist-infobox .listing-box-header h3{
}
.add-therapist-infobox .listing-box-header h3 a,
.add-therapist-infobox .listing-box-header h4 a{
color: #ffffff;
background: #d7ba70;
font-weight: 400;
padding: 8px 10px;
display: inline-block;
vertical-align: middle;
font-size: 15px;
}
.add-therapist-infobox .listing-box-header h3 a i,
.add-therapist-infobox .listing-box-header h4 a i{
font-size:15px;
}
.current-time{
text-align:right;
}
.add-therapist-form label.field-label{
width:100%;
}
.phfield{
display: flex;
}
.base-phfield{
background-color: #e4e7f2;
border: 1px solid transparent;
display: flex;
align-items: center;
position: relative;
vertical-align: sub;
padding: 6px 20px 6px 6px;
}
.base-phfield{
color: #6e6362;
background-color: #fff;
height: 50px;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.25rem;
width: 52px;
border-radius: 0px;
border: 1px solid #ddd;
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
display: block;
padding: 12px 11px;
background-image: none;
background-clip: padding-box;
}
.select-country .btn.dropdown-toggle{
padding: 12px 7px;
background:none !important;
}
.select-country .btn.dropdown-toggle span{
color:rgba(0,0,0,0);
font-size:0px;
}
.select-country {
position: absolute;
left: 0;
top: 0;
width: 50px !important;
height: 50px;
background-color: transparent;
border: none !important;
color: transparent;
box-shadow: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none !important;
white-space: nowrap;
}
.select-country.bootstrap-select.btn-group .dropdown-menu{
min-width: 290px;
}
/*.select-country:after {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-bottom: 0 solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid transparent;
border-top-color:#8a8a8a;
content: "";
right: 6px;
position: absolute;
top: 16px;
}*/
.selectable-list{
}
.selectable-list ul{
list-style: none;
}
.selectable-list ul li.selectable-col{
display: flex;
margin: 4px 0;
height: auto;
padding: 0;
list-style: none;
}
.selectable-list ul li.selectable-col button {
background-color: #f7f7f7;
font-size: 1.5rem;
font-weight: 300;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding: 7px 10px;
border-radius: 0px;
border: 1px solid #edebec;
border-bottom-color: #d7ba70;
height: 50px;
}
.selectable-list ul li.selectable-col svg {
color:#929496;
fill:#929496;
}
.selectable-list ul li.selectable-parent button:first-child {
font-size: 1.5rem;
width: 50px;
outline: none;
line-height: 50px;
}
.selectable-list ul li.selectable-col button:last-child {
flex: 1;
text-align: left;
border-radius: 0px;
}
.selectable-list ul li.selectable-parent button:last-child {
border-left-color: transparent;
}
.selectable-list ul li.selectable-col button:last-child svg {
float: right;
top: 0px;
position: relative;
}
.selectable-list ul li.selectable-col.selectable-child{
padding-left: 28px;
}
.selectable-hidden, .selectable-child-hidden, .selected-hidden, .selected-child-hidden{
display: none !important;
}
.selectable-list ul li.selectable-col{
position: relative;
}
.selectable-list ul li.selectable-col:after {
content: " ";
position: absolute;
bottom: 0;
left: 50px;
right: 50px;
height: 100%;
z-index: 999;
opacity: 0;
}
.selectable-list ul li.selectable-col span{
flex: 1;
text-align: left;
background-color: #f7f7f7;
font-size: 1.5rem;
font-weight: 300;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #edebec;
border-bottom-color: #d7ba70;
border-left: 1px solid transparent;
display: inline-block;
cursor: pointer;
padding: 10px 10px;
border-radius: 0px;
height: 50px;
}
.selectable-list ul li.selectable-col span button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
float: right;
cursor: pointer;
font-size: 1rem;
color: #8a8a8a;
padding:0px;
height:auto;
}
.selectable-list ul li.selectable-col span span{
line-height:100%;
height:auto;
border:none;
background:none;
padding:0px;
margin:0px;
width:auto;
}
.selected-list ul li.selectable-col button:last-child svg{
top: 5px;
}
.btn-file {
position: relative;
overflow: hidden;
vertical-align: middle;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
font-size: 23px;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;
direction: ltr;
}
.fileinput {
display: inline-block;
margin-bottom: 9px;
width: 100%;
}
.fileinput .form-control {
display: inline-block;
padding-top: 7px;
padding-bottom: 5px;
margin-bottom: 0;
vertical-align: middle;
cursor: text;
}
.fileinput .thumbnail {
display: inline-block;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.fileinput .thumbnail > img {
max-height: 100%;
width: 100;
max-width: 100%;
height: 100%;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
display: none;
}
.fileinput-inline .fileinput-controls {
display: inline;
}
.fileinput-filename {
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.fileinput.input-group > .btn-file {
z-index: 1;
}
.thumbnail {
padding: 0;
}
.btn-cus {
margin: 0 auto;
color: #ffffff;
background: #000000;
border: none;
border-radius: 2px;
text-align: center;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
font-weight: 500;
cursor: pointer;
display: inline-block;
width: auto;
max-width: 100%;
height: auto;
padding: 8px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
}
.btn-cus:hover{
background: #d7ba70;
border-color: #d7ba70;
}
.fileinput .thumbnail.img-circle {
height: 250px;
width: 100%;
border: 5px solid #ffffff;
max-width: 250px;
box-shadow: 0 16px 38px -12px rgba(0,0,0,0.15), 0 4px 25px 0px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.1);
border-radius: 50%;
}
.fileinput .btn-file,
.fileinput .btn-file span,
.fileinput .btn-file input{
cursor:pointer;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
display: none;
}
a.add-work-btn {
color: #ffffff;
background: #26354e;
border: none;
border-radius: 0px;
text-align: center;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
font-weight: 500;
cursor: pointer;
display: inline-block;
width: 100%;
max-width: 110px;
height: auto;
padding: 7px 13px 8px !important;
font-size: 18px;
font-weight: bold;
vertical-align: middle;
padding: 12px 13px 13px !important;
}
a.add-work-btn:hover,
a.add-work-btn:focus,
a.add-work-btn:active {
color: #ffffff !important;
background: #121d2f !important;
}
a.add-work-btn svg{
fill: #ffffff;
vertical-align: middle;
margin-right:0px;
height:15px;
width:15px;
}
.checkbox-switch{
position: relative;
display: inline-block;
}
.switch-input {
display: none;
}
.switch-label {
margin-bottom: 0;
display: block;
width: 48px;
height: 24px;
text-indent: -150%;
clip: rect(0 0 0 0);
color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-label:before,
.switch-label:after {
content: "";
display: block;
position: absolute;
cursor: pointer;
}
.switch-label:before {
width: 100%;
height: 100%;
background-color: #dedede;
border-radius: 9999em;
transition: background-color 0.25s ease;
}
.switch-label:after {
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
transition: left 0.25s ease;
}
.switch-input:checked + .switch-label {
}
.switch-input:checked + .switch-label:before {
background-color: #d7ba70;
}
.switch-input:checked + .switch-label:after {
left: 24px;
}
.policy-input{
border: none;
background: #fafafa;
line-height: 26px;
height: auto;
vertical-align: middle;
padding: 11px 15px;
box-shadow: 0 1px 1px rgba(7,177,7,.075);
border: 1px solid #dde6ef;
background: #fbfdff;
width:100%;
max-width:300px;
}
.file-btn-download{
color: #ffffff;
background: #000000;
border: none;
border-radius: 0px;
text-align: center;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
font-weight: 500;
cursor: pointer;
display: inline-block;
width: 100%;
max-width: 100%;
height: auto;
padding: 12px 13px 13px !important;
font-size: 18px;
font-weight: bold;
vertical-align: middle;
text-transform: capitalize;
}
.file-btn-download span{
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
width: auto;
max-width: 90%;
text-transform: capitalize;
}
.file-btn-download span svg {
fill: #ffffff;
vertical-align: middle;
margin-right: 8px;
}
.file-btn-download:hover{
color: #ffffff;
opacity:1;
}
#fileList{
display:none;
}
#fileList.view-img{
display:block;
}
/*========== SIDEBAR FILTER OPTION ================*/
.rooms-listing-container{
}
.rooms-listing-case {
display: inline-block;
/*padding-left: 16%;*/
padding-left: 315px;
padding-right: 15px;
width: 100%;
}
.rooms-listing-case h1{
font-size: 28px;
}
.cus-sidebar-profile{
}
.cus-sidebar-profile .widget-boxed {
padding-left: 0px;
padding-right: 0px;
position: relative;
height: 100%;
box-shadow: none;
background: none;
}
.cus-sidebar-profile .widget-boxed-header{
background: none;
padding: 15px 15px 15px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-bottom:1px solid #efecea;
box-shadow: none;
width: 100%;
text-align: left;
top: 0px;
position: -webkit-sticky;
position: sticky;
z-index: 1;
}
.cus-sidebar-profile .widget-boxed-header h4,
.cus-sidebar-profile .widget-boxed-header h3,
.cus-sidebar-profile .widget-boxed-header h2 {
margin: 0px;
line-height: 100%;
width: 100%;
color: #0b002a;
font-size: 18px;
}
.widget-boxed-header h2{
font-size: 20px;
}
/*@media (min-width: 425px){
.sidebar .widget-boxed-header{
height: 40px;
}
}
@media (min-width: 768px){
.sidebar .widget-boxed-header{
top: 96px;
height: 60px;
}
}
@media (min-width: 1024px){
.sidebar .widget-boxed-header{
top: 96px;
padding: 12px 18px;
border-radius: 3px 3px 0 0;
}
}*/
.cus-sidebar-profile .widget-boxed .widget-boxed-body{
padding-left:15px;
padding-right:15px;
}
.widget-boxed .widget-boxed-body .field-label{
width: 100%;
}
.gender-area .custom-checkbox.theme-btn {
padding: 6px 20px;
margin: 0px 2px;
}
.gender-area .custom-checkbox.theme-btn input {
position: absolute;
left: 0%;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
margin: 0;
}
.gender-area .custom-checkbox.theme-btn label:before{
display: none;
}
.gender-area .custom-checkbox.theme-btn input[type="checkbox"]:checked + label:after{
top: 7px;
}
#filter-selector {
visibility: visible;
cursor: pointer;
z-index: 998;
position: fixed;
top: 61px;
left: 0px;
/*max-width: 15%;*/
max-width: 300px;
width: 100%;
height: 95%;
background: #f9f8f4;
padding: 0px;
transition: all 0.5s;
}
#filter-selector-container {
height: 100%;
}
#filter-selector-container .widget-boxed-body{
position: relative;
overflow: hidden;
flex-grow: 1;
height: 100%;
max-height: calc(90% - 96px);
overflow-y: auto;
transition: all 0.5s;
scrollbar-width: thin;
scrollbar-color: #d7ba70 #F5F5F5;
overflow-y: auto;
}
.filter-selector-prelative {
position: relative;
z-index: 10000001;
height: 100%;
}
.dcfilter-form{
}
.dcfilter-form .form-control{
background:none;
border-color:#efecea;
}
.dcfilter-form span.input-group-addon {
color: #8995a2;
border-color: #efecea;
background: none;
border-left: 0;
}
/*========== SIDEBAR FILTER OPTION ================*/
.therapist-complete-section{
padding: 30px 0 0;
}
.progress {
margin: 0px;
border-radius: 40px;
height: 40px;
box-shadow: 0 1px 1px rgba(7,177,7,.075);
/* border: 1px solid #26354e; */
background: #26354e;
position: relative;
padding-right: 115px;
}
.progress-bar {
transition: none;
border-radius: 0px;
line-height: 40px;
font-size: 16px;
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
text-transform: capitalize;
font-weight: 600;
}
.profile-complete-progress .progress-bar {
background-color: #d7ba70;
}
.profile-complete-progress .progress-bar span{
line-height: 100%;
position: absolute;
left: 15px;
top: 10px;
}
.progress-view{
position:absolute;
right:0;
top:0;
height:100%;
}
.progress-view a {
height: auto;
display: flex;
color: #475860;
background: #cce2bc;
padding: 2px 9px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
align-items: center;
font-size: 12px;
margin: 6px 6px;
border-radius: 40px;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
/*.therapist-hprice {
background-color: #000000;
opacity: .6;
float: right;
padding: 3px 5px;
line-height: 20px;
border-radius: 4px;
margin-left: 10px;
color: #ffffff;
}*/
.therapist-hprice {
background-color: #000000;
opacity: .6;
float: left;
padding: 3px 5px;
line-height: 20px;
border-radius: 4px;
margin-left: 0;
color: #ffffff;
display: inline-block;
width: auto;
flex: 0 0 69px;
}
.availability-therapist {
font-size: 1.2rem;
opacity: 1;
color: #26354e;
}
.availability-therapist svg{
}
.availability-therapist strong {
font-weight: 600;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
/*word-break: break-all;
white-space: pre-wrap;*/
width: 100%;
}
.dcchosen-select .dropdown-menu li a span.text{
white-space: pre-wrap;
}
.bootstrap-select.btn-group .dropdown-menu {
max-width: 100%;
min-height: 200px !important;
z-index: 99999;
}
.add-therapist-form .bootstrap-select.btn-group .dropdown-menu {
min-height: auto !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
font-weight: normal;
font-size: 14px;
}
.count-box-header{
text-align: center;
margin: 25px 0 35px 0;
}
.count-box{
width: 100px;
margin: 0 auto;
height: 100px;
position: relative;
display: inline-block;
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
border-radius: 50%;
padding: 10px;
color: #26354e;
font-size: 3rem;
font-weight: bold;
line-height: 80px;
}
.count-box-header h3{
font-size: 18px;
text-transform:capitalize;
margin-top:15px;
}
.cus-info-detail-wrapper{
}
.cus-info-detail-wrapper-body{
}
.cus-info-detail-wrapper-body .cus-info-list{
}
.cus-info-detail-wrapper-body .cus-info-list li{
align-items: center;
justify-content: space-between;
display: flex;
}
.cus-info-detail-wrapper-body .cus-info-list li label{
width:50%;
margin-bottom:0px;
}
.cus-info-detail-wrapper-body .cus-info-list li span{
font-weight:bold;
}
.image-ul{
position: relative;
}
.image-ul img{
height: 40px;
position: absolute;
left: -80px;
top: -11px;
}
span.cicon {
width: 100px;
height: 100px;
display: table;
margin: 0 auto;
background: #ffffff;
line-height: 85px;
font-size: 45px;
color: #05bf83;
border-radius: 50%;
border: 1px solid #abffe4;
box-shadow: 0px 0px 10px 1px rgb(175, 255, 229);
-webkit-box-shadow: 0px 0px 10px 1px rgb(175, 255, 229);
-moz-box-shadow: 0px 0px 10px 1px rgb(175, 255, 229);
margin-bottom:30px;
}
span.cicon img{
height:45px;
}
.booking-confirm h3{
color: #05bf83;
line-height: 40px;
}
.booking-failed {
text-align: center;
}
.booking-failed span.cicon {
width: 100px;
height: 100px;
display: table;
margin: 0 auto;
background: #ffffff;
line-height: 85px;
font-size: 45px;
color: #f21136;
border-radius: 50%;
border: 1px solid #abffe4;
box-shadow: 0px 0px 10px 1px rgb(242, 17, 54);
-webkit-box-shadow: 0px 0px 10px 1px rgb(242, 17, 54);
-moz-box-shadow: 0px 0px 10px 1px rgb(242, 17, 54);
margin-bottom: 30px;
}
.booking-failed h4{
color: #f21136;
line-height: 40px;
}
.newsletter-element{
justify-content: center;
align-items: center;
display:flex;
}
.newsletter-element h4{
margin: 10px 0;
color: #ffffff;
font-size: 1.8em;
}
.pricing-btn {
margin: 10px 0 10px 15px;
background: none;
color: #000;
}
.pricing-btn:hover {
background: #7f90a7;
}
.newsletter-element .btn:hover {
background: #7f90a7;
}
.addwork-Open{
position: absolute;
background-color: #ffffff;
padding: 0px 0px;
z-index: 999;
left: 0;
border: 1px solid #dedede;
box-shadow: 0 0 15px rgba(50,50,93,0.1),0 5px 15px rgba(0,0,0,0.07);
margin-top: 5px;
display: block;
border-radius: 0px;
width: 100%;
min-width: 150px;
max-width: 250px;
}
.addwork-Open .base-work {
font-weight: 300;
font-size: 1.5rem;
display: block;
white-space: nowrap;
padding: 5px 14px;
width: 100%;
text-align: left;
box-shadow: none;
border: none;
border-radius: 0;
background: no-repeat;
border-bottom: 1px solid #dedede;
text-transform:capitalize;
}
.addwork-Open .base-work:hover{
background: #d7ba70;
color:#ffffff;
}
.bootstrap-tagsinput {
background-color: rgba(0,0,0,0);
border: none;
box-shadow: none;
display: flex;
padding: 0px;
color: #555;
vertical-align: middle;
border-radius: 0px;
max-width: 100%;
line-height: 22px;
cursor: text;
flex-wrap: wrap;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0 6px;
margin: 0;
width: auto;
max-width: inherit;
position: absolute;
left: -1000%;
z-index: -99999;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color: #777;
opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color: #777;
}
.bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .tag {
margin: 2px;
color: white;
padding: 0px 0px 0px 5px;
height: 24px;
width: auto;
display: flex;
line-height: 22px;
background: #d7ba70;
overflow: hidden;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-radius: 0;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
margin-left: 5px;
cursor: pointer;
padding: 0px 5px !important;
background: rgba(0,0,0,0.1);
border-radius: 0;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.timeslots-add {
background: #26354e;
color: #ffffff;
width: 30px;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
}
.timeslots-add:hover {
background: #d7ba70;
}
section.newsletter {
padding: 15px 0 !important;
background-image: none !important;
}
.reservation-radio {
text-align: left;
display: flex;
flex-wrap: wrap;
}
.reservation-radio .custom-radio {
width: 30%;
display: inline-block;
margin-right: 3%;
}*
.reservation-radio .custom-radio label{
padding: 6px 22px !important;
font-size: 14px!important;
font-weight: 400;
}
.reservation-radio .custom-radio [type="radio"]:not(:checked) + label{
color: #7b7b7b;
}
.reservation-radio .custom-radio [type="radio"]:checked + label{
color: #ffffff;
}
.reservation-radio .custom-radio [type="radio"]:checked + label:before, .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:before {
background: #eaeef5;
font-size: 14px!important;
margin: 0px;
display: inline-block;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
width: 100%;
position: absolute;
z-index: -1;
height: 100%;
}
.reservation-radio .custom-radio [type="radio"]:checked + label:after, .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:after {
width: 100%;
height: 100%;
border-radius: 40px;
top: 0;
left: 0;
z-index: -1;
}
.view-more-btn {
/* font-size: 14px!important; */
margin: 0px 0px 20px !important;
display: inline-block;
/* padding: 10px 22px; */
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-ms-border-radius: 4px !important;
-o-border-radius: 4px !important;
color: #333;
background: #fff;
font-size: 16px;
padding: 10px 22px;
display: inline-block;
width: auto;
font-weight: bold;
position: relative;
transition: background-color .24s,box-shadow .24s;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
}
.view-more-btn i{
font-size: 20px;
vertical-align: middle;
}
.view-more-btn span{
display:inline-block;
vertical-align:middle;
margin-left:10px;
}
.view-more-btn img {
display: inline-block;
vertical-align: middle;
width: auto;
max-height: 20px;
}
/*.view-more-btn img{
max-height:60px;
width:auto;
}*/
/*.view-more-btn:hover {
background: #d7ba70;
color: #ffffff;
}*/
.booking-attachment{
}
.booking-attachment input {
width: 100%;
border: 1px solid #dde6ef;
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
background: #fbfdff;
padding: 10px;
}
.pricing-panel {
position: relative;
width: 100%;
z-index: 10;
}
.pricing-table {
display: flex;
flex-direction: column;
}
@media (min-width: 900px) {
.pricing-table {
flex-direction: row;
}
}
.pricing-table * {
text-align: center;
}
.pricing-plan {
border-bottom: 1px solid #e1f1ff;
border-top: 1px solid #e1f1ff;
padding: 25px;
}
.pricing-plan:first-child {
border-left: 1px solid #e1f1ff;
}
@media (min-width: 900px) {
.pricing-plan {
border-right: 1px solid #e1f1ff;
flex-basis: 100%;
padding: 15px 15px;
}
}
.pricing-header {
color: #888;
letter-spacing: 1px;
margin: 0;
background: #000;
color: #fff;
font-size: 20px;
padding: 15px 10px;
position:relative;
}
.recomended {
border: none;
display: inline-block;
right: -25px;
padding: 4px;
position: absolute;
transform: rotate(45deg);
font-size: 11px;
background-color: #5cb85c;
top: 5px;
}
.pricing-features {
color: #333333;
/*font-weight: 600;*/
letter-spacing: 0px;
margin: 0px 0 25px;
list-style: none;
}
.pricing-features-item {
border-top: 1px solid #e1f1ff;
font-size: 14px;
line-height: 1.5;
padding: 15px 0;
}
.pricing-features-item:last-child {
border-bottom: 1px solid #e1f1ff;
}
.pricing-price {
color: #d7ba70;
display: block;
font-size: 32px;
font-weight: 700;
border-bottom: 1px solid #e1f1ff;
padding-bottom: 25px;
}
.dc-table-widget{
-webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
-o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.dc-pricing-table{
text-align: center;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 5px 15px 5px rgba(130,136,147,0.1);
padding: 30px 30px;
}
.dc-table-widget .dc-pricing-title{
margin: 0px 0px 30px 0px;
}
.dc-table-widget .dc-pricing-title{
color: #666666;
font-size: 24px;
font-weight: 600;
line-height: 58px;
margin: 0px 0px 0px 0px;
}
.dc-table-widget .dc-pricing{
margin: 15px 0px 15px 0px;
}
.dc-table-widget .dc-pricing .dc-pricing-currency{
color: #d7ba70;
font-size: 18px;
line-height: 20px;
vertical-align: top;
margin: 0px 0px 0px 0px;
font-weight: 600;
}.dc-table-widget .dc-pricing .dc-pricing-validity{
color: #d7ba70;
font-size: 18px;
line-height: 20px;
vertical-align: top;
margin: 0px 0px 0px 0px;
font-weight: 600;
}
.dc-table-widget .dc-pricing .dc-pricing-value{
color: #d7ba70;
font-size: 60px;
font-weight: 900;
line-height: 58px;
margin: 0px 0px 0px 0px;
}
.dc-table-widget .dc-pricing-description{
}
.dc-table-widget .dc-pricing-description p{
color: #666666;
font-size: 16px;
font-weight: 400;
line-height: 23px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.dc-table-widget .dc-pricing-content{
margin-top:30px;
}
.dc-table-widget .dc-pricing-content p{
color: #1c1c4c;
font-size: 13px;
font-weight: 400;
margin-bottom:0px;
}
.dc-pricing-button-container{
margin-top:30px;
}
.dc-pricing-button{
display:inline-block;
color: #828893;
font-size: 16px;
font-weight: 600;
line-height: 19px;
background-color: #f7f8fb;
border-radius: 50px;
box-shadow: 0px 2px 5px 0px rgba(130,136,147,0.1);
padding: 15px 20px;
width:100%;
}
.dc-pricing-button:hover {
color: #fff;
background-color: #1c1c4c;
}
.spinner-border {
display: inline-block;
width: 3rem;
height: 3rem;
vertical-align: text-bottom;
border: .20em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
@keyframes spinner-border {
to { transform: rotate(360deg); }
}
.widget-boxed-loader {
position: absolute;
margin: auto;
height: 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
z-index: 9;
}
.detail-wrapper-header p strong img{
vertical-align:middle;
}
ul.myfont{
display: inline-block;
list-style:none;
}
ul.myfont li{
font-size: 18px;
text-align:left;
position:relative;
padding-left:15px;
margin:5px 0px;
}
ul.myfont li:before {
display: inline-block;
position: absolute;
content: '';
height: 10px;
width: 10px;
background: #d7ba70;
left: 0;
top: 10px;
}
.roomimg-thumb {
height: 450px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
z-index: 9;
margin-bottom: -7px;
}
.roomimg-bg{
background-size: cover;
background-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out;
}
.rooms-list-wrapper{
border: none;
outline: none;
}
.rooms-list-content{
border: solid 1px #ededed;
border-radius: 4px;
box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
background: #fff;
position: relative;
padding: 15px 15px;
}
.rooms-listcard{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
min-height: 140px;
}
.roomitemimage {
width: 100%;
max-width: 40%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.roomitemimage .roomimage{
margin:0px;
padding: 5px;
border: 2px solid #dedede;
}
.roomitemimage img{
max-width:100%;
}
.roomitemdesc {
width: 100%;
max-width: 60%;
margin-left: 30px;
}
.roomitemdesc p{
display: -webkit-box;
max-height: 100px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 4;
}
.roombook {
margin-top: 10px;
display: inline-block;
width: 100%;
}
.roombook .btn{
padding: 6px 11px;
}
.roomimg-wrapper{
height: 200px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
z-index: 9;
margin-bottom: -7px;
}
.rooms-bg{
background-size: cover;
background-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out;
}
.roomimage .owl-theme .owl-controls {
margin-top: 0;
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
.roomimage .owl-theme .owl-controls .owl-buttons{
display:flex;
align-items:center;
justify-content:space-between;
width: 100%;
}
.roomimage .owl-theme .owl-controls .owl-buttons div {
margin: 0px !important;
opacity: 1 !important;
padding: 0 !important;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
background: #d7ba70 !important;
border-radius:0px !important;
}
.dcnotice {
/*border: none;
background: no-repeat;
box-shadow: none;
text-align: center;*/
border:2px solid #1db4bd;
margin-top: 20px;
margin-bottom: 20px;
}
.dcnotice span {
display: block;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.raddreview-btn {
line-height: 100%;
padding: 10px 15px !important;
text-transform: capitalize !important;
font-weight: 600;
}
#filter-selector .filter-toggle {
display: none;
height: auto;
margin-right: -155px;
margin-top: 100%;
top: 0;
transform: translateY(0%);
transition: all 0.5s;
float: right;
align-items: center;
justify-content: center;
cursor: pointer;
margin-bottom: 0;
}
#filter-selector .filter-toggle .filtericon {
width: 52px;
height: 50px;
opacity: 1;
background: #d7ba70;
border-radius: 0px;
box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.1);
color: #ffffff;
display: inline-block;
text-align: center;
line-height: 63px;
}
.view-more-btn{
font-size: 14px!important;
margin: 0 7px 10px 0;
display: inline-block;
padding: 4px 22px;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.nodata-filter-alert {
/*background: #fafaff;
display: block;
vertical-align: middle;
width: 100%;
max-width: 300px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);*/
margin: 0 auto;
text-align: center;
padding: 0px 30px 30px;
}
.nodata-filter-wrapper{
display:flex;
align-items:center;
justify-content:center;
}
.nodata-icon {
display: inline-block;
width: 100%;
margin-bottom: -27px;
}
.nodata-icon img{
max-height:200px;
}
.nodata-body {
display:inline-block;
width:100%;
}
.nodata-body h5{
margin-bottom:0px;
font-size:18px;
}
.nodata-body span.filtbtn{
margin-top: 20px;
display: inline-block;
width: 100%;
text-align: center;
}
/* Popup Css Start */
.ontop {
z-index: 999999;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.6);
color: #aaaaaa;
opacity: 1;
filter: alpha(opacity = 50);
overflow: auto;
}
#popup {
position: absolute;
color: #000000;
background-color: #ffffff;
top: 0px;
left: 0;
right: 0;
width: 50%;
margin:30px auto;
}
.popupHeader {
/*padding: 30px;*/
padding: 15px 30px;
font-size: 18px;
font-weight: bold;
color: #7395dc;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,249,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,249,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,249,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,249,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,249,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,249,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f9ff', GradientType=0 );
position: relative;
display: inline-block;
width: 100%;
}
.popupContainer .popupHeader .header_title {
width: 100%;
/* text-align: center;*/
text-align: left;
font-size: 20px;
}
.popup-close {
background: #d7ba70;
padding: 5px 6px;
color: #fff;
font-size: 14px;
height: 55px;
width: 40px;
border-radius: 0px 0px 20px 20px;
position: absolute;
display: inline-block;
right: 20px;
top: 0;
text-align: center;
line-height: 35px;
}
#popup .popupBody {
width: 100% !important;
padding: 20px !important;
display: inline-block !important;
}
.formMain {
margin: 0;
display: inline-block;
width: 100%;
}
.header_title .has-photo {
background-size: 40px auto;
background-repeat: no-repeat;
/*padding-left: 60px;*/
padding-top: 0;
/*height: 50px;*/
vertical-align: middle;
position: relative;
display: inline-block;
line-height: 50px;
}
.header_title .has-photo img {
height: 50px;
/*position: absolute;
left: 0;
top: 0;*/
border: 1px solid #000;
padding: 2px;
width: 50px;
border-radius: 5px;
}
.popupBody textarea{
min-height:150px;
}
.reviewwitch {
position: relative;
max-width: 150px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
display: inline-block;
width: 100%;
}
.reviewwitch-checkbox {
display: none;
}
.reviewwitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #ffffff;
border-radius: 20px;
position: relative;
width: 100%;
}
.reviewwitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.reviewwitch-inner:before,
.reviewwitch-inner:after {
display: block;
float: left;
width: 50%;
height: 30px;
padding: 0;
line-height: 30px;
font-size: 12px;
color: black;
font-weight: bold;
box-sizing: border-box;
}
.reviewwitch-inner:before {
content: "Google Review";
padding-left: 6px;
background-color: #E85764;
color: #ffffff;
}
.reviewwitch-inner:after {
content: "Add Testimonial";
padding-right: 15px;
background-color: #d7ba70;
color: #ffffff;
text-align: right;
}
.reviewwitch-switch {
display: block;
width: 24px;
height: 24px;
margin: 0;
background: #ffffff;
position: absolute;
top: 3px;
bottom: 0;
right: 118px;
border: 2px solid #ffffff;
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.reviewwitch-checkbox:checked + .reviewwitch-label .reviewwitch-inner {
margin-left: 0;
}
.reviewwitch-checkbox:checked + .reviewwitch-label .reviewwitch-switch {
right: 4px;
}
.onoffswitch {
position: relative;
width: 56px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #FFFFFF;
border-radius: 4px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 22px;
padding: 0;
line-height: 22px;
font-size: 12px;
color: #000000;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "ON";
padding-left: 6px;
background-color: #d7ba70;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "OFF";
padding-right: 6px;
background-color: #4a498f;
color: #FFFFFF;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 12px;
margin: 5px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
border: 2px solid #FFFFFF;
border-radius: 2px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
.dc-subscription-table{
}
.dc-subscription-table tr td,
.dc-subscription-table tr th{
vertical-align: middle !important;
}
.dc-subscription-table td .btn{
padding: 7px 30px;
border: none;
text-transform: uppercase;
font-weight: bold;
}
.pckgeinfo-title{
background: #000000;
color: #ffffff;
}
.pckgeinfo-title h4{
color: #ffffff;
}
/*
.rating{display:flex;position:relative;color:#ff9831;font-size:14px; !*flex-direction: row-reverse;*!}
.rating i + i{margin-left:2px}
*/
.inputrating { direction: rtl !important;}
.rating {
/* flip the direction so “~” picks up the LOWER-valued siblings */
/*direction: rtl;*/
/* treat ★ as one chunk rather than mirror them separately */
unicode-bidi: bidi-override;
font-size: 2rem;
user-select: none;
text-align: left;
}
.rating > input {
display: none;
}
.rating > label {
color: #ccc;
cursor: pointer;
display: inline-block;
margin: 0 .1em;
transition: color .2s;
}
/* on hover light up this star + all lower ones */
.rating > label:hover,
.rating > label:hover ~ label,
/* on checked light up this star + all lower ones */
.rating > input:checked ~ label {
color: gold;
}
/**** BLOG SECTION ****/
.blog-homepage{
display:flex;
}
.blog-homepage .blog-grid-box-img {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 200px;
flex: 0 0 235px;
margin-right: 0px;
position: relative;
height: 100%;
max-height: 100%;
height: 235px;
padding: 5px;
border: 2px solid #dedede;
}
.blog-homepage .blog-avatar {
margin: 0px 0px 15px;
display: flex;
align-items: center;
text-align: left;
}
.blog-homepage .blog-avatar a{
}
.blog-homepage .blog-grid-box-img img{
width: 100%;
height: 100%;
overflow:hidden;
}
.blog-homepage .blog-grid-box-img a{
display: inline-block;
width: 100%;
height: 100%;
}
.blog-homepage .blog-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0px 0px 0px 0px;
border: 2px solid rgba(255,255,255,1);
box-shadow: 0 2px 10px 0 #d8dde6;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
-moz-box-shadow: 0 2px 10px 0 #d8dde6;
overflow: hidden;
margin-right: 5px;
}
.blog-homepage .blog-avatar p{
margin: 0px 0px 5px;
font-size: 13px;
width: 100%;
line-height: 100%;
}
.blog-meta-box{
font-size:11px;
margin-left:10px;
}
.blog-homepage .blog-title a{
margin: 0px;
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
text-align: left;
}
.blog-homepage .discription {
margin: 0px;
display: -webkit-box;
max-height: 55px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
text-align: left;
width: 100%;
margin-bottom:10px;
}
.blog-text p{
display:inline-block;
width:100%;
}
.sidebar-blog-sec{
}
.sidebar-blog-sec .blog-grid-box-img{
width: 90px;
flex: 0 0 90px;
}
.sidebar-blog-sec .blog-avatar{
margin-bottom:4px;
font-size:12px;
}
.sidebar-blog-sec .blog-grid-box-content {
padding: 10px 10px;
width: 100%;
}
.blog-homepage .blog-title {
font-size: 17px;
line-height: 26px;
}
.blog-homepage .blog-title a{
display: -webkit-box;
max-height: 55px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
text-align: left;
}
.dcprofile{
background:#f4f6f7;
}
.dcprofile-wrapper {
/*margin-top: -60px;*/
margin-bottom: 20px;
padding-top:50px;
}
.dcprofile-box{
}
.dcprofile-header{
text-align:center;
}
.dcprofile-header .avater-box{
}
.dcprofile-header .avater-box img{
height: 100%;
width: 100%;
}
.dcprofile-body{
}
.dcprofile-header-bottom {
display: inline-block;
width: 100%;
border-bottom: 2px solid rgba(0,0,0,0.1);
border-top: 1px solid #dedede;
padding: 15px 0px;
}
.dcprofile-extra-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
}
.dcprofile-extra-left{
/*width:50%;*/
}
.dcprofile-extra-right{
/*width:50%;*/
}
.dcprofile-extra-link{
background: #17164B;
display: inline-block;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,0.12);
transition: .2s ease-out;
border-radius: 2px;
text-transform: capitalize;
font-size: 12px;
line-height: 1.5;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
white-space: nowrap;
padding: 6px 12px;
color: #ffffff;
}
.dcprofile-extra-link:hover{
color: #ffffff;
background: #d7ba70;
}
.link-icon{
}
.dcprofile-info-box{
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
}
.dcprofile-info-box .preview-info-header {
padding: 15px;
}
.dcprofile-info-box .preview-info-header h4{
margin:0px;
}
.dcprofile-info-box .preview-info-body{
}
.dcprofile-info-box{
}
.table-action-btn{
width: 25px;
height: 25px;
display: inline-block;
color: #ffffff !important;
text-align: center;
line-height: 25px;
font-size: 12px;
}
.action-calendar{
background:#333;
}
.action-edit{
background:#4cae4c;
}
.action-trash{
background:#cc0000;
}
.update-fileinput{
position: relative;
text-align: left;
max-width: 150px;
}
.update-img-col{
border-bottom: 1px solid #dedede;
padding-bottom:10px;
}
.update-fileinput .btn-file{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.update-img-btn{
display: inline-block;
width: 140px;
font-size: 13px;
padding: 5px;
}
.blog-fileinput .thumbnail > img{
max-height:150px;
width:auto;
max-width:100%;
border
}
.blog-fileinput .thumbnail.img-circle{
border-radius:0px;
max-height: 150px;
width: auto;
}
.update-img-col .fileinput-exists {
padding: 5px !important;
width: 140px;
font-size: 13px;
text-transform: capitalize !important;
}
/**** BLOG SECTION ****/
.footer-limg {
text-align: center;
padding: 5px;
border: 1px solid #ffffff;
max-width: 262px;
margin: 10px auto 0px;
z-index: 999;
position: relative;
pointer-events: none;
}
.footer-limg-wrapper {
background: #ffffff;
width: 100%;
padding: 5px 10px;
text-align: left;
}
.footer-limg img {
margin: 0;
width: auto;
max-width: 100px;
height: auto;
}
.footer-limg h3 {
font-weight: bold;
margin-top: 2px;
font-size: 24px;
color: #222222;
margin-bottom: 0;
}
.footer-limg h4 {
font-weight: 300;
font-size: 24px;
color: #222222;
margin: 0px;
}
.footer-limg p {
font-size: 11px;
color: #222222 !important;
font-weight: bold !important;
margin-bottom: 0 !important;
padding: 0 !important;
margin: 0 !important;
max-width:100% !important;
}
.cus-alert-element {
position: fixed;
/*left: 20px;
bottom: 20px;
right: 20px;*/
right: 20px;
bottom: calc(100% - 150px);
z-index: 99999999;
}
.cus-alert-element .cus-alert {
width: 100%;
max-width: 360px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
position: relative;
padding-right: 40px;
}
.cus-alert-element .cus-alert-icon {
background-color: rgba(0, 0, 0, 0.3);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: #ffffff;
flex-shrink: 0;
/* position: absolute; */
text-align: center;
width: 40px;
overflow: hidden;
font-size: 10px;
height: 100%;
/* line-height: 45px; */
padding: 10px;
}
.cus-alert-element .cus-alert-texts{
font-size: 12px;
padding: 10px;
}
.cus-alert-element button.close{
right: 5px;
}
.cus-alert-element button.close:hover{
color: #000000;
}
/*======================*/
.profile-dashboard-section .property_item .listing-thumb{
height: 248px;
}
.profile-dashboard-section .listing-box-header {
border-bottom: 1px solid #dedede;
margin: 0;
padding: 15px 25px 10px;
}
.create-listing-area {
padding: 0px 0 20px;
border-bottom: 1px solid #ebe9dc;
margin-bottom: 30px;
margin-top: 0px;
position: relative;
}
ul.createlist-area {
text-align: center;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0px;
}
ul.createlist-area li {
display: inline-block;
position: relative;
margin-right: 0;
cursor: pointer;
text-align: center;
width: 100%;
}
.login-select-inner {
display: inline-flex;
text-align: left;
position: relative;
align-items: center;
}
ul.createlist-area li:last-child {
margin-right: 0px;
}
ul.createlist-area li span {
position: absolute;
top: -10px;
left: 30px;
height: 22px;
width: 22px;
background: #1e1e1e;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 22px;
border-radius: 50%;
z-index: 9;
font-size: 12px;
}
ul.createlist-area li span,
ul.createlist-area li .text {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.createlist-area li:hover span,
ul.createlist-area li.active span {
background: #d7ba70;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.createlist-area li .icon {
float: left;
margin-right: 20px;
position: relative;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #f3f3f3;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.createlist-area li .icon svg{
fill:#1e1e1e;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.createlist-area li:hover .icon svg,
ul.createlist-area li.active .icon svg{
fill:#d7ba70;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
ul.createlist-area li:hover .icon,
ul.createlist-area li.active .icon{
border-color: #d7ba70;
}
ul.createlist-area li .text {
overflow: hidden;
line-height: 100%;
font-size: 18px;
}
ul.createlist-area li .text h3 {
color: #1e1e1e;
margin: 0;
font-size: 20px;
}
ul.createlist-area li:hover .text h3,
ul.createlist-area li.active .text h3{
color: #d7ba70;
}
ul.createlist-area li .text p{
margin:0px;
color: #1e1e1e;
}
ul.createlist-area li span, ul.createlist-area li .text {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button-summary-bar {
cursor: pointer;
text-align: center;
position: absolute;
top: 96px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.button-summary-bar .icon {
background: #bf9c60;
width: 50px;
height: 27px;
text-align: center;
color: #fff;
display: inline-block;
font-size: 30px;
position: relative;
z-index: 9;
}
.button-summary-bar .icon span {
position: absolute;
top: 10px;
left: 50%;
margin-left: -5.6px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button-summary-bar.open .icon span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.button-summary-bar .icon:after {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background: #bf9c60;
z-index: -1;
}
.button-summary-bar p {
margin-top: 20px;
color: #1e1e1e;
font-weight: 500;
}
.button-summary-bar p {
margin-top: 20px;
color: #1e1e1e;
font-weight: 500;
}
.button-summary-bar p.hide {
display: none;
}
.button-summary-bar.open p.hide {
display: block;
}
.button-summary-bar.open p.show {
display: none;
}
.box-link{
display: inline-block;
width: 100%;
margin-top:30px;
}
.box-link a{
display: inline-block;
position: relative;
border: none;
background: #000000;
font-size: 13px;
line-height: 1.42857;
text-transform: capitalize;
margin-bottom: 0;
padding: 8px 12px;
font-weight: bold;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #ffffff;
overflow: hidden;
border-radius: 0px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
}
.material-switch > input[type="checkbox"] {
display: none;
}
.material-switch > label {
cursor: pointer;
height: 0px;
width: 40px;
margin:0px;
}
.material-switch > label:before {
background: rgba(0,0,0,0);
/* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); */
border-radius: 40px;
content: '';
height: 17px;
margin-top: 0;
position: absolute;
opacity: 0.7;
transition: all 0.4s ease-in-out;
width: 41px;
top: 0;
border: 1px solid #d7ba70;
}
.material-switch > label:after {
background: #d7ba70;
border-radius: 50%;
/* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */
content: '';
height: 10px;
left: 5px;
margin-top: 0;
position: absolute;
top: 3px;
transition: all 0.3s ease-in-out;
width: 10px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
background: #d7ba70;
opacity: 1;
}
.material-switch > input[type="checkbox"]:checked + label::after {
background: #f9f8f4;
left: 25px;
}
.dash-switch{
padding-right: 45px;
position:relative;
}
.dash-switch .dcmswitch {
position: absolute;
right: 0;
top: 4px;
}
.dash-switch .label-primary{
background:#d7ba70;
}
.dashlist{
padding: 0px;
border: none;
outline: none;
}
.dashlist-item {
padding: 0;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
display: inline-block;
min-height: 140px;
position: relative;
padding-left: 25%;
width: 100%;
}
.dashlist-item-thumb {
width:100%;
}
.dashlist-item .proerty_content {
position: absolute;
top: 50%;
left: 0;
background: #ffffff;
border: 5px solid #d7ba70;
z-index: 99;
box-shadow: -2px 2px 10px rgba(0,0,0,0.1);
transform: translateY(-50%);
padding:0px;
}
.dashlist-item-thumb .listing-thumb {
height: 340px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: -7px;
}
.dashlist-item-thumb .roomimg-bg{
background-size: cover;
background-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out;
}
#dashboard-listing .owl-nav {
position: absolute;
display: inline-block;
right: 20px;
bottom: 10%;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
height: 30px;
width: 30px;
text-align: center;
line-height: 30px !important;
font-size: 28px !important;
background: #d7ba70 !important;
display: inline-block;
color: #ffffff !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-nav button.owl-next{
margin-left:5px;
}
.owl-carousel .owl-nav button span{
line-height: 100%;
display: inline-block;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover{
background: #d7ba70 !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-carousel button.owl-dot{
}
.infodetail .detail-wrapper-body{
padding: 15px 15px;
}
.infodetail-thumb{
height: 227px;
display: inline-block;
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: -7px;
}
.infodetail-thumb .infodetail-thumbimg {
background-size: cover;
background-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover;
transition: transform 0.35s ease-out;
}
.box_Content h4{
font-size:16px;
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 10px;
}
.box_Content p{
margin:5px 0px 0px;
font-size:14px;
}
.box_Content p a{
color:#333333;
}
.list-content{
position:relative;
padding: 15px 15px;
}
.list-content .property_add {
margin-bottom: 0;
min-height: auto;
}
.list-status {
display: inline-block;
padding: 5px 15px;
float: right;
font-size: 13px;
/* color: #fff; */
font-weight: bold;
/* background: #d7ba70; */
color: #333333;
text-decoration: underline;
}
.list-status {
}
#map-canvas {
height: 300px;
margin: 0px 0px 30px 0px;
width: 100%;
}
#map-canvas .form-control {
right: 42px !important;
top: 10px !important;
width: 60% !important;
}
@media(max-width: 667px){
#map-canvas .form-control{
right: auto !important;
top: 60px !important;
left: 12px !important;
}
}
/*========= Closed Days =============*/
.dc-closed-days #closedday .ui-widget.ui-widget-content{
padding: 0px 0px 10px;
border: none;
margin-top: 0;
}
.dc-closed-days #closedday .ui-widget.ui-widget-content {
width: 100% !important;
display: flex !important;
flex-wrap: wrap;
}
.dc-closed-days #closedday .ui-datepicker-multi-3 .ui-datepicker-group,
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group {
/*width: 32% !important;
margin: 1% !important;
min-height: 250px;*/
}
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 1px !important;
}
.dc-closed-days #closedday .ui-datepicker-multi-3 .ui-datepicker-group,
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group {
/*width: 32% !important;
margin: 1% 0 0 1% !important;*/
/*min-height: 250px;*/
/*min-height: 300px;
border: 1px solid #dedede;*/
width: 33.33% !important;
margin: 0;
/* min-height: 250px; */
min-height: 300px;
/*border: none;*/
padding: 10px 5px 0px;
/* background: #1c1c1d;
}
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group:first-child,
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group:nth-child(5),
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group:nth-child(9){
/*margin-left: 5px !important;*/
}
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group{
border: 1px solid #dedede !important;
}
.cus-sidemenu #drop-list .nav li a{
display: inline-block !important;
}
.ui-state-highlight a.ui-state-default {
background: #6763af none repeat scroll 0 0 !important;
color: #ffffff !important;
}
.ui-widget-content .ui-state-highlight a.ui-state-default {
color: #ffffff !important;
}
.dc-closed-days #closedday .ui-datepicker{
/*background:none !important;*/
box-shadow:none !important;
}
.dc-closed-days #closedday .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header{
display: flex;
align-items: center;
justify-content: center;
}
.dc-closed-days #closedday .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-title {
border-radius: 0px;
display: flex;
align-items: center;
justify-content: space-between;
width: auto;
}
.dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group table {
/*background: #1c1c1d;
min-height: 253px;
margin: 0 !important;
border: none !important;
padding: 0 !important;
outline: none !important;*/
}
.dc-closed-days #closedday .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
/*width: 45%;
background-color: #1c1c1d !important;*/
}
/*========= Closed Days =============*/
.dcjoin-section {
/*background: url(../img/banner_anim.jpg) no-repeat center center;*/
text-align: center;
position: relative;
margin-bottom: 80px;
padding:60px 0px;
background-size: cover;
}
.dcjoin-section:before {
position: absolute;
content: '';
background: #FFF;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
}
.dcjoin-content {
margin-top: 80px;
margin-bottom: 75px;
position: relative;
}
.dcjoin-content h1 {
font-size: 45px;
font-size: 45px;
line-height: 60px;
/*color: #ffffff;*/
text-transform: uppercase;
width: 100%;
display: inline-block;
font-weight: 200;
color: var(--ink);
}
.dcjoin-content h1 strong {
position: relative;
text-align: center;
margin-bottom: 15px;
width: 100%;
display: inline-block;
}
.dcjoin-content h4 {
color: #ffffff;
width: 100%;
display: inline-block;
font-weight: 200;
line-height: 30px;
}
.dcjoin-content h4 a{
background: #d7b970;
color: #ffffff;
font-size: 14px;
padding: 4px 8px;
border-radius: 4px;
}
.create-list-btn {
text-align: center;
width: 100%;
display: inline-block;
margin: 30px 0 50px;
}
.create-list-btn .dcjoin-btn {
margin: 5px 0px 5px 15px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
float: none;
vertical-align: middle;
padding: 15px 25px;
border-radius: 0px;
letter-spacing: 1px;
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 18px;
text-transform: uppercase;
background: #ffffff;
color: #000000;
position: relative;
font-weight: bold;
overflow:hidden;
}
.create-list-btn .dcjoin-btn:first-child {
margin-left: 0px;
padding-left: 35px;
}
.sol-tag {
background: #ff2222;
display: inline-block;
padding: 5px 25px 4px;
border-radius: 0px;
color: #fff;
position: absolute;
left: -26px;
top: 1px;
font-weight: bold;
box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
font-size: 12px;
transform: rotate(-48deg);
}
.dcjoin-ckeckout{
color: #ffffff;
font-size: 22px;
width: 100%;
display: inline-block;
margin: 0;
}
.dcjoin-ckeckout span{
display: inline-block;
vertical-align: middle;
}
.dcjoin-ckeckout a {
float: none;
vertical-align: middle;
display: inline-block;
padding: 15px 25px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
font-size: 16px;
color: #ffffff;
text-transform:uppercase;
background: rgba(255,255,255,0.5);
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
margin: 0px 5px 20px;
width: auto;
font-weight: 500;
position: relative;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
border: 1px solid #ffffff;
}
.dcjoin-ckeckout a.joinfeature-btn{
border-color: #d7b970;
color: #ffffff;
background: rgba(215,185,112,0.7);
}
.dcjoin-ckeckout a.faq-btn{
border-color: #aa98e3;
color: #ffffff;
background: #aa98e3d9;
}
.dcjoin-ckeckout a.joinprice-btn{
border-color: #feb155;
color: #ffffff;
background: rgba(254,177,85,0.7);
}
.dcjoin-ckeckout a.joincalculator-btn{
border-color: #315f77;
color: #ffffff;
background: #5b90a0;
}
.dcjoin-ckeckout a.bookingc-btn{
border-color: #c8bfe7;
color: #ffffff;
background: rgba(200,191,231,0.7);
}
.dcjoin-ckeckout a.reviews-btn{
border-color: #7f7f7f;
color: #ffffff;
background: rgba(127,127,127,0.7);
}
.dcjoin-ckeckout a.joinfeature-btn:hover{
background: #d7b970;
}
.dcjoin-ckeckout a.joinprice-btn:hover{
background: #feb155;
}
.dcjoin-ckeckout a.bookingc-btn:hover{
background: #c8bfe7;
}
.dcjoin-ckeckout a.reviews-btn:hover{
background: #7f7f7f;
}
.proceed-extra-links{
justify-content:center;
}
.proceed-extra-links span {
margin: 0 10px;
}
.proceed-extra-links span a{
height: 50px;
width: 50px;
text-align: center;
line-height: 45px;
border: 2px solid #dedede;
display:inline-block;
}
.proceed-extra-links span a:hover{
background:#d7ba70;
}
.proceed-extra-links span a img {
width: auto;
max-height: 20px;
}
.book-section-heading{
}
.book-section-heading h3{
margin-bottom:50px;
}
.book-system{
}
.book-system .stepBox{
display: inline-block;
width: 100%;
position: relative;
}
.book-system .stepBox .stepHead{
display: inline-block;
background: #fff;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.book-system .stepBox .stepHead .stepCount {
display: inline-block;
width: 50px;
height: 50px;
border: none;
border-radius: 50%;
text-align: center;
font-size: 19px;
line-height: 50px;
color: #fff;
font-weight: bold;
background: #17164b;
margin-bottom: 20px;
}
.book-system .stepBox .stepHead h4 {
font-size: 25px;
line-height: 27px;
color: #1c1c4c;
font-weight: 700;
}
.book-system .stepBox .stepHead p {
font-size: 21px;
color: #7a7a7a;
line-height: 24px;
}
.book-system .stepBox:before{
content:'';
position:absolute;
left:50%;
top:0;
width:2px;
height:100%;
border-right:1px dashed #1c1c4c;
}
.book-system .servBox {
width: 100%;
position: relative;
text-align: left;
margin-top: 20px;
padding-left:70px;
}
.book-system .servcIcon {
display: inline-block;
width: 60px;
height: 60px;
border: 2px solid #17164b;
border-radius: 50%;
margin: auto;
position: absolute;
vertical-align: top;
margin-bottom: 5px;
font-size: 30px;
line-height: 58px;
color: #17164b;
font-weight: bold;
text-align: center;
float: none;
left: 0;
top: 0;
}
.book-system .servcIcon i {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
font-size: 30px;
line-height: 54px;
color: #17164b;
}
.book-system .servcIcon i.fa-home {
font-size: 36px;
}
.book-system .servBox-img{
text-align:center;
}
.book-system .servBox-img img{
display:inline-block;
width:auto;
height:auto;
max-height:450px;
max-width: 100%;
}
.servBox-img-icon{
display: inline-block;
background-repeat: no-repeat;
background-position: left top;
}
.basics_icons {
display: inline-block;
width: 38px;
height: 31px;
background-image: url(../img/basics-icon.png);
}
.money_icons {
width: 40px;
height: 22px;
background-image: url(../img/money_icon.png);
}
.change_icon {
width: 30px;
height: 30px;
background-image: url(../img/change_icon.png);
}
.testiimonial-overlay {
position: relative;
background: url(../img/test-bg-cover.jpg) no-repeat top center;
text-align: center;
padding-bottom: 80px;
padding-top: 80px;
margin-top:70px;
}
.testiimonial-overlay::before {
height: 330px;
width: 330px;
border: 12px solid #fff;
opacity: .15;
margin-left: -175px;
position: absolute;
left: 50%;
pointer-events: none;
top: 72px;
z-index: 2;
content: '';
}
.testiimonial-overlay h1 {
font-size: 50px;
color: #fff;
font-weight: bold;
position: relative;
text-transform: uppercase;
text-align: center;
}
.testiimonial-overlay h1:before {
width: 100px;
background: #ffffff;
height: 5px;
content: '';
position: absolute;
bottom: -10px;
left: 45%;
}
.stepBox-overlay {
position: relative;
background: url(../img/servbox-bg-cover.jpg) no-repeat top center;
text-align: center;
padding-bottom: 50px;
padding-top: 80px;
}
.testiimonial-overlay .carousel-inner .item, .testiimonial-overlay .carousel-inner .item a {
color: #ffffff;
font-size: 16px;
background: none !important;
}
#fade-quote-carousel.carousel {
padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-indicators {
bottom: 0px;
padding-left: 0;
margin-left: 0;
text-align: center;
list-style: none;
transform: translateX(-50%);
margin-bottom: 0;
}
#fade-quote-carousel.carousel .carousel-indicators > li{
border-radius:0px;
}
.stepBox-overlay{
}
.stepBox-overlay .stepHead {
display: inline-block;
width: 100%;
padding: 20px;
background: #ffffff;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
border: 5px solid #dedede;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
min-height: 140px;
margin: 10px 0px;
}
.stepBox-overlay .stepHead h4{
width:100%;
}
.stepBox-screen {
text-align: center;
margin-top: 50px;
}
.stepBox-screen img{
height:auto;
max-width:768px;
width:100%;
}
.fun-fact-counter .counter-colmun{
margin:15px 0px;
}
.fun-fact-counter .single-item-area {
position: relative;
padding: 20px 10px;
text-align: center;
background: #17164B;
box-shadow: 0px 2px 20px rgba(0,0,0,0.5);
border: 5px solid #ffffff;
}
.fun-fact-counter .single-item-area h4 {
margin: 0px;
color: #ffffff;
}
.fun-fact-counter .single-item-area .text {
position: relative;
line-height: 26px;
color: #ffffff;
margin-bottom: 0px;
font-size: 18px;
}
.fun-fact-counter .single-item-area span {
display: inline-block;
position: relative;
font-size: 40px;
margin-bottom: 25px;
font-weight: 500;
font-style: normal;
}
.fun-fact-counter .single-item-area span {
display: inline-block;
position: relative;
font-size: 40px;
margin-bottom: 25px;
font-weight: 500;
font-style: normal;
}
.fun-fact-counter .single-item-area .text:before {
position: absolute;
content: '';
background: #b19f6b;
width: 40px;
height: 2px;
left: 50%;
margin-left: -25px;
top: -18px;
}
.fun-fact-counter .counter-colmun:first-child .count-outer span:last-child{
display:none;
}
.leaving-section{
}
.leaving-section h4 {
margin: 0 auto;
width: 100%;
max-width: 100%;
padding: 20px;
text-align: center;
font-size: 20px;
font-weight: normal;
line-height: 30px;
}
.leave-post-section {
margin: 0 auto;
width: 100%;
max-width: 750px;
background: #fff;
padding: 20px;
border: 5px solid #dedede;
box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
.leave-post-section h3{
margin-bottom:0px;
word-break: break-all;
background: #dedede;
text-align: center;
font-size: 20px;
font-weight: normal;
line-height: 30px;
padding: 10px;
}
.leave-post-section .rent-calculater{
border: none;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
float: none;
vertical-align: middle;
padding: 15px 25px;
border-radius: 0px;
letter-spacing: 1px;
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 18px;
text-transform: uppercase;
background: #17164b;
color: #ffffff;
position: relative;
font-weight: bold;
overflow: hidden;
margin-top:20px;
}
.contact-content{
}
.contact-content .social-links{
}
.contact-content .social-links li{
}
.contact-content .social-links li a {
border: 1px solid #dedede;
padding: 0px;
line-height: 40px;
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
border-radius: 0px;
}
.contact-map-section{
}
.contact-map-section iframe{
width:100%;
}
.feature-section .create-list-btn .dcjoin-btn{
background:#17164b;
color:#ffffff;
}
.feature-section .create-list-btn .dcjoin-btn.theme-btn{
background:#d7ba70;
}
.faq-section .panel-group {
margin-bottom: 20px;
}
.faq-section .panel-default{
margin-bottom:15px;
border-radius: 0;
}
.faq-section .panel-default > .panel-heading {
background-color: #fafafa;
font-size: 16px;
border-radius: 0;
padding: 0px;
}
.faq-section .panel-default > .panel-heading a.collapsed{
background:#ffffff;
color:#17164b
}
.faq-section .panel-default > .panel-heading a {
padding: 20px;
width: 100%;
display: inline-block;
font-weight: bold;
border-radius: 0;
background:#17164b;
color:#ffffff
}
.faq-section .panel .panel-heading a.accordion-toggle.collapsed:before {
content: "\f105";
margin-right: 10px;
font-family: 'FontAwesome';
margin-left: 0px;
width: 15px;
float: left;
}
.panel .panel-heading a.accordion-toggle:before {
content: "\f107";
margin-right: 10px;
font-family: 'FontAwesome';
margin-left: 0px;
width: 15px;
float: left;
}
.help-faq{
}
.help-faq .faq-item {
margin-top: 30px;
margin-bottom: 20px;
}
.help-faq .faq-item img{
max-width:100%;
}
.help-faq .faq-item-question {
}
.help-faq .faq-item-question h3{
}
.help-faq .faq-item-answer{
}
.help-faq .faq-item-answer p{
}
.help-faq .faq-item-meta {
padding: 10px 0px;
border-top: 1px dashed #dedede;
border-bottom: 1px dashed #dedede;
display: inline-block;
width: 100%;
font-weight: bold;
}
.help-faq .help-faq-rate{
margin-left:10px;
font-weight:bold
}
.help-faq .prbtn a {
background: #17164b;
color: #ffffff;
height: 30px;
display: inline-block;
width: 30px;
text-align: center;
line-height: 30px;
}
.help-faq .prbtn a:hover{
background: #d7ba70;
}
.help-faq .help-faq-rate a.rate-action {
background: #17164b;
color: #ffffff;
padding: 4px 15px 5px;
line-height: 100%;
border-radius: 40px;
}
.access-denied-section{
}
.access-denied-section img{
width:100%;
max-width:200px;
}
.access-denied-section h1 {
margin: 30px 0 20px;
text-transform:uppercase;
color: #f44335;
}
.comingsoon-section{
}
.comingsoon-section img{
width:100%;
max-width:200px;
}
.comingsoon-section h1 {
margin: 70px 0 30px;
text-transform: uppercase;
color: #17164b;
letter-spacing: 25px;
font-weight: 900;
}
.comingsoon-section h4{
color: #0635c9;
letter-spacing: 5px;
}
.maintanence-section{
}
.maintanence-section img{
width:100%;
max-width:100%;
display:block;
margin:70px auto 30px;
}
.maintanence-section h1 {
margin: 70px auto 30px;
text-transform: uppercase;
color: #333333;
font-weight: 900;
width: 100%;
max-width: 680px;
line-height: 60px;
}
.maintanence-section h4{
color: #666666;
}
.unsubscribe-form{
max-width: 620px;
margin: 0 auto;
display: block;
}
.unsubscribe-form h1{
font-size:36px;
}
.unsubscribe-date {
background: #17164b;
color: #ffffff;
display: inline-block;
padding: 7px;
}
.subscribe-submit-btn{
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
float: none;
vertical-align: middle;
padding: 15px 25px;
border:none;
border-radius: 0px;
letter-spacing: 1px;
display: inline-block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 18px;
text-transform: uppercase;
background: #17164b;
color: #ffffff;
position: relative;
font-weight: bold;
overflow:hidden;
}
.hr-time-picker{
padding:0px !important;
}
.picked-time-wrapper{
margin:0px !important;
}
.picked-time-wrapper .picked-time {
height: 50px;
border: 1px solid #dde6ef !important;
margin-bottom: 10px;
box-shadow: none;
border-radius: 0;
background-color: #fbfdff !important;
font-size: 15px !important;
color: #445461;
font-weight: 400;
margin: 0;
}
.picked-time-wrapper .picked-time:hover, .picked-time-wrapper .picked-time:focus {
border: 1px solid #d7ba70 !important;
-webkit-box-shadow: 0 1px 1px rgba(7,177,7,.075) !important;
box-shadow: 0 1px 1px rgba(7,177,7,.075) !important;
outline: none !important;
}
.hr-time-picker .hr-timer .current-hour, .hr-time-picker .hr-timer .current-minutes{
background-color: #d7ba70 !important;
border-color: #d7ba70;
}
.set-time-wrapper a{
background: #17164b !important;
}
.hr-time-picker .hr-timer{
position:relative;
}
.hours.hr-timer .arrow-top, .hours.hr-timer .arrow-bottom {
font-size: 13px;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
background: #17164b;
color: #fff !important;
border-radius: 50%;
display: inline-block !important;
position: absolute;
top: 12px;
left: 15px;
}
.hours.hr-timer .arrow-bottom {
right: 15px;
left: auto;
}
.hr-time-picker .hr-timer .movable-area{
height: 233px !important;
margin: 20px 0 !important;
}
.set-time-wrapper{
padding: 20px 0 !important;
}
.set-time-wrapper a{
font-size: 20px !important;
padding: 15px 10px !important;
}
.time-type {
font-size: 20px !important;
margin: 5px 0 0px !important;
}
.hr-time-picker .hr-timer.minutes ul {
margin-top: 20px !important;
}
.hr-time-picker .hr-timer.minutes li {
padding: 7px 5px !important;
}
.payment-box{
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
float: none;
margin: 50px auto 20px;
overflow: hidden;
}
.payment-box .payment-box-header {
text-align: left;
border-bottom: 1px solid #dedede;
margin: 0;
padding: 25px;
}
.payment-box .payment-box-header .verified-tag{
background: #5ACC82;
padding: 2px 35px;
position: absolute;
right: -35px;
top: 17px;
transform: rotate(45deg);
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
color: #ffffff;
}
.payment-status-box{
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
float: none;
margin: 50px auto 20px;
}
.payment-status-box p{
font-size: 18px;
}
.payment-status-info{
}
.payment-status-info h1 {
height: 100px;
width: 100px;
text-align: center;
line-height: 100px;
color: #ffffff;
margin: 0 auto;
border-radius: 50%;
font-weight: normal;
}
.payment-failed h1{
background: #f21136;
}
.payment-success h1{
background: #28a745;
}
.mobaddress a{
text-align:left;
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
}
.account-option-form{
display: block;
margin: 0 auto;
width: 100%;
max-width: 650px;
}
.material-switch input[type="checkbox"] {
display: none;
box-shadow: none !important;
}
.material-switch label {
cursor: pointer;
height: 0px;
position: relative !important;
width: 40px;
display: inline-block !important;
float: none;
margin: 11px;
}
.material-switch label::before {
background: rgb(0, 0, 0) !important;
box-shadow: none !important;
border-radius: 40px !important;
content: '';
height: 25px !important;
/* margin-top: -8px !important; */
position: absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 50px !important;
top: -8px !important;
}
.material-switch label::after {
background: rgb(255, 255, 255) !important;
border-radius: 16px !important;
content: '';
height: 15px !important;
left: 5px !important;
margin-top: -8px !important;
position: absolute;
top: 5px !important;
transition: all 0.3s ease-in-out;
width: 15px !important;
box-shadow: none !important;
}
.material-switch input[type="checkbox"]:checked + label::before {
background: #17164B !important;
border:none;
opacity: 1;
}
.material-switch input[type="checkbox"]:checked + label::after {
left: 31px !important;
}
.password-inputsec {
position: relative;
display: inline-block;
width: 100%;
}
.password-inputsec input{
padding-right: 30px;
}
.password-inputsec a{
position:absolute;
right:10px;
top:10px;
}
.bookingoption-form{
}
.bookingoption-form .form-group.material-switch {
position: relative;
padding-right: 60px;
}
.bookingoption-form .form-group.material-switch .bookingoption-switch {
position: absolute;
right: 0;
top: 0;
}
.stripe-hint {
position: absolute;
right: 0;
top: 0;
background: none;
color: #17164B !important;
font-size: 18px;
font-weight: bold;
padding: 0;
width: 50px;
height: 50px;
line-height: 44px;
}
.stripe-hint:hover{
color:#17164B !important;
}
.stripe-beta {
display: inline-block;
position: absolute;
left: 0px;
top: 0px;
height:50px;
width:50px;
overflow:hidden;
}
.stripe-beta span {
display: inline-block;
font-weight: bold;
color: #ffffff;
margin-left: 0;
background: #17164B;
padding: 0px 25px;
transform: rotate(-49deg);
font-size: 11px;
margin-left: -23px;
border-radius: 0px !important;
margin-top: 6px;
}
.feature-advert-btn {
padding: 5px 10px;
display: inline-block;
border: 1px solid #dedede;
margin-top: 5px;
border-bottom-width: 2px;
font-weight: 600;
}
.paymentbtns{
display: inline-block;
vertical-align: middle;
}
.mkor{
display: inline-block;
vertical-align: middle;
font-weight:bold;
margin:0 10px;
}
.paymentbtns img {
max-height: 25px;
}
input.option-file[type=file] {
border: 2px dashed #e9e9e9;
line-height: 1;
width: 100%;
padding: 15px;
}
.therapist-details-section .listing-shot {
padding: 20px 5px;
}
.therapist-details-section .classical-list .proerty_content {
padding: 0px;
}
.therapist-details-section .proerty_text .captlize {
font-size: 18px;
font-weight: 600;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
flex: 0 0 100%;
}
.therapist-details-section .proerty_text .captlize a {
display: -webkit-box;
max-height: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 1;
margin-bottom: 0px;
margin: 0px;
width: auto;
max-width: 90%;
line-height: 28px;
}
.therapist-details-section .detail-link {
text-align: center;
padding: 10px 15px;
font-size: 16px;
font-weight: 800;
display: inline-block;
}
.bootstrap-timepicker-widget{
}
.bootstrap-timepicker-widget table tr td a{
}
.bootstrap-timepicker-widget table tr td a i {
font-family: FontAwesome;
content: "\f107";
font-style: normal;
}
.bootstrap-timepicker-widget table tr td a i:before{
}
.bootstrap-timepicker-widget table tr td a i.icon-chevron-up:before{
content:'\f077'
}
.bootstrap-timepicker-widget table tr td a i.icon-chevron-down:before{
content:'\f078';
}
.bootstrap-timepicker-widget table td input{
width: 60px !important;
height: 35px;
box-shadow: none;
outline: none;
border: 2px solid #dedede;
}
.price-note{
text-align:right;
line-height:60px;
margin:0px;
}
.dcreview-list{
display: flex;
flex-wrap: wrap;
}
.dcreview-list li{
width: 100%;
flex: 0 0 48%;
max-width: 50%;
margin: 15px 1%;
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
}
/*.announcement-survey {
opacity: 1;
visibility: visible;
position: fixed!important;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
z-index: 1999999998!important;
overflow: visible!important;
border: 1px solid #03a9f4;
color: #fff;
display: inline-block;
margin: 0;
padding: 12px 25px;
font-size: 1em;
line-height: 1;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
left: -3px;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: rotate(270deg) translate(-50%,-50%);
-moz-transform: rotate(270deg) translate(-50%,-50%);
-ms-transform: rotate(270deg) translate(-50%,-50%);
transform: rotate(90deg) translate(-50%,-50%);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
background: #03a9f4;
}*/
.announcement-survey {
opacity: 1;
visibility: visible;
position: fixed!important;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
z-index: 1999999998!important;
overflow: visible!important;
border: 1px solid #03a9f4;
color: #fff;
display: inline-block;
margin: 0;
padding: 7px 12px;
font-size: 1em;
line-height: 1;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
right: -3px;
top: 50%;
bottom: auto;
left: auto;
-webkit-transform: rotate(270deg) translate(0%,-50%);
-moz-transform: rotate(270deg) translate(0%,-50%);
-ms-transform: rotate(270deg) translate(0%,-50%);
transform: rotate(270deg) translate(0%,-50%);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
transform-origin: right;
background: #03a9f4;
}
.announcement-survey:hover{
color:#ffffff
}
.announcement-survey span{
display:inline-block;
vertical-align:middle;
}
.announcement-survey svg {
width: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.review-page-title{
}
.review-page-title h2 {
line-height: 45px;
}
.review-page-title h1 {
line-height: 50px;
}
.review-page-title .btn {
padding: 5px 10px;
border-radius: 4px;
text-transform: capitalize;
}
.rent-calcnow{
}
.rent-calcnow .btn{
padding: 15px 15px;
text-transform: capitalize;
word-break: break-word;
white-space: pre-wrap;
}
.join-testimonial .client-detail-box .pic img{
border-color:#17164B;
}
.join-testimonial {
background: #17164B url(../img/testimonial.png) center center;
background-size: cover;
margin-top: 70px;
margin-bottom: 70px;
padding-top: 60px;
}
.join-testimonial .content h3{
color:#ffffff;
line-height: 45px;
margin-bottom:10px;
text-align:center;
}
.join-testimonial .content h3 .btn {
padding: 5px 10px;
border-radius: 4px;
text-transform: capitalize;
}
.join-testimonial .testimonial-detail{
padding: 0em 1em 2em;
}
.join-testimonial .testimonial-detail .testimonial-content{
background: #ffffff;
border: 1px solid #eaeff5;
/*-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;*/
padding: 2em 1em;
width: 100%;
border-bottom: 1px solid #eaeff5;
}
.join-testimonial .testimonial-detail .testimonial-content h3.testimonial-title {
margin-bottom: 10px;
margin-top: 15px;
}
.join-testimonial .testimonial-detail .testimonial-content .client-detail{
margin-bottom:20px;
}
.join-testimonial .testimonial-detail .testimonial-content .review-comment-stars{
margin-top: 10px;
}
.calc-section {
/*border-top: 1px solid #dedede;*/
margin-top: 50px;
margin-bottom: 30px;
}
.calc-section .cal_section{
background: #ffffff;
border: 1px solid #eaeff5;
-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
padding: 2em 30px;
width: 100%;
border-bottom: 1px solid #eaeff5;
}
.calc-section .cal_section .document-title{
text-align: center;
border-bottom: 1px solid #dedede;
margin: 0;
padding: 0px 0px 25px;
}
.calc-section .cal_section .document-title h3{
margin:0px;
}
.join-counter {
background: #17164B;
padding: 70px 0px;
margin: 70px 0px 30px;
}
.suggest-input{
}
.suggest-input input{
}
.ui-autocomplete.ui-widget-content{
border:none;
padding:25px 25px;
background:#ffffff;
border-radius:8px;
box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
border-top: 1px solid #c6d0dc;
}
.ui-autocomplete li {
display: inline-block;
width: auto !important;
list-style: none;
}
.ui-autocomplete li.suggest-heading{
color:#9fafc2;
font-size: 20px;
background:none;
margin-bottom:20px;
width:100% !important;
}
.ui-autocomplete li a {
color: #7b7b7b !important;
background: #eaeef5;
font-size: 14px !important;
margin: 0 7px 10px 0 !important;
padding: 10px 22px !important;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
display: inline-block !important;
width: auto;
list-style: none;
line-height: 100% !important;
border:none;
box-shadow:none;
border: 1px solid #c6d0dc;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.grow-trafic-section{
background: #fbfcfd;
background-size: cover;
position:relative;
}
.grow-trafic-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
/*background: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/
background: rgba(255,255,255,0.5);
display: inline-block;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.5;
border-radius: 10px;
box-shadow: 5px 5px 20px rgba(0,57,48,0.5);
}
.grow-trafic-content{
display: block;
width: 100%;
margin: 0 auto;
padding: 50px 50px;
max-width: 867px;
position:relative;
/*background: rgba(255,255,255,0.8);
box-shadow: 5px 5px 20px rgba(0,0,0,0.2);*/
/*background: rgba(0,57,48,0.8);
box-shadow: 5px 5px 20px rgba(0,57,48,0.5);*/
}
.overlap-border-top-left:before,
.overlap-border-top-left:after,
.overlap-border-top-right:before,
.overlap-border-top-right:after,
.overlap-border-bottom-left:before,
.overlap-border-bottom-left:after,
.overlap-border-bottom-right:before,
.overlap-border-bottom-right:after{
content:'';
background:#04bd7a;
position:absolute;
-webkit-transition: all .3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 50%;
display: inline-block;
background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
/* box-shadow: 0px 5px 10px #00bf72; */
box-shadow: -1px -1px #00bf72, 1px 1px #a8eb12;
opacity: 0.5;
}
.overlap-border-top-left:before,
.overlap-border-top-left:after{
left:20px;
top:20px;
}
.overlap-border-top-right:before,
.overlap-border-top-right:after{
right:20px;
top:20px;
}
.overlap-border-bottom-left:before,
.overlap-border-bottom-left:after{
left:20px;
bottom:20px;
}
.overlap-border-bottom-right:before,
.overlap-border-bottom-right:after{
right:20px;
bottom:20px;
}
.overlap-border-top-left:before,
.overlap-border-bottom-left:before,
.overlap-border-top-right:before,
.overlap-border-bottom-right:before{
width:40%;
height: 5px;
}
.overlap-border-top-left:after,
.overlap-border-bottom-left:after,
.overlap-border-top-right:after,
.overlap-border-bottom-right:after{
width:5px;
height:40%;
}
.gt-title{
display: inline-block;
width: 100%;
margin-bottom:30px;
}
.gt-title h1,
.gt-title h2 {
/*color: #29292b;*/
color: #4d5055;
text-transform: capitalize;
font-size: 22px;
font-weight: bold;
position: relative;
line-height: 40px;
margin: 0;
padding-left: 55px;
}
.gt-title h1 svg,
.gt-title h2 svg {
width: 40px;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
}
.gt-title h1 span,
.gt-title h2 span{
display: inline-block;
vertical-align: middle;
}
.gt-title p {
color: #626a70;
margin: 10px 0 0;
font-size: 16px;
}
.grow-trafic-form{
}
.grow-trafic-form label {
color: #626a70;
font-size: 18px;
width: 100%;
margin-bottom: 15px;
}
.grow-trafic-form input{
margin:0px;
background: rgba(255,255,255,0.3);
border:none!important;
height: 70px;
border-radius: 8px;
/*-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;
box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;*/
padding: 20px;
}
.grow-trafic-form .phfield input{
margin:0px;
background: rgba(255,255,255,0.3);
border:none;
box-shadow:none !important;
height: 70px;
}
.grow-trafic-form .bootstrap-select{
border:none!important;
background: rgba(255,255,255,0.3) !important;
margin: 0;
height: auto;
border-radius: 8px;
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.grow-trafic-form .bootstrap-select .dropdown-toggle{
height: 60px !important;
background:none !important;
}
.grow-trafic-form .phfield,
.grow-trafic-form .form-group{
background: rgba(255,255,255,0.7);
/*padding: 10px 0px;*/
border-radius: 8px;
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;
box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;
}
.grow-trafic-form .phfield .base-phfield{
background: none;
border: none;
height: 60px;
width: 60px;
padding: 23px 20px;
}
.grow-trafic-form .phfield .base-phfield .select-country{
height: 60px;
width: 60px !important;
background:none !important;
box-shadow:none;
}
.grow-trafic-form .select-country{
margin:0px;
}
.grow-trafic-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(0,0,0,0.7);
}
.grow-trafic-form input::-moz-placeholder { /* Firefox 19+ */
color: rgba(0,0,0,0.7);
}
.grow-trafic-form input:-ms-input-placeholder { /* IE 10+ */
color: rgba(0,0,0,0.7);
}
.grow-trafic-form input:-moz-placeholder { /* Firefox 18- */
color: rgba(0,0,0,0.7);
}
.grow-trafic-form .bootstrap-select .dropdown-toggle{
color: rgba(0,0,0,0.7) !important;
padding-left: 20px;
}
.btn-callbook {
display: inline-block;
position: relative;
border-radius: 8px;
background: #99ddc6;
width: 100%;
height: 60px;
color: #4d4962;
font-size: 1.27em;
letter-spacing: 0.2em;
cursor: pointer;
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
text-align: center;
margin: 0 auto;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-transform: uppercase;
border: none;
font-weight: bold;
}
.grow-trafic-content-section {
display: flex;
align-items: flex-start;
width: 100%;
/*background: #fff;*/
margin-top: 50px;
padding: 0px;
border-radius: 20px;
}
.grow-trafic-content{
background: #FFFFFF;
display:inline-block;
width:100%;
max-width:60%;
}
.grow-trafic-content-img{
display:inline-block;
width:100%;
max-width:40%;
padding-top:50px;
padding-right:20px;
}
.grow-trafic-form .form-group{
position:relative;
padding-left:60px;
}
.grow-trafic-form .form-group span.form-icons {
position: absolute;
width: 60px;
text-align: center;
line-height: 60px;
left: 0;
top: 0;
opacity:0.7;
}
.grow-trafic-form .form-group span.form-icons img {
max-height: 25px;
display: inline-block;
width: auto;
}
.gtcontent-img{
}
.gtcontent-img img{
max-width:100%;
width:auto;
height:auto;
}
.grow-trafic-form .radio-form-group{
padding-left:0px;
background:none;
box-shadow:none !important;
margin-bottom: 5px;
}
.grow-trafic-form .radio-form-group input {
position: absolute !important;
left: 0 !important;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.grow-trafic-form .radio-form-group label{
color: rgba(0,0,0,0.7);
padding-left: 45px !important;
line-height: 30px !important;
margin: 0;
}
.grow-trafic-form .radio-form-group .custom-radio {
display: inline-block;
/*background: rgba(255,255,255,0.7);
border-radius: 8px;
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;
box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2) !important;
padding: 20px 20px;*/
position:relative;
}
.grow-trafic-form .custom-radio [type="radio"]:checked - label,
.grow-trafic-form .custom-radio [type="radio"]:not(:checked) + label{
}
.grow-trafic-form .custom-radio [type="radio"]:checked + label:before,
.grow-trafic-form .custom-radio [type="radio"]:not(:checked) + label:before{
width: 30px;
height: 30px;
background: rgba(255,255,255,0.7);
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
box-shadow: 7px 5px 14px 1px rgba(00,00,00,0.2);
}
.grow-trafic-form .custom-radio [type="radio"]:checked + label:after,
.grow-trafic-form .custom-radio [type="radio"]:not(:checked) + label:after{
top: 5px;
left: 5px;
width: 20px;
height: 20px;
}
.meetdetail-section{
margin-top: -300px;
}
.meetdetail-section .detail-wrapper {
width: 100%;
display: block;
overflow: hidden;
border-radius: 8px;
margin-bottom: 40px;
background: #FFFFFF !important;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08) !important;
-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08) !important;
-moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08) !important;
min-height: 500px;
}
.meetdetail-section .detail-wrapper .author-avater{
display:block;
}
.meetdetail-section .detail-wrapper .author-avater img{
height:100%;
}
#booking-app{
}
#booking-app .booking-row {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.meeting-title{
width: 100%;
text-align: left;
margin-top: 8px;
margin-bottom: 20px;
font-size: 20px;
}
.select-date-col {
width: 100%;
max-width: calc(100% - 35% - 30px);
margin-right:30px;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 12px;
margin: 0px auto;
padding: 0;
}
.select-date-col .ui-datepicker {
width: 100%;
margin-top: 8px;
margin-bottom: 8px;
box-shadow: none;
border: none !important;
}
.select-date-col .ui-datepicker .ui-datepicker-header{
background:none !important;
}
.select-date-col .ui-datepicker .ui-datepicker-prev {
right: 120px !important;
top: 25px !important;
left: auto !important;
}
.select-date-col .ui-datepicker .ui-datepicker-title{
text-align: left !important;
font-size: 16px !important;
}
.select-date-col .ui-datepicker th{
font-size: 12px !important;
}
.select-date-col .ui-datepicker td{
text-align: center !important;
}
.select-date-col .ui-state-default,
.select-date-col .ui-widget-content .ui-state-default,
.select-date-col .ui-widget-header .ui-state-default,
.select-date-col .ui-button,
.select-date-col .ui-button.ui-state-disabled:hover,
.select-date-col .ui-button.ui-state-disabled:active{
width: 44px;
margin: 0 auto;
line-height: 42px !important;
}
.select-date-col .ui-datepicker .ui-datepicker-prev span,
.select-date-col .ui-datepicker .ui-datepicker-next span{
padding: 8px 12px !important;
margin-top: -13px !important;
}
.select-time-col{
flex: 0 0 35%;
max-width: 35%;
}
.today-date-col {
height: 38px;
margin-bottom: 10px;
font-size: 16px;
line-height: 38px;
margin-top: 8px;
}
.select-time-col .reservation-radio .custom-radio label{
font-size: 14px!important;
font-weight: 400;
}
.select-time-col .reservation-radio {
text-align: left;
display: inline-block;
flex-wrap: wrap;
position: relative;
z-index: 1;
max-height: 380px;
overflow: auto;
padding-right: 30px;
}
.select-time-col .reservation-radio .custom-radio label{
padding: 16px 22px !important;
width:100%;
text-align:center;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.select-time-col .reservation-radio .custom-radio [type="radio"]:checked + label:before,
.select-time-col .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:before,
.select-time-col .reservation-radio .custom-radio [type="radio"]:checked + label:after,
.select-time-col .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:after {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
width: 100%;
height: 100%;
z-index: -1;
}
.select-time-col .reservation-radio .custom-radio [type="radio"]:not(:checked) + label{
color: #7b7b7b;
}
.select-time-col .reservation-radio .custom-radio [type="radio"]:checked + label{
color: #ffffff;
}
.select-time-col .reservation-radio .custom-radio [type="radio"]:checked + label:before,
.select-time-col .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:before {
background: #eaeef5;
font-size: 14px!important;
margin: 0px;
display: inline-block;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
position: absolute;
text-align: center;
}
.select-time-col .reservation-radio .custom-radio [type="radio"]:checked + label:after,
.select-time-col .reservation-radio .custom-radio [type="radio"]:not(:checked) + label:after {
top: 0;
left: 0;
}
/*{
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}*/
.select-time-col .reservation-radio .custom-radio{
width: 100%;
margin-right: 0;
margin-top: 0px;
margin-bottom: 8px;
}
/** { cursor: none; } **/
.select-time-col .reservation-radio::-webkit-scrollbar { width: 5px; position: relative; z-index: 9999; }
.select-time-col .reservation-radio::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1);border-radius:0; position: relative; z-index: 9999; }
.select-time-col .reservation-radio::-webkit-scrollbar-thumb { border-radius: 0; /*background: rgba(255, 255, 255, 0.6);*/background:#d7ba70; position: relative; z-index: 9999; }
.details-boxed{
}
.details-boxed .detail-box{
text-align: left;
margin-bottom: 12px;
display:flex;
color:rgba(77, 80, 85, 0.6);
font-weight:bold;
}
.details-boxed .detail-box i{
margin-top: 2px;
margin-right: 10px;
font-size: 20px;
}
.details-boxed .standard-time-detail{
font-weight:normal;
}
#booking-form textarea{
height:90px;
}
.schedule-btn{
font-size: 16px;
color: #ffffff;
background: #d7ba70;
border:none;
}
.meeting-alert-element{
width: 100%;
display: block;
max-width: 90%;
margin: 0 auto;
}
.meeting-alert {
padding: 30px 25px 25px;
width: 100%;
text-align: left;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
background: #ffffff;
-webkit-box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
box-shadow: 7px 5px 14px 1px rgba(00,00,00,0.2);
position: relative;
overflow: hidden;
}
.meeting-alert:before {
background: rgb(135,200,41);
background: linear-gradient(90deg, rgba(135,200,41,1) 0%, rgba(70,144,25,1) 100%);
content: '';
top: 0;
left: 0;
width: 100%;
height: 3px;
display: inline-block;
position: absolute;
}
.meeting-alert h2 {
color: #5da70d;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.meeting-alert h3{
color:#999999;
font-size: 18px;
font-weight: normal;
}
.meeting-alert .meeting-alert-img {
height: auto;
width: auto;
max-width: 70px;
vertical-align: middle;
display:inline-block;
}
.meeting-alert .meeting-alert-img img{
max-width: 100%;
width: 100%;
}
.meeting-alert .meeting-alert-content {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: calc(100% - 80px - 15px);
margin-left: 15px;
}
.meeting-book-element{
width: 100%;
display: block;
max-width: 90%;
margin: 0 auto;
}
.meeting-book{
border: 2px solid #788b9c;
padding: 30px;
text-align: center;
}
.meeting-book-img{
display:inline-block;
width:100%;
margin-bottom:20px;
position:relative;
}
.meeting-book-img img{
display:inline-block;
width:auto;
max-width:100%;
height:auto;
max-height:100px;
}
.meeting-book-img span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -10%);
font-size: 35px;
font-weight: bold;
color: #26354e;
}
.meeting-book-content{
display:inline-block;
width:100%;
text-align:center;
}
.meeting-book-content h3{
font-weight:600;
}
.meeting-book-content h4 {
color: #666666;
font-size: 20px;
font-weight: normal;
margin-top: 15px;
text-transform: capitalize;
}
.meeting-book-timing {
/*border-top: 1px solid #ccc;*/
margin-top: 15px;
padding-top: 15px;
display: inline-block;
width: 100%;
}
.meeting-book-timing .book-author {
background: #26354e;
color: #fff;
display: inline-block;
padding: 10px 30px;
border-radius: 40px;
margin-top: 20px;
font-weight: 600;
vertical-align: middle;
}
.meeting-book-timing .book-author span{
vertical-align: middle;
}
.meeting-book-timing .book-author i{
margin-right:10px;
vertical-align: middle;
font-size:24px;
}
.export-range-content{
}
.export-customer-body {
height: auto;
max-height: calc(80vh - 80px);
overflow: auto;
}
.export-range-content .custom-radio {
display: inline-block;
float: none;
vertical-align: middle;
width: 190px;
margin: 0;
}
.export-range-content .export-range-title{
display:inline-block;
float:none;
vertical-align:middle;
}
.export-range-content .export-range-title h5 {
font-weight: 100;
font-size: 14px;
color: #333333;
}
.export-column-content {
display: inline-block;
width: 100%;
margin-top: 15px;
padding-top: 30px;
border-top: 1px solid #dedede;
}
.export-columns{
display:flex;
flex-wrap:wrap;
}
.export-columns .export-column{
width:100%;
max-width:32%;
flex:0 0 30%;
margin-left:1%
}
.export-columns .export-column:nth-child(3n+1){
margin-left:0px;
}
.export-columns .custom-checkbox input[type="checkbox"]:checked + label:after{
top: 5px;
}
.export-customer-footer{
padding: 14px 0;
border-top: 1px solid #dedede;
}
.export-customer-footer .btn {
border: none;
padding: 12px 30px;
text-transform: capitalize;
font-size: 18px;
font-weight: bold;
margin: 0 10px;
}
.export-customer-footer .export-cancle{
background:#dbe9ff;
color:#8ea4c6;
}
.export-customer-footer .export-confirm{
background:#22d77e;
color:#ffffff;
}
.export-customer-footer .export-cancle:hover,
.export-customer-footer .export-confirm:hover{
box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.31);
}
#popup.lookingforpopup{
width: 100%;
max-width: 1000px;
margin: auto;
top: 50%;
transform: translateY(-50%);
padding:0px 0px;
}
#popup .popupBody.lookingforpop{
padding:0px !important;
}
.lookingfor-content-box{
display: flex;
align-items: center;
}
.lookingfor-content{
}
.lookingfor-content textarea{
min-height: 80px;
}
.user-photo{
width:100%;
max-width:50%;
}
.user-preview{
position: relative;
display: inline-block;
width: 100%;
}
.user-photo img {
height: auto;
width: 100%;
}
.lookingfor-content{
padding:25px 55px;
position:relative;
width:100%;
max-width:50%;
}
.lookingfor-content h4.content-title {
margin-bottom: 30px;
font-size: 55px;
font-family: initial;
}
.btn.lookingfor-btn {
border: none;
padding: 12px 30px;
text-transform: capitalize;
font-size: 18px;
font-weight: bold;
background:#dbe9ff;
color:#8ea4c6;
display:inline-block;
width:100%;
}
.btn.lookingfor-btn:hover{
box-shadow: 1.95px 15.881px 30px 0px rgba(47, 105, 252, 0.31);
}
.lookingfor-close .popup-close {
border-radius: 3px;
line-height: 30px;
height: 40px;
right: -10px;
/* background: none; */
z-index: 99;
/* color: #26354e !important; */
/* border: 1px solid #26354e; */
top: -10px;
}
.subscription-sent-message{
text-align:center;
}
.subscription-sent-message span{
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
.subscription-sent-message span img{
display:inline-block;
width:100%;
max-width:150px;
}
.subscription-sent-message p{
font-size: 18px;
font-weight: 700;
}
.dcsent-alert{
display: inline-block;
width: 100%;
margin-top: 40px;
}
.dcsent-alert span {
margin-bottom: 0px;
display: inline-block;
width: auto;
vertical-align: middle;
background-image: linear-gradient(to right bottom, #3aca4a, #3aca4a, #4de45d, #3aca4a, #3aca4a);
border: 1px solid #68da77;
color: #fff;
padding: 10px 20px;
font-size: 18px;
border-radius: 4px;
font-weight: 600;
line-height: 30px;
}
.dcsent-alert span img {
display: inline-block;
max-width: 25px;
vertical-align: middle;
margin-top: -5px;
margin-left: 3px;
}
.dc-modal:before{
content:'';
position:fixed;
width:100%;
height:100%;
left:0;
right:0;
opacity:0;
z-index:-999999999;
background:rgba(0,0,0,0.7);
}
.dc-modal.in:before{
opacity: 1;
z-index: 0;
}
.dc-modal .modal-dialog{
width: 100%;
max-width: 80%;
}
.dc-modal .modal-dialog .modal-content,
.dc-modal .modal-dialog .modal-content .modal-body{
padding: 0;
}
button.dc-modal-close {
position: fixed;
/* bottom: 30px !important; */
top: -10px !important;
left: 50%;
height: 40px !important;
width: auto !important;
padding: 10px 20px !important;
border-radius: 40px !important;
line-height: 20px !important;
transform: translateX(-50%);
background-color: #d7b970 !important;
display: inline-block !important;
color: #ffffff !important;
font-size: 16px;
font-weight: normal;
letter-spacing: 5px;
text-transform: uppercase;
}
.btn.dcvideo-modal-btn {
box-shadow: rgba(26, 31, 80, 0.5) 10px 10px 30px, rgb(26, 31, 79) 2px 2px 4px inset, rgb(25, 30, 77) -4px -4px 4px inset;
cursor: pointer;
width: 100%;
max-width: 320px;
height: 80px;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
background: linear-gradient(104.04deg, rgb(26, 31, 79) 43.01%, rgb(59, 70, 114) 100%);
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 20px;
outline: none !important;
padding: 0px;
transition: all 0.2s ease-in-out 0s;
z-index: 9;
margin: auto;
}
.btn.dcvideo-modal-btn .dcvideo-modal-icon {
box-shadow: rgba(242, 76, 76, 0.4) 20px 20px 40px;
width: 59px;
height: 54px;
position: relative;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
background: rgb(255, 114, 98);
border-radius: 16px;
margin: 0px 0px 0px -15px;
transition: all 0.2s ease-in-out 0s;
}
.btn.dcvideo-modal-btn .dcvideo-modal-icon img{
max-height: 35px;
}
.btn.dcvideo-modal-btn .dcvideo-modal-text {
margin: 0px 0px 0px 19px;
transition: all 0.2s ease-in-out 0s;
}
.btn.dcvideo-modal-btn .dcvideo-modal-text h1 {
color: rgb(255, 255, 255);
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 20px;
margin: 0px 0px 4px;
}
.btn.dcvideo-modal-btn .dcvideo-modal-text p {
color: rgb(68, 196, 207);
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
text-align: left;
margin: 0px;
}
/*.btn.dcapp-download-btn {
/* box-shadow: rgba(26, 31, 80, 0.2) 0px 0px 10px; *
cursor: pointer;
width: 100%;
max-width: 100%;
height: auto;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
background: #dbe3f6;
border-radius: 4px;
border: 1px solid #cad2e4;
outline: none !important;
transition: all 0.2s ease-in-out 0s;
z-index: 9;
margin: 0 0 25px;
padding: 15px 15px 15px 50px;
border-bottom-width: 3px;
}
.btn.dcapp-download-btn .dcvideo-modal-text span {
color: #3d3d3d;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
white-space: pre-wrap;
text-transform: capitalize;
}
.btn.dcapp-download-btn .dcvideo-modal-icon {
width: auto;
height: auto;
position: absolute;
left: 20px;
top: 50%;
display: inline-block;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
margin: 0px 0px;
transition: all 0.2s ease-in-out 0s;
transform: translateY(-50%);
}
.btn.dcapp-download-btn .dcvideo-modal-icon img{
max-height: 35px;
}
.btn.dcapp-download-btn .dcvideo-modal-text {
margin: 0px 0px 0px 19px;
transition: all 0.2s ease-in-out 0s;
text-align:left;
}
.btn.dcapp-download-btn:hover{
transform: translate(-2px, -1px);
}*/
.btn.dcapp-download-btn {
border: none;
padding: 0;
box-shadow: none;
display: inline-block;
/*width: 49%;
padding: 0px 5px;*/
}
.btn.dcapp-download-btn img {
width: 100%;
height: auto;
max-height: 100%;
}
/*.btn.dcvideo-modal-btn:hover:active .dcvideo-modal-text h1{
color: rgb(0, 0, 0);
}
.btn.dcvideo-modal-btn:hover {
box-shadow: rgba(26, 31, 80, 0.5) 10px 10px 30px, rgb(26, 31, 79) 2px 2px 4px inset, rgb(25, 30, 77) -4px -4px 4px inset;
background: linear-gradient(104.04deg, rgb(26, 31, 79) 43.01%, rgb(59, 70, 114) 100%);
}
.btn.dcvideo-modal-btn:active {
box-shadow: rgb(217, 225, 242) 20px 20px 40px, rgba(255, 255, 255, 0.5) -20px -20px 40px, rgb(211, 221, 240) -5px -5px 10px, rgb(255, 255, 255) 5px 5px 10px, rgb(255, 255, 255) -2px -2px 2px inset, rgb(211, 221, 240) 5px 5px 10px inset;
background: linear-gradient(344.05deg, rgb(255, 255, 255) 0%, rgb(230, 237, 252) 53.55%);
}*/
.btn.dcvideo-modal-btn:hover .dcvideo-modal-icon,
.btn.dcvideo-modal-btn:hover .dcvideo-modal-text{
transform: translate(-2px, -1px);
}
.btn.dcvideo-modal-btn:active .dcvideo-modal-icon,
.btn.dcvideo-modal-btn:focus .dcvideo-modal-icon,
.btn.dcvideo-modal-btn:active .dcvideo-modal-text,
.btn.dcvideo-modal-btn:focus .dcvideo-modal-text{
transform: translate(2px, 1px);
}
.dc-player {
box-shadow: rgba(26, 31, 80, 0.5) 10px 10px 30px, rgb(26, 31, 79) 2px 2px 4px inset, rgb(25, 30, 77) -4px -4px 4px inset;
cursor: pointer;
width: 100%;
max-width: 751px;
display: block;
-webkit-box-align: center;
align-items: center;
position: relative;
background: linear-gradient(104.04deg, rgb(26, 31, 79) 43.01%, rgb(59, 70, 114) 100%);
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 40px;
outline: none;
padding: 0px;
transition: all 0.2s ease-in-out 0s;
margin: 30px auto;
padding: 20px 20px 13px;
}
.dc-player iframe{
border-radius: 30px;
}
.pages-gallery-body{
}
.pages-gallery-body .owl-nav{
display:none !important;
}
.pages-gallery-item{
}
.pages-gallery-item a{
height: 298px;
position: relative;
display: block;
width: 100%;
overflow: hidden;
z-index: 9;
}
.pages-galleryimg{
background-size: cover;
background-position: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: transform 0.35s ease-out;
}
.pages-galleryimg.pages-galleryimg-blur {
filter: blur(8px);
}
.pages-galleryimg.pages-galleryimg-blur:hover .pages-galleryimg-viewbtn {
filter: blur(8px);
}
.gallery-img-privacy {
backdrop-filter: blur(10px);
background: rgba(0,0,0,0.7);
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.55s;
position: absolute;
z-index: 99;
}
.img-privacy-content {
position: relative;
padding: 20px;
height: 100%;
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
max-height: calc(275px - 30px);
}
.privacy-icon{
width:100%;
text-align:center;
display:block;
margin-bottom:30px;
}
.privacy-icon img {
width: auto !important;
height: auto;
max-height: 30px;
margin: 0 auto;
}
.privacy-text{
width:100%;
text-align:center;
display:block;
}
.privacy-content-info {
/* height: 100%; */
/* display: flex; */
/* align-items: center; */
width: 100%;
/* max-height: calc(270px - 40px); */
flex-wrap: wrap;
text-align: center;
/*border-bottom: 1px solid rgba(255,255,255,0.7);*/
}
.privacy-content-info h5{
color:#ffffff;
width:100%;
}
.privacy-content-info p {
color: #ffffff;
width: 100%;
font-size: 11px;
margin-top: 15px;
}
.privacy-content-show{
text-align:center;
width:100%;
padding: 0px 20px;
}
.privacy-content-show a{
height:auto;
color:#ffffff;
border-top: 1px solid rgba(255,255,255,0.7);
padding: 15px 0px 0px;
}
#subscriber-popup{
}
#popup.subscriber-popup .popupBody{
padding: 50px 30px 10px !important;
}
.subscriber-popup{
width: 100%;
max-width: 500px;
}
.submit-button{
display: inline-block;
border-radius: 6px;
background-color: #00d69f;
padding: 16px 30px;
color: #fff;
font-style: normal;
font-weight: bold;
border: none;
box-shadow: 0px 6px 16px rgba(0,0,0,0.16);
margin-top:10px;
}
#closedday .ui-widget.ui-widget-content {
padding: 0px 0px 10px;
border: none;
margin-top: 0;
width: 100% !important;
display: flex !important;
flex-wrap: wrap;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group {
width: 25% !important;
padding: 0 0.5%;
margin-bottom:20px;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group table{
margin:0px;
width: 100%;
min-height: 315px;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group .ui-datepicker-calendar{
border-left: 1px solid #dedede !important;
border-right: 1px solid #dedede !important;
border-bottom: 1px solid #dedede !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-header {
background: #dedede !important;
border: none !important;
border-radius: 0;
position: relative !important;
padding: 15px 10px !important;
border-left: 1px solid #dedede !important;
border-right: 1px solid #dedede !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-title {
margin: 0px !important;
line-height: 20px !important;
text-align: center !important;
font-size: 14px !important;
/* color: #fff !important; */
color: #333 !important;
font-weight: lighter !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-prev,
#closedday .ui-widget.ui-widget-content .ui-datepicker-next {
position: absolute !important;
background-color: #000 !important;
width: auto !important;
height: auto !important;
border: none !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-prev {
left: 15px !important;
top: 25px !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-next {
right: 58px !important;
top: 25px !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-prev span,
#closedday .ui-widget.ui-widget-content .ui-datepicker-next span {
background-color: #1c1c1d !important;
background-image: none !important;
display: block !important;
position: absolute !important;
left: 0% !important;
margin-left: 0px !important;
top: 50% !important;
margin-top: -7px !important;
color: #fff !important;
padding: 2px 5px !important;
font-size: 10px !important;
text-transform: uppercase !important;
cursor: pointer !important;
font-weight: lighter !important;
letter-spacing: 2px !important;
line-height: 10px !important;
width: auto;
height: auto;
text-indent: 0;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker table {
width: 100% !important;
font-size: .9em !important;
border-collapse: collapse !important;
margin: 0 0 .4em !important;
}
#closedday .ui-widget.ui-widget-content th {
text-align: center !important;
font-weight: 600 !important;
border: 0 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
color: #333333;
padding: .7em .3em;
}
#closedday .ui-widget.ui-widget-content td a{
border: 0 !important;
padding: 10px 5px !important;
background:none !important;
text-align: center;
}
#closedday .ui-widget.ui-widget-content .ui-state-highlight{
background: #d7ba70 !important;
color: #ffffff !important;
}
.ui-datepicker-calendar .ui-state-disabled{
background-color: rgba(0,0,0,.05) !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-title .ui-datepicker-year{
width: 70px;
}
.trtable tr td{
vertical-align:middle !important;
}
.trtable tr td a{
margin:0px;
font-size: 12px;
}
.cancelled_booking {
background-color: #333333;
color:#ffffff !important;
}
.unpaid_booking {
background-color:#fcb322;
color:#ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
border:none !important;
box-shadow:none !important;
background:none !important;
outline:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
padding:0px !important;
}
.tableaction-btns .dropdown-menu {
border-radius: 0;
border: 1px solid #dedede;
padding: 10px;
min-width: 237px;
right: 0;
left: auto;
}
.tableaction-btns .dropdown-menu li {
display: inline-block;
}
.tableaction-btns .dropdown-menu li a {
background: #122b40;
color: #ffffff;
height: 40px;
width: 40px;
padding: 0;
text-align: center;
line-height: 40px;
border: none;
border-radius:4px;
margin: 0;
}
/*======================*/
@media (min-width: 681px){
/*.btn.dcvideo-modal-btn{
position: absolute;
bottom: -170px;
left: 50%;
transform: translateX(-50%);
}*/
.stepBox-overlay {
/*padding-top: 80px !important;*/
}
}
@media (min-width: 991px){
.grow-trafic-content-img{
order: 1;
}
.grow-trafic-content{
order: 2;
}
.accountbook-export-col{
padding-bottom:200px;
}
}
@media (max-width: 1024px){
.dc-closed-days #closedday .ui-datepicker-multi-3 .ui-datepicker-group, .dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group{
width: 50% !important;
}
.dc-closed-days #closedday .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-title{
width: 100%;
max-width: 50%;
}
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 250px;
}
.cus-alert-element {
right: auto;
transform: translateX(-50%);
left: 50%;
width: 100%;
max-width: 90%;
}
.grow-trafic-content-img{
padding-top: 0;
padding-right: 10px;
position: absolute;
bottom: 0;
}
.grow-trafic-content-section {
position: relative;
padding-bottom: 0px;
display: inline-block;
vertical-align: top;
}
.pages-gallery-item a {
height: 250px;
}
.img-privacy-content{
max-height: calc(220px - 30px);
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group{
width: 33.33% !important;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-header.ui-corner-left .ui-datepicker-title{
text-align:right !important;
}
}
@media (min-width: 992px){
.packages-lists{
/*padding: 44px 0;*/
}
}
@media (max-width: 992px){
.history-therapist-section{
padding-top: 63px;
padding-bottom: 10px;
}
body.home-2 .banner h1, .banner h1{
font-size: 40px;
}
.banner .btn.btn-default,
.banner-caption .form-control.left-radius{
border-radius:0px !important;
}
.rooms-listing-case{
padding-left:15px;
}
#filter-selector .filter-toggle {
display: flex;
margin-top: 30%;
margin-right: -54px;
}
#filter-selector {
left: -90%;
top: 0;
height: 100%;
max-width: 90%;
}
#filter-selector.filter-option-toggle{
left: 0px;
transition: all 0.5s;
}
.book-system .stepBox:before{
display:none;
}
.book-system .stepBox .stepHead {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 50px;
}
.stepBox .row2{
display: flex;
flex-wrap: wrap;
}
.stepBox .row2 .servBox-img{
order: 3;
}
.stepBox-overlay{
padding-bottom:0px;
}
}
@media (max-width: 991px) {
.current-time{
text-align:left;
margin-top: 20px;
}
.dcreview-list{
display:inline-block;
width:100%;
}
.dcreview-list li{
max-width:100%;
flex:0 0 100%;
margin:15px 0px;
}
.price-note{
text-align:center;
}
.mobaddress a{
text-align:center;
}
/*.req-widget-boxed{
display:none;
}
.deskreq-widget-boxed{
display:block;
}*/
.proerty_text .captlize a{
max-height:100%;
height:auto;
display:inline-block;
max-width: 100%;
}
.mobaddress,
.mobreq-widget-boxed{
display:inline-block !important;
width: 100%;
}
.mobreq-widget-boxed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #ffffff;
padding: 15px;
margin: 0 !important;
box-shadow: 0px -10px 10px rgba(0,0,0,0.12);
}
.mobreq-widget-boxed a{
display: inline-block !important;
width: auto !important;
min-width: initial !important;
}
.mobreq-widget-boxed p {
display: inline-block !important;
width: 80px !important;
min-width: initial !important;
}
.mobreq-widget-boxed p:before, .mobreq-widget-boxed p:after {
content: '';
display: inline-block;
height: 1px;
width: 20px;
background: #333333;
position: initial;
border: none;
vertical-align: middle;
}
.mobreq-widget-boxed p span {
background: #ffffff;
display: inline-block;
margin: 0 5px;
}
.cus-sidebar-profile .widget-boxed{
border: none;
}
.cus-sidebar-profile .widget-boxed-header{
top:0;
z-index: 999;
}
.cus-sidebar-profile .widget-boxed-body{
}
.excsstimehead .cus-scroll::-webkit-scrollbar-track {
background-color: #F5F5F5;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
border: none !important;
}
.excsstimehead .cus-scroll::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
.excsstimehead .cus-scroll::-webkit-scrollbar-thumb {
border-radius: 0px !important;
-webkit-box-shadow: none !important;
background-image: -webkit-linear-gradient(330deg, #d7ba70 0%, #d7ba70 100%);
background-image: linear-gradient(120deg, #d7ba70 0%, #d7ba70 100%);
}
.newsletter-element{
flex-wrap:wrap;
}
.property_add{
min-height: initial;
}
}
@media (max-width: 930px){
.lookingfor-content-box{
display:block;
}
.user-photo{
display:none;
}
.lookingfor-content{
max-width: 100%;
padding: 25px 25px;
}
#popup.lookingforpopup{
max-width: 90%;
}
}
@media (max-width: 899px) {
.pricing-plan{
padding-left:0px;
padding-right:0px;
}
.proerty_text > .col-md-12{
width:100%;
padding: 0;
}
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 187px;
}
.grow-trafic-content{
max-width: 100%;
margin-top: 80px;
}
.grow-trafic-content-img {
padding-top: 0;
padding-right: 0;
position: absolute;
top: -60px;
left: 50%;
/*transform: translateX(-35%);*/
transform: translateX(-20%);
/*max-width: 120px;*/
max-width: 180px;
}
.gt-title h1,
.gt-title h2{
font-size: 22px;
}
.grow-trafic-content-section{
margin-top: 70px;
}
}
@media (min-width: 768px){
.footer-limg {
max-width: 767px;
border-width: 2px;
}
.footer-limg-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-limg img {
max-width: 100%;
}
.footer-limg p {
font-size: 18px;
width: 50%;
text-align: right;
}
}
@media (max-width: 768px){
.export-columns .export-column{
max-width: 49%;
flex: 0 0 49%;
}
.export-columns .export-column:nth-child(3n+1) {
margin-left: 1%;
}
.export-popup{
width:100%;
max-width:90%;
}
}
@media (max-width: 767px){
#filter-selector{
max-width: 300px;
}
#filter-selector{
left: -300px;
}
#filter-selector .filter-toggle {
margin-right: -52px;
}
#tawkchat-status-icon{
font-size: 18px;
line-height: 40px;
}
.round #tawkchat-minified-wrapper{
width: 40px;
height: 40px;
}
.dc-subscription-table tr th,
.dc-subscription-table tr td{
padding: 8px 6px !important;
white-space: normal !important;
}
.field-label.desktop{
display:none;
}
#popup{
width:90%;
}
#filter-selector .filter-toggle{
margin-top: 80%;
}
.dcjoin-content h1 {
font-size: 18px;
line-height: 30px;
}
.dcjoin-content h1 strong{
font-size: 25px;
}
.btn-callbook{
margin-top: 20px;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group{
width: 50% !important;
}
}
@media (max-width: 736px){
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 270px;
}
}
@media (max-width: 680px){
.blog-homepage .blog-grid-box-img{
width:100%;
flex: 0 0 100%;
height: 285px;
}
.sidebar-blog-sec,
.blog-homepage{
flex-wrap:wrap;
}
.dc-closed-days #closedday .ui-datepicker-multi-3 .ui-datepicker-group, .dc-closed-days #closedday .ui-datepicker-multi .ui-datepicker-group{
width: 100% !important;
}
.add-therapist-infobox form.add-therapist-form{
padding:15px;
}
.create-list-btn .dcjoin-btn {
margin-left: 0px;
width: 100%;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px;
}
.dcjoin-ckeckout{
line-height: 50px;
}
.dcjoin-ckeckout span {
display: inline-block;
width: 100%;
max-width: 48%;
}
.dcjoin-ckeckout a{
width: 100%;
}
.dcjoin-content {
margin-top: 10px;
margin-bottom: 0;
}
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 250px;
}
.gt-title h1,
.gt-title h2{
font-size: 20px;
padding-left: 50px;
line-height: 40px;
}
.gt-title h1 svg,
.gt-title h2 svg {
width: 40px;
}
.select-date-col{
width: 100%;
max-width: 100%;
margin-right: 0px;
}
.select-time-col{
flex: 0 0 100%;
max-width: 100%;
}
.pages-gallery-item a {
height: 200px;
}
.img-privacy-content{
max-height: calc(170px - 30px);
}
.req-widget-boxed .widget-boxed-header h2{
font-size: 18px;
}
.dcjoin-ckeckout a {
padding: 5px 15px;
text-transform: capitalize;
line-height: 40px;
}
#closedday .ui-widget.ui-widget-content .ui-datepicker-group{
width: 100% !important;
}
}
@media (max-width:580px){
.detail_property_meta{
flex: 0 0 100%;
max-width: 100%;
text-align: center;
margin: 10px 0;
}
.listing-cat {
text-align: left;
}
.dc-subscription-table tr th,
.dc-subscription-table tr td{
font-size: 12px;
}
.dc-subscription-table td .btn {
padding: 6px 8px;
font-size: 11px;
}
.roomimg-thumb {
height: 300px;
}
.carousel-inner {
margin-top: 0;
}
.roomitemimage{
max-width: 100%;
margin-bottom:20px;
}
.roomitemdesc{
max-width: 100%;
margin-left:0px;
}
.rooms-listcard{
flex-wrap:wrap;
}
body.home-2 .banner h1, .banner h1 {
font-size: 28px;
}
.history-therapist-section .listing-owner .listing-owner-avater {
height: 60px;
width: 60px;
flex: 0 0 60px;
}
.history-therapist-section .listing-owner .listing-owner-avater img {
height: 60px;
width: 60px;
padding: 3px;
}
.listing-tag-btn {
margin-left: 0px;
margin-right: 0px;
font-size: 0px;
height: 30px;
width: 30px;
text-align: center;
padding: 0;
line-height: 30px;
}
.listing-tag-btn i {
font-size: 16px;
line-height: 27px;
}
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 210px;
}
.lookingfor-content h4.content-title{
font-size: 35px;
}
.dcjoin-ckeckout a {
margin-left:0px;
margin-right:0px;
}
.announcement-survey{
padding-left:7px;
padding-right:7px;
right: -1px;
}
.announcement-survey svg{
margin-right: 6px;
width: 15px;
}
}
@media (max-width: 420px){
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 300px;
}
.dcjoin-ckeckout span {
max-width: 100%;
}
.grow-trafic-content-section {
margin-top: 80px;
}
.grow-trafic-content{
padding: 40px 35px;
}
.overlap-border-top-left:before, .overlap-border-top-left:after {
left: 10px;
top: 10px;
}
.overlap-border-top-right:before, .overlap-border-top-right:after {
right: 10px;
top: 10px;
}
.overlap-border-bottom-left:before, .overlap-border-bottom-left:after {
left: 10px;
bottom: 10px;
}
.overlap-border-bottom-right:before, .overlap-border-bottom-right:after {
right: 10px;
bottom: 10px;
}
.grow-trafic-content-img{
/*max-width: 100px;*/
}
.rooms-listing-case h1{
font-size: 20px;
}
}
@media (max-width: 380px){
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 260px;
}
.pages-gallery-item a {
height: 180px;
}
.pages-gallery-item a {
height: 180px;
}
}
@media (max-width: 350px){
.roomimg-thumb {
height: 230px;
}
.blog-homepage .blog-grid-box-img{
height: 245px;
}
.dccaption-img span img {
max-height: 90px;
}
#therapyrooms-sponsored .modern-list .grid-category-thumb a {
height: 200px;
}
.export-columns .export-column{
max-width: 100%;
flex: 0 0 100%;
margin-left:0px;
}
.export-columns .export-column:nth-child(3n+1) {
margin-left: 0;
}
.export-range-content .custom-radio{
width: 100%;
}
.export-range-content .export-range-title{
width: 100%;
padding-left: 22px;
}
.export-range-content .export-range-title h5 {
font-size:12px;
}
.lookingfor-content {
padding: 20px 20px;
}
.lookingfor-content h4.content-title{
font-size: 32px;
}
.pages-gallery-item a {
height: 150px;
}
.img-privacy-content {
max-height: calc(140px - 30px);
padding-top: 10px;
}
.privacy-icon{
margin-bottom:15px;
}
}
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 5px 12px;
border: 1px solid #e6ebf1;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
/**** MESSAGE LOADER ****/
.dc-web-loader {
color: #d7ba70;
width: 40px;
height: 40px;
position: relative;
overflow: visible;
margin: 25px 8px 10px;
display: inline-block;
}
.dc-web-spinner-bars {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.dc-web-loader[size=small] {
height: 30px;
width: 30px;
display: block;
margin-left: auto;
margin-right: auto;
}
.dc-web-spinner-bars:before {
content: "";
display: block;
width: 0;
margin: 0 auto;
height: 14px;
border: 1px solid;
border-radius: 1px;
animation: loaderfade 1s ease-in-out infinite both
}
.sr-only {
border: 0!important;
clip: rect(1px, 1px, 1px, 1px);
height: 1px!important;
overflow: hidden;
padding: 0!important;
position: absolute!important;
white-space: nowrap!important;
width: 1px!important
}
.dc-web-spinner-bars:nth-child(12) {
transform: rotate(-1turn)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(12) {
transform: rotate(1turn)
}
.dc-web-spinner-bars:nth-child(12):before {
animation-delay: -1s
}
.dc-web-spinner-bars:nth-child(11) {
transform: rotate(-330deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(11) {
transform: rotate(330deg)
}
.dc-web-spinner-bars:nth-child(11):before {
animation-delay: -916.66667ms
}
.dc-web-spinner-bars:nth-child(10) {
transform: rotate(-300deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(10) {
transform: rotate(300deg)
}
.dc-web-spinner-bars:nth-child(10):before {
animation-delay: -833.33333ms
}
.dc-web-spinner-bars:nth-child(9) {
transform: rotate(-270deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(9) {
transform: rotate(270deg)
}
.dc-web-spinner-bars:nth-child(9):before {
animation-delay: -.75s
}
.dc-web-spinner-bars:nth-child(8) {
transform: rotate(-240deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(8) {
transform: rotate(240deg)
}
.dc-web-spinner-bars:nth-child(8):before {
animation-delay: -666.66667ms
}
.dc-web-spinner-bars:nth-child(7) {
transform: rotate(-210deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(7) {
transform: rotate(210deg)
}
.dc-web-spinner-bars:nth-child(7):before {
animation-delay: -583.33333ms
}
.dc-web-spinner-bars:nth-child(6) {
transform: rotate(-180deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(6) {
transform: rotate(180deg)
}
.dc-web-spinner-bars:nth-child(6):before {
animation-delay: -.5s
}
.dc-web-spinner-bars:nth-child(5) {
transform: rotate(-150deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(5) {
transform: rotate(150deg)
}
.dc-web-spinner-bars:nth-child(5):before {
animation-delay: -.41666667s
}
.dc-web-spinner-bars:nth-child(4) {
transform: rotate(-120deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(4) {
transform: rotate(120deg)
}
.dc-web-spinner-bars:nth-child(4):before {
animation-delay: -.33333333s
}
.dc-web-spinner-bars:nth-child(3) {
transform: rotate(-90deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(3) {
transform: rotate(90deg)
}
.dc-web-spinner-bars:nth-child(3):before {
animation-delay: -.25s
}
.dc-web-spinner-bars:nth-child(2) {
transform: rotate(-60deg)
}
[dir=rtl] .dc-web-spinner-bars:nth-child(2) {
transform: rotate(60deg)
}
.dc-web-spinner-bars:nth-child(2):before {
animation-delay: -166.66667ms
}
.dc-web-spinner-bars:first-child {
transform: rotate(-30deg)
}
[dir=rtl] .dc-web-spinner-bars:first-child {
transform: rotate(30deg)
}
.dc-web-spinner-bars:first-child:before {
animation-delay: -83.33333ms
}
@keyframes loaderfade {
0%,
5%,
to {
opacity: .8
}
95% {
opacity: .05
}
}
/**** MESSAGE LOADER ****/
div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
div.payment_box p{
margin: 0px;
}
div.payment_box::before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.showMoreFade {
width: 100%;
background: linear-gradient(rgba(138,99,99,0),#fff);
transform: translateY(-100%);
position: absolute;
margin-top: -10px;
}
.payment-userinfo{
}
.payment-userinfo .btn.light-gray-btn{
background: #e74c3c;
color: #fff;
border-color: #e74c3c;
}
.payment-userinfo .btn {
text-transform: capitalize;
word-break: break-word;
white-space: pre-wrap;
padding-left: 20px;
padding-right: 20px;
}
.opening-hour-switch .form-group.material-switch {
position: relative;
line-height: 30px;
padding: 10px 60px 10px 15px;
border: 1px solid #dde6ef;
font-weight: bold;
background: #f5f7f9;
}
.opening-hour-switch .openinghour-switch {
position: absolute;
right: 15px;
top: 10px;
}
.booking-cancelation-link {
margin: 10px;
font-size: 12px;
text-align: center;
}
.field-validation-note {
float: left;
display: block;
color: #ff0000;
font-size: 12px;
font-weight: 400;
width:100%;
}
#booking-invoice #logo img{
max-height: 60px;
}
.whatspp-float-btn{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-whatspp-float-btn{
margin-top:16px;
}
.therapists_listing_tag{
background: #d7ba70;
color: #FFF;
border-radius: 15px;
padding: 5px;
font-size: 9px;
}
.room_listing_tag{
background: #17164b;
color: #FFF;
border-radius: 15px;
padding: 5px;
font-size: 9px;
}
.book-report-action-buttons{
}
.book-report-action-buttons input.btn,
.book-report-action-buttons a.btn{
padding: 10px 15px;
text-transform: capitalize;
}
.previous a,
.next a{
width:auto !important;
padding: 0px 10px !important;
}
#table-res_paginate .pagination{
display: block;
float: right;
}
.position-relative .image-search-form{position: absolute;top: 240px;left: 0;z-index: 99;}
.position-relative .image-search-form .image-search-textbox{text-align: center;color: #000;background: #FFF;}
.digit-group input {border: 1px solid #000;width: 30px;height: 50px;/*background-color: lighten($BaseBG, 5%);*/line-height: 50px;text-align: center;font-size: 24px;font-weight: 200;color: #000;margin: 0 2px;}
.digit-group .splitter {padding: 0 5px;color: #000000;font-size: 24px;}
.input-disabled {pointer-events: none;}
.customer_contact_msg {color: #333;background-color: #fff181;border-radius: 5px;font-size: 12px;padding: 3px 10px;width: 75%;}
/****** Lead Page css start******/
.lead_discount_tag {
background-color: #25334c42;
color: #000;
padding: 0px 5px;
margin: 0 10px;
border-radius: 10px;
font-size: 10px;
}
.project-details-heading{
display:flex;
align-items:center;
justify-content:space-between;
}
.project-details-heading-menu ul{
padding:0px;
margin:0px;
list-style:none;
display:flex;
align-items:center;
}
.project-details-heading-menu ul li{
}
.project-details-heading-menu ul li a{
display: inline-block;
margin-right: 7px;
vertical-align: middle;
padding: 8px 10px;
border-color: rgb(176, 176, 176);
border-radius: 3px;
box-shadow: inset 0px 0px 7px rgb(0 0 0 / 15%), 0px 0px 5px rgb(0 0 0 / 10%);
line-height: 16px;
border-width: 1px;
border-style: solid;
border-image: initial;
margin-bottom: 10px;
text-align: center;
background-color: rgb(255, 255, 255);
color: rgb(34, 34, 34);
position: relative;
cursor: pointer;
}
.lead-fiter-dialog-sidebar{
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;display: none;}
.lead-fiter-dialog{
position: fixed;
margin: auto;
width: 26em;
max-width: 100%;
height: 100%;
transform: translate3d(0,0,0);
transition: opacity .3s linear,left .3s ease-out;
z-index: 99999999;
background: #fff;
overflow-y: auto;
}
.lead-fiter-dialog .lead-fiter-dialog-header{
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #e6e7ec;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.lead-fiter-dialog .lead-fiter-dialog-header .close-modal-cross {
width: 20px;
height: 20px;
opacity: .3;
z-index: 10;
cursor: pointer;
transition: opacity .15s;
}
.lead-fiter-dialog .lead-fiter-dialog-header .close-modal-cross:after,
.lead-fiter-dialog .lead-fiter-dialog-header .close-modal-cross:before {
position: absolute;
left: 15px;
content: ' ';
height: 20px;
width: 2px;
background-color: #333;
transform: rotate(45deg);
}
.lead-fiter-dialog .lead-fiter-dialog-header .close-modal-cross:before {
transform: rotate(-45deg);
}
.lead-fiter-dialog-body{
}
body.lead-fiter-body{
overflow:hidden;
}
.lead-fiter-body:before{
content:'';
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100%;
height: 100%;
background-color: #000;
opacity: .5;
z-index: 999999;
}
.rooms-lead-container .rooms-listing-case{margin-top: -20px;}
.filter-mobile{justify-content: flex-end;}
.filter-sidebar-show{display:block;}
.rooms-lead-container #filter-selector{
max-width: 416px;
left: 0;
}
.rooms-lead-container .rooms-listing-case{
padding-left: 446px;
}
.lead-items{
}
.lead-item-widget {
background: #ffffff !important;
}
.lead-item-widget .sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
.bg-grey-25 {
background-color: #f9f9fa!important;
}
.border-bottom {
border-bottom: 1px solid #e6e7ec!important;
}
.pt-3, .py-3 {
padding-top: 1em!important;
}
.pb-3, .py-3 {
padding-bottom: 1em!important;
}
.pr-4, .px-4 {
padding-right: 1.5em!important;
}
.pl-4, .px-4 {
padding-left: 1.5em!important;
}
.mb-0, .my-0 {
margin-bottom: 0!important;
}
@media (min-width: 1200px){
.pl-xl-5, .px-xl-5 {
padding-left: 3em!important;
}
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.lead-item{
padding: 1.5em!important;
padding-left: 2em!important;
font-size: .875em;
border-color: #f3f3f6;
border-style: solid;
border-width: 5px 0 5px 0;
cursor: pointer;
border-top: none;
}
.lead-list .lead-item:first-child {
border-top: none;
}
.lead-list .lead-item {
border-color: #f3f3f6;
border-style: solid;
border-width: 5px 0 5px 0;
cursor: pointer;
padding: 10px 0px;
}
.lead-item-widget .widget-boxed-body {
padding: 0px !important;
}
.lead-list .lead-item .project-title-and-time, .lead-list .lead-item .seller-quote {
display: flex;
}
.lead-list .lead-item .project-title-name {
font-size: 18px;
font-weight:700;
color: #111637;
}
.lead-list .lead-item .dark-blue {
color: #111637;
}
.lead-list .lead-item .project-posted-ago, .lead-list .lead-item .time-posted {
margin-left: auto;
white-space: nowrap;
color: #9da0b6 !important;
}
.project-item-highlights-title .title {
font-weight:500;
color: #111637;
font-size: 16px;
}
.additional-detail-title{
font-size: 14px;
}
.location-and-credit-row .project-name-location{
display:flex;
}
.lead-item.selected{
border-left: 4px solid #2d7af1;
background-color: #fcfcfc;
}
.total-leads-text{
font-weight:600;
color: #111637;
font-size: 16px;
}
.all-projects-header .row {
display: flex;
flex-wrap: wrap;
}
.all-projects-header {
font-weight:600;
color: #111637;
font-size: 16px;
}
.posted_ago {
display: inline-block;
padding: 8px;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 4px;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.posted_ago{
background-color: #d7ba70;
color: #fff;
}
.project-details-project-container{
padding: 0;
}
.back-to-list{
display:none;
}
.buyer_name{
font-size: 1.2em;
font-weight: 700;
}
.num-credits-resp {
display: inline-block;
padding: 5px;
font-size: 14px;
/* font-weight: 700; */
/* line-height: 1; */
/* text-align: center; */
/* white-space: nowrap; */
/* vertical-align: baseline; */
/* border-radius: 4px; */
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.posted-ago.for-leads{color: #9da0b6;font-weight:700;}
.project-title,
.project-name-location{font-size: 18px;font-weight: 600;color: #111637;margin-top: 15px;}
.buyer_contact{color: #111637;font-size: 18px;font-weight: 800;margin-top: 20px;}
.buyer_contact i{margin-right:10px;}
.buyer_contact > div:first-child{margin-bottom:10px;}
.verified-phone-container {font-size: 12px;margin-left:15px;}
.verified-phone-container i{margin:0px;}
.verified-phone-container .verified-phone-button {padding-left: 3px;padding-right: 6px;cursor: pointer;border-radius: 50rem;display: flex;background-color: #f3f3f6;color: #d7ba70;}
.response-cap-and-count-container {border: solid 1px #e6e7ec;border-radius: 6px;padding: 16px 14px 16px 17px;margin-bottom: 14px;margin-top: 1em;}
.response-cap-and-count-container .infobox-icon{font-size:24px;}
.count-meter {display: flex;}
.count-meter .meter-bar {width: 10px;height: 20px;background-color: #e6e7ec;margin-right: 4px;}
.count-meter .meter-bar.on {background-color: #d7ba70;}
.responses-text{color: #111637;font-size: 17px;font-weight: 800;}
.calls-to-action.for-leads{margin-bottom: 30px;}
.calls-to-action.for-leads .btn{width:auto;}
.calls-to-action.for-leads .btn.not-interested {border: none;background: none;padding: 0px;margin-left: 15px;color: #111637;outline: none;font-size: 18px;font-weight: 800;text-decoration: none;}
.project-details{padding-top: 1em!important;}
.project-details-label{color: #111637;font-size: 18px;font-weight: 800;}
hr {margin-top: 1em;margin-bottom: 1em;border: 0;border-top: 1px solid rgba(0,0,0,.1);}
.project-details-question {color: #9da0b6!important;}
.project-details-answer {color: #111637;font-size: 16px;font-weight: 700;padding-bottom: 10px !important;}
.project-credits-to-respond{display: flex;padding-top: 1.5em!important;color: #9da0b6!important;font-size:18px;font-weight:700;}
.lead_like_option{font-size: 12px;}
/****** Lead Page css end******/
/*.text-dark-blue {color: #111637!important;}
.bg-grey-25 {background-color: #f9f9fa!important;}
.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 4px;}*/
.label-tag{border-radius: 0px !important;text-shadow: none !important;padding: 5px !important;color: #fff;display: inline-block;padding: 2px 4px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #fff;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);white-space: nowrap;vertical-align: baseline;background-color: #333;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input i{top: 50%;transform: translateY(-50%);}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control{padding: 0 20px 0 40px;width: 100%;height: 50px;line-height: 50px;font-size: 14px;font-weight: 500;outline: none;box-shadow: inset 0px 0 0 2px #eee;box-shadow: none;border: none;border-radius: 5px;transition: all 0.2s;color: #222;background-color: #eee;}
.home_banner_suggest_selection{margin-top: 20px;}
.home_banner_suggest_selection .btn-group .dropdown-toggle{font-weight: bold;width: 100%;height: 50px !important;line-height: 50px;font-size: 14px;font-weight: 500;outline: none;box-shadow: inset 0px 0 0 2px #eee;box-shadow: none;border: none;border-radius: 5px;transition: all 0.2s;color: #222 !important;background-color: #eee !important;padding: 0 15px !important;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control:focus{box-shadow: inset 0 0 0 2px #ccc;background: #fff;color: #222;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control::-webkit-input-placeholder {color:#17164b;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control::-moz-placeholder {color:#17164b;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control:-ms-input-placeholder {color:#17164b;}
.gift-button-element .home_banner_suggest_caption.banner-caption .suggest-input .form-control:-moz-placeholder {color:#17164b;}
.gift-button-element .banner-caption .suggest-input i {position: absolute;top: 16px;left: 15px;font-size: 22px;color: #17164b;z-index: 1;}
/*======================*/
/*======== New Home page css start==============*/
#frm-steps-section{position:relative;background-color:#fff}
#frm-steps-section.fullscreen .banner-parallax,#frm-steps-section.fullscreen .banner-parallax .row > [class*="col-"]{min-height:auto}
.banner-parallax{position:relative;background-color:#fff;background-position:top center;background-size:cover;background-repeat:no-repeat}
.banner-parallax.blured-bg > .bg-element{-webkit-filter:blur(5px);filter:blur(5px)}
.banner-parallax > .bg-element{position:absolute;width:100%;height:100%;background:no-repeat top center / cover;opacity:0;transition:opacity 1s,filter 1s}
.banner-parallax > .bg-element.appeared{opacity:1;-webkit-filter:blur(0);filter:blur(0)}
.banner-parallax > .bg-element + img{display:none}
.banner-parallax > .overlay-pattern{opacity:0;transition:opacity .5s}
.banner-parallax > .overlay-pattern.appeared{opacity:1}
.overlay-colored,.overlay-pattern{position:absolute;width:100%;height:100%;top:0;left:0}
.overlay-colored{z-index:1}
.overlay-pattern{z-index:2;background-image:url(../images/general-elements/overlay-pattern.html);background-repeat:repeat;background-position:top left}
.video-background{position:absolute;width:100%;height:100%}
.owl-carousel .owl-item{-webkit-backface-visibility:initial;backface-visibility:initial}
.slide-content{height:100%;width:100%;position:relative;top:0;z-index:2;padding-top:50px;padding-bottom:50px;min-height:100vh;}
.slide-content img{display:inline-block!important}
.slide-content h4{margin-bottom:20px;font-weight:500;opacity:.8}
.slide-content .subheading{display:block;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}
.slide-content h1{position:relative;font-size:48px;line-height:1.2;margin-bottom:30px}
.tab-pane .banner-center-box .bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default{padding: 0 15px;}
.slide-content p{font-size:20px}
.banner-center-box{padding:80px 0;max-height:100%;max-width:100%;width:100%;perspective:1000px;backface-visibility:hidden}
.banner-center-box > *{position:relative}
.banner-center-box.text-center{display:flex;flex-direction:column;align-items:center}
.banner-center-box.text-white h1,
.banner-center-box.text-white .subheading,
.banner-center-box.text-white .description{color:#fff}
.banner-center-box.text-white a{color:#fff;text-decoration:underline;font-weight:700}
.banner-center-box.text-white .description{font-weight:300;opacity:.65;font-size:20px;font-style:normal;font-family:'Poppins',sans-serif}
.banner-center-box.bottom-position{margin-top:auto;padding-bottom:0}
.banner-center-box h1:last-child,
.banner-center-box h2:last-child,
.banner-center-box h3:last-child,
.banner-center-box h4:last-child,
.banner-center-box h5:last-child,
.banner-center-box h6:last-child{padding-bottom:0;margin-bottom:0}
.banner-center-box img{max-height:100%;max-width:100%}
.banner-center-box .banner-caption-img {margin-top:30px;}
.banner-center-box .banner-caption-img .dccaption-img{display:flex;}
.banner-center-box .banner-caption-img .dccaption-img span{display:flex;align-items:center;justify-content:center;background:#ffffff;height: 130px;width: 130px;padding: 0;box-shadow: inset 0 0 0 4px #888, 0 20px 28px 5px rgb(0 0 0 / 10%);border-radius: 10px;}
.banner-center-box .banner-caption-img .dccaption-img span img{border:none;border-radius: 10px;max-height:115px;max-width:115px;}
.banner-center-box .banner-caption-img .dccaption-img span:after{height:115px;width:115px;border-radius: 10px;}
.slider-banner{position:relative}
.slider-banner .slide{width:100%}
.slider-banner .slick-slide{display:flex;justify-content:flex-end}
.slider-banner .slick-arrows{justify-content:space-between;font-size:25px;margin:0;width:100%}
.slider-banner .slick-arrows a{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;margin:0;width:70px;height:70px;opacity:.6;border-radius:999px;transform:translateY(-50%);background-color:rgba(0,0,0,0.3);color:#fff}
.slider-banner .slick-arrows a.slick-arrow i{position:relative;top:-2px;transform:rotate(90deg)}
.slider-banner .slick-arrows a.slick-next{right:40px}
.slider-banner .slick-arrows a.slick-next i{right:-2px}
.slider-banner .slick-arrows a.slick-next:hover{margin-right:-3px}
.slider-banner .slick-arrows a.slick-prev{left:40px}
.slider-banner .slick-arrows a.slick-prev i{left:-2px}
.slider-banner .slick-arrows a.slick-prev:hover{margin-left:-3px}
.slider-banner .slick-arrows a:hover{background-color:#d7ba70}
.slider-banner .slick-arrows a.slick-disabled{opacity:.5}
.slider-banner .slick-arrows a.slick-disabled:hover{background-color:#d7ba70;color:#fff}
.slider-banner .slick-dots{position:absolute;bottom:50px;margin-top:0;width:100%}
.slider-banner:hover .slick-arrow{opacity:1}
.box-form{position:relative;padding:40px 40px;border-radius:10px;background-color:#fff}
.box-form .box-title{position:relative;padding-bottom:30px}
.box-form .box-title h3{margin-bottom:5px}
.box-form .box-title p{margin-bottom:0;font-size:16px}
.box-form .box-title .icon {display: inline-flex;align-items: center;justify-content: center;margin-bottom: 15px;width: 70px;height: 70px;border-radius: 999px;font-size: 30px;background-color: rgba(5, 213, 97, 0.15);color: #222;}
.home_banner_suggest_caption .theme-btn{width:100%;outline:none!important;box-shadow:none;font-size:18px;text-transform:uppercase;font-weight:700}
.box-form .payment-userinfo{display:inline-block;width:100%}
.section-flat{width:100%;position:relative}
.section-flat .section-content{width:100%;padding:120px 0;position:relative;clear:both}
#section-our-services-1 .title-featured-1{margin-bottom:0;font-weight:600;line-height:1.4;color:#222}
.heading-200{font-weight:300}
.divider-container{display:flex;position:relative}
.divider-line{display:inline-block;clear:both;margin:90px auto 80px;width:calc(100% - 30px);border-top:1px solid;border-top-color:#eee}
[class*="col-"] .divider-line{width:100%}
.box-info{position:relative}
.box-service-1{display:flex;flex-direction:column;align-items:center;transition:all .2s}
.box-info .box-icon{float:left;margin:0 20px 0 0}
.box-service-1 .box-icon{display:flex;align-items:center;justify-content:center;margin:0 0 22px;width:80px;height:80px;flex:0 0 80px;font-size:32px;border-radius:999px;box-shadow:inset 0 0 0 0 transparent;background-color:rgba(5,213,97,0.15);color:#222;transition:all .25s;font-family: 'Font Awesome 6 Free';font-weight: 900;}
.box-service-1 .box-icon .icon{position:relative;display:flex;align-items:flex-start;justify-content:center}
.box-service-1 .box-content{text-align:center;margin-top:20px}
.box-service-1 .box-content h4{margin-bottom:10px;font-weight:600;font-size:24px}
.box-service-1 .box-content h4 a{text-decoration:none;color:#222;transition:all .15s}
.box-service-1 .box-content p{font-weight:600;font-size:16px;line-height:1.75;color:#888}
.box-service-1:hover{transform:translateY(-10px)}
.box-service-1:hover .box-icon{box-shadow:inset 0 0 0 40px #d7ba70;color:#fff}
.box-service-1:hover h4 a{color:#d7ba70}
.section-parallax{width:100%;position:relative;background-color:#ccc;background-position:center center;background-size:cover;background-repeat:no-repeat}
.section-parallax .bg-element{position:absolute;width:100%;height:100%;background:no-repeat top center / cover}
.section-parallax .bg-element + img{display:none}
.section-parallax .section-content{width:100%;height:100%;position:relative;padding:120px 0;z-index:2;background-attachment:fixed;background-position:top center;background-size:cover;background-repeat:no-repeat}
.list-boxes{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -15px -30px}
.list-boxes > li{padding:0 15px;margin-bottom:30px}
.list-boxes.boxes-4 > li{width:25%}
.box-info{position:relative}
.box-some-fact-1{display:flex;flex-direction:column;align-items:center;text-align:center}
.box-info.text-white{color:#fff}
.box-info .box-icon{float:left;margin:0 20px 0 0}
.box-some-fact-1 .box-icon{display:flex;align-items:center;justify-content:center;margin:0 0 10px;width:50px;height:50px;flex:0 0 50px;font-size:48px;color:#d7ba70;transition:all .25s}
.box-some-fact-1 .box-content{width:100%}
.box-some-fact-1 .box-content h2{margin-bottom:10px;font-size:48px;color:#fff;font-weight:600}
.box-some-fact-1 .box-content h5{margin-bottom:0;font-weight:400;font-family:"Open Sans","Almarai",sans-serif;color:#888}
.text-white.box-some-fact-1 .box-content h5{opacity:.6;color:#fff;font-size:18px}
.color-bg-dark{background-color:#222}
.overlay-colored,.overlay-pattern{position:absolute;width:100%;height:100%;top:0;left:0}
.overlay-colored{z-index:1}
.opacity-85{opacity:.85}
.opacity-50{opacity:.50}
.some-company-facts .work-count span.icon{width:100px;height:100px;flex:0 0 100px;box-shadow:inset 0 0 0 0 transparent;background-color:#fff;color:#222;transition:all .25s;border-radius:50%;line-height:97px}
ul.landing_tabs{border:none;max-width:550px;}
ul.landing_tabs li {width: 49%;}
ul.landing_tabs li a{color:#ffffff;border:2px solid #ffffff !important;border-radius:4px !important;}
.landing_tabs>li.active>a, .landing_tabs>li.active>a:focus, .landing_tabs>li.active>a:hover, ul.landing_tabs li a:hover{border-color: #d7b970 !important;color: #ffffff;background: rgba(215,185,112,0.7);}
ul.landing_tabs .nav-link.active {position: relative;}
ul.landing_tabs .nav-link.active::after {content: '';border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #d7b970;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);display: block;}
.banner_tabs .tab-pane {padding:0px 0px;}
.tab-pane .banner-center-box{padding:25px 0px;}
/* [ 07 ] - Section Customers Testimonials 1
=============================================== */
#section-customers-testimonials-1{background-color:#f7f7f7}
/*.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}*/
.testimonial-single-1{position:relative;margin:0 10px;top:0;text-align:center;transition:all .2s}
.highlighted .testimonial-single-1{border-color:#d7ba70;box-shadow:0 0 50px 15px rgba(34,34,34,0.05);background-color:#fff}
.testimonial-single-1 .rating{margin-top:10px}
.testimonial-single-1.text-white{color:#fff}
.text-gold {
color: #d7ba70;
}
.testimonial-single-1 .ts-content{position:relative;display:flex;justify-content:center;padding:40px;font-size:16px;font-weight:300;border:1px solid #d7ba70;border-radius:10px;background-color:#fff}
.testimonial-single-1 .ts-content .icon-quote{position:absolute;bottom:-20px;display:flex;justify-content:center;width:40px;height:40px;line-height:59px;border-radius:999px;font-size:48px;color:#fff;background-color:#d7ba70}
.testimonial-single-1 .ts-person{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:40px}
.testimonial-single-1 .ts-person h4{display:block;margin-bottom:0;text-transform:capitalize}
.testimonial-single-1 .ts-person span{display:block;font-size:14px;color:#888}
.testimonial-single-1 .ts-img{overflow:hidden;width:60px;height:60px;border:1px solid #ddd;border-radius:999px}
.testimonial-single-1 .ts-name{margin-top:10px}
.slider-testimonials .slick-slider{overflow:hidden}
.slider-testimonials .slick-slider .slick-slide{transition:all .4s}
.slider-testimonials .slick-slider .slick-slide:not(.slick-active){opacity:0}
.awards_boxes{padding:0px;}
.awards_boxes .banner-caption-img{margin:0px;}
.awards_boxes .banner-caption-img .dccaption-img{justify-content:center;}
.awards_boxes .banner-caption-img .dccaption-img span {height: 230px;width: 230px;}
.awards_boxes .banner-caption-img .dccaption-img span:after {height: 220px;width: 220px;}
.awards_boxes .banner-caption-img .dccaption-img span img{max-height: 180px; max-width: 180px;}
.notes_center_box{margin-top:70px;margin-bottom:50px;}
.banner_author{margin-top:20px;display:flex;align-items:center;}
.banner_author .listing-shot-info.rating{margin:0px 5px 0 0;}
.banner_author_img{margin-right:15px;}
.video_show_wrapper{color:#ffffff;font-size:18px;}
/*======== New Home page css End==============*/
/*======== job at therapist page css Start==============*/
.therapist_banner{background-color:#f9f9fa;padding:130px 0 70px}
.therapist_banner h1{font-weight:700}
.grouped-input-wrapper{flex-basis:25em}
.grouped-input-wrapper input{height:calc(1.5em + 1rem + 2px);display:block;background-color:#fff;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:0 6px 20px -15px #000;-webkit-box-shadow:0 6px 20px -15px #000;-moz-box-shadow:0 6px 20px -15px rgba(0,0,0,.2);border:2px solid #e6e7ec!important;color:#111637;border-radius:4px;width:100%;height:50px;padding:10px;font-size:16px;line-height:26px;margin:0}
.grouped-btn-wrapper{flex:0 0 auto}
.large-search-button{display:flex}
.large-search-button .create-user-button{padding:0 15px;height:auto!important;width:auto!important;line-height:48px!important;margin-left:15px;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:15px}
.banner_services_section{padding-top:1.5em;text-align:left}
.services_section_title{margin-bottom:1.5em;color:#3b416d;font-size:16px;font-weight:700;display:inline-block;text-decoration:underline}
.category_selection_container{display:flex;flex-wrap:wrap}
.category_selection_container a{color:#6c7191;border:2px solid #999;padding:5px 10px;border-radius:4px;margin-right:10px;margin-bottom:10px}
.category_selection_container a i{margin-left:10px}
.category_selection_container a:hover{background:#d7ba70;border-color:#d7ba70;color:#fff}
.mr-2,.mx-2{margin-right:.5em!important}
#how-it-works-summary{padding-bottom:40px}
.how-it-works-content{margin-bottom:30px}
.border{border:1px solid #e6e7ec!important}
.square-icon{height:2.125em;width:2.125em;border:1px solid #ced0da;font-weight:700;font-size:18px}
.rounded-extra{border-radius:10px}
.justify-content-center{justify-content:center!important}
.pt-2,.py-2{padding-top:.5em!important}
.pt-3,.py-3{padding-top:1em!important}
.how-it-works-content h4{font-size:24px;font-weight:700}
.how-it-works-content ul{color:#6c7191;padding-left:15px}
.how-it-works-content ul li{color:#6c7191;line-height:2;font-weight:700;font-size:18px}
.how-it-works-content .btn{background-color:#111637;border:1px solid #111637;color:#fff;padding:9px 19px;text-transform:capitalize;font-weight:700;border-radius:4px;margin-top:15px}
.how-it-works-content .btn:hover{background:#d7ba70;border-color:#d7ba70}
.hidden-md-up i{margin:0!important}
.our_word_section{padding-bottom:10px}
.our_word_section .section-heading h2{font-size:2.75em;font-weight:700}
.comment-card{border:2px solid #e6e7ec;box-shadow:0 20px 50px -15px #000;padding:20px;margin-bottom:30px}
.comment-card .avatar-wrapper{position:relative;height:6.25em;width:6.25em;border-radius:50%;box-shadow:0 12px 14px -7px #000}
.comment-card .avatar-wrapper .play-icon{position:absolute;width:2.5em;height:2.5em;bottom:-.5em;right:-.5em;z-index:200;opacity:.9;transition:all .4s ease-out;cursor:pointer}
.img-fluid{max-width:100%;height:auto}
.rounded-circle{border-radius:50%!important}
.quote-text{padding-top:1em;font-size:20px;font-weight:600;margin-bottom:20px}
.comment-card .author{font-size:14px;font-weight:700;margin-bottom:0}
.comment-cards-row{margin-top:50px}
.flex-column{flex-direction:column!important}
hr.hr-primary{border-top:1px solid #2d7af1}
hr.hr-3{border-width:3px}
.comment-card hr{max-width:50%}
.border-primary{border-color:#2d7af1!important}
.border-warning{border-color:#f7bf53!important}
.border-success{border-color:#d7ba70!important}
.service_provide_wrapper{width:100%;position: relative;}
.service_provide_suggestions {position: absolute;margin: 0;padding: 0;z-index: 1052;box-shadow: 0 5px 8px 0 rgb(0 0 0 / 5%);background-color: #fff;box-sizing: border-box;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 100%;left: 0;top: 50px;height: 300px;max-height: 300px;overflow: auto;text-align: left;}
.service_provide_suggestions ul{list-style:none;padding:0px;margin:0px;}
.service_provide_suggestions ul li{width:100%;}
.service_provide_suggestions ul li a{font-size: 15px;font-weight: 400;color: #676b8b;width: 100%;padding: 15px 16px 11px 18px;box-sizing: border-box;display: block;cursor: pointer;transition: background-color .1s,color .15s;}
.service_provide_suggestions ul li a:hover {color: #111637;background-color: #e6e7ec;}
.see_leads_section{visibility: visible;position: static;}
.see_leads_section h4 {color: #111637;font-size: 26px;line-height: 36px;}
.see_leads_section p.subheading {font-size: 14px;line-height: 24px;color: #6c7191;}
.see_leads_section .card {border-radius: 5px;background-color: #fff;box-shadow: 0 6px 20px -15px rgb(0 0 0 / 20%);padding: 39px 40px;margin-top: 32px;position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);}
.custom-radio {transform: matrix(1,0,0,1,0,0);}
.custom-control-input {position: absolute;z-index: -1;opacity: 0;}
.custom-radio input {box-shadow: 0 6px 20px -15px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 6px 20px -15px rgb(0 0 0 / 20%);-moz-box-shadow: 0 6px 20px -15px rgba(0,0,0,.2);}
.custom-radio label:not(.custom-control-input) {color: #6c7191;line-height: 20px;font-size: 16px;}
.custom-control-label {position: relative;margin-bottom: 0;vertical-align: top;}
.custom-control-label:before {position: absolute;top: 0.125rem;left: -1.75rem;display: block;width: 1.25rem;height: 1.25rem;pointer-events: none;content: "";background-color: #fff;border: #ced0da solid 0.125em;}
.custom-control-label:before,
.custom-file-label, .custom-select {transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.custom-radio .custom-control-label:before {border-radius: 50%;}
.custom-control-input:checked~.custom-control-label:before {color: #fff;border-color: #2d7af1;background-color: #2d7af1;}
.custom-radio .custom-control-label:after,
.custom-radio .custom-control-label:before {top: 0;}
.custom-control-label:after {position: absolute;top: 0.125rem;left: -1.75rem;display: block;width: 1.25rem;height: 1.25rem;content: "";background: no-repeat 50%/50% 50%;}
.custom-radio .custom-control-label:after,
.custom-radio .custom-control-label:before {top: 0;}
.custom-radio .custom-control-input:checked~.custom-control-label:after {background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);}
.custom-radio label:not(.custom-control-input) {color: #6c7191;line-height: 20px;font-size: 16px;}
.area_type_select_wrapper{display:flex;align-items:center;width:100%;}
.from_text{margin:0px 15px 15px;}
.area_type_select_wrapper select{margin:0px;}
.area_type_bottom_wrapper {display: flex;align-items: center;justify-content: space-between;margin-top: 50px;}
/*======== job at therapist page css End==============*/
/* Old TR Loader */
#overlayLoader .cus-loader {position: fixed;left: 0;top: 0;width: 100%;display: flex;height: 100%;z-index: 99999999;background: rgba(255,255,255,0.8);text-align: center;vertical-align: middle;display: block;}
#overlayLoader .cus-loader .loader {margin:0 auto;top:43%;display: inline-block;position: relative;text-align: center;border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid #13123e;width: 80px;height: 80px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}
.field-label {3font-size: 14px;font-weight: 700;}
.filter-label {font-size: 12px !important;font-weight: 500;}
.filter-accordian {margin-bottom: 1px;clear: both;}
.filter-accordian .panel{border-width: 0 0 1px 0;border-color: #dddddd00;}
.filter-accordian .panel .panel-heading a.accordion-toggle:before{content: "";}
.filter-accordian .panel-default>.panel-heading a:after{top: 0;line-height: 2;}
.filter-accordian .panel-default>.panel-heading a .field-label{margin-bottom: 0;}
.for-therapist-btn span{display: inherit !important;}
.for-therapist-btn a {padding: 3px 20px !important;display: inherit !important;font-size: 14px !important;}
#lead-map-sidebar{width: 67%;position: fixed;top: 60px;right: -70%;height: 91vh;z-index: 999;background: #d7ba70;color: #fff;transition: all 0.3s;overflow-y: scroll;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);overflow: visible;}
#lead-map-sidebar.active {right: 0;}
#lead-map-sidebar .sidebar-header {padding: 20px;background: #6d7fcc;}
#lead-map-sidebar ul.components {padding: 20px 0;border-bottom: 1px solid #47748b;}
#lead-map-sidebar ul p {color: #fff;padding: 10px;}
#lead-map-sidebar ul li a {padding: 10px;font-size: 1.1em;display: block;}
#lead-map-sidebar ul li a:hover {color: #d7ba70;background: #fff;}
#lead-map-sidebar ul li.active>a,
#lead-map-sidebar ul li a[aria-expanded="true"] {color: #fff;background: #6d7fcc;}
#lead-map-sidebar ul li a[data-toggle="collapse"] {position: relative;}
#lead-map-sidebar #dismiss {width: 35px;height: 35px;line-height: 35px;text-align: center;background: #d7ba70;position: absolute;top: 50%;left: -35px;cursor: pointer;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#lead-map-sidebar #dismiss:hover {background: #fff;color: #d7ba70;}
.map-overlay {display: none;position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.7);z-index: 999;opacity: 0;transition: all 0.5s ease-in-out;}
.map-overlay.active {display: block;opacity: 1;}
#lead-map-sidebar .infobox-inner {color: #000;}
#rcorners1 {border-radius: 50%;background: #2d2e73;padding: 20px;width: 100px;height: 100px;color: #FFF;text-align: center;display: inline-block;}
.ribbon-topnav{font-size: 11px;font-weight: bold;padding: 3px 10px;margin-left: 3px;text-align: center;color: #FFF;border-radius: 25px 0px 0px 25px;border: 1px solid #3d3e8b;position: absolute;top: 7px;background-color: white;right: 7px;/* float: right; */background: #15164b;}
.steps h4 {margin-bottom: 20px;font-weight: 500;opacity: 1;}
.box-root .variant-suggested {background: transparent;border-color: #d5dbe1;border-style: dashed;border-width: 1px;color: #687385;cursor: pointer;font-size: 13px;border-radius:999em;height: 24px;--flex-y: initial;line-height: 18px;transition: all 0.18s ease 0s;align-items: center;justify-content: center;flex-direction: row-reverse;padding: 2px 8px;display: inline-block;margin-bottom: 5px;}
.box-root .variant-suggested.active {background: #dfb96f;color: #FFF;}
.w3-badge {/*border-radius: 50%;padding: 8px 16px!important;font-size: 13px!important;display: inline-block;*/}
.w3-gold{/*color: #fff!important;background-color: #d7ba70!important;*/}
.color-switch {text-align: left;width: 100%;display: inline-block;}
.color-switch-btn {height: 16px;width: 16px;display: inline-block;vertical-align: middle;background-color: #2e3e4e;border-radius: 50%;}
.c_reserved_color {width: 20px !important;height: 20px !important;box-shadow: 0px 2px 10px rgba(0,0,0,0.2) !important;border: 2px solid #000;}
.trbg-defult{background-color: #2e3e4e !important;}
.trbg-Tomato{background-color: #fbf6b4;}
.trbg-indigo{background-color: #3F51B5;}
.trbg-Tomato .header_title{color: #303030;}
.trbg-Flamingo{background-color: #e0dcea;}
.trbg-Flamingo .header_title{color: #303030;}
.trbg-Tangerine{background-color: #d4cfad;}
.trbg-Tangerine .header_title{color: #303030;}
.trbg-Banana{background-color: #fbd2d9;}
.trbg-Banana .header_title{color: #303030;}
.trbg-Sage{background-color: #85dfef;}
.trbg-Sage .header_title{color: #303030;}
.trbg-Basil{background-color: #beb8b3;}
.trbg-Basil .header_title{color: #303030;}
.trbg-Peacock{background-color: #fcccfc;}
.trbg-Peacock .header_title{color: #303030;}
.trbg-bnTomato{background-color: #F44336;}
.trbg-bnFlamingo{background-color: #673AB7;}
.trbg-bnTangerine{background-color: #4CAF50;}
.trbg-bnBanana{background-color: #8BC34A;}
.trbg-bnSage{background-color: #FF9800;}
.trbg-bnBasil{background-color: #FF5722;}
.trbg-bnPeacock{background-color: #607D8B;}
.trbg-bnindigo{background-color: #3F51B5;}
.trbg-bngoldn{background-color: #b19f6b;}
.trbg-Blueberry{background-color: #3F51B5;}
.trbg-Lavender{background-color: #7986CB;}
.trbg-Grape{background-color: #8E24AA;}
.trbg-Graphite{background-color: #616161;}
.list_progress {margin-top:20px;}
.progress_bar {position: relative;height: 20px;background: rgba(0,0,0,0.05);}
.progress_bar span {position: absolute;left: 0;top: 0;height: 100%;width: 0;background: #d7ba70;}
.new_dashboard{background: #f9f9fa!important;width:100%;padding:70px 0px;margin-top: 70px;}
.dash_card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-clip: border-box;margin-bottom: 1.875rem;border: none;box-shadow: 0 2px 18px 1px rgba(49,53,72,.1);border-radius: .45rem;}
.dash_card .card-header {background-color: #fff;margin-bottom: 0;padding: 1.5rem;border-bottom: 1px solid rgba(0,0,0,.06);}
.dash_card .card-body {padding: 1.5rem;background-color: #fff;}
.card-header:first-child {border-radius: .45rem .45rem 0 0;}
.card-title {font-size: 18px;color:#000000;font-weight:600;margin:0px;}
.count_digit{font-weight:bold;font-size:70px;color: #d7ba70;}
.dash_card ul{margin:0px;padding:0px;list-style:none;}
.dash_card ul li {display: inline-block;padding: 8px 20px;border: 1px solid #dedede;margin: 5px 0;border-radius: 40px;background-color: #f9f9fa;}
.dash_card .label {font-size:14px;margin-bottom: 12px;padding: 8px 12px;display: inline-block;margin-right:5px;margin-left:0px;}
.dash_links {font-size:18px;font-weight:600;display:inline-block;}
.edit_btn {color: #d7ba70;font-size: 16px;margin-left: 5px;display: inline-block;text-transform: uppercase;}
@media (min-width: 768px) {
.d-md-none{display:none!important}
.slider_awards_wrapper{display:none;}
}
@media (min-width: 992px) {
.fullscreen .banner-parallax,.fullscreen .banner-slider{height:100%!important}
.pro-signup-container .large-search-button{display:inline-block}
.hidden-md-up{display:none}
}
@media (max-width: 1400px) {
.slide-content h1{font-size:48px}
.slide-content{min-height:300px;}
.slider-banner a img{max-height:400px}
}
@media (max-width: 1199px) {
.rooms-lead-container .rooms-listing-case{padding:0px;}
.project-details-project-container{padding:0px;}
.project-details-heading-menu{display:block;width:100%;margin-top:15px;}
.project-details-heading{padding-left:20px;padding-right:20px;flex-wrap:wrap;}
.rooms-lead-container #filter-selector{top:70px;max-width:100%;}
.rooms-lead-container .rooms-listing-case{padding-left: 15px;}
.rooms-listing-case .therapyroom-list #therapyroom-list > .col-md-6{width: 100%;}
.rooms-listing-case .project-details-project-container .project-top {width: 100%;padding-left: 0px;padding-right: 0;}
.rooms-listing-case .project-details-project-container .project-details {width: 100%;}
.rooms-listing-case .filter-toggle{display:none;}
.rooms-listing-case .lead-filter-toggle{display:none;}
.rooms-lead-container .mob-slide-hide {display: none;}
.back-to-list{display:block !important;}
}
@media (max-width: 992px) {
.banner-parallax > .bg-element{background-position:initial!important}
.banner-center-box{display:block;top:0;width:100%;transform:translateY(0)}
.fullscreen{height:auto!important}
.banner-slider{min-height:auto!important}
.banner_tabs .tab-content {padding: 0;}
}
@media (max-width: 991px) {
.large-search-button .create-user-button span{display:none}
.therapist_banner h1{font-size:28px}
.slide-content .row .col-md-12{width:100%;}
}
@media (max-width: 767px) {
.rooms-lead-container .rooms-listing-case {padding-left: 15px;padding-right: 15px;}
.right-panel-wrapper{padding:0px !important;}
.project-details-heading{padding:0px;}
.dashboard-project-details{position:relative;}
.lead_like_option {position: absolute;right: 0;top: 0;}
.banner-center-box{padding:70px 0}
.slide-content h1,
.slide-content p,
.slide-content .description{width:100%}
.slide-content p{font-size:18px}
.slide-content h1{font-size:28px}
.payment-box-body{padding:0px !important;}
.banner-center-box.text-white .description{font-size:16px;}
.box-form{padding:20px}
.custom-checkbox {height: auto !important;text-align: left !important;text-indent: 0 !important;padding-left: 45px !important;}
.question-form-selection{padding:0px !important;}
.box-form .payment-userinfo .gift-button-element p {font-size: 14px;}
.slider_awards_desktop {display:none !important}
.awards_boxes .banner-caption-img .dccaption-img{padding-bottom:20px;}
#how-it-works-summary{padding-top:20px;}
#lead-map-sidebar { width: 90%; right: -96%;}
}
.enquiry_now_btn {
font-size: 14px;
background: #d7ba70;
color: #ffffff !important;
border-radius: 3px;
font-weight: 600;
padding: 4px 10px;
}
.book_now_btn {
font-size: 14px;
background: #26354e;
border-color: #26354e;
color: #ffffff !important;
border-radius: 3px;
font-weight: 600;
padding: 4px 10px;
}
.cta-section {
display: flex;
gap: 20px;
align-content: center;
flex-direction: row;
}
@media screen and (max-width: 767px) {
.mob-col-detailpage {
padding: 0 !important;
}
}