/*finder   transparent*/
 body #finder .all-rooms-box {
    bottom: 5px !important;
    top: auto !important;
    right: auto !important;
	min-width: auto !important;
	border: none !important;
  }
  
  body #finder .all-rooms-box p {
	      font: 12px/20px @montserrat;
  }
  




  body header #finder {
     border-bottom: none !important;
    background: transparent !important;
        height: 85px !important;
    min-height: 102px  !important;
      box-shadow: none !important;
  }
  

body header #finder form .form-group {
	    margin: 22px 3px 10px 3px;
}



 
  
  body header #finder form .form-group {
   background: white;
    margin: 22px 3px 10px 3px !important;
    height: 58px;
    border: 1px solid #f5f5f5;
	border-radius: 5px;
  }
  
body header #finder form .form-group.boton {
border: 0;
    margin: 14px 27px 0 -12px !important;
    width: 119%;
    background: 0;
    padding: 10px 4px 11px 1px !important;
}

  body header #finder form label {
    margin-top: -22px;
    color: #616161;
}
  /************************************************/
  /*** for white bg only **///
  
  
    body header #finder {
    border-bottom: 1px solid #c5c5c5 ;
    background: white ;
        height: 85px;
    min-height: 102px ;
      //box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  }
  
  
  
    body header #finder {
    
       border-bottom: 2px solid #f5f5f5; 
  }
 
  
  body header #finder form button {
    height: 58px;
    border-radius: 8px;

  }
  
  /********** to send ***/
  body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones {
     float: left;
                  
  }


     
  /************ends *************/
  
   body header #finder form .form-group.on {
    border: 1px solid #b8973a;
    border-radius: 5px;
	background: #ffffffcf;
  }
  
       /*** calendar ***/
     #calendar-wrapper .ui-datepicker td a, .calendar-wrapper .ui-datepicker td a {
       color: #383838!important;
       
     }
     .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
           padding: 10px 1px 8px 1px;

     }
     
     #calendar-wrapper .ui-datepicker td, .calendar-wrapper .ui-datepicker td {
       background: none;
    border: none;
       height: 43px;
     }
     #calendar-wrapper .ui-widget-content .date-range-selected>.ui-state-default, .calendar-wrapper .ui-widget-content .date-range-selected>.ui-state-default {
       background-color: #9c8238;
    background: #9c8238;
    color: #fff !important;
    position: relative;
    border-radius: 50%;
       height: 40px;
    width: 40px;
       
     }

     /***ends**/
	 
   @media only screen and (min-width: 767px) {

      body header #finder form .form-group {
       background: white;
        margin: 22px 0px 10px 0px;
        height: 58px;
       border: 1px solid #cecece;
      }  

  
      body header #finder form input {
            height: 34px;
            border-bottom: none;
      }
      
      body header #finder form label {
        margin-top: -26px;
    	color:#616161;
      }


       

      /** finder results**/
      body header #finder .opciones-finder .opcion.area .ciudades ul li a {
           color: black;
        
      }
      body header #finder .opciones-finder .opcion.area .ciudades ul li a:hover, body header #finder .opciones-finder .opcion.area .ciudades ul li a.activo {
            color:#9c8238;
        background: #f9f9f9;
      }
      body header #finder .opciones-finder .opcion.area .hoteles ul li a:hover, body header #finder .opciones-finder .opcion.area .hoteles ul li a.activo {
           color: #9c8238;
        background: #f9f9f9;
      }
      

      
      body header #finder .opciones-finder .opcion.area .hoteles ul li a {
            color: black;
      }
      
      body header #finder .opciones-finder .opcion.area {
        padding-left: 0px;
        margin-top: -30px;
      }
      
     
      
      /** city results **/
      
      body header #finder .opciones-finder .opcion.area .ciudades {
      background: white;
        height: 157px;  
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            width: 378px;
            border-top: 1px solid #eef0f1;
        border-left: 1px solid #eef0f1;
        border-bottom: 1px solid #eef0f1;
      }
      
        body header #finder .opciones-finder .opcion.area .hoteles {
           margin: 0 0 0 0;
        background: white;
        height: 157px;
        border-bottom-right-radius: 5px;
          width: 384px;
          border-top: 1px solid #eef0f1;
        border-right: 1px solid #eef0f1;
        border-bottom: 1px solid #eef0f1;
        border-top-right-radius: 5px;
      }
      
      body header #finder .opciones-finder .opcion.area .ciudades ul li a {
          font: 20px/38px @montserrat;  
      }
      body header #finder .opciones-finder .opcion.area .hoteles ul li a {
           font: 20px/38px @montserrat; 
      }
      
      body header #finder form .form-group.on.ico-lupa {
        border: 3px solid #b8973a;
        border-radius: 5px;
        background: none
      }
      
      /** calendar*******************/
      .ui-datepicker-group-first{
    	  border-right: 2px solid #f5f5f5;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding-top: 0;
      }
      
      #calendar-wrapper .ui-datepicker.ui-datepicker-inline, .calendar-wrapper .ui-datepicker.ui-datepicker-inline {
    	  padding-bottom: 0;
      }
      
      
      #calendar-wrapper .ui-datepicker.ui-datepicker-inline, .calendar-wrapper .ui-datepicker.ui-datepicker-inline {
           background: white;
         margin-top: -30px;
        margin-left: 331px;
        border: 1px solid #eef0f1;
      border-radius: 5px;
        
      }
      
      #calendar-wrapper .ui-widget-header, .calendar-wrapper .ui-widget-header {
        font-size: 14px;
      }
      
      #calendar-wrapper, .calendar-wrapper {
            width: 69%;
      }
      
     
              body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .edad-hijos {
           
              border: none;
         }
         
         
      /** guests*/
           /********** guests***/
         body header #finder .opciones-finder .opcion .box-habitaciones {
            margin: -3px 0px -13px 31px;
            width: 100%;   

         }
         
         body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos .contador h5 {
    		    font: 13px/27px @montserrat;
            font-weight: 200;    		 
    	   }
    	 
    	 
    body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes {
          max-width: 248px;
      border: none;
        border-radius: 0;
        border-left: 2px solid #f5f5f5;
        padding: 0px 15px 0 8px;
    	margin: 0;
    	float: left
         }
    	 body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .edad-hijos label {
    		 width: 60px;
    	 }
    	 
    	 
         body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .titulo {
    		background: transparent;
        color: transparent;
        height: 6px;
    	 }
    	 
    	 
         body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .titulo h4 {
               border-bottom: none;
       color: black;
       text-align: center;
       padding: 0;
           font: 12px/38px @montserrat;
    	   font-weight: 600;
    	   text-transform: capitalize;
         }
         
         body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos {
        border-right: none;
    }
     body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos .controles a.mas {
    	 height: 42px;
     }
     
      body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .menores .contador h5 {
    	 font: 13px/27px @montserrat;
        font-weight: 200; 
      }
      
       body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .menores .controles a  {
    	 height: 42px;  
       }
       
       body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .menores .contador .num-menores {
    	  font: 39px/57px @montserrat;
        font-weight: 200;
        color: black; 
       }
       
       
         
      body header #finder .opciones-finder .opcion.huespedes {
            background: white;
    		padding: 0;
        border: 2px solid #eef0f1;
        border-radius: 5px;
    		
      }
    body header #finder .opciones-finder .close-finder {
     top: 0px;
          z-index: 9999;
      }
       body header #finder .opciones-finder {
       background: transparent;
      top: -11px;

      }
         
    body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos .contador .num-adultos {
    	    font: 39px/57px @montserrat;
        font-weight: 200;
        color: black;
    	
    }
      body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .contador .num-habitaciones {
    	  
    		  
    		font: 63px/80px @montserrat;
     
        color: black;  
    	  }
    	  
    	body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones {
                min-width: 132px !important;
      }
  	  
      body header #finder .opciones-finder .opcion.huespedes.on {
        padding: 0 ;
        position: relative;
        clear: both;
        margin-top: 2px;
        box-shadow: 0px 2px 1px 1px #dddddd !important;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        width: 99.9%;
        margin-left: 3px;
        background: white;
        height: 190px;
     
      }
      
      body header #finder .opciones-finder .opcion.huespedes {
       
            position: relative;
        clear: both;
      }
  }
  
  @media (max-width: 1279px) {
    #calendar-wrapper .ui-datepicker.ui-datepicker-inline, .calendar-wrapper .ui-datepicker.ui-datepicker-inline {
    background: white;
    margin-top: -25px;
    margin-left: 280px;
}
    .opciones-finder .opcion.area .ciudades ul li a {
    font: 18px/38px @montserrat;
}
    body header #finder .opciones-finder .opcion.area .ciudades {

    width: 327px;
   
}
    body header #finder .opciones-finder .opcion.area .hoteles ul li a:hover, body header #finder .opciones-finder .opcion.area .hoteles ul li a.activo {
 
    font: 18px/38px @montserrat;
}
    body header #finder .opciones-finder .opcion.area .hoteles {
 
    width: 334px;
}
    
  }
  
  
    @media (max-width: 1023px) {

  		body header #finder .opciones-finder .opcion .box-habitaciones {
        width: 25%;
        text-align: left;
        float: left;
        z-index: 99;
        margin: -3px 33px -7px 6px;
      }


  		body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes {
  		
  		    padding: 0;	
  			   
  		}
		
		
      body header #finder {
        height: auto !important;
      }
      body header #finder .opciones-finder .opcion.huespedes.on {
    z-index: 0;
    position: relative;
    clear: both;
	width: 100%;
	height: auto;
	border:none;
	    box-shadow: none !important;
}
      
      body header #finder form .ico-lupa {
    padding-left: 90px;
    background: url(../images/ico-lupa-finder.png) no-repeat 10px center;
}
      
      
      body header #finder form .form-group.on {
            background: white;
        
      }
      #calendar-wrapper, .calendar-wrapper {
    width: 100%;
}
      #calendar-wrapper .ui-datepicker.ui-datepicker-inline, .calendar-wrapper .ui-datepicker.ui-datepicker-inline {
  
    margin-left: 0;
}
      
      
      body header #finder .opciones-finder .opcion.area .ciudades {
    width: 49%;
}
      body header #finder .opciones-finder .opcion.area .hoteles {
    width: 50%;
}
      
      body header #finder .opciones-finder .opcion.area .ciudades {
        border-right: 2px solid #9c8238;
        border-bottom: none	;
      }
      body header #finder .opciones-finder .opcion.area {
        background: white;
            margin-top: 11px;
            padding: 20px !important;
      }
      
       body header #finder form .form-group
      {
       border: 1px solid #f5f5f5;
     }
       body header #finder form input {
       border-bottom:none;
     }
     
      
      .form-group.on {
    border: 3px solid #b8973a;
    border-radius: 5px;
    background: white;
}

      
      body header #finder form input {
        height: auto;
      }
      
      body header #finder form label {
    margin-top: 0;
}
      body header #finder form .form-group {
        margin: 0px 0px 0px 0px;
   height: 90px;
        
      }
      
      body header #finder .opciones-finder {
    background: white;
    top: 0px;
    }

  /****************   send ***************/
  
     body header #finder form button {
                                                  
      max-width: 175px;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
                                   }
                                   
    body header #finder form .form-group.boton {
        margin: 13px 27px 0 -12px!important;
    }
    
    body header #finder form button {
                height: 56px;
    }

    
    
  /******* ends*************/
 
  }
  
   @media only screen and (max-width: 767px) {

    body header #finder form .form-group.boton {
                   margin: 0 !important;  
                   padding: 0 !important;
                   width: auto !important;
     }

    body header #finder form button {
        top: 0% !important;
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        width: 50% !important;
    }


	   body header #finder .opciones-finder .opcion .box-habitaciones{
		    margin: -3px 0px -13px 31px !important;
        width: 100% !important;
	   }

	   body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .contador .num-habitaciones {
		       color: black;
	   }
	   
	   
	   
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .titulo {
		 background: transparent;
	   }
	   
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes {
		 border: none;  
	   }
	   
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .titulo h4 {
		  color: black; font-weight: 500;border-bottom: none;
	   }
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos .contador .num-adultos {
		       font-weight: 200;
    color: black;

	   }
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .adultos {
		   border-right: none;
	   }
	   body header #finder .opciones-finder .opcion .box-huespedes .control-huespedes .ocupacion .edad-hijos {
		   border: none;
	   }
	   
	   
	      #calendar-wrapper .ui-widget-content .date-range-selected>.ui-state-default, .calendar-wrapper .ui-widget-content .date-range-selected>.ui-state-default {
			    height: 35px;
    width: 35px; 
			  
		  }
		  .ui-state-default, .ui-widget-content .ui-state-default{
			padding: 8px 1px 4px 0px;  
		  }
		  
		  
     body header #finder .opciones-finder .opcion.area .ciudades {
    border-right: none;
           border-bottom: 2px solid #9c8238;
   width: 100% !important;
}
     
     

     
     body header #finder .opciones-finder .opcion.area .hoteles {
    width: 100% !important;
    margin: 0;
    height: auto;
}
     

     body header #finder form .form-group
      {
       border: 1px solid #f5f5f5;
     }
     
     body header #finder form input {
       border-bottom:none;
     }

  }

  @media (max-width: 1024px){
      
      /*** finder fix**/
      body header #finder .opciones-finder .opcion.huespedes.on {
          width: 100%;
      }
      body header #finder .opciones-finder .opcion .box-habitaciones {
         margin: -3px 76px -7px 63px; 
         width: 10%;
      }
      body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .contador h5 {
         position: absolute;
         top: 15px;
         left: 50%;
        font-weight: 500;
      }
      body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .contador h5 .small {
        display:none;  
      }
      body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .controles {
            padding: 44px 0;  
      }
      body header #finder .opciones-finder .opcion .box-habitaciones .control-habitaciones .contador .num-habitaciones {
         padding: 17px 0; 
      }
    }
      /**** ends***/