/* Stellar Colors */

.filters .input-group-addon,
.search .input-group-addon {
  background-color: #0f3880;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0f3880;
  border-color: #0f3880;
}

.panel-primary {
  border-color: #0f3880;
}

.btn-primary {
  background-color: #0f3880;
  border-color: #0f3880;
}

.text-primary,
a.list-group-item-info,
button.list-group-item-info,
.btn-link,
.panel-info > .panel-heading {
  color: #0f3880;
}
.main-home {
  background-color: white;
}
#content {
  background-color: #f5f8fa;
}

.badge {
  display: none;
}

/* end Stellar Colors */

/* Skin Styles */

/* header styles */

header a:hover,
header a:focus,
header a:active{
  text-decoration:none;
}

header {
  font-family: "Lato", sans-serif;
}

header * {
  margin: 0;
}

header ul{
  list-style:none;
}

header .header-background-banner{
  background:#0f2558;
  position:absolute;
  width:100%;
  height:30px;
  margin-top:10px;
}

header .mobile-container,
header .mobile-background,
header .expansion-button-column{
  display: none;
}

header .main-row{
  background:white;
}

header .inner-main-row{
  display:flex;
  max-width:1170px;
  margin:0 auto;
  justify-content: space-between;
  background: linear-gradient(to right, white 10%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 30%), url('../img/header-background-img.webp');
  background-size: cover;
  /* background-position: bottom; */
  background-position:-100px;
  padding:100px 15px;
}

header .logo-column{
  display:flex;
  align-items: center;
  /* background:white; */
}

header .logo-column img{
  max-width:103px;
  width:100%;
}

header .nav-list,
header .social-list,
header .nav-column>div{
  display:flex;
}

header .nav-list{
  margin-left:-12.5px;
}


header .nav-column>div:last-child{
  display:block;
}

header .social-list{
  display:none;
}

header .nav-column>div:first-child{
  align-items: center;
}

header .nav-column{
  display:block;
}

header .social-list{
  column-gap:15px;
}

header .social-list a{
  display:flex;
  align-items: center;
  justify-content: center;
  width:22px;
  height:22px;
}

header .social-list a.facebook-a>span{
  display:flex;
  align-items: center;
  justify-content: center;
  width:22px;
  height:22px;
  background:#0D2458;
  border-radius:100%;
}

header .social-list a.instagram-a>span{
  display:flex;
  align-items: center;
  justify-content: center;
  width:22px;
  height:22px;
  background:#0D2458;
  border-radius:4px;
}

header .social-list a.facebook-a{
  color:white;
  font-size:19px;
}
header .social-list a.facebook-a i{
  transform:translateY(3px);
}

header .social-list a.instagram-a{
  color:white;
  font-size:28px;
}

header .book-now-li{
  margin-left:20px;
  margin-right:20px;
}

header .nav-list>li{
  display:flex;
  align-items: center;
}

header .book-now-li a{
  background:rgb(13, 36, 88);
  display:inline-block;
  color:white;
  padding:5px 15px;
  border-radius:3px;
  line-height:24px;
  font-size:13px;
}

header .book-now-li a,
header .social-list a.facebook-a:hover,
header .social-list a.instagram-a:hover{
  transition:0.15s linear;
}

header .book-now-li a:hover,
header .social-list a.facebook-a:hover>span,
header .social-list a.instagram-a:hover>span{
  background:#9E201C;
}

header .nav-list>li:not(.book-now-li) a{
  display:flex;
  align-items: center;
  padding:0 12.5px;
  font-weight:bold;
  color:white;
  color:#8A1E37;
  font-size:12px;
  line-height:15.6px;
  min-height:120px;
}

header .located-at-p{
  color:black;
  font-weight:bold;
}

header .located-at-p span{
  color:#9D201C;
}

header .location-p{
  margin-top:15px;
  font-size:18px;
  line-height:1.5;
  margin-bottom:15px;
  color:black;
}

header .link-p span{
  font-size:18px;
  font-weight:bold;
  color:#9D201C;
}

header .link-p a{
  color:black;
  font-size:18px;
}

header .ferris-wheel-p{
  color:black;
}

@media only screen and (max-width:1199px){
  header .inner-main-row{
    max-width:970px;
  }
  header .inner-main-row{
    
    background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 40%), url('../img/header-background-img.webp');
    background-size: cover;
    background-position:-160px;
  }
}

@media only screen and (max-width:991px){
  header .inner-main-row{
    max-width:750px;
    background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 40%), 
          linear-gradient(to left, white 30%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 40%), 
          url('../img/header-background-img.webp');
    background-size: cover;
    background-position:-160px;
    background-size:120%;
    background-repeat:no-repeat;
  }
}

