/*!
Theme Name: Kinsley
Theme URI: https://bslthemes.com/
Author: bslthemes
Author URI: https://bslthemes.com/
Description: Kinsley - Hotel WordPress Theme
Requires at least: 5.0
Requires PHP: 7.4
Tested up to: 6.5
Version: 3.3.2
License: General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: kinsley
Tags: full-width-template, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, theme-options
*/
/*--------------------------------------------
1. common
- fonts
- typography
- image
- quote
- badge
- button
- link
- universal slider
- grid
- section transitions
- spaces
2. frame
- page marcup
- preloader
- top bar
- menu
- mobile menu button
- popup
3. content
- banner
- icon box
- quote
- gallery
- about
- video
- cards
- service cards
- testimonials
- team
- faq
- side menu
- pagination
- filter
- scroll animation
- breadcrumbs
- 404
- room details slider
- price
- detail features
- map
- reviews
- publication
- footer
4. form
5. custom wp styles
6. custom mphb styles
--------------------------------------------*/
/***************************
typography
***************************/
body {
font-family: 'Jost', sans-serif;
font-size: 15px;
letter-spacing: 1px;
font-weight: 400;
color: #64688C;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
section {
position: relative;
}
*:focus {
outline: inherit;
}
a,
a:hover {
text-decoration: none;
color: #383A4E;
}
p:last-child {
margin-bottom: 0;
}
.container {
position: relative;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
div.knsl-h1-inner {
font-weight: 600;
letter-spacing: 0;
color: #383A4E;
padding: 0;
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1,
div.knsl-h1-inner {
font-size: 78px;
}
h1.knsl-h1-inner {
font-size: 64px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
@media (max-width: 992px) {
h1 {
font-size: 54px;
}
h1.knsl-h1-inner, h1, div.knsl-h1-inner {
font-size: 54px;
}
h2 {
font-size: 32px;
}
}
@media (max-width: 500px) {
h1 {
font-size: 48px;
}
h1.knsl-h1-inner {
font-size: 48px;
}
}
.knsl-white {
color: #ECFAFB;
}
.knsl-white h1, .knsl-white h2, .knsl-white h3, .knsl-white h4, .knsl-white h5, .knsl-white h6 {
color: #FFFFFF;
}
.knsl-accent {
color: #3B61DD;
}
.knsl-accent-2 {
color: #EBA744;
}
.knsl-accent-3 {
color: #64BC5F;
}
.knsl-center {
text-align: center;
}
.knsl-left {
text-align: left;
}
.knsl-right {
text-align: right;
}
.knsl-title-frame .knsl-text {
max-width: 800px;
}
.knsl-title-frame .knsl-text p:last-child {
margin-bottom: 0px;
}
.knsl-title-frame .knsl-text .knsl-text {
margin-bottom: 30px;
}
.knsl-title-frame.knsl-center .knsl-text {
display: block;
margin-left: auto;
margin-right: auto;
}
.swiper-container {
padding: 0;
position: relative;
overflow: hidden;
}
.swiper-button-next, .swiper-button-prev {
color: #fff;
transform: scale(0.65);
text-shadow: 1px 1px rgba(0,0,0,0.2);
}
/***************************
image
***************************/
.knsl-default-img {
width: 100%;
border: solid 10px #FFFFFF;
border-radius: 10px;
}
.knsl-app-minimal .knsl-default-img {
border-radius: 0;
}
.img-svg {
display: inline-block;
vertical-align: middle;
position: relative;
background-repeat: no-repeat;
background-position: center center;
}
.img-svg-play {
width: 12px;
height: 12px;
background-image: url(assets/img/icons/play.svg);
background-size: contain;
}
.img-svg-bookmark {
width: 12px;
height: 15px;
background-image: url(assets/img/icons/bookmark.svg);
background-size: contain;
}
.img-svg-time {
width: 15px;
height: 15px;
background-image: url(assets/img/icons/time.svg);
background-size: contain;
}
/***************************
quote
***************************/
blockquote {
position: relative;
background-color: #FFFFFF;
margin: 30px 0;
padding: 30px 60px;
border-radius: 10px;
font-size: 18px;
font-style: italic;
text-align: center;
}
blockquote:before {
font-style: italic;
position: absolute;
top: -13px;
left: 15px;
line-height: 55px;
font-size: 56px;
color: #EBA744;
content: ' " ';
font-family: 'Monoton', cursive;
}
blockquote:after {
font-style: italic;
position: absolute;
bottom: -20px;
right: 30px;
line-height: 0;
font-size: 72px;
color: #EBA744;
content: ' " ';
font-family: 'Monoton', cursive;
}
blockquote p:first-child {
margin-top: 0px;
}
blockquote p:last-child {
margin-bottom: 0px;
}
/***************************
badge
***************************/
.knsl-badge {
border-radius: 3px;
color: #FFFFFF;
position: absolute;
top: 15px;
right: 15px;
z-index: 4;
-webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15);
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15);
background-color: #EBA744;
padding: 1px 10px;
}
.knsl-badge p .mphb-price {
font-weight: 600;
color: #FFFFFF;
}
.knsl-badge p .mphb-tax-information {
font-size: small;
}
/***************************
button
***************************/
a.knsl-btn,
.knsl-btn,
.knsl-btn:focus,
.button,
.button:focus,
input[type="submit"],
input#submit {
outline: inherit;
-webkit-box-shadow: 0 0 0 10px #FFFFFF, 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important;
box-shadow: 0 0 0 10px #FFFFFF, 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important;
cursor: pointer;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
border-radius: 50px;
height: 50px;
line-height: 50px;
padding: 0 30px;
letter-spacing: 2px;
font-size: 15px;
white-space: nowrap;
color: #FFFFFF;
background-color: #3B61DD;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-btn .img-svg,
.knsl-btn:focus .img-svg,
.knsl-btn i,
.knsl-btn svg {
width: 12px;
margin-right: 12px;
}
.knsl-btn svg {
fill: #fff;
}
.knsl-btn .img-svg.knsl-zoom,
.knsl-btn:focus .img-svg.knsl-zoom {
-webkit-transform: scale(1.4) translateY(-1px);
transform: scale(1.4) translateY(-1px);
}
.knsl-btn:hover,
.knsl-btn:focus:hover,
.button:hover,
.button:focus:hover,
input#submit:hover {
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.knsl-btn.knsl-btn-icon-only,
.knsl-btn:focus.knsl-btn-icon-only {
width: 50px;
padding: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.knsl-btn.knsl-btn-icon-only img,
.knsl-btn:focus.knsl-btn-icon-only img {
margin-right: 0;
}
.knsl-btn.knsl-btn-accent-2,
.knsl-btn:focus.knsl-btn-accent-2 {
background-color: #EBA744;
}
.knsl-btn.knsl-transparent-border,
.knsl-btn:focus.knsl-transparent-border {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important;
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important;
}
.knsl-btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-btn-group a {
margin-right: 30px;
}
.knsl-btn-group a:last-child {
margin-right: 0;
}
.mphb-confirm-reservation,
.mphb-confirm-reservation:focus {
background: #64BC5F;
}
.knsl-el-more {
display: block;
margin-top: 1rem;
}
/***************************
link
***************************/
.knsl-link {
cursor: pointer;
display: inline-block;
position: relative;
padding-right: 20px;
font-weight: 500;
color: #383A4E;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-link:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f061";
font-size: 11px;
position: absolute;
top: 3px;
right: 0;
-webkit-transition: 0.2s ease-in-out !important;
transition: 0.2s ease-in-out !important;
}
.knsl-link:hover:after {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.knsl-navigation {
width: 100%;
height: 55px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
padding: 5px;
border-radius: 50px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 30px;
margin-top: -20px;
margin-bottom: 60px;
}
.knsl-navigation:last-child {
margin-bottom: 0;
}
.knsl-navigation a.knsl-left-link,
.knsl-navigation a.knsl-right-link {
cursor: pointer;
display: inline-block;
position: relative;
font-weight: 500;
color: #383A4E;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-navigation a.knsl-left-link {
padding-left: 20px;
}
.knsl-navigation a.knsl-right-link {
padding-right: 20px;
}
.knsl-navigation a.knsl-left-link:after,
.knsl-navigation a.knsl-right-link:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f061";
font-size: 11px;
position: absolute;
top: 3px;
right: 0;
-webkit-transition: 0.2s ease-in-out !important;
transition: 0.2s ease-in-out !important;
}
.knsl-navigation a.knsl-left-link:hover:after,
.knsl-navigation a.knsl-right-link:hover:after {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.knsl-navigation a.knsl-left-link:after {
left: 0px;
right: auto;
-webkit-transform: translateX(0px) scaleX(-1);
transform: translateX(0px) scaleX(-1);
}
.knsl-navigation a.knsl-left-link:hover:after {
-webkit-transform: translateX(-5px) scaleX(-1);
transform: translateX(-5px) scaleX(-1);
}
/***************************
universal slider
***************************/
.knsl-uni-slider {
overflow: visible !important;
position: relative;
}
.knsl-uni-slider-nav-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.knsl-uni-slider-nav-panel .knsl-uni-slider-pagination {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
text-align: center;
z-index: 7;
font-size: 13px;
bottom: 30px;
background-color: #FFFFFF;
border-radius: 40px;
padding: 10px 20px;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
color: #383A4E;
}
.knsl-uni-slider-nav-panel .knsl-uni-slider-pagination span {
margin: 0 5px;
}
.knsl-uni-slider-nav-panel .knsl-uni-nav {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
border-radius: 50px;
float: right;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
}
.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-next, .knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-prev {
margin: 0 10px;
color: #383A4E;
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-next.swiper-button-disabled, .knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-prev.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
/***************************
grid
***************************/
.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
padding-bottom: calc(126% + 20px);
}
.knsl-masonry-grid-item-50 .knsl-work-item .knsl-work-cover-frame {
padding-bottom: calc(63% + 8px);
}
.knsl-masonry-grid-item-50.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
padding-bottom: calc(126% + 36px);
}
.knsl-masonry-grid {
margin: -10px;
min-height: 100vh !important;
}
.knsl-masonry-grid:after {
content: '';
display: block;
clear: both;
}
.knsl-grid-sizer,
.knsl-masonry-grid-item {
width: 25%;
}
.knsl-3-col .knsl-grid-sizer,
.knsl-3-col .knsl-masonry-grid-item {
width: 33.333%;
}
.knsl-4-col .knsl-grid-sizer,
.knsl-4-col .knsl-masonry-grid-item {
width: 25%;
}
.knsl-masonry-grid-item {
float: left;
padding: 0 10px;
}
.knsl-masonry-grid-item:hover {
z-index: 2;
}
.knsl-masonry-grid-item-25 {
width: 25%;
}
.knsl-masonry-grid-item-33 {
width: 33.3333%;
}
.knsl-masonry-grid-item-50 {
width: 50%;
}
.knsl-masonry-grid-item-100 {
width: 100%;
}
@media (max-width: 992px) {
.knsl-grid-sizer,
.knsl-masonry-grid-item {
width: 50% !important;
}
}
@media (max-width: 768px) {
.knsl-grid-sizer,
.knsl-masonry-grid-item {
width: 100% !important;
}
}
/***************************
section transitions
***************************/
.knsl-transition-top {
position: relative;
background-color: #ECFAFB;
}
.knsl-transition-top:before {
content: "";
position: absolute;
z-index: -1;
top: -85px;
left: 0;
background-color: #ECFAFB;
height: 50px;
width: 100%;
-webkit-box-shadow: 0 50px 0 50px #ECFAFB;
box-shadow: 0 50px 0 50px #ECFAFB;
background: linear-gradient(135deg, #F2FFFF 25%, transparent 25%) -50px 0, linear-gradient(225deg, #F2FFFF 25%, transparent 25%) -50px 0, linear-gradient(315deg, #ECFAFB 25%, transparent 25%), linear-gradient(45deg, #ECFAFB 25%, transparent 25%);
background-size: 50px 50px;
background-color: #F2FFFF;
}
.knsl-transition-top:after {
content: "";
position: absolute;
z-index: -1;
top: -35px;
left: 0;
background-color: #ECFAFB;
height: 35px;
width: 100%;
}
.knsl-transition-bottom {
position: relative;
background-color: #ECFAFB;
}
.knsl-transition-bottom.knsl-p-0-80 {
padding-bottom: 0;
margin-bottom: 80px;
}
.knsl-transition-bottom.knsl-p-0-90 {
padding-bottom: 0;
margin-bottom: 90px;
}
.knsl-transition-bottom.knsl-p-0-100 {
padding-bottom: 0;
margin-bottom: 100px;
}
.knsl-transition-bottom:after {
content: "";
position: absolute;
z-index: -1;
bottom: -85px;
left: 0;
background-color: #ECFAFB;
height: 50px;
width: 100%;
-webkit-box-shadow: 0 -50px 0 50px #ECFAFB;
box-shadow: 0 -50px 0 50px #ECFAFB;
background: linear-gradient(135deg, #ECFAFB 25%, transparent 25%) -50px 0, linear-gradient(225deg, #ECFAFB 25%, transparent 25%) -50px 0, linear-gradient(315deg, #F2FFFF 25%, transparent 25%), linear-gradient(45deg, #F2FFFF 25%, transparent 25%);
background-size: 50px 50px;
background-color: #F2FFFF;
}
.knsl-transition-bottom:before {
content: "";
position: absolute;
z-index: 0;
bottom: -35px;
left: 0;
background-color: #ECFAFB;
height: 35px;
width: 100%;
}
.knsl-transition-middle {
background-color: #ECFAFB;
}
.knsl-deco-left {
position: absolute;
z-index: 0;
width: 50%;
top: 20%;
left: -30%;
opacity: 0.4;
}
.knsl-deco-right {
position: absolute;
z-index: 0;
width: 50%;
top: 20%;
right: -30%;
opacity: 0.4;
}
/***************************
spaces
***************************/
.knsl-p-180-100 {
padding-top: 180px;
padding-bottom: 100px;
}
.knsl-p-100-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.knsl-p-100-0 {
padding-top: 100px;
}
.knsl-p-0-100 {
padding-bottom: 100px;
}
.knsl-p-100-80 {
padding-top: 100px;
padding-bottom: 80px;
}
.knsl-p-80-100 {
padding-top: 80px;
padding-bottom: 100px;
}
.knsl-p-0-80 {
padding-bottom: 80px;
}
.knsl-p-0-90 {
margin-bottom: 90px;
}
.knsl-p-40-0 {
padding-top: 40px;
}
.knsl-mb-100 {
margin-bottom: 100px;
}
.knsl-mb-80 {
margin-bottom: 80px;
}
.knsl-mb-60 {
margin-bottom: 60px;
}
.knsl-mb-40 {
margin-bottom: 40px;
}
.knsl-mb-30 {
margin-bottom: 30px;
}
.knsl-mb-20 {
margin-bottom: 20px;
}
.knsl-mb-10 {
margin-bottom: 10px;
}
/***************************
page marcup
***************************/
html {
scroll-behavior: smooth;
}
body {
background-color: #F2FFFF;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-track {
background: #ECFAFB;
}
::-webkit-scrollbar-thumb {
background: #3B61DD;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.knsl-app {
position: relative;
overflow: hidden;
min-height: 100vh;
width: 100%;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
/***************************
preloader
***************************/
.knsl-preloader-frame {
background-color: #FFFFFF;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 1;
-webkit-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
.knsl-preloader-frame .knsl-preloader {
opacity: 0;
margin-bottom: 30px;
text-align: center;
}
.knsl-preloader-frame .knsl-preloader img {
width: 90px;
height: auto;
margin-bottom: 20px;
}
.knsl-preloader-frame .knsl-preloader .knsl-preloader-progress {
border-radius: 5px;
overflow: hidden;
min-width: 120px;
width: 100%;
background-color: #ECFAFB;
height: 4px;
margin-bottom: 20px;
}
.knsl-preloader-frame .knsl-preloader .knsl-preloader-progress .knsl-preloader-bar {
height: 100%;
background-color: #3B61DD;
}
.knsl-preloader-frame.knsl-hidden {
opacity: 0;
pointer-events: none;
}
.knsl-preloader-bar {
width: 0;
}
/***************************
top bar
***************************/
.knsl-top-bar {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 0 0 10px 10px;
position: fixed;
z-index: 666;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
right: 0;
background-color: #FFFFFF;
width: 100%;
min-height: 80px;
}
.hf-type-header {
background-color: #FFFFFF;
}
.knsl-top-bar > .elementor {
width: 100%;
}
.knsl-top-bar .container,
.hf-type-header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-top-bar .container .knsl-left-side,
.hf-type-header .container .knsl-left-side {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame,
.hf-type-header .container .knsl-left-side .knsl-logo-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
}
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame .knsl-logo-text,
.hf-type-header .container .knsl-left-side .knsl-logo-frame .knsl-logo-text {
position: relative;
font-weight: 900;
font-size: 22px;
color: #383A4E;
letter-spacing: 0;
}
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame .knsl-logo-text span,
.hf-type-header .container .knsl-left-side .knsl-logo-frame .knsl-logo-text span {
color: #3B61DD;
}
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame img,
.hf-type-header .container .knsl-left-side .knsl-logo-frame img {
width: 90px !important;
}
.knsl-top-bar .container .knsl-right-side,
.hf-type-header .container .knsl-right-side {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 72%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1200px) {
.knsl-top-bar .container .knsl-right-side,
.hf-type-header .container .knsl-right-side {
width: auto;
}
}
@media (max-width: 992px) {
.knsl-top-bar > div > .elementor-element,
.hf-type-header > div > .elementor-element {
padding: 0 15px;
}
.knsl-top-bar .container .knsl-right-side,
.hf-type-header .container .knsl-right-side,
.elementor-widget-kinsley-header-menu {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 0 0 10px 10px;
padding: 0 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
position: absolute !important;
z-index: -1;
top: 66px;
left: 0;
height: auto;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-top-bar .container .knsl-right-side.knsl-active,
.hf-type-header .container .knsl-right-side.knsl-active,
.elementor-widget-kinsley-header-menu.knsl-active {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
transform: translateY(0);
left: 50%;
width: 90vw !important;
margin-left: -45vw;
max-height: calc(100vh - 160px);
overflow-y: auto;
top: 100%;
z-index: 2;
}
.elementor-widget-kinsley-header-buttons .knsl-btn {
display: none;
}
.elementor-widget-kinsley-header-menu .elementor-widget-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
}
.elementor-widget-kinsley-header-buttons .elementor-widget-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: flex-end;
width: 100%;
}
/***************************
menu
***************************/
.knsl-menu {
margin-right: 20px;
}
.knsl-menu nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
justify-content: center;
}
.knsl-menu nav ul li {
padding: 0 20px;
height: 80px;
position: relative;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-menu nav ul li:after {
content: '';
position: absolute;
bottom: 0;
left: 20px;
border-radius: 10px;
height: 4px;
width: 0;
background-color: #EBA744;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-menu nav ul li.current-item:after, .knsl-menu nav ul li.current-menu-item:after, .knsl-menu nav ul li.current-menu-parent:after {
width: calc(100% - 40px);
}
.knsl-menu nav ul li a {
white-space: nowrap;
height: 100%;
width: 100%;
line-height: 82px;
color: #383A4E;
font-size: 15px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-menu nav ul li i {
color: #383A4E;
}
.knsl-menu nav ul li > a:hover {
color: #3B61DD;
}
.knsl-menu nav ul li.menu-item-has-children > i {
margin-left: 6px;
position: relative;
width: 14px;
height: 20px;
line-height: 22px;
text-align: center;
font-style: normal;
}
@media (min-width: 992px) {
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .knsl-menu nav ul li.menu-item-has-children>i {
color: #fefefe;
}
}
.knsl-menu nav ul li.menu-item-has-children > i:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f054";
transform: rotate(90deg);
font-size: 11px;
position: relative;
display: block;
transition: all 0.3s ease 0s;
}
.knsl-menu nav ul li ul {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
padding: 10px;
pointer-events: none;
background-color: #FFFFFF;
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
height: auto;
top: 83px;
left: -10px;
border-radius: 5px;
min-width: 130px;
position: absolute;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-menu nav ul li ul:before {
content: '';
background-color: transparent;
width: 100%;
height: 5px;
position: absolute;
top: -5px;
left: 0;
}
.knsl-menu nav ul li ul li {
height: 40px;
margin: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.knsl-menu nav ul li ul li:after, .knsl-menu nav ul li ul li:before {
display: none;
}
.knsl-menu nav ul li ul li a {
line-height: 40px;
}
@media (min-width: 993px) {
.knsl-menu nav ul li:hover > ul {
pointer-events: all;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.knsl-menu nav ul ul ul {
top: -9px;
left: 100%;
background: #F2FFFF;
}
.knsl-menu nav ul li.menu-item-has-children li.menu-item-has-children > i {
margin-top: -10px;
right: 2px;
}
.knsl-menu.knsl-menu-hide-arrow nav ul li.menu-item-has-children > i {
display: none;
}
}
@media (max-width: 992px) {
.knsl-menu {
text-align: center;
margin: 0;
width: 100%;
}
.knsl-menu nav {
width: 100%;
}
.knsl-menu nav ul {
margin: 20px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.knsl-menu nav ul li {
width: 100%;
height: auto;
display: block;
}
.knsl-menu nav ul li:after {
display: none;
}
.knsl-menu nav > ul > li.menu-item-has-children > i {
display: block;
}
.knsl-menu nav ul li a {
height: 50px;
line-height: 50px;
}
.knsl-menu nav ul li.menu-item-has-children ul li a {
pointer-events: all;
}
.knsl-menu nav ul li.current-menu-item > a {
color: #3B61DD;
}
.knsl-menu nav ul li ul {
border-radius: 0;
margin: 0;
background-color: #F2FFFF;
top: 0;
left: 0;
width: 100%;
padding: 0;
position: relative;
overflow: hidden;
opacity: 1;
-webkit-transform: none;
transform: none;
transition: none;
margin: 0;
pointer-events: all;
max-height: none;
height: auto;
border: none;
display: none;
}
.knsl-menu nav ul li.menu-item-has-children > i {
position: relative;
top: -1px;
margin-top: 0;
right: 0;
width: 20px;
height: 22px;
line-height: 22px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.knsl-menu nav ul li.menu-item-has-children li.menu-item-has-children > i {
top: 10px;
}
.knsl-menu nav ul li.active.menu-item-has-children > i:before {
transform: rotate(-90deg);
}
.knsl-menu nav ul li ul li {
height: auto;
}
}
/***************************
mobile menu button
***************************/
.knsl-menu-btn {
-webkit-transform: scale(1.3);
transform: scale(1.3);
margin-top: 2px;
padding: 8px 7px;
width: 30px;
height: 30px;
cursor: pointer;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.knsl-menu-btn span, .knsl-menu-btn span:after, .knsl-menu-btn span:before {
content: "";
display: block;
width: 15px;
height: 0.15em;
border-radius: 1px;
background: #383A4E;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-menu-btn span {
position: relative;
margin: 5px 0 0;
}
.knsl-menu-btn span:after, .knsl-menu-btn span:before {
position: absolute;
}
.knsl-menu-btn span:before {
top: -5px;
}
.knsl-menu-btn span:after {
top: 5px;
}
.knsl-menu-btn.knsl-active span {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.knsl-menu-btn.knsl-active span:before {
-webkit-transform: translate(0px, 5px) rotate(-90deg);
transform: translate(0px, 5px) rotate(-90deg);
}
.knsl-menu-btn.knsl-active span:after {
-webkit-transform: translate(0px, -5px) rotate(-90deg);
transform: translate(0px, -5px) rotate(-90deg);
}
@media (max-width: 992px) {
.knsl-minicart {
display: inline-block;
vertical-align: middle;
}
.knsl-menu-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.knsl-stycky-left {
padding-bottom: 60px;
}
.knsl-stycky-right {
padding-top: 0px;
}
}
/***************************
popup
***************************/
.knsl-popup {
display: none;
text-align: center;
border-radius: 10px;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}
.knsl-popup .knsl-succes-icon {
width: 60px;
margin-bottom: 10px;
}
.knsl-popup-frame {
pointer-events: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: rgba(36, 36, 40, 0.9);
height: 100vh;
z-index: 888;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 80px;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
.knsl-popup-frame .knsl-book-popup {
padding-top: 40px;
padding-bottom: 40px;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
height: auto;
overflow: visible;
max-width: 500px;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.knsl-popup-frame .knsl-book-popup h2 {
margin-top: 10px;
text-align: center;
}
.knsl-popup-frame .knsl-book-popup .knsl-close-popup {
position: absolute;
top: 0;
right: 20px;
font-size: 38px;
font-weight: 200;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
cursor: pointer;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.knsl-popup-frame .knsl-book-popup .knsl-close-popup:hover {
color: #383A4E;
}
.knsl-popup-frame.knsl-active {
pointer-events: all;
opacity: 1;
}
.knsl-popup-frame.knsl-active .knsl-book-popup {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
@media (max-width: 540px) {
.knsl-popup-frame .knsl-book-popup {
width: calc(100% - 40px);
}
}
/***************************
banner
***************************/
.knsl-banner {
position: relative;
overflow: hidden;
border-bottom: solid 10px #FFFFFF;
z-index: 0;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-banner .knsl-cover-frame,
.knsl-banner-simple .knsl-cover-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
background-color: #ECFAFB;
}
.knsl-banner .knsl-cover-frame img,
.knsl-banner-simple .knsl-cover-frame img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
-webkit-animation: zoom 20s ease-in-out infinite;
animation: zoom 20s ease-in-out infinite;
}
.knsl-banner-slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.knsl-banner .knsl-overlay,
.knsl-banner-simple .knsl-overlay {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(56, 58, 78, 0.6)), to(rgba(11, 12, 18, 0.4)));
background-image: linear-gradient(180deg, rgba(56, 58, 78, 0.6) 0%, rgba(11, 12, 18, 0.4) 100%);
}
.knsl-banner .knsl-banner-content {
height: 100vh;
width: 100%;
position: relative;
z-index: 777;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-banner .knsl-banner-content .knsl-banner-buttons .knsl-btn {
margin: 0 15px;
vertical-align: top;
}
.knsl-banner .knsl-banner-content .knsl-main-title {
width: 100%;
}
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #EBA744;
font-size: 13px;
background-color: rgba(255, 255, 255, 0.2);
width: 120px;
margin: 0 auto 20px;
border-radius: 15px;
}
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-stars.knsl-stars-left {
margin-left: 0;
}
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-stars li {
margin: 0 3px;
}
.knsl-banner .knsl-banner-content .knsl-main-title h1 {
z-index: 1;
color: #FFFFFF;
}
.knsl-scroll-hint-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
}
.knsl-scroll-hint-frame .knsl-scroll-hint {
display: block;
background-color: rgba(255, 255, 255, 0.2);
position: relative;
width: 24px;
height: 40px;
border: solid 2px #EBA744;
border-radius: 20px;
}
.knsl-scroll-hint-frame .knsl-scroll-hint:before {
content: '';
position: absolute;
border-radius: 50%;
background-color: #FFFFFF;
height: 4px;
width: 4px;
top: 10px;
left: 8px;
-webkit-animation: mouse 1s infinite ease-in-out;
animation: mouse 1s infinite ease-in-out;
}
.knsl-scroll-hint-frame.knsl-scroll-hint-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.knsl-banner.knsl-banner-short {
height: 550px;
}
.knsl-banner.knsl-banner-short .knsl-banner-content .knsl-main-title {
margin-top: 110px;
}
.knsl-banner.knsl-banner-short .knsl-scroll-hint-frame {
padding-top: 0 !important;
}
.knsl-banner-simple {
padding-top: 160px;
padding-bottom: 40px;
min-height: 470px;
display: flex;
align-items: center;
background-color: #ECFAFB;
}
.knsl-banner-simple .container {
z-index: 2;
}
.knsl-banner-simple.knsl-transition-bottom {
margin-bottom: 120px;
}
.knsl-banner-simple.knsl-banner-error {
padding-bottom: 100px;
}
.knsl-banner-simple h1.knsl-h1-inner {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
.knsl-banner-slideshow {
height: 100%;
}
.knsl-banner-slider-wrapper .knsl-book-form {
z-index: 2;
}
.knsl-banner-slider .swiper-slide {
overflow: hidden;
}
.knsl-app:not(.knsl-app-minimal) .knsl-banner-slider-wrapper .knsl-book-form.knsl-book-form-2 {
margin: 0;
position: absolute;
bottom: 60px;
left: 40px;
right: 40px;
width: auto;
}
/*banner title position top*/
.knsl-banner-simple .knsl-title-frame {
display: flex;
flex-direction: column;
align-items: center;
}
.knsl-banner-simple .knsl-text,
.knsl-banner-simple .knsl-title--h {
margin-left: 0;
margin-right: 0;
}
.knsl-banner-simple .title-pos-top .knsl-text {
order: 1;
margin-bottom: 0;
}
.knsl-banner-simple .title-pos-top .knsl-title--h {
order: 2;
}
.knsl-banner-simple .title-pos-top .knsl-breadcrumbs {
order: 3;
}
@media (max-width: 992px) {
.knsl-app:not(.knsl-app-minimal) .knsl-banner-slider-wrapper .knsl-book-form.knsl-book-form-2 {
margin: 0;
position: relative;
bottom: 0;
left: 0;
right: 0;
width: auto;
margin-top: -50px;
}
.knsl-banner .knsl-banner-slider .knsl-banner-content {
height: 100vh;
}
}
@-webkit-keyframes mouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes mouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 992px) {
.knsl-banner {
height: auto;
border: none;
}
.knsl-banner .knsl-banner-content {
height: auto;
padding-top: 180px;
padding-bottom: 150px;
}
.knsl-banner .knsl-banner-content .knsl-main-title {
margin-top: 0;
}
}
@media (max-width: 500px) {
.knsl-banner .knsl-banner-content .knsl-banner-buttons .knsl-btn {
margin-bottom: 30px;
}
.knsl-banner .knsl-banner-content .knsl-banner-buttons .knsl-btn:last-child {
margin-bottom: 0;
}
}
/***************************
icon box
***************************/
.knsl-icon-box {
-webkit-box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 10px;
text-align: center;
background-color: #F2FFFF;
padding: 30px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
border: solid 10px #FFFFFF;
margin-bottom: 20px;
height: calc(100% - 20px);
}
.knsl-icon-box img {
width: 45px !important;
height: 45px !important;
object-fit: contain;
-o-object-fit: contain;
object-position: center;
-o-object-position: center;
}
.knsl-icon-box .knsl-counter-number {
display: inline-block;
font-size: 30px;
font-weight: 500;
position: relative;
font-family: 'Monoton', cursive;
}
.knsl-icon-box.knsl-icon-box-sm {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
padding: 20px;
border: none;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.knsl-icon-box.knsl-icon-box-sm img {
width: 35px;
height: 35px;
}
.knsl-features-card {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
z-index: 2;
position: relative;
border-radius: 10px;
background-color: #FFFFFF;
padding: 10px 10px 0;
}
.knsl-features-card:before {
content: '';
width: 500px;
height: 10px;
background-color: #FFFFFF;
position: absolute;
z-index: 888;
top: calc(50% - 5px);
left: -500px;
}
.knsl-features-card:after {
content: '';
width: 500px;
height: 10px;
background-color: #FFFFFF;
position: absolute;
z-index: 888;
top: calc(50% - 5px);
right: -500px;
}
.knsl-features-card .knsl-icon-box {
border: none;
}
.knsl-features-card.knsl-features-card-no-lines:before, .knsl-features-card.knsl-features-card-no-lines:after {
display: none;
}
/***************************
quote
***************************/
.knsl-quote-with-author {
position: relative;
}
.knsl-quote-with-author .knsl-photo-frame {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
padding: 5% 0 0 10%;
width: 155%;
border: solid 10px #FFFFFF;
border-radius: 10px;
position: relative;
}
.knsl-quote-with-author .knsl-photo-frame:before {
content: '';
width: 500px;
height: 10px;
background-color: #FFFFFF;
position: absolute;
z-index: 888;
bottom: calc(27% - 5px);
left: -500px;
}
.knsl-quote-with-author .knsl-photo-frame:after {
content: '';
width: 150%;
height: 10px;
background-color: #FFFFFF;
position: absolute;
z-index: 9;
border-radius: 0 20px 20px 0;
bottom: calc(27% - 5px);
right: -150%;
}
.knsl-quote-with-author .knsl-photo-frame img {
width: 60%;
}
.knsl-quote-with-author blockquote {
text-align: left;
font-size: 18px;
z-index: 10;
}
.knsl-quote-with-author .knsl-quote-bottom {
position: relative;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-quote-with-author .knsl-quote-bottom .knsl-signature {
width: 160px;
-webkit-transform: rotate(-5deg) translateY(-5px);
transform: rotate(-5deg) translateY(-5px);
margin-right: 30px;
opacity: 0.7;
}
@media (max-width: 992px) {
.knsl-quote-with-author {
position: relative;
}
.knsl-quote-with-author .knsl-photo-frame {
padding: 0;
width: 100%;
border: none;
}
.knsl-quote-with-author .knsl-photo-frame img {
width: 70%;
margin: 0 15%;
}
.knsl-quote-with-author .knsl-photo-frame:after, .knsl-quote-with-author .knsl-photo-frame:before {
display: none;
}
.knsl-quote-with-author blockquote {
padding: 30px;
margin-bottom: 0;
border-radius: 10px 10px 0 0;
}
.knsl-quote-with-author blockquote:after, .knsl-quote-with-author blockquote:before {
display: none;
}
.knsl-quote-with-author .knsl-quote-bottom {
position: relative;
padding: 0 30px 30px;
border-radius: 0 0 10px 10px;
background-color: #FFFFFF;
padding-left: 100px;
}
.knsl-quote-with-author .knsl-quote-bottom:before {
position: absolute;
top: 0;
left: 30px;
line-height: 55px;
font-size: 48px;
color: #EBA744;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f10d";
}
.knsl-quote-with-author .knsl-quote-bottom .knsl-signature {
margin-right: 0;
}
}
/***************************
gallery
***************************/
.knsl-about-slider {
overflow: visible !important;
}
.knsl-slider-nav-panel .knsl-about-slider-1-pagination {
width: 80px;
text-align: center;
position: absolute;
z-index: 7;
font-size: 13px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
bottom: 30px !important;
left: 0;
background-color: #FFFFFF;
border-radius: 40px;
padding: 10px 20px;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
color: #383A4E;
}
.knsl-slider-nav-panel .knsl-about-slider-nav {
position: absolute;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
bottom: 30px;
right: 0;
text-align: center;
z-index: 9;
border-radius: 40px;
background-color: #FFFFFF;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
}
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-next, .knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-prev {
border-radius: 50%;
height: 45px;
width: 45px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #383A4E;
margin: 0 10px;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-next.swiper-button-disabled, .knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-prev.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
@media (max-width: 992px) {
.knsl-slider-nav-panel {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.knsl-slider-nav-panel .knsl-about-slider-1-pagination {
position: static;
padding-top: 12px;
}
.knsl-slider-nav-panel .knsl-about-slider-nav {
position: static;
}
}
.knsl-image-frame {
border: solid 10px #FFFFFF;
position: relative;
overflow: hidden;
border-radius: 10px;
padding-bottom: 65%;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-image-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 5px;
z-index: 1;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-image-frame .knsl-zoom {
opacity: 0;
z-index: 9;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px #FFFFFF;
position: absolute;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
color: #FFFFFF;
-webkit-transform: scale(0.5) translateY(15px);
transform: scale(0.5) translateY(15px);
font-size: 13px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-image-frame:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.knsl-image-frame:hover .knsl-zoom {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.knsl-gallery-item {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
width: 100%;
margin-bottom: 20px;
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.knsl-gallery-item img {
width: 100%;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-gallery-item .knsl-zoom {
opacity: 0;
z-index: 9;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px #FFFFFF;
position: absolute;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
color: #FFFFFF;
-webkit-transform: scale(0.5) translateY(15px);
transform: scale(0.5) translateY(15px);
font-size: 13px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-gallery-item:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.knsl-gallery-item:hover .knsl-zoom {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
/***************************
about
***************************/
.knsl-about-card {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border: solid 10px #FFFFFF;
border-radius: 20px;
overflow: hidden;
background-color: #FFFFFF;
}
.knsl-about-card .knsl-about-photo, .knsl-about-card .knsl-video-frame {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 70%;
}
.knsl-about-card .knsl-about-photo img, .knsl-about-card .knsl-video-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.knsl-about-card .knsl-about-text {
padding: 50px;
margin: 0 auto;
width: 100%;
max-width: 600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992px) {
.knsl-about-card .knsl-about-text {
padding: 20px;
}
}
/***************************
video
***************************/
.knsl-video-frame {
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.knsl-video-frame img {
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.knsl-video-frame .knsl-play-btn {
color: #FFFFFF;
padding-left: 4px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
height: 60px;
width: 60px;
border-radius: 50%;
background-color: #EBA744;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-animation: wave 1s ease-in-out infinite;
animation: wave 1s ease-in-out infinite;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-video-frame .knsl-play-btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-filter: brightness(110%);
filter: brightness(110%);
}
@-webkit-keyframes wave {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@keyframes wave {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
/***************************
cards
***************************/
.knsl-blog-card,
.knsl-menu-card,
.knsl-room-card {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
border-radius: 10px;
position: relative;
overflow: hidden;
padding: 10px;
margin-bottom: 20px;
}
.knsl-blog-card .knsl-cover-frame,
.knsl-menu-card .knsl-cover-frame,
.knsl-room-card .knsl-cover-frame {
width: 100%;
border-radius: 5px;
padding-bottom: 65%;
position: relative;
overflow: hidden;
}
.knsl-blog-card .knsl-cover-frame img,
.knsl-menu-card .knsl-cover-frame img,
.knsl-room-card .knsl-cover-frame img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-blog-card .knsl-description-frame,
.knsl-menu-card .knsl-description-frame,
.knsl-room-card .knsl-description-frame {
padding: 30px 20px 20px;
}
.knsl-blog-card .knsl-description-frame h3,
.knsl-blog-card .knsl-description-frame h4,
.knsl-blog-card .knsl-description-frame h5,
.knsl-menu-card .knsl-description-frame h3,
.knsl-menu-card .knsl-description-frame h4,
.knsl-menu-card .knsl-description-frame h5,
.knsl-room-card .knsl-description-frame h3,
.knsl-room-card .knsl-description-frame h4,
.knsl-room-card .knsl-description-frame h5 {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features,
.knsl-menu-card .knsl-description-frame .knsl-room-features,
.knsl-room-card .knsl-description-frame .knsl-room-features {
margin-bottom: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-color: #F2FFFF;
padding: 5px;
border-radius: 20px;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature {
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame {
overflow: hidden;
background-color: #FFFFFF;
border-radius: 50%;
padding: 5px;
width: 30px;
height: 30px;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame img,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame img,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame img,
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame svg,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame svg,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame svg {
width: 15px;
height: 15px;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author {
padding: 0;
}
.knsl-blog-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author img,
.knsl-menu-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author img,
.knsl-room-card .knsl-description-frame .knsl-room-features .knsl-feature .knsl-icon-frame.knsl-icon-author img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.knsl-blog-card .knsl-description-frame .knsl-card-bottom,
.knsl-menu-card .knsl-description-frame .knsl-card-bottom,
.knsl-room-card .knsl-description-frame .knsl-card-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-blog-card .knsl-description-frame .knsl-card-bottom .knsl-price,
.knsl-menu-card .knsl-description-frame .knsl-card-bottom .knsl-price,
.knsl-room-card .knsl-description-frame .knsl-card-bottom .knsl-price {
font-size: 20px;
font-weight: 600;
color: #64BC5F;
}
.knsl-blog-card .knsl-description-frame .knsl-card-bottom .knsl-price sup,
.knsl-menu-card .knsl-description-frame .knsl-card-bottom .knsl-price sup,
.knsl-room-card .knsl-description-frame .knsl-card-bottom .knsl-price sup {
font-weight: 400;
color: #64688C;
font-size: 15px;
text-decoration: line-through;
}
.knsl-blog-card .knsl-description-frame .knsl-card-bottom .knsl-price span,
.knsl-menu-card .knsl-description-frame .knsl-card-bottom .knsl-price span,
.knsl-room-card .knsl-description-frame .knsl-card-bottom .knsl-price span {
font-weight: 400;
font-size: 15px;
color: #64688C;
}
.knsl-blog-card:hover .knsl-cover-frame a img,
.knsl-menu-card:hover .knsl-cover-frame a img,
.knsl-room-card:hover .knsl-cover-frame a img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.knsl-blog-card.knsl-blog-card-sm,
.knsl-menu-card.knsl-blog-card-sm,
.knsl-room-card.knsl-blog-card-sm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.knsl-blog-card.knsl-blog-card-sm .knsl-cover-frame,
.knsl-menu-card.knsl-blog-card-sm .knsl-cover-frame,
.knsl-room-card.knsl-blog-card-sm .knsl-cover-frame {
width: 35%;
padding-bottom: 10%;
}
.knsl-blog-card.knsl-blog-card-sm .knsl-description-frame,
.knsl-menu-card.knsl-blog-card-sm .knsl-description-frame,
.knsl-room-card.knsl-blog-card-sm .knsl-description-frame {
padding: 10px 20px;
width: 65%;
}
.knsl-blog-card.knsl-blog-card-sm .knsl-description-frame .knsl-text-light,
.knsl-menu-card.knsl-blog-card-sm .knsl-description-frame .knsl-text-light,
.knsl-room-card.knsl-blog-card-sm .knsl-description-frame .knsl-text-light {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical;
}
.attr-title-false .knsl-blog-card .knsl-description-frame h3,
.attr-desc-false .knsl-blog-card .knsl-description-frame .knsl-text,
.attr-categories-false .knsl-blog-card .knsl-badge,
.attr-featured-false .knsl-blog-card .knsl-cover-frame,
.attr-details-false .knsl-blog-card .knsl-room-features,
.attr-details-author-false .knsl-blog-card .knsl-feature-author,
.attr-details-date-false .knsl-blog-card .knsl-feature-date,
.attr-readmore-false .knsl-blog-card .knsl-description-frame .knsl-btn,
.attr-readmore-false .knsl-blog-card .knsl-description-frame .knsl-el-more {
display: none !important;
}
.attr-title-false .knsl-menu-card .knsl-description-frame h3,
.attr-desc-false .knsl-menu-card .knsl-description-frame .knsl-text-light,
.attr-badge-false .knsl-menu-card .knsl-badge,
.attr-featured-false .knsl-menu-card .knsl-cover-frame,
.attr-price-false .knsl-menu-card .knsl-description-frame .knsl-price {
display: none !important;
}
/***************************
service cards
***************************/
.knsl-ath-card {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 20px;
position: relative;
padding: 10px;
background-color: #FFFFFF;
border-radius: 10px;
}
.knsl-ath-card .knsl-cover-frame {
border-radius: 5px;
position: relative;
overflow: hidden;
padding-bottom: 130%;
}
.knsl-ath-card .knsl-cover-frame img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-ath-card .knsl-card-description {
padding: 20px;
width: calc(100% - 60px);
max-height: 75px;
overflow: hidden;
border-radius: 5px;
background-color: #FFFFFF;
text-align: center;
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-ath-card .knsl-card-description h4 {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-ath-card .knsl-card-description .knsl-btn,
.knsl-ath-card .knsl-card-description p {
-webkit-transform: translateY(60px);
transform: translateY(60px);
opacity: 0;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-ath-card:hover .knsl-cover-frame img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.knsl-ath-card:hover .knsl-card-description {
max-height: 280px;
}
.knsl-ath-card:hover .knsl-card-description .knsl-btn,
.knsl-ath-card:hover .knsl-card-description p {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.knsl-ath-card.knsl-ath-card-2 .knsl-cover-frame {
padding-bottom: 85%;
}
.knsl-ath-card.knsl-ath-card-2 .knsl-card-description {
max-height: 500px;
}
.knsl-ath-card.knsl-ath-card-2 .knsl-card-description:hover h4 {
color: #64BC5F;
}
.knsl-ath-card .knsl-badge {
background-color: #64BC5F;
font-size: 12px;
}
.knsl-ath-card .knsl-badge span {
font-size: 15px;
}
.knsl-ath-card .knsl-badge strong {
display: none;
}
.knsl-ath-card .knsl-text {
margin-bottom: 1rem;
}
.attr-title-false .knsl-ath-card .knsl-card-description h3,
.attr-desc-false .knsl-ath-card .knsl-card-description .knsl-text,
.attr-price-false .knsl-ath-card .knsl-badge,
.attr-readmore-false .knsl-ath-card .knsl-card-description .knsl-btn,
.attr-readmore-false .knsl-ath-card .knsl-card-description .knsl-el-more {
display: none !important;
}
/***************************
testimonials
***************************/
.knsl-testimonials-nav {
opacity: 0;
width: 100%;
position: absolute;
z-index: 9;
top: 60px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.knsl-testimonials-nav .knsl-testimonials-slider-1-next, .knsl-testimonials-nav .knsl-testimonials-slider-1-prev {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
width: 45px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
background-color: #3B61DD;
border-radius: 50%;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-testimonials-nav .knsl-testimonials-slider-1-prev {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.knsl-testimonials-nav .knsl-testimonials-slider-1-next {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.knsl-testimonial-card {
text-align: center;
}
.knsl-testimonial-card .knsl-avatar-frame {
margin: 0 auto;
border: solid 10px #FFFFFF;
position: relative;
overflow: hidden;
border-radius: 50%;
width: 90px;
height: 90px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-testimonial-card .knsl-avatar-frame img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.knsl-testimonial-card .knsl-name-and-text {
padding: 15px 0 0;
}
.knsl-testimonial-card .knsl-name-and-text blockquote {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
margin-top: 15px;
font-style: normal;
padding: 20px 20px 30px;
font-size: 15px;
margin-top: 1em;
margin-bottom: 0;
background: #ffffff;
color: #64688C;
}
.knsl-testimonial-card .knsl-name-and-text blockquote .knsl-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.knsl-testimonial-card .knsl-name-and-text blockquote .knsl-stars li {
color: #EBA744;
margin-right: 2px;
}
.knsl-testimonial-card .knsl-name-and-text blockquote .knsl-stars li.knsl-empty {
color: #ECFAFB;
}
.knsl-testimonial-card .knsl-name-and-text blockquote:before {
font-size: 46px;
line-height: 50px;
}
.knsl-testimonial-card .knsl-name-and-text blockquote:after {
font-size: 64px;
line-height: 5px;
}
.knsl-testimonials-slider {
position: relative;
}
.knsl-testimonials-slider .swiper-slide .knsl-testimonial-card {
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-top: 20px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-testimonials-slider .swiper-slide .knsl-testimonial-card .knsl-name-and-text blockquote:before {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
}
.knsl-testimonials-slider .swiper-slide .knsl-testimonial-card .knsl-name-and-text blockquote:after {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
.knsl-testimonials-slider .swiper-slide.swiper-slide-active .knsl-testimonial-card {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
}
.knsl-testimonials-slider .swiper-slide.swiper-slide-active .knsl-testimonial-card .knsl-name-and-text blockquote:before {
opacity: 1;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.knsl-testimonials-slider .swiper-slide.swiper-slide-active .knsl-testimonial-card .knsl-name-and-text blockquote:after {
opacity: 1;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.knsl-testimonials-slider:hover .knsl-testimonials-nav {
opacity: 1;
margin-left: 0;
margin-right: 0;
}
.knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-next, .knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-prev {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-next:hover, .knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-prev:hover {
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-next.swiper-button-disabled, .knsl-testimonials-slider:hover .knsl-testimonials-nav .knsl-testimonials-slider-1-prev.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
/***************************
team
***************************/
.knsl-team-card {
margin-bottom: 20px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
border-radius: 10px;
padding: 10px;
}
.knsl-team-card .knsl-photo-frame {
border-radius: 10px;
overflow: hidden;
position: relative;
padding-bottom: 120%;
}
.knsl-team-card .knsl-photo-frame img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-team-card .knsl-team-member-descr {
padding: 30px 20px 20px;
}
.knsl-team-card .knsl-team-member-descr .knsl-member-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 20px 0 0;
}
.knsl-team-card .knsl-team-member-descr .knsl-member-social li {
margin-right: 5px;
}
.knsl-team-card .knsl-team-member-descr .knsl-member-social li a {
border-radius: 50%;
background-color: #ECFAFB;
text-align: center;
display: block;
height: 30px;
width: 30px;
line-height: 30px;
}
.knsl-team-card .knsl-team-member-descr .knsl-member-social li a svg {
width: 15px;
height: 15px;
fill: #3C3B40;
}
.knsl-team-card .knsl-team-member-descr .knsl-member-social li:last-child {
margin-right: 0;
}
.knsl-team-card:hover .knsl-photo-frame img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/***************************
faq
***************************/
.knsl-faq {
background: #FFFFFF;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 10px !important;
overflow: hidden;
}
.knsl-faq .card {
border: none;
border-bottom: 1px solid #ECFAFB;
}
.knsl-faq .card .card-header {
padding: 0;
border: none;
background: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-faq .card .card-header .knsl-faq-title {
width: 100%;
padding: 0 30px;
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.knsl-faq .card .card-header .knsl-faq-title .badge {
font-size: 10px;
font-weight: 400;
display: inline-block;
width: 20px;
height: 20px;
line-height: 22px;
background: #3B61DD;
border-radius: 50%;
color: #FFFFFF;
padding: 0;
margin-right: 20px;
}
.knsl-faq .card .card-header:hover {
padding-left: 5px;
}
.knsl-faq .card .card-header:hover .knsl-faq-title {
color: #EBA744;
}
.knsl-faq .card .knsl-card-body {
padding: 30px 30px 16px 35px;
border-top: 1px solid #ECFAFB;
}
/***************************
side menu
***************************/
.knsl-side-menu {
margin: 0;
padding: 30px 30px 30px 0;
border-radius: 10px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-side-menu li {
list-style-type: none;
margin-bottom: 10px;
}
.knsl-side-menu .knsl-sm-link {
padding-left: 30px;
position: relative;
display: inline-block;
cursor: pointer;
line-height: 45px;
border-radius: 40px;
color: #383A4E;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-side-menu .knsl-sm-link:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0;
width: 4px;
border-radius: 2px;
background-color: #EBA744;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-side-menu .knsl-sm-link.knsl-active:before {
height: 100%;
}
.knsl-side-menu .knsl-sm-link:last-child {
margin-bottom: 0;
}
.knsl-side-menu .knsl-sm-link:hover {
color: #3B61DD;
}
/***************************
pagination
***************************/
.knsl-pagination {
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.knsl-pagination li,
.knsl-pagination a,
.knsl-pagination span,
.page-links a,
.page-links span {
margin-right: 10px;
}
.knsl-pagination li a,
.knsl-pagination a,
.knsl-pagination span,
.page-links a,
.page-links span {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
display: block;
height: 45px;
width: 45px;
border-radius: 50%;
text-align: center;
line-height: 47px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-pagination li a:hover,
.knsl-pagination a:hover,
.page-links a:hover {
color: #EBA744;
}
.knsl-pagination li.knsl-active a,
.knsl-pagination span,
.page-links span {
background-color: #3B61DD;
color: #FFFFFF;
}
.knsl-pagination li:last-child,
.knsl-pagination a:last-child,
.knsl-pagination span:last-child,
.page-links a:last-child,
.page-links span:last-child {
margin-right: 0;
}
.knsl-pagination a.prev,
.knsl-pagination a.next,
.page-links a.prev,
.page-links a.next {
background-color: transparent;
}
/***************************
filter
***************************/
.knsl-filter-frame {
padding: 20px;
}
.knsl-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
margin-top: -10px;
margin-left: -5px;
margin-right: -5px;
}
.knsl-filter .knsl-work-category {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
position: relative;
font-size: 15px;
display: block;
background-color: #FFFFFF;
color: #383A4E;
height: 50px;
border-radius: 50px;
margin: 0 5px;
line-height: 50px;
padding: 0 40px;
margin-bottom: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
margin-top: 10px;
}
.knsl-filter .knsl-work-category.knsl-current {
color: #FFFFFF;
background-color: #3B61DD;
}
@media (max-width: 992px) {
.knsl-filter .knsl-work-category {
margin-bottom: 10px;
}
.knsl-filter .knsl-work-category:last-child {
margin-bottom: 0;
}
}
/***************************
scroll animation
***************************/
.knsl-scroll-animation {
opacity: 0;
-webkit-transform: translateY(25px);
transform: translateY(25px);
-webkit-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
.knsl-scroll-animation.knsl-active-el {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/***************************
breadcrumbs
***************************/
.knsl-breadcrumbs {
border-radius: 50px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
margin: 0;
padding: 0 30px;
-webkit-box-shadow: 0 0 0 10px #FFFFFF, 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 0 0 10px #FFFFFF, 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #EBA744;
height: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-breadcrumbs li {
margin-right: 10px;
list-style-type: none;
}
.knsl-breadcrumbs li:last-child {
margin-right: 0;
}
.knsl-breadcrumbs li a {
color: #FFFFFF;
opacity: 0.6;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-breadcrumbs li a:after {
font-size: 11px;
margin-left: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
}
.knsl-breadcrumbs li a:hover {
opacity: 1;
}
.knsl-breadcrumbs li:last-child,
.knsl-breadcrumbs li:last-child a,
.knsl-breadcrumbs li:last-child a:hover {
opacity: 1;
color: #FFFFFF;
}
.knsl-breadcrumbs li:last-child a:after {
display: none;
}
@media (max-width: 500px) {
.knsl-breadcrumbs li a {
display: flex;
align-items: center;
line-height: 18px;
}
}
/***************************
404
***************************/
.knsl-404 {
color: #EBA744;
font-size: 200px;
font-family: 'Monoton', cursive;
}
@media (max-width: 500px) {
.knsl-404 {
font-size: 100px;
}
}
/***************************
room details slider
***************************/
.knsl-room-detail-slider-frame {
background-color: #FFFFFF;
padding: 10px;
border-radius: 10px;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-room-detail-photo-lg,
.knsl-room-detail-photo-sm {
overflow: hidden;
border-radius: 5px;
display: block !important;
position: relative;
padding-bottom: 65%;
width: 100%;
cursor: pointer;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-room-detail-photo-lg img,
.knsl-room-detail-photo-sm img {
border-radius: 5px;
width: 100%;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
object-fit: cover;
object-position: center;
}
.knsl-room-detail-photo-sm img {
-webkit-transition: 0s ease-in-out;
transition: 0s ease-in-out;
}
.knsl-room-detail-photo-lg .knsl-zoom,
.knsl-room-detail-photo-sm .knsl-zoom {
opacity: 0;
z-index: 9;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
color: #FFFFFF;
-webkit-transform: scale(0.5) translateY(15px);
transform: scale(0.5) translateY(15px);
font-size: 13px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.knsl-room-detail-photo-lg:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.knsl-room-detail-photo-lg:hover .knsl-zoom {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.swiper-slide-thumb-active .knsl-room-detail-photo-sm {
background-color: #EBA744;
}
.swiper-slide-thumb-active .knsl-room-detail-photo-sm img {
left: 5px;
top: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px) !important;
}
/***************************
price
***************************/
.knsl-price-card {
padding: 20px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 10px;
background-color: #FFFFFF;
width: 100%;
text-align: center;
}
.knsl-price-card .knsl-price-number {
font-size: 36px;
line-height: 30px;
color: #64BC5F;
font-weight: 600;
}
.knsl-price-card .knsl-price-number .knsl-price-number-after,
.knsl-price-card .knsl-price-number .mphb-price-period,
.knsl-price-card .knsl-price-number .mphb-tax-information {
font-size: 16px;
color: #383A4E;
font-weight: 400;
border-bottom: none;
}
.knsl-price-card .knsl-price-number .mphb-tax-information {
color: #64688C;
font-size: small;
display: block;
line-height: normal;
}
.knsl-price-card .knsl-price-number .mphb-regular-price strong {
display: block;
font-size: 16px;
color: #383A4E;
font-weight: 700;
}
/***************************
detail features
***************************/
.knsl-room-features-lg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
padding: 10px;
border-radius: 10px;
}
.single-post .knsl-room-features-lg,
.single-mphb_room_service .knsl-room-features-lg {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
.single-post .knsl-room-features-lg .knsl-feature .knsl-icon-frame {
background: #fff;
}
.knsl-room-features-lg .knsl-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.knsl-room-features-lg .knsl-feature:last-child {
margin-right: 0;
}
.knsl-room-features-lg .knsl-feature .knsl-icon-frame {
overflow: hidden;
background-color: #ECFAFB;
border-radius: 50%;
padding: 5px;
width: 30px;
height: 30px;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-room-features-lg .knsl-feature .knsl-icon-frame img,
.knsl-room-features-lg .knsl-feature .knsl-icon-frame svg {
width: 20px;
height: 20px;
}
.knsl-room-features-lg .knsl-feature .knsl-icon-frame.knsl-icon-author {
padding: 0;
}
.knsl-room-features-lg .knsl-feature .knsl-icon-frame.knsl-icon-author img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.knsl-room-features-lg .mphb-details-title {
display: none;
}
.knsl-room-features-lg .mphb-single-room-type-attributes {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0 10px;
border-radius: 0;
background: none;
}
.knsl-room-features-lg .mphb-single-room-type-attributes li {
min-height: 45px;
padding-left: 45px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
font-size: 15px;
display: none;
}
.knsl-room-features-lg .mphb-single-room-type-attributes li:before {
width: 20px;
height: 20px;
top: 12.5px;
left: 8.5px;
}
.knsl-room-features-lg .mphb-single-room-type-attributes li:after {
background-color: #ECFAFB;
width: 45px;
height: 45px;
}
.knsl-room-features-lg.show-capacity .mphb-single-room-type-attributes li.mphb-room-type-adults-capacity,
.knsl-room-features-lg.show-capacity .mphb-single-room-type-attributes li.mphb-room-type-total-capacity {
display: flex;
}
.knsl-room-features-lg.show-size .mphb-single-room-type-attributes li.mphb-room-type-size {
display: flex;
}
.knsl-room-features-lg.show-view .mphb-single-room-type-attributes li.mphb-room-type-view {
display: flex;
}
.knsl-room-features-lg.show-facilities .mphb-single-room-type-attributes li.mphb-room-type-facilities {
display: flex;
}
.knsl-room-features-lg.show-categories .mphb-single-room-type-attributes li.mphb-room-type-categories {
display: flex;
}
.knsl-room-features-lg.show-bed-type .mphb-single-room-type-attributes li.mphb-room-type-bed-type {
display: flex;
}
.knsl-room-features-lg.show-children .mphb-single-room-type-attributes li.mphb-room-type-children-capacity {
display: flex;
}
.knsl-room-features-lg.show-custom-attribute .mphb-single-room-type-attributes li.mphb-room-type-custom-attribute {
display: flex;
}
/***************************
map
***************************/
.knsl-map-frame {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
position: relative;
overflow: hidden;
height: 350px;
width: 100%;
border: solid 10px #FFFFFF;
border-radius: 10px;
}
.knsl-map-frame .knsl-lock {
opacity: 0;
position: absolute;
top: 20px;
right: 20px;
width: 35px;
height: 35px;
color: #FFFFFF;
background-color: #8588A2;
z-index: 888;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
border-radius: 50%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.knsl-map-frame .knsl-lock.knsl-active {
opacity: 1;
background-color: #64BC5F;
}
.knsl-map-frame .knsl-lock i {
font-size: 12px;
}
.knsl-map-frame:hover .knsl-lock {
opacity: 1;
}
.knsl-map-frame .knsl-map {
margin-top: -3%;
height: 120%;
width: 100%;
pointer-events: none;
}
.knsl-map-frame .knsl-map.knsl-active {
pointer-events: all;
}
.knsl-map-frame.knsl-map-frame-2 {
height: 400px;
width: 100%;
}
.knsl-map-frame.knsl-map-frame-2 .knsl-map {
margin-top: -3%;
height: 120%;
width: 100%;
}
.mapboxgl-marker:after {
position: absolute;
content: 'Kinsley';
-webkit-transform: translateX(-30%) translateY(10px);
transform: translateX(-30%) translateY(10px);
display: block;
color: #FFFFFF;
font-weight: 800;
text-transform: uppercase;
font-size: 10px;
padding: 1px 10px;
white-space: nowrap;
text-align: center;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 10px;
visibility: hidden;
opacity: 0;
}
.mapboxgl-marker svg {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-animation: marker 1s infinite ease-in-out;
animation: marker 1s infinite ease-in-out;
}
.mapboxgl-marker svg g {
fill: #EBA744;
}
.mapboxgl-marker svg circle {
fill: #28292c;
}
.mapboxgl-marker svg ellipse {
fill: #000;
}
@-webkit-keyframes marker {
0% {
-webkit-transform: scale(1.2) translateY(0);
transform: scale(1.2) translateY(0);
}
50% {
-webkit-transform: scale(1.2) translateY(-10px);
transform: scale(1.2) translateY(-10px);
}
0% {
-webkit-transform: scale(1.2) translateY(0);
transform: scale(1.2) translateY(0);
}
}
@keyframes marker {
0% {
-webkit-transform: scale(1.2) translateY(0);
transform: scale(1.2) translateY(0);
}
50% {
-webkit-transform: scale(1.2) translateY(-10px);
transform: scale(1.2) translateY(-10px);
}
0% {
-webkit-transform: scale(1.2) translateY(0);
transform: scale(1.2) translateY(0);
}
}
/***************************
reviews
***************************/
.knsl-review-card {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 10px;
background-color: #FFFFFF;
text-align: left;
padding: 20px;
margin-bottom: 20px;
}
.knsl-review-card blockquote {
text-align: left;
padding: 0;
font-size: 15px;
margin-bottom: 0;
font-style: normal;
}
.knsl-review-card blockquote:after, .knsl-review-card blockquote:before {
display: none;
}
.knsl-review-card .knsl-card-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.knsl-review-card .knsl-card-header .knsl-stars {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.knsl-review-card .knsl-card-header .knsl-stars li {
color: #EBA744;
margin-right: 2px;
}
.knsl-review-card .knsl-card-header .knsl-stars li.knsl-empty {
color: #ECFAFB;
}
.knsl-review-card .knsl-card-header .knsl-name-and-photo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-review-card .knsl-card-header .knsl-name-and-photo span {
font-size: 12px;
}
.knsl-review-card .knsl-card-header .knsl-name-and-photo .knsl-avatar-frame {
margin-right: 15px;
position: relative;
overflow: hidden;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-review-card .knsl-card-header .knsl-name-and-photo .knsl-avatar-frame img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
/***************************
publication
***************************/
.knsl-blog-post {
background-color: #FFFFFF;
padding: 30px;
border-radius: 10px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-blog-post:last-child {
margin-bottom: 0;
}
.knsl-blog-post img {
border: none;
border-radius: 10px;
}
.knsl-blog-post blockquote {
background-color: #F2FFFF;
}
.single img.knsl-default-img {
max-height: 524px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.single-mphb_room_service .knsl-room-features-lg .mphb-price-wrapper {
font-size: 16px;
color: #383A4E;
font-weight: 400;
}
.single-mphb_room_service .knsl-room-features-lg .mphb-price-wrapper span {
font-size: 20px;
color: #64BC5F;
font-weight: 600;
}
.single-mphb_room_service .knsl-blog-post .mphb-price-title,
.single-mphb_room_service .knsl-blog-post .mphb-price-wrapper {
display: none !important;
}
/***************************
footer
***************************/
.footer {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-size: cover;
background-position: center;
position: relative;
z-index: 2;
overflow: hidden;
}
.footer .knsl-footer {
position: relative;
background: rgba(36, 38, 50, 0.95);
}
.hf-type-footer {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background: rgba(36, 38, 50, 0.95);
}
.footer .knsl-footer h4,
.hf-type-footer h4 {
position: relative;
margin-bottom: 60px;
color: #ECFAFB;
line-height: 30px;
}
.footer .knsl-footer .knsl-footer-logo,
.hf-type-footer .knsl-footer-logo {
width: 90px;
margin-bottom: 60px;
}
.footer .knsl-footer .knsl-footer-about,
.hf-type-footer .knsl-footer-about {
display: block;
width: 80%;
color: #8588A2;
}
.footer .knsl-footer .knsl-footer-social,
.hf-type-footer .knsl-footer-social {
padding-top: 50px;
}
.footer .knsl-footer .knsl-footer-social a,
.hf-type-footer .knsl-footer-social a {
color: #FFFFFF;
margin-right: 10px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.footer .knsl-footer .knsl-footer-social a:hover,
.hf-type-footer .knsl-footer-social a:hover {
color: #EBA744;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.footer .knsl-footer .knsl-footer-social a:last-child,
.hf-type-footer .knsl-footer-social a:last-child {
margin-right: 0;
}
.footer .knsl-footer .knsl-footer-menu li,
.hf-type-footer .knsl-footer-menu li {
margin-bottom: 20px;
}
.footer .knsl-footer .knsl-footer-menu li a,
.hf-type-footer .knsl-footer-menu li a {
color: #ECFAFB;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.footer .knsl-footer .knsl-footer-menu li a:hover,
.hf-type-footer .knsl-footer-menu li a:hover {
color: #EBA744;
}
.footer .knsl-footer .footer-insta,
.hf-type-footer .footer-insta {
float: left;
font-size: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .knsl-footer .footer-insta a,
.hf-type-footer .footer-insta a {
border-radius: 5px;
display: block;
position: relative;
overflow: hidden;
width: 29%;
padding-bottom: 28%;
margin: 0 15px 15px 0;
}
.footer .knsl-footer .footer-insta a img,
.hf-type-footer .footer-insta a img {
position: absolute;
border-radius: 5px;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.footer .knsl-footer .footer-insta a:nth-child(3n),
.hf-type-footer .footer-insta a:nth-child(3n) {
margin-right: 0;
}
.footer .knsl-footer .footer-insta a:hover img,
.hf-type-footer .footer-insta a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.footer .knsl-copyright,
.hf-type-footer .knsl-copyright {
font-size: 15px;
background-color: rgba(0, 0, 0, 0.15);
padding: 20px 0;
color: #8588A2;
}
.footer .knsl-copyright .container,
.hf-type-footer .knsl-copyright .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.footer .knsl-footer a,
.hf-type-footer a {
color: #ECFAFB;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.footer .knsl-footer a:hover,
.hf-type-footer a:hover {
color: #EBA744;
}
@media (max-width: 992px) {
.footer .knsl-footer {
position: relative;
background: rgba(36, 38, 50, 0.95);
}
.footer .knsl-footer h4,
.hf-type-footer h4 {
margin-bottom: 30px;
}
.footer .knsl-footer .knsl-footer-about,
.hf-type-footer .knsl-footer-about {
width: 100%;
}
.footer .knsl-footer .knsl-footer-social,
.hf-type-footer .knsl-footer-social {
margin-bottom: 60px;
}
.footer .knsl-footer .knsl-footer-menu,
.hf-type-footer .knsl-footer-menu {
margin-bottom: 60px;
}
.footer .knsl-footer .footer-insta a,
.hf-type-footer .footer-insta a {
width: 30%;
}
.footer .knsl-copyright .container,
.hf-type-footer .knsl-copyright .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.knsl-demo-item {
margin-bottom: 20px;
padding: 10px;
display: block;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
background-color: #FFFFFF;
border-radius: 10px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-demo-item img {
border-radius: 5px;
position: relative;
width: 100%;
}
.knsl-demo-item .knsl-item-descr {
text-align: center;
padding: 20px 10px 10px;
}
/***************************
forms
***************************/
input {
border-radius: 10px;
background-color: #FFFFFF;
padding: 0 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
width: 100%;
height: 50px;
border: none;
}
input:focus {
outline: inherit;
}
textarea {
margin-bottom: 20px;
padding: 15px 20px;
border-radius: 10px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
width: 100%;
border: none;
}
.knsl-book-form {
padding: 20px;
width: 100%;
border-radius: 10px;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15), 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15), 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
}
.knsl-book-form .mphb_sc_search-form .mphb-required-fields-tip,
.knsl-book-form .mphb-booking-form .mphb-required-fields-tip {
display: none !important;
}
.knsl-book-form .mphb_sc_search-form,
.knsl-book-form .mphb-booking-form {
display: flex;
margin-right: -10px;
margin-left: -10px;
align-items: center;
justify-content: center;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form,
.knsl-book-form.knsl-book-form-v .mphb-booking-form {
flex-wrap: wrap;
}
.knsl-book-form .mphb_sc_search-form > p,
.knsl-book-form .mphb-booking-form > p,
.knsl-book-form .mphb-booking-form > div {
position: relative;
width: 25%;
padding-right: 10px;
padding-left: 10px;
display: flex;
align-items: center;
margin: 0px;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-in-date,
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-out-date,
.knsl-book-form .mphb-booking-form > p.mphb-check-in-date-wrapper,
.knsl-book-form .mphb-booking-form > p.mphb-check-out-date-wrapper {
width: 25%;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > div {
margin-bottom: 20px;
width: 100%;
flex-direction: column;
align-items: flex-start;
}
.knsl-book-form.knsl-book-form-v .mphb-booking-form > div.mphb-errors-wrapper {
align-items: center;
margin-top: 0px;
margin-bottom: 20px;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p:last-child,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p:last-child {
margin-bottom: 0px;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-check-in-date,
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-check-out-date,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p.mphb-check-in-date-wrapper,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p.mphb-check-out-date-wrapper {
width: 100%;
}
.knsl-book-form .mphb_sc_search-form > p br,
.knsl-book-form .mphb-booking-form > p br {
display: none !important;
}
.knsl-book-form .mphb_sc_search-form > p abbr,
.knsl-book-form .mphb-booking-form > p abbr {
display: none !important;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper {
width: 70px;
display: flex;
justify-content: flex-end;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p.mphb-reserve-btn-wrapper {
width: 100%;
align-items: center;
}
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p.mphb-reserve-btn-wrapper,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper .button,
.knsl-book-form.knsl-book-form-v .mphb-booking-form > p.mphb-reserve-btn-wrapper .button {
margin-bottom: 0px;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-children {
width: 16.666%;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-children {
width: 50%;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-adults {
width: 50%;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper .button,
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section .button {
position: relative;
justify-content: center;
}
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section .button {
background: #64BC5F;
margin-bottom: 0;
}
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section .nice-select,
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section .select2 {
margin-top: 0.5rem;
}
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section {
margin-bottom: 0 !important;
}
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button {
float: right;
padding: 0;
width: 50px;
display: flex;
justify-content: center;
font-size: 0px;
position: relative;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 16.8px;
height: 16.8px;
background: url(assets/img/icons/search.svg) no-repeat 0 0;
background-size: 16.8px 16.8px;
}
.knsl-book-form.knsl-book-form-v .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button::before {
margin-right: 10px;
}
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button::before {
position: absolute;
left: 50%;
top: 50%;
margin: -8.4px 0 0 -8.4px;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper input:hover,
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper input:focus:hover,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper .button:hover,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper .button:focus:hover {
color: #fff;
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-in-date:before,
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-out-date:before,
.knsl-book-form .mphb-booking-form > p.mphb-check-in-date-wrapper:before,
.knsl-book-form .mphb-booking-form > p.mphb-check-out-date-wrapper:before {
font-size: 12px;
pointer-events: none;
position: absolute;
bottom: 15px;
right: 30px;
color: #8588A2;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
}
.knsl-book-form .mphb-booking-form .mphb-reserve-room-section {
margin-top: 20px;
}
.knsl-book-form.knsl-book-form-v .mphb-booking-form .mphb-reserve-room-section {
margin-top: 0;
}
.knsl-book-form .knsl-input-frame {
position: relative;
margin-bottom: 20px;
}
.knsl-book-form .knsl-input-frame:before {
font-size: 12px;
pointer-events: none;
position: absolute;
bottom: 15px;
right: 20px;
color: #8588A2;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
}
.knsl-book-form .knsl-select-frame {
height: auto;
}
.knsl-book-form .knsl-select-frame .nice-select,
.knsl-book-form .knsl-select-frame .select2 {
margin-bottom: 20px;
}
.knsl-book-form form label {
white-space: nowrap;
}
.knsl-book-form form .nice-select,
.knsl-book-form form input[type="text"],
.knsl-book-form form input[type="date"],
.knsl-book-form form input[type="email"],
.knsl-book-form form input[type="tel"],
.knsl-book-form form textarea,
.knsl-book-form form input[type="password"] {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
border-radius: 10px;
color: #64688C;
margin-bottom: 0;
}
.knsl-book-form form .select2 {
margin-bottom: 0;
}
.knsl-book-form form .wpcf7-form-control-wrap {
margin-bottom: 20px;
display: block;
}
.knsl-book-form form .select2 .select2-selection--single {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.04);
}
.knsl-book-form form .select2 .select2-selection--single .select2-selection__rendered {
color: #64688C;
}
.knsl-book-form.knsl-book-form-2 {
padding: 10px 10px 10px 30px;
border-radius: 100px;
margin-bottom: 30px;
}
.knsl-book-form.knsl-book-form-2 .knsl-input-frame {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-book-form.knsl-book-form-2 .knsl-select-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-book-form.knsl-book-form-2 .knsl-select-frame .nice-select,
.knsl-book-form.knsl-book-form-2 .knsl-select-frame .select2 {
margin-bottom: 0;
}
.knsl-book-form.knsl-book-form-2 form label {
margin: 0 10px 0 0;
}
.knsl-book-form.knsl-book-form-2 form button {
float: right;
padding: 0;
width: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.knsl-book-form.knsl-book-form-2 form button img {
margin: 0;
}
.knsl-book-form.knsl-book-form-2 form button span {
display: none;
}
@media (max-width: 1199px) {
.knsl-book-form.knsl-book-form-2 input[type="text"] {
text-overflow: ellipsis;
max-width: 100%;
padding-right: 40px;
}
}
@media (max-width: 992px) {
.knsl-book-form .mphb_sc_search-form,
.knsl-book-form .mphb-booking-form {
flex-wrap: wrap;
}
.knsl-book-form .mphb_sc_search-form > p,
.knsl-book-form .mphb-booking-form > p,
.knsl-book-form .mphb-booking-form > div {
width: 100%;
display: block;
margin-bottom: 20px;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-in-date,
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-check-out-date,
.knsl-book-form .mphb-booking-form > p.mphb-check-in-date-wrapper,
.knsl-book-form .mphb-booking-form > p.mphb-check-out-date-wrapper {
width: 100%;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-children,
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-adults {
width: 50%;
}
.knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper,
.knsl-book-form .mphb-booking-form > p.mphb-reserve-btn-wrapper {
width: 100%;
justify-content: center;
}
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button {
font-size: 15px;
width: auto;
float: none;
display: inline-flex;
padding: 0 40px;
}
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button::before {
position: relative;
left: auto;
top: auto;
margin: 0 12px 0 0;
}
.knsl-book-form.knsl-book-form-2 {
padding: 20px;
border-radius: 10px;
}
.knsl-book-form.knsl-book-form-2 .knsl-input-frame {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.knsl-book-form.knsl-book-form-2 .knsl-select-frame {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.knsl-book-form.knsl-book-form-2 .knsl-select-frame .nice-select,
.knsl-book-form.knsl-book-form-2 .knsl-select-frame .select2 {
margin-bottom: 20px;
}
.knsl-book-form.knsl-book-form-2 form label {
margin: 0 0 10px;
}
.knsl-book-form.knsl-book-form-2 form button {
float: none;
padding: 0 40px;
width: auto;
display: inline;
}
.knsl-book-form.knsl-book-form-2 form button img {
margin-right: 12px;
}
.knsl-book-form.knsl-book-form-2 form button span {
display: inline;
}
}
.knsl-mt-10 {
margin-top: 10px;
}
.nice-select {
border: none;
color: #383A4E;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
position: relative !important;
}
.select2 {
width: 100% !important;
}
.nice-select .list,
.select2 .list {
min-width: 100%;
color: #383A4E;
border-radius: 10px;
border: none;
padding: 5px;
max-height: 200px;
overflow-y: auto;
}
.nice-select .list .option,
.select2 .list .option {
text-align: left;
display: block;
padding: 0;
min-width: 35px;
min-height: 35px;
height: 35px;
line-height: 35px;
padding: 0 10px;
border-radius: 5px;
margin-bottom: 5px;
}
.nice-select .list .option.selected,
.select2 .list .option.selected {
background-color: #64BC5F;
color: #FFFFFF;
font-weight: inherit;
}
::-webkit-input-placeholder {
color: #8588A2;
}
:-ms-input-placeholder {
color: #8588A2;
}
::placeholder {
color: #8588A2;
}
.datepicker {
z-index: 9999;
background-color: #FFFFFF;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.datepicker .datepicker--nav {
border: none;
}
.datepicker .datepicker--pointer {
display: none;
}
.datepicker * {
font-family: 'Jost', sans-serif;
}
.datepicker .datepicker--cell.-current- {
background-color: #3B61DD;
color: #FFFFFF;
}
.datepicker .datepicker--cell.-selected- {
background-color: #64BC5F;
color: #FFFFFF;
}
.knsl-form-submit-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.knsl-form-submit-frame .knsl-text-sm {
color: #8588A2;
padding-left: 30px;
}
input[type=checkbox],
input[type=radio] {
padding: 0;
width: auto;
height: auto;
vertical-align: baseline;
margin-top: 0px;
margin-bottom: 0;
display: inline-block;
}
/***
Default Room Single
***/
/*-MPHB General*/
.mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type),
.mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type),
.mphb_sc_services-wrapper .mphb-service:not(:first-of-type) {
margin-top: 20px;
margin-bottom: 0px;
}
.mphb-errors-wrapper {
margin-top: 20px;
width: 100%;
text-align: center;
}
.mphb-error {
color: #dd0033;
}
/*-MPHB Rooms*/
.mphb-room-type {
padding: 30px;
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
border-radius: 10px;
position: relative;
margin-bottom: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.mphb-room-type > * {
width: 100%;
order: 10;
}
.mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type .mphb-room-type-images {
margin: -20px -20px 30px -20px;
border-radius: 5px;
padding: 0;
overflow: hidden;
font-size: 0px;
order: 1;
width: calc(100% + 40px);
position: relative;
padding-bottom: 72.8%;
}
.mphb-room-type .mphb-room-type-images {
padding-bottom: 0;
}
.mphb-room-type .mphb-room-type-images .mphb-gallery-thumbnail-slider {
display: none !important;
}
.mphb-room-type .mphb-room-type-images .flexslider {
border: none;
}
.mphb-room-type .mphb-loop-room-thumbnail img,
.mphb-room-type .mphb-room-type-images img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.mphb-room-type:hover .mphb-loop-room-thumbnail img,
.mphb-room-type .mphb-room-type-images:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.mphb-room-type .mphb-room-type-images img {
position: relative;
}
.mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides img {
width: 100% !important;
}
.mphb-room-type .mphb-room-type-images .flex-direction-nav a:before {
color: rgba(255,255,255,1);
text-shadow: 1px 1px 0 rgb(0 0 0 / 30%);
font-size: 20px;
}
.mphb-room-type .mphb-room-type-title.entry-title {
font-size: 24px;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
order: 3;
}
.mphb-room-type .mphb-loop-room-type-attributes,
.mphb-single-room-type-attributes {
margin-bottom: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-color: #F2FFFF;
padding: 5px;
flex-wrap: wrap;
border-radius: 20px;
padding-bottom: 0px;
order: 2;
}
.mphb-room-type .mphb-loop-room-type-attributes li,
.mphb-single-room-type-attributes li {
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
padding-left: 40px;
position: relative;
min-height: 30px;
margin-bottom: 5px;
}
.mphb-room-type .mphb-loop-room-type-attributes li:after,
.mphb-single-room-type-attributes li:after {
content: '';
background-color: #FFFFFF;
border-radius: 50%;
width: 30px;
height: 30px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
.mphb-room-type .mphb-loop-room-type-attributes li:before,
.mphb-single-room-type-attributes li:before {
content: '';
position: absolute;
top: 7.5px;
left: 7.5px;
z-index: 2;
width: 15px;
height: 15px;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-adults-capacity:before,
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-total-capacity:before,
.mphb-single-room-type-attributes li.mphb-room-type-adults-capacity:before,
.mphb-single-room-type-attributes li.mphb-room-type-total-capacity:before {
background: url(assets/img/icons/bed.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-size:before,
.mphb-single-room-type-attributes li.mphb-room-type-size:before {
background: url(assets/img/icons/square.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-facilities:before,
.mphb-single-room-type-attributes li.mphb-room-type-facilities:before {
background: url(assets/img/icons/bell.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-categories:before,
.mphb-single-room-type-attributes li.mphb-room-type-categories:before {
background: url(assets/img/icons/folder.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-custom-attribute:before,
.mphb-single-room-type-attributes li.mphb-room-type-custom-attribute:before {
background: url(assets/img/icons/info.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-bed-type:before,
.mphb-single-room-type-attributes li.mphb-room-type-bed-type:before {
background: url(assets/img/icons/bed-2.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-children-capacity:before,
.mphb-single-room-type-attributes li.mphb-room-type-children-capacity:before {
background: url(assets/img/icons/kids.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-loop-room-type-attributes li.mphb-room-type-view:before,
.mphb-single-room-type-attributes li.mphb-room-type-view:before {
background: url(assets/img/icons/view.svg) no-repeat 0 0;
background-size: contain;
}
.mphb-room-type .mphb-room-type-facilities .mphb-attribute-title:after,
.mphb-room-type-facilities .mphb-attribute-title:after {
content: ' ...';
cursor: pointer;
color: #3B61DD;
font-weight: bolder;
}
.mphb-room-type .mphb-room-type-facilities .mphb-attribute-value,
.mphb-room-type-facilities .mphb-attribute-value {
display: none;
position: absolute;
top: 40px;
right: -10px;
background: #fff;
z-index: 3;
padding: 10px;
border-radius: 12px;
box-shadow: 0px 0px 4px rgb(0 0 0 / 15%);
}
.mphb-room-type .mphb-room-type-facilities .mphb-attribute-value:before,
.mphb-room-type-facilities .mphb-attribute-value:before {
content: '';
position: absolute;
top: -12px;
right: 11px;
border: 6px solid transparent;
border-bottom: 8px solid #fff;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.mphb-room-type .mphb-room-type-facilities:hover .mphb-attribute-value,
.mphb-room-type-facilities:hover .mphb-attribute-value {
display: block;
position: absolute;
}
.mphb-room-type .mphb-room-type-facilities:hover .mphb-attribute-value a,
.mphb-room-type-facilities:hover .mphb-attribute-value a {
color: #3B61DD;
text-decoration: underline;
}
.mphb-room-type .mphb-room-type-facilities:hover .mphb-attribute-value a:hover,
.mphb-room-type-facilities:hover .mphb-attribute-value a:hover {
color: #3B61DD;
text-decoration: none;
}
.mphb-room-type .mphb-room-type-categories .mphb-attribute-value a,
.mphb-room-type-categories .mphb-attribute-value a {
display: inline-block;
vertical-align: top;
margin-left: 8px;
color: #383A4E;
text-decoration: underline;
}
.mphb-room-type .mphb-room-type-categories .mphb-attribute-value a:hover,
.mphb-room-type-categories .mphb-attribute-value a:hover {
color: #383A4E;
text-decoration: none;
}
.mphb-room-type .mphb-price {
font-size: 20px;
font-weight: 600;
color: #64BC5F;
}
.mphb-room-type .mphb-price-period,
.mphb-room-type .mphb-tax-information {
font-weight: 400;
font-size: 15px;
color: #64688C;
border-bottom: none;
}
.mphb-room-type .mphb-tax-information {
font-size: small;
display: block;
}
.mphb-room-type .mphb-book-button:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 12px;
height: 15px;
background: url(assets/img/icons/bookmark.svg) no-repeat 0 0;
background-size: contain;
margin-right: 12px;
}
.mphb-room-type .mphb-to-book-btn-wrapper br,
.mphb-room-type .mphb-regular-price strong,
.mphb-room-type .mphb-room-type-details-title {
display: none !important;
}
.show-price-before-yes .mphb-room-type .mphb-to-book-btn-wrapper br,
.show-price-before-yes .mphb-room-type .mphb-regular-price strong {
display: inline !important;
}
.mphb-room-type .mphb-regular-price {
order: 5;
}
.mphb-room-type .mphb-to-book-btn-wrapper,
.mphb-room-type .mphb-regular-price,
.mphb-room-type .mphb-view-details-button-wrapper {
width: 50%;
margin-bottom: 0;
}
.mphb-room-type .mphb-to-book-btn-wrapper {
text-align: right;
order: 6;
}
.mphb-room-type .mphb-view-details-button-wrapper {
order: 6;
}
.mphb-room-type .mphb-view-details-button-wrapper a {
text-decoration: underline;
display: inline-block;
border: none;
border-radius: 0px;
color: #383A4E;
padding: 0;
line-height: normal;
height: auto;
background: none;
}
.mphb-room-type .mphb-view-details-button-wrapper a:hover {
color: #383A4E;
text-decoration: none;
}
.mphb-room-type .knsl-text-light {
order: 4;
}
.mphb-room-type .knsl-text-light .knsl-el-more {
display: none !important;
}
.mphb-room-type .knsl-text-light p {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
}
.mphb-room-type .mphb-regular-price + p {
text-align: right;
}
.mphb-room-type .mphb-loop-room-type-attributes + .mphb-to-book-btn-wrapper {
text-align: left;
}
.attr-details-capacity-false .mphb-room-type li.mphb-room-type-adults-capacity,
.attr-details-capacity-false .mphb-room-type li.mphb-room-type-total-capacity,
.attr-details-amenity-false .mphb-room-type li.mphb-room-type-facilities,
.attr-details-size-false .mphb-room-type li.mphb-room-type-size,
.attr-details-category-false .mphb-room-type li.mphb-room-type-categories,
.attr-details-attributes-false .mphb-room-type li.mphb-room-type-custom-attribute,
.attr-details-view-false .mphb-room-type li.mphb-room-type-view,
.attr-details-bed-type-false .mphb-room-type li.mphb-room-type-bed-type,
.attr-details-children-false .mphb-room-type li.mphb-room-type-children-capacity {
display: none !important;
}
.attr-price-fullwidth-true .mphb-room-type .mphb-regular-price {
width: 100%;
margin-bottom: 20px;
}
.attr-price-fullwidth-true .mphb-room-type .mphb-regular-price + p {
text-align: left;
}
.single-post-text .mphb-room-type {
box-shadow: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
border-radius: 0px;
overflow: visible;
}
.mphb-room-type .mphb-reserve-room-section {
margin-top: 20px;
}
.mphb-room-type .mphb-reserve-room-section p {
margin: 0 0 20px 0;
}
.mphb-room-type .mphb-reserve-room-section .nice-select {
display: inline-block;
border: 1px solid rgba(0,0,0,0.1);
width: auto;
min-width: 60px;
vertical-align: middle;
float: none;
margin-right: 10px;
}
.mphb-room-type .mphb-reserve-room-section .select2 {
display: inline-block;
width: auto !important;
min-width: 70px !important;
vertical-align: middle;
float: none;
margin-right: 10px;
}
.mphb-room-type .mphb-reserve-room-section .select2 .select2-selection--single {
border: 1px solid rgba(0,0,0,0.1);
}
/*-MPHB Search Results*/
.mphb-recommendation-title {
margin-bottom: 20px;
}
.mphb-recommendation, .mphb-reservation-cart {
padding: 30px;
-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
background-color: #FFFFFF;
border-radius: 10px;
position: relative;
margin-bottom: 20px !important;
}
a.mphb-recommendation-item-link, a.mphb-remove-from-reservation {
text-decoration: underline !important;
}
a.mphb-recommendation-item-link:hover, a.mphb-remove-from-reservation:hover {
text-decoration: none !important;
}
.mphb-recommendation-total {
font-weight: 700;
}
.mphb-cart-total-price {
font-weight: 700;
}
.mphb-reserve-room-section .mphb-book-button + .mphb-confirm-reservation {
margin-left: 10px;
}
.mphb-reservation-details p {
margin-top: 2px;
margin-bottom: 0px;
}
.mphb-reservation-details p:first-child {
margin-top: 0px;
}
.mphb_sc_availability_calendar-wrapper {
-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
width: 100%;
border: solid 10px #FFFFFF;
border-radius: 10px;
margin-bottom: 60px;
}
.mphb_sc_availability_calendar-wrapper .mphb-calendar .datepick {
font-family: 'Jost', sans-serif;
font-size: 15px;
letter-spacing: 1px;
font-weight: 400;
color: #64688C;
width: 100% !important;
}
@media (max-width: 500px) {
.mphb-room-type .mphb-reserve-room-section .nice-select,
.mphb-room-type .mphb-reserve-room-section .select2 {
margin-right: 0;
margin-bottom: 10px;
display: block;
}
.mphb_sc_search_results-wrapper {
margin-bottom: 2rem;
}
.mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation {
float: none;
margin-left: 15px;
}
.mphb_sc_search_results-wrapper .mphb-rooms-reservation-message-wrapper {
display: flex;
flex-direction: row-reverse;
}
.mphb-reserve-room-section .mphb-book-button + .mphb-confirm-reservation {
margin-left: 0;
margin-top: 20px;
display: block;
}
.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-reservation-details {
float: none;
}
.mphb_sc_search_results-wrapper .mphb-reservation-cart .mphb-confirm-reservation {
float: none;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.elementor-col-33 .elementor-widget-kinsley-contact-form .knsl-p-0-100 {
padding-bottom: 0;
}
}
/*-MPHB Calendar*/
.mphb-calendar .mphb-datepicker-light-blue .datepick-month-header,
.mphb-calendar .mphb-datepicker-light-blue .datepick-month-header select,
.mphb-calendar .mphb-datepicker-light-blue .datepick-month-header input,
.datepick-popup .mphb-datepicker-light-blue .datepick-month-header,
.datepick-popup .mphb-datepicker-light-blue .datepick-month-header select,
.datepick-popup .mphb-datepicker-light-blue .datepick-month-header input {
background-color: #3B61DD;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav,
.datepick-popup .mphb-datepicker-light-blue .datepick-nav {
background-color: #3b61ddd1;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav a.datepick-disabled:hover,
.datepick-popup .mphb-datepicker-light-blue .datepick-nav a.datepick-disabled:hover,
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav a:hover,
.datepick-popup .mphb-datepicker-light-blue .datepick-nav a:hover {
background-color: #3b61dd40;
color: #fff;
}
.datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td .datepick-today {
color: #fff;
background: #3B61DD;
font-weight: 400;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl a,
.datepick-popup .mphb-datepicker-light-blue .datepick-ctrl a {
color: #3B61DD;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl .datepick-cmd:hover,
.datepick-popup .mphb-datepicker-light-blue .datepick-ctrl .datepick-cmd:hover {
color: #3B61DD;
background-color: #fff;
}
.datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup.mphb-check-out-datepick .datepick-month td span.mphb-check-in-date:not(.mphb-past-date),
.mphb-calendar.mphb-datepick .mphb-datepicker-light-blue .datepick-month td .datepick-selected,
.datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td .datepick-selected {
background-color: #eba744db;
color: #fff;
}
.datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td a.datepick-highlight {
background-color: #64BC5F;
color: #fff;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-month a,
.datepick-popup .mphb-datepicker-light-blue .datepick-month a,
.mphb-calendar .mphb-datepicker-light-blue .datepick-month a.datepick-weekend,
.datepick-popup .mphb-datepicker-light-blue .datepick-month a.datepick-weekend {
background-color: #ECFAFB;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-month,
.datepick-popup .mphb-datepicker-light-blue .datepick-month,
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav,
.datepick-popup .mphb-datepicker-light-blue .datepick-nav,
.mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl,
.datepick-popup .mphb-datepicker-light-blue .datepick-ctrl,
.mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl:before,
.datepick-popup .mphb-datepicker-light-blue .datepick-ctrl:before {
border-color: #fff;
}
.datepick-popup .mphb-datepicker-light-blue.datepick {
box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
}
/*-MPHB Checkout*/
.mphb-checkout-section,
.mphb-login-form {
background: #fff;
-webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 2px 48px 0 rgb(0 0 0 / 4%);
padding: 30px;
border-radius: 10px;
}
.mphb-checkout-section h3 {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mphb-checkout-section h4 {
margin-bottom: 1rem;
margin-top: 1rem;
}
.mphb-checkout-section h4.mphb-services-details-title {
font-size: 15px;
}
.mphb-checkout-section .mphb-reserve-rooms-details {
background: #ECFAFB;
padding: 20px;
margin-top: 2rem;
}
.mphb-checkout-section .mphb-room-type-title a {
text-decoration: underline;
}
.mphb-checkout-section .mphb-room-type-title a:hover {
text-decoration: none;
}
.mphb-checkout-section .mphb-room-details {
margin-bottom: 2rem;
}
.mphb-checkout-section .mphb-room-details:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.mphb-checkout-section .mphb-room-details .nice-select,
.mphb-checkout-section .mphb-room-details .select2,
.mphb-checkout-section .mphb-room-details input {
margin-bottom: 0;
}
.mphb-checkout-section .mphb-room-details p.mphb-adults-chooser,
.mphb-checkout-section .mphb-room-details p.mphb-children-chooser,
.mphb-checkout-section .mphb-room-details p.mphb-guest-name-wrapper {
display: inline-block;
vertical-align: top;
width: 260px;
max-width: 100%;
margin-right: 25px;
}
.mphb-checkout-section .mphb-checkout-item-section {
margin-top: 0.5rem;
}
.mphb-checkout-section .mphb-checkout-item-section h4 {
margin-bottom: 1rem;
margin-top: 0;
}
.mphb-checkout-section .mphb-checkbox-label {
margin-bottom: 0.5rem;
}
.mphb-checkout-section .mphb-checkbox-label input {
margin-bottom: 0;
}
.mphb_cb_checkout_form > .mphb-checkout-section:not(:first-of-type),
.mphb_sc_checkout-form > .mphb-checkout-section:not(:first-of-type) {
margin-top: 2rem;
}
.mphb-checkout-section .mphb-price-breakdown {
width: 100%;
}
.mphb-checkout-section .mphb-price-breakdown td,
.mphb-checkout-section .mphb-price-breakdown th {
padding: 20px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mphb-checkout-section .mphb-price-breakdown a {
color: #383A4E;
text-decoration: underline;
}
.mphb-checkout-section .mphb-price-breakdown a:hover {
color: #383A4E;
text-decoration: none;
}
.mphb-checkout-section .mphb-price-breakdown .mphb-price-breakdown-rate {
padding-top: 0.5rem;
}
.mphb-checkout-section .mphb-price-breakdown .mphb-price-breakdown-group td,
.mphb-checkout-section .mphb-price-breakdown tfoot th,
.mphb-checkout-section .mphb-price-breakdown tfoot td {
background: #ECFAFB;
}
.mphb-checkout-section .mphb-price-breakdown tfoot th {
border-bottom: none;
color: #383A4E;
}
.mphb-customer-details input,
.mphb-customer-details .nice-select,
.mphb-customer-details textarea,
.mphb-coupon-code-wrapper input,
.mphb-login-form input[type="text"],
.mphb-login-form input[type="password"],
.mphb-billing-fields input,
.mphb-billing-fields textarea {
float: none;
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
border-radius: 10px;
color: #64688C;
margin-bottom: 0;
}
.mphb-customer-details .select2 {
float: none;
margin-bottom: 0;
}
.mphb-customer-details .select2 .select2-selection--single {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
}
.mphb-customer-details .select2 .select2-selection--single .select2-selection__rendered {
color: #64688C;
}
.mphb_sc_checkout-form .mphb-total-price {
margin-top: 2.5rem;
font-size: 120%;
display: inline-block;
vertical-align: top;
color: #383A4E;
}
.mphb_sc_checkout-form .mphb-total-price .mphb-price {
color: #64BC5F;
}
.mphb_sc_checkout-form .mphb-errors-wrapper {
display: inline-block;
vertical-align: top;
margin-top: 2.75rem;
width: auto;
font-size: 90%;
color: #dd0033;
margin-left: 30px;
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper {
float: right;
margin-top: 2rem;
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper .button {
margin-bottom: 0;
}
.mphb_sc_checkout-form:after {
content: '';
clear: both;
display: block;
}
.mphb-customer-details {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.mphb-customer-details > * {
width: 100%;
}
.mphb-customer-details > p {
width: 49%;
}
.mphb-customer-details > p.mphb-required-fields-tip,
.mphb-customer-details > p.mphb-customer-country,
.mphb-customer-details > p.mphb-customer-note {
width: 100%;
}
.mphb-payment-messages {
margin-bottom: 30px;
}
.mphb-booking-details-section h3 {
margin-bottom: 20px;
margin-top: 30px;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section .mphb-booking-details > li span.value {
color: #383A4E;
}
.accommodations-list a {
color: #383A4E;
text-decoration: underline;
}
.accommodations-list a:hover {
color: #383A4E;
text-decoration: none;
}
.mphb_sc_booking_confirmation {
padding: 10px;
}
.mphb-recommendation-details-list {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mphb_sc_search_results-wrapper .mphb-recommendation .mphb-recommendation-total {
color: #383A4E;
}
.mphb_cb_checkout_form .mphb-gateways-list>li,
.mphb_sc_checkout-form .mphb-gateways-list>li {
margin-top: 1rem;
}
.mphb_cb_checkout_form .mphb-gateways-list>li .mphb-gateway-title,
.mphb_sc_checkout-form .mphb-gateways-list>li .mphb-gateway-title {
margin-bottom: 0;
}
.mphb_cb_checkout_form .mphb-gateways-list>li .mphb-gateway-description,
.mphb_sc_checkout-form .mphb-gateways-list>li .mphb-gateway-description {
margin-top: 0.3rem;
}
.mphb_checkout-services-list li .nice-select,
.mphb_checkout-services-list li .select2 {
width: auto;
min-width: 70px;
float: none;
display: inline-block;
}
.mphb_checkout-services-list li .select2 {
width: auto !important;
}
.mphb_cb_checkout_form .mphb_checkout-service-quantity,
.mphb_sc_checkout-form .mphb_checkout-service-quantity {
width: auto;
}
.mphb_sc_booking_confirmation {
padding: 0;
}
p .mphb-price {
font-weight: 600;
color: #64BC5F;
}
p .mphb-tax-information {
font-size: small;
}
/*radio & checkboxes*/
.mphb-gateways-list .mphb-gateway {
position: relative;
padding-left: 30px;
line-height: 22px;
}
.mphb-gateways-list .mphb-gateway input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.mphb-gateways-list .mphb-gateway input[type="radio"] + label {
cursor: pointer;
}
.mphb-gateways-list .mphb-gateway input[type="radio"] + label:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 22px;
height: 22px;
background: #ECFAFB;
border-radius: 50%;
border: 1px solid #999;
}
.mphb-gateways-list .mphb-gateway input[type="radio"] + label:after {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 14px;
height: 14px;
background: #64BC5F;
border-radius: 50%;
opacity: 0;
}
.mphb-gateways-list .mphb-gateway input[type="radio"]:checked + label:after {
opacity: 1;
}
.mphb-checkbox-label,
.mphb-terms-and-conditions-accept label,
.login-remember label {
padding-left: 30px;
position: relative;
}
.mphb-checkbox-label input[type="checkbox"],
.mphb-terms-and-conditions-accept label input[type="checkbox"],
label.checkbox-label input[type="checkbox"],
.login-remember label input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.mphb-checkbox-label input[type="checkbox"] + span:before,
.mphb-terms-and-conditions-accept label input[type="checkbox"] + span:before,
label.checkbox-label input[type="checkbox"] + span:before,
.login-remember label input[type="checkbox"] + span:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #fff;
border-radius: 5px;
cursor: pointer;
}
.mphb-terms-and-conditions-accept label input[type="checkbox"] + span:before,
.login-remember label input[type="checkbox"] + span:before {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
}
.mphb-checkbox-label input[type="checkbox"] + span:after,
.mphb-terms-and-conditions-accept label input[type="checkbox"] + span:after,
label.checkbox-label input[type="checkbox"] + span:after,
.login-remember label input[type="checkbox"] + span:after {
content: '';
position: absolute;
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid #64BC5F;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
cursor: pointer;
}
.mphb-checkbox-label input[type="checkbox"]:checked + span:after,
.mphb-terms-and-conditions-accept label input[type="checkbox"]:checked + span:after,
label.checkbox-label input[type="checkbox"]:checked + span:after,
.login-remember label input[type="checkbox"]:checked + span:after {
opacity: 1;
}
.mphb-terms-and-conditions-accept label a {
text-decoration: underline;
}
.mphb-terms-and-conditions-accept label a:hover {
text-decoration: none;
}
.mphb-checkout-section.mphb-checkout-terms-wrapper {
background: none;
box-shadow: none;
padding: 0;
margin-top: 1rem !important;
border-radius: 0;
}
.mphb_sc_checkout-wrapper .mphb-login-form-wrap {
margin-bottom: 2rem;
position: relative;
}
.mphb_sc_checkout-wrapper .mphb-login-form-wrap a {
text-decoration: underline;
}
.mphb_sc_checkout-wrapper .mphb-login-form-wrap a:hover {
text-decoration: none;
}
.mphb-login-form-wrap .mphb-login-form {
position: absolute;
z-index: 2;
left: 0;
width: 100%;
max-width: 420px;
top: 40px;
}
.mphb-login-form-wrap .mphb-login-form-wrap .mphb-login-form:before {
content: '';
position: absolute;
top: -15px;
left: 30px;
border: 9px solid transparent;
border-bottom: 10px solid #fff;
}
.mphb-checkout-section .mphb-billing-fields {
margin-left: 30px;
margin-top: 1rem;
}
#mphb-stripe-payment-container .card {
background: none;
border: none;
}
.mphb-stripe-payment-container .StripeElement {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
border-radius: 10px;
color: #64688C;
}
.mphb-stripe-payment-container .SelectListItem {
padding: 8px 10px;
}
@media (max-width: 500px) {
.mphb-checkout-section {
padding: 20px;
}
.mphb-checkout-section .mphb-reserve-rooms-details {
padding-left: 10px;
padding-right: 10px;
}
.mphb-customer-details > p {
width: 100%;
}
.mphb_sc_checkout-form .mphb-errors-wrapper {
position: absolute;
left: 0;
margin-left: 0;
max-width: 100%;
margin-top: 1rem;
text-align: left;
}
.mphb_sc_checkout-form .mphb-total-price {
margin-top: 3.5rem;
}
.mphb-checkout-section.mphb-checkout-terms-wrapper {
margin-top: 1rem !important;
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper {
margin-top: 2.5rem;
}
}
/*-MPHB Account*/
.mphb_sc_account .mphb-account-content {
width: auto;
float: none;
}
.mphb_sc_account .mphb-account-menu {
float: none;
width: auto;
padding: 0 0 30px 0;
}
.mphb_sc_account .mphb-account-menu ul {
padding: 0 0 20px 0;
position: relative;
}
.mphb_sc_account .mphb-account-menu ul:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
content: '';
border-bottom: solid 1px #64688C;
opacity: 0.3;
}
.mphb_sc_account .mphb-account-menu ul li {
margin: 0;
padding: 0;
border: none;
background: none;
display: inline-block;
vertical-align: top;
line-height: 1;
}
.mphb_sc_account .mphb-account-menu ul li a {
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
letter-spacing: 2px;
font-weight: 600;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0;
background: transparent;
height: 28px;
line-height: 28px;
text-align: center;
transition: 0.4s ease-in-out;
border: none;
outline: none;
cursor: pointer;
opacity: 0.7;
color: #64688C;
}
.mphb_sc_account .mphb-account-menu ul li:first-child a {
margin-left: 0;
}
.mphb_sc_account .mphb-account-menu ul li:last-child a {
margin-right: 0;
}
.mphb_sc_account .mphb-account-menu ul li.active a {
color: #383A4E;
opacity: 1;
}
.mphb-account-content table.mphb-account-bookings {
background: none;
box-shadow: none;
border: none;
}
.mphb-account-content table.mphb-account-bookings th {
text-transform: uppercase;
border: none;
}
.mphb-account-content table.mphb-account-bookings td {
font-size: 1rem;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.04);
}
.mphb-account-content table.mphb-account-bookings td.booking-number br {
display: none;
}
.mphb-account-content table.mphb-account-bookings td .booking-status {
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
opacity: 0.5;
}
.mphb-account-content table.mphb-account-bookings td .mphb-price {
color: #64BC5F;
font-weight: 600;
}
.mphb-account-content table.mphb-account-bookings td a {
text-decoration: underline;
}
.mphb-account-content table.mphb-account-bookings td a:hover {
text-decoration: none;
}
.mphb-account-details-form input.button,
.mphb-login-form .button {
width: auto;
margin-bottom: 0;
}
/*-MPHB Room Default*/
.knsl-room-default-post h1.mphb-room-type-title {
display: none;
}
.knsl-room-default-post .mphb-single-room-type-post-thumbnail {
border: solid 10px #FFFFFF;
border-radius: 10px;
margin-bottom: 30px;
}
.knsl-room-default-post .mphb-single-room-type-post-thumbnail img {
width: 100%;
height: auto;
border-radius: 5px;
}
.knsl-room-default-post h2, .knsl-room-default-post h3 {
margin-bottom: 40px;
margin-top: 40px;
font-size: 24px;
}
.knsl-room-default-post .mphb-booking-form {
padding: 20px;
width: 100%;
border-radius: 10px;
-webkit-box-shadow: 0 0 0 10px rgb(255 255 255 / 15%), 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 0 0 10px rgb(255 255 255 / 15%), 0 2px 48px 0 rgb(0 0 0 / 4%);
background-color: #FFFFFF;
}
.knsl-room-default-post .mphb-booking-form .nice-select,
.knsl-room-default-post .mphb-booking-form input[type="text"],
.knsl-room-default-post .mphb-booking-form input[type="date"] {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
border-radius: 10px;
color: #64688C;
margin-bottom: 0;
}
.knsl-room-default-post .mphb-booking-form .select2 {
margin-bottom: 0;
}
.knsl-room-default-post .mphb-booking-form .select2 .select2-selection--single {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
margin-bottom: 0;
}
.knsl-room-default-post .mphb-booking-form .select2 .select2-selection__rendered {
color: #64688C;
}
.knsl-room-default-post .mphb-booking-form > p {
position: relative;
}
.knsl-room-default-post .mphb-booking-form > p.mphb-check-in-date-wrapper:before,
.knsl-room-default-post .mphb-booking-form > p.mphb-check-out-date-wrapper:before {
font-size: 12px;
pointer-events: none;
position: absolute;
bottom: 15px;
right: 30px;
color: #8588A2;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
}
.knsl-room-default-post .mphb-booking-form p input {
margin-bottom: 0;
}
.knsl-room-default-post .mphb-reserve-room-section .nice-select,
.knsl-room-default-post .mphb-reserve-room-section .select2 {
margin-top: 0.5rem;
}
.knsl-room-default-post .mphb-booking-form .button,
.knsl-room-default-post .mphb-reserve-room-section .button {
width: auto;
}
.knsl-room-default-post .mphb-reserve-room-section .button {
margin-top: 20px;
background-color: #64BC5F;
margin-bottom: 0;
}
.knsl-room-default-post .mphb-reserve-btn-wrapper {
margin-bottom: 0;
}
.knsl-room-default-post .mphb-reserve-room-section {
margin-top: 20px;
}
.knsl-room-default-post .mphb-price {
font-size: 20px;
font-weight: 600;
color: #64BC5F;
}
.knsl-room-default-post .mphb-price-period {
font-weight: 400;
font-size: 15px;
color: #64688C;
border-bottom: none;
}
.knsl-room-default-post .mphb-single-room-type-attributes li {
font-size: 15px;
padding-left: 55px;
min-height: 45px;
margin-right: 20px;
}
.knsl-room-default-post .mphb-single-room-type-attributes li:before {
width: 20px;
height: 20px;
top: 12.5px;
left: 12.5px;
}
.knsl-room-default-post .mphb-single-room-type-attributes li:after {
width: 45px;
height: 45px;
}
.knsl-room-default-post .mphb-single-room-type-gallery-wrapper {
position: relative;
margin-top: -40px;
background: #fff;
border-radius: 10px;
padding: 10px 10px 0 10px;
margin-bottom: 30px;
}
.knsl-room-default-post .mphb-single-room-type-gallery-wrapper .gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -5px;
}
.knsl-room-default-post .mphb-single-room-type-gallery-wrapper .gallery-item {
margin: 0 0 10px 0;
padding: 0 5px;
width: 20%;
}
.knsl-room-default-post .mphb-single-room-type-gallery-wrapper .gallery-item img {
border-radius: 5px;
width: 100%;
height: auto;
}
@media (max-width: 500px) {
.knsl-room-default-post .mphb-single-room-type-gallery-wrapper .gallery-item {
width: 25%;
}
}
/*-MPHB Default Pages*/
.knsl-blog-post .mphb-checkout-section,
.knsl-blog-post .mphb-login-form {
background: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 0 !important;
}
/***
Custom WP Styles
****/
/*-default logo*/
span.logotype__title {
font-family: "Jost", serif;
font-size: 22px;
font-weight: 900;
}
span.logotype__sub {
display: none;
}
/*-forms*/
form input[type="checkbox"] {
display: inline-block;
width: auto;
height: auto;
}
.wpcf7-not-valid-tip {
position: relative;
margin: -10px 0 20px 0;
font-size: 14px;
text-align: left;
}
button:focus {
outline: none;
}
.wpcf7-form .nice-select,
.wpcf7-form .select2 {
margin-bottom: 20px;
width: 100%;
float: none;
}
.wpcf7-form .select2 {
width: 100% !important;
}
.wpcf7-form label {
display: block;
}
/*single*/
.post-text-bottom {
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid rgba(0,0,0,0.1);
}
.post-text-bottom .cat-links {
display: block;
margin-bottom: 15px;
}
.post-text-bottom span.cat-links a {
color: #3B61DD;
}
.post-text-bottom .tags-links {
margin: 0 0 7px;
display: block;
}
.post-text-bottom .tags-links *:nth-child(1) {
margin-left: 5px;
}
.post-text-bottom .tags-links a,
.post-text-bottom .tags-links span,
.content-sidebar .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link {
margin: 0 7px 8px 0;
display: inline-block;
vertical-align: top;
padding: 0 7px;
font-weight: 400;
font-size: 15px !important;
color: #3B61DD;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #3B61DD;
}
.post-text-bottom .social-share {
margin-bottom: 15px;
}
.post-text-bottom .social-share strong {
font-weight: 400;
}
.post-text-bottom .social-share a {
position: relative;
display: inline-block;
top: 1px;
margin-left: 7px;
margin-right: 7px;
font-size: 16px;
vertical-align: top;
text-align: center;
color: #3B61DD;
transition: 0.4s ease-in-out;
}
.post-text-bottom .social-share a:hover {
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.post-text-bottom .social-share a:last-child {
margin-right: 0;
}
.post-text-bottom .edit-link {
margin-top: 0px;
display: block;
}
.post-text-bottom .post-edit-link {
text-decoration: underline;
}
.post-text-bottom .post-edit-link:hover {
text-decoration: none;
}
/*comments*/
.knsl-comments-list .comment-reply {
margin-top: 2rem;
}
.knsl-comments-list .comment-reply-link {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.knsl-comments-list .comment-reply-link:after {
content: '';
margin-left: 8px;
content: '\f3e5';
display: inline-block;
vertical-align: middle;
font-family: 'Font Awesome 5 Free';
font-size: 12px;
line-height: 14px;
opacity: .8;
}
.knsl-comments-list .children {
padding-left: 1rem;
}
.comment-reply-title h3 a {
font-weight: 600;
color: #64688C;
margin-left: 10px;
font-size: 12px;
text-transform: uppercase;
}
.knsl-comments-list .comment-respond {
margin-bottom: 2rem;
}
.trackback .knsl-avatar-frame,
.pingback .knsl-avatar-frame {
display: none;
}
.comment-form-cookies-consent label {
display: inline;
}
/*typography*/
.single-post-text>*:first-child {
margin-top: 0;
}
.single-post-text>*:last-child {
margin-bottom: 0;
}
.single-post-text img {
max-width: 100%;
}
.single-post-text img+figure {
margin-top: 20px;
}
.single-post-text footer {
width: auto;
}
.single-post-text dt {
margin-bottom: 5px;
font-weight: 700;
}
.single-post-text dd {
margin-top: 0;
margin-bottom: 20px;
margin-left: 20px;
}
.single-post-text .align-center {
text-align: center !important;
}
.single-post-text .align-right {
text-align: right !important;
}
.single-post-text .align-left {
text-align: left !important;
}
.single-post-text .pull-right {
float: right !important;
}
.single-post-text .pull-left {
float: left !important;
}
.single-post-text .pull-none {
float: none !important;
}
.single-post-text .alignright {
margin-left: 20px !important;
margin-bottom: 10px !important;
float: right !important;
max-width: 50% !important;
}
.single-post-text .alignleft {
margin-right: 20px !important;
margin-bottom: 10px !important;
float: left !important;
max-width: 50% !important;
}
.single-post-text .aligncenter {
margin-left: auto !important;
margin-right: auto !important;
display: block;
text-align: center;
}
.single-post-text .full-width {
max-width: 100%;
width: 100%;
}
.single-post-text .full-max-width {
max-width: 100%;
width: auto;
}
.single-post-text .centrize {
display: table !important;
table-layout: fixed !important;
height: 100% !important;
position: relative !important;
top: 0;
left: 0;
z-index: 2;
}
.single-post-text .vertical-center {
display: table-cell !important;
vertical-align: middle !important;
}
.single-post-text .wp-caption-text,
.single-post-text .wp-block-image figcaption,
.single-post-text .wp-block-video figcaption,
.single-post-text .wp-block-embed figcaption {
max-width: 100%;
margin: 0;
padding: 5px 10px 0 10px;
text-align: center;
font-style: italic;
opacity: 0.9;
display: block;
}
.single-post-text .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.single-post-text figure .wp-caption-text,
.single-post-text .gallery-caption,
.single-post-text .bypostauthor {
font-style: italic;
}
.wp-block-archives-dropdown {
margin: 30px 0;
max-width: 200px;
}
.single-post-text {
word-wrap: break-word;
}
.single-post-text:after {
content: '';
position: relative;
clear: both;
display: block;
}
.single-post-text img {
max-width: 100%;
height: auto;
}
.single-post-text p a {
text-decoration: underline;
}
.single-post-text p a:hover {
text-decoration: none;
}
.single-post-text iframe,
.single-post-text object {
max-width: 100%;
}
.single-post-text .wp-block-gallery .blocks-gallery-image,
.single-post-text .wp-block-gallery .blocks-gallery-item {
padding: 0;
}
.single-post-text .wp-block-gallery .blocks-gallery-image:before,
.single-post-text .wp-block-gallery .blocks-gallery-item:before {
display: none;
}
.single-post-text figure.wp-block-pullquote {
margin: 30px 0;
}
.single-post-text figure {
margin: 0 0 20px 0;
max-width: 100%;
}
.single-post-text .gallery {
margin: 30px -10px 0 -10px;
}
.single-post-text .gallery .gallery-item {
margin: 0;
padding: 10px;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center;
}
.single-post-text .gallery .gallery-item img {
max-width: 100%;
height: auto;
}
.single-post-text .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.single-post-text .gallery.gallery-columns-3 .gallery-item {
width: 33.333%;
}
.single-post-text .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.single-post-text .gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.single-post-text .gallery.gallery-columns-6 .gallery-item {
width: 16.666%;
}
.single-post-text .gallery.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.single-post-text .gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.single-post-text .gallery.gallery-columns-9 .gallery-item {
width: 11.111%;
}
.single-post-text form.post-password-form p {
display: flex;
width: 100%;
align-items: end;
}
.single-post-text form.post-password-form label {
margin-bottom: 0;
}
.single-post-text form.post-password-form label input {
margin-top: 10px;
border-left: none;
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
border-radius: 10px;
color: #64688C;
}
.single-post-text form.post-password-form input {
margin-bottom: 0;
}
.single-post-text h1,
.single-post-text h2,
.single-post-text h3,
.single-post-text h4,
.single-post-text h5,
.single-post-text h6 {
margin-top: 20px;
margin-bottom: 20px;
}
.single-post-text h1+h2,
.single-post-text h2+h3,
.single-post-text h3+h4,
.single-post-text h4+h5,
.single-post-text h5+h6,
.single-post-text h6 {
margin-top: 1.25rem;
}
.single-post-text>div>*:first-child {
margin-top: 0;
}
.single-post-text p {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.single-post-text table tbody th {
background: transparent;
}
.single-post-text table caption {
margin: 0 0 10px 0;
padding: 0;
caption-side: top;
}
pre.wp-block-code,
.single-post-text pre {
margin: 20px 0;
padding: 20px;
overflow: auto;
white-space: pre-wrap;
background: linear-gradient(159deg, #252532 0%, #23232d 100%);
background: -webkit-linear-gradient(159deg, #252532 0%, #23232d 100%);
color: rgba(233, 237, 237, 1);
font-size: 13px;
}
.single-post-text table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
background: #fff;
border: 1px solid #303039;
}
.single-post-text > ul,
.single-post-text > ol,
.single-post-text > ul ul,
.single-post-text > ol ol,
.single-post-text > ul ol,
.single-post-text > ol ul{
padding-left: 1.75rem;
margin-bottom: 1.25rem;
margin-top: 1.25rem;
}
.single-post-text > ul > li, .single-post-text ul ul > li, .single-post-text ol ul > li {
list-style-type: disc;
margin-bottom: 0.25rem;
}
.single-post-text > ol > li, .single-post-text ol ol > li, .single-post-text ul ol > li {
list-style-type: number;
margin-bottom: 0.25rem;
}
.single-post-text ul ul,
.single-post-text ol ul,
.single-post-text ul ol,
.single-post-text ol ol {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.single-post-text input[type="text"],
.single-post-text input[type="number"],
.single-post-text input[type="password"],
.single-post-text input[type="email"],
.single-post-text input[type="tel"],
.single-post-text textarea {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
border-radius: 10px;
color: #64688C;
margin-bottom: 0;
}
.single-post-text .select2-container--default .select2-selection--single {
background-color: #ECFAFB;
-webkit-box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: inset 0 2px 48px 0 rgb(0 0 0 / 4%);
}
@media screen and (max-width: 720px) {
.single-post-text th {
padding: 10px;
font-size: 13px;
}
.single-post-text td {
padding: 10px;
font-size: 13px;
}
}
@media (max-width: 480px) {
.single-post-text .gallery .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-2 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-3 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-4 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-5 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-6 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-7 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-8 .gallery-item {
width: 100%;
}
.single-post-text .gallery.gallery-columns-9 .gallery-item {
width: 100%;
}
}
/*-sidebar & wp elements*/
.col__sedebar {
padding-left: 50px;
}
.content-sidebar {
position: relative;
}
.content-sidebar .widget .nice-select,
.content-sidebar .widget .select2 {
float: none;
margin-bottom: 0;
}
.content-sidebar .widget ul li a {
text-decoration: none;
}
.content-sidebar .widget ul li a:hover {
text-decoration: underline;
}
.content-sidebar .nice-select .list,
.content-sidebar .select2 .list {
width: 100%;
}
.content-sidebar select {
margin-bottom: 0;
}
.content-sidebar .widget {
margin-bottom: 50px;
}
.content-sidebar .widget:last-child {
margin-bottom: 0;
}
.content-sidebar .widget a {
font-weight: 400;
}
.content-sidebar .search-form,
.wp-block-search {
position: relative;
}
.wp-block-search {
max-width: 230px;
}
.content-sidebar .search-form label {
display: block;
}
.content-sidebar img {
max-width: 100%;
height: auto;
}
.content-sidebar table, .single-post-text table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border: none;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
}
.content-sidebar table caption, .single-post-text table caption {
padding: 8px;
font-weight: 600;
font-size: 13px;
border-bottom: none;
background: #fff;
text-align: center;
color: #383A4E;
}
.content-sidebar table + nav, .single-post-text table + nav {
padding: 5px 0 0 0;
}
.content-sidebar th, .single-post-text table th {
padding: 8px;
font-size: 13px;
font-weight: 700;
text-align: center;
border: none;
color: #383A4E;
}
.content-sidebar td, .single-post-text table td {
border: none;
padding: 5px 0;
font-size: 13px;
background: none;
text-align: center;
border: none;
}
.content-sidebar tfoot td, .single-post-text table tfoot td {
border: none;
}
.content-sidebar td.pad, .single-post-text table td.pad {
background: none;
}
.content-sidebar td#today, .single-post-text table td#today {
background: #3B61DD;
color: #fff!important;
}
.wp-block-table table td, .single-post-text table td, .single-post-text table th {
border: 1px solid rgba(0,0,0,0.1);
text-align: left;
padding: 12px;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border: 1px solid rgba(0,0,0,0.1);
}
.content-sidebar .search-form input[type=text],
.content-sidebar .search-form input[type=email],
.content-sidebar .search-form input[type=password],
.content-sidebar .search-form input[type=datetime],
.content-sidebar .search-form input[type=date],
.content-sidebar .search-form input[type=month],
.content-sidebar .search-form input[type=time],
.content-sidebar .search-form input[type=week],
.content-sidebar .search-form input[type=search],
.content-sidebar .search-form textarea,
.content-sidebar .search-form textarea.form-control,
.wp-block-search input[type=text],
.wp-block-search input[type=email],
.wp-block-search input[type=password],
.wp-block-search input[type=datetime],
.wp-block-search input[type=date],
.wp-block-search input[type=month],
.wp-block-search input[type=time],
.wp-block-search input[type=week],
.wp-block-search input[type=search],
.wp-block-search textarea,
.wp-block-search textarea.form-control {
margin-bottom: 0;
padding: 0 15px;
width: 100%;
height: 50px;
outline: none;
border: none;
background: #fff;
border-radius: 0!important;
-webkit-border-radius: 0!important;
}
.content-sidebar .search-form .btn_search,
.search-submit,
.wp-block-search__button {
position: absolute;
right: 15px;
top: 50%;
margin-top: -25px;
margin-bottom: 0;
background-color: transparent;
border: 0;
z-index: 2;
}
.search-submit,
.wp-block-search__button {
padding: 0;
width: 15px;
height: 50px;
background: url(assets/img/search.svg) no-repeat center center !important;
background-size: contain !important;
font-size: 0;
opacity: .8;
box-shadow: none;
border: none!important;
}
.content-sidebar .widget-title,
.content-sidebar h2 {
font-size: 18px;
margin-bottom: 20px;
font-weight: 900;
}
.content-sidebar .widget-title a,
.content-sidebar h2 a {
font-weight: 900;
}
.content-sidebar .widget-title a img,
.content-sidebar h2 a img {
position: relative;
top: -2px;
}
.content-sidebar ul {
padding-left: 0;
margin-top: 10px;
margin-bottom: 10px;
list-style: none;
}
.content-sidebar ul ul {
margin-left: 0;
}
.content-sidebar ul li {
margin-bottom: 10px;
position: relative;
}
.wp-block-categories-list li ul,
.wp-block-archives-list li ul {
margin-left: 0;
}
.wp-block-categories-list li,
.wp-block-archives-list li,
.widget.widget_nav_menu ul li,
.widget.widget_pages ul li,
.widget_categories ul li {
margin-bottom: 10px;
padding-left: 9px;
position: relative;
}
.content-sidebar .widget>ul>li {
padding-left: 0;
}
.wp-block-categories-list li ul li:before,
.wp-block-archives-list li ul li:before,
.widget.widget_nav_menu ul li ul li:before,
.widget.widget_pages ul li ul li:before,
.widget_categories ul li ul li:before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 5px;
height: 1px;
background: #999;
opacity: 0.8;
}
a.rsswidget {
margin-right: 3px;
display: inline-block;
font-weight: 600;
text-decoration: none;
}
.rss-date,
.widget_rss cite {
margin: 5px 0 10px 0;
display: block;
font-size: 13px;
font-weight: 400;
opacity: 0.8;
}
.widget_rss cite {
margin: 5px 0 20px 0;
font-style: normal;
}
.post-edit-link {
text-decoration: underline;
}
.post-edit-link:hover {
text-decoration: none;
}
.edit-link {
margin-top: 30px;
display: block;
}
.sticky {
position: relative;
}
.sticky:before {
content: '';
position: absolute;
left: -5px;
top: 0;
bottom: 0;
width: 6px;
height: 100%;
background: #3B61DD;
z-index: 3;
border-radius: 4px;
}
.wp-block-cover,
.wp-block-cover-image {
margin: 30px 0;
}
.wp-block-cover.alignleft,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignright {
margin-bottom: 30px!important;
}
.wp-block-cover p a:hover,
.wp-block-cover-image p a:hover {
text-decoration: underline;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px 40px;
}
.wp-block-pullquote {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-pullquote blockquote {
padding-bottom: 30px;
border-left: none;
border-bottom: 2px solid #3B61DD;
}
.wp-block-pullquote.is-style-solid-color {
background-color: transparent;
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
border: none;
}
.wp-block-calendar,
.wp-block-archives,
.wp-block-categories {
margin: 30px 0;
max-width: 300px;
}
.wp-block-calendar:after,
.wp-block-archives:after,
.wp-block-categories:after {
content: '';
position: relative;
clear: both;
display: block;
}
.page-links {
position: relative;
display: flex;
align-items: center;
padding-top: 20px;
clear: both;
}
.page-links .post-page-numbers {
margin-left: 10px;
margin-right: 0;
}
.wp-block-categories {
max-width: 200px;
}
.wp-block-search .wp-block-search__label {
display: none;
}
.wp-block-group.has-background {
padding: 20px;
color: #101010;
}
.wp-block-group.has-background p:first-child {
margin-top: 0;
}
.wp-block-group.has-background p:last-child {
margin-bottom: 0;
}
.wp-block-media-text.has-background {
color: #101010;
}
.wp-block-media-text.has-background .has-large-font-size {
line-height: 1.7;
}
hr.wp-block-separator {
margin: 30px 0;
border: none;
border-bottom: 1px solid #585d65;
max-width: 50px;
}
hr.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-separator.is-style-dots:before {
color: #ccc;
}
.wp-block-button {
margin-bottom: 1.25rem;
}
.wp-block-button a.wp-block-button__link {
padding: 13px 35px;
background: #3B61DD;
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
border-radius: 46px;
-webkit-border-radius: 46px;
}
.wp-block-button.is-style-outline a.wp-block-button__link {
padding-top: 11px;
padding-bottom: 11px;
border: 2px solid #3B61DD;
color: #3B61DD;
background: none;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0;
-webkit-border-radius: 0;
}
.wp-block-columns {
margin-bottom: 0;
}
.wp-calendar-nav:after {
content: '';
position: relative;
display: block;
clear: both;
}
.wp-calendar-nav span.wp-calendar-nav-prev {
float: left;
}
.wp-calendar-nav span.wp-calendar-nav-next {
float: right;
}
.wp-block-latest-comments__comment {
margin: 30px 0!important;
}
.wp-block-latest-comments__comment a {
font-weight: 600;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #eee;
}
ol.wp-block-latest-comments {
margin-top: 30px;
margin-bottom: 30px;
padding: 0;
}
ol.wp-block-latest-comments.has-avatars {
margin: 30px 0;
padding: 0;
}
.wp-block-latest-comments__comment {
padding-left: 10px;
}
.single-post-text footer {
box-shadow: none;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-latest-comments__comment-date {
color: inherit;
font-size: 14px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both;
margin-bottom: 12px;
padding-left: 10px;
}
.single-post-text .wp-block-latest-comments__comment-excerpt p {
font-size: 1em;
margin: 10px 0;
}
.post-password-form input[type="submit"] {
box-shadow: none !important;
display: inline-block;
margin-left: 12px;
width: 150px;
}
.comment.knsl-scroll-animation {
opacity: 1;
animation: none;
transform: none;
}
.single-post-text h1, .single-post-text h2, .single-post-text h3, .single-post-text h4, .single-post-text h5, .single-post-text h6, .knsl-comment-content h1, .knsl-comment-content h2, .knsl-comment-content h3, .knsl-comment-content h4, .knsl-comment-content h5, .knsl-comment-content h6 {
margin: 20px 0;
}
@media (max-width: 992px) {
.content-sidebar {
padding: 0 35px;
width: 31.5%;
}
.sticky:before {
left: 0;
top: 0;
bottom: 0;
}
}
@media (max-width: 720px) {
.content-sidebar {
padding: 0;
float: none;
width: 100%;
}
.single-post-text form.post-password-form p {
flex-direction: column;
}
.single-post-text form.post-password-form label {
width: 100%;
}
.post-password-form input[type="submit"] {
margin-top: 20px;
margin-left: 0;
width: 100%;
}
.blog .knsl-banner-simple.knsl-transition-bottom {
margin-bottom: 0;
}
.knsl-top-bar.fixed {
top: 0;
}
.col__sedebar {
padding-left: 0;
padding-top: 50px;
}
.knsl-breadcrumbs li {
font-size: 12px;
}
}
.wp-calendar-table, .wp-calendar-table td, .wp-calendar-table th {
text-align: center !important;
}
.wp-block-search input[type=search], .wp-block-search textarea, .wp-block-search textarea.form-control {
border-radius: 10px !important;
}
.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
color: #fff;
}
.wp-block-cover-image.has-background-dim p, .wp-block-cover.has-background-dim p {
position: relative;
z-index: 2;
}
.archive-row .knsl-blog-card .knsl-cover-frame {
padding-bottom: 0;
}
.archive-row .knsl-blog-card .knsl-cover-frame img {
width: 100%;
height: auto;
position: relative;
}
.blocks-gallery-caption {
margin-bottom: 1rem;
padding-top: 0;
width: 100%;
display: block;
text-align: center;
font-size: 14px;
}
.wp-block-gallery {
margin-bottom: 30px;
}
.blocks-gallery-grid .blocks-gallery-image a, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item a, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image a, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item a, .wp-block-gallery .blocks-gallery-item img {
border-radius: 0;
-webkit-border-radius: 0;
}
blockquote cite {
font-size: 15px;
font-style: normal;
color: #383A4E;
}
blockquote cite em {
font-style: normal;
color: #383A4E;
}
.wp-block-calendar table th, .wp-block-search input[type=search], .wp-block-search textarea, .wp-block-search textarea.form-control {
background: #f5f5f5;
box-shadow: none;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0;
}
.single .row-archive-single img.knsl-default-img {
max-height: none;
}
/*
Popups
*/
.mfp-wrap.popup-box-inline {
margin: 0 0 0 -360px;
padding: 0;
top: 5%;
left: 50%;
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
width: 720px;
height: 90%;
border-radius: 10px;
-webkit-box-shadow: 0 0 0 10px rgb(255 255 255 / 15%), 0 2px 48px 0 rgb(0 0 0 / 4%);
box-shadow: 0 0 0 10px rgb(255 255 255 / 15%), 0 2px 48px 0 rgb(0 0 0 / 4%);
background-color: #FFFFFF;
}
@media (max-width: 720px) {
.mfp-wrap.popup-box-inline {
position: fixed!important;
top: 0!important;
height: 100%!important;
}
}
.mfp-wrap.popup-box-inline .mfp-container {
padding: 0;
position: relative;
height: auto;
}
.mfp-wrap.popup-box-inline .single-post-text {
padding: 40px;
}
@media (max-width: 720px) {
.mfp-wrap.popup-box-inline {
left: 0;
width: 100%;
margin: 0;
padding: 0;
}
}
.mfp-wrap.popup-box .mfp-close,
.mfp-wrap.popup-box-inline .mfp-close {
padding: 0;
right: -54px;
top: 0;
width: 54px;
height: 54px;
line-height: 54px;
color: #ffffff;
font-size: 38px;
font-weight: 200;
font-family: 'Jost';
text-align: center;
opacity: 1;
border: none;
}
@media (max-width: 720px) {
.mfp-wrap.popup-box .mfp-close,
.mfp-wrap.popup-box-inline .mfp-close {
right: 0;
top: -54px;
}
}
.mfp-wrap.popup-box-inline .mfp-close {
top: 0;
right: 0;
color: #64688C;
}
@media (max-width: 720px) {
.mfp-wrap.popup-box-inline .mfp-close {
right: 0;
top: 0;
}
}
.elementor-widget-kinsley-about-gallery .container {
max-width: 100%;
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav a.datepick-disabled, .datepick-popup .mphb-datepicker-light-blue .datepick-nav a.datepick-disabled {
color: #fff;
}
.knsl-banner .knsl-cover-frame video,
.knsl-banner-simple .knsl-cover-frame video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*
- minimal layout
*/
body {
line-height: 1.75;
}
.knsl-app.knsl-app-minimal ::-webkit-input-placeholder {
color: #1e2031;
}
.knsl-app.knsl-app-minimal :-ms-input-placeholder {
color: #1e2031;
}
.knsl-app.knsl-app-minimal ::-ms-input-placeholder {
color: #1e2031;
}
/*header*/
.knsl-top-bar.knsl-top-bar-minimal {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed,
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed {
-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04)!important;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.04)!important;
}
.knsl-top-bar.knsl-top-bar-minimal .elementor-widget-image img {
filter: brightness(0) invert(1);
}
.knsl-top-bar.knsl-top-bar-minimal.fixed .elementor-widget-image img {
filter: none;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .elementor-widget-kinsley-header-buttons .elementor-widget-container {
flex-direction: row-reverse;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .elementor-widget-kinsley-header-buttons .knsl-cart {
margin-left: 0;
margin-right: 50px;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .knsl-menu nav ul li:after {
height: 1px;
}
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .knsl-menu nav > ul > li > a {
color: #fff;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .knsl-minicart {
height: 24px;
}
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .knsl-cart svg path {
fill: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed .knsl-cart svg path {
fill: #1e2031;
}
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .elementor-icon-list-text {
color: #fff;
}
/*started section mininal*/
.knsl-app.knsl-app-minimal .knsl-banner {
overflow: visible;
}
.knsl-app.knsl-app-minimal .knsl-banner .knsl-overlay,
.knsl-app.knsl-app-minimal .knsl-banner-simple .knsl-overlay {
background-image: linear-gradient(180deg, rgba(30, 32, 49, 0.6) 0%, rgba(30, 32, 49, 0.4) 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
opacity: 0.9;
}
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame {
position: absolute;
bottom: 170px;
left: 50%;
margin-left: -1px;
width: auto;
}
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame .knsl-scroll-hint {
width: 1px;
height: 80px;
background: rgba(255,255,255,0.15);
}
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame .knsl-scroll-hint:before {
background-color: #fff !important;
height: 0%;
width: 1px;
top: 0;
left: 0;
-webkit-animation: mouse_minimal 3s infinite ease-in-out;
animation: mouse_minimal 3s infinite ease-in-out;
}
@-webkit-keyframes mouse_minimal {
0% {
height: 0%;
top: 0;
bottom: auto;
}
50% {
height: 100%;
top: 0;
bottom: auto;
}
51% {
height: 100%;
top: auto;
bottom: 0;
}
99% {
height: 0%;
top: auto;
bottom: 0;
}
100% {
height: 0%;
top: 0;
bottom: auto;
}
}
@keyframes mouse_minimal {
0% {
height: 0%;
top: 0;
bottom: auto;
}
50% {
height: 100%;
top: 0;
bottom: auto;
}
51% {
height: 100%;
top: auto;
bottom: 0;
}
99% {
height: 0%;
top: auto;
bottom: 0;
}
100% {
height: 0%;
top: 0;
bottom: auto;
}
}
.knsl-app.knsl-app-minimal .knsl-banner .knsl-banner-content .container,
.knsl-app.knsl-app-minimal .knsl-banner.knsl-banner-slider-wrapper > .container {
position: static;
}
/*intro*/
.knsl-banner-simple,
.knsl-app.knsl-app-minimal .knsl-banner-simple {
min-height: 560px;
margin-bottom: 0;
}
.woocommerce-page.archive .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white,
.woocommerce-shop .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white,
.single-product .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white {
margin-bottom: 120px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.woocommerce-page.archive .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white:before,
.woocommerce-shop .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white:before,
.single-product .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
.woocommerce-page.archive .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white:before,
.woocommerce-page .knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-transition-bottom.knsl-banner-white:before {
background-image: linear-gradient(180deg, rgba(30, 32, 49, 0.6) 0%, rgba(30, 32, 49, 0.4) 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
opacity: 0.65;
}
.knsl-banner-simple.knsl-banner-white h1.knsl-h1-inner,
.knsl-banner-simple.knsl-banner-white div.knsl-h1-inner,
.knsl-banner-simple.knsl-banner-white .knsl-title-frame.knsl-center .knsl-text {
color: #fff;
}
/*started section about*/
.knsl-app.knsl-app-minimal .knsl-about-card .knsl-about-text {
height: 100%;
}
.knsl-app.knsl-app-minimal .knsl-about-card .knsl-about-text .knsl-text {
max-width: 500px;
}
.knsl-app.knsl-app-minimal .knsl-about-card .knsl-about-photo,
.knsl-app.knsl-app-minimal .knsl-about-card .knsl-video-frame {
padding-bottom: 100%;
}
/*started room*/
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-room-type-images {
margin: -30px -30px 30px -30px;
width: calc(100% + 60px);
}
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-single-room-type-attributes {
width: auto;
z-index: 2;
margin-left: -30px;
margin-right: 0;
padding-left: 25px;
}
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel {
max-width: 1220px;
margin: 0 auto;
position: relative;
}
@media (max-width: 992px) {
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel {
max-width: 720px;
}
}
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-1-pagination,
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-nav {
bottom: -60px !important;
}
.elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2 {
width: 100% !important;
max-width: 100% !important;
position: relative !important;
}
/*minimal styles*/
.knsl-app.knsl-app-minimal .knsl-blog-card,
.knsl-app.knsl-app-minimal .knsl-menu-card,
.knsl-app.knsl-app-minimal .knsl-room-card,
.knsl-app.knsl-app-minimal .knsl-ath-card,
.knsl-app.knsl-app-minimal .knsl-team-card,
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product,
.woocommerce-page .knsl-app.knsl-app-minimal ul.products li.product,
.knsl-app.knsl-app-minimal .knsl-room-detail-slider-frame {
padding: 0;
}
.knsl-app.knsl-app-minimal .knsl-blog-card {
padding: 10px;
}
.knsl-app.knsl-app-minimal .knsl-about-card,
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2,
.knsl-app.knsl-app-minimal .knsl-banner,
.knsl-app.knsl-app-minimal .knsl-top-bar.knsl-top-bar-minimal,
.knsl-app.knsl-app-minimal .knsl-top-bar,
.knsl-app.knsl-app-minimal .knsl-ath-card,
.knsl-app.knsl-app-minimal .knsl-book-form form .nice-select,
.knsl-app.knsl-app-minimal .knsl-book-form form input[type="text"],
.knsl-app.knsl-app-minimal .knsl-book-form form input[type="date"],
.knsl-app.knsl-app-minimal .knsl-book-form form input[type="tel"],
.knsl-app.knsl-app-minimal .knsl-book-form form input[type="email"],
.knsl-app.knsl-app-minimal .knsl-book-form form input[type="password"],
.knsl-app.knsl-app-minimal .knsl-book-form form textarea,
.knsl-app.knsl-app-minimal .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-book-form form .select2 .select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-next,
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-prev,
body.knsl-app-minimal .knsl-book-form,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs,
.knsl-app.knsl-app-minimal .knsl-features-card,
.knsl-app.knsl-app-minimal .knsl-room-detail-slider-frame {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0;
}
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-1-pagination,
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-nav,
.knsl-app.knsl-app-minimal .knsl-uni-slider-nav-panel .knsl-uni-nav,
.knsl-app.knsl-app-minimal .knsl-uni-slider-nav-panel .knsl-uni-slider-pagination,
.knsl-app.knsl-app-minimal .knsl-badge,
.knsl-app.knsl-app-minimal .knsl-ath-card .knsl-card-description,
.knsl-app.knsl-app-minimal .knsl-testimonial-card .knsl-avatar-frame,
.knsl-app.knsl-app-minimal .knsl-minicart-window,
.knsl-app.knsl-app-minimal .knsl-image-frame {
-webkit-box-shadow: none;
box-shadow: none;
}
.knsl-app.knsl-app-minimal .mphb-room-type .button.mphb-book-button,
.knsl-app.knsl-app-minimal .knsl-ath-card .knsl-card-description .knsl-btn,
.knsl-app.knsl-app-minimal .knsl-btn.knsl-transparent-border,
.knsl-app.knsl-app-minimal .knsl-btn:focus.knsl-transparent-border,
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-features-inner .knsl-icon-box,
.knsl-app.knsl-app-minimal .knsl-side-menu,
.knsl-app.knsl-app-minimal .knsl-faq {
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.knsl-app.knsl-app-minimal .knsl-image-frame,
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame .knsl-scroll-hint,
.knsl-app.knsl-app-minimal .knsl-testimonial-card .knsl-avatar-frame,
.knsl-app.knsl-app-minimal .knsl-quote-with-author .knsl-photo-frame,
.knsl-app.knsl-app-minimal .knsl-team-card,
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product,
.woocommerce-page .knsl-app.knsl-app-minimal ul.products li.product,
.knsl-app.knsl-app-minimal .knsl-room-detail-slider-frame,
.knsl-app.knsl-app-minimal .knsl-map-frame,
.knsl-app.knsl-app-minimal .mphb_sc_availability_calendar-wrapper {
border: none;
}
.knsl-app.knsl-app-minimal .mphb-room-type,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-image-frame,
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame .knsl-scroll-hint:before,
.knsl-app.knsl-app-minimal .knsl-icon-box,
.knsl-app.knsl-app-minimal .knsl-ath-card .knsl-card-description,
.knsl-app.knsl-app-minimal .knsl-badge,
.knsl-app.knsl-app-minimal .knsl-ath-card .knsl-cover-frame,
.knsl-app.knsl-app-minimal .knsl-testimonial-card .knsl-name-and-text blockquote,
.knsl-app.knsl-app-minimal .knsl-minicart-window,
.knsl-app.knsl-app-minimal .knsl-blog-card .knsl-cover-frame,
.knsl-app.knsl-app-minimal .knsl-menu-card .knsl-cover-frame,
.knsl-app.knsl-app-minimal .knsl-room-card .knsl-cover-frame,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-single-room-type-attributes,
.knsl-app.knsl-app-minimal .knsl-menu nav ul li ul,
.knsl-app.knsl-app-minimal .footer .knsl-footer .footer-insta a img,
.knsl-app.knsl-app-minimal .hf-type-footer .footer-insta a img,
.knsl-app.knsl-app-minimal .knsl-blog-card,
.knsl-app.knsl-app-minimal .knsl-menu-card,
.knsl-app.knsl-app-minimal .knsl-room-card,
.knsl-app.knsl-app-minimal .footer .knsl-footer .footer-insta a,
.knsl-app.knsl-app-minimal .hf-type-footer .footer-insta a,
body.knsl-app-minimal .select2-dropdown,
body.knsl-app-minimal .select2-container--default .select2-search--dropdown .select2-search__field,
body.knsl-app-minimal .select2-results__option,
body.knsl-app-minimal .knsl-book-form form .nice-select,
body.knsl-app-minimal .knsl-book-form form input[type="text"],
body.knsl-app-minimal .knsl-book-form form input[type="date"],
body.knsl-app-minimal .knsl-book-form form input[type="tel"],
body.knsl-app-minimal .knsl-book-form form input[type="email"],
body.knsl-app-minimal .knsl-book-form form input[type="passowrd"],
body.knsl-app-minimal .knsl-book-form form textarea,
body.knsl-app-minimal .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-quote-with-author .knsl-photo-frame,
.knsl-app.knsl-app-minimal .knsl-team-card,
.knsl-app.knsl-app-minimal .knsl-team-card .knsl-photo-frame,
.knsl-app.knsl-app-minimal .knsl-side-menu,
.knsl-app.knsl-app-minimal .knsl-faq,
.knsl-app.knsl-app-minimal .card-header:first-child,
.knsl-app.knsl-app-minimal .card,
.knsl-app.knsl-app-minimal input,
.knsl-app.knsl-app-minimal .knsl-filter .knsl-work-category,
.knsl-app.knsl-app-minimal .knsl-gallery-item,
.knsl-app.knsl-app-minimal .knsl-blog-post,
.knsl-app.knsl-app-minimal .knsl-navigation,
.knsl-app.knsl-app-minimal textarea,
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product,
.woocommerce-page .knsl-app.knsl-app-minimal ul.products li.product,
.woocommerce .knsl-app.knsl-app-minimal div.product .woocommerce-tabs .panel,
.knsl-app.knsl-app-minimal .knsl-blog-post img,
.knsl-app.knsl-app-minimal .knsl-room-features-lg,
.knsl-app.knsl-app-minimal .knsl-room-detail-photo-lg,
.knsl-app.knsl-app-minimal .knsl-room-detail-photo-sm,
.knsl-app.knsl-app-minimal .knsl-map-frame,
.knsl-app.knsl-app-minimal .mphb_sc_availability_calendar-wrapper,
.knsl-app.knsl-app-minimal .knsl-review-card,
.knsl-app.knsl-app-minimal .knsl-price-card,
.knsl-app.knsl-app-minimal .mphb-recommendation,
.knsl-app.knsl-app-minimal .mphb-reservation-cart,
.knsl-app.knsl-app-minimal .mphb-checkout-section,
.knsl-app.knsl-app-minimal .mphb-login-form {
border-radius: 0;
}
.knsl-app.knsl-app-minimal .knsl-faq {
border-radius: 0!important;
}
.knsl-app.knsl-app-minimal .knsl-badge,
.knsl-app.knsl-app-minimal .knsl-badge p .mphb-price {
font-weight: 300;
}
.knsl-app.knsl-app-minimal .knsl-uni-slider-nav-panel .knsl-uni-nav,
.knsl-app.knsl-app-minimal .knsl-uni-slider-nav-panel .knsl-uni-slider-pagination,
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-1-pagination,
.knsl-app.knsl-app-minimal .knsl-slider-nav-panel .knsl-about-slider-nav,
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-next,
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-prev,
.knsl-app.knsl-app-minimal .knsl-transition-top,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs,
.knsl-app.knsl-app-minimal .knsl-features-card,
.woocommerce-page .knsl-app.knsl-app-minimal .single-post-text table tr.cart_item:hover td,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-type-attributes li:after,
.knsl-app.knsl-app-minimal .mphb-single-room-type-attributes li:after,
.knsl-app.knsl-app-minimal .knsl-minicart-window .woocommerce-mini-cart .woocommerce-mini-cart-item {
background: transparent!important;
}
.knsl-app.knsl-app-minimal .knsl-transition-bottom,
.knsl-app.knsl-app-minimal .knsl-transition-bottom:before {
background: transparent;
}
.knsl-app.knsl-app-minimal .knsl-badge,
.knsl-app.knsl-app-minimal .knsl-badge p .mphb-price,
.knsl-top-bar.knsl-top-bar-minimal.fixed {
background: #fff;
}
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2,
.knsl-app.knsl-app-minimal .knsl-sticky.knsl-stycky-right .knsl-book-form,
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .knsl-book-form {
background: #F9F8F7;
}
/*.knsl-top-bar.knsl-top-bar-minimal.fixed .knsl-menu nav ul li a,
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu nav ul li ul li a,
.knsl-top-bar.knsl-top-bar-minimal .knsl-cart .knsl-cart-number,
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2,
.knsl-app.knsl-app-minimal .knsl-sticky.knsl-stycky-right .knsl-book-form,
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .page-links span,
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .knsl-book-form,*/
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-next,
.knsl-app.knsl-app-minimal .knsl-testimonials-nav .knsl-testimonials-slider-1-prev,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs li a,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs li:last-child,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs li:last-child a,
.knsl-app.knsl-app-minimal .knsl-breadcrumbs li:last-child a:hover,
.knsl-app.knsl-app-minimal .knsl-pagination li.knsl-active a,
.knsl-app.knsl-app-minimal .knsl-pagination span,
body.woocommerce-page .knsl-app.knsl-app-minimal #respond input#submit.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal a.button.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal button.button.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal input.button.alt {
color: #1e2031;
}
.knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-banner-white .knsl-breadcrumbs li a,
.knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-banner-white .knsl-breadcrumbs li:last-child,
.knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-banner-white .knsl-breadcrumbs li:last-child a,
.knsl-app.knsl-app-minimal .knsl-banner-simple.knsl-banner-white .knsl-breadcrumbs li:last-child a:hover {
color: #fff;
}
.knsl-app.knsl-app-minimal .single-post-text .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-pagination li.knsl-active a,
.knsl-app.knsl-app-minimal .knsl-pagination span, .page-links span,
.knsl-app.knsl-app-minimal .mphb-customer-details .select2 .select2-selection--single,
.knsl-app.knsl-app-minimal .mphb-checkbox-label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal .mphb-terms-and-conditions-accept label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal label.checkbox-label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal .login-remember label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal input[type="text"],
.knsl-app.knsl-app-minimal input[type="number"],
.knsl-app.knsl-app-minimal input[type="tel"],
.knsl-app.knsl-app-minimal input[type="email"],
.knsl-app.knsl-app-minimal input[type="address"],
.knsl-app.knsl-app-minimal input[type="password"],
.knsl-app.knsl-app-minimal input[type="search"],
.knsl-app.knsl-app-minimal textarea,
.knsl-app.knsl-app-minimal .single-post-text input[type="text"],
.knsl-app.knsl-app-minimal .single-post-text input[type="number"],
.knsl-app.knsl-app-minimal .single-post-text input[type="password"],
.knsl-app.knsl-app-minimal .single-post-text input[type="email"],
.knsl-app.knsl-app-minimal .single-post-text input[type="tel"],
.knsl-app.knsl-app-minimal .single-post-text input[type="search"],
.knsl-app.knsl-app-minimal .single-post-text textarea {
-webkit-box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.08)!important;
box-shadow: inset 0 2px 48px 0 rgba(0, 0, 0, 0.08)!important;
background: transparent;
}
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-book-button:before,
.knsl-app.knsl-app-minimal .knsl-image-frame .knsl-zoom,
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame .knsl-white,
.knsl-app.knsl-app-minimal .knsl-features-card:before,
.knsl-app.knsl-app-minimal .knsl-features-card:after,
.knsl-app.knsl-app-minimal .knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button:before,
body.knsl-app-minimal .knsl-book-form .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button:before,
.knsl-app.knsl-app-minimal .knsl-transition-bottom:before,
.knsl-app.knsl-app-minimal .knsl-transition-bottom:after {
display: none;
}
/*container minimal*/
@media (min-width: 1200px) {
.knsl-app.knsl-app-minimal .container {
max-width: 1240px;
}
}
@media (min-width: 992px) {
.knsl-app.knsl-app-minimal .container {
max-width: 1240px;
}
}
@media (min-width: 768px) {
.knsl-app.knsl-app-minimal .container {
max-width: 1240px;
}
}
@media (min-width: 576px) {
.knsl-app.knsl-app-minimal .container {
max-width: 1240px;
}
}
/*banner minimal buttons*/
.knsl-app.knsl-app-minimal .knsl-banner .knsl-banner-buttons {
margin: 0 -15px;
}
.knsl-app.knsl-app-minimal .knsl-banner .knsl-btn.knsl-btn-accent-2,
.knsl-app.knsl-app-minimal .knsl-banner .knsl-btn:focus.knsl-btn-accent-2 {
padding-left: 0;
padding-right: 0;
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: transparent !important;
color: #fff !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/*banner title position top*/
.knsl-banner .knsl-banner-content .knsl-main-title .title-pos-top {
display: flex;
flex-direction: column;
}
.knsl-banner .knsl-banner-content .knsl-main-title .title-pos-top .knsl-main-title--d {
order: 1;
}
.knsl-banner .knsl-banner-content .knsl-main-title .title-pos-top .knsl-main-title--h {
order: 2;
}
/*rooms minimal-2 type*/
.knsl-masonry-grid {
min-height: 400px !important;
}
.mphb-room-type-minimal .mphb-room-type {
padding: 0;
border-radius: 10px;
}
.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-minimal .mphb-room-type .mphb-room-type-images {
margin: 0;
width: 100%;
padding-bottom: 125%;
}
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .flexslider,
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .flexslider div,
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .flexslider div ul,
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .flexslider div ul * {
height: 100% !important;
}
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .flexslider {
position: absolute;
width: 100%;
}
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a:after,
.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail a:after {
content: '';
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
opacity: 0.5;
}
.mphb-room-type-minimal .mphb-room-type .mphb-room-type-title.entry-title {
margin-bottom: 0px;
position: absolute;
left: 30px;
right: 30px;
bottom: 60px;
width: auto;
z-index: 2;
}
.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes {
position: absolute;
top: 10px;
right: 10px;
margin: 0;
max-width: calc(100% - 20px);
z-index: 2;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
width: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.mphb-room-type-minimal .mphb-room-type:hover .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-minimal .mphb-room-type:hover .mphb-loop-room-type-attributes {
opacity: 1;
visibility: visible;
}
.mphb-room-type-minimal .mphb-room-type .mphb-regular-price {
position: absolute;
left: 30px;
bottom: 20px;
z-index: 2;
}
.mphb-room-type-minimal .mphb-room-type .knsl-text-light,
.mphb-room-type-minimal .mphb-to-book-btn-wrapper {
display: none;
}
/*rooms inline*/
@media (min-width: 992px) {
.mphb-room-type-inline .mphb-room-type {
display: block;
}
.mphb-room-type-inline .mphb-room-type:after {
content: '';
position: relative;
display: block;
clear: both;
}
.mphb-room-type-inline .mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type-inline .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-room-type-images {
float: left;
width: 50%;
padding-bottom: 35%;
padding-left: 0;
margin: 0;
}
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-room-type-images {
width: calc(50% + 30px);
margin: -30px 0 -30px -30px;
}
.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-loop-room-thumbnail,
.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-room-type-images {
float: right;
margin: -30px -30px -30px 0;
}
.mphb-room-type-inline .mphb-room-type > * {
padding-left: 30px;
width: 50%;
float: left;
}
.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-room-type > * {
padding-left: 0%;
padding-right: 30px;
}
.mphb-room-type-inline .mphb-room-type .mphb-loop-room-type-attributes,
.mphb-room-type-inline .mphb-single-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-single-room-type-attributes {
margin-top: 0;
margin-left: 0;
}
.mphb-room-type-inline .mphb-room-type .mphb-to-book-btn-wrapper {
text-align: left;
margin-top: 30px;
}
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a {
padding-bottom: 68%;
}
.mphb-room-type-inline.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type-inline.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-inline.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-inline.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images {
float: none;
width: 100%;
padding-bottom: 35%;
margin: 0;
}
.mphb-room-type-inline.mphb-room-type-minimal .mphb-room-type > * {
padding-left: 0;
width: 100%;
float: none;
}
}
/*rooms creative*/
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type {
padding: 30px;
border-radius: 10px;
min-height: 280px;
justify-content: center;
flex-direction: column;
align-items: flex-start;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-top: 1px solid #b4b4b4;
}
.mphb-room-type-creative.mphb-room-type-minimal .knsl-masonry-grid-item:last-child .mphb-room-type {
border-bottom: 1px solid #b4b4b4;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images {
margin: 0;
width: 100%;
height: 100%;
padding-bottom: 0;
position: absolute;
left: 0;
top: 0;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail a:before,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-images:before {
content: '';
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
background: #fff;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .mphb-loop-room-thumbnail a:before,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .mphb-room-type-images:before {
height: 0%;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-title,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .knsl-text-sm,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-price,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-price-period {
transition: all 0.4s ease-in-out;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .mphb-room-type-title,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .knsl-text-sm,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .mphb-price,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type:hover .mphb-price-period {
color: #fff;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-title.entry-title,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .knsl-text-sm,
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-regular-price {
position: relative;
left: 0;
top: 0;
right: auto;
bottom: auto;
width: 100%;
z-index: 2;
pointer-events: none;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-room-type-title.entry-title {
margin-bottom: 15px;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .knsl-text-sm {
display: block;
}
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes {
top: 30px;
right: 30px;
width: auto;
}
.mphb-room-type-creative .mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a,
.knsl-app.knsl-app-minimal .mphb-room-type-creative .mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a {
margin: 0;
width: 100%;
height: 100%;
padding-bottom: 0;
}
/*slider minimal-2*/
.knsl-about-slider-fully .knsl-about-slider {
margin-left: -30vw;
margin-right: -30vw;
}
.knsl-testimonials-slider-hidden .knsl-testimonials-slider {
position: relative;
overflow: hidden;
}
.knsl-testimonials-slider-hidden .knsl-testimonials-slider .knsl-testimonials-nav .knsl-testimonials-slider-1-next,
.knsl-testimonials-slider-hidden .knsl-testimonials-slider .knsl-testimonials-nav .knsl-testimonials-slider-1-prev {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.knsl-testimonials-slider-hidden .knsl-testimonials-slider .knsl-testimonials-nav {
opacity: 1;
}
/*responsive minimal*/
@media (min-width: 992px) {
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 {
padding: 30px;
padding-right: 170px;
margin-bottom: 0;
position: absolute;
left: 0;
bottom: 0;
width: 80%;
max-width: 1240px;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper {
position: absolute;
right: 0;
top: 0;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button {
float: right;
margin: 0;
padding: 0;
width: 120px;
height: 108px;
position: absolute;
right: 1px;
top: 1px;
font-size: 16px;
border-radius: 0;
-webkit-border-radius: 0;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-check-in-date,
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-check-out-date {
width: 30%;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-adults,
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-children {
width: 20%;
}
.knsl-center.knsl-title-frame.knsl-title-left {
text-align: left;
position: relative;
}
.knsl-title-frame.knsl-center.knsl-title-left .knsl-text {
margin-left: 0;
max-width: 520px;
}
.knsl-title-frame.knsl-center.knsl-title-left .knsl-btn {
position: absolute;
top: 12px;
right: 0;
}
.knsl-app.knsl-app-minimal .shop-page h1.page-title {
font-size: 62px;
}
.knsl-app.knsl-app-minimal .woocommerce .woocommerce-result-count,
.knsl-app.knsl-app-minimal .woocommerce-page .woocommerce-result-count {
line-height: 50px;
}
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product .woocommerce-loop-category__title,
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product .woocommerce-loop-product__title,
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product h3 {
font-size: 32px;
}
.woocommerce .knsl-app.knsl-app-minimal ul.products li.product .price {
font-size: 16px;
line-height: 60px;
}
.knsl-app.knsl-app-minimal .knsl-room-features-lg {
display: block;
text-align: center;
}
.knsl-app.knsl-app-minimal .knsl-sticky.knsl-stycky-right .knsl-book-form {
margin-top: 30px;
}
body.woocommerce-page .knsl-app.knsl-app-minimal a.button.alt {
line-height: 68px;
height: 70px;
}
.woocommerce .knsl-app.knsl-app-minimal .woocommerce-result-count {
line-height: 50px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin: 0 -10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
padding: 20px 10px;
}
}
@media (max-width: 991px) {
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu-btn span,
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu-btn span:after,
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu-btn span:before {
background-color: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed .knsl-menu-btn span,
.knsl-top-bar.knsl-top-bar-minimal.fixed .knsl-menu-btn span:after,
.knsl-top-bar.knsl-top-bar-minimal.fixed .knsl-menu-btn span:before {
background-color: #1e2031;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .elementor-widget-kinsley-header-buttons .elementor-widget-container {
flex-direction: row;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .elementor-widget-kinsley-header-buttons .knsl-cart {
margin-left: 0;
margin-right: 30px;
top: -5px;
}
.knsl-app.knsl-app-minimal .knsl-banner .knsl-banner-content {
height: 100vh;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 {
position: absolute;
width: 100%;
top: 100%;
left: 0;
bottom: auto;
}
.knsl-app.knsl-app-minimal .knsl-banner-content .col-lg-4 {
position: absolute;
top: 90%;
}
.knsl-app.knsl-app-minimal .elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2 {
position: relative;
bottom: 0;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .knsl-menu nav ul li {
margin: 0;
height: auto;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .knsl-menu nav ul li ul {
top: 0;
}
.knsl-app.knsl-app-minimal .knsl-banner-simple {
min-height: 440px;
}
}
/*
- dark layout
*/
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-blog-post {
padding: 0;
}
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-month th,
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-month th a,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-month th,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-month th a,
body.knsl-app-dark .datepick-month td .datepick-other-month,
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-month td,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-month td,
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-month a,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-month a,
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-month td .datepick-weekend,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-month td .datepick-weekend,
body.knsl-app-dark .mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue .datepick-ctrl,
body.knsl-app-dark .mphb-datepick-popup .datepick-month td .mphb-earlier-min-date,
body.knsl-app-dark .mphb-datepick-popup .datepick-month td .mphb-later-max-date,
body.knsl-app-dark .datepick,
body.knsl-app-dark .select2-dropdown,
body.knsl-app-dark .mphb-calendar.mphb-datepick .mphb-datepicker-light-blue .datepick-month td .mphb-past-date,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td .mphb-past-date {
background-color: #1a1918;
color: #aeaeae;
border-color: #1a1918;
}
.knsl-app.knsl-app-minimal.knsl-app-dark ::-webkit-input-placeholder,
body.knsl-app-dark ::-webkit-input-placeholder {
color: #fefefe;
}
.knsl-app.knsl-app-minimal.knsl-app-dark :-ms-input-placeholder,
body.knsl-app-dark ::-webkit-input-placeholder {
color: #fefefe;
}
.knsl-app.knsl-app-minimal.knsl-app-dark ::-ms-input-placeholder,
body.knsl-app-dark ::-ms-input-placeholder {
color: #fefefe;
}
/*header*/
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .elementor-widget-image img {
filter: none;
}
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed .knsl-cart svg path {
fill: #fff;
}
body.knsl-app-minimal .knsl-app.knsl-app-minimal.knsl-app-dark .knsl-popup-frame .knsl-book-popup,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-sticky.knsl-stycky-right .knsl-book-form,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-mphb-search-form .knsl-book-form,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-badge,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-badge p .mphb-price,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-room-type,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-single-room-type-attributes,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-recommendation,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-reservation-cart,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-checkout-section,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-login-form,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-room-attributes .knsl-room-features-lg,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-price-card,
body.knsl-app-minimal.knsl-app-dark .knsl-popup-frame .knsl-book-popup {
background: #0E0E0E;
}
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu nav ul li ul,
.knsl-top-bar.knsl-top-bar-dark .knsl-menu nav ul li ul {
background: #1A1918;
}
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed .knsl-menu nav ul li a,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu nav ul li ul li a,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-cart .knsl-cart-number,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-testimonials-nav .knsl-testimonials-slider-1-next,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-testimonials-nav .knsl-testimonials-slider-1-prev,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-breadcrumbs li a,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-breadcrumbs li:last-child,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-breadcrumbs li:last-child a,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-breadcrumbs li:last-child a:hover,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-mphb-search-form .knsl-book-form.knsl-book-form-2,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-sticky.knsl-stycky-right .knsl-book-form,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-pagination li.knsl-active a,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-pagination span,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-mphb-search-form .page-links span,
.knsl-app.knsl-app-minimal.knsl-app-dark .elementor-widget-kinsley-mphb-search-form .knsl-book-form,
body.woocommerce-page .knsl-app.knsl-app-minimal.knsl-app-dark #respond input#submit.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal.knsl-app-dark a.button.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal.knsl-app-dark button.button.alt,
body.woocommerce-page .knsl-app.knsl-app-minimal.knsl-app-dark input.button.alt,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-blog-card .knsl-description-frame .knsl-card-bottom .knsl-price span,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-menu-card .knsl-description-frame .knsl-card-bottom .knsl-price span,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-room-card .knsl-description-frame .knsl-card-bottom .knsl-price span,
.knsl-app.knsl-app-minimal.knsl-app-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-page .knsl-app.knsl-app-minimal.knsl-app-dark .quantity .qty,
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="text"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="number"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="password"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="email"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="tel"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text textarea,
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="text"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="number"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="password"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="email"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="tel"],
.knsl-app.knsl-app-minimal.knsl-app-dark textarea,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-room-type .mphb-view-details-button-wrapper a {
color: #fefefe;
}
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-pagination li.knsl-active a,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-pagination span, .page-links span,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-customer-details .select2 .select2-selection--single,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-checkbox-label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-terms-and-conditions-accept label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal.knsl-app-dark label.checkbox-label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal.knsl-app-dark .login-remember label input[type="checkbox"] + span:before,
.knsl-app.knsl-app-minimal.knsl-app-dark .select2-container--default .select2-selection--single,
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="text"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="number"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="tel"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="email"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="address"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="password"],
.knsl-app.knsl-app-minimal.knsl-app-dark input[type="search"],
.knsl-app.knsl-app-minimal.knsl-app-dark textarea,
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="text"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="number"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="password"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="email"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="tel"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text input[type="search"],
.knsl-app.knsl-app-minimal.knsl-app-dark .single-post-text textarea,
body.knsl-app-dark .select2-container--default .select2-search--dropdown .select2-search__field,
body.knsl-app-dark .select2-container--default .select2-results__option--selected {
-webkit-box-shadow: none!important;
box-shadow: none!important;
background: rgba(255, 255, 255, 0.08);
}
.mphb-calendar .mphb-datepicker-light-blue .datepick-month + .datepick-month,
.datepick-popup .mphb-datepicker-light-blue .datepick-month + .datepick-month,
.mphb-calendar .mphb-datepicker-light-blue .datepick-month,
.datepick-popup .mphb-datepicker-light-blue .datepick-month,
.mphb-calendar .mphb-datepicker-light-blue .datepick-ctrl:before,
.datepick-popup .mphb-datepicker-light-blue .datepick-ctrl:before,
.mphb-calendar .mphb-datepicker-light-blue .datepick-nav,
.datepick-popup .mphb-datepicker-light-blue .datepick-nav,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-view-details-button-wrapper a {
border: none!important;
}
.knsl-app.knsl-app-dark .mphb-loop-room-type-attributes li:before,
.knsl-app.knsl-app-dark .mphb-single-room-type-attributes li:before,
.knsl-app.knsl-app-dark .img-svg-time {
filter: invert(1);
}
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-app.knsl-app-minimal.knsl-app-dark .knsl-blog-post,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-navigation,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-filter .knsl-work-category,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-testimonial-card .knsl-name-and-text blockquote,
.knsl-app.knsl-app-minimal.knsl-app-dark .knsl-quote-with-author .knsl-photo-frame,
.knsl-app.knsl-app-minimal.knsl-app-dark .mphb-room-type,
.knsl-app.knsl-app-minimal .mphb-room-type .mphb-view-details-button-wrapper a {
box-shadow: none!important;
-webkit-box-shadow: none!important;
}
/*responsive dark*/
@media (max-width: 991px) {
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu-btn span,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu-btn span:after,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu-btn span:before {
background-color: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed .knsl-menu-btn span,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed .knsl-menu-btn span:after,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark.fixed .knsl-menu-btn span:before {
background-color: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .knsl-menu nav > ul > li > a {
color: #383a4e;
}
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu nav ul li a {
color: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu nav ul li.current-menu-item>a,
.knsl-top-bar.knsl-top-bar-minimal.knsl-top-bar-dark .knsl-menu nav ul li.current-menu-item>a {
color: #3b61dd;
}
.knsl-top-bar.knsl-top-bar-minimal .knsl-menu nav ul li.menu-item-has-children>i {
right: 0;
}
.knsl-app.knsl-app-minimal .knsl-top-bar .knsl-menu nav ul li {
margin: 0;
}
}
/*Fix mphb room gallery*/
.mphb-room-type .mphb-room-type-images {
height: 0px;
padding-bottom: 72.8%;
}
.mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a {
padding-bottom: 65%;
display: block;
position: relative;
width: 100%;
}
.mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
/*Fix Stripe Dark Issue*/
.knsl-app-dark .mphb-stripe-payment-container .StripeElement { background-color: #fff !important; }
/*Fix Calendar Availability Color for Weekend Day for Light & Dark Versions*/
.mphb-calendar.mphb-datepick .mphb-datepicker-light-blue .datepick-month td .mphb-available-date {
background-color: #c4e9d0 !important;
color: #4c5154 !important;
}
/* Fix FlexSlider LTR Issue */
.flex-viewport { direction: ltr !important; }
/* Scroll Top Start */
button.scrollTopStick {
width: 45px;
height: 45px;
border-radius: 100%;
position: fixed;
bottom: 50px;
right: 50px;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-o-transform: translateY(30px);
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
color: #fff;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
button.scrollTopStick.active {
opacity: 1;
visibility: visible;
transform: translateY(0px);
box-shadow: 2px 2px 7px 2px rgb(0 0 0 / 5%);
-webkit-box-shadow: 2px 2px 7px 2px rgb(0 0 0 / 5%);
-moz-box-shadow: 2px 3px 45px 0px rgba(0 0 0 / 5%);
cursor: pointer;
z-index: 999;
background-color: #3B61DD;
}
button.scrollTopStick i {
color: #fff;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
button.scrollTopStick:hover {
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
button.scrollTopStick:hover i {
transform: translateY(-2px);
}
@media (max-width: 991px) {
button.scrollTopStick {
bottom: 20px;
right: 20px;
}
}
/* Scroll Top End */
/* Fix Cursor Datepicker */
input.is-datepick {
caret-color: transparent !important;
cursor: pointer !important;
}
/*Hero Banner Booking Form*/
.knsl-banner .knsl-book-form-2 .mphb_sc_booking_form-wrapper .mphb-rooms-quantity-wrapper {
position: absolute;
top: 100%;
background: #fff;
padding: 10px;
margin-top: 20px;
font-size: 80%;
text-align: center;
z-index: 2;
}
.knsl-banner .knsl-book-form-2 .mphb_sc_booking_form-wrapper .mphb-reserve-btn,
.knsl-banner .knsl-book-form-2 .mphb_sc_booking_form-wrapper .mphb-reserve-btn-wrapper {
width: auto;
}
.knsl-banner .knsl-book-form-2 .mphb_sc_booking_form-wrapper .mphb-reserve-room-section {
margin-top: 0;
}
/*OpenTable Form*/
.datepicker__container {
position: relative;
}
.datepicker__container:before {
font-size: 12px;
pointer-events: none;
position: absolute;
bottom: 15px;
right: 10px;
color: #8588A2;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f073";
}
/*Fix Calendar Dark Mode Unselectable Dates Issue*/
body.knsl-app-dark .mphb-calendar.mphb-datepick .mphb-datepicker-light-blue .datepick-month td .mphb-earlier-min-date,
body.knsl-app-dark .mphb-calendar.mphb-datepick .mphb-datepicker-light-blue .datepick-month td .mphb-later-max-date,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td .mphb-earlier-min-date,
body.knsl-app-dark .datepick-popup .mphb-datepicker-light-blue.mphb-datepick-popup .datepick-month td .mphb-later-max-date {
background-color: #fff;
color: #b0b8be;
text-decoration: line-through;
opacity: 1;
}
/*kinsley hamburger menu*/
a.onovo-menu-btn,
.onovo-menu-btn {
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
height: 40px;
align-items: center;
z-index: 2;
}
.onovo-menu-btn .mlines {
margin-top: -5px;
position: relative;
left: 0;
top: 50%;
width: 30px;
height: 10px;
display: inline-block;
vertical-align: top;
}
.onovo-menu-btn .mtext {
margin-right: 15px;
display: inline-block;
vertical-align: top;
line-height: 40px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.onovo-menu-btn .mlines::before,
.onovo-menu-btn .mlines::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background: #383A4E;
transform: rotate(0);
-webkit-transform: rotate(0);
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.knsl-top-bar.knsl-top-bar-minimal .onovo-menu-btn .mlines::before,
.knsl-top-bar.knsl-top-bar-minimal .onovo-menu-btn .mlines::after {
background: #fff;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed .onovo-menu-btn .mlines::before,
.knsl-top-bar.knsl-top-bar-minimal.fixed .onovo-menu-btn .mlines::after {
background: #383A4E;
}
.knsl-top-bar .onovo-menu-btn.btn--active .mlines::before,
.knsl-top-bar .onovo-menu-btn.btn--active .mlines::after {
background: #fff !important;
}
.knsl-top-bar.knsl-top-bar-minimal:not(.fixed) .onovo-menu-btn .mtext,
.knsl-top-bar .onovo-menu-btn.btn--active .mtext {
color: #fff;
}
.knsl-minicart-custom {
height: 24px;
width: 24px;
display: inline-block;
vertical-align: top;
}
.knsl-minicart-custom .knsl-cart {
margin-left: 0;
}
.knsl-cart svg path {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.header--active .knsl-cart svg path {
fill: #fff !important;
}
.onovo-menu-btn .mlines::after {
top: auto;
bottom: 0;
}
.onovo-menu-btn.btn--active .mlines::before {
top: 4px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.onovo-menu-btn.btn--active .mlines::after {
bottom: 4px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.onovo--noscroll {
overflow: hidden;
}
.onovo-menu-popup {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.onovo-menu-popup.menu--visible {
opacity: 1;
visibility: visible;
z-index: 0;
}
.onovo-menu-overlay,
.onovo-menu-overlay-after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scaleY(0);
-webkit-transform: scaleY(0);
background: #b87969;
transform-origin: top center;
animation: onovo-menu-overlay-close 0.9s forwards cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu-overlay.overlay--circle,
.onovo-menu-overlay-after.overlay--circle {
left: -25vw;
top: -25vw;
width: 150vw;
height: 150vw;
border-radius: 100%;
transform: scale(0);
-webkit-transform: scale(0);
}
.onovo-menu-overlay-after {
background: #383a4e;
animation: onovo-menu-overlay-close 0.6s forwards cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu-overlay-after.overlay--circle {
animation: onovo-menu-overlay-close-circle 1.2s forwards cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu-popup.menu--open .onovo-menu-overlay {
animation: onovo-menu-overlay-open 0.6s forwards cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu-popup.menu--open .onovo-menu-overlay-after {
animation: onovo-menu-overlay-open 0.6s forwards cubic-bezier(0.3, 0, 0.3, 1) 0.3s;
}
.onovo-menu-popup.menu--open .onovo-menu-overlay.overlay--circle {
animation: onovo-menu-overlay-open-circle 1.2s forwards cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu-popup.menu--open .onovo-menu-overlay-after.overlay--circle {
animation: onovo-menu-overlay-open-circle 1.2s forwards cubic-bezier(0.3, 0, 0.3, 1) 0.3s;
}
@keyframes onovo-menu-overlay-close {
0% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
50% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
100% {
transform: scaleY(0);
-webkit-transform: scaleY(0);
}
}
@keyframes onovo-menu-overlay-open {
0% {
transform: scaleY(0);
-webkit-transform: scaleY(0);
}
100% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
@keyframes onovo-menu-overlay-close-circle {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@keyframes onovo-menu-overlay-open-circle {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.onovo-menu-container {
position: absolute;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
left: 0;
top: 0;
padding-top: 140px;
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.onovo-menu-container .container {
margin: auto;
}
.onovo-menu {
padding-left: 80px;
}
.onovo-menu ul {
margin: 0;
padding: 0;
list-style: none;
counter-reset: onovo-menu-counter;
}
.onovo-menu ul.sub-menu {
position: relative;
overflow: hidden;
max-height: 0;
transition: all 0.6s cubic-bezier(0.3, 0, 0.3, 1);
-webkit-transition: all 0.6s cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu .opened > ul.sub-menu {
max-height: 1000px;
transition: all 1.2s cubic-bezier(0.3, 0, 0.3, 1);
-webkit-transition: all 1.2s cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu ul li {
margin: 30px 0;
position: relative;
font-size: 90px;
font-weight: 700;
line-height: 1;
counter-increment: onovo-menu-counter;
opacity: 0;
transform: translateY(3px);
-webkit-transform: translateY(3px);
transition: all 0.6s cubic-bezier(0.3, 0, 0.3, 1);
-webkit-transition: all 0.6s cubic-bezier(0.3, 0, 0.3, 1);
transform-origin: top left;
}
.onovo-menu ul ul li {
font-size: 0.5em;
}
.onovo-menu ul li:nth-child(2) {
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}
.onovo-menu ul li:nth-child(3) {
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.onovo-menu ul li:nth-child(4) {
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.onovo-menu ul li:nth-child(5) {
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.onovo-menu ul li:nth-child(6) {
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
.onovo-menu ul li:nth-child(7) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.onovo-menu ul li:nth-child(8) {
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}
.onovo-menu ul li:nth-child(9) {
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}
.onovo-menu ul li:nth-child(10) {
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
}
.onovo-menu-popup.menu--ready .onovo-menu ul li {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.onovo-menu ul li a {
position: relative;
color: rgba(255,255,255,0.8);
transition: all .4s cubic-bezier(0.3, 0, 0.3, 1);
-webkit-transition: all .4s cubic-bezier(0.3, 0, 0.3, 1);
vertical-align: top;
}
.onovo-menu ul li li a {
font-weight: 400;
}
.onovo-menu ul li a::before {
content: "0" counter(onovo-menu-counter) ".";
position: absolute;
left: -80px;
top: 50%;
font-size: 15px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
}
.onovo-menu ul ul a::before {
display: none;
}
.onovo-menu ul li a:hover {
color: #fff;
}
.onovo-menu ul li .icon {
margin-left: 15px;
position: relative;
top: -5px;
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 0.3em;
color: rgba(255,255,255,0.8);
cursor: pointer;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: all .4s cubic-bezier(0.3, 0, 0.3, 1);
-webkit-transition: all .4s cubic-bezier(0.3, 0, 0.3, 1);
}
.onovo-menu ul li .icon::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f078";
}
.onovo-menu ul li.opened > .icon {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
@media (max-width: 1024px) {
.onovo-menu ul li li .icon {
font-size: 20px;
margin-top: -2px;
}
.onovo-menu ul.sub-menu ul.sub-menu {
background: rgba(255,255,255,0.1);
padding-left: 30px;
padding-right: 30px;
}
.onovo-menu ul.sub-menu .opened ul.sub-menu {
margin-top: 15px;
}
}
@media (max-width: 767px) {
.onovo-menu {
padding-left: 40px;
}
.onovo-menu ul li {
margin: 20px 0;
font-size: 32px;
}
.onovo-menu ul li a::before {
left: -40px;
top: 10px;
font-size: 12px;
}
.onovo-menu ul li .icon {
margin-left: 8px;
top: -4px;
}
.onovo-menu > ul > li > a {
color: #fff;
}
.onovo-menu ul.sub-menu .opened ul.sub-menu {
margin-top: 5px;
}
}
/*kinsley creative hero slider*/
.elementor-widget-kinsley-hero-slider-creative .knsl-banner {
border-bottom: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.elementor-widget-kinsley-hero-slider-creative .knsl-scroll-hint-frame {
position: absolute;
bottom: 180px;
left: 0;
width: 100%;
}
.elementor-widget-kinsley-hero-slider-creative .swiper-slide .knsl-scroll-hint-frame {
opacity: 0;
pointer-events: none;
transition: all 0.4s ease 0s;
}
.elementor-widget-kinsley-hero-slider-creative .swiper-slide-active .knsl-scroll-hint-frame {
opacity: 1;
pointer-events: auto;
}
.knsl-banner .knsl-banner-slider-v {
position: relative;
width: 100%;
height: 100vh;
background: #30313D;
}
.knsl-banner-slider-vt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.knsl-banner-slider-vt .swiper-slide {
width: auto;
}
.knsl-banner-slider-vt .knsl-banner-content {
padding: 0 58px;
min-width: 280px;
height: 100vh;
}
.knsl-banner-slider-vt.knsl-banner-slider-vt-side .knsl-banner-content {
padding: 0 10px;
width: 1240px;
}
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-stars,
.knsl-banner-slider-vt .knsl-banner-content .knsl-banner-buttons {
opacity: 0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
visibility: hidden;
}
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-stars,
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--d {
min-height: 25px;
}
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-stars li,
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--d > span {
position: relative;
overflow: hidden;
min-height: 0;
max-height: 0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
display: inline-block;
vertical-align: top;
}
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--h {
font-size: 78px;
font-weight: 400;
line-height: 1.2em;
text-transform: uppercase;
}
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--inner {
-webkit-text-stroke: 1px #fff;
-moz-background-clip: text;
-o-background-clip: text;
-webkit-background-clip: text;
background-clip: text;
background-position: 50% 10%;
background-repeat: repeat-x;
background-size: 100px 500px;
color: transparent;
opacity: 1;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAPoCAMAAAB6fSTWAAAC5VBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VfA0nAAAA9nRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLjAxMjM1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGFiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHp7fH1+f4CBgoOEhYeIiYqLjI2Oj5CRkpOUlZeYmZqbnJ2en6ChoqOkpaepqqusra6vsLGys7S1tre4ubq7vL2+v8HCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+nq6+zt7u/w8fLz9PX29/j5+vv8/f6NLBhfAAAAAWJLR0T23NtKYQAADkdJREFUeNrt3XuclXMewPGamopaXVh0lXFZim1NISNLE5adZDUuySgxJGuQbUSM205YGVYNu0qiI5SxkqEi1rYH6zIxy6yKQiqX0m2a8/fOqX29al0zt/M857zf/1T//r7Pp+d5fs9zzmnWDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL5Hi45dMo44OntI7pn5+fnjCncoqP13bu7Q7AGZh2R02sNCQcjs1uOonFHXTZo254W3PlwX20VfLntj4expk24oyBs84PDu7axiYrTufNiR2acPy796QvHkByKRyOzy8vIXo7UW1v6l/NlI5JHSu4rHX52fl3vSMYfu29qCpaCW+x+Xd919cyu+jDWALauWLJhx59jhA3vvaWUb+6KrS7/TLrvh7oefiS796ieOaf1Hby6cPfWOq4afYE4poOeJl056qnJzrHFsXPby7Huvvyinb5fmlroh7X30uePvmf2PFdUNM6dNH77y5JRrh2d1b2Fpk07HAWOmvPRFrIlsrJx33/hh/QVfP2n7Z19826zXv2ysMW35YOGDN406vpuVTgrtBox95P1YQtQGXyr4uiR+wOBrZrz6dRONad3rkVvPP8olfYh1Gzbl7epYwm2sfObuS7N76H0X7Dmo8KEmS/z/rP77/QUD9zaB0EU+YlpVLFDWvz7z5nP7tjea79E+q2B6RU2Ch7RmUWlB1s8MIxzaZBdHa2IBtSY6vTA3s40p7TywrHGPLQ3OiGren1mY3dFYgm2vUU+tjwXe5sonbjmrV0vjarZHdlH5hiCOaGVZUY5L+YDqnl+2ORYemysiRbm9U/fmfb+RD7wb7Al9MLPgyHRdBUuHCxfWxEJo7YuTRx/bIeW23YZOfi8c89nw4m1D9pVXQKTnRDbEwmz50xOH92mVGsPabdDE6NZwjadqxpjDPDdJuK5FK2LJYPNr94/ul+Qbdftf9kxI/0te9djlv0wTW8I0HzhrSyyJbHnjgcuO3j0pR9UisyhaE+rhfFlemCn2REjL+WcsCVVXTC/M6ZRceyhnP7w6KWazevaYg4TXtNpdsSyWvLYumXHlccnxIfiO5z+1KZlG80HpUE/am0zba1bHkl5N5czxOfuFu/K8sk3JN5jqaHF2KxE2wUZ7/spYyvgi/m5m2zCOqdMFczcn71ieuKiLEht3Cy5vaSzVbK2MXDe4Z5im1GrI45uSfCg10Rv72p5rNP1eiaWqz1+4N79/KPbpjvrzZ6kxko//crqvFWsM+07dGktxnyyYUnDifgF+h6PnhMpUmsfGeb/vLswGvmrP/yLGNuuiM649o1fwtoRan7OgJuWGUbP4moPV2XAynhf4N16xqXyieERW58BM6ODbV6XqKN66qY9CG0RawTplf7ev337yrstPPTTBr9C2Ouv5mpQeQ9Xt/W3O1VufxYL+sSvIj16Ydv25R++TkPkcMPETE4itKOnvEzD10faOLY6iXb5/X/LstJsu+W2fJvz2hKxItXXfbnlJltbr6tSlDqA62LQyGikpzMvOaNxvtGlzwRvWemeVN/bSbB10neXYqedF/adLXnh8ys0Fw09u+Ol0vsk1+7e9MT5DuD9NywLP1BpOQ0/nV9M3WdTv9vLoTurddYMqHDKBDT2rrMaS/sCtU1muD7/s4l5uxOES2NCzX7KeP2ZNqa25XdhrL9rgUAlo6En6vR+N4N0it+s/qHnuMkdJQENvfdF71nKXbZ0/wo/AfK+TXnWEBDT09LwqK/nTbIjk+NWO79L3eQdHQENPy3U2r4uVJUfo+ht+EbGbG9DQ03IrrWJdVRT6QYiddCv1vmtAQ2+e62lnvVQ/fZ7b9f9lfret9qCGfsq/rGC9fT3rjN1k3nPyRodCQEPv/Tfr10CtR3JS+02aniUyD2ro3Up9QK0BrZmeutvwGe7NAxt6h4luqBrainuOb5GCmR/7xFazD2jo6fk+odYoVk/PaZ1SlaflvGzqQQ09feR/LFyjWfvQ6SmzN9fhD8sNPKihp1/gNbhGtu7Rs9unwtsxJV+ZdVBDT8/7t0VrAtWLCg9J6spb5ZZ7CS6wocu8KVWVZKcnaeZdCz8038CGnj7KvXkTW/Xg0OR7ca7lkLn22YMbevqFMk+ETfML+yTTd1Vk3uWJTYBDb5XnI2qJ82kkv2tyXLIXvG6aAQ693diVliqxal79469D/pps+5ELXLIHOfQOEz6zUEHw1dPj+ob13blOI8q8zh7o0PcqWmuZAhR7eWFm6H7RrVNemW8BD3boXSett0hBs/rxyw8PT+w9x8z38aeAh35QqcutgPp87oQT2gU+8taD/vSOWQU99H6z7J0E2pbo3Wd3C/CpfPSTftk88KE3/80CqxMGyx8dd0Lw3ozvMqzUdwmGIPT0XD/HECYry4qy2wYl8n1yS6LeYw9D6O2u8FMZ4VP95tQrB/48sY2nZ46e6kwektA737rGuoTWx/NuO69PQt6syThn0ktfG0BYQve7x0lg81uRW4b33aOpEm+TOfLO51ZZ9vCEnjbYDlwy3bnPn3zlyQc35ndTtT7ktGtnvuMxebhCb5e/xIIkoTXRSHF+du/dG/RmPCM7v7isSuLhC737RLfmSa16xeI5k6+/8NQ++9b9rbr0HsecPfaux15Z4Q2LkIY+YOZmi5Eqtnxc8eKcqXeMv+TMgZm9Mjr+4HdRtu9yYOZxOSOvnvjXOYveXeWpWahDb3vxm1Yila39uOq1aHRxea2nI5Ena/94LhqNvlb1iW9vTKLQDyxebR0guUMfPM/lGCR96JYAhA4IHRA6IHRA6IDQAaEDQgehA0IHhA4IHRA6IHRA6IDQQeiA0AGhA0IHhA4IHRA6IHQQOiB0QOiA0AGhA0IHhA4IHRA6CB0QOiB0QOiA0AGhA0IHhA5CB4QOCB0QOiB0QOiA0AGhg9ABoQNCB4QOCB0QOiB0QOiA0EHogNABoQNCB4QOCB0QOiB0EDogdEDogNABoQNCB4QOCB2EDggdEDogdEDogNABoQNCB4QOQgeEDggdEDogdEDogNABoYPQAaEDQgeEDggdEDogdEDoIHRA6IDQAaEDQgeEDggdEDogdBA6IHRA6IDQAaEDQgeEDggdhA4IHRA6IHRA6IDQAaEDQgehA0IHhA4IHRA6IHRA6IDQAaGD0AGhA0IHhA4IHRA6IHRA6CB0QOiA0AGhA0IHhA4IHRA6CB0QOiB0QOiA0AGhA0IHhA4IHYQOCB0QOiB0QOiA0AGhA0IHoQNCB4QOCB0QOiB0QOiA0EHogNABoQNCB4QOCB0QOiB0QOggdEDogNABoQNCB4QOCB0QOggdEDogdEDogNABoQNCB4QOQgeEDggdEDogdEDogNABoQNCB6EDQgeEDggdEDogdEDogNBB6IDQAaEDQgeEDggdEDogdBA6IHRA6IDQAaEDQgeEDggdEDoIHRA6IHRA6IDQAaEDQgeEDkIHhA4IHRA6IHRA6IDQAaGD0AGhA0IHhA4IHRA6IHRA6CB0SwBCB4QOCB0QOiB0QOiA0AGhg9ABoQNCB4QOCB0QOiB0QOggdEDogNABoQNCB4QOCB0QOggdEDogdEDogNABoQNCB4QOCB2EDggdEDogdEDogNABoQNCB6EDQgeEDggdEDogdEDogNBB6IDQAaEDQgeEDggdEDogdEDoIHRA6IDQAaEDQgeEDggdEDoIHRA6IHRA6IDQAaEDQgeEDkIHhA4IHRA6IHRA6IDQAaEDQgehA0IHhA4IHRA6IHRA6IDQQeiA0AGhA0IHhA4IHRA6IHQQOiB0QOiA0AGhA0IHhA4IHRA6CB0QOiB0QOiA0AGhA0IHhA5CB4QOCB0QOiB0QOiA0AGhg9CB4NmwptbKqriKaK1F5bXKInHTS2uVFNcqKowryK+Vl1srJzsuK7NW74xaXTrGCR0axufxLD+KV1kZrzL6XDzLOfEqH45XWToxnuWEeJVXxavMj1eZe0q8ygHxKjPjVWbsHa+ybbOGZz6k9hlz+ylzxxlz+ylzxxlz+ylzxxlz+ylzxxlz+ymzZbOAM23CeC1b3zDTm6UYBw9NFuZON5nbwtzpJnNbmDvdZG4Lc6ebzFbNEDqBC7O1tIRO4rdlvxlmGykIncSH+a3nJc0duwi9Mbdl6xZmmmMNoQfveUkLxwZC9yATkjj0em7LpvKDTEig4lu33WGOjld5XrzK3227w+wbz7JXvMoe7jABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACABvdfnuzKOlIXvJoAAAAASUVORK5CYII=);
}
.knsl-banner-slider-vt .swiper-slide-active .knsl-banner-content .knsl-main-title .knsl-main-title--inner {
background-position: 50% 50%;
}
.knsl-banner-slider-vt .swiper-slide-active .knsl-banner-content .knsl-main-title .knsl-stars li,
.knsl-banner-slider-vt .swiper-slide-active .knsl-banner-content .knsl-main-title .knsl-main-title--d > span {
max-height: 100px;
}
.knsl-banner-slider-vt .swiper-slide-active .knsl-banner-content .knsl-main-title .knsl-stars,
.knsl-banner-slider-vt .swiper-slide-active .knsl-banner-content .knsl-banner-buttons {
opacity: 1;
visibility: visible;
}
.elementor .knsl-banner .knsl-cover-frame iframe,
.knsl-banner .knsl-cover-frame iframe,
.elementor .knsl-banner-slide iframe,
.knsl-banner-slide iframe,
.elementor .knsl-banner-simple iframe,
.knsl-banner-simple iframe {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
.elementor .knsl-banner .knsl-cover-frame iframe,
.knsl-banner .knsl-cover-frame iframe,
.elementor .knsl-banner-slide iframe,
.knsl-banner-slide iframe,
.elementor .knsl-banner-simple iframe,
.knsl-banner-simple iframe {
height: 56.25vw;
}
}
@media (max-aspect-ratio: 16/9) {
.elementor .knsl-banner .knsl-cover-frame iframe,
.knsl-banner .knsl-cover-frame iframe,
.elementor .knsl-banner-slide iframe,
.knsl-banner-slide iframe,
.elementor .knsl-banner-simple iframe,
.knsl-banner-simple iframe {
width: 177.78vh;
}
}
@media (max-width: 992px) {
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--h {
font-size: 58px;
}
.elementor-widget-kinsley-hero-slider-creative .knsl-scroll-hint-frame {
bottom: 35%;
}
}
@media (max-width: 767px) {
.knsl-banner-slider-vt .knsl-banner-content .knsl-main-title .knsl-main-title--h {
font-size: 38px;
}
}
/*kinsley logo*/
.onovo-logo-image {
position: relative;
line-height: 1;
}
.onovo-logo-image img {
max-width: 100%;
height: auto;
filter: none !important;
}
.onovo-logo-image img.logo--white,
.knsl-top-bar.knsl-top-bar-minimal .onovo-logo-image img,
.header--active .onovo-logo-image img {
display: none;
}
.knsl-top-bar.knsl-top-bar-minimal .onovo-logo-image img.logo--white,
.header--active .onovo-logo-image img.logo--white,
.knsl-top-bar.knsl-top-bar-minimal.fixed .onovo-logo-image img {
display: block;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed .onovo-logo-image img.logo--white,
.knsl-top-bar.knsl-top-bar-minimal.fixed.header--active .onovo-logo-image img {
display: none;
}
.knsl-top-bar.knsl-top-bar-minimal.fixed.header--active .onovo-logo-image img.logo--white {
display: block;
}
/*responsive minimal-2*/
@media (min-width: 992px) {
.knsl-banner-slider-wrapper .knsl-book-form.knsl-book-form-v {
position: absolute;
bottom: calc(50% - 220px);
right: calc(50% - 610px);
width: 500px;
min-height: 440px;
}
.knsl-app:not(.knsl-app-minimal) .knsl-banner-slider-wrapper .knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2,
.knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2,
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 {
left: auto;
right: auto;
bottom: 70px;
width: auto;
min-width: 680px;
padding: 5px;
padding-right: 120px;
}
.knsl-app:not(.knsl-app-minimal) .knsl-banner-slider-wrapper .knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 {
padding-right: 10px;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-check-in-date,
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-check-out-date,
.knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-check-in-date,
.knsl-book-form.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-check-out-date {
width: 25%;
}
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-check-in-date,
.knsl-book-form.knsl-book-form-2 .mphb_sc_search-check-out-date {
width: 25%;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper {
height: 100%;
}
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button {
height: auto;
top: 1px;
bottom: 1px;
color: #fff;
}
/*banner search form minimal-2*/
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-form > p,
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb-booking-form > p,
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb-booking-form > div {
padding-right: 15px;
padding-left: 15px;
}
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-form > p.mphb_sc_search-check-in-date:before,
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb_sc_search-form > p.mphb_sc_search-check-out-date:before,
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb-booking-form > p.mphb-check-in-date-wrapper:before,
.knsl-book-form-2.knsl-book-form-minimal-2 .mphb-booking-form > p.mphb-check-out-date-wrapper:before {
right: 15px;
}
.knsl-book-form-2.knsl-book-form-minimal-2 form .nice-select,
.knsl-book-form-2.knsl-book-form-minimal-2 form input[type="text"],
.knsl-book-form-2.knsl-book-form-minimal-2 form input[type="date"],
.knsl-book-form-2.knsl-book-form-minimal-2 form input[type="email"],
.knsl-book-form-2.knsl-book-form-minimal-2 form input[type="tel"],
.knsl-book-form-2.knsl-book-form-minimal-2 form textarea,
.knsl-book-form-2.knsl-book-form-minimal-2 form input[type="password"],
.knsl-book-form-2.knsl-book-form-minimal-2 form .select2 {
padding: 0;
box-shadow: none !important;
}
.knsl-book-form-2.knsl-book-form-minimal-2 form .select2-container .select2-selection {
box-shadow: none !important;
}
.knsl-book-form-2.knsl-book-form-minimal-2 form label {
margin-right: 0;
}
.knsl-book-form-2.knsl-book-form-minimal-2 form .mphb_sc_search-check-in-date label,
.knsl-book-form-2.knsl-book-form-minimal-2 form .mphb_sc_search-check-out-date label {
display: none;
}
}
@media (max-width: 991px) {
.knsl-about-card {
margin: 0 10px;
}
.knsl-about-card .knsl-about-text {
padding: 50px 5px;
margin: 0;
max-width: 600px;
justify-content: flex-start;
}
.knsl-app.knsl-app-minimal .knsl-scroll-hint-frame {
bottom: 70px;
}
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-main-title--h br {
display: none;
}
.knsl-banner-slider-vt .knsl-banner-content {
padding: 0 10px;
max-width: 680px;
}
}
@media (max-width: 767px) {
.mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-app.knsl-app-minimal .mphb-room-type-creative.mphb-room-type-minimal .mphb-room-type .mphb-loop-room-type-attributes {
display: none;
}
.knsl-banner-slider-vt .knsl-banner-content {
padding: 0 10px;
max-width: 380px;
}
.knsl-icon-box {
padding: 10px;
}
.knsl-about-slider-fully .knsl-about-slider {
margin-left: 0;
margin-right: 0;
}
}
/*nav two*/
.knsl-menu nav ul ul li.current-menu-item > a {
color: #3B61DD;
}
/*hero banner two*/
.knsl-banner.knsl-banner-two .knsl-cover-frame,
.knsl-banner.knsl-banner-two .knsl-overlay {
left: auto;
right: 0;
width: 50%;
height: 100%;
}
.knsl-banner.knsl-banner-two.knsl-cover-frame-full .knsl-cover-frame,
.knsl-banner.knsl-banner-two.knsl-cover-frame-full .knsl-overlay {
width: 100%;
}
.knsl-banner.knsl-banner-two.knsl-cover-frame-full .knsl-overlay {
opacity: 1;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.33) 55.21%, rgba(235, 235, 235, 0.00) 100%);
}
.knsl-two-cover-titles {
max-width: 50%;
padding-right: 20px;
}
.knsl-cover-frame-full .knsl-two-cover-titles {
max-width: 100%;
padding-right: 0;
}
.knsl-two-cover-subtitle {
font-size: 18px;
text-transform: uppercase;
}
.knsl-two-cover-title {
line-height: normal;
letter-spacing: -2px;
}
.knsl-banner.knsl-banner-two .knsl-banner-content .container,
.knsl-app.knsl-app-minimal .knsl-banner.knsl-banner-two .knsl-banner-content .container {
position: static;
}
@media (min-width: 992px) {
.knsl-two-cover-title {
font-size: 100px;
}
}
@media (max-width: 991px) {
.knsl-banner.knsl-banner-two .knsl-cover-frame,
.knsl-banner.knsl-banner-two .knsl-overlay {
width: 100%;
height: 100%;
}
.knsl-banner.knsl-banner-two .knsl-two-cover-titles {
max-width: 100%;
}
.knsl-two-cover-title {
color: #fff;
}
}
/*search two*/
.knsl-two-book-form {
background: #FAFAFA;
padding: 30px 60px;
position: relative;
width: 100%;
border-radius: 12px;
-webkit-border-radius: 12px;
}
.knsl-two-book-form.knsl-two-book-form-vertical {
padding: 40px 30px;
}
.knsl-two-book-form form {
display: flex;
}
.knsl-two-book-form form {
justify-content: center;
}
.knsl-two-book-form.knsl-two-book-form-vertical form {
row-gap: 20px;
flex-direction: column;
}
.knsl-two-book-form .mphb-required-fields-tip {
display: none;
}
.knsl-two-book-form .mphb_sc_search-check-in-date,
.knsl-two-book-form .mphb_sc_search-check-out-date,
.knsl-two-book-form .mphb_sc_search-adults,
.knsl-two-book-form .mphb_sc_search-children {
-webkit-border-radius: 12px;
border-radius: 12px;
border: 2px solid rgba(137, 141, 150, 0.20);
background: #fff;
height: 80px;
margin: 0;
padding: 13px 24px;
}
.knsl-two-book-form .mphb_sc_search-check-in-date {
width: 23%;
border-right: none;
border-radius: 12px 0 0 12px;
-webkit-border-radius: 12px 0 0 12px;
padding-right: 0;
}
.knsl-two-book-form.knsl-two-book-form-vertical .mphb_sc_search-check-in-date {
width: 100%;
border: 2px solid rgba(137, 141, 150, 0.20);
border-radius: 12px;
-webkit-border-radius: 12px;
padding-right: 24px;
}
.knsl-two-book-form .mphb_sc_search-check-out-date {
width: 23%;
border-left: none;
border-radius: 0 12px 12px 0;
-webkit-border-radius: 0 12px 12px 0;
padding-left: 0;
}
.knsl-two-book-form.knsl-two-book-form-vertical .mphb_sc_search-check-out-date {
width: 100%;
border: 2px solid rgba(137, 141, 150, 0.20);
border-radius: 12px;
-webkit-border-radius: 12px;
padding-left: 24px;
}
.knsl-two-book-form .mphb_sc_search-adults {
margin: 0 0 0 1%;
width: 13%;
}
.knsl-two-book-form.knsl-two-book-form-vertical .mphb_sc_search-adults {
margin: 0;
width: 100%;
}
.knsl-two-book-form .mphb_sc_search-children {
margin: 0 0 0 1%;
width: 13%;
}
.knsl-two-book-form.knsl-two-book-form-vertical .mphb_sc_search-children {
margin: 0;
width: 100%;
}
.knsl-two-book-form .mphb_sc_search-submit-button-wrapper {
margin: 0 0 0 1%;
width: 25%;
}
.knsl-two-book-form.knsl-two-book-form-vertical .mphb_sc_search-submit-button-wrapper {
margin: 0;
width: 100%;
}
.knsl-two-book-form label,
.knsl-two-book-form label {
margin: 0;
font-size: 14px;
line-height: 18px;
display: block;
}
.knsl-two-book-form br,
.knsl-two-book-form br {
display: none;
}
.knsl-two-book-form .mphb_sc_search-check-in-date input,
.knsl-two-book-form .mphb_sc_search-check-out-date input,
.knsl-app.knsl-app-minimal .knsl-two-book-form .mphb_sc_search-check-in-date input,
.knsl-app.knsl-app-minimal .knsl-two-book-form .mphb_sc_search-check-out-date input,
.knsl-two-book-form .select2-selection.select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-two-book-form .select2-selection.select2-selection--single {
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 600;
color: #3C3B40;
letter-spacing: -0.3px;
height: 40px;
}
.knsl-two-book-form .mphb_sc_search-check-in-date input::placeholder,
.knsl-two-book-form .mphb_sc_search-check-out-date input::placeholder {
color: #3C3B40;
}
.knsl-two-book-form .select2-selection.select2-selection--single .select2-selection__rendered,
.knsl-app.knsl-app-minimal .knsl-two-book-form .select2-selection.select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.knsl-two-book-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.knsl-app.knsl-app-minimal .knsl-two-book-form .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}
.knsl-two-book-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.knsl-app.knsl-app-minimal .knsl-two-book-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.knsl-two-book-form .mphb_sc_search-submit-button-wrapper .knsl-btn {
height: 80px;
width: 100%;
font-size: 24px;
letter-spacing: -0.3px;
}
@media (max-width: 991px) {
.knsl-two-book-form {
padding: 30px;
}
.knsl-two-book-form form {
flex-wrap: wrap;
}
.knsl-two-book-form .mphb_sc_search-check-in-date,
.knsl-two-book-form .mphb_sc_search-check-out-date {
margin: 0 0 10px 0;
width: 50%;
}
.knsl-two-book-form .mphb_sc_search-adults {
margin: 0;
width: 49%;
}
.knsl-two-book-form .mphb_sc_search-children {
margin: 0 0 0 2%;
width: 49%;
}
.knsl-two-book-form .mphb_sc_search-submit-button-wrapper {
margin: 10px 0 0 0;
width: 100%;
}
.knsl-two-book-form .mphb_sc_search-check-in-date input,
.knsl-two-book-form .mphb_sc_search-check-out-date input,
.knsl-app.knsl-app-minimal .knsl-two-book-form .mphb_sc_search-check-in-date input,
.knsl-app.knsl-app-minimal .knsl-two-book-form .mphb_sc_search-check-out-date input,
.knsl-two-book-form .select2-selection.select2-selection--single,
.knsl-app.knsl-app-minimal .knsl-two-book-form .select2-selection.select2-selection--single {
font-size: 16px;
}
.knsl-two-book-form .mphb_sc_search-submit-button-wrapper .knsl-btn {
font-size: 18px;
}
}
/*footer two*/
.knsl-footer-s-group {
margin-bottom: 5px;
position: relative;
font-size: 14px;
}
.knsl-footer-s-group input[type="email"],
.knsl-footer-s-group input[type="text"],
.knsl-footer-s-group input[type="address"],
.knsl-footer-s-group input[type="password"],
.knsl-footer-s-group input[type="tel"],
.knsl-app.knsl-app-minimal .knsl-footer-s-group input[type="email"],
.knsl-app.knsl-app-minimal .knsl-footer-s-group input[type="text"],
.knsl-app.knsl-app-minimal .knsl-footer-s-group input[type="address"],
.knsl-app.knsl-app-minimal .knsl-footer-s-group input[type="password"],
.knsl-app.knsl-app-minimal .knsl-footer-s-group input[type="tel"] {
font-size: 14px;
box-shadow: none!important;
background: transparent!important;
height: 48px;
border: 1px solid rgba(137, 141, 150, 0.2);
border-radius: 12px;
-webkit-border-radius: 12px;
}
.knsl-footer-s-group input[type="submit"] {
padding: 0 20px;
position: absolute;
top: 0;
right: 0;
width: auto;
height: 48px;
font-size: 14px;
border-radius: 12px;
-webkit-border-radius: 12px;
}
/*heading two*/
.knsl-subtitle-two {
color: #D96704;
font-size: 16px;
text-transform: uppercase;
}
/*services two*/
.col-lg-3 .knsl-ath-card .knsl-cover-frame {
padding-bottom: 160%;
}
.knsl-services-overlay .knsl-ath-card .knsl-card-description {
left: 0;
right: 0;
bottom: 0;
width: 100%;
padding: 20px 30px;
max-height: 120px;
pointer-events: none;
}
.knsl-services-overlay .knsl-ath-card .knsl-cover-frame a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(33, 33, 33, 0.9) 20%, rgba(33, 33, 33, 0.6) 50%);
opacity: 0.5;
transition: all 0.4s ease 0s;
}
.knsl-services-overlay .knsl-ath-card:hover .knsl-cover-frame a:after {
opacity: 0.9;
}
.knsl-services-overlay .knsl-ath-card:hover .knsl-card-description {
max-height: 300px;
}
/*rooms carousel two*/
.knsl-rooms-two-slider {
position: relative;
width: 1070px;
}
.knsl-rooms-two-slider .swiper-container {
overflow: visible;
}
.knsl-rooms-two-slider .knsl-uni-slider-nav-panel {
margin: 60px 0 0 -25px;
}
.knsl-rooms-two.knsl-rooms-two-slider .mphb-room-type {
margin: 0 !important;
}
@media (max-width: 767px) {
.knsl-rooms-two-slider {
width: 100%;
}
}
/*rooms two*/
.knsl-rooms-two .mphb-room-type {
margin: 0 0 40px 0 !important;
padding: 0;
box-shadow: none !important;
background: none !important;
border-radius: 0;
-webkit-border-radius: 0;
}
.knsl-rooms-two .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two .mphb-room-type .mphb-room-type-images {
margin: 0 0 30px 0 !important;
border-radius: 0;
-webkit-border-radius: 0;
padding-bottom: 75%;
order: 1;
}
.knsl-rooms-two .mphb-room-type .mphb-room-type-images .mphb-flexslider ul.slides a {
padding-bottom: 75%;
}
.knsl-rooms-two .knsl-app.knsl-app-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two .knsl-app.knsl-app-minimal .mphb-room-type .mphb-room-type-images {
margin: 0;
width: 100%;
}
.knsl-rooms-two .mphb-room-type .mphb-regular-price {
order: 2;
display: inline-block;
width: auto;
margin-bottom: 20px;
padding: 1px 15px;
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid rgba(196, 196, 196, 0.15);
}
.knsl-rooms-two .mphb-room-type .mphb-regular-price .mphb-price {
font-size: 18px;
}
.knsl-rooms-two .mphb-room-type .mphb-regular-price .mphb-price-period {
font-size: 16px;
}
.knsl-rooms-two .mphb-room-type .mphb-room-type-title.entry-title {
font-size: 24px;
order: 3;
}
.knsl-rooms-two .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-rooms-two .mphb-single-room-type-attributes {
border-radius: 0;
-webkit-border-radius: 0;
order: 4;
margin: 0 0 30px 0 !important;
padding: 0 !important;
background: none !important;
}
.knsl-rooms-two .mphb-room-type .mphb-loop-room-type-attributes li,
.knsl-rooms-two .mphb-single-room-type-attributes li {
font-size: 14px;
margin-right: 20px;
padding-left: 30px;
min-height: 20px;
}
.knsl-rooms-two .mphb-room-type .mphb-loop-room-type-attributes li:before,
.knsl-rooms-two .mphb-single-room-type-attributes li:before {
top: 2px;
left: 0;
width: 20px;
height: 20px;
opacity: 0.4;
}
.knsl-rooms-two .mphb-room-type .mphb-to-book-btn-wrapper,
.knsl-rooms-two .mphb-room-type .mphb-view-details-button-wrapper {
width: 100%;
text-align: left;
}
.knsl-rooms-two.knsl-masonry-grid {
margin: 0 -20px;
}
.knsl-rooms-two .knsl-masonry-grid-item {
padding: 0 20px;
}
.knsl-rooms-two .mphb_sc_search_results-wrapper .mphb-room-type .mphb-reserve-room-section {
margin-top: 0;
}
.knsl-rooms-two .mphb_sc_search_results-wrapper .mphb-room-type .mphb-loop-room-thumbnail {
padding-bottom: 70%;
}
.knsl-rooms-two .knsl-masonry-grid-item:last-child .mphb-room-type {
margin-bottom: 0!important;
}
/*rooms inline two*/
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-room-type-title.entry-title {
padding-top: 40px;
}
.knsl-rooms-two.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-rooms-two.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-single-room-type-attributes {
padding-left: 0 !important;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-to-book-btn-wrapper,
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-view-details-button-wrapper {
width: 50%;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-rooms-two.mphb-room-type-inline .mphb-single-room-type-attributes {
min-width: 50%;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-regular-price {
margin-left: 30px;
margin-bottom: 0;
}
.knsl-rooms-two.mphb-room-type-inline .knsl-masonry-grid-item:nth-child(odd) .mphb-room-type .mphb-regular-price {
margin-left: 0;
padding-left: 15px;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-rooms-two.mphb-room-type-inline .mphb-single-room-type-attributes {
padding-left: 30px !important;
}
@media (min-width: 992px) {
.mphb-room-type-inline .mphb-room-type .mphb-loop-room-thumbnail,
.mphb-room-type-inline .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .mphb-room-type-inline .mphb-room-type .mphb-room-type-images {
padding-bottom: 35%;
}
}
@media (max-width: 991px) {
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-loop-room-type-attributes,
.knsl-rooms-two.mphb-room-type-inline .mphb-single-room-type-attributes {
padding-left: 0 !important;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-regular-price {
margin-left: 0;
margin-bottom: 20px;
}
.knsl-rooms-two.mphb-room-type-inline .mphb-room-type .mphb-room-type-title.entry-title {
padding-top: 0;
}
}
/*rooms two search*/
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type {
padding: 0 0 0 370px;
min-height: 406px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images {
padding-bottom: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images {
width: 340px;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images .flexslider,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images .mphb-flexslider .flex-viewport,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images .mphb-flexslider .flex-viewport * {
/*padding: 0;*/
height: 100%;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-reservation-cart {
border-radius: 12px;
-webkit-border-radius: 12px;
}
@media (max-width: 991px) {
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type {
padding: 0;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images {
padding-bottom: 70%;
position: relative;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images {
width: 100%;
}
.knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-rooms-two.knsl-rooms-two-inline .mphb-room-type .mphb-room-type-images {
padding-bottom: 0;
}
}
/*video two*/
.kinsley-video {
position: relative;
height: 570px;
background-color: #555;
}
.kinsley-video .image,
.kinsley-video video,
.kinsley-video iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
height: 100%;
}
.kinsley-video .image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: 2;
cursor: pointer;
}
.kinsley-video .play {
margin: -60px 0 0 -60px;
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 120px;
height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
z-index: 3;
}
.kinsley-video .play::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
}
.kinsley-video .play::after {
content: '';
position: absolute;
left: -25px;
top: -25px;
right: -25px;
bottom: -25px;
border: 1px solid rgba(255,255,255,0.4);
border-radius: 100%;
-webkit-border-radius: 100%;
}
.kinsley-video .play .arrow {
left: 15px;
position: relative;
border: 20px solid transparent;
border-left: 35px solid #D96704;
}
.kinsley-video.active .image {
display: none;
}
.kinsley-video.active .play {
display: none;
}
@media (max-width: 767px) {
.kinsley-video {
height: 370px;
}
.kinsley-video .play {
transform: scale(0.5);
}
}
/*testimonials two*/
.knsl-testimonial-two-card {
position: relative;
padding: 60px 0 0 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s ease 0s;
transform: scale(0.85) translateY(10px);
}
.swiper-slide-active .knsl-testimonial-two-card {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: scale(1) translateY(0px);
}
.knsl-testimonial-two-card:before {
content: '\f10e';
position: absolute;
left: 0;
top: 0;
width: 100%;
font-family: 'Font Awesome 5 Free';
font-size: 30px;
line-height: 1;
color: #D96704;
font-weight: 900;
}
.knsl-testimonial-two-card .knsl-tt-title {
font-size: 43px;
}
.knsl-testimonial-two-card .knsl-tt-text {
font-size: 30px;
}
.knsl-testimonial-two-card .knsl-tt-avatar {
margin-left: auto;
margin-right: auto;
max-width: 70px;
line-height: 0;
}
.knsl-testimonial-two-card .knsl-tt-avatar img {
border-radius: 100%;
-webkit-border-radius: 100%;
}
.knsl-testimonial-two-card .knsl-tt-subtitle {
font-size: 24px;
}
.knsl-testimonial-two-card .knsl-tt-role {
font-size: 14px;
opacity: 0.8;
}
.knsl-testimonial-two-card ul.knsl-stars {
display: flex;
justify-content: center;
font-size: 14px;
letter-spacing: 2px;
}
.knsl-testimonial-two-card ul.knsl-stars {
margin: 0;
padding: 0;
font-size: 14px;
color: #D96704;
}
.knsl-testimonial-two-card ul.knsl-stars li {
margin-right: 2px;
display: inline-block;
vertical-align: top;
}
/*navigation two*/
.knsl-two-slider-nav {
margin: 0 -7px;
position: relative;
}
.knsl-two-slider-prev,
.knsl-two-slider-next {
margin: 0 7px;
position: relative;
display: inline-block;
vertical-align: top;
width: 48px;
height: 48px;
border-radius: 48px;
border: 1px solid rgba(196, 196, 197, 0.15);
transition: all 0.3s ease 0s;
cursor: pointer;
}
.knsl-two-slider-prev:hover,
.knsl-two-slider-next:hover {
background: #D96704;
border-color: #D96704;
}
.knsl-two-slider-prev:after,
.knsl-two-slider-next:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(assets/img/arrow-left.svg) no-repeat center center;
background-size: 16px 16px;
}
.knsl-two-slider-next:after {
transform: scaleX(-1);
}
.knsl-two-slider-prev:hover:after,
.knsl-two-slider-next:hover:after {
filter: brightness(0) invert(1);
}
/*blog two*/
.attr-desc-false .knsl-text-light {
font-size: 0;
}
.knsl-icon-frame-hide .knsl-icon-frame {
display: none !important;
}
.knsl-icon-frame-hide .knsl-blog-card {
overflow: visible;
}
.knsl-icon-frame-hide .knsl-blog-card .knsl-description-frame {
padding-left: 0;
padding-right: 0;
}
.knsl-icon-frame-hide .knsl-blog-card .knsl-description-frame .knsl-room-features {
padding: 0;
line-height: 1;
}
/*faq two*/
.knsl-faq.knsl-faq-two .card {
margin-bottom: 20px;
}
.knsl-faq.knsl-faq-two .card .card-header .knsl-faq-title {
padding-left: 0;
position: relative;
}
.knsl-faq.knsl-faq-two .card .card-header .knsl-faq-title .badge {
margin-right: 0;
font-size: 0;
background: transparent!important;
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
transition: 0.2s ease 0s;
}
.knsl-faq.knsl-faq-two .card .card-header .knsl-faq-title .badge:before {
content: '';
content: '\f078';
font-size: 14px;
color: #3C3B40;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.knsl-faq.knsl-faq-two .card .card-header .knsl-faq-title[aria-expanded="true"] .badge {
transform: rotate(180deg);
}
.knsl-faq.knsl-faq-two .card .knsl-card-body {
padding: 30px 0;
}
.knsl-faq.knsl-faq-two .card .knsl-card-body,
.knsl-faq.knsl-faq-two .card {
border-color: rgba(137, 141, 150, 0.1);
}
/*radio and checkboxes two*/
.knsl-two-label {
color: #3C3B40;
}
.knsl-two-label strong {
color: #F15F68;
}
.knsl-two-radio {
position: relative;
}
.knsl-two-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.knsl-two-radio .wpcf7-list-item {
position: relative;
margin: 0 26px 0 0;
font-size: 14px;
line-height: 24px;
color: #898D96;
}
.knsl-two-radio input ~ span:before {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 16px;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #fff;
border: 2px solid #C4C4C5;
border-radius: 12px;
box-sizing: border-box;
}
.knsl-two-radio input ~ span:after {
content: "";
position: absolute;
opacity: 0;
top: 6px;
left: 6px;
width: 12px;
height: 12px;
border-radius: 3px;
background: #D96704;
}
.knsl-two-radio input:checked ~ span:after {
opacity: 1;
}
.knsl-two-checkbox {
position: relative;
}
.knsl-two-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.knsl-two-checkbox .wpcf7-list-item {
position: relative;
margin: 0 26px 0 0;
font-size: 14px;
line-height: 24px;
color: #898D96;
}
.knsl-two-checkbox input ~ span:before {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 16px;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #fff;
border: 2px solid #C4C4C5;
border-radius: 12px;
box-sizing: border-box;
}
.knsl-two-checkbox input ~ span:after {
position: absolute;
left: 10px;
top: 6px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.knsl-two-checkbox input:checked ~ span:before {
border-color: #D96704;
background: #D96704;
}
.knsl-two-checkbox input:checked ~ span:after {
opacity: 1;
}
/*blog single two*/
.knsl-two-blog-single .knsl-room-features-lg {
display: flex !important;
align-items: center;
justify-content: center;
}
.knsl-two-blog-single .knsl-room-features-lg .knsl-feature .knsl-icon-frame {
padding: 0;
width: auto;
max-width: 30px;
margin-right: 10px;
}
.knsl-two-blog-single .knsl-two-featured-img {
margin: 0 auto;
margin-bottom: 120px;
max-width: 1600px;
}
.knsl-two-blog-single img.knsl-default-img {
max-height: 700px;
border: none;
}
.knsl-two-blog-single .knsl-blog-post {
background-color: transparent !important;
padding: 0 !important;
box-shadow: none !important;
}
.knsl-two-blog-single .knsl-blog-post blockquote {
padding: 0;
font-size: 24px;
text-align: left;
}
.knsl-two-blog-single .knsl-blog-post blockquote cite {
margin-top: -10px;
display: block;
font-size: 18px;
color: #3C3B40;
}
.knsl-two-blog-single .knsl-blog-post blockquote:before,
.knsl-two-blog-single .knsl-blog-post blockquote:after {
display: none;
}
.knsl-two-blog-single .post-text-bottom {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 40px;
border-top: 1px solid rgba(196, 196, 197, 0.15);
}
.knsl-two-blog-single .post-text-bottom .social-share a {
font-size: 18px;
}
.knsl-two-blog-single .knsl-navigation {
height: auto;
box-shadow: none;
padding: 0;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 60px;
margin-bottom: 60px;
border-top: 1px solid rgba(196, 196, 197, 0.15);
border-bottom: 1px solid rgba(196, 196, 197, 0.15);
}
.knsl-two-blog-single .knsl-navigation a.knsl-left-link:after,
.knsl-two-blog-single .knsl-navigation a.knsl-right-link:after {
top: 6px;
}
@media (max-width: 767px) {
.knsl-two-blog-single .knsl-two-featured-img {
margin-bottom: 60px;
}
}
/*attributes two*/
.knsl-room-features-lg.knsl-room-features-two,
.knsl-app.knsl-app-minimal .knsl-room-features-lg.knsl-room-features-two {
display: inline-block;
vertical-align: top;
width: auto;
border-radius: 12px;
-webkit-border-radius: 12px;
}
/*price two*/
.knsl-price-card.knsl-price-card-two,
.knsl-app.knsl-app-minimal .knsl-price-card.knsl-price-card-two {
padding: 0;
}
/*amenities two*/
.elementor-widget-kinsley-room-amenity .knsl-icon-box.knsl-icon-box-two,
.elementor-widget-kinsley-room-amenity .knsl-icon-box.knsl-icon-box-two.knsl-icon-box-sm {
padding: 30px;
border-radius: 12px;
-webkit-border-radius: 12px;
}
.elementor-widget-kinsley-room-amenity .knsl-icon-box a,
.elementor-widget-kinsley-room-amenity .knsl-icon-box.knsl-icon-box-sm a {
width: 100%;
}
/*rooms carousel three*/
.knsl-rooms-three-slider {
position: relative;
width: 1070px;
}
.knsl-rooms-three-slider .swiper-container {
overflow: visible;
}
@media (min-width: 768px) {
.knsl-rooms-three-slider .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-three-slider .mphb-room-type .mphb-room-type-images,
.knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-room-type-images {
padding-bottom: 85%;
}
}
@media (min-width: 1080px) {
.knsl-rooms-three-slider .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-three-slider .mphb-room-type .mphb-room-type-images,
.knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-room-type-images,
.knsl-app.knsl-app-minimal .knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-loop-room-thumbnail,
.knsl-app.knsl-app-minimal .knsl-rooms-three-slider .mphb-room-type-minimal .mphb-room-type .mphb-room-type-images {
padding-bottom: 55%;
}
}
@media (max-width: 1080px) {
.knsl-rooms-three-slider {
width: 100%;
}
}
/*insta gallery*/
.insta-gallery {
position: relative;
display: flex;
}
.insta-gallery a {
position: relative;
display: block;
width: 100%;
}
.insta-gallery img {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 767px) {
.insta-gallery {
position: relative;
display: flex;
flex-direction: column;
}
}
/*fix list in room*/
.elementor-widget-kinsley-room-description ul {
margin: 30px 15px;
}
.elementor-widget-kinsley-room-description ul li {
margin: 10px 0;
list-style: disc;
}
/*fix menu mobile*/
@media (max-width: 992px) {
.knsl-top-bar .container .knsl-right-side.knsl-active, .hf-type-header .container .knsl-right-side.knsl-active, .elementor-widget-kinsley-header-menu.knsl-active {
max-width: 100vw!important;
}
.knsl-about-card .knsl-about-text {
max-width: 100%;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.knsl-app.knsl-app-minimal .knsl-about-card .knsl-about-text .knsl-text {
max-width: 100%;
}
}
/*knsl search btn fix*/
.knsl-app.knsl-app-minimal .knsl-book-form.knsl-book-form-2 .mphb_sc_search-form > p.mphb_sc_search-submit-button-wrapper button {
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
}