@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@400;500&family=Fira+Sans:ital,wght@0,300;0,400;1,400&family=Quicksand:wght@500&display=swap');
:root {
    --blue_1: #0F172B;
    --blue_2: #16467E;
    --blue_3: #3395CA;
    --grey_1: #585858;
    --clean-1: #FEFEFE;
    --theme-1: #982f81;
}

/*
STRUCTURE*/
body {font-family: "Fira Sans"; font-size: 14px; line-height: 24px; color: var(--grey_1); }
header {font-family: Quicksand; font-size: 15px; line-height: 19px;background: var(--clean-1); color: var(--blue_1);}
footer { background: #333333; color: #8E8E8E; padding-top: 60px;}

footer .copyright { background: #707070; color: #333333; }
footer .main-link, footer .main-link a{font-size: 16px; line-height: 27px; color: white; text-decoration: none;}
footer .main-link a{ display: inline-block;}
footer .links, footer .links a { font-size: 14px; color: #8E8E8E; text-decoration: none; display: block;}
footer .whats a{ color: #D5D5D5; text-decoration: none; line-height: 18px;}
footer .whats a span{ display: block;}
footer a:hover { color: var(--theme-1); }
footer .form-newsletter{ color: #8E8E8E; font-size: 12px; position: relative;}
footer .form-newsletter input{ background: transparent; border: solid 1px #333333; border-bottom: solid 1px #616E77; width: 100%;}
footer .form-newsletter input:focus-visible{ box-shadow: none; outline: none; border: solid 1px #616E77!important; }
footer .form-newsletter button{position: absolute;margin-top: 4px;right: 0px;width: 25px;mask: url(../img/ico-send.svg) no-repeat;-webkit-mask: url(../img/ico-send.svg) no-repeat;background: #8E8E8E;}
footer .form-newsletter input,
footer .form-newsletter input::placeholder{ color: #8E8E8E; font-size: 12px; font-family: "Fira Sans";}
footer .socials a{ color: #333333; display: inline-block; text-indent: 100px; }
footer .socials a.instagram{mask: url(../img/ico-instagram.svg) no-repeat;-webkit-mask: url(../img/ico-instagram.svg) no-repeat;background: #8E8E8E;width: 18px; height: 18px;}
footer .socials a.tripadvidor{mask: url(../img/ico-tripadvisor.svg) no-repeat;-webkit-mask: url(../img/ico-tripadvisor.svg) no-repeat;background: #8E8E8E;width: 32px; height: 19px;}
footer .socials a.facebook{mask: url(../img/ico-facebook.svg) no-repeat;-webkit-mask: url(../img/ico-facebook.svg) no-repeat;background: #8E8E8E;width: 8px; height: 18px;margin: 0 10px;}
footer .socials a:hover{background: var(--theme-1);}
footer .copyright a{ color: #333333;}

/*
Main Menu*/
nav.navbar { padding: 0;}
nav.navbar .navbar-brand{ padding: 5px 0;}
nav.navbar .nav-item { padding: 0 15px; }
nav.navbar .nav-item a { color: var(--blue_1); text-decoration: none; text-transform: uppercase; display: inline-flex; align-items: center; position: relative;}
nav.navbar .nav-item a:hover { color: var(--theme-1); }
nav.navbar .nav-item.language{ font-size: 12px; font-weight: 600; }
nav.navbar .nav-item .nav-link.active:before { background: var(--theme-1);position: absolute;content: '';margin-left: -12px;width: 24px;height: 2px;left: 50%;top: 90%;}
nav.navbar .dropdown-menu {background: white;border: none;border-radius: 0px;font-size: 13px;}
nav.navbar .dropdown-menu.language{ font-size: 12px; font-weight: 600; min-width: auto!important; background: transparent;right: 23px;padding: 0;}
nav.navbar .dropdown-menu.language .dropdown-item{  justify-content: flex-end;padding: 5px 0px;}
nav.navbar .dropdown-menu.language .dropdown-item:hover{ background: transparent;}
.dropdown-toggle::after {border: none!important;background: url(../img/ico-down.svg) no-repeat;background-size: 100%;width: 10px; height: 6px;}
.navbar-toggler {position: absolute;right: 20px;top: 30px;width: 35px;padding: 0;height: 35px;}
.navbar-toggler .navbar-icon{ height: 3px;width: 100%; background: #262525; border-radius: 0px; display: block;margin-bottom: 6px;}

/*
Book Motor*/
.slider{ display: flex; align-items: center;}
.book-motor-area {width: 434px;position: absolute; z-index: 5;right: 8.33333333%;background: rgba(255,255,255,0.8); border-radius: 10px;padding: 30px;box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.1);}
.book-motor-area .title {font-family: Quicksand;font-size: 24px;line-height: 28px;color: #2C2B28;margin-bottom: 15px;}
.book-motor-area .book-motor label {padding-left:15px; font-family: Quicksand;text-transform: uppercase;font-size: 10px;line-height: 13px;color: #585858;}
.book-motor-area .icon-calendar{position: absolute;width: 19px; height: 20px;margin-top: 20px; right:55px; background: url(../img/ico-calendar.svg) no-repeat;}

.book-motor-area .book-form-group {margin-bottom: 15px;}
.book-motor-area  input:focus-visible{ border-radius: 15px; border: none; box-shadow: none; outline: none;}
.book-motor-area  input,
.book-motor-area  #labelCheckin,
.book-motor-area  #labelCheckout{ cursor: pointer; background: rgba(255,255,255,0.8); border-radius: 15px; border: none; padding: 14px; width: 100%; font-family: "Fira Sans"; font-weight: 300; font-size: 22px; line-height: 27px; color: var(--grey_1); }
.book-motor-area .guest-input {position: relative;}
.book-motor-area .guest-input input { text-align: center;}
.book-motor-area .guest-button { position: absolute; height: 50px; width: 50px; border: none; background: transparent;}
.book-motor-area .guest-button.plus { right: 0; }
.book-motor-area .book-submit{ background: var(--theme-1); color: white; font-family: Quicksand; font-size: 18px; text-transform:none; }
.book-motor-area .book-submit:hover{ background: var(--blue_1); }
#fieldCheckin,#fieldCheckout{ width: 0px;height: 50px; position: absolute; padding: 0; background: none;}

.datepicker thead { color: var(--blue_1);}
.datepicker .datepicker-switch {color: #070707;}
.datepicker td{ height: 32px !important;width: 32px !important;padding: 0px !important;margin: 0px !important;}
.datepicker td.active{background: var(--blue_1)!important; color:white; border-radius: 50%;}
.datepicker-inline{width: auto !important;}

/*
Home*/
.slider .carousel {width: 100%;}
.slide .carousel-caption{width: 45%;left: 50%; bottom: 100px;text-align: left;}
.slide .carousel-caption .title { font-family: "Cormorant Infant"; font-size: 62px; line-height: 65px; color: #FCFCFC; text-transform: uppercase;}
.slide .carousel-caption .subtitle { padding-right: 50px; font-weight: 300; font-size: 17px; line-height: 26px; color: #FCFCFC; opacity: 0.75;}
.slide .carousel-caption .arrow { text-align: end; margin-top: 50px;}

.services .caption .title { font-family: Quicksand; font-size: 30px; line-height: 28px; color: var(--grey_1); text-align: center; text-transform: uppercase;}
.services .caption .hotel { font-family: Quicksand; font-size: 16px; line-height: 28px; color: var(--grey_1); text-align: center; text-transform: uppercase; margin-bottom: 15px; }
.services .caption .description { line-height: 22px;}
.services .caption.ba {background: #FCFCFC;border-top: 15px solid #EEEEEE;padding: 16px;}
.services .caption.bb {background: #F6F6F6;border-top: 15px solid #EAEAEA;padding: 16px;}

.promotions { background: #F3F3F3; padding: 80px 0;}
.promotions .caption { padding: 15px;}
.promotions figure {border-radius: 5px; overflow: hidden;}
.promotions .caption .title { font-family: Quicksand; font-size: 24px; line-height: 28px; color: #2C2B28; margin: 15px 0; }
.promotions .caption .description { line-height: 24px;}
.promotions .caption .link a { font-family: Quicksand; font-size: 16px; line-height: 15px; font-weight: bold; color: var(--theme-1); text-decoration: none;}

.rooms { padding: 80px 0;}
.rooms .caption { padding: 15px 0;}
.rooms figure {border-radius: 5px; overflow: hidden;}
.rooms .caption .title { font-family: Quicksand; font-size: 22px; line-height: 28px; color: #2C2B28; }
.rooms .caption .description { line-height: 22px;}
.rooms .caption .link a { font-family: Quicksand; font-size: 16px; line-height: 15px; font-weight: bold; color: var(--theme-1); text-decoration: none;}

.owl-dots{ text-align: center;}
.owl-dot{ width: 15px; height: 15px; background: #dbdbdb !important; border-radius: 50%; margin: 0 3px;}
.owl-dot.active{ background: var(--grey_1)!important; }

.events { background: url(../img/bg-events.jpg) no-repeat; background-size: cover;background-position: center; color: white; height: 430px;display: flex; align-items: center;}
.events .button a{ padding: 15px 40px!important; color: white !important; border-color: var(--theme-1) !important; min-width: auto; }
.events .button a:hover{background: var(--theme-1);}

.reviews {background: #F3F3F3; padding: 65px 0 30px 0; color: #2C2B28;}
.reviews .title  {font-family: "Cormorant Infant"; text-transform: uppercase; font-size: 44px; line-height: 62px;color: #2C2B28;margin-bottom: 50px;}
.reviews .score .green{ display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: #92CB72;}
.reviews .score .grey{ display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: #c4c4c4;}
.reviews .comment { font-size: 22px; line-height: 35px; font-style: italic; padding: 30px 0 45px 0; }
.reviews .tripadvidor a{ color: #70B749; text-decoration: none;}
.reviews .reviews-controls {position: absolute;width: 57.333333%;margin-top: 220px;}
.reviews .carousel-prev{ position: absolute; left: -100px;}
.reviews .carousel-next{ position: absolute; right: -100px;}

.petfriendly { padding-bottom: 40px; background: url(../img/bg-petfriendly.png) #F3F3F3 no-repeat; background-position: center bottom; background-size: cover; color: white; height: 390px;display: flex; align-items: end;}
.petfriendly .button a{ padding: 15px 40px!important; color: white !important; border-color: white !important; min-width: auto; }
.petfriendly .button a:hover{background: rgba(255,255,255,0.2)}
.petfriendly .title{ font-family: Quicksand; font-size: 41px; }
.petfriendly .description{ font-size: 18px; line-height: 30px; font-weight: 300; }

.blog{ padding: 60px 0;}
.blog figure {border-radius: 5px; overflow: hidden;}
.blog .blog-soul .title  {font-family: "Cormorant Infant"; text-transform: uppercase; font-size: 40px; line-height: 62px;color: #2C2B28;}
.blog .blog-soul .description  {font-size: 14px; font-weight: 300; line-height: 26px;color: #585858;}
.blog .caption{ padding: 0px 15px;}
.blog .caption .title { font-family: Quicksand; font-size: 22px; line-height: 28px; text-transform: none; color: #2C2B28; margin: 15px 0; }
.blog .caption .description { line-height: 24px;}
.blog .caption .link a { font-family: Quicksand; font-size: 14px; line-height: 15px; font-weight: bold; color: var(--theme-1); text-decoration: none;}
.blog .button a{ padding: 15px 30px;}

.saleoff { background: url(../img/bg-footer.jpg) no-repeat; background-size: cover; height: 1034px; }
.saleoff .title  {font-family: "Cormorant Infant"; text-transform: uppercase; font-size: 43px; line-height: 52px;color: #2C2B28;}
.saleoff .description  {font-size: 14px; line-height: 26px;color: #585858;}

.location { height: 475px; margin-top: -15px; display: flex; align-items: end; }
.location .title{ font-family: Quicksand; font-size: 24px; line-height: 30px; color: #2C2B28; margin-bottom: 30px;}
.location .contact { font-family: "Fira Sans"; font-weight: 300; width: 434px; height: 475px; position: absolute; z-index: 5;left: 8.33333333%;background: rgba(255,255,255,0.95); border-radius: 10px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; padding: 30px;box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.1);}
.location .contact a{ color: #585858; text-decoration: none; display: inline-block;}
.location #map_canvas{ height: 460px; width: 100%;margin-top: 15px;}
.location .book-submit{ margin-top: 80px; background: var(--theme-1); color: white; font-family: Quicksand; font-size: 18px; text-transform:none; border-radius: 12px; padding: 9px 30px;}
.location .book-submit:hover{ background: var(--blue_1); }

/*INTERNAL PAGES*/
.breadcrumbs{ height:350px; background-size: cover; display: flex; align-items: end;}
.breadcrumbs .breadcrumb{ font-size:50px; line-height: 45px; font-weight: 500; font-family: "Cormorant Infant"; color: white; }
.service-icon{width: 60px; height: 60px;border: 2px var(--theme-1) solid;display: inline-flex; align-items: center; justify-content: center;}
.service-name{ font-size: 12px;}

.page-room .facilities{ display: flex; flex-wrap: wrap; padding: 5px; margin-top: 25px;}
.page-room .facility-icon{background: white; flex: 0 0 auto; width: 95px; height: 95px; padding: 10px;margin: 5px;display: inline-flex; justify-content: center;align-items: center;}
.page-room .book-motor-area{border-radius: 0px;position: relative;box-shadow: none;width: 100%;height: auto;color: white;padding: 0px;}
.page-room .book-motor-area input,
.page-room .book-motor-area #labelCheckin,
.page-room .book-motor-area #labelCheckout { font-size: 16px;font-weight: 500;border-radius: 3px;padding: 10px;}
.page-room .book-motor-area .icon-calendar { margin-top: 16px;right: 35px;}
.page-room .book-motor-area .book-motor label {padding-left: 2px;color: white;}

.page-contact ,.page-contact  a{ color: var(--blue_1); text-decoration: none;}
.page-contact #map_canvas{ height: 460px; width: 100%;}
.page-contact .form-control{ border: none; border-radius: 0px; background: #F3F3F3;
    color: #333333; font-size: 12px; min-height: 40px;  font-family: "Fira Sans";}


/*
All*/
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
a:focus, button:focus, input:focus, select:focus, textarea:focus {
    box-shadow: none!important; outline: none!important;
    border-color: #555555!important;
}
a, button{ transition: all 0.3s ease-in-out; }
.caption .link a:hover{ color: var(--blue_1) !important}
.button a:hover{ background: #d6d6d6; border-color: #d6d6d6;}
figure { margin: 0; padding: 0; border-radius: 5px; overflow: hidden;}

.btn-success{ font-family: "Fira Sans"; font-weight: 400; border-radius: 0px; background: #20c997; border: none;}
.w-20 { width: 20%; }
.w-40 { width: 40%; }

.fs-12 { font-size: 12px; line-height: 18px; }
.fs-13 { font-size: 13px; line-height: 24px; }
.fs-16 { font-size: 16px; line-height: 20px; }
.fs-17 { font-size: 17px; line-height: 28px; }
.fs-18 { font-size: 18px; line-height: 20px; }
.fs-20 { font-size: 20px; line-height: 18px; }
.fs-24 { font-size: 24px; line-height: 28px; }
.fs-48 {font-size: 48px !important;line-height: 50px !important;}
.bg-grey-1 { background: #F3F3F3; }


.carousel-next,
.carousel-prev{mask: url(../img/icon-arrow.svg) no-repeat; -webkit-mask: url(../img/icon-arrow.svg) no-repeat;background: var(--grey_1);width: 34px;height: 34px;}
.carousel-next{ transform: rotate(-90deg);}
.carousel-prev{ transform: rotate(90deg)}
.carousel-next:hover,
.carousel-prev:hover{ background: var(--theme-1); }

.carousel-one .owl-dots{position: absolute;width: 100%;margin-top: -30px;}
.carousel-one .owl-dot{ height: 12px; width: 12px;}
.carousel-one .owl-dot.active { background: var(--theme-1) !important; }

div.button a{ display: inline-flex;font-family: "Fira Sans"; font-weight: 400;border: solid 2px var(--theme-1); min-width: 232px; min-height: 50px;font-size: 18px; color: var(--grey_1);justify-content: center; align-items: center; text-transform: uppercase;text-decoration: none;}

.section-title{
    font-family: "Cormorant Infant"; font-size: 44px; line-height:50px; color: #2C2B28;
}
.section-subtitle{
    font-family: "Quicksand"; font-size: 16px; line-height:22px; color: #585858;
}