/***************socials*********************/
@font-face {
  font-family: 'icomoon';
  src:  url('../../../fonts/aparat/icomoon.eot?zk90w');
  src:  url('../../../fonts/aparat/icomoon.eot?zk90w#iefix') format('embedded-opentype'),
    url('../../../fonts/aparat/icomoon.ttf?zk90w') format('truetype'),
    url('../../../fonts/aparat/icomoon.woff?zk90w') format('woff'),
    url('../../../fonts/aparat/icomoon.svg?zk90w#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-aparat{line-height:44px}
.ico-aparat .path1:before {
  content: "\e900";
  color: rgb(237, 20, 91);
}
.ico-aparat .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(35, 31, 32);
}
.ico-aparat .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(35, 31, 32);
}
.ico-aparat .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(35, 31, 32);
}
.ico-aparat .path5:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(35, 31, 32);
}
#socials p{
    color: #777;
    font-size: 15px;
	margin:0
}
#socials.text-right li{float:left;text-align:left}
.footertopp #socials, #footer > .container #socials{margin-bottom:10px;margin-top:10px}
@media screen and (min-width: 1200px) {
.ftheme-1 #socials p{display:none}
.ftheme-1 #socials li{float:left}
}
.bar #socials p{display:none}
#socials li{
width:38px !important;
float:right;
height:38px;
display:block;
cursor:pointer;
line-height:44px;
text-align:right;
transition:All 0.3s ease;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top:12px

}
.bar-left #socials.bar-item{margin-right:20px}
.bar-right #socials.bar-item{margin-left:20px}
.bar #socials li{
float:none;
display:inline-block;
margin:0;
width:30px !important;
height:auto;
text-align:center;
line-height:38px;
vertical-align:middle;	
}
.bar #socials li a i{font-size:20px}
#socials li.facebook:hover i{color:#3b5998}
#socials li.twitter:hover i{color:#2aa9e0}
#socials li.rss:hover i{color:#f5a21e}
#socials li.google_plus:hover i{color:#dd4b39}
#socials li.instagram:hover i{color:#337ab7}
#socials li.telegram:hover i{color:#2ca5e0}
#socials li.facebook:hover i{color:#3b5998}
#socials li.twitter:hover i{color:#2aa9e0}
#socials li.rss:hover i{color:#f5a21e}
#socials li.google_plus:hover i{color:#dd4b39}
#socials li.instagram:hover i{color:#337ab7}

#socials li a i{
font-size:24px;
margin:0;
vertical-align:middle;
color:#555;
}
#socials li:hover i{
color:#F2594B;
	transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
}
#socials li.facebook i{color:#3b5998}
#socials li.twitter i{color:#2aa9e0}
#socials li.rss i{color:#f5a21e}
#socials li.google_plus i{color:#dd4b39}
#socials li.instagram i{color:#337ab7}
#socials li.telegram i{color:#2ca5e0}
#socials li.linkd i{color:#fff;background:#0084bf;padding:4px 5px;border-radius:3px;font-size:16px}