/*
MENU BOOK NOW MOBILE DESKTOP
*/

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: white;
    margin-right: 0.2em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }

  img.ui-datepicker-trigger {
    display: none;
}  

ol.carousel-indicators {
    z-index: 1!important;
}

.responsive-img{
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 1900px) {
  .responsive-img{
    height: 100%;
    width: 100%;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
  .responsive-img{
    height: 100%;
    width: 100%;
  }
  .section-info{
    height: 100%!important;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
  .responsive-img{
    height: 100%;
    width: 100%;
  }
    .section-info{

  }
 }






      .row.booknow{
        align-items:center;
        margin-top: 15px;
        margin-left: 45px;
      }
      .logo{
        margin-left: 20px;
      }

    span.resumo {
    color: white;
}
      .lang{
        font-size:xx-large;
        font-weight: 700;
        color:#55c6a6;

      }

      .lang a{
        
                width: 50%;
        float:left;
        color:#56deac !important;
      }

      .row.booknowonmenu{
        display: none;
      }

      .room-copy-light{
      	color:white;
      	
      }
      .room-copy-dark{
      	color: #192228;  

      }

      @media screen and (max-width: 1072px) {

        
          .room-photo{
           padding-top:100px;
          }

        .row.booknow {
            align-items:center;
            padding-top: 2px;
            padding-left: 1px;
            margin-left:0px;
          }
          .btn-book{
            width: 105px;
          }
          div.overlay-content {
              position: relative;
              top: 8%;
              width: 100%;
              text-align: center;
              margin-top: 30px;
        	}
        input.btn-header {
            width: 160px;
        }

        button#dropdownMenuButton{
        	width: 160px;
        }
        .row.booknow{
        	margin-left: 96px;
        }
        button.form-control.btn.btn-secondary.btn-book{
        	width: 126px;
        }

       

      }
      .welcome-title{
          position: absolute;
          padding: 8px;
          max-width: 100%;
          font-weight: 300;
         /* font-size: -webkit-xxx-large;*/
          text-align: center;
          color: #caac7c;
          /* left:18%; */
          /* right:18%; */
          /* bottom:35%; */
          /*font-weight: 600; */
          /*line-height: 120%;*/
          text-transform: uppercase;
          margin-left: auto;
          margin-right:auto;
          display:block;
        }


        @media screen and (max-width: 900px) {
        	 .row.booknow{
             margin-left:59px;
          }
          
        }
        @media screen and (max-width: 828px) {
  
          input.btn-header{
            width: 140px;
            margin-right:5px;
          }

         button#dropdownMenuButton{
        	width: 140px;
        	margin-right: 10px;
        }
         	 .row.booknow{
             margin-left:109px;
          }

        } 
	 @media screen and (max-width: 767px) {
          .row.booknow{
             margin-left:88px;
          }
   }

		 @media screen and (max-width: 738px) {
		 	div.overlay-content{
		 		top:13%;
		 		
		 	}
		 	.overlay a{
		 		font-size: 30px !important;
		 		padding: 0px !important;
		 	}

		 }


        /*
    Media screen display none - para BOOK NOW
        */   
        .col-xs-1.sectionBtnMobile{
            display:none;
        }
        .col-xs-8.sectionLogoMobile{
            display:none;
        }
        .col-xs-3.sectionBookNowMobile{
            display:none;
        }
        
        @media screen and (max-width:463px) {
            img.logo-big-header {
                width: 240px;
            }
        }
        
        @media screen and (max-width:427px) {
            img.logo-big-header {
                    width: 176px;
                    margin-top: 17px;
                    margin-right: 32px;
                }
        }
        @media screen and (max-width:362px) {
            img.logo-big-header {
                    width: 127px;
                    margin-top: 17px;
                    margin-right: 100px;
                }
        }

        @media screen and (max-width: 760px) {
            
        .col-xs-1.sectionBtnMobile{
                display:inline;
                padding-left:15px;
            }
            .col-xs-8.sectionLogoMobile{
                width: 55%;
                text-align: -webkit-right;
                float: right;
                display: inline;
                position: relative;
            }
            .col-xs-3.sectionBookNowMobile {
                display: inline;
                float: right;
                position: absolute;
                background-color: #54d7a8;
                color: #192027;
                margin: 10px;
                padding: 5px;
                width: 90px;
                text-align: center;
                right: 0px;
                font-size: small;
                top: 16px;
                font-weight: 600;
            }
        
        
            
                .col-md-3.sectionLogo { display:none;}
                .col-md-8.sectionBooknow{ display:none;}
                .col-md-1.sectionBtnsand{ display:none;}
		      
		      .col-md-1.sectionBtnsand{
		        width: 20%;
		      }
		      .col-md-3.sectionLogo{
		        width: 80%;
		      }
		      
		      .row.booknowonmenu{
		        display: -webkit-inline-box;
		      }
		      .overley a{
		          padding: 2px;
		        }
	         
	         .row.booknow{
	             margin-left:87px;
	          }
	          .sectionBooknow{
				display: none;
			}
        }
        

	@media screen and (max-width: 588px) {
		div.overlay-content{
			margin-top: 0px;
		}

		a.btnmenu{
			padding: 3px !important;
			font-size: 21px !important;
		}
		.row.booknowonmenu{
			display: grid;
			margin-top: 15px;
		}
		input.btn-header, button#dropdownMenuButton, button.form-control.btn.btn-secondary.btn-book{
			width: 75%;
			margin: 5px;

		}
		.overlay a{
			font-size: 22px;
		}
		.row.booknowonmenu{
			margin-top: 10px;
		}
		.lang{
			font-size: 20px;
		}

    .btn-header{
      height: 42px;
    }
	}

     @media screen and (max-width: 426px) {
     	.overlay a{
			padding: 1px;
		}
	      .col-md-1.sectionBtnsand{
	        width: 30%;
	        right: -8%;
	      }
	      .col-md-3.sectionLogo{
	        width: 70%;
	      }
	    

	      .row.booknowonmenu{
	        display: block;
	        padding-top: 0px;
	        padding-bottom: 0px;
	      }
     }

    @media screen and (max-width: 370px) {
        	a.btnmenu{
			padding: 1px !important;
			font-size: 20px !important;
		}
		.row.booknowonmenu{
	        display: block;
	        padding-top: 5px;
	        padding-bottom: 2px;
	      }
	      div.overlay-content{
	      	margin-top: 30px;
	      }
	      input.btn-header, button#dropdownMenuButton, button.form-control.btn.btn-secondary.btn-book{
			width: 75%;
			margin: 2px;
			height: 35px;

		}
		.lang{
			font-size: x-large;
		}
      	.col-md-1.sectionBtnsand{
      		padding-left: 8px !important;
      }
		
}

