@charset "UTF-8";
/* CSS Document 
@font-face {
  font-family: "Nexa-Regular";
  src: url("fonts/Nexa/Nexa-Regular.woff2") format("woff2"),
       url("fonts/Nexa/Nexa-Regular.woff") format("woff"),
       url("fonts/Nexa/Nexa-Regular.otf") format("otf") ;     
}

@font-face {
  font-family: "Nexa-Light";
  src: url("fonts/Nexa/Nexa-Light.woff2") format("woff2"),
       url("fonts/Nexa/Nexa-Light.woff") format("woff"),
       url("fonts/Nexa/Nexa-Light.otf") format("otf");      
}

@font-face {
  font-family: "Nexa-Bold";
  src: url("fonts/Nexa/Nexa-Bold.woff2") format("woff2"),
       url("fonts/Nexa/Nexa-Bold.woff") format("woff"),
       url("fonts/Nexa/Nexa-Bold.otf") format("otf");      
}

@font-face {
  font-family: "Nexa-Book-Italic";
  src: url("fonts/Nexa/Nexa-Book-Italic.woff2") format("woff2"),
       url("fonts/Nexa/Nexa-Book-Italic.woff") format("woff"),
       url("fonts/Nexa/Nexa-Book-Italic.otf") format("otf") ;     
}*/
<link href="https://fonts.googleapis.com/css?family=Prompt:300,400,400i,500,500i,600,800,900&display=swap" rel="stylesheet">
body{
    height: 100%;
  }

p{ 
    font-family: 'Prompt', sans-serif;
    font-size: 1.3em;
    font-weight: 300;
}
.thin {
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 1em;
}

p.thin {
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 2em;
}

h1, h2, h3, h4, h5 {
    font-family: 'Prompt', sans-serif;
    color:#bb331c;
}

h1 {
    font-size: 4em;
    color: #fff;
  
}
h2 {
    font-size: 3.2em;
    font-weight: 300;
}

.main-content .container{
  width: auto;
  padding: 0;
}

.nav-link {
  color: #1b1e21 !important;
	text-transform: uppercase
}

/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: url("../images/emberspa_home-header.jpg");

  /* Set a specific height */
  height: 60%;
  margin-top: 100px;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* book now image */
.booknow-image {
  background-image: url("../images/home-booknow.jpg");
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}


/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-transform: capitalize;
}
.booknow-text {
  color: white;
	
}

.content-headline-font {
  color:#bb331c;
  letter-spacing: 1px;
  text-transform:none; 
  font-size: 2em; 
}

.section-padding {
    padding: 40px 0px;
}
.section-padding {
    padding: 20px 0px;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: inherit;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

  /***********/
 /* Buttons */
/***********/

.btn {
    padding: 14px 24px;
    border: 0 none;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0px;
    margin-top: 10px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

 /* primary */

.btn-primary {
    background: #bb331c;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #d05540;
}
.btn-primary:active, .btn-primary.active {
    background: #eb7118;
    box-shadow: none;
}

 /* standard */

.btn-standard {
    background: #fff;
    color: #bb331c;
}
.btn-standard:hover, .btn-standard:focus, .btn-standard:active, .btn-standard.active, .open > .dropdown-toggle.btn-standard {
    background: #f8f8f8;
}
.btn-standard:active, .btn-standard.active {
    background: #eb7118;
    box-shadow: none;
}

.navbar-nav > li > a {
   text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #333333;
}

.custom {
    width: 178px !important;
}

.nav-item-267 {
  display: none !important;
  background-color:#bb331c;
  color: #fff !important;
}
/************************/
/* Book Now Breakpoints */
/************************/

@media screen and (max-width: 2560px){
    #booknow {
      background: url(/application/files/5815/6036/5649/booknow_3000w.jpg)no-repeat center center;
      height: auto;
      width: 100%;
      display: block;
   }
    .booknow {
      font-size: 50px;
    }
}

@media screen and (max-width: 1920px){
    #booknow {
      background: url(/application/files/7915/5976/1808/home-booknow.jpg) no-repeat center center;
      height: auto;
      width: 100%;
    }
    .booknow {
      font-size: 45px;
    }
}

