/* Your custom styles */
body{
  font-family: 'Montserrat', sans-serif;
}

.scrollTop {
  position: fixed;
  right: 3%;
  bottom: 10px;
  background-color: #2f221c;
  padding: 15px 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite;
}

.scrollTop a {
  font-size: 18px;
  color: #fff;
}

/*fondos*/
.bg-dark{
  background: #f1f1f3!important;
}
.bg-cafe{
  background: #3b3330;
}
.fondo{
  background-color:#2f221c; 
}
.fgris{
  background: #f4f4f4;
}
.bg-cofee{
  background: #d7c083!important;
}
.fondod{
	background: url(../img/fondod.jpg) no-repeat ;   
	background-position: center center;    
	-webkit-background-size: cover;    
	-moz-background-size: cover; 
	-o-background-size: cover;    
	background-size: cover;
	height: 450px;
}
.fondot{
	background: url(../img/fondot.jpg) no-repeat ;   
	background-position: center center;    
	-webkit-background-size: cover;    
	-moz-background-size: cover; 
	-o-background-size: cover;    
	background-size: cover;
	height: 450px;
	margin-top:100px;
}

/*iconos*/
.fast{
  color: #d7c083!important;
}

.icos a{
	padding: 10px 15px;
	background: #fff;
}

.icons{
	color: #d7c083;
}

.icos{
	color: #fff;
}

/*botones*/
.rojos{
  border:2px solid #2f221c; 
  color: #fff; 
  background: #2f221c;
}
.rojos:hover{
  border:2px solid #2f221c; 
  color: #fff; 
  background: transparent!important;
}
.btns{
  background: #d7c083;
  border-radius: 5px;
}

/*textos*/
.subtitulo{
  color: #d7c083;
}
.subtitulos{
  color: #2f221c;
}
.slogan{
	font-family: 'Courgette', cursive;
}
.ttitulo{
  color: #2f221c!important;
}
.icono{
	color:#828282; 
	font-size: 13px; 
	margin-bottom: 5px; 
	border-bottom: 1px dotted #b4b4b4;
}

/*map*/
.map{
      padding: 170px 0px;
    }

.naranja{
  background: rgb(215,192,131,0.8);
}
.overlay{
  height: auto;
}
input{
  color: #d7c083!important;
}
.nput input{
  border:1px solid #fff;
  padding: 14px;
  font-size: 12px;
  background: transparent!important;
  color:#d7c083!important;
}

.nput textarea{
  border:1px solid #fff;
  padding: 30px;
  background: transparent!important;
  color:#d7c083!important;
  font-size: 12px;
}
 #strEmail::placeholder {
  color: white;
  }


/*border*/
.border{
	border: 5px solid #fff!important;
	box-shadow: 0px 0px 6px #a9a9a9;
}

.nlcs a{
	color: #d7c083!important;
	list-style: none;
	text-decoration: none;
}

.rotar:hover{
	background: #d7c083;
	transition: all 0.2s ease-out;
	transform: rotate(45deg);
}
.svg-inline--fa:hover{	
	transform: rotate(-45deg);
	transition: all 0.1s ease-out;
}

/*contador*/
.resumen-evento{
	list-style: none;
	width: 100%;
}
.resumen-evento li{
	display: inline-block;
	padding: 0px 50px;
}
.resumen-evento p{
	color: #fff; 
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
}
.resumen-evento span{
	color: #fff;
}

/* Creative Feature Area css
============================================================================================ */
.creative_feature_area { 
	background: #f4f4f4;
}

.c_feature_box {
    border-radius: 2px;  
	margin-top: -10px;  
	z-index: 22;  
    position: relative; 
	overflow: hidden;
}

.gris{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.gris:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

nav .dropdown-menu{
	background: rgb(215,192,131,0.6)!important;
	box-shadow: 0px 0px 2px #2f221c;
	transition: all 0.1s ease-out;
}
/* Required for full background image */

.color{
  background: #d7c083;
}

.ftestimonio{background:url('../img/fondo.jpg') no-repeat;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}


.fgrise{background:url('../img/fondogris.jpg') no-repeat ;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;}


html,
body,
header,
.view {
  height: 100%;
}



h1 span{color: #e1170c;}
h2 span{color: #e1170c;}
h1 hr{background: black; border:0.5px solid #b4b4b4;}
h2 hr{background: black; border:0.5px solid #b4b4b4;}
hr{border:1px solid white;}
h4 hr{background: black; border:1px solid #b4b4b4;}


.rojo{
  background: #e1170c;
}

.btr a:hover{
  color: #2f221c;
}

.claro{
  border:2px solid #563e91; 
  color: #563e91; 
  background: transparent;
}
.btrs a:hover{
  color: #563e91;
}



.subtitulos{
  color: #2f221c;
}

.texto{
  line-height: 30px;
  color: #9e9e9e;
  font-size: 14px;
}

.circle{
  border-radius: 2%;
  width: 280px;
  height: 280px;
  margin:0 auto;
  margin-top: 50px;
overflow: hidden;
}

.circle img{
  width: 150%;
}


.tcafe{
  color: #2f221c;
}

.caja:hover{
  box-shadow: 0px 0px 30px;
}

.imgen{
  margin-top: -50px;
}

h2{
  font-weight: bold;
}


/** footer **/
.negro{background: #292929; padding: 6px 0px; }
.foottext{color: #b7a89a; font-size: 12px; font-weight: bold;}
.foottext a{color: #b7a89a; text-decoration: none; list-style: none;}


@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
  .logo{
    width: 35%;
  }
}

.top-nav-collapse {
  background-color: #2f221c !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #2f221c !important;
  }

}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #563e91 !important;
  }
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(125,125,10, 0.5), rgba(125,125,10, 0.5) 100%);
  background: -webkit-linear-gradient(45deg, rgba(125,10,125, 0.5), rgba(125,125,10, 0.5) 100%);
  background: linear-gradient(to 45deg, rgba(125,125,10, 0.5), rgba(125,125,10, 0.5) 100%);
}
        
.social-bar{ position:fixed; right:0; top:35%; font-size:2.5rem; display:flex; flex-direction:column; align-items:flex-end; z-index:1000;}
.social-bar a{ color:#fff; text-decoration:none; padding:.7rem; display:flex; transition:all .5s; background:#25d366;  box-shadow:0 0 .5rem rgba(0,0,0,0.42);}
.social-bar a:first-child{ border-radius: 1PX 0 0 0;}
.social-bar a:hover{ padding-right:3rem; border-radius:1rem 0 0 1rem; box-shadow:0 0 .5rem rgba(0,0,0,0.42);}