/* Formato Inicial */

/* Palette 

Gris Oscuro rgb(85,91,11x0); #555B6E; #07230b  rgb(7,35,11) 52, 78, 65    144,198,202
Verde Oscuro rgb(137,176,17x4); #89B0AE; #005e09  rgb(0,94,9) 58, 90, 64  134,118,102
Verde Claro rgb(190,227,21x9); #BEE3DB; #96b60b rgb(150,182,11) 88, 129, 87  213,195,170
Claro rgb(250,249,24x9); #FAF9F9; #e3eb7b  rgb(227,235,123)  218, 215, 205   250,245,240
Naranja rgb(255,214,17x6); #FFD6BA; #b8d1e1  rgb(184,209,225)  217,4,41   0,0,0

*/

 * {
	margin:0;
	padding:0;
	border:0;
	box-shadow: 0;
	box-sizing: border-box;
	}
	
body {
	background:rgb(255,255,255);
    color: rgb(0,0,0); 
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-align:center;
	overflow-x: hidden;
    }	
	
.container-fluid{
	margin-top:0px; 
	margin-right:0px; 
	margin-left:0px; 
	margin-bottom:0px;
	padding: 0px 0px 0px 0px;}
	
.container {

width:95%;
margin:auto;
padding:10px;
position:relative;


}	

.modal-content {

width:95%;
margin:auto;
padding:0px;
position:relative;
background:rgba(250,245,240,1);

}

.container1 {
position:relative;
width:100%;
margin:auto;
color:black;
border:1px solid rgba(50,50,50,.20);
border-radius:5px;
padding:10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
}
 
h1 {font-size: calc(2em + 2vw); font-family: 'Montserrat', sans-serif;

color: lime;
	
	-webkit-text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;
    -moz-text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;
    text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;


} 

h2 {color:white;}
 
h3 {font-weight:bold; font-size:30px; }





/*SocialMedia*/

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

.socialh2  {
  color: rgb(255,255,255) !Important;
  font-weight:bold;
  background: black;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:5px;
  padding-bottom:5px;
  
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  display: block;
  margin-right:1px;
  margin-left:1px;
  color: black;
}


section.contact ul.list-social li.social-facebook a:hover {
  background-color: black;
  transition: all 1s;
	 transform: scale(1.1) !Important;
}



.fa-heart {color: rgb(144,198,202) !Important;}


.bg-primary {
  background: darkkhaki !Important;
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.soinli{display:inline-block;}

.header3 {background: url(http://www.thehills.com.ar/images/pattern1.jpg) 100% 0;}

.iconwhite{color:rgb(144,198,202);
background:black;
border-radius:50px;
width:70px;
height:70px;
padding-top:10px;
margin-left:15px !Important;

margin-right:15px !Important;
}


/*Fin Social Media*/

/*formulario*/

.contform {
position:relative;
background: rgb(40,40,40);
background: linear-gradient(0deg, rgba(40,40,40,1) 0%, rgba(120,120,120,1) 80%);
background: url(http://www.thehills.com.ar/images/pattern1.jpg) 100% 0;

}


.form-ads {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	border-radius:10px;
	z-index:10001;
}

.btnform {
    margin-top:20px;
	margin-bottom:10px;	
	background:rgb(144,198,202);
    border-radius:10px !Important;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10%;
	padding-right:10%;
	color: red;
	font-size:20px;
	
	
}

.btnform:hover , .btnform:focus {
	background:red;
	color:rgb/144,198,202);
	
}

.formh2{
	
color: rgb(255,255,255) !Important;
  font-weight:bold;
  background: black;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:5px;
  padding-bottom:5px;	
	
	
}

/*Fin Formulario*/


 /*---acordeon---*/

#container-main{
	margin:10px auto;
	width:95%;
	
	
}


.accordion-container {
	width: 100%;
	margin: 0 0 10px;
	clear:both;
}

.accordion-titulo {
	position: relative;
	display: block;
	padding: 10px;
	font-size: 24px;
	font-weight: 300;
	background: rgb(213,195,170);
	color: rgb(250,245,240);
	text-decoration: none;
}

.accordion-titulo.open {
	background: rgb(213,195,170)
	color: rgb(250,245,240);
}
.accordion-titulo:hover , .accordion-titulo:focus , .accordion-titulo:active{
	background: rgb(213,195,170);
	color:rgb(250,245,240);
	text-decoration:none;
}

.accordion-titulo span.toggle-icon:before {
	content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
	content:"-";
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 3px;
	right: 20px;
	font-size: 38px;
	font-weight:bold;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}

.accordion-content p{
	margin:0;
}

.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	width: 50%;
	height: auto;
}


@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
	}
}

