html {
	font-size: 62.5%;
}
body {
	color: #626859;
	font-family: 'Raleway', sans-serif;
	font-size: 1.6rem;
}

h2{
	font-size: 4rem;
}
p{
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: .02rem;
	margin-bottom: 1.8rem;
}
a{
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.btn-primary,
.btn-primary:visited{
	background: rgba(98, 104, 89,.1);
	border: 1px solid #626859;
	border-radius: 30px;
	color: #626859;
	font-size: 2rem;
	font-weight: 400;
	padding: 0.75rem 3rem;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.btn-primary:hover,
.btn-primary:focus{
	background: rgba(98, 104, 89,1);
	border: 1px solid #626859;
	color: #fff;
}
.btn-secondary,
.btn-secondary:visited{
	background: rgba(98, 104, 89,1);
	border: 1px solid #626859;
	color: #fff;
	border-radius: 30px;	
	font-size: 2rem;
	font-weight: 400;
	padding: 0.75rem 3rem;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.btn-secondary:hover,
.btn-secondary:focus{
	background: rgba(98, 104, 89,.1);
	border: 1px solid #626859;
	color: #fff;
}


.color-white{
	color: white;
}
.bk-light{
	background: #f6f6f6;
}

.py-6{
	padding-bottom: 6rem;
	padding-top: 6rem;
}
.pt-6{
	padding-top: 6rem;
}
.pt-12{
	padding-top: 12rem;
}
/*************************************************
header
**************************************************/


#navbarNav{
	flex-direction: column;
	flex-grow: 0;
}
.navbar{ 
	background: linear-gradient(180deg, rgba(41, 43, 39, 1) 0%, rgba(41, 43, 39, 0) 100%); 
}
.navbar.fixed-top.scrolled {
  background: rgb(64, 68, 59, 1);
}
.navbar a{
	color: white;
}

@media(max-width: 991px){
	.navbar{
		background: rgba(64, 68, 59, 1);
	}
}


.navbar-brand{
	flex-grow: 1;
}

.dropdown-menu{
	background: rgb(40,39,35,1);
	border: none;
	margin: -4px 0 0;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active{
	background: rgb(61,59,53,1);
}
#header .navbar-nav .dropdown-menu a{
	font-size: .9rem;
	font-weight: bold;
  	padding: .8rem;
}
.dropdown.show{
	background: rgb(40,39,35,1);
}
.dropdown.show > a{
	color: #4d9e9d !important;
}

.top-strip{
	background: #666;
	width: 100%;
}
.top-strip-inner{

}
.top-strip a{
	align-items: baseline;
	color: #fff;
	display: inline-flex;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: .15rem;
	opacity: 1;
	text-decoration: none;
	text-transform: uppercase;
}
.top-strip a:hover{
	opacity: .6;
}
.top-strip img{
	margin-right: 5px;
}

@media (max-width: 991px){
	#header .navbar-nav{
		border-top: 1px solid rgba(255, 255, 255, .5);
		margin-top: 1rem;
		padding-top: 1rem;
	}	
}

#header .navbar-nav a{
	color: white;
	display: block;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	padding: .6rem 2rem;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 1;
}
#header .navbar-nav a:hover,
#header .navbar-nav a.nav_active{
	opacity: .7;
}
@media (min-width:992px and max-width:1140px){
	#header .navbar-nav a{
		font-size: 1.1rem;
		padding: .6rem 1.5rem;
	}
}
.navbar-expand-lg{
	flex-flow: row wrap!important;
}


.logo{
  background: url(../img/logo.png) no-repeat center left;
  background-size: contain;
  height: 80px;
  text-indent: -99999px;
}
@media (min-width: 992px) and (max-width:1190px){
  .logo{
    height: 80px;
  }
}
.navbar-fixed-top.scrolled .logo {
  height: 53px;
  transition: 200ms;
}


.social{
	list-style: none;
}

.navbar-toggler{
	background: rgba(255, 255, 255, .2) !important;
	border:none !important;
}

