/*** Icon Social Media ***/
.social-media
{
top: 100%;
left: 50%;
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 310px;
}
.social-media a
{
float: left;
margin: 5px;
width: 50px;
heigth: 50px;
line-height: 50px;
text-align: center;
background: #fff;
border-radius: 50%;
position: relative;
overflow: hidden;
color: #262626;
font-size: 30px;
z-index: 1;
transition: .5s ease-in-out;
}
.social-media a:before
{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -100%;
background: #fff;
z-index: -1;
border-radius:50%;
transform: scale(0);
transition: .3s ease-in-out;
}
.social-media a:after
{
content: '';
width: 50%;
height: 100%;
position: absolute;
right: -100%;
top: 0;
background: rgba(255,255,255,.3);
transition: .3s ease-in-out;
transition-delay: .3s;
}
.social-media a:hover:before
{
	left: 0;
	transform: scale(.9);
}
.social-media a:hover:after
{
	right: 0;
}
.social-media a:nth-child(1):before
{
	background: #ccc;
}
.social-media a:nth-child(2):before
{
	color: #fff;
	background: #3b5999;
}
.social-media a:nth-child(3):before
{
	background: #55acee;
}
.social-media a:nth-child(4):before
{
	background: #dd4b39;
}
.social-media a:nth-child(5):before
{
	background: #0077B5;
}
.social-media a:nth-child(6):before
{
	background: #e4405f;
}
.social-media a:nth-child(7):before
{
	background: #34465d;
}
.social-media a:nth-child(8):before
{
	background: #eb4924;
}
.social-media a:nth-child(9):before
{
	background: #ff5700;
}



.social-mini
{
	top: 100%;
	left: 50%;
}
.social-mini a
{
float: left;
margin: 5px;
width: 50px;
heigth: 50px;
line-height: 50px;
text-align: center;
background: #fff;
border-radius: 50%;
position: relative;
overflow: hidden;
color: #262626;
font-size: 30px;
z-index: 1;
transition: .5s ease-in-out;
}
.social-mini a:before
{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -100%;
background: #9C0;
z-index: -1;
border-radius:50%;
transform: scale(0);
transition: .3s ease-in-out;
}
.social-mini a:after
{
content: '';
width: 50%;
height: 100%;
position: absolute;
right: -100%;
top: 0;
background: rgba(255,255,255,.3);
transition: .3s ease-in-out;
transition-delay: .3s;
}
.social-mini a:hover:before
{
	left: 0;
	transform: scale(1);
}
.social-mini a:hover:after
{
	right: 0;
}
.social-mini a:nth-child(1)
{
	background: #ccc;
	color: #fff;
}
.social-mini a:nth-child(2)
{
	background: #3b5999;
	color: #fff;
}
.social-mini a:nth-child(3)
{
	background: #55acee;
	color: #fff;
}
.social-mini a:nth-child(4)
{
	background: #dd4b39;
	color: #fff;
}
.social-mini a:nth-child(5)
{
	background: #0077B5;
	color: #fff;
}
.social-mini a:nth-child(6)
{
	background: #e4405f;
	color: #fff;
}
.social-mini a:nth-child(7)
{
	background: #34465d;
	color: #fff;
}
.social-mini a:nth-child(8)
{
	background: #eb4924;
	color: #fff;
}
.social-mini a:nth-child(9)
{
	background: #ff5700;
	color: #fff;
}




<!-- social-media-icons -->
.social-media-icons{
	width:0%;
	height:0px;
	margin:0px;
}
.social-media-icons a{
	float: left;
	margin: 5px;
	width: 30px;
	heigth: 30px;
	line-height: 30px;
	text-align: center;
	background: #ccc;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-size: 20px;
	z-index: 1;
}
.social-media-icons i{
	margin:0px;
	line-height:30px;
	text-align:center;
	color:#000;
}
.social-media-icons a:hover i{
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-ms-transform:all 0.2s;
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;
}
.social-media-icons a.envelope{
	background:#262626;
	color:#fff;
}
.social-media-icons a.facebook{
	background:#3b5999;
	color:#fff
}
.social-media-icons a.twitter{
	background:#55acee;
	color:#fff
}
.social-media-icons a.google-plus{
	background:#dd4b39
}
.social-media-icons a.linkedin:hover{
	background:#0077B5
}
.social-media-icons a.pinterest:hover{
	background:#bd081c
}
.social-media-icons a.tumblr:hover{
	background:#34465d
}
.social-media-icons a.stumbleupon:hover{
	background:#eb4924
}
.social-media-icons a.reddit:hover{
	background:#ff5700
}
.social-media-icons a:hover{
	background:#
}



<!-- Buttons -->
.2_buttons
{
	position:absolute;
	top: 60%;
	left: 50%;
	transform:translate(-50%,-50%);
}
a div
{
	color: #262626;
	text-transform: uppercase;
	display: inline-block;
	background: #fff;
	position: relative;
	text-align: center;
	line-height: 40px;
	overflow: hidden;
}
a div span
{
	position:relative;
	transition: .2s;
}
a div:nth-child(1)
{
	width: 150px;
	height: 45px;
}
a div:nth-child(2)
{
	width: 60px;
	height: 45px;
	left: -6px;
}
a div:nth-child(1) div,
a div:nth-child(2) div
{
	width: 100%;
	height: 100%;
	position: relative;
}
a div:nth-child(1) div
{
	background: #fff;
}
a div:nth-child(2) div
{
	background: #9C0;
}
a div:nth-child(1) div:before,
a div:nth-child(2) div:before
{	
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;	
}
a div:nth-child(1) div:before
{
	background: #262626;
}
a div:nth-child(2) div:before
{
	background: #fff;
}
a:hover div:nth-child(1) div:before
{
	transform: translateX(-100%);
}
a div:nth-child(1) span
{
	color: #fff;
	z-index:: 1;
}
a:hover div:nth-child(1) span
{
	color: #262626;
	z-index: 1;
}
a div:nth-child(2) span
{
	color: #262626;
	z-index:: 1;
}
a:hover div:nth-child(2) span
{
	color: #fff;
	z-index: 1;
}
a:hover div:nth-child(2) div:before
{
	transform: translateX(100%);
}



.button_0 {
    background-color: #4CAF50; /* Green */
    border: none;
    color: black;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 10%;
    font-size: 14px;
    margin: 0px 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button_abrir {
    background-color: #4CAF50; 
    color: black;
}

.button_abrir:hover {
    background-color: #4CAF50;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}