/*Fin Acordeon

/*Suscribete*/

.sush3 {color: rgb(255,255,255) !Important ; }

.susinput{border-radius: 10px !Important; 
    margin-top:5px;
	margin-bottom:5px; 
	border-radius:100px;}

.login3 {
    margin-top:5px;
	margin-bottom:5px;	
	background:rgb(144,198,202);
	
	border-radius:10px !Important;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10%;
	padding-right:10%;
	padding-top:5px;
	padding-bottom:5px;
	color: red;
	font-size:20px;
	
}

.login3:hover , .login3:focus {
	background:red;
	color:rgb(144,198,202);
	}

@media (max-width: 1279px) {



.parallax1 {
	
	
	background: url(http://www.thehills.com.ar/images/parallax.jpg) 80% 0;
	 background-position: center;
      background-size: cover;
	background-attachment: fixed; 
    height:500px;
   
}

.suscribete h3 {color: rgb(250,245,240); font-size:25px; font-weight:bold;}

}

@media (min-width: 1280px) {

.parallax {
	
	height:500px;
	background: url(http://www.merlocentro.com.ar/images/parallax.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed;
    


}

.parallax1 {
	
	
	background: url(http://www.thehills.com.ar/images/parallax.jpg) 100% 0;
	background-position: center;
     background-size: cover;
	background-attachment: fixed; 
	height:600px;
	padding-top:180px;
	


}

.suscribete h3 {color: rgb(250,245,240); font-size:30px;}



}

/*Fin Suscribete */


 /* footer*/
	footer {
	background: rgb(255,255,255);
    
	color: rgb(150,150,150);
	text-align: center;
	margin:auto;
	}
	
	
	
.dark div{
  
  border-bottom:solid 1px rgb(150,150,150);
  width:100%;
  height:10px;
  
}	



.container-logo {margin:5px 5px 5px 5px;
padding:0px 0px 0px 0px;
}
	
@media (min-width: 1280px) {
	
.navbarbranddiv{width:400px;}
	
footer .footeralign {
	
	text-align:center;
    margin-left:100px;
}	

footer .footeralign2 {
	
	text-align:center;
	
	
    
}	



.logo {
	
width:350px;

position:fixed;

top:20px;

left:20px;

}

}

@media (max-width: 1279px) {
	
	
footer .footeralign {
	
	text-align:center;
    margin-left:30px;
}	

footer .footeralign2 {
	
	text-align:center;	
    
}	

.logo {
	
width:250px;

position:fixed;

top:15px;

left:10px;

}

}

.footeraligncenter {margin:auto;}


footer .container3 {

	margin:auto;
    width:80%;
}	
	
footer h2 {
	
	color:rgb(0,0,0);
	font-size:30px;
	
}	
	
footer h3 {
	
	color:rgb(144,198,202);
	font-size:35px !Important;
	font-weight:bold !Important;
	
}

footer a , footer p  {
	
	color:rgb(80,80,80);
	font-size:20px;
	text-decoration:none;
	
	
}




 footer i {
	 text-align:center;
	 color:rgb(80,80,80) !Important;
	 border-radius:50px;
	 background: rgb(144,198,202);
	 font-size:40px !Important;
	 width:60px;
	 height:60px;
	 padding-top:10px;
 }

 
 
 
 

 h5 {color:rgb(150,150,150);}

/*Fin Footer */


/*Reserva */
.header1{position:relative;}

.reservainput2 {border-radius:60px; 

	}

.input-group-addon {border-radius:60px; 

	}

.input-group {margin-top:5px; margin-bottom:5px;}
	
	
.login1 {
    
	margin-top:5px;
	margin-bottom:5px;
	background:rgb(0,0,0);
	border:0 !Important;
	border-radius:60px !Important;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10%;
	padding-right:10%;
	color: rgb(144,198,202);
	font-size:20px;
	font-weight:bold;
	width:200px;
}

.login1:hover , .login1:focus , .login1:active{
	background:rgb(144,198,202);
	color:rgb(0,0,0);
}	
	

@media(min-width: 1280px) {

.reserva {
	
	display:block;
	position: absolute;
    top: 70%;
    left: -102.5%;
    width: 95%;
      
    z-index:1;
    background: rgba(134,118,102,.6);	
	border: 0px solid rgba(134,118,102,.6);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border-radius:0px;
}

.imgreserva{
	
	display:block;
	position: absolute;
    top: -60px;
    left: -490px;
    width: 80%;      
    z-index:1;
	width:10%;
	
}

.mensaje {
	display:block;
	position:absolute;
	top: 55%;
    left: 10%;
    width: 80%;	
	z-index:1;
	

}

.mensaje h2 , .mensaje h1 , .logop , .h1msj {color:rgb(255,255,255); font-size:90px; font-family: 'Montserrat', sans-serif; }

}


.botonportada {
	
padding:20 30 20 30 ;
margin:10 10 10 10 ;
background: rgb(144,198,202);
border-radius:10px;
color: red;
font-size:20px;
font-weight:bold;
	
	
}

.botonportada:hover {text-decoration:none; color:rgb(144,198,202); background:red; }

@media(max-width: 1279px) {
	
.imgreserva{
	
	display:none;
	position: absolute;
    top: 100%;
    left: 50%;
    width: 80%;
    margin:  -90% 0 0 -40%;    
    z-index:1;
	width:40%;
	
}	

.reserva {
	
	display:block;
	width:95%;
	margin:auto;
	margin-top: 20px;
	margin-bottom:20px;
	margin-left:-102.5%;
    background: rgb(134,118,102);
background: linear-gradient(0deg, rgba(134,118,102,1) 0%, rgba(213,195,170,1) 95%);
	border: 0px solid rgba(0,0,0,.2);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	border-radius:0px;
}

.mensaje {
	display:block;
	position:absolute;
	top: 70%;
    left: 10%;
    width: 80%;
	
	z-index:1;
}

.mensaje h2 , .mensaje h1 , .logop  , .h1msj {
color:rgb(255,255,255); 
font-size: 48px; 
font-family: 'Montserrat', sans-serif;

    -webkit-text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;
    -moz-text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;
    text-shadow: 4px 4px 6px rgba(0,0,0,.5) !Important;


}



.reserva h2 , .reserva h1{color:rgb(255,255,255); font-size:30px; font-family: 'Montserrat', sans-serif;text-shadow: 0px 0px 7px rgba(14,1,1,0.7);}

}


/*Fin Reserva */

/*Slider1*/

.container1ventajas2 { 

margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border:1px solid rgba(0,0,0,.5);
border-radius:0px;
padding-bottom:10px;

}

.titlevent2 {
	
padding-top:20px;
padding-bottom:20px;	
padding-left:20px;
padding-right:20px;
color:rgb(144,198,202);

}

.textvent{
	padding-top:20px;
padding-bottom:20px;	
padding-left:20px;
padding-right:20px;
	
}

.h1vent{font-size:30px;
font-weight:bold;}



/*Fin Slider1*/


/*Slider2*/

.container1ventajas3 { 

margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border:1px solid rgba(144,198,202,.5);
border-radius:0px;
max-height:500px;
height:500px;
}

.titlevent3 {
	
padding-top:20px;
padding-bottom:20px;	
padding-left:20px;
padding-right:20px;
font-weight:bold;
color:rgb(0,0,0);

}

.textvent3{
	padding-top:20px;
padding-bottom:20px;	
padding-left:20px;
padding-right:20px;
	
}

.h1vent{font-size:30px;
font-weight:bold;}



/*Fin Slider2*/


 /* Loader */
 .loader {
  width: 150px;
  height: 150px;
  border: 10px solid rgb(0,0,0);
  border-top: 10px solid rgb(255,255,255); 
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
 .loader {
    position: fixed;
    left: 50%;
    top: 25%;
	margin-left:-75px;
    z-index: 9999;
    opacity: .8;
}

/*Fin Loader*/


/*Animar Backgroud*/


 .box div {
height: 30px;
width: 30px;
position: absolute;
top: 10%;
left: 10%;
animation: animate 4s linear infinite;
background: rgba(255,255,255,.5);
border-radius: 15px;
z-index:100000;
}
.box div:nth-child(1) {
top: 20%;
left: 20%;
animation: animate 8s linear infinite;
}
.box div:nth-child(2) {
top: 26%;
left: 89%;
animation: animate 10s linear infinite;
}
.box div:nth-child(3) {
top: 80%;
left: 90%;
animation: animate 5s linear infinite;
}
.box div:nth-child(4) {
top: 65%;
left: 75%;
animation: animate 7s linear infinite;
}
.box div:nth-child(5) {
top: 90%;
left: 10%;
animation: animate 9s linear infinite;
}
.box div:nth-child(6) {
top: 30%;
left: 60%;
animation: animate 5s linear infinite;
}
.box div:nth-child(7) {
top: 70%;
left: 33%;
animation: animate 8s linear infinite;
}
.box div:nth-child(8) {
top: 75%;
left: 60%;
animation: animate 10s linear infinite;
}
.box div:nth-child(9) {
top: 23%;
left: 50%;
animation: animate 6s linear infinite;
}
.box div:nth-child(10) {
top: 35%;
left: 7%;
animation: animate 10s linear infinite;
}
@keyframes animate {
0% {
transform: scale(0) translateY(0) rotate(50deg);
}
100% {
transform: scale(1.6) translateY(-250px) rotate(360deg);
}
}
 
 
 
 
 /*Fin animar back */

/* Break Point Nav Bar */
 
 
/*Scroll*/
.inline-photo {
  
  opacity: 0;
  transform: translateY(8em) translateX(0em) rotateZ(-0deg);
  transition: transform 3s .25s cubic-bezier(0,1,.3,1),
              opacity 1s .25s ease-out;
  
  will-change: transform, opacity;
}

.inline-photo.is-visible {
  opacity: 1;
  transform: rotateZ(-0deg);
}

header {
  opacity: 0;
  transition: opacity .5s .25s ease-out;
}

header.is-visible {
  opacity: 1;
}

.main-photo {
  transform: scale(.8);
}

.heading {
  transform: translate(-50%, calc(-50% + 1em));
}

.is-visible .main-photo {
  transform: none;
}

.is-visible .heading {
  transform: translate(-50%, -50%);
}

.main-photo,
.heading {
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              filter 10s 2s ease-out;
  will-change: transform;
}
/* Fin Scroll */


/*Contact1*/

.contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
.contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
 /*Fin Contact1*/
 
 .soinli{display:inline-block;}


.pink {color:rgb(255,71,24);}

.titleh2black {color:black; font-weight:bold;  font-family: 'Montserrat', sans-serif;}
.titleh2rosa{color:rgb(144,198,202); font-weight:bold ; font-family: 'Montserrat', sans-serif;}
.soinli3{display:inline-block;}

.container1ventajas4 { 

margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border:0px solid rgba(144,198,202,.5);
border-radius:0px;
max-height:400px;
}

.imgvent20 { display:flex; justify-content: center; height:80px;}

.imgvent21 { display:flex; justify-content: center; height:120px;}

/* Centrar Imagen */
.imgvcontainer {
	display: flex;    
    justify-content: center;

}