@charset "utf-8";
/* CSS Document */
/* botones RESES SOSCIALES*/
.social-bar{
		display: none;
		
	}

.cont-btn-rs{
	text-decoration: none;
		padding: .8rem;
		display: flex;
		transition: all .5s;
}
.cont-btn-rs > div{
	width: 32px; height: 32px; border-radius: 50%; background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cont-btn-rs > div span{
	font-size: 1.3rem;
	color: #000;
}

.cont-btn-rs:first-child{
	border-radius: 1rem 0 0 0;
	background:rgba(244,48,3,1.00);
}
.cont-btn-rs:nth-child(2){
	/*border-radius: 1rem 0 0 0;*/
	background:rgba(5,132,251,1.00);
}

.cont-btn-rs:hover{
		/*padding-right: 3rem;
		border-radius: 1rem 0 0 1rem;
		text-decoration: none;
		color: #fff;
	*/
	}







.icon:first-child{
		border-radius: 1rem 0 0 0;
	}

	.icon{
		color:#fff;
		text-decoration: none;
		padding: .5rem;
		display: flex;
		transition: all .5s;
		font-size: 1.2rem;
	}
.icon-aula-virtual{
	background: rgba(245,64,4,1.00);
}
	
	.icon-facebook-with-circle{
		background: rgba(1,52,120,1.00);
		
	}
	.icon-twitter-with-circle{
		background: rgba(8,149,251,1.00);
		
	}
	.icon-youtube{
		background: rgba(227,2,6,1.00);
		
	}
.whats{
		background:#1CB903;
		
	}
	.icon-mail{
		background: rgba(253,182,3,1.00);
		
	}
	.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;
		text-decoration: none;
		color: #fff;
	}

@media screen and (max-width: 800px) {
	.social-bar{
		position: fixed;
		right: 0;
		top: 17%;
		font-size: 1.7rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		z-index: 100;
	}
 }