body {
    background-color: #102033;
    color: #fff;
    font-family: 'Quattrocento', serif;
}
bg-light{
   background-color: #102033;
}
a, p, span ,ul ,ol ,li {
    color: #fff;
}
h1{
    font-family: 'Playfair Display', serif;
}
.btn-p{
    padding: 7px 15px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    text-decoration: none;
}
.btn-p:focus, .btn-p:hover {
text-shadow: 0px 3px 10px #FFAEC2;
}

.list-hp{
padding:15px 0;
 display: inline-block;
}
.list-hp li{
padding:15px 0;
}
/*** light ***/
#light { 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** nav ***/
.logo {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.site-header {
    color: #fff;
    background-color: #080f18 !important;
}

.navbar-brand {
    color: #fff;
    letter-spacing: -1.75px;
}

.nav-item {
    margin: 0 15px;
}
.nav-item a:hover, .navbar-brand:hover{
    color: #fff;
    text-shadow: 0px 3px 10px #FFAEC2;
}
.navbar-nav a {
    color: #fff;
}
.btn-nav{ 
   border:1px solid #fff;
   padding-right:15px !important;
   padding-left:15px !important;
}
.navbar-toggler{
    background-color:#34a7a5 !important;
}

/*** footer ***/

footer ul {
    list-style-type: none;
}

footer ul li {
    padding: 0 15px;
}
footer a:hover{
   color: #fff;
    text-shadow: 0px 3px 10px #FFAEC2;
}
/*** contact ***/

.c-bg{
padding:50px 0 50px 0;
    margin: 0 auto;
}
.c-bg1{
       margin: 0 auto;
    margin-top: 50px;
padding-bottom:15px;
}
.c-bg1 .mc-field-group{
padding:7px 0;
}
#spf_form{
text-align:center;
}
.form {
border:1px solid #fff;
    background-color: #3b4c60;
}
.form h3{
padding-top:15px;
}
/*** booking ***/

iframe{
    min-height: 800px !important;
}
/*** home page ***/
.bg-box1, .bg-box4{
background-color: #102033;
}

box-light{
 background-color: #102033;
}
.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}
/*** mobile ***/
@media (max-width: 767px) {
    .footer {
        border-top: 1px solid #ffffff;
    }
    .footer .list-group-horizontal{
        flex-direction: column;
    }
    .footer ul li{
        padding: 7px 15px;
    }
    .bg-box1 .shadow-sm, .bg-box2 .shadow-sm, .bg-box3 .shadow-sm{
        max-height: 300px;
    }
   .spf_textarea textarea {
       width:80% !important;
    }
   .vanta-canvas{
     height:700px;
    }
   .bg-box1, .bg-box4{
    background: rgba(16, 32, 51, .1);
   }

}