@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'socicon';
    src: url('../socicon/font/socicon-webfont.eot');
    src: url('../socicon/font/socicon-webfont.eot#iefix') format('embedded-opentype'),
url('../socicon/font/socicon-webfont.woff') format('woff'),
url('../socicon/font/socicon-webfont.woff2') format('woff2'),
url('../socicon/font/socicon-webfont.ttf') format('truetype'),
url('../socicon/font/socicon-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url('http://be3dimensional.com/socicon/font/socicon.svg') format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
	position:relative;
    display:inline-block;
    *display:inline;
/*    zoom:1;*/
	
}

/*.soc li:after{
	content:"";
	background: url ('http://be3dimensional.com/images/shadow.png') no-repeat;
	position:absolute;
	width:46px;
	height:16px;
	bottom:-16px;
	right:-10px;
	
	}*/
	



.soc li a {
	font-family: 'socicon' !important;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: .1s;
	-ms-transition: .1s;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	transition: .1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	display: block;
	position: relative;
	z-index: 1;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin-right: 10px;
	color: #9F9F9F;
	background-color: none;
	/*-webkit-box-shadow: 4px 4px 4px 4px #717171;
	box-shadow: 4px 4px 4px 4px;*/
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
	position:relative;
    background-color: #fff;
	background-image:url(../images/ball-background.png);
	background-size:38px 38px;
	
}
.soc-facebook:before {
    content:'b';
}


.soc-linkedin {
    background-color: #fff;
	background-image:url(../images/ball-background.png);
}
.soc-linkedin:before {
    content:'j';
}
.soc-twitter {
    background-color: #fff;
	background-image:url(../images/ball-background.png);
}
.soc-twitter:before {
    content:'a';
}
/*.soc-google {
    background-color: #fff;
	background-image:url(../images/ball-background.png);
}
.soc-google:before {
    content:'c';
}
.soc-pinterest {
    background-color: #fff;
	background-image:url(../images/ball-background.png);
}
.soc-pinterest:before {
    content:'d';
}*/

.soc-facebook:hover {
	background-image:none;
	color:#fff;
    background-color: #3e5b98;
	-o-transition:1.5s;
    -ms-transition:1.5s;
    -moz-transition:1.5s;
    -webkit-transition:1.5s;
    transition:.1.5s;
	}

.soc-linkedin:hover {
	background-image:none;
	color:#fff;
    background-color: #3371b7;
	-o-transition:1.5s;
    -ms-transition:1.5s;
    -moz-transition:1.5s;
    -webkit-transition:1.5s;
    transition:.1.5s;
	}

.soc-twitter:hover {
	background-image:none;
	color:#fff;
    background-color: #4da7de;
	-o-transition:1.5s;
    -ms-transition:1.5s;
    -moz-transition:1.5s;
    -webkit-transition:1.5s;
    transition:.1.5s;
	}

/*.soc-google:hover {
	background-image:none;
	color:#fff;
    background-color: #d93e2d;
	-o-transition:1.5s;
    -ms-transition:1.5s;
    -moz-transition:1.5s;
    -webkit-transition:1.5s;
    transition:.1.5s;
	}

.soc-pinterest:hover {
	background-image:none;
	color:#fff;
    background-color: #c92619;
	-o-transition:1.5s;
    -ms-transition:1.5s;
    -moz-transition:1.5s;
    -webkit-transition:1.5s;
    transition:.1.5s;
	}
*/

/*original hover Colors*/
/*.soc-facebook:hover {
    background-color: #526fac;
}
.soc-linkedin:hover {
    background-color: #4785cb;
}
.soc-twitter:hover {
    background-color: #61bbf2;
}
.soc-google:hover {
    background-color: #ed5241;
}
.soc-pinterest:hover {
    background-color: #dd3a2d;
}*/