html {
	font-size: 16px;
}
.social-bar {
	position: fixed;
	right: 0;
	top: 35%;
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}
.icon {
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
}
.icon-facebook {
	background: #3b5998;
	border-style: outset;
}
.icon-instagram {
  display: inline-block;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
  border-style: outset;
}
.icon-youtube {
	background: #E83028;
	border-style: outset;
}
.icon-twitter {
	background: #35a4e8;
	border-style: outset;
}
.icon-linkedin {
	background: #0e76a8;
	border-style: outset;
}
.icon-correo {
	background: #FF6600;
	border-style: outset;
}
.icon-messenger {
	background: #0084FF;
}
.icon-whatsapp {
	background: #21EB2B;
}
.icon-skype {
	background: #00D5FF;
}
.icon-tiktok {
  display: inline-block;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  background: #2E011D;
  background: radial-gradient(circle at 10% 7%, #072e2b 50%, #0f4d40 50%, #4ff0ce 60%, #c73cbd 45%,#ff00aa 60%,#2b0629 75%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
  border-style: outset;
}
.icon-phone {
	background: #0866D1;
}
.icon-clouddownload {
	background: #00D5FF;
}
.icon-cloudupload {
	background: #E83028;
}
.icon:first-child {
	border-radius: 1rem 0 0 0;
}
.icon:last-child {
	border-radius: 0 0 0 1rem;
}
.icon:hover {
	padding-right: 3rem;
	border-radius: 1rem 0 0 1rem;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
	color: white;
}

.appWhatsapp {
    
	position: fixed;
	right: 220px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appWhatsapp img{
	width: 100%;
	height: auto;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%;
}

.appWhatsapp:hover{
	cursor: pointer;
	transform: translateY(-15px);
}

.appSkype {
	position: fixed;
	right: 155px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appSkype img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 50%
}

.appSkype:hover{
	cursor: pointer;
	transform: translateY(-15px);	
}

.appCorreo {
	position: fixed;
	right: 90px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appCorreo img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appCorreo:hover{
	cursor: pointer;
	transform: translateY(-15px);	
}

.appTelefono {
	position: fixed;
	right: 285px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appTelefono img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appTelefono:hover{
	cursor: pointer;
	transform: translateY(-15px);	
}

.appMessenger {
	position: fixed;
	right: 20px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appMessenger img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appMessenger:hover{
	cursor: pointer;
	transform: translateY(-15px);
}





.appTelefonocat {
	position: fixed;
	right: 23px;
	bottom: 285px;
	width: 60px;
	z-index: 1000;
}

.appTelefonocat img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appTelefonocat:hover{
	cursor: pointer;
	transform: translateX(-15px);	
}

.appWhatsappcat {
    
	position: fixed;
	right: 23px;
	bottom: 220px;
	width: 60px;
	z-index: 1000;
}

.appWhatsappcat img{
	width: 100%;
	height: auto;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%;
}

.appWhatsappcat:hover{
	cursor: pointer;
	transform: translateX(-15px);
}

.appSkypecat {
	position: fixed;
	right: 23px;
	bottom: 155px;
	width: 60px;
	z-index: 1000;
}

.appSkypecat img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 50%
}

.appSkypecat:hover{
	cursor: pointer;
	transform: translateX(-15px);	
}

.appCorreocat {
	position: fixed;
	right: 23px;
	bottom: 90px;
	width: 60px;
	z-index: 1000;
}

.appCorreocat img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appCorreocat:hover{
	cursor: pointer;
	transform: translateX(-15px);	
}

.appMessengercat {
	position: fixed;
	right: 20px;
	bottom: 23px;
	width: 60px;
	z-index: 1000;
}

.appMessengercat img{
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	transition: all 0.4s ease-out;
	border-radius: 100%
}

.appMessengercat:hover{
	cursor: pointer;
	transform: translateX(-15px);
}