@media screen and (max-width: 1560px){
    #booknow {
      background: url(/application/files/7915/5976/1808/home-booknow.jpg) no-repeat center center;
      height: auto;
      width: 100%;
      display: block;}
}
@media screen and (max-width: 1280px){
    
}

@media screen and (max-width: 1190px){
    .booknow {
      font-size: 45px;
    }
}
@media screen and (max-width: 1024px){
    .booknow {
      font-size: 35px;
    }
}
@media screen and (max-width: 900px){
    .booknow {
      font-size: 30px;
    }
}
@media screen and (max-width: 800px){
    
}
@media screen and (max-width: 768px){

}

@media screen and (max-width: 680px){
    #booknow {
      background: url(/application/files/7115/6036/5363/booknow_680w.jpg) no-repeat center center;
      height: auto;
      width: 100%;
      display: block;}
    .booknow {
      font-size: 30px;
      line-height: 40px;
    }
    }

@media screen and (max-width: 480px){
      .booknow {
      font-size: 30px;
      line-height: 50px;
    }  
}
@media screen and (max-width: 420px){
    #booknow {
      background: url(/application/files/2615/6035/7431/booknow_420w.jpg);
      height: auto;
      width: 100%;
      display: block;
      line-height: 40px;
    }
    .rslides_nav {
      display: none;
    }
  }

/************/
/*  Social  */
/************/

.fa-2x {
    font-size: 1.4em !important;
}
a {
    color: #bb331c;
    text-decoration: none;
}

ul.social-media-footer{
  overflow: hidden;
}
ul.social-media-footer li{
  display: inline;
  float: left;
  margin-right: 8px;
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
}
ul.social-media-footer li a{
  display: block;
  overflow: hidden;
  background: #fff;
  border-radius: 100px;
  padding: 9px 8px 8px 8px;
  width: 36px;
  height: 36px;

}

/**************/
/*  Foot Nav  */
/**************/

#myFooter {
    background: url(/application/files/8915/6045/2711/footer_3000w.jpg)no-repeat top center;
    color: white;
    padding-top: 30px;
}

#myFooter .footer-copyright {
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    /*background-color: #dfdfdf;*/
}

#myFooter .row {
    margin-bottom: 60px;
}

#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
    /*margin: 10px;*/
    color: #fff;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
}

#myFooter h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#myFooter a {
    color: #fff;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: #e5e5e5;
}

#myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

#myFooter .btn {
    color: #bb331c;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
         background: url(/application/files/8715/6157/0768/footer_800w.jpg)no-repeat center center;
    }

}


/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */

html{
    height: 100%;
}

body{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
}

.content{
   flex: 1 0 auto;
   -webkit-flex: 1 0 auto;
   min-height: 200px;
}

#myFooter{
   flex: 0 0 auto;
   -webkit-flex: 0 0 auto;
}



/*


.footer-image {
    background: url(../images/footer.jpg) no-repeat center center;
    height: 464px;
    width: 100%;
    background-size: cover;
}

footer.page-footer a {
    color: #fff;
}

.copyright{
    color:#fff;
}

.copyright p{
   margin:15px 0px;
   font-size: 14px;
}

footer{
  background: url(/application/files/8915/6045/2711/footer_3000w.jpg)no-repeat center center;
}

footer .menu li a{
  color:#fff;
  padding:10px;
  text-decoration:none;
}

footer .menu li a:hover{
  color:#7dabdb;
}

.fab.fa-facebook , 
.fab.fa-instagram , 
.fab.fa-pinterest , 
.fab {
  color:white;
  font-size:30px;
  padding:10px;
}

.fab.fab-facebook:hover, 
.fab.fab-instagram:hover,
.fab.fab-pinterest:hover, {
  color:#6794c2;
}

#nav a {
	color:#fff;
	font-size: 1.2em;
	text-decoration: none;
}
*/