.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
 
img {
float: left;

}
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
		
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
		
	}
/*
.flotante {
    display:scroll;
        position:fixed;
        bottom:320px;
        left:20px;
}
 */
 
 .img-flotante {
	font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	letter-spacing: 8px; /* Espacio entre letras */
	/*background-color: #ec0230; /* Color de fondo */
	padding: 10px 30px; /* Relleno del boton */
	position: fixed;
	bottom: 770px;
	left: 13px;
	transition: all 300ms ease 0ms;
	/*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
	z-index: 99;	
	
}
.img-flotante:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.img-flotante {
		font-size: 25px;
		padding: 5px 20px;
		bottom: 77px;
		right: 185px;
		
	}
} 



 .btn-flotante {
	font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	letter-spacing: 8px; /* Espacio entre letras */
	background-color: #03A9F4; /* Color de fondo #ec0230*/
	padding: 10px 30px; /* Relleno del boton */
	position: fixed;
	bottom: 84px;
	left: 13px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
	
}
.btn-flotante:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 25px;
		padding: 5px 20px;
		bottom: 77px;
		right: 185px;
		
	}
} 


.btn-flotante2 {
	font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #03A9F4; /* Color de fondo #ec0230*/
	padding: 10px 42px; /* Relleno del boton */
	position: fixed;
	bottom: 21px;
	left: 13px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
}
.btn-flotante2:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante2 {
		font-size: 25px;
		padding: 5px 20px;
		bottom: 23px;
		right: 185px;
		
	}
} 


.btn-flotante3 {
	font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	letter-spacing: 6px; /* Espacio entre letras */
	background-color: #1062fc; /* Color de fondo #b01524 */ 
	padding: 10px 42px; /* Relleno del boton */
	position: fixed;
	bottom: 131px;
	left: 13px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
	
}
.btn-flotante3:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante3 {
		font-size: 25px;
		padding: 5px 20px;
		bottom: 23px;
		right: 185px;
		
	}
} 

.btn-flotante4 {
	font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	letter-spacing: 3px; /* Espacio entre letras */
	background-color: #1062fc; /* Color de fondo #b01524*/
	padding: 10px 42px; /* Relleno del boton */
	position: fixed;
	bottom: 187px;
	left: 13px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
	
}
.btn-flotante4:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante4 {
		font-size: 25px;
		padding: 12px 20px;
		bottom: 23px;
		right: 20px;
		
	}
} 


 .btn-flotante5 {
	/*font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	/*letter-spacing: 8px; /* Espacio entre letras */
	background-color: #25d366; /* Color de fondo */
	padding: 10px 30px; /* Relleno del boton */
	position: fixed;
	bottom: 139px;
	right: 45px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
	
}
.btn-flotante5:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;

}
@media only screen and (max-width: 600px) {
 	.btn-flotante5 {
		font-size: 25px;
		padding: 5px 20px;		
	}
} 

.btn-flotante6 {
	/*font-size: 25px; /* Cambiar el tamaño de la tipografia */
	/*text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 30px; /* Borde del boton */
	/*letter-spacing: 2px; /* Espacio entre letras */
	background-color: #25d366; /* Color de fondo */
	padding: 10px 42px; /* Relleno del boton */
	position: fixed;
	bottom: 75px;
	right: 48px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
	
}
.btn-flotante6:hover {
	background-color: #fdfbfb; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(247, 9, 9, 0.3);
	transform: translateY(-7px);
	border: 1px solid #fff;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante6 {
		font-size: 25px;
		padding: 5px 20px;		
	}
} 


/*************************
*******Typography******
**************************/
.circular--square {
  border-radius: 50%;
}
.circular--square {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}