/*
font-family: 'Poppins', sans-serif;
font-family: 'Whisper', cursive;
font-family: 'EB Garamond', serif;

Pink #da69a6
Dark Pink (Hover) #bc5b8f
Light Pink 9Hover) #ef8dc2
Yellow #f0eb92
Text Grey #8a9699
Text Grey Hover #9eacb0
Background Dark Grey #323838
Gradient linear-gradient(to right, #da69a6,#f0eb92)
*/

/* ---- GENERAL */

body {font-family: 'Poppins', sans-serif;}
::selection {background: #f0eb92;}

.extents {max-width:1650px; margin:auto;}

h1, h2, h3, h4, h5, h6 {}

.display-1 {font-size:26px;}

.text-white {color:#fff;}
.text-grey {color:#8a9699;}
.text-grey-light {color:#9eacb0;}
.text-header-grey {color:#323838;}
.text-yellow {color:#f0eb92;}
.text-pink {color:#da69a6;}
.text-display {background: -webkit-linear-gradient(#da69a6, #f0eb92); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.poppins {font-family: 'Poppins', sans-serif;}
.whisper {font-family: 'Whisper', cursive;}

.bg-dark {background-color:#323838;}
.bg-gradient {background:linear-gradient(to right, #da69a6,#f0eb92);}

.img-border {background:linear-gradient(to right, #da69a6,#f0eb92); padding:3px;}
.img-wrapper {background:linear-gradient(to right, #da69a6,#f0eb92); padding:1px;}
.img-wrapper .inner {background:#fff; padding:8px;}

@media (min-width: 768px) {
    h2 {font-size:29px;}
    h2 span {font-size:40px;}
}



/* ---- HEADER */

header {background-color:#323838; padding:0 0 10px 0;}

.tagline {color:#8a9699; text-decoration: none;}
.tagline:hover {color:#ef8dc2;}

header .icon {position: absolute; top:-45px; left:20px; display:block; width:45px;}

@media (min-width: 768px) {
    header .icon {top:-60px; width:50px;}
}
@media (min-width: 1500px) {
    header .icon {top:10px; left:-80px; width:70px;}
}

/* Top Bar */
.top-bar {font-size:13px; padding:6px 0 10px 0;}
.top-bar .change-lang-button {color:#9eacb0; border:0; outline:0; border-radius:0; background-color:transparent; padding:10px 7px 10px 25px; background-size:15px; background-repeat: no-repeat; background-position: left;}
.top-bar .lang-uk {background-image:url(/assets/css/media/flag-uk.png);}
.top-bar .lang-es {background-image:url(/assets/css/media/flag-es.png);}
.top-bar .lang-nl {background-image:url(/assets/css/media/flag-nl.png);}

.top-bar .btn {color:#9eacb0; border-radius:0; font-size:13px; padding:10px 7px;}
.top-bar .bi {color:#9eacb0;}

.top-bar .desktop-tel {color:#8a9699; padding:10px 7px; border:1px solid transparent;}

@media (min-width: 768px) {
    .top-bar {font-size:14px; padding: 6px 0 30px 0;}
    .top-bar .change-lang-button {padding:10px 7px 10px 35px; background-size:20px;}
    .top-bar .btn {font-size:14px; padding:10px 10px;} 
}

/* Modal */
.modal .modal-content {background-color:transparent; border:0;}
.modal .modal-lang-button {background:#323838; display:block; width:100%; padding:10px; text-align: center; text-transform: uppercase; color:#fff; text-decoration: none; background-size:20px; background-repeat: no-repeat; background-position: 5% 45%;}
.modal .flag-uk {background-image:url(/assets/css/media/flag-uk.png);}
.modal .flag-es {background-image:url(/assets/css/media/flag-es.png);}
.modal .flag-nl {background-image:url(/assets/css/media/flag-nl.png);}
.modal .flag-de {background-image:url(/assets/css/media/flag-de.png);}

/* Search Bar & Search Results */

.search-form .search-bar {font-size:14px; color: #f0eb92 !important; border-color:#999; background-color:transparent;}
.search-form .btn {color:#da69a6; border-color:#999; font-size:14px;}

.search-flag {display:inline; margin-left:8px; margin-top:-8px; background-size:cover; width:15px; height:12px;}
.search-flag.flag-uk {background-image:url(/assets/css/media/flag-uk.png);}

.search-result-wrapper {background-image:url(/assets/icons/search.png); background-repeat: no-repeat; background-size: 40px; background-position: left 30px; padding-left: 70px;}
.search-result-link {color:#da69a6; text-decoration: none; font-size:19px;}
.search-result-link:hover {color:#bc5b8f; text-decoration: none;}
.search-result-link:active {color:#bc5b8f;}

@media (min-width: 1200px) {
    .search-form .search-bar {width:90px;-webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
    .search-form .search-bar:focus {width: 220px;}
}


/* ---- NAVBAR */

nav {margin:0; padding:0;}
.navbar {margin:0; padding:0;}
.navbar-brand {color:#fff; padding:0;}
.navbar-brand:hover {color:#ef8dc2;}
.navbar-brand .mariposa {font-family: 'Whisper', cursive; font-size:38px;}
.navbar-brand .marbella {font-size:16px; font-family: 'Poppins', sans-serif;}
    
@media (min-width: 768px) {
.navbar-brand .mariposa {margin-right:5px; font-size:50px; line-height:40px;}
.navbar-brand .marbella {font-size:22px;}  
}    
    
.navbar-nav {margin-left:auto;}   
.navbar .navbar-collapse {text-align: center; text-transform: uppercase;}   
.navbar .navbar-nav .nav-item .nav-link {color:#da69a6;}
.navbar .navbar-nav .nav-item .nav-link:hover {color:#ef8dc2;}
.navbar .navbar-nav .nav-item .nav-link.active {color:#ef8dc2;}

.navbar-toggler {
    padding: 5px;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 0; 
    outline:0;
    border-radius: 0;
    transition:none;}

.navbar-toggler:hover {
    text-decoration: none;}

.navbar-toggler:focus {
    background-color: transparent;
    border:0; border-color:transparent;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 !important;}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-menu {display:block; text-align: center; text-transform: capitalize; background-color:transparent; border:0;}
.dropdown-menu li {color:#da69a6;}
.dropdown-menu li .dropdown-item {color:#f0eb92;}
.dropdown-menu li .dropdown-item:hover {background-color:transparent; color:#ccc76e;}
.dropdown-menu li .dropdown-item.active {background-color:transparent; color:#ccc76e;}

@media (min-width: 1200px) {
    
    .navbar-nav {font-size:14px;}
    
    .dropdown-menu {
        position: absolute;
        top: 100%;
        z-index: 1000;
        display: none;
        min-width: 14rem;
        padding: 1rem 0;
        margin: 0;
        font-size: 14px;
        color: #fff;
        text-align: left;
        list-style: none;
        background-color: #323838;
        background-clip: padding-box;
        border: 0;
        border-radius: 0;}
    
    .dropdown:hover>.dropdown-menu {display: block;}
    
    .dropdown-menu li .dropdown-item {color:#da69a6;}
    .dropdown-menu li .dropdown-item:hover {background-color:transparent; color:#ef8dc2;}
    .dropdown-menu li .dropdown-item.active {background-color:transparent; color:#ef8dc2;}
}
    

/* ---- MAIN */

.big-section {padding:60px 0;}
.intro-section p {}

.main-body h1,.main-body h2,.main-body h3,.main-body h4,.main-body h5,.main-body h6 {margin-top:50px; margin-bottom:30px;}

.section-page-link a {color:#da69a6; text-decoration: none;}
.section-page-link a:hover {color:#bc5b8f;}

.section-banner {
    padding:150px 0 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

blockquote {
    font-family: 'EB Garamond', serif;
    color:#da69a6;
    font-size:22px;
}

.about-section .motif {
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/assets/logo/motif.png);}
    
.about-us-link {
    padding:20px 0 20px 60px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(/assets/icons/house-footprint.png);}
    
.about-us-link#property-management {background-image: url(/assets/icons/house-footprint.png);}
.about-us-link#rental-management {background-image: url(/assets/icons/house-marketing.png);}
.about-us-link#home-security {background-image: url(/assets/icons/security-camera.png);}
    
.about-us-link a {color:#da69a6; text-decoration: none;}
.about-us-link a:hover {color:#ef8dc2;}
    
@media (min-width: 768px) {
    blockquote {font-size:30px;}
}
@media (min-width: 992px) {
    .big-section {padding:100px 0;}
    .section-banner {padding:200px 0 50px 0;}
}


/* Homepage */

.mast {
position: relative;
overflow:hidden;
padding:100px 0 80px 0;
background-color:#fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(/assets/css/media/bg-001.jpg);}

.mast-subhead {font-size:28px;}
.mast h1 {font-size:23px;}

@media (min-width: 768px) {
    .mast {padding:150px 0 100px 0;}
    .mast-subhead {font-size:33px;}
    .mast h1 {font-size:30px;}
}

@media (min-width: 1200px) {
    .mast {
        position: relative;overflow:hidden;
        padding:250px 0 50px 0;
    }
    .mast-subhead {font-size:50px;}
    .mast h1 {font-size:50px;}
    
    .motif-butterfly {
        position: absolute; right:-150px; top:40px;
        height:600px; width:600px; opacity: 0.2;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(/assets/css/media/butterfly-motif.png);
    }
    
}
@media (min-width: 1600px) {
     .mast {padding:400px 0 100px 0;}
    
    .motif-butterfly {
        position: absolute; right:-150px; top:150px;
        height:650px; width:650px;
    }
}
@media (min-width: 1700px) {
    .mast {padding:420px 0 130px 0;}
    
}

/* Video Mast */  
    
.videomast { 
    position:relative; 
    overflow:hidden;
    width:100%; 
    background-color:#fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/assets/css/media/bg-001.jpg);
}
    
.videomast #intro {
    position:absolute; top:0; left:0; 
    width:100%; height:100%;
    z-index:1;
    object-fit: cover;
}
    
.videomast-overlay{
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
    background-color:rgba(59,55,57,0.5);
}
.videomast-content-container {position: relative; z-index:4; padding:100px 0 80px 0;}
.videomast-subhead {font-size:28px;}
.videomast h1 {font-size:23px;}

@media (min-width: 768px) {
    .videomast-content-container {padding:150px 0 100px 0;}
    .videomast-subhead {font-size:33px;}
    .videomast h1 {font-size:30px;}
}

@media (min-width: 1200px) {
    .videomast-content-container {padding:250px 0 50px 0;}
    
    .videomast-subhead {font-size:50px;}
    .videomast h1 {font-size:50px;}
    
    .videomast-motif-butterfly {
        position: absolute; right:-150px; top:140px; z-index:3;
        height:600px; width:600px; opacity: 0.2;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(/assets/css/media/butterfly-motif.png);}
}
@media (min-width: 1600px) {
    .videomast-content-container {padding:400px 0 100px 0;}
    .videomast-motif-butterfly {
        height:650px; width:650px;}
}
@media (min-width: 1700px) {
    .videomast-content-container {padding:420px 0 130px 0;}
}



/* Carousel */
.carousel-item {background: -webkit-linear-gradient(#da69a6, #f0eb92);}
.carousel-item .item-outer {padding:1px;}
.carousel-item .item-inner {background-color:#fff; padding:10px;}
.caption-heading {font-size:22px; font-weight:200;}
.caption-text {font-size:14px;}

/* Landing Pages */
.icon-card-section h3 {font-size:20px; font-weight:400; color:#da69a6;}
.icon-card-section .icon-card {padding:70px 0 0 0; background-repeat: no-repeat; background-position: left top; background-size: 45px;}

.icon-card-section #key-holding {background-image:url('/assets/icons/keys.png');}
.icon-card-section #maintenance {background-image:url('/assets/icons/maintenance.png');}
.icon-card-section #security {background-image:url('/assets/icons/security.png');}
.icon-card-section #cleaning {background-image:url('/assets/icons/cleaning.png');}
.icon-card-section #landscaping {background-image:url('/assets/icons/landscaping.png');}
.icon-card-section #call-out {background-image:url('/assets/icons/call-out.png');}
.icon-card-section #airport-transfers {background-image:url('/assets/icons/airport-transfers.png');}
.icon-card-section #admin {background-image:url('/assets/icons/admin.png');}
.icon-card-section #marketing {background-image:url('/assets/icons/marketing.png');}
.icon-card-section #booking-management {background-image:url('/assets/icons/booking.png');}
.icon-card-section #online-reviews {background-image:url('/assets/icons/reviews.png');}
.icon-card-section #legal {background-image:url('/assets/icons/legal.png');}
.icon-card-section #camera {background-image:url('/assets/icons/security-camera.png');}
.icon-card-section #health-and-safety {background-image:url('/assets/icons/health-and-safety.png');}
.icon-card-section #alarm-systems {background-image:url('/assets/icons/alarm-systems.png');}
.icon-card-section #inspections {background-image:url('/assets/icons/in-person-inspection.png');}
.icon-card-section #property-management {background-image:url('/assets/icons/house-footprint.png');}
.icon-card-section #rental-management {background-image:url('/assets/icons/house-marketing.png');}

@media (min-width: 768px) {
    .icon-card-section .icon-card {padding:0 0 0 70px; background-size: 45px;}
}
    
.double-image-gallery {
    position:relative;
    padding:120px 0 0 0;
    min-height:380px;
    background-repeat:no-repeat;
    background-size:90px; 
    background-position: left top;
    background-image:url(/assets/css/media/butterfly-motif-gradient.png);
}

.double-image-gallery .img-wrapper { background:linear-gradient(to right, #da69a6,#f0eb92); padding:1px; margin-bottom:50px;}
.double-image-gallery .inner { background-color:#fff; padding:5px;}
    
.double-image-gallery .img-one {display:block; position:absolute; top:50px; right:20px; width:70%; z-index:2;}
.double-image-gallery .img-two {display:block; position:absolute; top:180px; left:20px; width:60%; z-index:1;}
.double-image-gallery .img-three {display:block; position:absolute; top:290px; right:30px; width:60%; z-index:3;}
    
@media (min-width: 768px) {
    .double-image-gallery {background-size:100px; min-height:500px;}
    .double-image-gallery .img-wrapper {margin-bottom:0;}
    .double-image-gallery .inner { padding:10px;}
    .double-image-gallery .img-one {top:0; right:0; width:50%; z-index:1;}
    .double-image-gallery .img-two {top:190px; left:50px; width:50%; z-index:2;}
    .double-image-gallery .img-three {top:320px; right:70px; width:40%; z-index:3;}
}   
@media (min-width: 992px) {
    .double-image-gallery {min-height:400px; height:100%;}
    .double-image-gallery .img-one {top:30px; width:60%;}
    .double-image-gallery .img-two {top:140px; left:50px; width:40%; z-index:3;}
    .double-image-gallery .img-three {top:250px; right:30px; width:60%; z-index:2;}  
}
@media (min-width: 1200px) {
    .double-image-gallery .img-one {width:50%;}
    .double-image-gallery .img-two {top:140px; left:50px; width:45%; z-index:2;}
    .double-image-gallery .img-three {top:250px; right:50px; width:40%; z-index:3;}  
}   
@media (min-width: 1400px) {
    .double-image-gallery .img-two {top:140px; left:40px; width:50%; z-index:3;}
    .double-image-gallery .img-three {top:300px; right:25px; width:45%; z-index:2;}  
}     
    

    
/* Services Pages */
.mini-testimonial {background-image:url(/assets/icons/stars.png); background-repeat: no-repeat; background-size: 80px; background-position: right top;}


/* Contact Page */

.cmsmap {width:100%;}

.contact-social a {color:#da69a6; text-decoration:none;}
.contact-social a:hover {color:#ef8dc2; text-decoration:none;}
.contact-social a:active {color:#bc5b8f; text-decoration:none;}

.contact-details a {color:#da69a6; text-decoration:none;}
.contact-details a:hover {color:#ef8dc2; text-decoration:none;}
.contact-details a:active {color:#bc5b8f; text-decoration:none;}

.contact-icon {
background-size:30px;
background-repeat: no-repeat;
background-position: left;
padding-left:50px;}
    
.social-icon {
background-size:30px;
background-repeat: no-repeat;
background-position: left;
padding-left:50px;}

.contact-icon-phone {background-image:url(/assets/icons/phone.png);}
.contact-icon-map {background-image:url(/assets/icons/map-pin.png);}
.contact-icon-mail {background-image:url(/assets/icons/mail.png);}
.contact-icon-facebook {background-image:url(/assets/icons/facebook.png);}
.contact-icon-instagram {background-image:url(/assets/icons/instagram.png);}
    
@media (min-width: 992px) {
    .contact-icon {background-size:40px; padding-left:60px; font-size:20px;}
    .social-icon {background-size:30px; padding-left:50px; font-size:17px;} 
}


/* **** FORMS */

.icon-form-email {background-repeat: no-repeat; background-image: url(/assets/icons/email.png); background-size: 40px; background-position: 96% 2%;}

@media (min-width: 992px) {
    .icon-form-email {background-size: 50px; background-position: 97% 5%;}
}

.form-wrapper {background-image:linear-gradient(to right, #da69a6,#f0eb92); padding:1px;}
.form-outer {background-color:#fff;}
.form-control.textarea {resize: vertical; min-height:125px;}
.form-control.textarea.bigtextarea {min-height:210px;}


/* **** LINKS & BUTTONS */

.special {display:inline-block; padding:12px 20px; background-image:linear-gradient(to right, #da69a6,#f0b599); text-transform: uppercase; font-size:11px; color:#fff; text-decoration: none;}
.special:hover, .special:focus {color:#fff; text-decoration: none; background-color:#da69a6; background-image: none;}
.special:active {background-color:#f0b599; background-image: none;}


.btn-primary {
color: #fff;
text-transform: uppercase; 
font-size:16px;
background-color: #da69a6;
border:0;
border-radius:0;
border-color: #da69a6;
background-image:linear-gradient(to right, #da69a6,#f0b599);
}
.btn-primary:hover {
border:0;
color: #fff;
background-color: #0b5ed7;
border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #da69a6;
border-color: #da69a6;
box-shadow: 0;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary-wrapper {
border-color: #da69a6;
background-image:linear-gradient(to right, #da69a6,#f0b599);
padding:1px;
}

.btn-secondary {
color: #da69a6;
background-color: #fff;
border:0;
border-radius:0;
border-color: #fff;
text-transform: uppercase; 
font-size:16px;
}
.btn-secondary:hover {
color: #fff;
background-color: #da69a6;
border:0;
border-color: #fff;
background-image:linear-gradient(to right, #da69a6,#f0b599);
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #da69a6;
border:0;
  border-color: #fff;
  box-shadow: 0 !important;
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #da69a6;
  border-color: #fff;
    border:0;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #da69a6;
  border-color: #da69a6;
}


/* ---- FOOTER */

footer {background-color:#323838; color:#fff; padding:60px 0;}

.footer-strapline {font-size:18px; font-weight:300; }
.footer-strapline span {font-size:38px; line-height:45px; font-family: 'Whisper', cursive; padding:0 15px;}

footer .your-experts a {color:#8a9699; text-decoration: none;}
footer .your-experts a:hover {color:#f0eb92; text-decoration: none;}
footer .your-experts .name {font-size:17px;}
footer .your-experts .job-title {text-transform: uppercase; font-size:12px;}

.footer-logo {display:block; max-width:220px;}

.footer-navigation {text-align:center;}
.footer-navigation a {color:#fff; text-decoration:none;}
.footer-navigation a:hover {color:#ef8dc2; text-decoration:none;}
.footer-navigation a:active {color:#f0eb92; text-decoration:none;}

.footer-navigation ul ul a {color:#8a9699;}
.footer-navigation ul {margin:0; padding:0; list-style:none;}
.footer-navigation ul ul {margin:0; padding:0; list-style:none;}
.footer-navigation ul li {margin-top:16px;}
.footer-navigation ul li ul li {margin-top:16px;}

.footer-social a {color:#8a9699; text-decoration:none;}
.footer-social a:hover {color:#f0eb92; text-decoration:none;}
.footer-social a:active {color:#ef8dc2; text-decoration:none;}

.footer-contact-links a {color:#8a9699; text-decoration:none;}
.footer-contact-links a:hover {color:#f0eb92; text-decoration:none;}

.footer-gallery-img-wrapper {
    height:60px; 
    background-size:cover; 
    background-repeat:no-repeat; 
    background-position:center;
}

.baseline {color:#52595b; background-color:#323838; font-size:12px;}
.baseline a {color:#52595b; text-decoration: none;}
.baseline a:hover {color:#9eacb0;}

@media (min-width: 768px) {
    .footer-strapline {font-size:22px; font-weight:300; }
    .footer-strapline span {font-size:50px; line-height:60px;} 
    .footer-navigation {font-size:22px;}
    .footer-gallery-img-wrapper {height:150px; }
}
@media (min-width: 1200px) {
    .footer-navigation {font-size:16px; text-align:left;}
    .footer-navigation ul ul {margin:0 0 0 9px;}
    .footer-navigation ul li {margin-top:8px;}
    .footer-navigation ul li ul li {margin-top:8px;}
    .footer-gallery-img-wrapper {height:60px; }
}


@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}