/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
 
@media screen and (max-width: 560px) {
  .modal-dialog{
    max-width: 95%;
  }
} 

@media screen and (max-width:  560px) {
  .textstyle{
    font-size: 14px !important;
  }
}

.customcursor {
  cursor: pointer;
}

.modal-dialog{
    width: 1000px;
}

.modal-content{
    max-width: 400px;
    text-align: center;
    padding: 30px;
    width: 100%;
    overflow: hidden;
    font-family: sans-serif;
    margin: 0 auto;
    border-radius: 2px;
}

.modal-content-room{
    background-color: #fff;
    max-width: 800px;
    text-align: center;
    padding: 30px;
    width: 100%;
    overflow: hidden;
    font-family: century gothic;
    margin: 0 auto;
    border-radius: 2px;
}

.modal-content-room h4 {
    text-align: center;
    color: #adad85;
}

.modal-content-room h5 {
    text-align: center;
    color: black;
}



.modal-content h4{
    text-align: center;
}

.modal-content input[type=text], input[type=password]{
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 25px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.modal-header {
    text-align:center;
}

html {
  scroll-behavior: smooth;
}

body {
  padding-top: 56px;
}

.btn {
  color: white;
  background-color: grey;
  border-style: none;
}

.btn:hover {
  background-color: darkgrey;
}

::-webkit-input-placeholder {
   text-align: center;
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;
   color: black;  
}

:-ms-input-placeholder {  
   text-align: center;
   color: #fff;
}

.formstyle {
  text-align: center;
}

.bgcolor1 {
  background-color: #ccccb3;
  opacity: 0.8;
}

.bgcolor2 {
  background-color: #c2c2a3;
  opacity: 0.8;
}

.bgcolor3 {
  background-color: #b8b894;
  opacity: 0.8;
}

.bgcolor4 {
  background-color: #adad85;
  opacity: 0.8;
}


.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;

}

.my-4 {
	text-align: center;
  color: rgba(39,62,84,0.9);
  padding-top: 50px;
}

.color {
  /*color: rgba(39,62,84,0.9);*/
  color: #4d4d33;
}

.card {
    background: rgba(39,62,84,0.82);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba( 61,53,75,0.25);
}

.textstyle {
  font-size: 18px;
}

.borderform {
  border-style: solid;
  border-radius: 4px;
  border-color: #b8b894;
  border-width: 2px;
}

.galleryspacing {
  padding: 5px;
}

.imgresp {
  width: 100%;
  height: auto;
}

.galleryimg {
  opacity: 0.9;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.galleryimg:hover {
  filter: none;
  opacity: 1.0;
}