@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
body{
padding:0; margin:0;
font:14px Tahoma, sans-serif;
-webkit-font-smoothing: antialiased; 
-o-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;
background:#EAEAEA;}

::-webkit-input-placeholder {color:#c8c8c8; opacity:1;}/* webkit */
::-moz-placeholder          {color:#c8c8c8; opacity:1;}/* Firefox 19+ */
:-moz-placeholder           {color:#c8c8c8; opacity:1;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c8c8c8; opacity:1;}/* IE */

:focus::-webkit-input-placeholder {opacity:0;}/* webkit */
:focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
:focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
:focus:-ms-input-placeholder      {opacity:0;}/* IE */

img{border:none;}
input,select,option,submit,textarea,button,a,label{outline:none;}
label,a,option,input[type="submit"],button{cursor:pointer;}

.strong,strong,b{font-weight:bold;}

span[title]{
cursor:pointer;}


i,em{	font-style:italic;}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
margin:0 0 4px 0;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
.none{display:none;}

.width1 {width:1%;}
.width2 {width:2%;}
.width3 {width:3%;}
.width4 {width:4%;}
.width5 {width:5%;}
.width6 {width:6%;}
.width7 {width:7%;}
.width8 {width:8%;}
.width9 {width:9%;}
.width10 {width:10%;}
.width11 {width:11%;}
.width12 {width:12%;}
.width13 {width:13%;}
.width14 {width:14%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100{width:100%;}

.nowrap{
white-space:nowrap;}

a:link, a:visited{
font:13px Tahoma,sans-serif;
color:#1b83c8;
transition:all .3s 0s ease;
-o-transition:all .3s 0s ease;
-ms-transition:all .3s 0s ease;
-moz-transition:all .3s 0s ease;
-khtml-transition:all .3s 0s ease;
-webkit-transition:all .3s 0s ease;}
a:hover{color:#b22222;}

menu,nav{
padding:0;margin:0;}

#overlay{
position:fixed;
left:0;right:0;top:0;bottom:0;
background:rgba(0,0,0,.65);
z-index:5000;}

.login-body{
background: #000;}

#main{
min-width:1000px;
max-width:1920px;
margin:0 auto;}

.login-div{
position:absolute;
z-index:-1;
top:0;left:0;right:0;bottom:0;
background:url(../img/bg.jpg);
background-size:cover;
opacity:.5;}

.login-form-div{
width:350px; height:410px;
box-sizing:border-box;-moz-box-sizing:border-box;
margin:100px auto 0 auto;
background:#fff;
box-shadow:0 0 20px 10px rgba(0,0,0,.3);}

.netfpro-cms{
padding:16px 0 0 0;
text-align:center;
font:bold 32px "Cairo", sans-serif;}

.login-form-p{
width:86%;
margin:26px auto 0 auto;}

.l-input{
font-size:11px;}

.login-input{
height:30px;
box-sizing:border-box;
-moz-box-sizing:border-box;
border:0;
border-bottom:1px solid #c6c6c6;
width:100%;
color:#333;
font:13px Tahoma,Arial, Verdana, sans-serif;
padding:0 0 0 6px;}

.login-input:focus{
border-bottom:2px solid #0000cd;}

.login-but{
border:0;
background:#586D76;
color:#fff;
width:100%;
text-align:center;
height:40px;
margin:16px 0 0 0;
font:14px Tahoma,Arial,sans-serif;
border-radius:2px;}

.error{
color:#b22222;
font:8pt Verdana;}

#redstar{
color:red;
font:bold 14px Tahoma;}

.small-green{
color:#2ECC71;
font:bold 12px Tahoma,Arial, Verdana, sans-serif;
display:block;
text-align:center;
padding:16px 0 0 0;}

.small-gray{
color:#a3a9ad;
font:12px Tahoma,Arial, Verdana, sans-serif;}

.l-block{
position:fixed;
z-index:2;
overflow:hidden;
width:200px;height:100vh;
background:#1F2837;
display:inline-block;}

.r-block{
box-sizing:border-box;
-moz-box-sizing:border-box;
width:100%;
padding:0 0 0 200px;
display:inline-block;
position:relative;}

.logo-netfpro{
font:22px "Cairo", Arial, sans-serif;
text-align: center;
background:#4E7FE1;
color:#fff;
height:45px;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:2px 0 0 0;}

/* ссылка в левом меню */
a.left-m:link,
a.left-m:visited,
a.left-m.act:link,
a.left-m.act:visited{
background:#1F2837;
color:#8F939B;
display:block;
height:46px;
text-decoration:none;
font:bold 13px Tahoma,Arial, Verdana, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:16px 0 0 14px;
-webkit-transition:all .3s 0s ease;
-khtml-transition:all .3s 0s ease;
-moz-transition:all .3s 0s ease;
-o-transition:all .3s 0s ease;
transition:all .3s 0s ease;
position:relative;
white-space:nowrap;}

a.left-m:hover{
background:#0e141d;}

a.left-m.act:link,
a.left-m.act:visited{background:#0e141d;}

#fa-lm{
position:relative;
top:-1px;}

#fa-left{
position:absolute;
right:6px;
font-size:16px;}

.head{
background:#fff;
height:45px;
box-sizing:border-box;
-moz-box-sizing:border-box;
position:fixed;
width:100%;
padding:0 0 0 19px;
color:#797979;
box-shadow:0 0 10px 0 rgba(0,0,0,.3);
z-index:5;
display:flex;}

/* кнопка показать/скрыть меню */
.head-div-shm,
.head-div-upload,
.head-div-signout,
.head-div{
border-left:1px solid #f7f7f7;
border-right:1px solid #f7f7f7;
height:45px; width:45px;
text-align:center;
box-sizing:border-box;-moz-box-sizing:border-box;
padding:14px 0 0 0;
margin:0 0 0 -1px;}

a.head-link-fa:link,
a.head-link-fa:visited{
color:#797979;
text-decoration:none;}

.page-content{
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:55px auto 0 auto;
width:97%;}

.table-div, .table{
display:table;
border-spacing:0;
border:1px solid #ddd;
border-collapse:collapse;
width:100%;
font-size:12px;}

.table-tr-div{
display:table-row;}

.table-tr-div:nth-child(2n),
.table tr:nth-child(2n){
background:#fff;}

.table-tr-div:nth-child(2n+1),
.table tr:nth-child(2n+1){
background:#F5F5F5;}

.table-td-div{
display:table-cell;
border:1px solid #ddd;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:14px 16px 10px 10px;
vertical-align: middle;}

.table-td-div.ftd{
width:30%}

.table td{
border:1px solid #ddd;}
.table td.ftd{
width:30%;
max-width:250px;}

.table-ul{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
padding:0 0 0 0;
margin:0 0 0 0;
width:100%;
font-size:12px;}

.gray-italic{
color:gray;
font: italic 11px Verdana,Tahoma,sans-serif;}

.input,.txt{
box-sizing:border-box;
-moz-box-sizing:border-box;
padding-left: 4pt;
border: 1px solid #ddd;
width: 100%;
font: 14px "Trebuchet MS",Tahoma,Verdana,sans-serif;
height: 24pt;
color: #919191;}

.input.num{width:150px;}

.input.need{border:1px solid #4E7FE1;}

.txt{
	height:100px;
	max-height:250px;
	padding:0 4px;}
.txt.vr{
resize:vertical;}
.txt.nr{
resize:none;}

.searchinput{
border:1px solid #bfbfbf;
height:24px;
font:12px Tahoma,Arial,sans-serif;
position:relative;
box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 0 0 4px;
margin:0 -1px 0 0;}

.search-but{
vertical-align:top;
display:inline-block;
background:#f3f6f7;
border:1px solid #bfbfbf;
height:24px;
color:#555;
font:11px Arial,sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:0 6px 0 6px;}

.txt.big{
height:250px;
max-height:500px;}
.txt.big.vr{
resize:vertical;}

.full-order{
height:auto;
padding:7px 0;}

.page-name{
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:0 16px 10px 2px;
color:#626262;
font:bold 16px "Open Sans",Tahoma,Arial, Verdana, sans-serif;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:100%;
text-transform:uppercase;}

#fa-page-name{font-size:16px;}

.save-div{
padding:14px 0 0 0;
text-align:center;}

.button{
min-width:120px;
height:30px;
border:1px solid #959595;
background:#fff;
color:#5c5c5c;
font:13px Tahoma, Verdana, sans-serif;
box-sizing:border-box;-moz-box-sizing:border-box;
padding:0 10px;}

.button.green{
background:#51a74f;
border:1px solid #51a74f;
color:#fff;}

.footer{
margin:50px 0 50px 0;}

#bad,#good{
position:fixed;
right:20px; top:20px;
background:#b22222;
min-width:250px;
z-index:100;
box-sizing:border-box;-moz-box-sizing:border-box;
padding:16px;
font:11pt Tahoma,Verdana, sans-serif;
color:#fff;
cursor:pointer;
display:none;
border-radius:4px;}

#good{
background:#4E7FE1;}

.p-name-span{
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
white-space:nowrap;
text-overflow:ellipsis;
width:100%;
overflow:hidden;}

/* здесь текстовое поле для изменения названия каталога */
.p-text-span{
display:none;}

.pre{
font-size:14px;
color:#626262;}

#fa-edit-del{
cursor:pointer;
font-size:16px;
color:#bbbbbb;
-webkit-transition:all .3s 0s ease;
-khtml-transition:all .3s 0s ease;
-moz-transition:all .3s 0s ease;
-o-transition:all .3s 0s ease;
transition:all .3s 0s ease;}

#fa-edit-del:hover{color:#626262;}

#fa-move{
font-size:12px;
color:#bbbbbb;
-webkit-transition:all .3s 0s ease;
-khtml-transition:all .3s 0s ease;
-moz-transition:all .3s 0s ease;
-o-transition:all .3s 0s ease;
transition:all .3s 0s ease;
transform:rotate(45deg);
-o-transform:rotate(45deg); /* для Оперы */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Chrome */}
#fa-move:hover{color:#626262;}

.page-link{
color:#bbbbbb;
font:8pt Verdana,sans-serif;}

.breadcrumb{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0;
	margin:0 0 5px 0;
	color:#87929c;
	font-size:12px;
}

a.breadcrumb-link:link,
a.breadcrumb-link:visited{
	color:#1B83C8;
	font-size:12px;
}

a.breadcrumb-link:hover{
	color:#b22;
}

.all-pic-here{
	display:flex;
	flex-flow: row wrap;
	align-items:center;
	justify-content:space-between;
}

.pic-here{
	background:rgba(203, 203, 203, .5);
	border:2px solid #cbcbcb;
	width:200px; height:190px;
	overflow:hidden;
	vertical-align: top;
	text-align:center;
	margin:0 2px 16px 0;
	position:relative;
}

a.up-link-pic:link,
a.up-link-pic:visited{
	display:flex;
	justify-content:center;
	align-items:center;
	height:140px;
	overflow:hidden;
}

.up-pic{
	max-width:200px;
	max-height:150px;
}

.pic-desc{
	width:100;
	height:44px;
	position:relative;
	top:2px;
	text-align:left;
	font:8pt Verdana;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:1px 0 0 2px;
}

#hide-upload-pic-here{
	position:fixed;
	z-index:10;
	overflow-y:scroll;
	width:680px;
	height:100vh;
	left:-2000px;
	background:#fff;
	display:block;
	border-left:1px solid #ddd;
	box-shadow:0 0 10px 4px rgba(0,0,0,.3);
}

#hide-upload-pic-here::-webkit-scrollbar {
    width: 6px;
} 
#hide-upload-pic-here::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
} 
#hide-upload-pic-here::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5); 
}

/* для mozilla, который не поддерживает изменение скролбара */
@-moz-document url-prefix()
{
   #hide-upload-pic-here{
		width:690px;
	}
}

/* блок с загруженной картинкой и описнием */
.hide-up-pic-here{
	background:rgba(203, 203, 203, .5);
	border:2px solid #cbcbcb;
	width:100px; height:138px;
	overflow:hidden;
	vertical-align: top;
	text-align:center;
	margin:0 2px 4px 0;
	position:relative;
	display:inline-block;
	cursor:pointer;
}

/* блок с загруженной картинкой */
.hide-up-pic{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100px;
	overflow:hidden;
}

.hide-up-pic__img{
	max-width:100px;
	max-height:120px;
}

.hide-pic-desc{
	width:100;
	height:40px;
	position:relative;
	top:0px;
	text-align:left;
	font:8pt Verdana;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:5px 0 0 2px;
}

.close-hide-up{
	position:fixed;
	z-index:11;
	top:0; left:645px;
	width:30px; height:30px;
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	font:bold 24px Arial, Verdana, sans-serif;
	padding:2px 0 0 0;
	border-left:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	color:#CBCBCB;
	cursor:pointer;
	display:none;
}


a.gray-link:link,
a.gray-link:visited{
font:11px Arial, Verdana, sans-serif;
color:black;
text-decoration:none;
border-bottom:1px dashed #000;}

a.up-pic-del:link,
a.up-pic-del:visited{
font:20px Arial, Verdana, sans-serif;
color:#4c4c4c;
position:absolute;
top:12px; right:5px;
z-index:2;
text-decoration:none;
-webkit-transition:all .3s 0s ease;
-khtml-transition:all .3s 0s ease;
-moz-transition:all .3s 0s ease;
-o-transition:all .3s 0s ease;
transition:all .3s 0s ease;}

a.up-pic-del:hover{
color:#970000;}


.kolvo{
	color:#fff;
	font-size:12px;
	background:#4E7FE1;
	border-radius:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	padding:2px;
	min-width:20px;
	display:inline-block;
	cursor:default;
}

.kolvo.orange{
	background:#FFC263;
}



/* Uploader style */
.swiff-uploader-box a{display:none !important;}
#demo-status{}
#demo-status .progress{
background:url(../img/progress.gif) no-repeat;
background-position: +50% 0;
margin-right:0.5em;
vertical-align:middle;}
#demo-status .progress-text{
font-size:0.9em;
font-weight: bold;}
#demo-list{
list-style:none;
width:80%;
margin:0px;}
#demo-list li.validation-error{
font-size:10pt;
padding-left:44px;
display:block;
clear:left;
line-height:40px;
color:#8a1f11;
cursor:pointer;
border:1px solid #fbc2c4;
background:#fbe3e4 url(../img/failed.png) no-repeat 4px 4px;}
#demo-list li.file{
color:#222;
background:url(../img/file.png) no-repeat 4px 4px;
overflow:auto;}
#demo-list li.file.file-uploading{
color:#222;
background:#d9dde9 url(../img/uploading.png) no-repeat 4px 4px;}
#demo-list li.file.file-success{
color:#222;
background:url(../img/success.png) no-repeat  4px 4px;}
#demo-list li.file.file-failed{
color:#222;
background:url(../img/failed.png) no-repeat  4px 4px;}
#demo-list li.file .file-name{
font:bold 14px Arial,Verdana,sans-serif;
margin:0 0 10px 44px;
display:block;
clear:left;
line-height:40px;
height:40px;}
#demo-list li.file .file-size{
color:#222;
font:bold 18px "PT Sans Narrow",Arial,Verdana,sans-serif;
line-height:18px;
float:right;
margin-top:2px;
margin-right:6px;}
#demo-list li.file .file-info{
color:#222;
display:block;
margin-left:44px;
font:14px Arial,Verdana,sans-serif;
line-height:20px;}
#demo-list li.file .file-remove{
color:#222;
clear:right;
float:right;
line-height:18px;
margin-right:6px;}

