@font-face {
font-family: 'helveticaltc';
src: url('fonts/Helvetica_LT_Compressed.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticalight';
src: url('fonts/HelveticaLTLight.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticarbc';
src: url('fonts/Helvetica_Rounded_BCon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.topmenu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:12px 2px 10px 2px;
display:block;
}
.topmenu:hover{

background-color:#000000;
color:#FFFFFF !important;
text-decoration:none !important;
padding:12px 2px 10px 2px;

}



.topmenu1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:22px 2px 22px 2px;
display:block;
}
.topmenu1:hover{

background-color:#000000;
color:#FFFFFF !important;
text-decoration:none !important;
padding:22px 2px 22px 2px;

}
.trade{
height:60px !important;
}
.topmenu5{
font-family: 'Carrois Gothic', sans-serif;
font-size:11px;
color:#a8a5a5;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
display:block;
}
.topmenu:hover5{

}


	/*= Primary / Active State
--------------------------------------------------------------------- */
.btn-primary,
.btn-primary:visited,
.progress-bar.primary .bar,
.activeState,
.paging_full_numbers span.paginate_active,
.widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled,
.pagination a.selected { 

	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;	
	background: #006283;
	background:-moz-linear-gradient(top, #006283 0%, #006283 2%, #006283 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006283), color-stop(2%,#006283), color-stop(100%,#006283)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* IE10+ */
	background:linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006283', endColorstr='#006283');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006283', endColorstr='#006283')";
	
	color: #ffffff;
	
	border-color: #006283;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

	.btn-primary:hover {
	cursor:pointer;
		background: #006283;
		background:-moz-linear-gradient(top, #006283 0%, #006283 2%, #006283 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006283), color-stop(2%,#006283), color-stop(100%,#006283)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* IE10+ */
		background:linear-gradient(top, #006283 0%, #006283 2%,#006283 100%); /* W3C */	
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006283', endColorstr='#006283');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#006283
		')";
	}
	
.btn-primary:active { 	
	background: #006283;
	background:-moz-linear-gradient(top, #006283 2%,#006283 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#006283), color-stop(100%,#006283)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #006283 2%,#006283 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #006283 2%,#006283 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #006283 2%,#006283 100%); /* IE10+ */
	background:linear-gradient(top, #006283 2%,#006283 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006283', endColorstr='#006283');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006283', endColorstr='#006283')";
	
	color:#ffffff;
	
	border-color: #006283;
}
.input
{
	
	font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	color: #003E5D;
	padding: 3px 6px;
	border: 1px solid #CCC;
	outline: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}
.input:focus


{
    border: 1px solid #000;
    
    -moz-box-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 3px #000, 0 1px 2px rgba(0, 0, 0, .15) inset;
}
p{
	margin:0px;
	padding:0px;}
.name { font-family:'Archivo Narrow', sans-serif;
        font-size:14px;
		color:#26b0d0;
		font-weight:bold;}
		
.welcome { font-family:'Archivo Narrow', sans-serif;
           font-size:12px;
		   text-align:justify;
		   line-height:20px;
		   color:#b1b1b1;
		  }
		   
.about { font-family:Geneva, Arial, Helvetica, sans-serif;
         font-size:20px;
		 font-weight:bold;
		 text-decoration:none;
		 color:#000000;}
		 .allbuten{
		 color:#FFFFFF;
		 background-color:#006283;}
		 
.news1 {
font-family:Arial, Helvetica, sans-serif;
	color:#29166f;
	font-size:17px;
	}		 
.year {
font-family:'Archivo Narrow', sans-serif;
color:#ffffff;
font-size:17px;
text-decoration:none;
text-transform:uppercase;}
.white18b {
font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	}
	.white22b {
font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	}		   
.whit{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}      
.black12{
color:#fff;}  		
.menu {font-family:'Archivo Narrow', sans-serif;
       font-size:13px;
	   color:#fff;
	   font-weight:bold;
	   text-decoration:none;
	    -moz-transition: all 0.4s ease-out; /* FF3.7+ */
       -o-transition: all 0.4s ease-out; /* Opera 10.5 */
  -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
          transition: all 0.4s ease-out;
	  
	   }
	   .menu:hover{color:#000;
	   text-decoration:none;
	   
	  }
	   
.menu1 {font-family:'Archivo Narrow', sans-serif;
        font-size:12px;
		color:#FFFFFF;
		text-decoration:none;}	   
		
	.white16 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	}
			.black{
font-family:'Archivo Narrow', sans-serif;
font-size:16px;
color:#6e6e6e;
text-transform:uppercase;
font-weight:bold;}
		.pagesfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	-webkit-transition-property:color, background; 
-webkit-transition-duration: 1s, 1s; 
-webkit-transition-timing-function: linear, ease-in;
	text-decoration:none;}
		.pagesfont:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#EE2225;
	text-decoration:none;}
#keyword {
	
	border:0px;
	background:none;
	outline:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:150px;
	padding-left:8px;
	color:#7f7f7f;
	}
.gary25{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
text-decoration:none;	
}
.gary12{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#737371;
text-decoration:none;
}
#keyword1 {
	
	border:0px;
	background:none;
	outline:0px;
	width:230px;
	padding-left:10px;
	color:#8D8C8C;
	}
.news_hading{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}	
		.menufont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#636463;
	-webkit-transition-property:color, background; 
-webkit-transition-duration: 1s, 1s; 
-webkit-transition-timing-function: linear, ease-in;
	text-decoration:none;}
		.menufont:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#B50000;
	text-decoration:none;}
	.catfont {
	color:#01a6de;
	font-weight:bold;
font-family: 'Carrois Gothic', sans-serif;
	text-decoration:none;
	text-transform:uppercase;
padding-left: 5px;
	font-size:16px;	}
	
				.white12{
				font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7c7c7c;
text-decoration:none;}
.yellow12{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#908872;
text-decoration:none;}
.artno{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
font-weight:bold;}
.prohading{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:uppercase;
text-decoration:none;
color:#000000;
font-weight:bold;}
	.year {
	color:#795345;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-size:17px;	}
	.phone_hading{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
		color:#979797;}
		.news_hading{
			font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
		color:#FFFFFF;}
				.news12{
			font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		text-transform:uppercase;
		color:#795345;}
						.font12{
			font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#795345;}
		.leftmenu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
padding-left:12px;
margin-top:-4px;
-webkit-transition-property:color, background; 
-webkit-transition-duration: 1s, 1s; 
-webkit-transition-timing-function: linear, ease-in;
display:block;
}
.leftmenu:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e23904;
padding-left:12px;
margin-top:-4px;
text-decoration:none;
display:block;

}
.pagehading{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#878585;}
.mun{
font-family: 'Carrois Gothic', sans-serif;
font-size:18px;
color:#29166f;
text-decoration:none;
text-transform:uppercase;
}
.red{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:none;
}
.red:hover{ color:#b70004;
}
.top_basket{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#272827;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
.orenge{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4a4a4a;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
.addtocart{
visibility:hidden;}
.parent:hover .addtocart{
visibility:visible;}
.orenge2{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#4a4a4a;
margin-right:12px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
.customer_service{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
color:#01a6de;
font-weight:bold;
}
.customer_service1{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#a8a8a8;
}
/* Demo 2 */
#demo-2 input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
.text{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#121212;
font-weight:bold;
}
.text1{font-family: 'Carrois Gothic', sans-serif;
font-size:12px;
color:#6A6A6A;
}
.text2{font-family: 'Carrois Gothic', sans-serif;
font-size:12px;
color:#6A6A6A;
font-weight:bold;
}
.product{font-family: 'Carrois Gothic', sans-serif;
font-size:24px;
color:#6F6F6F;
text-transform:uppercase;
}
.payment{font-family: 'Carrois Gothic', sans-serif;
font-size:20px;
color:#FFFFFF;
}
.product_catagary{font-family: 'Carrois Gothic', sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#29166f;
}

a.product_catagary{
border-bottom:0px;}
#back-top {
	position: fixed;
	bottom: 16px;
	margin-left: 0px;
	cursor:pointer;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
.bs{
display:none;
position:absolute;
background:rgba(0,0,0,0.5);}
.chil:hover .bs{
display:block !important;}
.pantacone{ font-family: 'Carrois Gothic', sans-serif;
font-size:19px;
color:#FFFFFF;}

.clas {
list-style:none;
display:inline-block;
float: left;
}

.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
width:1000px !important;
}
.list_carousel .caroufredsel_wrapper{
width:1000px !important;
}
.list_carousel li {
color: #999;
text-align: center;
width: 243px !important;
height: 272px !important;
margin-right:7px;
display: block;
float: left;
}
.short_text{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8D8D8D;
line-height:18px;
}
.news{font-family: 'Carrois Gothic', sans-serif;
font-size:18px;
color:#29166f;
}
.latest{font-family: 'Carrois Gothic', sans-serif;
font-size:13px;
font-weight:bold;
color:#bcbcbc;
line-height:18px;
}
.botom_nav{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#fff;
font-weight:bold;
text-transform:uppercase;
 -moz-transition: all 0.4s ease-out; /* FF3.7+ */
       -o-transition: all 0.4s ease-out; /* Opera 10.5 */
  -webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
          transition: all 0.4s ease-out;
}
.botom_nav:hover{
color:#1f1e1e !important;
margin-left:8px;
text-decoration:none !important;

}
.last{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.last:hover{
color:#FFFFFF;
text-decoration:none !important;}
#back-top {
	position:relative;
	bottom: 2px;
	margin-left:0px;
	cursor:pointer;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
	}
.text3{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f0eded;
text-decoration:none;
}
.sign_text{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
line-height:20px;
}
.white14{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
line-height:22px;
}

.text4{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}
.productpage{border:1px solid #DDDDDD;
}
.productpage:hover{background-image:url(images/hover_img.jpg);
border-right:1px solid #29166f;
}

.quick{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#ffffff;
text-transform:uppercase;
}
.social{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#b3b3b3;
font-weight:bold;
text-transform:uppercase;
}
.social1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#ffffff !important;
font-weight:bold;
text-transform:uppercase;}
.last1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#ea392b !important;
font-weight:bold;
text-transform:uppercase;}


.largetext{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#fff !important;
font-weight:bold;
text-transform:uppercase;
}
.largetext2{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#fff !important;
font-weight:bold;
text-transform:uppercase;
}


.heading{

font-family:Arial, Helvetica, sans-serif;
border:1px solid #d1d1d1;
font-size:15px;
font-weight:bold;
background-color:#fff;
color:#5b6974 ;
text-decoration:none;
text-transform:uppercase;
}
.heading:hover{
color:#c50400;
border:2px solid #c50400;

}
.headingw{

font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
font-size:15px;
font-weight:bold;
border:1px solid #d1d1d1;
color:#5b6974;
text-decoration:none;
text-transform:uppercase;

}
.headingw:hover{
color:#c50400 !important;
border:2px solid #c50400;

}

.white13{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
font-weight:bold;}
.largetext1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700px;}
.largetext3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#888888;}





.probg{

background-color:#FFFFFF;
box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	box-shadow:0 0 3px #01a6de;
	-moz-box-shadow:0 0 3px #01a6de;
	-webkit-box-shadow:0 0 3px #01a6de;
	
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	
	transition: background-color 1s, box-shadow 1s, transform 0.5s;
	-moz-transition: background-color 1s, -moz-box-shadow 1s, -moz-transform 0.5s;
	-webkit-transition: background-color 1s, -webkit-box-shadow 1s, -webkit-transform 0.5s;
	-o-transition: background-color 1s, -o-box-shadow 1s, -o-transform 0.5s;

}
.probg:hover{
border:1px solid #01a6de;
box-shadow:0 0 25px #01a6de;
	-moz-box-shadow:0 0 25px #01a6de;
	-webkit-box-shadow:0 0 25px #01a6de;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@font-face {
    font-family: 'si';
    src: url('src/socicon.eot');
    src: url('src/socicon.eot?#iefix') format('embedded-opentype'),
         url('src/socicon.woff') format('woff'),
         url('src/socicon.ttf') format('truetype'),
         url('src/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

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

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

.soc li a {
    font-family:si!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: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 7px;
    color: #555555;
    background-color: #dfd8d6;
}

.soc a:hover {
    z-index: 2;
    background-color:#f3ecea !important;
}

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

.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}
.soc-google:before {
    content:'c';
}
.soc-linkedin:before {
    content:'j';
}