body {
	font-family: 'Open Sans', Arial, sans-serif;
	background-image: url("Stressless.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}



.navbar-default {
    background-color: #9f7667;
    border-bottom: #f0f0f0 0px solid;
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
	margin-bottom: 0;

}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #9f7667;
    color: #ffffff;
}

.yellow{background-color: #f9dcd3;
	
}

.blue {color:#9f7667;
}

.black{color: #000000;
	
}




.navbar-nav li a:hover {
    color: #ffffff !important;
    background-color: #9f7667 !important;
}

.logomain {
    color: #9f7667;
	font-size: 18px;
	float: left;
	font-weight: bold;
	padding-top: 5px;
	padding-left:5px;
	
	
}

@media only screen and (max-width: 414px){
    .logomain {
    color: #9f7667;
	font-size: 14px;
	float: left;
	font-weight: bold;
	padding-top: 5px;
	padding-left:5px;
	
	
}
}
  

.logomains {
    color: #9f7667;
	font-size: 12px;
	
	
}

.left {
	float: left;
	
	
}




.logoright {
	
	color: #9f7667;
	font-size: 18px;
	float:right;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	
	
	
}
.tel {
	
	color: #9f7667;
	font-size: 18px;
	font-weight: bold;
	
	
	
	
}

@media only screen and (max-width: 414px){
    .tel {
	
	color: #9f7667;
	font-size: 12px;
	font-weight: bold;
	
	
	
	
}

}
.r {
    float:right;
    }
	.c {
    align:center;
    }

.splash {
	color: #9f7667; font-weight:bold;
}

.mainp {
	background-color:#ffffff;
}

.mainp1 {
	background-color:#bda096;
	color: #ffffff;
	
}

.mainp2 {
	background-color:#bda096;
	color: #ffffff;
	padding-top: 5px;
	padding-left:15px;
	padding-bottom:2px;
	text-transform: uppercase;
	
}

.thumbnail {
      padding: 0 0 0px 0;
      border: none;
      border-radius: 0;
	  background-color: #ffbf00;
	  
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 0px;
  }
  
  .topleft {
	  padding-top:10px; position:absolute;
	 color: #ffffff;
	  font-weight: bold;
	padding-left: 10px;
	font-size:18px;
  }
  
  .btn-city {
	  padding-top:10px; position:absolute;
	 color: #ffffff;
	  font-weight: bold;
	padding-left: 10px;
	font-size:18px;
  }
  
  .city {
	  font-size:32px;
	  text-shadow: 2px 2px 4px #9f7667;
  }
  
  
  .panel {
      border: 0px solid #9f7667; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
	  background-color: #ffbf00;
	  margin-bottom: 10px;
	  margin-top: 10px;
	  
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #9f7667;
      background-color: #fff !important;
      color: #9f7667;
  }
  
  .panel .btn:hover {
      border: 1px solid #9f7667;
      background-color: #9f7667 !important;
      color: #ffffff;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #ffffff !important;
      padding: 0px;
      border-bottom: 0px solid transparent;
	  border-top: 2px solid #ffbf00;
	  border-left: 0px solid transparent;
	  border-right: 0px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  
  
  .panel-footer {
      background-color: #ffbf00 !important;
	  margin-top: 0px;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #9f7667;
      color: #fff;
  }
  .panel .btn {
      margin: 15px 0 0 0;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:16px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
  
  .citybtn {
	  padding-top:10px; position:absolute; }
  .btn {
      margin: 25px 0 25px 0px;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:18px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
  
  @media only screen and (max-width: 414px){
    .btn {
      margin: 25px 0 25px 0px;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:18px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
}
  .btn:hover {
      border: 1px solid #ffbf00;
      background-color: #ffbf00 !important;
      color: #ffffff;}
	  
	
	
	 
  @media only screen and (max-width: 1000px){
    .btn {
      margin: 15px 0 0 0;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:14px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }
}


  .flinks {
	  background-color: #9f7667;
      color: #fff;
	  border-top: 3px solid #f9dcd3;
  }
  
  .white {
	  color: #fff;
	  }
  
  .topdistance {
	 padding-top:10px;
	 background-color: #ffffff;
}

.topdistance1 {
	 padding-top:2px;
	 background-color: #ffffff;
}
  
  blockquote {
    background-color: #FFFFCC;
    border-left: 0.5em solid #FFEB3B;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;font-style: normal;
	font-size:1em;
}

h1,h2 {
	font-size:18px;
	color: #9f7667;
	font-weight:bold;
}

.carousel-inner img {
    
    width: 100%; /* Set width to 100% */
    margin: auto;
}

.carousel-caption h3 {
    color: #fff !important;
}

@media (max-width: 600px) {
    .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
}

div.gallery {
    border: 1px solid #ccc;min-height:280px;
}

div.gallery:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

div.gallery img {
    width: 100%;
    height:auto;
}

div.galleryc {
    border: 1px solid #ccc;min-height:340px;
}

div.galleryc:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

div.galleryc img {
    width: 100%;
    height:auto;
}
div.gallery1 {
    border: 1px solid #ccc;min-height:230px;
}

div.gallery1:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

div.gallery1 img {
    width: 100%;
    height:auto;padding-top:0px;
}

div.desc {
    padding: 15px;
    text-align: left;font-size:16px;
}

div.desc1 {
    font-size:14px;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;padding-top:0px;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.responsive .btn {
      margin: 15px 0 0 0;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:18px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }


  .responsive .btn:hover {
      border: 1px solid #9f7667;
      background-color: #9f7667 !important;
  color: #ffffff;}
  
  .imgcontainer {
    position: relative; 
}

.center1 {
    margin: 0 auto;
}

.center {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}



.imgcontainer .btn {
      margin: 15px 0 0 0;
      background-color: #9f7667;
      color: #ffffff;
	  font-size:18px;
	  font-family: 'Open Sans', Arial, sans-serif;
	  font-weight: bold;
	  -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
  }

.imgcontainer img { 
    width: 100%;
    height: auto;
    
}
.imgcontainer .btn:hover {
      border: 1px solid #9f7667;
      background-color: #9f7667 !important;
  color: #ffffff;}
  
.logo {
	color: #ffbf00;
    font-size: 150px;
}

.whitecon {
background-color: #ffffff; }