@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#loader-wrapper .loader-section {
position: fixed;
top: 0;
width: 51%;
height: 100%;
background: #fff;
z-index: 1000;
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
#loader-wrapper .loader-section.section-left {
left: 0;
}
#loader-wrapper .loader-section.section-right {
right: 0;
} .loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}
.wpbookingevent-pro-view-frontend #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.wpbookingevent-pro-view-frontend #loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3498db;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001;
}
.wpbookingevent-pro-view-frontend #loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
.wpbookingevent-pro-view-frontend #loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
.wpbookingevent-pro-view-frontend .nowrap {
white-space: nowrap;
}
.wpbookingevent-pro-view-frontend .entry-content p,
.wpbookingevent-pro-view-frontend .entry-content ul,
.wpbookingevent-pro-view-frontend .entry-content h1,
.wpbookingevent-pro-view-frontend .entry-content h2,
.wpbookingevent-pro-view-frontend .entry-content h3,
.wpbookingevent-pro-view-frontend .entry-content h4,
.wpbookingevent-pro-view-frontend .entry-content h5,
.wpbookingevent-pro-view-frontend .entry-content h6,
.wpbookingevent-pro-view-frontend .entry-content input {
font-family: "Nunito", sans-serif;
font-weight: 400;
color: #333333;
margin: 0;
}
.wpbookingevent-pro-view-frontend .entry-content h5,
.wpbookingevent-pro-view-frontend .entry-content h4,
.wpbookingevent-pro-view-frontend .entry-content h3,
.wpbookingevent-pro-view-frontend .entry-content h2,
.wpbookingevent-pro-view-frontend .entry-content h1 {
margin: 0;
}
.wpbookingevent-pro-view-frontend span {
font-family: "Nunito", sans-serif;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget:not(:last-child) {
margin: 0;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-container h5.elementor-heading-title {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #666666;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-container h2.elementor-heading-title {
font-style: normal;
font-weight: bold;
font-size: 39px;
line-height: 56px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #555555;
margin-bottom: 52px;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-container .elementor-image {
border: 1px solid #E0E0E0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 170px;
height: 170px;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-container .elementor-image img {
color: #f8f8f8;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-container .elementor-image:hover {
background-color: #F8F8F8;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1), 0px -4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1), 0px -4px 10px rgba(0, 0, 0, 0.1);
border: 1px solid #fb646f;
}
.view-list-services {
font-family: "Nunito", sans-serif;
font-size: 15px;
font-weight: 400;
color: #333333;
}
.view-list-services .wrapper-search-service {
width: 100%;
border: 1px solid #DCD7D7;
border-radius: 4px;
margin-bottom: 30px;
}
.view-list-services .wrapper-search-service form.form-search-service {
width: 100%;
}
.view-list-services .wrapper-search-service form.form-search-service .block-title-search-service {
padding: 15px 0;
}
.view-list-services .wrapper-search-service form.form-search-service .block-title-search-service h4 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 0 5px 10px;
border-left: 3px solid #5191FA;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location {
border-top: 1px solid #DCD7D7;
position: relative;
width: 100%;
height: 90px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location i {
font-size: 16px;
position: absolute;
top: 48%;
left: 18px;
transform: translateY(-50%);
z-index: 1;
color: #666666;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location label {
position: absolute;
top: 10px;
left: 40px;
z-index: 1;
color: #666666;
font-weight: 400;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-search-service form.form-search-service .block-select-location label {
left: 50px;
}
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location select.select-location {
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location select.select-location:active,
.view-list-services .wrapper-search-service form.form-search-service .block-select-location select.select-location:focus {
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location .select2-container--default {
width: 100% !important;
height: 100%;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location .select2-container--default .selection .select2-selection--single {
width: 100%;
height: 100%;
border: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
line-height: 90px;
padding-left: 40px;
color: #FB646F;
font-size: 18px;
font-weight: 600;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-search-service form.form-search-service .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
padding-left: 50px;
}
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
display: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option {
border-top: 1px solid #DCD7D7;
padding-top: 20px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .title-more-option p {
display: flex;
justify-content: flex-end;
align-items: center;
color: #FB646F;
cursor: pointer;
padding-right: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .title-more-option p span {
font-size: 18px;
font-weight: 600;
display: inline-block;
margin-right: 10px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .title-more-option p i {
font-size: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price {
padding: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price h5 {
font-size: 15px;
font-weight: 600;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price input#amount_1 {
text-align: center;
font-size: 15px;
border: none;
padding: 10px 0 10px 0;
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price input#amount_1:active {
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price #slider-container-1 {
height: 6px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price #slider-container-1 .ui-slider-range {
background: none;
background-color: #FB646F;
border: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-filter-price #slider-container-1 .ui-slider-handle {
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
background-color: #FB646F;
color: #FB646F;
border: none;
margin-left: -5px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories {
padding: 15px;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories .block-service-category {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories .block-service-category {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories .block-service-category label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories .block-service-category label input[name="category[]"] {
margin-right: 10px;
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-more-option .block-service-categories .block-service-category label input[name="category[]"]:active {
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees {
padding: 15px;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
border-top: 1px solid #DCD7D7;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees .block-service-employee {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees .block-service-employee {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees .block-service-employee label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees .block-service-employee label input[name="employee[]"] {
margin-right: 10px;
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-select-employees .block-service-employee label input[name="employee[]"]:active {
outline: none;
}
.view-list-services .wrapper-search-service form.form-search-service .block-button-search {
width: 100%;
padding: 15px;
}
.view-list-services .wrapper-search-service form.form-search-service .block-button-search button {
width: 100%;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
background-color: #FB646F;
border-color: #FB646F;
}
.view-list-services .wrapper-search-service form.form-search-service .block-button-search .btn-primary:hover {
font-weight: bold;
background-color: #FB646F;
}
.view-list-services .wrapper-filter-service {
width: 100%;
border: 1px solid #DCD7D7;
border-radius: 4px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-tilte-filter {
padding: 15px 0;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-tilte-filter h4 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 0 5px 10px;
border-left: 3px solid #5191FA;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter {
padding: 15px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter h5.title-item {
font-size: 15px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter h5.title-item i {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter h5.title-item.slide-up i {
transform: rotate(180deg);
display: inline-block !important;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner input#amount_2 {
text-align: center;
font-size: 15px;
border: none;
padding: 10px 0 10px 0;
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner input#amount_2:active {
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner #slider-container-2 {
height: 6px;
background-color: #5191fa;
margin-bottom: 15px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner #slider-container-2 .ui-slider-range {
background: none;
background-color: #5191fa;
border: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner #slider-container-2 .ui-slider-handle {
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
background-color: #5191fa;
border: none;
margin-left: -5px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-filter-price.price-filter .block-filter-price-inner a {
font-weight: 700;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score {
padding: 15px;
border-top: 1px solid #DCD7D7;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score h5.title-item {
font-size: 15px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score h5.title-item i {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score h5.title-item.slide-up i {
transform: rotate(180deg);
display: inline-block !important;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating {
margin-top: 15px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating .block-rating-item label {
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating .block-rating-item label ul.list-star-rating {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating .block-rating-item label ul.list-star-rating li.star-icon {
margin-left: 10px;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating .block-rating-item label ul.list-star-rating li.star-icon i.fas {
color: #FFDC00;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-review-score .block-select-rating .block-rating-item label ul.list-star-rating li.star-icon i.far {
color: #D7DBE3;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type {
padding: 15px;
border-top: 1px solid #DCD7D7;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type h5.title-item {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type h5.title-item i {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type h5.title-item.slide-up i {
transform: rotate(180deg);
display: inline-block !important;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type .block-select-service-type {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type .block-select-service-type label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type .block-select-service-type label input[name="service_type"] {
margin-right: 15px;
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-service-type .block-select-service-type label input[name="service_type"]:active {
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration {
padding: 15px;
border-top: 1px solid #DCD7D7;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration h5.title-item {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration h5.title-item i {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration h5.title-item.slide-up i {
transform: rotate(180deg);
display: inline-block !important;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration .block-select-duration {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration .block-select-duration label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration .block-select-duration label input[name="duration"] {
margin-right: 15px;
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-duration .block-select-duration label input[name="duration"]:active {
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language {
padding: 15px;
border-top: 1px solid #DCD7D7;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language h5.title-item {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language h5.title-item i {
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language h5.title-item.slide-up i {
transform: rotate(180deg);
display: inline-block !important;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language .block-select-language {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language .block-select-language label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language .block-select-language label input[name="language"] {
margin-right: 15px;
outline: none;
}
.view-list-services .wrapper-filter-service form.form-filter-service .block-language .block-select-language label input[name="language"]:active {
outline: none;
}
.view-list-services .wrapper-block-result .block-top-result {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.view-list-services .wrapper-block-result .block-top-result .result-title h3 {
font-size: 24px;
font-weight: 600;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown {
margin-right: 20px;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown a.dropdown-toggle {
color: #333333;
font-size: 18px;
font-weight: 600;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu {
padding: 15px;
left: unset;
right: 0;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu label {
font-size: 15px;
font-weight: 400;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu label span {
display: inline-block;
margin-left: 10px;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu .sort-by-price,
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu .sort-by-name {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
justify-content: flex-start;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu .sort-by-price p,
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-sorting-dropdown .dropdown .dropdown-menu .sort-by-name p {
font-size: 15px;
font-weight: 600;
color: #666666;
margin-bottom: 10px;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul {
border: none;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul li {
margin: 0;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul li.active a {
color: #FB646F;
}
@media (max-width: 575.98px) {
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul li:last-child {
display: none;
}
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul li a {
border: none;
padding: 5px;
color: #333333;
}
.view-list-services .wrapper-block-result .block-top-result .block-sorting-display .block-display-button ul li a i {
font-size: 24px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item {
width: 100%;
border: 1px solid #DCD7D7;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item {
min-height: 436px;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top {
width: 100%;
height: 204px;
position: relative;
overflow: hidden;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top:hover .block-img {
transform: scale(1.2);
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-img {
width: 100%;
height: 100%;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-img .div-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
background-color: #FFFFFF;
opacity: 0;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-img div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 204 / 277);
position: relative;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-img div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-feature {
position: absolute;
top: 30px;
left: 0;
z-index: 10;
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-feature .label-feature {
width: 80px;
text-align: center;
padding: 6px 10px;
background-color: #19A1E5;
visibility: hidden;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-feature .label-feature.visible {
visibility: visible;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-feature .label-feature span {
color: #ffffff;
font-size: 15px;
font-weight: 600;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top .block-feature i {
display: inline-block;
font-size: 24px;
color: #FFFFFF;
margin-right: 30px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-top span.box-sale {
position: absolute;
width: 80px;
height: 48px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -30px;
top: -13px;
line-height: 65px;
text-align: center;
color: #fff;
font-size: 15px;
z-index: 8;
background-color: #cc0033;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom {
padding: 15px;
min-height: 186px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .place-service {
font-size: 15px;
color: #5e6d77;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .place-service i {
font-size: 15px;
display: inline-block;
margin-right: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom h4.name-service {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom h4.name-service a {
color: #333333;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 20px 0 0;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star .item-star {
margin: 0;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star .item-star + .item-star {
margin-left: 5px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star .item-star i {
font-size: 15px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star .item-star i.fas {
color: #FFDC00;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating ul.list-rating-star .item-star i.far {
color: #D7DBE3;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-rating .rating-review span {
color: #768092;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-price-sale {
width: 100%;
text-align: right;
min-height: 20px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-price-sale span {
font-size: 15px;
color: #cc0033;
text-decoration: line-through;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .time-trip {
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .time-trip span {
font-size: 15px;
color: #768092;
display: inline-block;
margin-left: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .time-trip i {
font-size: 15px;
color: #768092;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .price-service > span:first-child {
font-size: 15px;
color: #768092;
display: inline-block;
margin-right: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .price-service > span:first-child i {
color: #FA5636;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .price-service > span:first-child span {
display: inline-block;
margin-left: 5px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .block-service-item .content-bottom .block-trip-price .price-service > span:last-child {
font-size: 18px;
font-weight: 700;
color: #333333;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .alert-block {
width: 100%;
padding: 10px 20px;
background-color: #fcf8e3;
border: 1px solid #8a6d3b;
border-radius: 4px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #grid-display .alert-block span {
font-size: 15px;
color: #666666;
}
@media (max-width: 575.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display {
display: none;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 250px;
border: 1px solid #DCD7D7;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list {
height: 275px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list {
height: 275px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list {
flex-flow: row wrap;
height: unset;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content {
width: 270px;
height: 100%;
overflow: hidden;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content {
width: 35%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content {
width: 35%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content {
width: 100%;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block {
width: 100%;
height: 100%;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block {
height: 50%;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block:hover {
transform: scale(1.2);
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 250 / 270);
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block div {
padding-bottom: calc(100% * 273 / 217);
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block div {
padding-bottom: calc(100% * 1 / 2);
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .img-block div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .block-feature {
position: absolute;
top: 30px;
left: 0;
z-index: 10;
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .block-feature .label-feature {
width: 80px;
text-align: center;
padding: 6px 10px;
background-color: #19A1E5;
visibility: hidden;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .block-feature .label-feature.visible {
visibility: visible;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .block-feature .label-feature span {
color: #ffffff;
font-size: 15px;
font-weight: 600;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .block-info-content .block-feature i {
display: inline-block;
font-size: 24px;
color: #FFFFFF;
margin-right: 30px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service {
width: 442px;
height: 100%;
padding: 30px;
border-right: 1px solid #DCD7D7;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service {
width: 40%;
padding: 30px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service {
width: 40%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service {
width: 50%;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .place-service {
font-size: 15px;
color: #5e6d77;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .place-service i {
font-size: 15px;
display: inline-block;
margin-right: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service h4.name-service {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service h4.name-service a {
color: #333333;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 20px 0 0;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star .item-star {
margin: 0;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star .item-star + .item-star {
margin-left: 5px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star .item-star i {
font-size: 15px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star .item-star i.fas {
color: #FFDC00;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating ul.list-rating-star .item-star i.far {
color: #D7DBE3;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service .block-rating .rating-review span {
color: #768092;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-infor-service div.description {
font-size: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 68px;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right {
width: 20%;
height: 100%;
position: relative;
padding: 30px 20px;
overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right {
width: 25%;
padding: 30px 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right {
width: 25%;
padding: 30px 15px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right {
width: 50%;
padding: 30px;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right span.box-sale {
position: absolute;
width: 80px;
height: 48px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -30px;
top: -13px;
line-height: 65px;
text-align: center;
color: #fff;
font-size: 15px;
z-index: 8;
background-color: #cc0033;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service {
display: flex;
flex-flow: column wrap;
align-items: flex-end;
margin-bottom: 20px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .old-price {
min-height: 22px;
color: #A9AEB8;
font-size: 15px;
font-weight: 600;
text-decoration: line-through;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price {
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price {
justify-content: flex-end;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child {
font-size: 15px;
color: #768092;
display: inline-block;
margin-right: 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child {
margin-right: 3px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child {
margin-right: 5px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child {
margin-right: 30px;
}
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child i {
color: #FA5636;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:first-child span {
display: inline-block;
margin-left: 5px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .price-service .new-price > span:last-child {
font-size: 18px;
font-weight: 700;
color: #333333;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .trip-time,
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .service-type-detail {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
padding-left: 5px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .trip-time span,
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .service-type-detail span {
width: 100%;
font-size: 15px;
color: #768092;
display: inline-block;
margin-left: 10px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .trip-time i,
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .service-type-detail i {
font-size: 15px;
color: #768092;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .service-type-detail span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .view-more {
width: 100%;
text-align: center;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .view-more button {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
padding: 5px 15px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .view-more .btn-primary {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
text-transform: capitalize;
background-color: #FB646F;
border-color: #FB646F;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .block-service-item-display-list .content-right .view-more .btn-primary:hover {
font-weight: bold;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .alert-block {
width: 100%;
padding: 10px 20px;
background-color: #fcf8e3;
border: 1px solid #8a6d3b;
border-radius: 4px;
}
.view-list-services .wrapper-block-result .wrapper-result-body #list-display .alert-block span {
font-size: 15px;
color: #666666;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-thumb {
background-color: #F90;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
.view-list-events .block-confirm .jc-bs3-container {
width: 100%;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row {
margin: auto;
width: 100%;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 25%;
left: 4%;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box {
height: 150px;
padding: 20px;
position: relative;
overflow: unset;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
height: 100% !important;
margin-bottom: 0;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
height: 100%;
position: relative;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert {
width: 100%;
display: flex;
flex-flow: column wrap;
align-items: flex-start;
padding-left: 70px;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.title-box {
color: #FB646F;
font-size: 20px;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.content-box {
color: #666666;
font-size: 16px;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div i.icon-nb-hand {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(45deg);
color: #FB646F;
font-size: 50px;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
width: 40px;
height: 40px;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button {
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i {
font-size: 16px;
}
@media (min-width: 0) and (max-width: 409px) {
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 100%;
margin: auto;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 100%;
margin: auto;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 100%;
margin: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-list-events .block-confirm .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 50%;
}
}
.view-list-events .wrapper-list-event {
width: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item {
width: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content {
width: 100%;
height: 191px;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .img-block {
width: 100%;
height: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .img-block div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 191 / 262);
position: relative;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .img-block div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .event-type {
position: absolute;
bottom: 15px;
right: 15px;
z-index: 2;
width: 121px;
height: 30px;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(137, 137, 137, 0.3);
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .event-type span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #F3F3F3;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-img-content .layer-gradient {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, #000000 130.89%);
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .date-schedule {
display: flex;
flex-flow: column;
align-items: center;
margin-right: 20px;
width: 23%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .date-schedule .day {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 50px;
color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .date-schedule .month {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail {
width: 70%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail h2 {
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 38px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
margin-bottom: 30px;
width: 100%;
display: -webkit-box;
word-break: break-word;
height: 80px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail .content-event-block .event-info-item {
display: flex;
justify-content: flex-start;
align-items: center;
height: 22px;
width: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail .content-event-block .event-info-item + .event-info-item {
margin-top: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail .content-event-block .event-info-item .icon-left {
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail .content-event-block .event-info-item .icon-left i::before {
font-size: 16px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-content-middle .information-event-detail .content-event-block .event-info-item .content-right span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right {
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: space-between;
width: 100%;
height: 192px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-price {
width: 93px;
height: 40px;
background-color: #9391FF;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-price span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #F3F3F3;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-heart {
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #DFDFDF;
display: flex;
justify-content: center;
align-items: center;
transition: 250ms all ease-in-out;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-heart:hover {
background-color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-heart i {
font-size: 15px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .block-heart i::before {
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .booking-action {
width: 140px;
height: 40px;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .booking-action button {
font-family: "Nunito", sans-serif;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #555555;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .booking-action button:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .main-event-item .wrapper-block-right .booking-action button:hover {
background-color: #FB646F;
color: #ffffff;
border: 1px solid #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item {
padding: 0 0 30px 0;
background-color: #FFFFFF;
border-radius: 0px 0px 10px 10px;
box-shadow: 5px 20px 20px rgba(0, 0, 0, 0.2);
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail {
margin-bottom: 50px;
padding-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .title {
position: relative;
margin: 0 30px 30px 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .title h4 {
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .title .border-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 119px;
height: 2px;
background-color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .content-description {
margin-bottom: 40px;
padding: 0 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .content-description p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider {
width: 100%;
position: relative;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .slider-event-detail {
width: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .slider-event-detail .img-block {
width: calc(100% / 3);
height: 300px;
position: relative;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .slider-event-detail .img-block div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 300 / 390);
position: absolute;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .slider-event-detail .img-block div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .slider-event-detail .img-block .layer-gradient {
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, #000000 130.89%);
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next {
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #ffffff;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 250ms all ease-in-out;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev:hover,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next:hover {
background-color: #FB646F;
border: 1px solid #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev i,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next i {
font-size: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev i::before,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next i::before {
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev {
left: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-prev i {
transform: rotate(90deg);
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next {
right: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-event-detail .wrapper-slider .button-next i {
transform: rotate(-90deg);
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process {
padding: 0 30px 30px 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process > .title {
position: relative;
margin-bottom: 60px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process > .title h4 {
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process > .title .border-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 119px;
height: 2px;
background-color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking {
width: 100%;
height: 108px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
background-color: #ffffff;
padding: 30px;
}
@media (max-width: 991px) {
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking {
display: none;
}
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li {
width: calc(100% / 5);
height: 55px;
margin: 0;
position: relative;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li:first-child .border-bottom {
border-radius: 10px 0px 0px 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li:last-child .border-bottom {
border-radius: 0px 10px 10px 0px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li:hover a,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li:focus a {
background-color: transparent;
border: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.active a,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.keep-attribute-tab a {
border: none;
padding: 0;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.active a span:first-child,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.keep-attribute-tab a span:first-child {
background-color: #FB646F;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.active a span:last-child,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.keep-attribute-tab a span:last-child {
color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.active .border-bottom,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li.keep-attribute-tab .border-bottom {
background-color: #FB646F;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0;
border: none;
transition: 250ms all ease-in-out;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a:hover,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a:focus {
background-color: transparent;
border: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a span {
transition: 250ms all ease-in-out;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a span:first-child {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #ECECEC;
color: #555555;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li a span:last-child {
font-style: normal;
font-weight: 600;
font-size: 20px; text-transform: capitalize;
color: #555555;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process ul.menu-booking li .border-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 95%;
height: 10px;
background-color: rgba(223, 223, 223, 0.6);
transition: 250ms all ease-in-out;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content {
padding: 45px 0 30px 0;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-cancel {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-cancel:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-cancel:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-next {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-next:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-expert .block-expert-inner .button-action .btn-next:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .block-wrapper-time-quantity {
width: 100%;
height: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ECECEC;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .block-wrapper-time-quantity .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .block-wrapper-time-quantity .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .block-wrapper-time-quantity .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-back {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-back:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-back:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-next {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-next:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-time .block-time-inner .button-action .btn-next:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user {
width: 100%;
height: 100%;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #ECECEC;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input {
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input input[type="text"] {
height: 40px;
border-radius: 20px;
border: 1px solid #D1D1D1;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"] {
border-radius: 0 20px 20px 0;
border-left: none;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"]:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"]:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-1,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-2 {
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: left;
color: #FB646F;
display: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-1.active,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-2.active {
display: block;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-back {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-back:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-back:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-next {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-next:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-detail .block-detail-inner .button-action .btn-next:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .block-payment-method {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ECECEC;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .block-payment-method .notice-error {
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #FB646F;
display: none;
text-align: left;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .block-payment-method .notice-error.active {
display: block;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-back {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-back:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-back:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-next {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-next:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-select-payment .block-payment-inner .button-action .btn-next:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information {
width: 100%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item + .content-item {
margin-top: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-left span,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-right span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-left span:last-child,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-right span:last-child {
font-weight: 600;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-left {
width: 60%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-booking-information .content-information .content-item .item-right {
width: 35%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info {
width: 100%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum {
padding: 0 25px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-detail-cost {
padding-bottom: 25px;
border-bottom: 1px solid #E7E7E7;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-detail-cost .item-cost {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-detail-cost .item-cost + .item-cost {
margin-top: 8px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-detail-cost .item-cost span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary {
padding-top: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .item-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .item-total span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222A3E;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
margin-right: 15px;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .tab-content .block-payment-info .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 {
margin-top: 60px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-expert-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-expert-inner .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-expert-inner .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-expert-inner .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-expert-inner .block-slide-expert .field-employeeimageslider {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: -6px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner {
width: 100%;
margin: 0px;
padding: 35px 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
@media (max-width: 991px) {
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner {
margin: 30px 0 0 0 ;
}
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity {
width: 100%;
height: 100%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .quantity {
display: flex;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .quantity i {
margin-right: 10px;
font-size: 16px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-time-inner .block-wrapper-time-quantity .quantity h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
margin: 25px 0;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user {
width: 100%;
height: 100%;
margin-bottom: -15px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input {
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input input[type="text"] {
height: 40px;
border-radius: 20px;
border: 1px solid #D1D1D1;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"] {
border-radius: 0 20px 20px 0;
border-left: none;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"]:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input #element_field_phone .wrapper-phone-number input[type="text"]:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-1,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-2 {
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 22px;
text-align: left;
color: #FB646F;
display: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-1.active,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-detail-inner .block-wrapper-info-user .block-form-info .block-input .notice-error-2.active {
display: block;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-inner {
width: 100%;
margin: 0 auto;
padding: 30px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-inner .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-inner .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-inner .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-inner .block-payment-method ul.list-payment li {
margin: 1px;
padding: 5px 1px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information {
width: 100%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 30px;
margin-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item + .content-item {
margin-top: 10px;
margin-bottom: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-left span,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-right span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-left span:last-child,
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-right span:last-child {
font-weight: 600;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-left {
width: 60%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-booking-information .content-information .content-item .item-right {
width: 35%;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info {
width: 100%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 30px;
margin-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .title i {
font-size: 16px;
margin-right: 10px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .title h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum {
padding: 0 25px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-detail-cost {
padding-bottom: 25px;
border-bottom: 1px solid #E7E7E7;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-detail-cost .item-cost {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-detail-cost .item-cost + .item-cost {
margin-top: 8px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-detail-cost .item-cost span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary {
padding-top: 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .item-total {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .item-total span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222A3E;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FFFFFF;
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #555555;
transition: 250ms all ease-in-out;
margin-right: 15px;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-cancel-booking:hover {
background-color: #6fa5cc;
border: 1px solid #6fa5cc;
color: #ffffff;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now {
font-family: "Nunito", sans-serif;
width: 117px;
height: 40px;
background-color: #FB646F;
border-radius: 20px;
border: 1px solid #FB646F;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: #F3F3F3;
transition: 250ms all ease-in-out;
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now:active {
outline: none;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .block-payment-info .payment-sum .block-summary .wrapper-button-booking .btn-booking-now:hover {
background-color: #f92231;
border: 1px solid #f92231;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .wrapper-button-booking {
margin-top: 30px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .wrapper-button-booking .btn-cancel-booking-2 {
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 20px;
background-color: #FFFFFF;
color: #555555;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
padding: 6px 30px;
margin-right: 5px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .wrapper-button-booking .btn-booking-now-2 {
background: rgba(251, 100, 111, 0.6);
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #F3F3F3;
transition: all 0.3s;
padding: 6px 20px;
}
.view-list-events .wrapper-list-event .block-event-item .wrapper-dropdown-item .block-booking-process .style-2 .wrapper-button-booking .btn-booking-now-2:hover {
border-color: #FB646F;
background-color: #FB646F;
}
.view-list-events .wrapper-list-event .each-event-list {
background: #FFFFFF;
border-radius: 10px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
transition: all 0.3s;
margin-top: 30px;
}
@media screen and (max-width: 991.99px) {
.view-list-events .wrapper-list-event .each-event-list {
height: auto;
display: none;
}
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date {
display: flex;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service {
position: relative;
margin: 30px 15px 30px 30px;
height: 191px;
width: 70%;
overflow: hidden;
border-radius: 10px;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service img {
width: 100%;
height: 100%;
border-radius: 10px;
transition: all 0.3s;
object-position: center;
object-fit: cover;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service img:hover {
transform: scale(1.1);
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service .border-full {
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, #000000 130.89%);
top: 0;
left: 0;
border-radius: 10px;
transition: all 0.3s;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service .border-full:hover {
transform: scale(1.1);
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service .name-service {
position: absolute;
bottom: 15px;
right: 15px;
background: rgba(137, 137, 137, 0.3);
border-radius: 15px;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .image-service .name-service span {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #F3F3F3;
padding: 3px 13px;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .open-date {
margin-top: 30px;
width: 30%;
height: 75px ;
overflow: hidden;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .open-date .day {
display: flex;
justify-content: center;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 65px;
color: #FB646F;
margin-top: -10px;
}
.view-list-events .wrapper-list-event .each-event-list .image-open-date .open-date .month {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #FB646F;
display: flex;
justify-content: center;
margin-top: -6px;
}
.view-list-events .wrapper-list-event .each-event-list .information {
margin: 30px 0px 30px -10px;
}
.view-list-events .wrapper-list-event .each-event-list .information .name-event span {
font-family: Nunito;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 38px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
transition: all 0.3s;
}
.view-list-events .wrapper-list-event .each-event-list .information .name-event span:hover {
color: #FB646F;
}
.view-list-events .wrapper-list-event .each-event-list .information .capacity i,
.view-list-events .wrapper-list-event .each-event-list .information .hour-duration i,
.view-list-events .wrapper-list-event .each-event-list .information .location i {
font-size: 14px;
color: #666666;
margin-right: 6px;
}
.view-list-events .wrapper-list-event .each-event-list .information .capacity span,
.view-list-events .wrapper-list-event .each-event-list .information .hour-duration span,
.view-list-events .wrapper-list-event .each-event-list .information .location span {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
.view-list-events .wrapper-list-event .each-event-list .information .capacity {
margin-top: 30px;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow {
margin-top: 35px;
float: right;
}
@media screen and (max-width: 991.99px) {
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow {
float: left;
}
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .price-booknow {
text-align: center;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .price-booknow span {
background: #9391FF;
border-radius: 20px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
padding: 7px 22px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #F3F3F3;
}
@media screen and (max-width: 1200px) {
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .price-booknow span {
font-size: 18px;
}
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .heart {
margin-top: 40px;
display: flex;
justify-content: flex-end;
margin-right: 30px;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .heart i {
width: 35px;
height: 35px;
background-color: #DFDFDF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
transition: all 0.3s;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .heart i:hover {
background-color: #FB646F;
cursor: pointer;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .heart i.active {
background-color: #FB646F;
cursor: pointer;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action {
margin-top: 115px;
display: flex;
justify-content: flex-end;
margin-right: 30px;
position: relative;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .div-link {
position: absolute;
width: 100%;
height: 100%;
background-color: #FFFFFF;
color: #FFFFFF;
opacity: 0;
cursor: pointer;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .btn-booknow {
background: #FFFFFF;
border: 1px solid #555555;
box-sizing: border-box;
border-radius: 20px;
transition: all 0.3s;
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: 40px;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .btn-booknow a {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
color: #555555;
transition: all 0.3s;
}
@media screen and (max-width: 1200px) {
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .btn-booknow a {
padding: 2px 10px;
}
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .btn-booknow p {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
color: #555555;
transition: all 0.3s;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action .btn-booknow p {
padding: 2px 10px;
}
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action:hover .btn-booknow {
border: 1px solid #FB646F;
background: #FB646F;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action:hover .btn-booknow a {
color: #FFFFFF;
}
.view-list-events .wrapper-list-event .each-event-list .price-heart-booknow .wrapper-button-action:hover .btn-booknow p {
color: #FFFFFF;
}
.view-list-events .wrapper-list-event .remove-border-bottom {
border-radius: 10px 10px 0px 0px ;
}
.view-list-events .wrapper-list-event .event-table {
display: none;
}
@media screen and (max-width: 991.99px) {
.view-list-events .wrapper-list-event .event-table {
display: block;
}
.view-list-events .wrapper-list-event .event-table .wrapper-dropdown-item {
background-color: #ededed00;
box-shadow: none;
}
.view-list-events .wrapper-list-event .event-table .wrapper-dropdown-item .event-detail {
border-radius: 0px 0px 10px 10px;
margin: -40px 0 30px 0;
background-color: #FFFFFF;
}
.view-list-events .wrapper-list-event .event-table .wrapper-dropdown-item .event-detail .slick-slide div {
text-align: center;
}
}
@media screen and (max-width: 991.99px) and (max-width: 991px) {
.view-list-events .wrapper-list-event .event-table .wrapper-dropdown-item .event-detail .slick-slide div .wrapper-employee {
width: 50%!important;
}
}
.view-list-events .wrapper-list-event .event-table .each-event-table {
background: #FFFFFF;
border-radius: 10px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
transition: all 0.3s;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service {
height: 191px;
width: 100%;
position: relative;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service img {
width: 100%;
height: 100%;
border-radius: 10px 10px 0px 0px;
object-position: center;
object-fit: cover;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .border-full {
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, #000000 130.89%);
top: 0;
left: 0;
border-radius: 10px 10px 0px 0px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .name-service {
position: absolute;
right: 10px;
bottom: 10px;
background: rgba(137, 137, 137, 0.3);
border-radius: 15px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .name-service span {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #F3F3F3;
padding: 3px 13px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .open-date {
position: absolute;
top: 0px;
right: 10px;
background-color: #FFFFFF;
width: 55px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .open-date .day {
display: flex;
justify-content: center;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 65px;
color: #FB646F;
margin-top: -10px;
position: relative;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .open-date .day::before {
content: "";
width: 45px;
position: absolute;
display: flex;
height: 1px;
background-color: #FB646F;
bottom: 10px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .open-date .month {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
color: #FB646F;
display: flex;
justify-content: center;
margin-top: -6px;
padding: 0px 5px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .price {
position: absolute;
left: 10px;
bottom: 10px;
background: #9391FF;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
border-radius: 20px;
text-align: center;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .price span {
padding: 7px 22px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #F3F3F3;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .heart {
position: absolute;
top: 10px;
left: 10px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .heart i {
width: 35px;
height: 35px;
background-color: #DFDFDF;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .img-service .heart i:hover {
background-color: #FB646F;
cursor: pointer;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .information {
margin: 30px;
}
@media screen and (max-width: 576px) {
.view-list-events .wrapper-list-event .event-table .each-event-table .information {
margin: 20px;
}
}
.view-list-events .wrapper-list-event .event-table .each-event-table .information .name-event span {
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 38px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
}
@media screen and (max-width: 576px) {
.view-list-events .wrapper-list-event .event-table .each-event-table .information .name-event span {
line-height: 25px;
}
}
.view-list-events .wrapper-list-event .event-table .each-event-table .information .name-event span:hover {
color: #FB646F;
}
@media screen and (max-width: 576px) {
.view-list-events .wrapper-list-event .event-table .each-event-table .information .capacity,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .hour-duration,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .location {
margin-top: 10px;
}
}
.view-list-events .wrapper-list-event .event-table .each-event-table .information .capacity i,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .hour-duration i,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .location i {
font-size: 14px;
color: #666666;
margin-right: 6px;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .information .capacity span,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .hour-duration span,
.view-list-events .wrapper-list-event .event-table .each-event-table .information .location span {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666666;
}
@media screen and (max-width: 576px) {
.view-list-events .wrapper-list-event .event-table .each-event-table .information .capacity {
margin-top: 10px;
}
}
.view-list-events .wrapper-list-event .event-table .each-event-table .wrapper-button-action {
position: relative;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .wrapper-button-action .div-link {
position: absolute;
width: 100%;
height: 100%;
background-color: #FFFFFF;
color: #FFFFFF;
opacity: 0;
cursor: pointer;
z-index: 999;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .wrapper-button-action .btn-booknow {
display: flex;
justify-content: center;
padding: 0px 0px 30px 0px;
position: relative;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .wrapper-button-action .btn-booknow a {
border: 1px solid #555555;
box-sizing: border-box;
border-radius: 20px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
color: #555555;
padding: 5px 25px;
transition: all 0.3s;
}
.view-list-events .wrapper-list-event .event-table .each-event-table .wrapper-button-action .btn-booknow:hover a {
color: #FFFFFF;
background: #FB646F;
border: 1px solid #FB646F;
}
.view-list-events form[name='filter-form'] {
padding: 0px 0px;
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
text-transform: capitalize;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] {
padding: 0px 15px;
}
}
.view-list-events form[name='filter-form'] .event-type {
background: #FFFFFF;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 12px 00px;
}
.view-list-events form[name='filter-form'] .event-type select {
width: 100%;
border-radius: 10px;
border: none;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #999999;
}
.view-list-events form[name='filter-form'] .event-type select option {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #999999;
}
.view-list-events form[name='filter-form'] .block-select-date {
color: #999999;
border: #fff;
padding: 15px 0px;
background: #FFFFFF;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width: 100%;
}
.view-list-events form[name='filter-form'] .block-select-date input[name="datetimes"] {
padding: 0px 15px;
color: #999999;
border-radius: 10px;
border: #fff;
}
.view-list-events form[name='filter-form'] .block-select-date i.icon-calendar-7 {
right: 20px;
position: absolute;
top: 50%;
color: #B0B0B0;
transform: translateY(-50%);
padding: 10px 30px;
display: flex;
justify-content: center;
align-items: center;
}
.view-list-events form[name='filter-form'] .block-select-location {
color: #999999;
border: #fff;
padding: 12px 0px;
background: #FFFFFF;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width: 100%;
}
.view-list-events form[name='filter-form'] .block-select-location select {
border: #fff;
background: #FFFFFF;
width: 100%;
}
.view-list-events form[name='filter-form'] .block-sorting-dropdown .select2-container--default,
.view-list-events form[name='filter-form'] .block-select-location .select2-container--default {
width: 100% !important;
}
.view-list-events form[name='filter-form'] .block-sorting-dropdown .select2-container--default .select2-selection--single,
.view-list-events form[name='filter-form'] .block-select-location .select2-container--default .select2-selection--single {
border: none;
}
.view-list-events form[name='filter-form'] .block-sorting-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,
.view-list-events form[name='filter-form'] .block-select-location .select2-container--default .select2-selection--single .select2-selection__rendered {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
width: 90%;
color: #999999;
}
.view-list-events form[name='filter-form'] .select-price {
top: 30px;
position: relative;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] .select-price {
padding: 0px 15px;
margin: 50px auto;
top: 0;
}
}
.view-list-events form[name='filter-form'] .select-price input {
font-size: 14px;
position: absolute;
width: 100px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 20px;
padding: 3px 0;
bottom: 14px;
left: 55%;
margin-left: -60px;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] .select-price input {
left: 50%;
margin-left: -46px;
}
}
.view-list-events form[name='filter-form'] .select-price::after {
position: absolute;
content: "";
top: -11px;
left: 50%;
margin-left: -7px;
border-width: 7px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] .select-price::after {
margin-left: -2px;
top: -11px;
left: 50%;
}
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 {
background-color: rgba(223, 223, 223, 0.6);
height: 5px;
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 .ui-slider-handle {
top: -8px;
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 .ui-slider-range {
background-color: #FB646F;
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 span {
border-radius: 50%;
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 span.ui-state-active {
border-radius: 50%;
background-color: #F3F3F3;
border: 1px solid red;
}
.view-list-events form[name='filter-form'] .select-price #slider-container-1 .ui-state-default,
.view-list-events form[name='filter-form'] .select-price #slider-container-1 .ui-widget-content .ui-state-default,
.view-list-events form[name='filter-form'] .select-price #slider-container-1 .ui-widget-header .ui-state-default {
border: 1px solid red;
}
.view-list-events form[name='filter-form'] .block-sorting-dropdown select:focus,
.view-list-events form[name='filter-form'] .block-select-date input:focus,
.view-list-events form[name='filter-form'] .block-select-location select:focus,
.view-list-events form[name='filter-form'] input:focus,
.view-list-events form[name='filter-form'] span:focus,
.view-list-events form[name='filter-form'] button:focus {
outline: none;
}
.view-list-events form[name='filter-form'] .block-sorting-dropdown,
.view-list-events form[name='filter-form'] .block-select-date,
.view-list-events form[name='filter-form'] .block-select-location,
.view-list-events form[name='filter-form'] .wrapper-button {
margin: 10px auto;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] .wrapper-button {
text-align: center;
}
}
.view-list-events form[name='filter-form'] .wrapper-button .btn-primary {
border-radius: 10px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 32px;
text-transform: capitalize;
background-color: #FB646F;
border-color: #FB646F;
}
@media (max-width: 991px) {
.view-list-events form[name='filter-form'] .wrapper-button .btn-primary {
width: 20%;
margin-bottom: 30px;
}
}
.view-list-events form[name='filter-form'] .wrapper-button .btn-primary:hover {
font-weight: bold;
background-color: #FB646F;
border-color: #FB646F;
}
.select2-container--default .select2-dropdown {
border: none;
}
.select2-container--default .select2-dropdown .select2-results ul li {
margin: 0px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.select2-container--default .select2-dropdown .select2-results ul li.select2-results__option--highlighted {
background-color: #fb646f;
font-style: normal;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #fff;
}
.bread-crumb-payment {
margin-left: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.bread-crumb-payment a {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.bread-crumb-payment a:hover {
color: #FB646F;
}
.bread-crumb-payment i {
color: #B0B0B0;
font-size: 12px;
transform: rotate(-90deg);
margin-left: 10px;
margin-right: 10px;
}
.bread-crumb-payment span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.title-payment {
font-style: normal;
font-weight: bold;
font-size: 31px;
line-height: 48px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #666666;
margin-left: 50px;
margin-top: 60px;
}
.view-payment-cancel {
width: 570px;
margin: auto;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
padding: 30px;
}
@media (max-width: 767px) {
.view-payment-cancel {
width: 100%;
}
}
.view-payment-cancel .view-list-paynow .information {
padding-bottom: 17px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-cancel .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-cancel .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-cancel .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-cancel .view-list-paynow .information {
padding-bottom: 20px;
}
}
.view-payment-cancel .view-list-paynow .information h4 {
margin-bottom: 15px;
font-weight: 700;
color: #cc1b6f;
font-size: 18px;
line-height: 23px;
}
.view-payment-cancel .view-list-paynow .information .employee-location {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-cancel .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-cancel .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-cancel .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
.view-payment-cancel .view-list-paynow .information .employee-location p {
font-size: 12px;
color: #666666;
}
.view-payment-cancel .view-list-paynow .information .employee-location .employee-name {
margin-right: 80px;
}
.view-payment-cancel .view-list-paynow .information p {
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-payment-cancel .view-list-paynow .information p i {
padding-right: 10px;
color: #cc1b6f;
}
.view-payment-cancel .view-list-paynow .information .service-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #000;
}
@media (max-width: 480px) {
.view-payment-cancel .view-list-paynow .information .service-name {
font-size: 22px;
}
}
.view-payment-cancel .view-list-paynow .information .price {
text-align: right;
margin-bottom: 10px;
}
.view-payment-cancel .view-list-paynow .information .price .icon-nb-price {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #fff;
padding: 6px 12px 6px 12px;
display: flex;
justify-content: space-between;
}
.view-payment-cancel .view-list-paynow .information .price .icon-nb-price p {
margin-bottom: 0;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-payment-cancel .view-list-paynow .information .price .icon-nb-price i {
width: 20px;
height: 20px;
background: #FB646F;
border-radius: 50%;
position: relative;
margin: 2px 5px 2px 2px;
}
.view-payment-cancel .view-list-paynow .information .price .icon-nb-price i::before {
color: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-cancel .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-cancel .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-cancel .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-cancel .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-cancel .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-cancel .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-cancel .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
.view-payment-cancel .view-list-paynow .list-cart .check {
width: 100%;
height: 100%;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-cancel .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-cancel .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-cancel .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
.view-payment-cancel .view-list-paynow .list-cart .check .image {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 1 / 1);
position: relative;
}
.view-payment-cancel .view-list-paynow .list-cart .check .image img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-payment-cancel .view-list-paynow .list-cart .check .image p {
margin-left: 32px;
margin-top: 5px;
margin-bottom: 16px;
}
.view-payment-cancel .view-list-paynow .list-cart .check .icheckbox_square-red {
margin-top: 82px;
margin-left: 6px;
}
.view-payment-cancel .view-list-paynow .list-cart .content-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart .content-check {
display: block;
}
}
.view-payment-cancel .view-list-paynow .list-cart .content-check .check {
width: 32%;
margin-right: 26px;
}
@media (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart .content-check .check {
width: 100%;
margin-right: 0;
}
}
.view-payment-cancel .view-list-paynow .list-cart .content-check .check img {
height: 116px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart .content-check .check img {
width: 100%;
height: auto;
}
}
.view-payment-cancel .view-list-paynow .list-cart .content-check .text-content-check p {
color: #666666;
font-size: 16px;
line-height: 32px;
}
.view-payment-cancel .view-list-paynow .list-cart .content-check .text-content-check p i {
margin-right: 10px;
margin-top: 2px;
}
.view-payment-cancel .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 6px;
}
@media (max-width: 767px) {
.view-payment-cancel .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 5px;
}
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .price {
text-align: center;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .price .price-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .price .price-price {
color: #666666;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .quantity {
text-align: center;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-quantity {
color: #666666;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .total {
text-align: center;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .total p {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-cancel .view-list-paynow .list-cart .price-quantity-total .total h3 {
font-size: 18px;
text-align: right;
color: #cc1b6f;
font-weight: 600;
}
.view-payment-cancel .view-list-paynow .list-cart .delete i {
margin-top: 82px;
margin-left: 48px;
}
.view-payment-cancel .view-list-paynow .cart-totals {
border-top: 1px solid #e7e7e7;
margin-top: 21px;
padding-top: 20px;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart {
color: #222a3e;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .block-payment-total {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .block-payment-total h3 {
width: 50%;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .block-payment-total p {
width: 50%;
text-align: right;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .block-payment-total {
margin-bottom: 10px;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .order_total_price {
padding: 5px 5px 5px 17px;
background-color: #cc1b6f;
margin-top: 20px;
}
.view-payment-cancel .view-list-paynow .cart-totals .detail-cart .order_total_price p {
color: #FFFFFF;
}
.view-payment-cancel .view-list-paynow .suggestion p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: red;
}
.view-payment-cancel .view-list-paynow .checkout-cart {
font-family: Nunito, Sans-serif;
font-size: 16px;
position: relative;
}
.view-payment-cancel .view-list-paynow .checkout-cart .hikashop_paypal_end #hikashop_paypal_form #hikashop_paypal_end_image input[type="submit"]#hikashop_paypal_button {
padding: 10px;
text-decoration: none;
text-transform: capitalize;
width: 100%;
background: #fb878f;
-webkit-border-radius: 10px;
border-radius: 10px;
height: 50px;
border: none;
color: #FFFFFF;
}
.view-payment-cancel .view-list-paynow .checkout-cart .hikashop_paypal_end #hikashop_paypal_form #hikashop_paypal_end_image input[type="submit"]#hikashop_paypal_button:hover {
background: #fb646f;
}
.bread-crumb-payment {
margin-left: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.bread-crumb-payment a {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.bread-crumb-payment a:hover {
color: #FB646F;
}
.bread-crumb-payment i {
color: #B0B0B0;
font-size: 12px;
transform: rotate(-90deg);
margin-left: 10px;
margin-right: 10px;
}
.bread-crumb-payment span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.title-payment {
font-style: normal;
font-weight: bold;
font-size: 31px;
line-height: 48px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #666666;
margin-left: 50px;
margin-top: 60px;
}
.view-payment-return {
width: 570px;
margin: auto;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
padding: 30px;
}
@media (max-width: 767px) {
.view-payment-return {
width: 100%;
}
}
.view-payment-return .view-list-paynow .information {
padding-bottom: 17px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-return .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-return .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-return .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-return .view-list-paynow .information {
padding-bottom: 20px;
}
}
.view-payment-return .view-list-paynow .information h4 {
margin-bottom: 15px;
font-weight: 700;
color: #cc1b6f;
font-size: 18px;
line-height: 23px;
}
.view-payment-return .view-list-paynow .information .employee-location {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-return .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-return .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-return .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
.view-payment-return .view-list-paynow .information .employee-location p {
font-size: 12px;
color: #666666;
}
.view-payment-return .view-list-paynow .information .employee-location .employee-name {
margin-right: 80px;
}
.view-payment-return .view-list-paynow .information p {
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-payment-return .view-list-paynow .information p i {
padding-right: 10px;
color: #cc1b6f;
}
.view-payment-return .view-list-paynow .information .service-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #000;
}
@media (max-width: 480px) {
.view-payment-return .view-list-paynow .information .service-name {
font-size: 22px;
}
}
.view-payment-return .view-list-paynow .information .price {
text-align: right;
margin-bottom: 10px;
}
.view-payment-return .view-list-paynow .information .price .icon-nb-price {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #fff;
padding: 6px 12px 6px 12px;
display: flex;
justify-content: space-between;
}
.view-payment-return .view-list-paynow .information .price .icon-nb-price p {
margin-bottom: 0;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-payment-return .view-list-paynow .information .price .icon-nb-price i {
width: 20px;
height: 20px;
background: #FB646F;
border-radius: 50%;
position: relative;
margin: 2px 5px 2px 2px;
}
.view-payment-return .view-list-paynow .information .price .icon-nb-price i::before {
color: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-return .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-return .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-return .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-return .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-return .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-return .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-return .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
.view-payment-return .view-list-paynow .list-cart .check {
width: 100%;
height: 100%;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-return .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-return .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-return .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
.view-payment-return .view-list-paynow .list-cart .check .image {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 1 / 1);
position: relative;
}
.view-payment-return .view-list-paynow .list-cart .check .image img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-payment-return .view-list-paynow .list-cart .check .image p {
margin-left: 32px;
margin-top: 5px;
margin-bottom: 16px;
}
.view-payment-return .view-list-paynow .list-cart .check .icheckbox_square-red {
margin-top: 82px;
margin-left: 6px;
}
.view-payment-return .view-list-paynow .list-cart .content-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart .content-check {
display: block;
}
}
.view-payment-return .view-list-paynow .list-cart .content-check .check {
width: 32%;
margin-right: 26px;
}
@media (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart .content-check .check {
width: 100%;
margin-right: 0;
}
}
.view-payment-return .view-list-paynow .list-cart .content-check .check img {
height: 116px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart .content-check .check img {
width: 100%;
height: auto;
}
}
.view-payment-return .view-list-paynow .list-cart .content-check .text-content-check p {
color: #666666;
font-size: 16px;
line-height: 32px;
}
.view-payment-return .view-list-paynow .list-cart .content-check .text-content-check p i {
margin-right: 10px;
margin-top: 2px;
}
.view-payment-return .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 6px;
}
@media (max-width: 767px) {
.view-payment-return .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 5px;
}
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .price {
text-align: center;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .price .price-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .price .price-price {
color: #666666;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .quantity {
text-align: center;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-quantity {
color: #666666;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .total {
text-align: center;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .total p {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-return .view-list-paynow .list-cart .price-quantity-total .total h3 {
font-size: 18px;
text-align: right;
color: #cc1b6f;
font-weight: 600;
}
.view-payment-return .view-list-paynow .list-cart .delete i {
margin-top: 82px;
margin-left: 48px;
}
.view-payment-return .view-list-paynow .cart-totals {
border-top: 1px solid #e7e7e7;
margin-top: 21px;
padding-top: 20px;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart {
color: #222a3e;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .block-payment-total {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .block-payment-total h3 {
width: 50%;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .block-payment-total p {
width: 50%;
text-align: right;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .block-payment-total {
margin-bottom: 10px;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .order_total_price {
padding: 5px 5px 5px 17px;
background-color: #cc1b6f;
margin-top: 20px;
}
.view-payment-return .view-list-paynow .cart-totals .detail-cart .order_total_price p {
color: #FFFFFF;
}
.view-payment-return .view-list-paynow .success {
text-align: center;
background-color: #FB646F;
border-radius: 10px;
padding: 15px 0px;
margin-top: 25px;
}
.view-payment-return .view-list-paynow .success h3 {
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 24px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #FFFFFF;
}
@media screen and (max-width: 320px) {
.view-payment-return .view-list-paynow .success h3 {
font-size: 20px;
}
}
.bread-crumb-payment {
margin-left: 50px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.bread-crumb-payment a {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.bread-crumb-payment a:hover {
color: #FB646F;
}
.bread-crumb-payment i {
color: #B0B0B0;
font-size: 12px;
transform: rotate(-90deg);
margin-left: 10px;
margin-right: 10px;
}
.bread-crumb-payment span {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.title-payment {
font-style: normal;
font-weight: bold;
font-size: 31px;
line-height: 48px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #666666;
margin-left: 50px;
margin-top: 60px;
}
.view-payment-paynow {
width: 570px;
margin: auto;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px -4px 10px rgba(0, 0, 0, 0.05);
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
padding: 30px;
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.view-payment-paynow {
width: 100%;
}
}
.view-payment-paynow .view-list-paynow .information {
padding-bottom: 17px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-paynow .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-paynow .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-paynow .view-list-paynow .information {
padding-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-paynow .view-list-paynow .information {
padding-bottom: 20px;
}
}
.view-payment-paynow .view-list-paynow .information h4 {
margin-bottom: 15px;
font-weight: 700;
color: #cc1b6f;
font-size: 18px;
line-height: 23px;
}
.view-payment-paynow .view-list-paynow .information .employee-location {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-paynow .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-paynow .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-paynow .view-list-paynow .information .employee-location {
flex-flow: column wrap;
align-items: flex-start;
}
}
.view-payment-paynow .view-list-paynow .information .employee-location p {
font-size: 12px;
color: #666666;
}
.view-payment-paynow .view-list-paynow .information .employee-location .employee-name {
margin-right: 80px;
}
.view-payment-paynow .view-list-paynow .information p {
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-payment-paynow .view-list-paynow .information p i {
padding-right: 10px;
color: #cc1b6f;
}
.view-payment-paynow .view-list-paynow .information .service-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #000;
}
@media (max-width: 480px) {
.view-payment-paynow .view-list-paynow .information .service-name {
font-size: 22px;
}
}
.view-payment-paynow .view-list-paynow .information .price {
text-align: right;
margin-bottom: 10px;
}
.view-payment-paynow .view-list-paynow .information .price .icon-nb-price {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background: #fff;
padding: 6px 12px 6px 12px;
display: flex;
justify-content: space-between;
}
.view-payment-paynow .view-list-paynow .information .price .icon-nb-price p {
margin-bottom: 0;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
}
.view-payment-paynow .view-list-paynow .information .price .icon-nb-price i {
width: 20px;
height: 20px;
background: #FB646F;
border-radius: 50%;
position: relative;
margin: 2px 5px 2px 2px;
}
.view-payment-paynow .view-list-paynow .information .price .icon-nb-price i::before {
color: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-paynow .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-paynow .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-paynow .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-paynow .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-paynow .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-paynow .view-list-paynow .list-cart {
flex-flow: column wrap;
align-items: flex-start;
}
.view-payment-paynow .view-list-paynow .list-cart div[class^="col-"] {
width: 100%;
}
}
.view-payment-paynow .view-list-paynow .list-cart .check {
width: 100%;
height: 100%;
}
@media (min-width: 0) and (max-width: 409px) {
.view-payment-paynow .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-payment-paynow .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-payment-paynow .view-list-paynow .list-cart .check {
margin-bottom: 20px;
}
}
.view-payment-paynow .view-list-paynow .list-cart .check .image {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 1 / 1);
position: relative;
}
.view-payment-paynow .view-list-paynow .list-cart .check .image img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.view-payment-paynow .view-list-paynow .list-cart .check .image p {
margin-left: 32px;
margin-top: 5px;
margin-bottom: 16px;
}
.view-payment-paynow .view-list-paynow .list-cart .check .icheckbox_square-red {
margin-top: 82px;
margin-left: 6px;
}
.view-payment-paynow .view-list-paynow .list-cart .content-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart .content-check {
display: block;
}
}
.view-payment-paynow .view-list-paynow .list-cart .content-check .check {
width: 32%;
margin-right: 26px;
}
@media (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart .content-check .check {
width: 100%;
margin-right: 0;
}
}
.view-payment-paynow .view-list-paynow .list-cart .content-check .check img {
height: 116px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart .content-check .check img {
width: 100%;
height: auto;
}
}
.view-payment-paynow .view-list-paynow .list-cart .content-check .text-content-check p {
color: #666666;
font-size: 16px;
line-height: 32px;
}
.view-payment-paynow .view-list-paynow .list-cart .content-check .text-content-check p i {
margin-right: 10px;
margin-top: 2px;
}
.view-payment-paynow .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 6px;
}
@media (max-width: 767px) {
.view-payment-paynow .view-list-paynow .list-cart .content-check .text-content-check p.location i.icon-nb-location {
margin-right: 5px;
}
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .price {
text-align: center;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .price .price-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .price .price-price {
color: #666666;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .quantity {
text-align: center;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-title {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .quantity .quantity-quantity {
color: #666666;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .total {
text-align: center;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .total p {
font-weight: 600;
color: #333333;
margin-bottom: 30px;
}
.view-payment-paynow .view-list-paynow .list-cart .price-quantity-total .total h3 {
font-size: 18px;
text-align: right;
color: #cc1b6f;
font-weight: 600;
}
.view-payment-paynow .view-list-paynow .list-cart .delete i {
margin-top: 82px;
margin-left: 48px;
}
.view-payment-paynow .view-list-paynow .cart-totals {
border-top: 1px solid #e7e7e7;
margin-top: 21px;
padding-top: 20px;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart {
color: #222a3e;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .block-payment-total {
display: flex;
justify-content: space-between;
align-items: center;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .block-payment-total h3 {
width: 50%;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .block-payment-total p {
width: 50%;
text-align: right;
font-weight: 600;
font-size: 20px;
line-height: 32px;
color: #222a3e;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .block-payment-total {
margin-bottom: 10px;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .order_total_price {
padding: 5px 5px 5px 17px;
background-color: #cc1b6f;
margin-top: 20px;
}
.view-payment-paynow .view-list-paynow .cart-totals .detail-cart .order_total_price p {
color: #FFFFFF;
}
.view-payment-paynow .view-list-paynow .checkout-cart {
font-family: Nunito, Sans-serif;
font-size: 16px;
position: relative;
}
.view-payment-paynow .view-list-paynow .checkout-cart .hikashop_paypal_end #hikashop_paypal_form #hikashop_paypal_end_image input[type="submit"]#hikashop_paypal_button {
padding: 10px;
text-decoration: none;
text-transform: capitalize;
width: 100%;
background: #fb878f;
-webkit-border-radius: 10px;
border-radius: 10px;
height: 50px;
border: none;
color: #FFFFFF;
}
.view-payment-paynow .view-list-paynow .checkout-cart .hikashop_paypal_end #hikashop_paypal_form #hikashop_paypal_end_image input[type="submit"]#hikashop_paypal_button:hover {
background: #fb646f;
}
.view-service-detail .gallery-container .wrapper-gallery-slider {
margin-top: 9px;
margin-bottom: 50px;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large {
height: 411px;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-list {
height: inherit;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-list .slick-track {
height: inherit;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-list .slick-track .slick-slide > div {
height: inherit;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-dots {
bottom: -44px;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-dots li {
width: unset;
height: unset;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-dots li button {
width: 9px;
height: 9px;
border: 1px solid #222A3E;
border-radius: 50%;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-dots li button:before {
display: none;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .block-gallery-slider-large .slick-dots li.slick-active button {
background: #FB646F;
border-color: #FB646F;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .slick-arrow {
background: rgba(35, 35, 35, 0.7);
color: #FFFFFF;
height: 50px;
width: 50px;
border-radius: 50%;
text-align: center;
transition: 0.4s;
top: 50%;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .slick-arrow i:before {
transform: translateY(85%);
}
.view-service-detail .gallery-container .wrapper-gallery-slider .slick-arrow:hover {
background: #FB646F;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .slick-arrow:hover i {
color: #FFFFFF;
}
.view-service-detail .gallery-container .wrapper-gallery-slider .arrow-prev {
left: 17%;
}
@media (max-width: 575.98px) {
.view-service-detail .gallery-container .wrapper-gallery-slider .arrow-prev {
display: none;
}
}
.view-service-detail .gallery-container .wrapper-gallery-slider .arrow-next {
right: 17%;
}
@media (max-width: 575.98px) {
.view-service-detail .gallery-container .wrapper-gallery-slider .arrow-next {
display: none;
}
}
.view-service-detail .bread-crumb {
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-service-detail .bread-crumb a.link-category {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.view-service-detail .bread-crumb a.link-category:hover {
color: #FB646F;
}
.view-service-detail .bread-crumb i {
color: #B0B0B0;
font-size: 12px;
transform: rotate(-90deg);
margin-left: 10px;
margin-right: 10px;
}
.view-service-detail .bread-crumb span {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.view-service-detail .block-alert .jc-bs3-container {
width: 100%;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row {
margin: auto;
width: 100%;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 22%;
transform: translateX(-25%) !important;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box {
height: 150px;
padding: 20px;
position: relative;
overflow: unset;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
height: 100% !important;
margin-bottom: 0;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
height: 100%;
position: relative;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert {
width: 100%;
display: flex;
flex-flow: column wrap;
align-items: flex-start;
padding-left: 80px;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.title-box {
color: #FB646F;
font-size: 20px;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div .wrapper-alert span.content-box {
color: #666666;
font-size: 16px;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div i.icon-nb-hand {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(45deg);
color: #FB646F;
font-size: 56px;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
position: absolute;
top: 50%;
right: -21px;
transform: translateY(-50%);
width: 45px;
height: 45px;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button {
border-radius: 50%;
width: 45px;
height: 45px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box .jconfirm-buttons button i {
font-size: 16px;
}
@media (min-width: 0) and (max-width: 409px) {
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 100%;
margin: auto;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 100%;
margin: auto;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 60%;
margin: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 40%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.view-service-detail .block-alert .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
width: 36%;
}
}
.view-service-detail .block-title-service {
margin-bottom: 37px;
}
.view-service-detail .block-title-service h2 {
font-family: Nunito;
margin-bottom: 3px;
color: #222a3e;
font-weight: 700;
letter-spacing: 0.03em;
font-size: 31px;
line-height: 48px;
}
.view-service-detail .block-title-service p {
font-family: Nunito;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
}
.view-service-detail .listing-nav-container {
margin-bottom: 39px;
}
.view-service-detail .listing-nav-container .listing-nav {
width: 100%;
padding: 0;
list-style: none;
margin: 0;
border-bottom: 1px solid #E8EEF2;
font-size: 16px;
font-weight: 600;
margin-bottom: 35px;
}
.view-service-detail .listing-nav-container .listing-nav li {
margin: 0;
display: inline-flex;
margin-right: 22px;
}
.view-service-detail .listing-nav-container .listing-nav li a {
display: inline-block;
position: relative;
bottom: -1px;
transition: 0.3s;
float: left;
color: #222A3E;
text-align: center;
text-decoration: none;
font-style: normal;
font-weight: 600;
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 0.02em;
text-transform: capitalize;
border-bottom: 1px solid #E8EEF2;
}
.view-service-detail .listing-nav-container .listing-nav li:first-child a {
color: #FB646F;
border-color: #FB646F;
}
.view-service-detail .listing-nav-container .listing-nav li:hover a {
color: #FB646F;
border-color: #FB646F;
}
@media screen and (max-width: 375px) {
.view-service-detail .listing-nav-container .listing-nav {
display: grid;
border-color: transparent;
background: #f6f6f6;
padding: 15px;
}
.view-service-detail .listing-nav-container .listing-nav li a {
display: block;
border-bottom: 1px solid transparent;
}
.view-service-detail .listing-nav-container .listing-nav li:hover a {
border-color: transparent;
}
.view-service-detail .listing-nav-container .listing-nav li:first-child a {
color: #FB646F;
border-color: transparent;
}
}
.view-service-detail .wrapper-gallery-slider {
width: 100%;
margin-bottom: 20px;
position: relative;
}
.view-service-detail .wrapper-gallery-slider .arrow-prev,
.view-service-detail .wrapper-gallery-slider .arrow-next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
color: #7b7a80;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
text-decoration: none;
transition: 250ms all ease-in-out;
z-index: 999;
}
.view-service-detail .wrapper-gallery-slider .arrow-prev i,
.view-service-detail .wrapper-gallery-slider .arrow-next i {
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.view-service-detail .wrapper-gallery-slider .arrow-prev:hover,
.view-service-detail .wrapper-gallery-slider .arrow-next:hover {
color: #00aaee;
}
.view-service-detail .wrapper-gallery-slider .arrow-prev {
left: 15px;
transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-gallery-slider .arrow-prev {
display: none;
}
}
.view-service-detail .wrapper-gallery-slider .arrow-next {
right: 15px;
transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-gallery-slider .arrow-next {
display: none;
}
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large {
position: relative;
width: 100%;
height: 450px;
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large {
height: 50%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large {
height: 390px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large {
height: 531px;
}
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large .img-gallery-large {
width: 100%;
height: 100%;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large .img-gallery-large div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 450/790);
position: relative;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-large .img-gallery-large div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small {
width: 100%;
height: 110px;
margin-top: 30px;
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small {
height: 50%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small {
height: 100px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small {
height: 138px;
}
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list {
height: 100%;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track {
height: 100%;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide {
margin-left: 15px;
margin-right: 15px;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide.slick-current .gallery-img-box {
opacity: 1;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide.slick-current .gallery-img-box img {
border: 2px solid #00AFEA;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide .gallery-img-box {
width: 100%;
height: 100%;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
cursor: pointer;
opacity: 0.5;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide .gallery-img-box:hover {
opacity: 1;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide .gallery-img-box div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 110 / 170);
position: relative;
}
.view-service-detail .wrapper-gallery-slider .block-gallery-slider-small .slick-list .slick-track .slick-slide .gallery-img-box div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.view-service-detail .service-information {
margin-bottom: 47px;
}
.view-service-detail .service-information p {
font-family: Nunito;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #666666;
}
.view-service-detail .service-information p span {
display: inline-block;
margin-bottom: 10px;
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-block-check-out {
padding: 0px;
}
}
.view-service-detail .wrapper-block-check-out .infor-payment-left,
.view-service-detail .wrapper-block-check-out .info-payment-right {
width: 100%;
}
.view-service-detail .wrapper-block-check-out .infor-payment-left p,
.view-service-detail .wrapper-block-check-out .info-payment-right p {
font-size: 16px;
line-height: 24px;
color: #333333;
padding-bottom: 8px;
}
.view-service-detail .wrapper-block-check-out .block-select-payment {
width: 80%;
margin: 30px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
margin-bottom: 30px;
padding: 30px 30px;
background: #FFFFFF;
}
.view-service-detail .wrapper-block-check-out .block-select-payment h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 0px 0px 25px 0px;
}
@media screen and (max-width: 576px) {
.view-service-detail .wrapper-block-check-out .block-select-payment h5 {
font-size: 18px;
padding: 0px 0px 25px 0px;
}
}
.view-service-detail .wrapper-block-check-out .block-select-payment h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-select-payment label.error {
font-size: 12px;
color: red;
font-style: italic;
margin-top: 5px;
margin-bottom: 0;
}
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment {
border: 1px solid #D1D1D1;
box-sizing: border-box;
border-radius: 10px;
height: 40px;
}
@media screen and (max-width: 320px) {
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment {
padding: 8px 10px;
}
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment .non-selected,
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment .selected {
left: 12px;
}
}
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment .selected i,
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment .non-selected i {
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment .payment-name {
line-height: 27px;
}
.view-service-detail .wrapper-block-check-out .block-select-payment .wrapper-payment:hover {
border: 1px solid #FB646F;
box-sizing: border-box;
border-radius: 10px;
}
@media (max-width: 767px) {
.view-service-detail .wrapper-block-check-out .block-select-payment .field-paymentsimage .list-payment {
display: block;
}
.view-service-detail .wrapper-block-check-out .block-select-payment .field-paymentsimage .list-payment li {
margin: 30px 0;
}
}
.view-service-detail .wrapper-block-check-out .block-information {
width: 80%;
margin: 30px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
margin-bottom: 30px;
padding: 30px 30px;
background: #FFFFFF;
}
.view-service-detail .wrapper-block-check-out .block-information h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 0px 0px 25px 0px;
}
@media screen and (max-width: 576px) {
.view-service-detail .wrapper-block-check-out .block-information h5 {
font-size: 18px;
padding: 0px 0px 25px 0px;
}
}
.view-service-detail .wrapper-block-check-out .block-information h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-check-out {
width: 80%;
margin: 30px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
margin-bottom: 30px;
padding: 0 30px;
background: #FFFFFF;
}
@media (max-width: 767px) {
.view-service-detail .wrapper-block-check-out .block-check-out {
padding: 30px 30px;
}
}
.view-service-detail .wrapper-block-check-out .block-check-out h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 25px 15px;
}
@media screen and (max-width: 576px) {
.view-service-detail .wrapper-block-check-out .block-check-out h5 {
font-size: 18px;
padding: 25px 12px;
}
}
.view-service-detail .wrapper-block-check-out .block-check-out h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-check-out label.error {
font-size: 12px;
color: red;
font-style: italic;
margin-top: 5px;
margin-bottom: 0;
}
.view-service-detail .wrapper-block-check-out .block-check-out label#phone-error {
margin-top: 0;
}
@media (max-width: 575.98px) {
.view-service-detail .wrapper-block-check-out .block-check-out .input-email {
margin-bottom: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-service-detail .wrapper-block-check-out .block-check-out .input-email {
margin-bottom: 30px;
}
}
.view-service-detail .wrapper-block-check-out .block-check-out .input-firstname,
.view-service-detail .wrapper-block-check-out .block-check-out .input-lastname,
.view-service-detail .wrapper-block-check-out .block-check-out .input-email,
.view-service-detail .wrapper-block-check-out .block-check-out .input-phone {
margin-bottom: 30px;
}
.view-service-detail .wrapper-block-check-out .block-check-out .input-firstname input,
.view-service-detail .wrapper-block-check-out .block-check-out .input-lastname input,
.view-service-detail .wrapper-block-check-out .block-check-out .input-email input,
.view-service-detail .wrapper-block-check-out .block-check-out .input-phone input {
font-family: Nunito;
font-style: normal;
font-weight: normal;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 13px;
height: 40px;
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-check-out .input-phone span.select2-container--default {
width: 20% !important;
}
.view-service-detail .wrapper-block-check-out .block-check-out .input-phone span.select2-container--default .select2-selection--single {
border: 1px solid #D1D1D1;
border-radius: 10px 0px 0px 10px;
height: 40px;
}
.view-service-detail .wrapper-block-check-out .block-check-out .input-phone input.phone_number {
border-radius: 0px 10px 10px 0px!important;
width: 80%;
}
.view-service-detail .wrapper-block-check-out .block-payment-item {
width: 80%;
margin: 30px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
margin-bottom: 30px;
padding: 30px 30px;
background: #FFFFFF;
}
.view-service-detail .wrapper-block-check-out .block-payment-item h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 0px 0px 25px 0px;
}
@media screen and (max-width: 576px) {
.view-service-detail .wrapper-block-check-out .block-payment-item h5 {
font-size: 18px;
}
}
.view-service-detail .wrapper-block-check-out .block-payment-item h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
.view-service-detail .wrapper-block-check-out .block-payment-item .detail-payment-item {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 15px;
padding-right: 15px;
}
.view-service-detail .wrapper-block-check-out .block-payment-item .detail-payment-item > span {
padding-bottom: 8px;
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #666666;
}
.view-service-detail .wrapper-block-check-out .block-payment-item .total-cost {
margin: 26px 0 0px 0px ;
border-top: 1px solid #E7E7E7;
padding: 13px 15px;
}
.view-service-detail .wrapper-block-check-out .block-payment-item .total-cost span {
padding-top: 22px;
font-family: Nunito;
font-style: normal;
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #222A3E;
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout {
width: 80%;
margin: 30px auto;
}
@media (min-width: 0) and (max-width: 409px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout {
flex-flow: column wrap;
margin-top: 25px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout {
flex-flow: column wrap;
margin-top: 25px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout {
flex-flow: column wrap;
margin-top: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout {
margin-top: 25px;
}
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-cancel {
transition: 250ms all ease-in-out;
}
@media (min-width: 0) and (max-width: 409px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-cancel {
width: 100%;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-cancel {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-cancel {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-cancel span {
font-weight: 600;
font-size: 15px;
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart {
font-family: Nunito;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: capitalize;
background: #FB646F;
border-color: #FB646F;
border-radius: 20px;
padding: 6px 30px;
margin-left: 0;
transition: all 0.3s;
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now:hover,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart:hover {
box-shadow: 5px 5px 20px #FB646F;
transform: scale(1.05);
}
@media (min-width: 0) and (max-width: 409px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart {
width: 100%;
margin-left: 0;
margin-top: 10px;
}
}
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-book-now span,
.view-service-detail .wrapper-block-check-out .wrapper-btn-checkout .btn-add-to-cart span {
font-weight: 600;
font-size: 15px;
}
.view-service-detail .service-title-war h3 {
font-family: Nunito;
font-weight: bold;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
text-transform: capitalize;
margin-bottom: 42px;
}
.view-service-detail .service-title-war h3:after {
content: "";
width: 120px;
height: 2px;
background-color: #fb646f;
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
left: 15px;
}
.view-service-detail form.booking-form {
border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 10px;
}
.view-service-detail .block-booking-information {
width: 80%;
margin: 50px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
margin-bottom: 30px;
background: #FFFFFF;
}
@media (max-width: 575.98px) {
.view-service-detail .block-booking-information {
padding: 20px;
}
}
.view-service-detail .block-booking-information h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 25px 30px;
}
@media screen and (max-width: 576px) {
.view-service-detail .block-booking-information h5 {
font-size: 18px;
padding: 25px 15px;
}
}
.view-service-detail .block-booking-information h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized {
left: 10px;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized .slick-dots li button:before {
width: 9px;
height: 9px;
border: 1px solid #222A3E;
border-radius: 50%;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized .slick-dots li button {
width: 9px;
height: 9px;
border: 1px solid #222A3E;
border-radius: 50%;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized .slick-dots li button:before {
display: none;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized .slick-dots li.slick-active button {
background: #FB646F;
border-color: #FB646F;
}
.view-service-detail .block-booking-information .field-employeeimageslider .slick-initialized .slick-dots li.slick-active button:before {
display: none;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee {
width: 90%!important;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee p {
text-align: center;
font-weight: normal;
font-size: 16px;
line-height: 24px;
background-color: #F2F2F2;
padding: 10px 10px;
margin: auto;
border-radius: 0px 0px 10px 10px;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee p.active {
color: #fb646f;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .img-box div {
padding-bottom: calc(100% * 1 / 1);
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .img-box div img {
border-radius: 10px 10px 0px 0px;
width: 100%;
height: 100%;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .img-box div img:hover {
outline: none!important;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .selected {
color: #FFFFFF;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
float: right;
z-index: 10;
position: absolute;
right: 10px;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .selected i {
position: absolute;
color: #fb646f;
}
.view-service-detail .block-booking-information .field-employeeimageslider .list-employee .wrapper-employee .selected .icon-nb-heart:before {
font-size: 14px;
}
.view-service-detail .select-time {
width: 80%;
margin: 30px auto;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 30px 30px;
margin-bottom: 30px;
background: #FFFFFF;
}
.view-service-detail .select-time h5 {
font-family: Nunito;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #666666;
padding: 0px 30px 25px 0px;
}
@media screen and (max-width: 576px) {
.view-service-detail .select-time h5 {
font-size: 18px;
padding: 0px 30px 15px 0px;
}
}
.view-service-detail .select-time h5 i.icon-nb-shapes {
margin-right: 10px;
font-size: 16px;
}
@media (max-width: 991px) {
.view-service-detail .select-time .field-calendardatetime .form_datetime {
width: 100%;
}
}
.view-service-detail .select-time .field-calendardatetime .form_datetime .add-on {
background-color: inherit;
margin: 0 7px;
}
.view-service-detail .select-time .field-calendardatetime .form_datetime .time-booking {
padding: 25px 20px;
}
.view-service-detail .select-time .field-calendardatetime .form_datetime .form-control {
background: #fff; -webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.view-service-detail .block-rating-service {
font-family: Nunito;
font-style: normal;
font-weight: normal;
border: 1px solid #E0E0E0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 20px 23px 0px;
margin: 8px 0 45px !important;
margin-bottom: 25px;
}
@media (max-width: 575.98px) {
.view-service-detail .block-rating-service {
padding-top: 30px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.view-service-detail .block-rating-service {
padding-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.view-service-detail .block-rating-service {
padding-top: 30px;
}
}
.view-service-detail .block-rating-service .block-rating-left {
width: 100%;
}
.view-service-detail .block-rating-service .block-rating-left h6 {
font-family: Nunito;
font-style: normal;
font-weight: normal;
margin: 0;
font-size: 16px;
line-height: 24px;
color: #000000;
margin-bottom: 10px;
text-align: center;
text-transform: none;
}
.view-service-detail .block-rating-service .block-rating-left h1 {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-weight: bold;
font-size: 39px;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-rating-service .block-rating-left p {
font-size: 31px;
color: #000000;
text-align: center;
font-weight: bold;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star .item-star {
margin: 0;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star .item-star + .item-star {
margin-left: 5px;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star .item-star i {
font-size: 8px;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star .item-star i.fas {
color: #FFDC00;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating ul.list-rating-star .item-star i.far {
color: #D7DBE3;
}
.view-service-detail .block-rating-service .block-rating-left .block-rating .rating-review span {
color: #b0b0b0;
letter-spacing: 0.02em;
font-size: 16px;
}
.view-service-detail .block-rating-service .block-rating-right {
border-left: 1px solid #E7E7E7;
width: 100%;
padding-left: 15px;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating {
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row nowrap;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating p {
padding: 4px 0;
font-weight: normal;
font-size: 16px;
color: #B0B0B0;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star .item-star {
margin: 0;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star .item-star + .item-star {
margin-left: 5px;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star .item-star i {
font-size: 8px;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star .item-star i.fas {
color: #FFDC00;
}
.view-service-detail .block-rating-service .block-rating-right .item-rating ul.list-rating-star .item-star i.far {
color: #D7DBE3;
}
.view-service-detail .block-information-employee {
border: 1px solid #ececec;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 13px 30px 51px;
margin: 0 0 36px !important;
}
.view-service-detail .block-information-employee .hosted-by-title {
border-bottom: 1px solid #E0E0E0;
padding: 30px 0px;
}
.view-service-detail .block-information-employee .hosted-by-title p {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #666666;
}
.view-service-detail .block-information-employee .hosted-by-title h4 {
font-family: Nunito;
font-style: normal;
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-information-employee .hosted-by-title .employee-image {
height: 56px;
-webkit-border-radius: 50%;
border-radius: 50%;
float: right;
}
.view-service-detail .block-information-employee .hosted-by-bio p {
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #666666;
margin: 24px 0 21px;
line-height: 25px;
padding-bottom: 23px;
border-bottom: 1px solid #E0E0E0;
}
.view-service-detail .block-information-employee .listeo_core span {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #666666;
}
.view-service-detail .block-information-employee .listeo_core span .btn-click-here {
color: #fb646f;
}
.view-service-detail .block-information-employee .listeo_core a.btn-send-message p {
font-family: Nunito;
font-style: normal;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-information-employee .listeo_core .btn-send-message:hover {
background-color: #fb646f;
}
.view-service-detail .block-information-employee .listeo_core .btn-send-message:hover i {
color: #fff;
}
.view-service-detail .block-information-employee .listeo_core .btn-send-message:hover p {
color: #fff;
}
.view-service-detail .block-information-employee .listeo_core .btn-send-message {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #ececec;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 8px 15px;
margin-top: 17px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.view-service-detail .block-information-employee .listeo_core .btn-send-message i {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
color: #222a3e;
font-size: 16px;
}
.view-service-detail .block-info-working-time {
border: 1px solid #ECECEC;
box-sizing: border-box;
border-radius: 10px;
padding: 20px 30px 30px 30px;
overflow: hidden;
position: relative;
margin-bottom: 45px;
}
.view-service-detail .block-info-working-time > div:first-child {
border-bottom: 1px solid #ECECEC;
padding-bottom: 8px;
margin-bottom: 25px;
}
.view-service-detail .block-info-working-time > div:first-child .listing-badge {
float: left;
position: absolute;
transform: rotate(45deg);
right: -64px;
top: 18px;
text-align: center;
width: 180px;
font-size: 12.5px;
margin: 0;
z-index: 999;
color: #fff;
font-weight: 500;
line-height: 28px;
}
.view-service-detail .block-info-working-time > div:first-child .listing-badge.now-open {
background: #FB646F;
}
.view-service-detail .block-info-working-time > div:first-child .widget-title {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-info-working-time .work-time-item span:first-child {
color: #666666;
letter-spacing: 0.02em;
}
.view-service-detail .block-info-working-time .work-time-item span:last-child {
color: #B0B0B0;
letter-spacing: 0.02em;
}
.view-service-detail .block-info-working-time .work-time-item:last-child {
margin-bottom: 2px;
}
@media screen and (max-width: 320px), (min-width: 992px) and (max-width: 1200px) {
.view-service-detail .block-info-working-time .work-time-item {
display: block;
}
.view-service-detail .block-info-working-time .work-time-item span {
display: block;
}
}
.view-service-detail .block-info-working-time h3 {
border-bottom: 1px solid #E7E7E7;
padding-bottom: 23px;
}
.view-service-detail .block-info-working-time h3:after {
display: none;
}
.view-service-detail .share-buttons {
margin-top: 36px;
}
.view-service-detail .share-buttons h4 {
font-family: Nunito;
font-style: normal;
font-weight: 600;
font-size: 20px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
text-align: center;
margin-bottom: 25px;
}
.view-service-detail .share-buttons ul {
text-align: center;
list-style: none;
padding: 0;
}
.view-service-detail .share-buttons ul li {
display: contents;
}
.view-service-detail .share-buttons ul li .fb-share {
color: #4267b2;
border: 1px solid #4267b2;
}
.view-service-detail .share-buttons ul li .fb-share:hover {
background-color: #4267b2;
}
.view-service-detail .share-buttons ul li .twitter-share {
color: #03a9f4;
border: 1px solid #03a9f4;
}
.view-service-detail .share-buttons ul li .twitter-share:hover {
background-color: #03a9f4;
}
.view-service-detail .share-buttons ul li .pinterest-share {
color: #d32f2f;
border: 1px solid #d32f2f;
}
.view-service-detail .share-buttons ul li .pinterest-share:hover {
background-color: #d32f2f;
}
.view-service-detail .share-buttons ul li a {
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 16px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 6px 14px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.view-service-detail .share-buttons ul li a i {
font-size: 16px;
margin-right: 5px;
}
.view-service-detail .share-buttons ul li a:hover {
border-color: transparent;
color: #fff;
}
.view-service-detail .share-buttons ul li:not(:last-child) {
margin-right: 10px;
}
.view-service-detail .block-location-info {
padding-bottom: 30px;
}
.view-service-detail .block-location-info .map-block {
width: 100%;
height: 411px;
margin-bottom: 18px;
}
@media screen and (max-width: 576px) {
.view-service-detail .block-location-info .map-block {
height: 300px;
}
}
.view-service-detail .block-location-info .map-block iframe {
border-radius: 10px;
width: 100% !important;
height: 100% !important;
}
.view-service-detail .block-location-info h3 {
font-family: Nunito;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
margin-bottom: 42px;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-location-info h3:after {
left: 0;
content: "";
width: 120px;
height: 2px;
background-color: #fb646f;
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
left: 15px;
}
.view-service-detail .block-location-info h5 {
font-weight: normal;
font-size: 20px;
line-height: 32px;
color: #333333;
margin-bottom: 7px;
}
.view-service-detail .block-location-info .block-social-icon {
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: row nowrap;
}
.view-service-detail .block-location-info .block-social-icon a.item-social {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #E7E7E7;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
text-decoration: none;
}
.view-service-detail .block-location-info .block-social-icon a.item-social + .item-social {
margin-left: 10px;
}
.view-service-detail .block-location-info .block-social-icon a.item-social i {
font-size: 14px;
color: #000000;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-service-detail .block-location-info .block-social-icon a.item-social:hover {
background-color: #ffffff;
}
.view-service-detail .block-location-info .block-social-icon a.item-social:hover i {
color: #FB646F;
}
.view-service-detail .block-info-working-time {
margin-top: 25px;
}
.view-service-detail .block-info-working-time .work-time-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.view-service-detail .block-info-working-time .work-time-item span {
display: inline-block;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #333333;
}
.view-service-detail .block-review-by-customer {
margin-top: 58px;
position: relative;
}
.view-service-detail .block-review-by-customer h4 {
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
width: 70%;
top: -20px;
left: 0;
}
@media screen and (max-width: 576px) {
.view-service-detail .block-review-by-customer h4 {
font-size: 20px;
}
}
.view-service-detail .block-review-by-customer h4::after {
content: "";
width: 119px;
height: 2px;
background-color: #FB646F;
position: absolute;
display: flex;
}
.view-service-detail .block-review-by-customer h4 span {
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #666666;
}
.view-service-detail .block-review-by-customer .block-review-item {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-top: 50px;
padding-bottom: 30px;
border-bottom: 1px solid #E7E7E7;
}
.view-service-detail .block-review-by-customer .block-review-item .img-block {
width: 70px;
height: 70px;
border-radius: 50%;
margin-right: 30px;
background-color: #FB646F;
position: relative;
}
@media screen and (max-width: 992px) {
.view-service-detail .block-review-by-customer .block-review-item .img-block {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 576px) {
.view-service-detail .block-review-by-customer .block-review-item .img-block {
margin-right: 0px;
width: 50px;
height: 50px;
}
}
@media (max-width: 480px) {
.view-service-detail .block-review-by-customer .block-review-item .img-block {
width: 40px;
height: 40px;
}
}
.view-service-detail .block-review-by-customer .block-review-item .img-block i {
color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
}
@media screen and (max-width: 992px) {
.view-service-detail .block-review-by-customer .block-review-item .img-block i {
font-size: 30px;
}
}
@media screen and (max-width: 576px) {
.view-service-detail .block-review-by-customer .block-review-item .img-block i {
font-size: 16px;
}
}
.view-service-detail .block-review-by-customer .block-review-item .block-content {
margin-right: 8px;
width: 70%;
}
@media (max-width:576px) {
.view-service-detail .block-review-by-customer .block-review-item .block-content {
padding-left: 20px;
width: 60%;
}
}
@media (max-width: 480px) {
.view-service-detail .block-review-by-customer .block-review-item .block-content {
width: 50%;
}
}
.view-service-detail .block-review-by-customer .block-review-item .block-content h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
}
.view-service-detail .block-review-by-customer .block-review-item .block-content h6 {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
margin: 0;
text-transform: capitalize;
}
.view-service-detail .block-review-by-customer .block-review-item .block-content h6 span {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
color: #B0B0B0;
margin: 0;
text-transform: initial;
}
.view-service-detail .block-review-by-customer .block-review-item .block-content p {
font-weight: normal;
font-style: normal;
font-size: 16px;
line-height: 24px;
color: #666666;
display: -webkit-box;
-webkit-line-clamp: 3;
letter-spacing: 0.02em;
-webkit-box-orient: vertical;
height: 72px;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 7px;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star .item-star {
margin: 0;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star .item-star + .item-star {
margin-left: 5px;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star .item-star i {
font-size: 15px;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star .item-star i.fas {
color: #FFDC00;
}
.view-service-detail .block-review-by-customer .block-review-item .block-star-review ul.list-rating-star .item-star i.far {
color: #D7DBE3;
}
.view-service-detail .review-form {
font-family: Nunito, sans-serif;
}
.view-service-detail .review-form .review {
padding: 50px 100px;
margin-bottom: 96px;
border: 1px solid #ececec;
box-sizing: border-box;
border-radius: 10px;
margin-top: 30px;
}
@media screen and (max-width: 1200px) {
.view-service-detail .review-form .review {
padding: 50px 30px;
}
}
.view-service-detail .review-form .add-review .reviewer-first-name input,
.view-service-detail .review-form .add-review .reviewer-last-name input,
.view-service-detail .review-form .add-review .review-comment textarea {
padding: 24px 15px;
font-size: 16px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #e7e7e7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 2px 15px rgba(58, 58, 58, 0.2);
box-shadow: 0px 2px 15px rgba(58, 58, 58, 0.2);
}
.view-service-detail .review-form .add-review .reviewer-first-name label,
.view-service-detail .review-form .add-review .reviewer-last-name label,
.view-service-detail .review-form .add-review .review-comment label {
color: #FB646F;
}
.view-service-detail .review-form .add-review .reviewer-first-name,
.view-service-detail .review-form .add-review .reviewer-last-name {
margin-top: 50px;
margin-bottom: 35px;
}
.view-service-detail .review-form .add-review .review-comment textarea {
min-height: 150px;
}
.view-service-detail .review-form .add-review .rating-stars ul {
margin-top: 2px;
list-style-type: none;
padding: 0;
display: flex;
}
.view-service-detail .review-form .add-review .rating-stars ul > li.star {
margin-left: 0;
margin-right: px;
}
.view-service-detail .review-form .add-review .rating-stars ul > li.star i.fa {
font-size: 15px;
transition: all 0.3s;
}
.view-service-detail .review-form .add-review .rating-stars ul > li.star i.fa:hover {
cursor: pointer;
}
.view-service-detail .review-form .add-review h4 {
font-family: Nunito, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 40px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #7b7b7b;
position: relative;
}
.view-service-detail .review-form .add-review p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #666;
margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
.view-service-detail .review-form .add-review .service-rating {
display: flex;
justify-content: space-between;
}
}
.view-service-detail .review-form .add-review .service-rating span {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222a3e;
}
@media screen and (max-width: 320px) {
.view-service-detail .review-form .add-review .service-rating span {
font-size: 18px;
}
}
.view-service-detail .review-form .add-review .btn-add-review {
margin-top: 30px;
text-decoration: none;
padding: 8px 36px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #FB646F;
border-color: #FB646F;
transition: all 0.3s;
}
.view-service-detail .review-form .add-review .btn-add-review span {
letter-spacing: 0.02em;
text-transform: capitalize;
color: #FFFFFF;
font-size: 16px;
}
.view-service-detail .review-form .add-review .btn-add-review:hover {
transform: scale(1.05);
box-shadow: 5px 5px 20px #FB646F;
}
.page-not-found {
margin-bottom: 20px;
}
.select2-container--open .select2-dropdown {
width: 240px!important;
}
.view-list-category .block-title {
margin-bottom: 60px;
text-align: center;
}
.view-list-category .block-title h2 {
font-style: normal;
font-weight: bold;
font-size: 31px;
line-height: 48px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #555555;
font-family: "Nunito", sans-serif;
}
.view-list-category .block-title p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #B0B0B0;
font-family: "Nunito", sans-serif;
}
.view-list-category .wrapper-category-item {
border: 1px solid #e2e6ec;
border-radius: 10px;
cursor: pointer;
margin-bottom: 24px;
background-color: #F3F3F3;
height: 300px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
overflow: hidden;
}
.view-list-category .wrapper-category-item:hover .layer-blur {
background-color: rgba(0, 0, 0, 0.5);
}
.view-list-category .wrapper-category-item .div-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #666666;
opacity: 0.3;
z-index: 5;
}
.view-list-category .wrapper-category-item .img-block {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
}
.view-list-category .wrapper-category-item .img-block div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 298/378);
position: absolute;
}
.view-list-category .wrapper-category-item .img-block div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.view-list-category .wrapper-category-item h3 {
font-size: 24px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 6;
}
.view-list-category .wrapper-category-item h3 a {
color: #FFFFFF;
text-transform: uppercase;
}
.view-list-category .wrapper-category-item .layer-content {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 6;
}
.view-list-category .wrapper-category-item .layer-content .training {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 30px;
left: 0;
}
.view-list-category .wrapper-category-item .layer-content .training .list-service {
margin: 0;
margin-left: 20px;
}
.view-list-category .wrapper-category-item .layer-content .training .list-service li {
display: inline;
padding: 0;
margin-left: 0;
float: left;
}
.view-list-category .wrapper-category-item .layer-content .training .list-service li + li {
margin-left: -14px;
}
.view-list-category .wrapper-category-item .layer-content .training .list-service li .service-image {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #ffffff;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.view-list-category .wrapper-category-item .layer-content .training .list-service li .service-image:hover {
transform: scale(1.2);
}
.view-list-category .wrapper-category-item .layer-content .training p {
background-color: #cc1b6f;
padding: 5px 15px;
color: #FFFFFF;
position: relative;
border-radius: 25px 0px 0px 25px;
}
.wpbookingevent-pro-view-frontend .partner-img .elementor-widget-heading h5.elementor-heading-title {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #666666;
}
.nb-woo-booking .field-countries .select2-container--default .selection .select2-selection--multiple {
border-radius: 4px !important;
}
.field-locations .select2-container--default {
width: 100% !important;
}
.field-locations .select2-container--default .selection .select2-selection--single {
height: 44px;
border-radius: 10px;
outline: none;
border: 1px solid #E2E5EC;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
line-height: 44px;
padding-left: 20px;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
height: 44px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.field-locations .select2-container--default .selection .select2-selection--single .select2-selection__arrow i {
transition: 250ms all ease-in-out;
}
.field-mediabrowser .show-image {
width: 100%;
margin-bottom: 10px;
}
.field-mediabrowser .show-image img {
width: 100%;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default {
width: 30% !important;
float: left;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single {
border-radius: 20px 0 0 20px;
height: 40px;
outline: none;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.field-phonenumber .wrapper-phone-number .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.field-phonenumber .wrapper-phone-number input.phone_number {
float: left;
width: 70%;
border-left: none;
height: 34px;
padding: 5px 20px 5px 20px;
margin: 0;
}
.field-states .select2-container--default {
width: 100% !important;
}
.field-states .select2-container--default .selection .select2-selection--multiple {
border-radius: 4px !important;
}
.field-yesno .form-control {
display: flex;
justify-content: flex-start;
align-items: center;
border-radius: 0;
}
.field-yesno .form-control .block-left {
margin-right: 20px;
}
.field-calendardatetime .form_datetime {
width: 70%;
position: relative;
margin: 0 auto;
}
@media (max-width: 575.98px) {
.field-calendardatetime .form_datetime {
width: 100%;
}
}
.field-calendardatetime .form_datetime .time-booking {
padding: 10px 20px;
}
.field-calendardatetime .form_datetime .add-on {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.field-calendardatetime .form_datetime .add-on:nth-child(2) {
right: 34px;
background-color: #c0bebe;
border-right: 1px solid #acacac;
}
.field-calendardatetime .form_datetime .add-on:nth-child(3) {
right: 0;
background-color: #c0bebe;
}
.field-calendardatetime .form_datetime .add-on i {
font-size: 13px;
}
.datetimepicker.dropdown-menu {
width: 350px;
}
@media (max-width: 575.98px) {
.datetimepicker.dropdown-menu {
width: 100%;
transform: translateX(40px);
}
}
.datetimepicker.dropdown-menu .prev {
transform: rotate(90deg);
}
.datetimepicker.dropdown-menu .next {
transform: rotate(-90deg);
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.field-employeeimageslider {
width: 100%;
padding-bottom: 30px;
border-bottom: 1px solid #F2F2F2;
margin-bottom: 22px;
position: relative;
}
.field-employeeimageslider span {
cursor: pointer;
transition: 250ms all ease-in-out;
}
.field-employeeimageslider span:hover {
color: #00aaee;
}
.field-employeeimageslider span.left {
position: absolute;
top: 40%;
left: -26px;
transform: translateY(-40%) rotate(90deg);
}
@media (max-width: 575.98px) {
.field-employeeimageslider span.left {
display: none;
}
}
.field-employeeimageslider span.right {
position: absolute;
top: 40%;
right: -22px;
transform: translateY(-40%) rotate(-90deg);
}
@media (max-width: 575.98px) {
.field-employeeimageslider span.right {
display: none;
}
}
.field-employeeimageslider .slick-disabled {
display: none!important;
}
.field-employeeimageslider .list-employee {
padding: 0;
margin: 0;
width: 100%;
}
.field-employeeimageslider .list-employee .wrapper-employee {
position: relative;
cursor: pointer;
width: 100%;
height: 100%;
overflow: hidden;
padding: 0 6px;
}
@media (min-width: 0) and (max-width: 409px) {
.field-employeeimageslider .list-employee .wrapper-employee {
height: 89%;
margin-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.field-employeeimageslider .list-employee .wrapper-employee {
height: 89%;
margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.field-employeeimageslider .list-employee .wrapper-employee {
height: 89%;
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.field-employeeimageslider .list-employee .wrapper-employee {
height: 89%;
margin-bottom: 20px;
}
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
width: 100%;
height: 90%;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
}
@media (min-width: 0) and (max-width: 409px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
height: 89%;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
height: 89%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
height: 89%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box {
height: 89%;
}
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 1 / 1);
position: relative;
}
@media (min-width: 0) and (max-width: 409px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
padding-bottom: calc(100% * 1 / 1);
}
}
@media (min-width: 410px) and (max-width: 599px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
padding-bottom: calc(100% * 1 / 1);
}
}
@media (min-width: 600px) and (max-width: 767px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
padding-bottom: calc(100% * 1 / 1);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.field-employeeimageslider .list-employee .wrapper-employee .img-box div {
padding-bottom: calc(100% * 1 / 1);
}
}
.field-employeeimageslider .list-employee .wrapper-employee .img-box div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.field-employeeimageslider .list-employee .wrapper-employee > p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
padding: 10px 22px;
border-radius: 0px 0px 10px 10px;
overflow: hidden;
background-color: #F6F6F6;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.field-employeeimageslider .list-employee .wrapper-employee > p.active {
color: #FB646F;
}
.field-employeeimageslider .list-employee .wrapper-employee .selected {
position: absolute;
top: 5px;
right: 25px;
z-index: 10;
color: #C88570;
}
.field-employeeimageslider .list-employee .wrapper-employee .selected i {
font-size: 20px;
}
.field-incrementnumber .handle-counter .counter-minus {
width: 42px;
height: 40px;
float: left;
border-radius: 15px 0px 0px 15px;
background-color: #ffffff;
border: 1px solid #D1D1D1;
outline: none;
color: #555555;
transition: 250ms all ease-in-out;
}
.field-incrementnumber .handle-counter .counter-minus:active {
outline: none;
}
.field-incrementnumber .handle-counter .counter-minus:hover {
background-color: #6fa5cc;
color: #ffffff;
}
.field-incrementnumber .handle-counter .counter-plus {
width: 42px;
height: 40px;
float: left;
border-radius: 0px 15px 15px 0px;
background-color: #FB646F;
border-color: #FB646F;
outline: none;
transition: 250ms all ease-in-out;
}
.field-incrementnumber .handle-counter .counter-plus:active {
outline: none;
}
.field-incrementnumber .handle-counter .counter-plus:hover {
background-color: #f92231;
}
.field-incrementnumber .handle-counter .increment-number {
border-radius: 0;
height: 40px;
width: 65px;
float: left;
outline: none;
}
.field-incrementnumber .handle-counter .increment-number:active {
outline: none;
}
.field-list-event-of-service .block-event-item {
background-color: #F2F2F2;
border-radius: 5px;
margin-bottom: 30px;
padding: 11px 30px 22px 30px;
}
.field-list-event-of-service .block-event-item .service-image-box {
width: 89px;
height: 89px;
border-radius: 50%;
overflow: hidden;
margin: auto;
margin-top: 19px;
}
@media (max-width: 575.98px) {
.field-list-event-of-service .block-event-item .service-image-box {
margin-left: 0                                                                                                          ;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.field-list-event-of-service .block-event-item .service-image-box {
margin-left: 0;
}
}
.field-list-event-of-service .block-event-item .service-image-box div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 1 / 1);
position: relative;
}
.field-list-event-of-service .block-event-item .service-image-box div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.field-list-event-of-service .block-event-item .row.main-event-item {
cursor: pointer;
margin-bottom: 20px;
}
@media (max-width: 575.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item {
padding-bottom: 6px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-2 {
order: 1;
width: 49%;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-2:last-child {
order: 2;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-8 {
order: 3;
width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item {
padding-bottom: 6px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-2 {
order: 1;
width: 50%;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-2:last-child {
order: 2;
}
.field-list-event-of-service .block-event-item .row.main-event-item .col-md-8 {
order: 3;
}
}
@media (max-width: 575.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content {
margin-top: 12px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content {
margin-top: 12px;
}
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content.active {
margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .header-event-content h3 {
font-style: normal;
font-weight: normal;
font-size: 31px;
line-height: 48px;
color: #333333;
margin-bottom: 14px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p {
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #666666;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child {
margin-bottom: 29px;
}
@media (min-width: 0) and (max-width: 409px) {
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child {
margin-bottom: 0;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:first-child > span {
display: inline-block;
}
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child {
width: 100%;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child > span {
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p:last-child > span:first-child {
margin-right: 0;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span {
display: inline-block;
font-weight: normal;
font-size: 12px;
line-height: 16px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span i {
font-weight: normal;
font-size: 12px;
margin-right: 10px;
color: #C88570;
}
.field-list-event-of-service .block-event-item .row.main-event-item .wrapper-event-content .footer p span:first-child {
margin-right: 90px;
}
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
margin-top: 8px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
@media (max-width: 575.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
margin-top: 45px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label {
margin-top: 45px;
}
}
.field-list-event-of-service .block-event-item .row.main-event-item .label-price .wrapper-label .sticky {
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
padding: 3px 18px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action {
border-top: 1px solid #FFFFFF;
padding-top: 9px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action.active {
border-bottom: 0.5px solid #999999;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow {
width: 100%;
text-align: center;
cursor: pointer;
transition: all 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
padding-top: 12px;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow.hidden {
display: none;
transition: all 0.3s ease-in-out;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow:hover span,
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow:hover i {
color: #C88570;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow span {
display: inline-block;
margin-right: 10px;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #333333;
transition: 250ms all ease-in-out;
}
.field-list-event-of-service .block-event-item .row.row-button-action .wrapper-button-action .btn-booknow i {
color: #333333;
font-size: 16px;
transition: 250ms all ease-in-out;
}
.field-list-event-of-service .block-event-item .row .event-item-description {
width: 100%;
padding-bottom: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description p {
color: #333333;
padding-top: 20px;
margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event {
width: 100%;
padding-bottom: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
display: inline-block;
overflow: hidden;
margin-bottom: 10px;
width: 100%;
height: 180px;
}
@media (min-width: 0) and (max-width: 409px) {
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
height: 300px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
height: 300px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
height: 250px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item {
height: 200px;
}
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item > div {
width: 100%;
height: 100%;
padding-bottom: calc(100% * 168 / 180);
position: relative;
}
.field-list-event-of-service .block-event-item .row .event-item-description .img-box-event .img-box-event-item > div img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.field-list-event-of-service .block-event-item .row .event-item-description .block-description-event {
padding-top: 20px;
}
.field-list-event-of-service .block-event-item .row .event-item-description .block-description-event h4 {
font-size: 18px;
font-weight: 700;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item {
padding-top: 20px;
width: 100%;
border-top: 1px solid #7C7C7C;
display: block;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .left-content-book h4 {
font-size: 18px;
font-weight: 700;
}
@media (min-width: 0) and (max-width: 409px) {
}
@media (min-width: 410px) and (max-width: 599px) {
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .right-content-book p {
font-weight: 600;
margin-bottom: 10px;
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
display: flex;
justify-content: flex-start;
flex-flow: column wrap;
align-items: flex-start;
height: 100%;
}
@media (min-width: 0) and (max-width: 409px) {
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
margin-bottom: 20px;
}
}
@media (min-width: 410px) and (max-width: 599px) {
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
margin-bottom: 20px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action {
margin-bottom: 20px;
}
}
.field-list-event-of-service .block-event-item .row .block-order-event-item .button-action p {
font-weight: 600;
margin-bottom: 10px;
}
.field-paymentsimage ul.list-payment {
padding: 0;
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
list-style: none;
}
.field-paymentsimage ul.list-payment li {
margin: 0;
}
.field-paymentsimage ul.list-payment li .wrapper-payment {
position: relative;
cursor: pointer;
border: 1px solid #D1D1D1;
border-radius: 20px;
padding: 8px 30px;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
margin-right: 20px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.field-paymentsimage ul.list-payment li .wrapper-payment.active,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover {
border: 1px solid #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment.active .payment-name,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover .payment-name,
.field-paymentsimage ul.list-payment li .wrapper-payment.active .non-selected,
.field-paymentsimage ul.list-payment li .wrapper-payment:hover .non-selected {
color: #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .payment-name {
font-size: 16px;
font-weight: 600;
margin-left: 25px;
color: #666666;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.field-paymentsimage ul.list-payment li .wrapper-payment .payment-name.active {
color: #FB646F;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .selected,
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected {
position: absolute;
top: 50%;
left: 25px;
transform: translateY(-50%);
color: #FB646F;
width: 12px;
height: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .selected i,
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected i {
font-size: 12px;
margin-top: 2px;
}
.field-paymentsimage ul.list-payment li .wrapper-payment .non-selected {
color: #666666;
transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.field-event-type .select2-container--default {
width: 100% !important;
}
.field-event-type .select2-container--default .selection .select2-selection--single {
height: 44px;
border-radius: 10px;
outline: none;
border: 1px solid #E2E5EC;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
line-height: 44px;
padding-left: 20px;
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #999999;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
height: 44px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.field-event-type .select2-container--default .selection .select2-selection--single .select2-selection__arrow i {
transition: 250ms all ease-in-out;
font-size: 14px;
}
.field-event-type .select2-container--default.select2-container--open .selection .select2-selection--single .select2-selection__arrow i {
transform: rotate(180deg);
transition: 250ms all ease-in-out;
font-size: 14px;
}
.rating-stars ul {
list-style-type: none;
padding: 0;
display: flex;
}
.rating-stars ul > li.star {
margin-left: 0px;
margin-right: 5px;
}
.rating-stars ul > li.star > i.fa {
font-size: 15px;
color: #ccc;
}
.rating-stars ul > li.star.hover > i.fa {
color: #FFC122;
}
.rating-stars ul > li.star.selected > i.fa {
color: #FFC122;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v12/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v12/XRXW3I6Li01BKofAjsOUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.block-search-event {
font-family: "Nunito", sans-serif;
font-size: 15px;
font-weight: 400;
color: #333333;
}
.block-search-event .title {
margin-bottom: 52px;
}
.block-search-event .title p {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 33px;
text-align: center;
letter-spacing: 0.03em;
color: #EEEEEE;
}
.block-search-event .title h1 {
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 109px;
text-align: center;
letter-spacing: 0.03em;
color: #FFFFFF;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.block-search-event form.form-search {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
@media (min-width: 768.001px) and (max-width: 992px) {
.block-search-event form.form-search {
margin: 0px 15px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.block-search-event form.form-search {
display: none;
}
}
@media (max-width: 575.98px) {
.block-search-event form.form-search {
display: none;
}
}
.block-search-event form.form-search .block-select-location {
position: relative;
width: 21%;
height: 80px;
border-right: 1px solid #DCD7D7;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.block-search-event form.form-search .block-select-location {
width: 21%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .block-select-location {
width: 21%;
}
}
.block-search-event form.form-search .block-select-location .icon-nb-pin {
font-size: 18px;
position: absolute;
top: 50%;
left: 23px;
transform: translateY(-50%);
z-index: 1;
color: #B0B0B0;
}
.block-search-event form.form-search .block-select-location .fa-sort-down {
position: absolute;
top: 50%;
transform: translateY(-64%);
right: 23px;
color: #B0B0B0;
z-index: 1;
}
.block-search-event form.form-search .block-select-location label {
position: absolute;
top: 13px;
left: 60px;
z-index: 1;
color: #666666;
font-weight: 400;
}
.block-search-event form.form-search .block-select-location select.select-location {
outline: none;
}
.block-search-event form.form-search .block-select-location select.select-location:active,
.block-search-event form.form-search .block-select-location select.select-location:focus {
outline: none;
}
.block-search-event form.form-search .block-select-location .select2-container--default {
width: 100% !important;
height: 100%;
}
.block-search-event form.form-search .block-select-location .select2-container--default .selection .select2-selection--single {
width: 100%;
height: 100%;
border: none;
border-radius: 0;
}
.block-search-event form.form-search .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding-left: 60px;
letter-spacing: 0.02em;
color: #B0B0B0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 90%;
z-index: 2;
}
.block-search-event form.form-search .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
display: none;
}
.block-search-event form.form-search .block-select-date {
position: relative;
width: 21%;
height: 80px;
border-right: 1px solid #DCD7D7;
background-color: #FFFFFF;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.block-search-event form.form-search .block-select-date {
width: 21%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .block-select-date {
width: 21%;
}
}
.block-search-event form.form-search .block-select-date .icon-calendar-7 {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #B0B0B0;
left: 23px;
}
.block-search-event form.form-search .block-select-date input {
border: none;
height: 80px;
width: 100%;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #B0B0B0;
padding-left: 60px;
overflow: hidden;
text-overflow: ellipsis;
}
.block-search-event form.form-search .block-select-date select.select-location {
outline: none;
}
.block-search-event form.form-search .block-select-date select.select-location:active,
.block-search-event form.form-search .block-select-date select.select-location:focus {
outline: none;
}
.block-search-event form.form-search .block-select-date .select2-container--default {
width: 100% !important;
height: 100%;
}
.block-search-event form.form-search .block-select-date .select2-container--default .selection .select2-selection--single {
width: 100%;
height: 100%;
border: none;
border-radius: 0;
}
.block-search-event form.form-search .block-select-date .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding-left: 60px;
letter-spacing: 0.02em;
color: #B0B0B0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.block-search-event form.form-search .block-select-date .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
display: none;
}
.block-search-event form.form-search .block-sorting-dropdown {
width: 21%;
height: 80px;
background-color: #FFFFFF;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.block-search-event form.form-search .block-sorting-dropdown {
width: 21%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .block-sorting-dropdown {
width: 21%;
}
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown {
height: 90px;
padding: 28px 7px;
margin-left: 50px;
position: relative;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown a.dropdown-toggle label {
color: #666666;
font-weight: 400;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown a.dropdown-toggle > span {
display: flex;
justify-content: flex-start;
align-items: center;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown a.dropdown-toggle > span span {
display: inline-block;
margin-right: 10px;
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #B0B0B0;
letter-spacing: 0.02em;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown a.dropdown-toggle > span i {
position: absolute;
right: 23px;
color: #B0B0B0;
margin-top: -3px;
}
.block-search-event form.form-search .block-sorting-dropdown .open .dropdown-menu {
display: flex;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price {
padding: 15px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price h5 {
font-size: 15px;
font-weight: 600;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price input#amount_1 {
text-align: center;
font-size: 15px;
border: none;
padding: 10px 0 10px 0;
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price input#amount_1:active {
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 {
height: 6px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 .ui-slider-range {
background: none;
background-color: #FB646F;
border: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 .ui-slider-handle {
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
background-color: #FB646F;
border: none;
margin-left: -5px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories {
padding: 15px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item {
width: 100%;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1.5fr 1fr 1fr;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item {
grid-template-columns: 1fr 1fr;
}
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label {
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label input[name="category"] {
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label input[name="category"]:active {
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label span {
display: inline-block;
margin-left: 5px;
color: #B0B0B0;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee {
padding: 15px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item {
width: 100%;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1.5fr 1fr 1fr;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item {
grid-template-columns: 1fr 1fr;
}
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label {
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label input[name="employee"] {
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label input[name="employee"]:active {
outline: none;
}
.block-search-event form.form-search .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label span {
display: inline-block;
margin-left: 5px;
color: #B0B0B0;
}
.block-search-event form.form-search .category {
border-right: 1px solid #DCD7D7;
position: relative;
border-radius: 10px 0px 0px 10px;
}
.block-search-event form.form-search .category .icon-collection {
font-size: 26px;
position: absolute;
top: 50%;
color: #B0B0B0;
transform: translateY(-50%);
left: 20px;
}
.block-search-event form.form-search .category .dropdown-menu {
width: 633px;
transform: translate(-50px, -10px);
}
.block-search-event form.form-search .price-employee {
position: relative;
}
.block-search-event form.form-search .price-employee .icon-nb-user-2 {
font-size: 18px;
position: absolute;
top: 50%;
color: #B0B0B0;
transform: translateY(-50%);
left: 23px;
}
.block-search-event form.form-search .price-employee .dropdown-menu {
width: 800px;
left: unset;
right: 0;
transform: translate(0px, -10px);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.block-search-event form.form-search .price-employee .dropdown-menu {
width: 700px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .price-employee .dropdown-menu {
width: 600px;
}
}
.block-search-event form.form-search .wrapper-button {
width: 16%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.block-search-event form.form-search .wrapper-button {
width: 20%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search .wrapper-button {
width: 20%;
}
}
.block-search-event form.form-search .wrapper-button button {
width: 100%;
height: 80px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
border-top-left-radius: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 10px;
background-color: #FB646F;
border-color: #FB646F;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.block-search-event form.form-search .wrapper-button button:hover {
background: #FB646F;
}
.block-search-event form.form-search-event {
width: 100%;
display: none;
padding: 20px;
}
@media (min-width: 576px) and (max-width: 768px) {
.block-search-event form.form-search-event {
display: block;
}
}
@media (max-width: 575.98px) {
.block-search-event form.form-search-event {
display: block;
}
}
.block-search-event form.form-search-event .block-more-option {
background-color: #ffffff;
border-top: 1px solid #DCD7D7;
padding: 40px 0px;
position: relative;
border-radius: 10px 10px 0px 0px;
}
.block-search-event form.form-search-event .block-more-option .icon-nb-user-2,
.block-search-event form.form-search-event .block-more-option .icon-collection {
position: absolute;
top: 30px;
left: 23px;
color: #B0B0B0;
font-size: 18px;
}
.block-search-event form.form-search-event .block-more-option .icon-collection {
font-size: 26px;
}
.block-search-event form.form-search-event .block-more-option .title-more-option p {
display: flex;
justify-content: flex-end;
align-items: center;
color: #5191FA;
cursor: pointer;
position: relative;
}
.block-search-event form.form-search-event .block-more-option .title-more-option p span {
display: inline-block;
position: absolute;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #B0B0B0;
left: 60px;
}
.block-search-event form.form-search-event .block-more-option .title-more-option p i {
font-size: 15px;
position: absolute;
right: 24px;
color: #B0B0B0;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price {
padding: 23px;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price h5 {
font-size: 15px;
font-weight: 600;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price input#amount_2 {
text-align: center;
font-size: 15px;
border: none;
padding: 10px 0 10px 0;
outline: none;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price input#amount_2:active {
outline: none;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price #slider-container-2 {
height: 6px;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price #slider-container-2 .ui-slider-range {
background: none;
background-color: #FB646F;
border: none;
}
.block-search-event form.form-search-event .block-more-option .block-filter-price #slider-container-2 .ui-slider-handle {
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
background-color: #FB646F;
border: none;
margin-left: -5px;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 {
padding: 23px;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item {
display: flex;
flex-flow: column wrap;
align-items: flex-start;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label {
font-size: 15px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
color: #B0B0B0;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label input[name="category[]"],
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label input[name="employee[]"] {
margin-right: 10px;
outline: none;
margin-top: 0px;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label input[name="category[]"]:active,
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label input[name="employee[]"]:active {
outline: none;
}
.block-search-event form.form-search-event .block-more-option .block-event-categories-2 .block-event-type-item label span {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.block-search-event form.form-search-event .block-select-date {
position: relative;
height: 80px;
border-top: 1px solid #DCD7D7;
background-color: #FFFFFF;
}
.block-search-event form.form-search-event .block-select-date .icon-calendar-7 {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #B0B0B0;
left: 23px;
}
.block-search-event form.form-search-event .block-select-date input {
border: none;
height: 80px;
width: 100%;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #B0B0B0;
padding-left: 60px;
}
.block-search-event form.form-search-event .block-select-date select.select-location {
outline: none;
}
.block-search-event form.form-search-event .block-select-date select.select-location:active,
.block-search-event form.form-search-event .block-select-date select.select-location:focus {
outline: none;
}
.block-search-event form.form-search-event .block-select-date .select2-container--default {
width: 100% !important;
height: 100%;
}
.block-search-event form.form-search-event .block-select-date .select2-container--default .selection .select2-selection--single {
width: 100%;
height: 100%;
border: none;
border-radius: 0;
}
.block-search-event form.form-search-event .block-select-date .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding-left: 60px;
letter-spacing: 0.02em;
color: #B0B0B0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.block-search-event form.form-search-event .block-select-date .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
display: none;
}
.block-search-event form.form-search-event .category {
position: relative;
width: 100%;
height: 80px;
background-color: #FFFFFF;
border-top: 1px solid #DCD7D7;
}
.block-search-event form.form-search-event .category .icon-collection {
font-size: 16px;
position: absolute;
top: 50%;
color: #B0B0B0;
transform: translateY(-50%);
left: 23px;
}
.block-search-event form.form-search-event .category .dropdown-menu {
width: 633px;
transform: translate(-50px, -10px);
}
.block-search-event form.form-search-event .block-select-location {
position: relative;
height: 80px;
border-top: 1px solid #DCD7D7;
}
.block-search-event form.form-search-event .block-select-location .icon-nb-pin {
font-size: 18px;
position: absolute;
top: 50%;
left: 23px;
transform: translateY(-50%);
z-index: 1;
color: #B0B0B0;
}
.block-search-event form.form-search-event .block-select-location .fa-sort-down {
position: absolute;
top: 50%;
transform: translateY(-64%);
right: 23px;
color: #B0B0B0;
z-index: 1;
}
.block-search-event form.form-search-event .block-select-location label {
position: absolute;
top: 13px;
left: 60px;
z-index: 1;
color: #666666;
font-weight: 400;
}
.block-search-event form.form-search-event .block-select-location select.select-location {
outline: none;
}
.block-search-event form.form-search-event .block-select-location select.select-location:active,
.block-search-event form.form-search-event .block-select-location select.select-location:focus {
outline: none;
}
.block-search-event form.form-search-event .block-select-location .select2-container--default {
width: 100% !important;
height: 100%;
}
.block-search-event form.form-search-event .block-select-location .select2-container--default .selection .select2-selection--single {
width: 100%;
height: 100%;
border: none;
border-radius: 0;
}
.block-search-event form.form-search-event .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding-left: 60px;
letter-spacing: 0.02em;
color: #B0B0B0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
.block-search-event form.form-search-event .block-select-location .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
display: none;
}
.block-search-event form.form-search-event .block-button-search {
width: 100%;
padding: 0px 15px 15px 15px;
background-color: #ffffff;
border-radius: 0px 0px 10px 10px ;
}
.block-search-event form.form-search-event .block-button-search button {
width: 100%;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
background-color: #FB646F;
border-color: #FB646F;
}
.block-search-event form.form-search-event .block-sorting-dropdown {
height: 80px;
background-color: #FFFFFF;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown {
height: 90px;
padding: 28px 9px;
margin-left: 50px;
position: relative;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown a.dropdown-toggle label {
color: #666666;
font-weight: 400;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown a.dropdown-toggle > span {
display: flex;
justify-content: flex-start;
align-items: center;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown a.dropdown-toggle > span span {
display: inline-block;
margin-right: 10px;
font-family: "Nunito", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #B0B0B0;
letter-spacing: 0.02em;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown a.dropdown-toggle > span i {
position: absolute;
right: 23px;
color: #B0B0B0;
margin-top: -3px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .open .dropdown-menu {
display: flex;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price {
padding: 15px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price h5 {
font-size: 15px;
font-weight: 600;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price input#amount_1 {
text-align: center;
font-size: 15px;
border: none;
padding: 10px 0 10px 0;
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price input#amount_1:active {
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 {
height: 6px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 .ui-slider-range {
background: none;
background-color: #FB646F;
border: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-filter-price #slider-container-1 .ui-slider-handle {
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
background-color: #FB646F;
border: none;
margin-left: -5px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories {
padding: 15px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item {
width: 100%;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1.5fr 1fr 1fr;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item {
grid-template-columns: 1fr 1fr;
}
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label {
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label input[name="category"] {
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label input[name="category"]:active {
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-event-categories .block-event-type-item label span {
display: inline-block;
margin-left: 5px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee {
padding: 15px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item {
width: 100%;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1.5fr 1fr 1fr;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item {
grid-template-columns: 1fr 1fr;
}
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label {
font-size: 15px;
font-weight: 400;
margin-bottom: 0;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label input[name="employee"] {
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label input[name="employee"]:active {
outline: none;
}
.block-search-event form.form-search-event .block-sorting-dropdown .dropdown-menu .block-employee .block-employee-item label span {
display: inline-block;
margin-left: 5px;
}
.block-search-event form.form-search-event .employee {
border-radius: 0px 0px 0px 0px;
}
.block-search-event .scroll-down {
margin-top: 45px;
text-align: center;
cursor: pointer;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.block-search-event .scroll-down {
margin-top: 150px;
margin-bottom: 30px;
}
}
.block-search-event .scroll-down i {
animation: aniName 2s infinite;
color: #FFFFFF;
position: relative;
}
@keyframes aniName {
0% {
top: 0px;
}
20% {
top: 3px;
}
40% {
top: 6px;
}
60% {
top: 6px;
}
80% {
top: 3px;
}
100% {
top: 0px;
}
}
.block-search-event .scroll-down p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.02em;
color: #EEEEEE;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.select2-container--default .select2-dropdown .select2-results ul.select2-results__options::-webkit-scrollbar-thumb {
background-color: #F90;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
@media (min-width: 564px) and (max-width: 575.98px) {
.daterangepicker {
transform: translateX(0%);
}
}
@media (max-width: 563.98px) {
.daterangepicker {
width: 290px !important;
transform: translateX(0%);
height: 300px;
overflow-y: scroll;
}
}
.block-destination-home1 .destination-home2 {
display: none;
}
.block-destination-home1 .destination-home1 .row {
margin-right: 0 ;
}
.block-destination-home2 .destination-home1 {
display: none;
}
.block-destination-default-slick {
margin-left: -15px;
margin-right: -15px;
}
.block-destination-default-slick .arrow-prev,
.block-destination-default-slick .arrow-next {
cursor: pointer;
position: absolute;
top: 70%;
width: auto;
color: #222A3E;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
text-decoration: none;
transition: 250ms all ease-in-out;
z-index: 999;
}
.block-destination-default-slick .arrow-prev i,
.block-destination-default-slick .arrow-next i {
font-size: 20px;
}
.block-destination-default-slick .arrow-prev:hover,
.block-destination-default-slick .arrow-next:hover {
color: #FB646F;
}
.block-destination-default-slick .arrow-prev {
left: -50px;
transform: translateY(-40%) rotate(90deg);
}
@media (max-width: 575.98px) {
.block-destination-default-slick .arrow-prev {
display: none;
}
}
.block-destination-default-slick .arrow-next {
right: -50px;
transform: translateY(-40%) rotate(-90deg);
}
@media (max-width: 575.98px) {
.block-destination-default-slick .arrow-next {
display: none;
}
}
.block-destination-default .title {
margin-bottom: 52px;
}
.block-destination-default .title p {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #666666;
}
.block-destination-default .title h1 {
font-style: normal;
font-weight: bold;
font-size: 39px;
line-height: 56px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #555555;
}
.block-destination-default .location {
display: flex;
}
.block-destination-default .location-item-1 {
width: 30%;
padding: 0 15px 0 0;
}
.block-destination-default .location-item-1 .wrapper-banner-location .img-location div img {
border-radius: 0px 10px 10px 0px;
}
.block-destination-default .location-item-1 .wrapper-banner-location,
.block-destination-default .location-item-3 .wrapper-banner-location {
height: inherit;
}
.block-destination-default .location-item-2,
.block-destination-default .location-item-3 {
width: 20%;
padding: 0 15px 0 15px;
}
.block-destination-default .location-item-2 .wrapper-banner-location .img-location div img,
.block-destination-default .location-item-3 .wrapper-banner-location .img-location div img {
border-radius: 10px;
}
.block-destination-default .location-item-4 {
width: 30%;
padding: 0 0 0 15px;
}
.block-destination-default .location-item-4 .wrapper-banner-location .img-location div img {
border-radius: 10px 0px 0px 10px;
}
.block-destination-default .location-item-2 .wrapper-banner-location,
.block-destination-default .location-item-4 .wrapper-banner-location {
height: 50%;
}
.block-destination-default .location-item-2 .wrapper-banner-location:first-child,
.block-destination-default .location-item-4 .wrapper-banner-location:first-child {
padding-bottom: 15px ;
}
.block-destination-default .location-item-2 .wrapper-banner-location:last-child,
.block-destination-default .location-item-4 .wrapper-banner-location:last-child {
padding-top: 15px ;
}
.block-destination-default .location-item-full-width {
height: 550px;
}
.block-destination-default .location-item-container {
height: 380px;
}
.block-destination-default .location-item-container .wrapper-banner-location {
height: 100%;
}
.block-destination-default .location-item-container .wrapper-banner-location .img-location div img {
border-radius: 10px;
}
.block-destination-default .slider-destination .slick-list .slick-slide {
padding: 0 15px;
}
.block-destination-default .slider-destination .slick-dots li {
margin: 20px 0 0 0;
}
.block-destination-default .slider-destination .slick-dots li button:before {
background-color: transparent;
color: transparent;
opacity: 1;
border: 1px solid #222A3E;
border-radius: 50%;
width: 9px;
height: 9px;
margin-top: 13px;
}
.block-destination-default .slider-destination .slick-dots li.slick-active button:before {
background-color: #FB646F;
border-color: transparent;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location {
transition: 0.25s all;
overflow: hidden;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location {
position: relative;
height: 100%;
overflow: hidden;
border-radius: 10px;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location div:first-child {
transition: 0.25s all;
height: 100%;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location div:first-child::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(360deg, rgba(70, 70, 70, 0.5) 0%, rgba(70, 70, 70, 0) 100%);
top: 0;
left: 0;
z-index: 10;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location div:first-child img {
height: 100%;
width: 100%;
transition: 0.25s;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
object-position: center;
object-fit: cover;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location .name-location {
height: 100%;
position: absolute;
bottom: calc(-100% + 77px);
right: 0;
transition: all 0.3s ease-in-out;
z-index: 11;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
padding: 4px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-family: Nunito;
line-height: 40px;
font-style: normal;
letter-spacing: 0.02em;
font-size: 25px;
text-transform: capitalize;
background: rgba(37, 37, 37, 0.8);
border-radius: 25px 0px 0px 25px;
float: right;
width: 195px;
height: 50px;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location:hover .img-location div:first-child {
transform: scale(1.1);
}
.block-destination-default .wrapper-location-item .wrapper-banner-location:hover .img-location div:first-child img {
filter: brightness(40%);
}
.block-destination-default .wrapper-location-item .wrapper-banner-location:hover .img-location .name-location {
bottom: -45%;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location:hover .img-location .name-location h3 {
border-radius: 25px 0px 0px 25px;
background: #FB646F;
}
@media only screen and (max-width: 1024px) {
.block-destination-default .location-item-1,
.block-destination-default .location-item-2,
.block-destination-default .location-item-3,
.block-destination-default .location-item-4 {
width: 25%;
height: 470px;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
font-size: 20px;
}
.destination-home2 .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
text-transform: capitalize;
}
.destination-home1 .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
text-transform: uppercase;
}
}
@media only screen and (max-width: 768px) {
.block-destination-default .location-item-1,
.block-destination-default .location-item-2,
.block-destination-default .location-item-3,
.block-destination-default .location-item-4 {
width: 50%;
height: 470px;
margin: 15px 0;
}
.block-destination-default .location-item-2 {
padding: 0 0 0 15px;
}
.block-destination-default .location-item-3 {
padding: 0 15px 0 0;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 576px) {
.location-item-1,
.location-item-2,
.location-item-3,
.location-item-4 {
width: 100%;
height: 470px;
margin: 15px 0;
}
.block-destination-default .location-item-1,
.block-destination-default .location-item-2,
.block-destination-default .location-item-3,
.block-destination-default .location-item-4 {
margin: 15px 0;
padding: 0;
}
.block-destination-default .location-item-2 .wrapper-banner-location:first-child,
.block-destination-default .location-item-4 .wrapper-banner-location:first-child {
padding-bottom: 7px ;
}
.block-destination-default .location-item-2 .wrapper-banner-location:last-child,
.block-destination-default .location-item-4 .wrapper-banner-location:last-child {
padding-top: 7px;
}
.block-destination-default .wrapper-location-item .wrapper-banner-location .img-location .name-location h3 {
font-size: 20px;
}
.block-destination-default .slider-destination .slick-list .slick-slide {
padding: 0;
}
.destination-home1 {
padding: 20px;
}
.destination-home1 .wrapper-location-item {
width: 100%;
}
.destination-home1 .wrapper-location-item .wrapper-banner-location .img-location {
border-radius: 10px;
}
.destination-home1 .wrapper-location-item .wrapper-banner-location .img-location div img {
position: relative;
top: unset;
left: unset;
transform: none;
object-position: unset;
object-fit: cover;
max-width: 100%;
border-radius: 0px;
}
}
.elementor-widget-container {
font-family: Nunito;
}
.elementor-widget-container .text-booking {
font-weight: 700;
margin: -70px 0 60px 0;
}
.elementor-widget-container .text-booking p {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #666666;
}
.elementor-widget-container .text-booking h3 {
font-style: normal;
font-weight: bold;
font-size: 39px;
line-height: 56px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #555555;
}
.elementor-widget-container .box-icon {
font-family: Nunito;
font-weight: 700;
text-align: center;
}
.elementor-widget-container .box-icon i:before {
top: 0;
left: 0;
right: 0;
margin: auto;
width: 134px;
height: 134px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #cccaca;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
font-size: 64px;
cursor: pointer;
transition: all 0.2s;
}
.elementor-widget-container .box-icon i:hover:before {
border: 1px solid #fb646f;
background: #fb646f;
color: #fff;
font-size: 68px;
box-sizing: border-box;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.elementor-widget-container .box-icon h3 {
margin-top: 20px;
font-size: 25px;
letter-spacing: 0.02em;
text-transform: capitalize;
font-weight: bold;
line-height: 32px;
color: #555555;
}
.elementor-widget-container .box-icon p {
margin-top: 10px;
font-weight: normal;
font-size: 16px;
text-align: center;
letter-spacing: 0.02em;
line-height: 24px;
color: #666666;
}
@media (max-width: 991px) {
.elementor-widget-container .box-icon .col-md-3 {
padding-bottom: 50px;
}
}
.block_review_comment .title {
margin-bottom: 50px;
}
.block_review_comment .title p {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #EEEEEE;
}
.block_review_comment .title h1 {
font-style: normal;
font-weight: bold;
font-size: 39px;
line-height: 56px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #FFFFFF;
}
.block_review_comment .swiper-container {
width: 324px;
}
@media screen and (max-width: 320px) {
.block_review_comment .swiper-container {
width: 288px;
}
}
.block_review_comment .swiper-container .swiper-wrapper div {
width: 100px !important;
height: 100px ;
margin-right: 10px !important;
transition: all 0.3s;
}
@media screen and (max-width: 320px) {
.block_review_comment .swiper-container .swiper-wrapper div {
width: 86.6667px !important;
height: 86.6667px;
}
}
.block_review_comment .swiper-container .swiper-wrapper div img {
width: 100%;
height: 100%;
border-radius: 50%;
cursor: pointer;
}
.block_review_comment .swiper-container .swiper-wrapper .swiper-slide-active {
transform: scale(0.7);
}
.block_review_comment .swiper-container .swiper-wrapper .swiper-slide {
transform: scale(0.7);
}
.block_review_comment .swiper-container .swiper-wrapper .swiper-slide-next {
transform: scale(1);
}
.block_review_comment #owl-carousel .owl-item {
position: relative;
}
.block_review_comment #owl-carousel .owl-item .wrapper-review {
text-align: center;
margin: 20px 100px 0px 100px;
cursor: pointer;
}
@media screen and (max-width: 576px) {
.block_review_comment #owl-carousel .owl-item .wrapper-review {
margin: 20px 40px 0px 40px;
}
}
.block_review_comment #owl-carousel .owl-item .wrapper-review .content h3 {
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #FFFFFF;
}
.block_review_comment #owl-carousel .owl-item .wrapper-review .content p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.02em;
color: #EEEEEE;
}
.block_review_comment #owl-carousel .owl-item .wrapper-review .comment {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.block_review_comment #owl-carousel .owl-item .wrapper-review .comment p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.02em;
color: #EEEEEE;
}
.block_review_comment #owl-carousel .owl-item .wrapper-review .comment i {
color: #FB646F;
}
.block_top_event_default1 {
font-family: "Nunito", sans-serif;
}
.block_top_event_default1 .title {
margin-bottom: 52px;
}
.block_top_event_default1 .title p {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #666666;
}
.block_top_event_default1 .title h1 {
font-style: normal;
font-weight: bold;
font-size: 39px;
line-height: 56px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: #555555;
}
.block_top_event_default1 .link {
display: flex;
justify-content: center;
}
.block_top_event_default1 .link p {
margin: 0px 10px;
background: #E6E6E6;
border-radius: 10px;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #555555;
padding: 13px 30px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.block_top_event_default1 .link p {
font-size: 20px;
padding: 13px 20px;
}
}
@media screen and (max-width: 576px) {
.block_top_event_default1 .link p {
font-size: 16px;
padding: 13px 10px;
text-align: center;
}
}
.block_top_event_default1 .link p.active {
background: #FFFFFF;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
color: #FB646F;
}
.block_top_event_default1 .list-event-newest,
.block_top_event_default1 .list-event-best,
.block_top_event_default1 .list-event-top {
margin-top: 45px;
}
.block_top_event_default1 .list-event-newest .each-event,
.block_top_event_default1 .list-event-best .each-event,
.block_top_event_default1 .list-event-top .each-event {
height: 449px;
position: relative;
margin-bottom: 30px;
transition: all 0.3s;
}
.block_top_event_default1 .list-event-newest .each-event .image,
.block_top_event_default1 .list-event-best .each-event .image,
.block_top_event_default1 .list-event-top .each-event .image {
width: 100%;
height: 100%;
}
.block_top_event_default1 .list-event-newest .each-event .image img,
.block_top_event_default1 .list-event-best .each-event .image img,
.block_top_event_default1 .list-event-top .each-event .image img {
width: 100%;
height: 100%;
border-radius: 10px;
object-position: center;
object-fit: cover;
}
.block_top_event_default1 .list-event-newest .each-event .coating,
.block_top_event_default1 .list-event-best .each-event .coating,
.block_top_event_default1 .list-event-top .each-event .coating {
width: 100%;
height: 100%;
background: linear-gradient(219.49deg, rgba(17, 19, 19, 0.3) 0%, #0A0A0A 100%);
border-radius: 10px;
position: absolute;
top: 0px;
left: 0px;
}
.block_top_event_default1 .list-event-newest .each-event .link,
.block_top_event_default1 .list-event-best .each-event .link,
.block_top_event_default1 .list-event-top .each-event .link {
position: absolute;
height: 100%;
width: 100%;
background-color: #FFFFFF;
opacity: 0;
z-index: 999;
top: 0;
left: 0;
}
.block_top_event_default1 .list-event-newest .each-event .date-open,
.block_top_event_default1 .list-event-best .each-event .date-open,
.block_top_event_default1 .list-event-top .each-event .date-open {
position: absolute;
top: 20px;
left: 15px;
display: inline-grid;
}
.block_top_event_default1 .list-event-newest .each-event .date-open .day,
.block_top_event_default1 .list-event-best .each-event .date-open .day,
.block_top_event_default1 .list-event-top .each-event .date-open .day {
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 65px;
color: #F3F3F3;
}
.block_top_event_default1 .list-event-newest .each-event .date-open .month,
.block_top_event_default1 .list-event-best .each-event .date-open .month,
.block_top_event_default1 .list-event-top .each-event .date-open .month {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #F3F3F3;
margin-top: -6px;
}
.block_top_event_default1 .list-event-newest .each-event .name-event,
.block_top_event_default1 .list-event-best .each-event .name-event,
.block_top_event_default1 .list-event-top .each-event .name-event {
position: absolute;
top: 130px;
left: 15px;
right: 18px;
}
.block_top_event_default1 .list-event-newest .each-event .name-event a,
.block_top_event_default1 .list-event-best .each-event .name-event a,
.block_top_event_default1 .list-event-top .each-event .name-event a {
font-style: normal;
font-weight: 900;
font-size: 28px;
line-height: 38px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #FFFFFF;
}
.block_top_event_default1 .list-event-newest .each-event .hour-location,
.block_top_event_default1 .list-event-best .each-event .hour-location,
.block_top_event_default1 .list-event-top .each-event .hour-location {
position: absolute;
bottom: 20px;
left: 15px;
right: 52px;
}
.block_top_event_default1 .list-event-newest .each-event .hour-location .hour i,
.block_top_event_default1 .list-event-best .each-event .hour-location .hour i,
.block_top_event_default1 .list-event-top .each-event .hour-location .hour i,
.block_top_event_default1 .list-event-newest .each-event .hour-location .location i,
.block_top_event_default1 .list-event-best .each-event .hour-location .location i,
.block_top_event_default1 .list-event-top .each-event .hour-location .location i {
color: #F3F3F3;
font-size: 15px;
}
.block_top_event_default1 .list-event-newest .each-event .hour-location .hour span,
.block_top_event_default1 .list-event-best .each-event .hour-location .hour span,
.block_top_event_default1 .list-event-top .each-event .hour-location .hour span,
.block_top_event_default1 .list-event-newest .each-event .hour-location .location span,
.block_top_event_default1 .list-event-best .each-event .hour-location .location span,
.block_top_event_default1 .list-event-top .each-event .hour-location .location span {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #F3F3F3;
}
.block_top_event_default1 .list-event-newest .each-event:hover .coating,
.block_top_event_default1 .list-event-best .each-event:hover .coating,
.block_top_event_default1 .list-event-top .each-event:hover .coating {
background: #625F5F;
opacity: 0.8;
}