#mobile-bar{
	background: #b1b6a9;
	z-index: 9999;
}
#mobile-bar a{
	color: #626859;
	display: block;
	font-size: .9rem;
	font-weight: 500;
	padding: 1.8rem 0;
	text-decoration: none;
	text-transform: uppercase;
}
#mobile-bar a img{
	margin-bottom: 10px;
}

/*************************************************
carousel
**************************************************/

#carousel-mobile{
	margin-top: 129px;
}

/*************************************************
main
**************************************************/

.headline{
	position: relative;
	margin-bottom:4rem;
}

.headline:after {
  content:' ';
  position: absolute;
  bottom: -50%;
  left:50%;
  width: 80px;
  border:1px solid #626859;
  transform:translateX(-50%);
}
.headline.left{
	left: 0;
	transform: translateX(0);
}
.headline.left:after {
  content:' ';
  position: absolute;
  bottom: -20%;
  left:0;
  width: 80px;
  border:1px solid #626859;
  transform:translateX(0);

}

.hover {
	background: #626859;
	margin: 1rem 0;
  overflow: hidden;
  position: relative;
}
.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}
.hover img {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.hover-content {
  position: relative;
  z-index: 99;
}
.hover-2 .hover-overlay {
/*  background: linear-gradient(to top, rgba(16,16,16, 0.1), rgba(16,16,16, 0));*/
  transition: all 0.3s;
}

.hover-2-title {
	font-size: 3rem;
	left: 0;
  position: relative;
  transition: all 0.3s;
  width: 100%;
  z-index: 99;
  
}
.hover-2-title img{
	width: auto;
	transition: none;
}
.hover-2-description {
	bottom: 0rem;
  left: 0;
  opacity: 1;
  padding: 2rem;
  position: relative;
  text-align: left;
  transition: all 0.3s;
  width: 100%;
  z-index: 99;
}
	.hover-2-content{
	background: #e1e1e1;
	}
.hover-2-description p{
	color: #626859;
	font-size: 1.6rem;
	font-weight: 400;
}
@media (min-width:760px){
	.hover-2-description p{
		font-size: 2rem;
	}
}

.hover-2:hover .hover-2-description {
  bottom: .5rem;
  opacity: 1;
  transition: all 0.3s;
}
.hover-2:hover .hover-overlay {
  background: linear-gradient(to top, rgba(16,16,16, 0.6), rgba(16,16,16, 0.1));
}

@media (max-width:760px){
	.hover{
		padding-bottom: 0;
	}
	.hover img{
		position: relative;
	}
	.hover-2-description {
		bottom: 0rem;
	  left: 0;
	  opacity: 1;
	  padding: 1rem;
	  position: relative;
	  text-align: left;
	  transition: all 0.3s;
	  width: 100%;
	  z-index: 99;
	}
	.hover-2 .hover-overlay {
	  display: none;
	}
}


.collage{
	height: 100%;
	position: relative;
	width: 100%;
}

.form-holder{
	background: rgba(98, 104, 89,.3);
	border-radius: 20px;
	padding: 5rem 3rem 4rem 3rem;
}
.form-holder .form-floating input,
.form-holder .form-floating textarea,
.form-holder .form-floating input:focus,
.form-holder .form-floating textarea:focus{
	padding: 2.5rem;
}
/*************************************************
map
**************************************************/
#puntosdeventa .card{
	background: #fff;
		transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#puntosdeventa .card:hover{
	background: #f6f6f6;
}
#puntosdeventa .card p{
	line-height: 1;
	margin-bottom: .7rem;
}
#puntosdeventa .card p:last-child{
	margin-bottom: 0;
}


/*************************************************
footer
**************************************************/
.footer{
	background: #626859;
	color: white;
	padding-bottom: 8rem;
}
.footer .logo{
	background-position: center;
	display: block;
	position: relative;
}
.footer a{
	color: white;
}
.footer a:hover{
	color: #818976;
}
.social{
	list-style: none;
	text-align: center;
	width: 100%;
}
.social li{
	margin: 1rem;
}