.goods-here{
white-space:nowrap;
overflow:hidden;
width:98%;
text-overflow: ellipsis;}

.sort-label{
vertical-align:top;
display:inline-block;
background:#f3f6f7;
border:1px solid #bfbfbf;
height:24px;
color:#555;
font:11px Arial,sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:5px 6px 0 6px;}

.select{
border:1px solid #bfbfbf;
height:24px;
font:12px Tahoma,Arial,sans-serif;
position:relative;}

.select.need{
border:1px solid #4E7FE1;
height:24px;
font:12px Tahoma,Arial,sans-serif;
position:relative;}

.select.sort{
margin:0 0 0 -5px;
width:260px;}

.select.show{
margin:0 0 0 -5px;
width:60px;}

/* страничная навигация */
a.fpl:link,
a.fpl:visited{
display:inline-block;
min-width:40px; height:30px;
text-align:center;
border-bottom:1px solid #d3d3d3;
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0 -4px 0 0;
padding:6px 0 0 0;
text-decoration:none;
color:#939393;
font-size:15px;
transition:all .15s 0s ease;
-o-transition:all .15s 0s ease;
-ms-transition:all .15s 0s ease;
-moz-transition:all .15s 0s ease;
-khtml-transition:all .15s 0s ease;
-webkit-transition:all .15s 0s ease;}

