/*--------------------------------------------------
	  **Tech And All Social Icons Roll Over**
---------------------------------------------------*/
.social-icons {
	padding: 0!important;
	list-style-type: none!important;
	height: 50px !important;
}
.social-icons ul{
	padding: 0 !important;
	margin: 0 !important;
}
.social-icons li{
	float: left!important;
	padding: 0px!important;
	margin: 0px!important;
	display: inline!important;
	width: auto!important;
	height: 50px !important;
}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	margin: 0!important;
	padding: 0!important;
	width: 50px!important;
	height: 50px!important;
}





.social-icons li a:hover {
	background-position: 0 0!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.aim a {
	background: url(icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
	background-color: #e95a00;
}
.social-icons li.apple a {
	background: url(icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
	background-color: #606060;
}
.social-icons li.behance a {
	background: url(icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
	background-color: #18a3fe;
}
.social-icons li.blogger a {
	background: url(icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}
.social-icons li.cargo a {
	background: url(icons/cargo.png) no-repeat 0 0;
}

.social-icons li.delicious a {
	background: url(icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
	background: url(icons/facebook.png) no-repeat 0 -50px;
}
.social-icons li.facebook a:hover {
	/*background-color: #3b5998;*/
	background-color: #fff;
}
.social-icons li.flickr a {
	background: url(icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
	background-color: #f1628b;
}
.social-icons li.google a {
	background: url(icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.html5 a {
	background: url(icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
	background-color: #f3642c;
}
.social-icons li.linkedin a {
	background: url(icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(icons/twitter.png) no-repeat 0 -50px;
}
.social-icons li.twitter a:hover {
	/*background-color: #48c4d2;*/
	background-color: #fff;
}
.social-icons li.vimeo a {
	background: url(icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}

.social-icons li.yelp a {
	background: url(icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}





/* =============================================================== */

.iconesSociais {
	float: left;
	width: 50px; 
	height: 50px; 	
	display: block; 
	text-align: center;
	color: #fff;
	position: relative;
	transform:rotateY(0deg);
	transition:transform .25s ease-out;
	transform-style:preserve-3d;
}
.iconesSociais > div {
	width: 50px; 
	height: 50px; 
	background: #767676;
	color:#fff; 
	font-size:22px;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
}

.iconesSociais > div > .fa {
	padding-top: 13px;
}

.iconesSociais >.front {
	transform:translateZ(26px);
}
.iconesSociais >.back {
	background: #3B5998;
	/*transform:rotateY(-76deg) translateZ(20px);*/
	transform: rotateY(-88deg) translateZ(24px)
}
.iconesSociais:hover {
	/*transform: rotateY(38deg);*/
	transform: rotateY(46deg);
}

/*  
	Social Media Colors 
	Facebook #3B5998
	Flickr #FE0883
	Foursquare #8FD400
	Google+ #C63D2D
	Instagram #4E433C
	Linkedin #4875B4
	Tumblr #2B4964
	Twitter #33CCFF
	Vimeo #86B32D
	Youtube #FF3333
	Dribbble #ea4c89
*/
.iconesSociais		.social-facebook		>	.back	{ background: #3B5998; color:#fff; }
.iconesSociais		.social-twitter 		>	.back	{ background: #55ACEE; color:#fff; }
.iconesSociais		.social-github 		>	.back	{ background: #f3f3f3; color:#000; }
.iconesSociais		.social-pinterest 	> 	.back { background: #e3262e; color:#fff; }
.iconesSociais		.social-googleplus 	> 	.back	{ background: #dd4B39; color:#fff; }
.iconesSociais		.social-skype 			>	.back	{ background: #12A5F4; color:#fff; }
.iconesSociais		.social-linkedin 		>	.back	{ background: #4875B4; color:#fff; }
.iconesSociais		.social-dribbble 		>	.back	{ background: #ea4c89; color:#fff; }

@media(min-width:600px) and (max-width:800px){

	.iconesSociais {
		float: left;
		width: 32px; 
		height: 32px; 	
		display: block; 
		text-align: center;
		color: #fff;
		position: relative;
		transform:rotateY(0deg);
		transition:transform .25s ease-out;
		transform-style:preserve-3d;
	}
	.iconesSociais > div {
		width: 32px; 
		height: 32px; 
		background: #767676;
		color:#fff; 
		font-size:16px;
		position: absolute;
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0;
	}
	
	.iconesSociais > div > .fa {
		padding-top: 8px;
	}
	
	.iconesSociais >.front {
		transform:translateZ(26px);
	}
	.iconesSociais >.back {
		background: #3B5998;
		/*transform:rotateY(-76deg) translateZ(20px);*/
		transform: rotateY(-88deg) translateZ(15px)
	}
	.iconesSociais:hover {
		/*transform: rotateY(38deg);*/
		transform: rotateY(46deg);
	}
}