/* General */
body, html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000000;
	background-color: #5f4633;
	width: 100% !important;
	scroll-behavior: smooth;
}

*::-webkit-scrollbar{ 
	display: none;
	overflow-x: hidden;
}

a:hover, a:focus {
	text-decoration: none;
	color: #000000;
}

ul, ol {
	list-style: none;
	padding: 0;
}

a{
	color: #ffffff;
}

a:hover{
	color: #ffffff;
}

textarea {
	resize: none;
}

br{
	visibility: hidden;
}

/*=================================
			  Loader 
===================================*/
.hiddenn{
	overflow: hidden;
}

.loader{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff9e1;
}

@keyframes ldio-8zax83dc94v-o {
    0%    { opacity: 1; transform: translate(0 0) }
   49.99% { opacity: 1; transform: translate(80px,0) }
   50%    { opacity: 0; transform: translate(80px,0) }
  100%    { opacity: 0; transform: translate(0,0) }
}

@keyframes ldio-8zax83dc94v {
    0% { transform: translate(0,0) }
   50% { transform: translate(80px,0) }
  100% { transform: translate(0,0) }
}

.ldio-8zax83dc94v div {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 60px;
  left: 20px;
}

.ldio-8zax83dc94v div:nth-child(1) {
  background: #5f4633;
  animation: ldio-8zax83dc94v 1s linear infinite;
  animation-delay: -0.5s;
}

.ldio-8zax83dc94v div:nth-child(2) {
  background: #000000;
  animation: ldio-8zax83dc94v 1s linear infinite;
  animation-delay: 0s;
}

.ldio-8zax83dc94v div:nth-child(3) {
  background: #5f4633;
  animation: ldio-8zax83dc94v-o 1s linear infinite;
  animation-delay: -0.5s;
}

.loadingio-spinner-dual-ball-is6qsj4o75 {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: #00000000;
}

.ldio-8zax83dc94v {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}

.ldio-8zax83dc94v div { box-sizing: content-box; }

/*=================================
				Nav 
===================================*/
#menu {
	padding: 0;
	transition: all 0.8s;
}
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: upper	;
	color: #ab9680;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #000;
}
.on {
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > 
.active > a:hover,  .navbar-default .navbar-nav > .active > a:focus {
	color: #000 !important;
	background-color: transparent;
}
.navbar-toggle {
	background-color: #00000000;
	border-color: #5f4633;
	border-radius: 20px;

}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #00000000;
	border-color: #5f4633;
	border-radius: 20px;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #5f4633;
}
.section-title {
	padding-bottom: 50px;
}
.logo{
	width: 30px;
	height: auto;
}

/*===========================================
 				Encabezado 
============================================*/
.text--transparent {
  fill: transparent;
}
.anim-shape {
  -webkit-transform-origin: 0px 150px;
  -ms-transform-origin: 0px 150px;
  transform-origin: 0px 150px;
  -webkit-transform: scale(1, 1) translate(0, 0);
  -ms-transform: scale(1, 1) translate(0, 0);
  transform: scale(1, 1) translate(0, 0);
  -webkit-animation: moving-panel 5s infinite alternate;
  animation: moving-panel 8s infinite alternate;
}
.colortext .anim-shape:nth-child(1) {
  fill: #5f4633;
}
.colortext .anim-shape:nth-child(2) {
  fill: #ab9680;
}
.colortext .anim-shape:nth-child(3) {
  fill: #000000;
}
.colortext .anim-shape:nth-child(4) {
  fill: #5f4633;
}
.colortext .anim-shape:nth-child(5) {
  fill: #ab9680;
}
.shadow {
  -webkit-transform: translate(8px, 8px);
  -ms-transform: translate(8px, 8px);
  transform: translate(8px, 8px);
}
.anim-shape--shadow {
  fill: #5f4633;
  fill-opacity: .2;
}
@-webkit-keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(70px, 0);
    transform: scale(1, 1) translate(70px, 0);
  }
}
@keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(70px, 0);
    transform: scale(1, 1) translate(70px, 0);
  }
}

header {
	background: #fff9e1;
  	font: 5.5em/1 Open Sans, Impact;
  	text-transform: uppercase;
 	padding-top: 180px;
 	padding-bottom: 50px;
}

.subheader{
	font: 60px Open Sans, Impact;
}

svg {
  width: 100%;
  height: 100%;
}

#header-celu{
	display: none;
}

/*================================
		  pie de pagina
===============================*/
footer{
	background-color: #5f4633;
	color: #fff9e1;
	font-size: 14px;
	text-align: center;
	width: 100%;
}
.social{
	display: inline-block;
	margin: 30px;
}
.social ul li {
	display: inline-block;
	margin: 0 25px;
}
.social i.fa {
	font-size: 45px;
	padding: 4px;
	color: #fff9e1;
	text-shadow:0 2px 0 #c4b29e, 
	0 3px 0 #ab9680, 0 2px 0 #ab9680, 0 5px 0 #8b7864,
	0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 
	0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.15);
}
.social i.fa:hover {
	color: #ab9680;
	transition: all .3s ease-in-out;
}
footer h4{
	color: #fff9e1	;
	font-size: 50px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 #fff9e1, 0 2px 0 #ebd9c6, 
	0 3px 0 #bdac9b, 0 4px 0 #ab9680, 0 5px 0 #8b7864, 
	0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 
	0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 
	0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 
	0 20px 20px rgba(0,0,0,.15);
}
footer p{
	font-size: 18px;
}

/*===========================================
 				modo celular 
============================================*/
@media (max-width: 1024px) {
	*{
		overflow-x:hidden;
	}
	#navlottie{
		display: none;
	}
	footer h4{
		font-size: 25px;
		font-weight: 600;
		text-shadow:none
	}
	footer{
		position: relative;
		z-index: 1;
		height: 300px;
	}
	footer p{
		font-size: 12px;
	}	
	.navbar-brand{
		padding-top: 0.5rem;
	}
	.navbar-toggle {
		margin:  1.2rem 2rem 2rem 2rem;
		background-color: #5f4633;
		border-color: #5f4633;
		color: #5f4633;
	}
	.in{
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	.navbar-header{
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		height: 60px;
		overflow-y: hidden;
	}
	#menu.navbar-default .navbar-nav > li > a {
		color:#302924;
		font-weight: bolder;
	}
}

@media (max-width: 618px) {
	#header-celu{
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, #ab9680 0%, #ab9680 32%, #fff9e1 100%);		
		display: inline;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-bottom: 8rem;
		padding-top: 120px;
	}
	#header-celu img{
		height: 230px;
		width: 230px;
	}
	#header-celu h1, #header-celu h2{
		color: #5f4633;
		font-weight: bold;
	}
	#header-celu img{
		height: 230px;
		width: 230px;
	}
	h1, h2, h3, h4, h5{
		overflow-y: hidden;
	}
}