/* Desarrollado por Gramax */
/*  www.gramaxdigital.com  */
/*       Versión 1.1       */
/*  Actualizado: 25/7/2020 */

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(fonts/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(fonts/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.whatsapp-gramax{
	position: absolute;
	z-index:10000;
	right: 20px;
	bottom: 20px;
    display:scroll;
    position:fixed;
	font-family: 'Montserrat', sans-serif;
}

.whatsapp-gramax input:focus{
	border:0px solid #fff;
	outline: none;
}

.whatsapp-gramax label{
	background:#00897A;
	border:0px solid #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	height:50px;
	width:50px;
	margin-left: 5px;
	float:right;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(100,100,100,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(100,100,100,1);
	box-shadow: 0px 0px 4px 0px rgba(100,100,100,1);
}

.whatsapp-gramax form{
	overflow:visible;
	margin-bottom:5px;
}

.whatsapp-gramax label:hover{
	background:#1EBEA6;
}

.whatsapp-gramax p{
	color:#999;
	font-size:10px !important;
	font-weight:300;
	text-align:right;
	margin-top: 55px;
	margin-right:50px;
}
.whatsapp-gramax a{
	color:#0FB2B3;
	text-decoration:none;
}
.whatsapp-gramax a:hover{
	color:#0C9CD3;
}

.envoltura{
	float:left;
	background:#00897A;
	border:0px solid #fff;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	height:50px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(100,100,100,1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(100,100,100,1);
	box-shadow: 0px 0px 3px 0px rgba(100,100,100,1);
}

.envoltura input{
	margin:5px;
	float:left;
}

input.escribinos{
	background:#fff;
	border:0px solid #fff;
	height:44px;
	width:130px;
	padding: 0px 5px 0px 15px;
	border-radius: 44px;
	-moz-border-radius: 44px;
	-webkit-border-radius: 44px;
	margin:3px;
	font-size:12px;
	transition:1.2s;
	transition-timing-function: ease-in-out;
	transition-delay:1s;
	font-family: 'Montserrat', sans-serif;
}
input:focus.escribinos{
	width:300px;
	transition:0.3s;
	border:0px solid #fff;
	outline: none;
}
input:focus-within.escribinos{
	width:300px;
}

@media (max-width:600px){
	input:focus.escribinos{
		width:220px;
	}
	input:focus-within.escribinos{
		width:220px;
	}
}