body {

    margin: 0;

    font-family: var(--font-family);

    color: #212529;

}

html, body {

  width: 100%;

  overflow-x: hidden;

}



.logo-header{

color: #ffffff;

text-decoration: none;

text-shadow: 3px  #f3fdff;

} 

.logo-footer{

color: white;

text-decoration: none;  

text-shadow: 1px 0px #dbe7fe;

}

/* HEADER */

.port-header{

background:#212529;

border-bottom:1px solid #eee;

}



.navbar-nav .nav-link{

font-weight:600;

color:#f9fdff ;

margin-left:20px;

}



.navbar-toggler{

border:none;

}



.navbar-toggler:focus{

box-shadow:none;

}



/* Mobile */



@media(max-width:991px){



.navbar-nav{

padding:15px 0;

}



.nav-link{

margin:10px 0;

}



}


/* HEADER FIX */



.port-header{

/*position:absolute;*/

top:0;

left:0;

width:100%;

z-index:50;

background:#232f3e ;

}




/* Feature */ 


 



/* new  */ 

.pc-info{background:#f5f7f8;font-family:Inter} 
.pc-info h2{font-weight:700;margin-bottom:20px;color:#212529}
.pc-info h2 strong{color:#1c9be6}

.pc-info-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08)}

.pc-img img{width:100%;height:160px;object-fit:cover}

.pc-img{position:relative}

.pc-img svg{position:absolute;bottom:-1px;width:100%;height:60px}

.pc-icon{position:absolute;bottom:-22px;left:20px;width:46px;height:46px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#1c9be6;font-size:20px}

.pc-body{padding:40px 20px 20px}

.pc-outline{border:1px solid #1c9be6 ;color:#1c9be6 ;padding:6px 20px;margin:10px 0 15px}

.pc-body ul{list-style:none;padding:0;margin:0}

.pc-body li{padding:10px 0;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:14px}

.carousel-item{padding:0 10px} 



/* MOBILE FIX FOR CAROUSEL DOTS */



@media (max-width: 767px){



.carousel-indicators{

position:static !important;

margin:10px auto 0 !important;

justify-content:center;

}



.carousel-indicators [data-bs-target]{

background:#1c9be6;

width:15px;

height:8px;

border-radius:50%;

opacity:.4;

}



.carousel-indicators .active{

opacity:1;

}



}



.pc-cta{

background:#eaf7fb;

}



.pc-cta-box{

background:linear-gradient(135deg,#003b6f,#0a7bc2);

border-radius:16px;

padding:60px 50px;

color:white;

position:relative;

overflow:hidden;

}



/* subtle wave */



.pc-cta-box:after{

content:'';

position:absolute;

right:-100px;

top:50%;

width:500px;

height:200px;

border-radius:50%;

background:rgba(255,255,255,.05);

transform:translateY(-50%);

}



.pc-cta-box h2{

font-weight:700;

margin-bottom:15px;

}



.pc-cta-box p{

opacity:.9;

max-width:600px;

}



.pc-cta-btn{

background:#c8f7ef;

color:#003b6f;

padding:14px 40px;

font-weight:600;

border-radius:10px;

box-shadow:0 6px 18px rgba(0,0,0,.25);

} 



.pc-cta-box{

    background:

    linear-gradient(135deg,#072c44,#0bbcd6);

    border-radius:20px;

    box-shadow:0 20px 60px rgba(0,0,0,.25);

}



.pc-cta-box h2{

    font-size:36px;

}



/* MOBILE */



@media(max-width:768px){



.pc-cta-box{

padding:40px 25px;

text-align:center;

}



.pc-cta-btn{

width:100%;

}



}



/* FOOTER */

.cp-footer{

background:#fff;

color:#545e69;

padding:60px 0 0;

font-family:Inter,sans-serif;

}



.cp-footer a{

color:#545e69;

text-decoration:none;

}



.cp-footer-links{

list-style:none;

padding:0;

margin:0;

}



.cp-footer-links li{

margin-bottom:14px;

}



.cp-footer-title{

font-weight:600;

margin-bottom:10px;

}



.cp-socials{

display:flex;

gap:12px;

justify-content:center;

}



.cp-socials a{

width:40px;

height:40px;

border-radius:50%;

background:#c8f7ef;

display:flex;

align-items:center;

justify-content:center;

color:#003b6f;

}



.cp-footer hr{

border-color:rgba(255,255,255,.3);

margin:20px 0;

}



/* BOTTOM BAR */



.cp-footer-bottom{

background:#0072ce;

margin-top:50px;

padding:15px 0;

font-size:14px;

}



.cp-footer-bottom p{

margin:0;

}



.cp-legal a{

margin-left:15px;

}



/* MOBILE */



@media(max-width:768px){



.cp-socials{

margin-top:15px;

}



.cp-legal{

margin-top:10px;

}



.cp-legal a{

margin:0 8px;

}



}

h1,h2,h3,h4{

    letter-spacing: -0.5px;

}



.pc-top{

    text-transform: uppercase;

    font-weight:600;

    color: var(--secondary-color);

} 

a, button{

    transition: all .25s ease;

}



img{

    transition: transform .4s ease;

}



/* bottom CTA */

.bottom-banner {

    background: #1e247e;

    border: 2px solid #0a78bc;

    z-index: 10;

    box-shadow: 0 -1px 3px #0a78bc;

    border-radius: 8px;

    padding: 8px 10px;

    position: fixed;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 14px;

    font-weight: bold;

    bottom: 2px;

    left: 1%;

    width: 98%;

    color: #ffffff;

}



.banner-left img {

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.banner-middle {

    flex: 1;

    text-align: center;

    padding: 0 10px;

    color: #ffffff;

    font-size: 11px;

}



.banner-middle strong {

    display: block;

    font-size: 16px;

    margin-top: 4px;

    color: #ffffff;

}



.banner-middle .discount {

    color: #fff;

    background: #28a745;

    padding: 2px 6px;

    border-radius: 4px;

    font-size: 12px;

    font-weight: bold;

}



.banner-right .call-circle {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background: #28a745;

    color: #fff;

    font-size: 22px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-decoration: none;

}

/* call  */



.callIcon1 {

    position: relative;

    right: 8px;

    top: 1px;

}



.callIcon1 a._phonebox {

    width: 46px;

    height: 46px;

    border-radius: 50%;

    background-color: #c60001;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #106e00;

    animation: zoom-in-zoom-out 2s ease-out infinite;

    text-decoration: none;

}



.callIcon1 a {

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    text-align: center;

    display: block;

    padding-bottom: 1px;

    line-height: 25px;

    position: relative;

    top: -1px;

    z-index: 10;

}



.wifi-symbol {

    display: block;

    position: absolute;

    top: 6px;

    left: 12px;

    display: inline-block;

    height: 36px;

}



.wifi-symbol .wifi-circle.first {

    -o-animation-delay: 800ms;

    -moz-animation-delay: 800ms;

    -webkit-animation-delay: 800ms;

    animation-delay: 800ms;

    width: 15px;

    height: 15px;

    left: 16px;

    top: 0px;

}



.wifi-symbol .wifi-circle {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    display: block;

    width: 100%;

    height: 100%;

    font-size: 21.4285714286px;

    position: absolute;

    bottom: 0;

    left: 0;

    border-color: #fff;

    border-style: solid;

    border-width: 2px 2px 0 0;

    -webkit-border-radius: 0 100% 0 0;

    border-radius: 0 100% 0 0;

    opacity: 0;

    -o-animation: wifianimation 2.5s infinite;

    -moz-animation: wifianimation 2.5s infinite;

    -webkit-animation: wifianimation 2.5s infinite;

    animation: wifianimation 2.5s infinite;

}



.wifi-symbol .wifi-circle.second {

    width: 12px;

    height: 12px;

    -o-animation-delay: 400ms;

    -moz-animation-delay: 400ms;

    -webkit-animation-delay: 400ms;

    animation-delay: 400ms;

    left: 14px;

    top: 5px;

}



.wifi-symbol .wifi-circle.third {

    width: 8px;

    height: 8px;

    left: 12px;

    top: 10px;

}



.wifi-symbol .fourth {

    width: 30px;

    height: 36px;

    background: url(https://www.redumbrellaholidays.com/Content/images/animatePhone.png) left center no-repeat;

    background-size: 20px;

    display: inline-block;

}



@keyframes zoom-in-zoom-out {

    0% {

        transform: scale(1, 1);

    }



    50% {

        transform: scale(1.3, 1.3);

    }



    100% {

        transform: scale(1, 1);

    }

}



@keyframes wifianimation {



    0% {

        opacity: 1;

    }



    5% {

        opactiy: 1;

    }



    6% {

        opactiy: .8;

    }



    100% {

        opactiy: .8;

    }

}



._txtpuk small {

    font-size: 11px;

}



.stickybottom_uk {

    padding-top: 6px;

    padding-bottom: 4px;

}



@media (min-width:500px) {

    .bottom-banner {

        display: none;

    }

}

.navbar-toggler span {
    color : #fff;
} 


@media (max-width: 768px) {
    .hero-luxury {
        padding: 20px 0 70px;
    }
}


@media (max-width: 768px) { 

.port-header {
   
    display: none;
} 
}

.scroll-to-top {
  position: fixed;
  right: 18px;
  bottom: 20px;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
} 

.call-cta i {
    transform: rotate(11deg);
}




/* =========================
   PORT SEO SECTION
========================= */

.pm-seo-section{
    padding:70px 0;
    background:#fff;
    font-family:'Playfair Display', serif;
}

.pm-seo-header{
    max-width:850px;
    /*margin:auto;*/
    margin-bottom:50px;
}

.pm-seo-subtitle{
    display:inline-block;
    color:#1c9be6;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:600;
}

.pm-seo-header h1{
    font-size:38px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:18px;
    line-height:1.3;
}

.pm-seo-header p{
    font-size:16px;
    color:#555;
    line-height:1.8;
}

.pm-seo-content{
    max-width:950px;
    /*margin:auto;*/
}

.pm-seo-block{
    margin-bottom:40px;
    padding-bottom:30px;
    border-bottom:1px solid #ececec;
}

.pm-seo-block:last-child{
    border-bottom:none;
}

.pm-seo-block h2{
    font-size:24px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.pm-seo-block h3{
    font-size:22px;
    font-weight:700;
    color:#232f3e;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:12px;
}
.pm-seo-block h2 i{
    color:#1c9be6;
    font-size:20px;
}

.pm-seo-block p{
    font-size:16px;
    line-height:1.9;
    color:#444;
    margin-bottom:15px;
}

.pm-seo-block ul{
    padding-left:20px;
    margin-top:10px;
}

.pm-seo-block ul li{
    margin-bottom:10px;
    color:#444;
    line-height:1.8;
}

/* TABLET */
@media(max-width:991px){

.pm-seo-header h1{
    font-size:32px;
}

.pm-seo-block h2{
    font-size:22px;
}
.pm-seo-block h3{
    font-size : 20px; 
    line-height : 1.5; 
    align-items : flex-start;
}

}

/* MOBILE */
@media(max-width:768px){

.pm-seo-section{
    padding:20px 0;
}

.pm-seo-header{
    margin-bottom:35px;
}

.pm-seo-header h1{
    font-size:24px;
}

.pm-seo-header p,
.pm-seo-block p,
.pm-seo-block ul li{
    font-size:15px;
}

.pm-seo-block{
    margin-bottom:30px;
    padding-bottom:22px;
}

.pm-seo-block h2{
    font-size:20px;
    line-height:1.5;
    align-items:flex-start;
}
.pm-seo-block h3{
    font-size : 18px; 
    line-height : 1.5; 
    align-items : flex-start;
}
} 






/* =========================
   MAP SECTION
========================= */
.explore-port{
background:var(--light);
}

.explore-info{
background:#fff;
padding:20px;
border-radius:var(--radius);
box-shadow:0 10px 30px rgba(0,0,0,.08);
margin-bottom:20px;
}

.map-wrap{
width:100%;
height:385px;
border-radius:var(--radius);
overflow:hidden;
}

.map-wrap iframe{
width:100%;
height:100%;
}