/******************************************/
#app-messenger, #app-whatsapp {
  	position:fixed;
  	/*width: 60px;*/
  	bottom: 25px;
  	right: 24px;
  	z-index:1000;
  	display: none;
}
#app-whatsapp{
	bottom: 2%;/*95px;*/
	right: 1%;
	display: block;
}
#app-whatsapp i, #app-messenger i{
	font-size: 45px;/*63px;*/
}	
#app-whatsapp i{
	color: #b0ba75;
}
#app-messenger i{
	color: #0084ff;
}
/******************************************************/
/*---------------------------------*/
#contact-button{
	position:fixed;
  	bottom: 87px;/*//85px;*/
  	right: 5px;/*//24px;*/
	width: 6vh;
	height: 6vh;
	background: #9DC428;
	border: 1px solid #9DC428;
	border-radius: 50%;
	z-index: 80;
	/*position: absolute;*/
	cursor: pointer;
/*	right: 1px;
	top: 4vh;*/
}
#contact-button .lineaH1,
#contact-button .lineaH2,
#contact-button .lineaH3,
#contact-button .lineaH4{	
	position: relative;
	width: 28px;
	height: 2px;
	top: 2px;
	left: 25px;
	background: white;
	transform-origin: left;
	-webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    transform: rotate(145deg);
}
#contact-button .lineaH2{	
	left: 24px;
	-webkit-transform: rotate(115deg);
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform: rotate(115deg);
}
#contact-button .lineaH3{	
	width: 11px;
	top: 13px;
	left: 12px;
	-webkit-transform: rotate(94deg);
    -moz-transform: rotate(94deg);
    -ms-transform: rotate(94deg);
    transform: rotate(94deg);
}
#contact-button .lineaH4{	
	width: 10px;
	top: 12px;
	left: 4px;
	-webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
/*------------------------------*/
/*-------Contact Form	-----------*/
#contact-form{
	/*box-shadow: 0px 0px 3px #9F9E9E;*/
	/*background: red;/*#DBB881;*/
    /*background: -webkit-linear-gradient(#799029 0%, #84A529 20%, #97C21E 60%, #99c21D 100%);
    background: -moz-linear-gradient(#799029 0%, #84A529 20%, #97C21E 60%, #99c21D 100%);
    background: -o-linear-gradient(#799029 0%, #84A529 20%, #97C21E 60%, #99c21D 100%);
    background: linear-gradient(#799029 0%, #84A529 20%, #97C21E 60%, #99c21D 100%);
    */
    position: fixed;
	top: 45%;/*100px;*/
  	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;/*50%;*/
    height: 100vh;/*//70vh;*/
    margin: auto;
    z-index: 1;
	display: none;
}
#contact-form form{
	background: #b0ba75;
	width: 95%;/*//70%;*/
	margin: auto;
}	
#contact-form #close-form{
	position: relative;
	cursor: pointer;
	width: 20%;
	height: 4vh;
	left: 80%;/*//95%;*/
	top: 0px;
}
#contact-form #close-form .lineaH1,
#contact-form #close-form .lineaH2{
	position: relative;
	background: white;
	width: 3%;
	height: 100%;
	left: 50%;
	top: 0px;
	transform: rotate(45deg);
}
#contact-form #close-form .lineaH2{
	background: white;
	position: absolute;
	transform: rotate(-45deg);
}
   /*----------------------*/
#contact-form .sobre-telef-mail{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}	
#contact-form .sobre-telef-mail  .sobre-telef{
	width: 100%;
	display: flex;
}
.#contact-form .sobre-telef-mail .sobre-telef .imagen{
	width: 2%;
	max-width: 5%;
}	
#contact-form .sobre-telef-mail .sobre-telef .imagen img{
	width: 100%;
}
#contact-form .sobre-telef-mail .sobre-telef .telefonos{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	line-height: 2rem;
}	
#contact-form .sobre-telef-mail .sobre-telef .telefonos p{
	font-weight: lighter;
	font-size: 1rem;
	color: white;
}
#contact-form .sobre-telef-mail .mail-hola{
	font-size: 1rem;
	color: white;
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#contact-form #input-mail{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
}
#contact-form /*#input-mail*/ input,
#contact-form /*#input-mail*/ textarea{
	position: relative;
	border: .3rem solid #b0ba75;
	width: 100%;
	font-weight: bold;
}
#contact-form input#name{
	padding-bottom: 1rem;
}
#contact-form /*#input-mail*/ input#email{
	padding-bottom: 1rem;
}
#contact-form textarea{
	width: 100%;
	height: 10vh;
}
#contact-form /*#input-mail*/ input#button{
	cursor: pointer;
	background: #e79c2a;
	color: white;
	padding-top: .5rem;
	padding-bottom: .5rem;
}	
/*input:required {
outline: 1px solid red;
}*/
/******************************************/
@media all and (min-width: 500px){
	#contact-form{
		width: 50%;
    	height: 70vh;
    	top: 10%;
    }	
}
@media all and (min-width: 768px){
	#app-whatsapp{
		bottom: 1%;
	}	 
	#app-whatsapp i{
		font-size: 65px;
	}	
	#contact-form{
		width: 40%;
    	height: 70vh;
    }
}
/******************************************/