/* mobile header styles */
@media only screen and (max-width:767px){
  header .inner-main-row{
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.4) 50%, white 100%), 
        url('../img/header-background-img.webp');
    background-size: cover;
    background-position:30%;
    background-size:cover;
    background-repeat:no-repeat;
  }
  header .nav-column>div:first-child{
    display:none;
  }
  header .nav-column-expansion-button-wrapper{
    display:flex;
    flex-direction: column;
    row-gap:30px;
  }
  header .nav-column{
    order:2;
  }
  header .expansion-button-column{
    display:flex;
    align-items: center;
    justify-content: end;
  }
  
  header .expansion-button{
    display:flex;
    align-items: center;
    justify-content: center;
    height:18px;
    width:18px;
    background:none;
    color:#3A3A3A;
    font-size:21px;
  }

  header .mobile-container{
    display:block;
    transform:translateX(30%);
    opacity:0;
    visibility: hidden;
  }

  header .mobile-container,
  header .mobile-background{
    transition:all 0.2s ease-in-out;
    z-index:9999;
  }

  html.skin-nav-menu-opened{
    overflow:hidden;
  }

  
  
  html.skin-nav-menu-opened header .mobile-background{
    display:block;
  }

  html.skin-nav-menu-opened header .mobile-container{
    transform:translateX(0);
    opacity:1;
    visibility: visible;
  }

  header .mobile-background{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
  }

  header .mobile-container{
    position:fixed;
    top:0;
    right:0;
    height:100vh;
    width:65%;
    background:rgba(18, 21, 25, 0.98);
    box-shadow:0px 0px 70px rgba(0, 0, 0, 0.35);
  }

  header .mobile-expansion-button{
    position:fixed;
    justify-content: center;
    align-items: center;
    top:20px;
    right:37px;
    width:12px;
    height:12px;
    background:none;
    color:#B9BABB;
    font-size:19px;
  }
  
  header .mobile-nav-list{
    padding:35px;
    padding-top:77px;
    height:100vh;
    overflow:auto;
  }
  header .mobile-nav-list a{
    display:block;
    line-height:43px;
    color:white;
    font-size:20px;
    font-weight:700;
  }
}

@media only screen and (max-width:689px){
  header .logo-column img{
    max-width:89px;
  }
  header .mobile-container{
    width:90vw;
  }
  header .mobile-expansion-button{
    top: 10px;
    right: 26px;
  }
  header .mobile-nav-list{
    padding:25px;
    padding-top:57px;
  }
}

@media only screen and (max-width:460px){
  header .logo-column{
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
  }
  header .logo-column img{
    max-width:110px;
  }
  header .nav-column-expansion-button-wrapper{
    width:100%;
  }
  header .nav-column{
    justify-content: center;
    display:flex;
  }
}

/* footer styles */
footer ul{
  list-style:none;
}

footer a:hover,
footer a:focus,
footer a:active{
  text-decoration:none;
}

footer {
  font-family: "Lato", sans-serif;
}

footer .footer-container {
  display: block;
  background:#f3f3f3;
}

footer * {
  margin: 0;
}

footer .top-row{
  padding:30px;

}

footer .inner-top-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  column-gap:50px;
}

footer .logo-wrapper{
  margin-bottom:40px;
}

footer .logo-column img{
  max-width:111px;
  width:100%;
}

footer .logo-column p{
  font-size:16px;
  line-height:26.4px;
}

footer .quick-links-column{
  padding-left:96px;

}

footer .quick-links-column h2{
  border:none;
  padding:0;
  margin:0;
  font-size:16px;
  font-weight:700;
  line-height:24px;
  color:rgb(58, 58, 58);
}

footer .quick-links-column h3{
  padding:0;
  margin:0;
  border:none;
  font-size:16px;
  font-weight:700;
  line-height:24px;
  color:rgb(58,58,58);
  margin-top:40px;
}

footer .quick-links-list{
  margin-top:40px;
}

footer .quick-links-list a{
  display:inline-block;
  color:rgb(58, 58, 58);
  font-size:16px;
  line-height:26.4px;
}

footer .quick-links-list a:hover,
footer .contact-column li:nth-child(3) a:hover,
footer .contact-column li:nth-child(4) a:hover{
  color:#9D201C;
}

footer .social-list{
  display:flex;
  margin-top:40px;
  column-gap:12px;
}

footer .social-list a{
  display:flex;
  justify-content: center;
  align-items: center;
  width:40px;
  height:40px;
  border-radius:100%;
}

footer .social-list a.facebook-a{
  background:#3C5997;
  color:#3C5997;
  font-size:12px;
}

footer .social-list a.facebook-a>span{
  display:flex;
  justify-content: center;
  align-items: center;
  background:white;
  width:14px;
  height:14px;
}

footer .social-list a.facebook-a i{
  transform:translateY(2px);
}

footer .social-list a.instagram-a{
  background:#C13684;
  color:white;
  font-size:18px;
}

footer .contact-column{
  display:flex;
  justify-content: end;
}

footer .map-wrapper{
  margin-bottom:24px;
  text-align: right;
}

footer .map-wrapper img{
  max-width:200px;
  width:100%;
}

footer .contact-list{
  text-align: right;
}

footer .contact-list a{
  display:inline-block;
  color:rgb(58,58,58);
  line-height:26.4px;
  font-size:16px;
}

footer .inner-lower-row p{
  text-align: center;
  font-size:15px;
  color:rgb(58, 58, 58);
}

footer .inner-lower-row{
  padding:25px 0;
}

footer .stellar-p a{
  color:black;
  font-size:20px;
  font-weight:bold;
}

footer .stellar-p a:hover{
  color:#9D201C;
}

@media only screen and (max-width:999px){
  footer .top-row{
    width:90%;
    padding-left:0;
    padding-right:0;
    margin:0 auto;
  }
  footer .inner-top-row{
    grid-template-columns:100%;
    row-gap:50px;
  }
  footer .quick-links-column{
    padding-left:0;
  }
  footer .contact-column{
    justify-content: start;
    margin-top:40px;
  }
  footer .map-wrapper,
  footer .contact-list{
    text-align: left;
  }
}

@media only screen and (max-width:689px){
  footer .top-row{
    width:88%;

  }
  footer .inner-lower-row{
    padding:15px 0;
  }
}