.line-bg-services {
	width: 628px;
	height: 317px;
	background:url(../images/services/usability/line-bg-services.png) no-repeat;
	position: absolute;
	top: 209px;
}
#block-audit-smm{
	background:url(../images/services/usability/b-audit-bg_smm.jpg) no-repeat 50% 0;
}
#form-audit-smm{
	margin-top: -34px;
}
/*********************/
.content-holder-menu{
	height: 34px;
	width: 680px;
	position: relative;
}
.content-holder-menu ul{
	height: 34px;width: 680px;margin-left: -40px;
}
.content-holder-menu ul li {
	float: left;
	margin-right: 30px;
	list-style: none;
	line-height: 34px;
}
.content-holder-menu a{
	text-decoration: none;
	color: #222c62;
}
.content-holder-menu a:hover{
	text-decoration: underline;
}
#content-holder-menu-active{
	color: #c83c6b;
}
.content-holder-menu-smm-logo{
	width: 178px;  height: 175px; float: left;
}
.block-audit:hover .content-holder-menu-smm-logo img{
	margin-top: 50px;
	width: 135%; height: 135%;
	transition: all 0.7s;
}
.content-holder-menu-smm-text {
	height: 360px; width: 500px;float: left; text-align: center;
}
.content-holder-menu-smm-text p{
	color: #fff; font-size: 32px; padding-top: 140px;
}
.block-audit:hover .content-holder-menu-smm-text p {
	transition: all 1.3s;  color: #fbdfef; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
.null{height: 30px}
.wrapp-more{
	width: 960px; height: 105px; margin: 0 auto;
}
.more_f1{height: 47px; width: 230px; float: left; margin-left: 83px;}
.more_f2, .more_f3{height: 47px; width: 230px; float: left;}
.more_f4{height: 47px; width: 150px; float: left;}
.trophy, .user, .rocket, .users {width: 42px; height: 38px; float: left; }
.trophy_30{width: 45px; height: 38px; float: left; padding-left:10px;}
.trophy_30 p{font-size: 39px; color: #1d275b; font-weight: bold; text-transform: uppercase; line-height: 32px;}
.trophy_text{padding-left:5px; float: left}
.trophy_text p{font-size: 15px; color: #000; cursor: default;}
.user_text {padding-left:5px; float: left}
.user_text p{font-size: 15px; color: #000; cursor: default;}
.rocket_text {padding-left:5px; float: left}
.rocket_text p{font-size: 15px; color: #000; cursor: default;}
.users_text {padding-left:5px; float: left}
.users_text p{font-size: 15px; color: #000; cursor: default;}
.more_f1:hover img, .more_f2:hover img, .more_f3:hover img, .more_f4:hover img{
	animation-name: services;
	-webkit-animation-name: services;
	-moz-animation-name: services;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}
.more_f1:hover p, .more_f2:hover p, .more_f3:hover p, .more_f4:hover p{color: #C83C6B; transition: all 1.5s;
	animation-name: services;
	-webkit-animation-name: services;
	-moz-animation-name: services;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
}

.line{
	width: 100%; height: 2px; border-bottom: 1px dotted #157efb;
}
.wrapp-smm{
	width: 960px;
	height: 1860px;
	margin: 0 auto;

}
.wrapp-smm-left{
	width: 470px;
	float: left;

}
.wrapp-smm-right{
	width: 470px;
	float: right;
	}
.magazine{
	width: 460px;
	height: 538px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-left: 3px;
	margin-top: 3px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	position: relative;
}
.magazine-menu{
height: 20px;
}
#magazine-menu-active{ color: #C83C6B; border-bottom: none;}
.magazine-menu li{list-style: none;
float: left;
}
.magazine-menu li a{
	text-decoration: none; color: #157efb; border-bottom: 1px dashed #157efb;
}
#magazine-menu-f{float: left}
#magazine-menu-s{float: right; padding-right: 40px}
.why-smm {margin-top: 10px; text-align: center; }
.why-smm p{color: #1d275b; font-size: 20px; font-weight: bold;}
.why-smm-block{
	width: 460px;height: 444px; padding-top: 30px;
}
.why-smm-block-l{float: left; width: 200px; text-align: center}
.why-smm-block-r{float: right;width: 200px;text-align: center}
.why-smm-block-c{float: left;width: 460px;text-align: center}
.why-smm-block-lcr{float: left;width: 460px;text-align: center; height: 141px }
.why-smm-block-text{height: 108px;}
#why-smm-block-first{display: block;}
#why-smm-block-second{display: none;}
.line-smm{width: 460px; height: 5px; float: left; margin-top: 5px; background: url('../images/services/usability/line_smm.jpg'); position: absolute; bottom: 0;}
.line-smm-seti{width: 460px; height: 5px; float: left; margin-top: 58px; background: url('../images/services/usability/line_smm.jpg');position: absolute; bottom: 0;}
.line-service{width: 460px; height: 5px; float: left; margin-top: 58px; background: url('../images/services/usability/line_smm.jpg');position: absolute; bottom: 0;}
.line-analiz{width: 460px; height: 5px; float: left; margin-top: 3px; background: url('../images/services/usability/line_smm.jpg');position: absolute; bottom: 0;}
.team{
	width: 460px;
	height: 368px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-left: 3px;
	margin-top: 20px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
}
.team p {
	color: #1d275b;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
}
.team-text{
	width: 460px;
	height: 212px;
	background: url('../images/services/usability/team.jpg');
	margin-top: 50px;
}
.team-text ul { height: 115px; margin-left: -40px;}
#team-text-first li{
	list-style: none;
	float: left;
	margin-top: 15px;
	width: 153px;
}
#team-text-first p{
	color: #363636;
	font-size: 13px;
	text-transform: none;
}
#team-text-second li{
	list-style: none;
	width: 460px;

}
#team-text-second p{
	color: #363636;
	font-size: 13px;
	text-transform: none;
}
#team-text-second li:last-child{
	margin-top: 50px;
}
.line-smm-team{width: 460px; height: 5px; float: left; margin-top: 50px; background: url('../images/services/usability/line_smm.jpg')}
.seti{
	width: 460px;
	height: 689px;
	float: right;
	border: 1px solid #d9d9d9;
	margin-top: 3px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	position: relative;
}
.seti-h1,.service-h1{margin-top: 20px; line-height: normal;}
.seti-h1 p,.service-h1 p{
	color: #1d275b;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.seti-p-first{padding: 0 30px; font-size: 15px;}
.seti-bg{
	width: 460px;
	height: 275px;
	background: url('../images/services/usability/usability.jpg');
	margin-top: 10px;
}
.seti-text p{
	padding: 11px 0 0 30px;
	line-height: 35px;
}
.seti-text-two p{
	padding: 30px 0 0 30px;
}
.seti-text-three p{
	padding: 25px 230px 0 0;
	font-size: 13px;
	text-align: right;
}
.recomended {margin-top: 15px; width: 460px; height: 60px; float: right}
.recomended p{
	color: #1d275b;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
}
.recomend{
	width: 460px;
	height: 800px;
	float: right;
	border: 1px solid #d9d9d9;
	margin-left: 3px;
	margin-top: 7px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	position: relative;
	z-index: 1;
}
.recomend-slide{
	width: 460px;
	height: 102px;
	padding: 20px 25px 0 20px;
	display: table-cell;
	vertical-align: middle;
}
.recomend-slide img{float: left;height: 102px;}
.recomend-slide p{float: left;font-size: 12px; height: 102px; padding: 26px 0 0 20px;}
.omg{width: 150px; height: 102px; position: absolute; right: 30px; z-index: 999;padding-top: 20px;}
.omg ul{float: right;}
.omg li{
	list-style:none;
	width: 12px;
	height: 12px;
	background: #1d275b;
	float: left;
	border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;
	margin-left: 15px;
	margin-top: 32px;
	cursor: pointer;
	}
#recomend-slide-circle{background: #cc3c6d;}
.recomend-text{ padding: 0 20px; height: 620px;}
.recomend-text p{ padding: 0; line-height: 20px;}
#recomend-sl-one{position: relative;}
#recomend-sl-two{position: relative;display: none;}
#recomend-sl-three{position: relative;display: none;}
.line-recomend{width: 460px; height: 5px; float: left; margin-top: 27px; background: url('../images/services/usability/line_smm.jpg')}
.usability-site{
	width: 462px;
	height: 187px;
	background: url('../images/services/usability/usability-site.jpg');
	float: right;
	margin-bottom: 20px;
}
.usability-site p{
	padding: 35px 30px 30px 150px;
}
.service{
	width: 460px;
	height: 260px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-top: 20px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
}
.service-block{
	float: left;
	width: 150px;
	text-align: center;
	margin-top: 30px;

}
.service-block-text p{
	font-size: 15px;
	color: #363636;
	text-transform: none;
	font-weight: normal;
}
.service:hover .service-block-text p{
	color: #C83C6B;
	transition: 0.6s;
}
.service-block:hover .service-block-img img{
	animation-name: services;
	-webkit-animation-name: services;
	-moz-animation-name: services;
	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;

}
@keyframes services{
	0%  {margin-left:  0px}
	25% {margin-left:  20px;}
	50% {margin-left:  -20px;}
	75% {margin-left:  10px;}
	100%{margin-left:  -10px;}
}
@-webkit-keyframes services{
	0%  {margin-left:  0px}
	25% {margin-left:  20px;}
	50% {margin-left:  -20px;}
	75% {margin-left:  10px;}
	100%{margin-left:  -10px;}
}
@-moz-keyframes services{
	0%  {margin-left:  0px}
	25% {margin-left:  20px;}
	50% {margin-left:  -20px;}
	75% {margin-left:  10px;}
	100%{margin-left:  -10px;}
}
.analiz{
	width: 460px;
	height: 548px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-top: 20px;
	box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow:0px -1px 2px 0px rgba(50, 50, 50, 0.15);
	position: relative;
}
.analiz-block-l{
	float: left;
	text-align: center;
	width: 230px;
	height: 120px;
}
.analiz-block-r{
	float: right;
	text-align: center;
	width: 230px;
	height: 120px;
}
.analiz-block-l-img {
	 height: 48px;
 }
.analiz-block-r-img {
	height: 48px;
}
.analiz-block-l-text {
	height: 72px;
}
.analiz-block-r-text {
	height: 72px;
}
.people {
	width: 187px;
	height: 238px;
	background: url('../images/services/usability/anton.png');
	position: absolute;
	bottom: 0;
	right: 0;
}