a.fpl:hover{
border-bottom:3px solid #b22222;
color:#b22222;}

.hellip,
.npnl{
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0 -4px 0 0;
padding:6px 0 0 0;
display:inline-block;
width:30px; height:30px;
text-align:center;
color:#dcdcdc;
font-size:15px;}
.npnl{
vertical-align: top;
border-bottom:3px solid #4E7FE1;
color:#4E7FE1;}

.id-order{
position:relative;}

.circle{
width:10px; height:10px;
display:block;
background: #cacaca;
border-radius:100%;
position:absolute;
z-index:2;
top:6px; right:10px;}

.circle.yellow{
background: #FFC263;}

.circle.red{
background: #b22222;}

.circle.g{
background: #2ECC71;}

.gray{
	color:#cacaca;
}

.green{
color:#2ECC71;
font:bold 12px Tahoma,Arial, Verdana, sans-serif;
position:relative;
top:1px; left:5px;}

#ord-truck{
color:#929292;
cursor:text;}

#ord-pro{
color:#FFC263;
cursor:text;}

#ord-ok,.ord-ok{
color:#2ECC71;
cursor:text;}

#ord-bad{
color:#b22222;
cursor:text}

.div-op{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:space-between;
}

.div-op-div:nth-child(2n){
	background:#fff;
}

.div-op-div:nth-child(2n+1){
	background:#F5F5F5;
}

.div-op-div{
	position:relative;
	box-sizing:border-box;-moz-box-sizing:border-box;
	padding:8px 10px;
	margin:0 10px 10px 0;
	border:1px solid #ddd;
	width:49%;
	font:12px Tahoma,Arial, Verdana, sans-serif;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
}

/* id отзыва */
.div-op-div__id,
.div-op-div__active,
.div-op-div__ndate,
.div-op-div__opinion{
	width:100%;
}

.div-op-div__half{
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:10px 0 0 0;
}

.div-op-div__half div{
	width:49.5%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	
}

.div-op-div__opinion{
	padding: 10px 0 0 0;
}

a.floppy:link,
a.floppy:visited{
text-decoration:none;
color:#0066ff;}

a.trash:link,
a.trash:visited{
text-decoration:none;
color:#b9b9b9;}

#stat{
display:none;
}

.table-stat{
border:1px solid #ddd;
font-size:12px;
margin:0 0 10px 0;}

.progress{
width:300px;
position:relative;
height:20px;
color:#fff;
background: #ddd;
box-sizing:border-box;
-moz-box-sizing:border-box;
text-align:right;
overflow:hidden;}

.dpro,
.cpro{
position:absolute;
top:0; left:0;
height:20px;
background: #2ECC71;
padding:3px 6px 0 6px;}

.cpro{
background: #b22222;}

/* это все вкладки тег <ul> */
.nf-tabs-menu{
	padding:0; margin:0;
}


.nf-tabs-menu.pn{
	pointer-events:none;
}

/* отдельная вкладка */
.nf-tabs-menu li{
	display:inline-block;
	color:#aaa;
	border-bottom:3px solid #aaa;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:14px 20px 14px 0;
	margin:0 0 -1px -6px;
	font: 16px "Roboto Condensed",Tahoma,Arial,Verdana, sans-serif;
	text-align:center;
	text-decoration:none;
	position:relative;
	z-index:2;
	cursor:pointer;
}
.nf-tabs-menu li:first-child{
	margin:0 0 -1px 0;
}

/* активная вкладка */
.nf-tabs-menu li.active-tabs{
	color:#555;
	border-bottom:3px solid #4f7fdf;
	cursor:auto;
}

/* все вкладки с текстом */
.nf-tabs{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:10px 0 14px 0;
	margin:0;
	position:relative;
	z-index:1;
	text-align:justify;
}

.nf-tab{
	font-size:12px;
	display: none;
}
.nf-tab.active{
	display:block;
}


.txt-comm{
	border:1px solid #E5E5E5;
	min-height:80px;
	text-align:left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 6px;
	color:#696969;
	font:13px Tahoma,sans-serif;
	resize:vertical;
}

.opinion-photo{
	display: inline-flex;
	height:140px; width:140px;
	overflow:hidden;
	margin:0 6px 10px 0;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:column;
	text-align: center;
	border:1px solid #dcdcdc;
}

a.opphotolink:link,
a.opphotolink:visited{
	display:flex;
	height:120px;
}

.opphoto{
	width:100%;
	object-fit:scale-down;
}

.pagenav{
	margin: 15px 0 0 0;
	border:1px solid #ddd;
	box-sizing:border-box;-moz-box-sizing:border-box;
	padding:0 10px;

}

.socicons{
	display:flex;
	justify-content:center;
	flex-flow: row wrap;
	/* многострочное выравнивание */
	align-content:center;
	width:28px; height:28px;
	margin:0 auto;
}
.socicons.whatsapp{
		background: url(../img/socicons.png) 0 -6px no-repeat;
}
.socicons.viber{
		background: url(../img/socicons.png) -28px -6px no-repeat;
}
.socicons.telegram{
		background: url(../img/socicons.png) -56px -6px no-repeat;
}
.socicons.vkontakte{
		background: url(../img/socicons.png) -84px -6px no-repeat;
}
.socicons.facebook{
		background: url(../img/socicons.png) -112px -6px no-repeat;
}
.socicons.odnoklassniki{
		background: url(../img/socicons.png) -140px -6px no-repeat;
}
.socicons.twitter{
		background: url(../img/socicons.png) -168px -6px no-repeat;
}
.socicons.messenger{
		background: url(../img/socicons.png) -194px -6px no-repeat;
}