/*  LANDSCAPE IPHONE 6*/
@media only screen
	and (min-device-width: 300px)
	and (max-device-width: 736px)
	and (orientation:landscape){

		.overlay a{
			font-size: 22px !important;
		}
		.lang{
			font-size: 20px;
		}
	}

      
      
      .menu {
        position:fixed;
        z-index: 3;
        width:100%;
      }
      .btn-header{
        background: none;
        border: 2px solid #56deac;
        height:51px;
        color:#fff;
        width: 250px;
        color: #fff;
        margin-right: 25px;
        text-align:center;
        
      } 

      .btn-book{
        background: none;
        border: 2px solid #56deac;
        color:#fff;
        height:51px;
        cursor:pointer;
      }

      .book-room-btn{
        background: #56deac;
        border: 2px solid #56deac;
        width: 150px;
        color: #192027;
        cursor:pointer;
      }

      .book-room-btn-2{
        background: #192027;
        border: 2px solid #192027;
        width: 150px;
        color: #56deac;
        cursor:pointer;
        margin-top: 10px;
      }
    .overlay-mobile {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background-color: #192027;
        overflow-y: hidden;
        overflow-x: hidden;
        transition: 0.5s;
      }

      .overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background-color: #192027;
        overflow-y: hidden;
        overflow-x: hidden;
        transition: 0.5s;
      }

      .overlay-content {
          position: relative;
          top: 15%;
          width: 100%;
          text-align: center;
          margin-top: 0px;
          text-transform: uppercase;
      }

      .overlay a {
          padding-bottom: 15px;
          text-decoration: none;
          font-size: 30px;
          color: #FFF;
          display: block;
          transition: 0.3s;
          font-weight: 600;
      }
      .col-md-1.sectionBtnsand{
      	margin: 0px;
      	padding: 0px;
      }

      .overlay a:hover, .overlay a:focus {
          color: #f1f1f1;
      }

      .overlay .closebtn {
          position: absolute;
          top: 20px;
          right: 45px;
          font-size: 60px;
      }
      .book-hide{display: block}

      .room{

      }

      .room-info{
          padding:40px;
      }
      
      .section-info{
          padding: 40px;
          height: 100%;
      }

      .dark{
        background-color: #192027;
      }

      .dark h1{
          color: #56deac;
      }
       .dark h2{
          color: white;
      }
       .dark p{
          color: white;
          font-size: 22px;
          font-weight: 500;
      }
      .dark button{
          background-color:#56deac;
          border: 2px solid #56deac;
          width: 150px;
          color: #192027;
          cursor: pointer;
      }

      .green{
        background-color: #56deac;
      }
      .green h1{
          color: #192027;
      }
       .green h2{
          color: white;
      }
       .green p{
          color: #192027;
          font-size: 22px;
          font-weight: 500;
      }
      .green button{
          background-color:#192027;
          border: 2px solid #192027;
          width: 150px;
          color: #56deac;
          cursor: pointer;
      }
      .rust{
        background-color: #caac7c ;
      }
      .rust h1{
        color: #192027;
      }
      .rust h2{
        color: white;
      }
      .rust p{
        color: white;
        font-size: 22px;
        font-weight: 500;
      }
      .rust button{
          background-color:#192027;
          border: 2px solid #192027;
          width: 150px;
          color: white;
          cursor: pointer;
      }


      @media screen and (max-width: 768px){

        .col-md-8.sectionBooknow {
            width: 62%;
            padding: 0;
            z-index: 4;
        }
        .col-md-3.sectionLogo {
          width: 27%;
      }
      .col-md-1.sectionBtnsand {
            margin: 0px;
            padding: 0px;
            width: 0;
        }
      }

      @media screen and (max-width: 760px){
         .col-md-3.sectionLogo {
            width: 89%;
            padding: 0;
        }
      }
         @media screen and (max-width: 574px){
         .col-md-3.sectionLogo {
            width: 84%;
            padding: 0;
        }
      }
      @media screen and (max-width: 425px){
         .col-md-3.sectionLogo {
            width: 72%;
            padding: 0;
        }
      }

      @media screen and (max-width: 750px) {
        
        .room-photo{
          display: inline-grid;
        }        

      }    

      @media screen and (max-width: 835px) {
        
        .room-photo{
          display: inline-grid;
        }        

      }        

      @media screen and (max-height: 450px) {
        .overlay {overflow-y: auto;}
        .overlay a {font-size: 20px}
        .overlay .closebtn {
          font-size: 40px;
          top: 15px;
          right: 35px;
        }
        
      }
      
      @media screen and (min-width: 759px) {

      }

      @media screen and (max-width: 780px) {
         
         .book-hide{display: none}
      }
        ::-webkit-input-placeholder { /* WebKit browsers */
            color:    #FFF;
            font-size: large;
        }
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color:    #FFF;
            font-size: large;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color:    #FFF;
            font-size: large;
        }
        :-ms-input-placeholder { /* Internet Explorer 10+ */
            color:    #FFF;
            font-size: large;
        }

      button#dropdownMenuButton {
          font-size: large;
          color:    #FFF;
      }

      .booknowonpage h1 {
          color: #56deac;
          font-size: 34px;
          letter-spacing: 1px;
          font-weight: 700;
          margin-top: 25px;
      }
      

      h1{
        color: #56deac;
        font-size: 45px;
      }


      h2{
        color: #fff;
        font-size: 25px;
      }

      h3{
        color: #192027;
        font-size: 45px;
      }
      .dark h3 {
        color: white;
    }

      h4{
        color: #fff;
        font-size: 25px;
      }


      #scrollup {
        display: none;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 2;
        border: none;
        outline: none;
        background-color: #192027;
        color: white;
        cursor: pointer;
        border-radius: 10px;
        opacity: 0.8;
        padding: 8px;
      }

      #scrollup:hover {
        background-color: #192027;
      }

    .hide {
       display: none;
    }
    #btns{
        position:fixed;
        z-index: 3;
        width:100%;
      }

    .roomshome{
      position: absolute;
      bottom: 0px;
      width: 100%;
    }


    .booknowonpage{
      text-align: center;
    }
    .scrolloff {
        pointer-events: none;
    }

    .link
    {
       color:#192027;
       text-decoration: none; 
       background-color: none;
    }

    .link:hover
    {
       color:#fff;
       text-decoration: none; 
       background-color: none;
    }

    .link-number
    {
       color:#56deac;
       text-decoration: none; 
       background-color: none;
    }


    @media screen and (max-width: 767px){
        .roomshome{
        position: relative;
        }

      }

    .ui-datepicker {
      background: #fff; /* Old browsers */

      font-size:large;
      padding:10px;
      border:1px solid #56deac;
      display:none;
      }
       
      .ui-datepicker table {
      width:280px;
      color: #333;
      border-top:1px solid #56deac;
      }
       
      .ui-datepicker table td {
      text-align:center;
      border:1px solid #56deac;
      padding: 10px;
      color: #333;
      }

      .ui-datepicker table td:hover {
      background: #56deac;
      cursor: pointer;
      }
       
      .ui-datepicker a {
      cursor:pointer;
      text-decoration:none;
      color: #292b2c;
      }


       
      .ui-datepicker-prev {
        float: left;
      border: 4px solid #292b2c;
      padding-right: 10px;
      padding-left: 10px;
      color: #56deac !important;
      text-transform: uppercase;
      font-weight:bold;
      margin-bottom: 10px
      }

      .ui-datepicker-prev:hover {
      background: #292b2c;
      }

      .ui-datepicker-next:hover {
      background: #292b2c;
      }
       
      .ui-datepicker-next {
        float: right;
      border: 4px solid #292b2c;
      padding-right: 10px;
      padding-left: 10px;
      color: #56deac !important;
      text-transform: uppercase;
      font-weight:bold;
      margin-bottom: 10px
      }
       
      .ui-datepicker-title {
      text-align: center;
      font-weight:bold;
      padding-top: 5px;
      visibility: visible;
      }

      td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled{
        background: #f5f5f5;
        cursor: text;
      }

      input[type=number]::-webkit-inner-spin-button { 
          -webkit-appearance: none;
          cursor:pointer;
          display:block;
          width:8px;
          color: #333;
          text-align:center;
          position:relative;
      }

      input[type=number]:hover::-webkit-inner-spin-button { 
          background: url('imgs/setas.png') no-repeat 50% 50%;  
          width: 50px;
          height: 50px;
          position: relative;
          right: -21px;
      }

      .nnightsbook input[type=number]:hover::-webkit-inner-spin-button { 
          background: url('imgs/setas.png') no-repeat 50% 50%;  
          width: 45px;
          height: 45px;
          position: relative;
          right: -12px;
      }
      
      
      .certificated-align{
            text-align:right;
            margin-right:10px;
      }
        
      @media screen and (max-width: 767px){
            .certificated-align{
                text-align:center;
            }
      }