/* CSS Document */

/*  шрифты начало */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Elektra';
    src: url('fonts/Elektratextpro_reg.woff2') format('woff2'),
        url('fonts/Elektratextpro_reg.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Elektra';
    src: url('fonts/Elektratextpro_bold.woff2') format('woff2'),
        url('fonts/Elektratextpro_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Elektra';
    src: url('fonts/Elektratextpro_it.woff2') format('woff2'),
        url('fonts/Elektratextpro_it.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/*  шрифты конец */






body 	{ margin:0px; padding:0px; color:#0c1f2b; font-size:14px; font-family: 'Roboto', sans-serif; font-weight: normal; min-width: 1180px; min-height: 100%; /*overflow-x:hidden;*/ background-color: #f1f1f1 !important;}
.indexbox	{background: url('images/f1.png') center top no-repeat;  background-color: #f1f1f1;}


.bg1	{ background-color: #f7f7f7 !important; background: url('img/fon.png') center top no-repeat;}


a			{ color: #3485c2; text-decoration:none; /*color: #5684bf;*/}
a:hover		{ color: #ff004c;}

.blfont		{color:#282828;}
.whfont		{color:#ffffff;}

.fl_left	{float:left;}

input, textarea { margin: 0; padding: 0; border: 0; background: none; border-radius: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.right0		{ margin-right: 0 !important;}
.right40	{ margin-right: 40px !important;}
.margin0	{margin-top: 0;}
.margin10	{margin-top: 10px;}
.margin15	{margin-top: 15px;}
.margin20	{margin-top: 20px;}
.margin25	{margin-top: 25px;}
.margin30	{margin-top: 30px}

.margin7bt	{margin-bottom: 7px;}

.txt_norm	{ font-weight: normal; }
.txt_norm0	{ font-weight: normal; }



/* шапка fix */
#workman-top 	{ display:none; background-color: #fff; padding: 5px 0 5px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; z-index: 999;}
.bodyfix		{ background-color: #fff; padding: 5px 0 5px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; z-index: 999;}
.topfix			{ display: block;}
.mmfix			{ font-size: 16px; margin-left: 0; height: 0; /*float: left;*/ padding-top: 12px; font-family: "Elektra"; font-weight: bold; text-transform: uppercase;}
.logo2			{ float: left; margin-right: 25px;}
/* шапка fix конец */
#workman-top-all	{ background-color: #fff; padding: 5px 0 5px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; z-index: 999;}


/* шапка */
.top			{ display: block; margin-top: 20px;}
.div_center		{ width:1160px; text-align:left; margin: 0px auto; display:block; }
.logo			{ float: left; margin-right: 65px;}

.mm				{ font-size: 16px; margin-left: 0; height: 0; /*float: left;*/ padding-top: 47px; font-family: "Elektra"; font-weight: bold; text-transform: uppercase;}
a.mma 			{ color: #0c1f2b; margin-right: 45px; letter-spacing: 0.3px; }
a.mma:hover		{ color: #ff004c;}

.top2	{ display: block; margin-top: 33px; height: 420px;}
.mmsl	{}
.mmsl1	{}
.mmsl2	{ font-size: 75px; font-weight: bold; letter-spacing: -3px; font-family: "Elektra"; line-height: 0.9em; margin: 10px 0 18px 0;}
.mmsl3	{ color: #2a7efb; font-size: 18px; font-weight: bold; margin-bottom: 25px; text-transform: uppercase;}
.mmsl4	{ width: 375px;}

.mfilter {
	display:table; 
	/*margin: 10px auto 25px;*/
	padding:0;
	font-size:14px;
	line-height:33px;
	font-weight:700;
	text-transform:uppercase;
}
.mfilter li {
	list-style:none;
	float:left;
	margin:0 1px;
}
.mfilter a {
	display:inline-block;
	vertical-align:top;
	color:#000;
	padding:0 20px;
	border-radius:2px;
}
.mfilter a:hover {
	color:#fff;
	background:#ff004c; /*background: linear-gradient(to top, #ff004c, #ffa21f);*/
}
.mfilter .active a {
	color:#fff;
	background:#6d93ff;
	cursor:default;
	pointer-events:none;
}

.top3	{ display: block; }

.social a {
    /*display: block;*/
    width: 32px;
    height: 32px; margin-right: 8px;
    /*text-indent: -9999px;
    overflow: hidden;*/
    background: url(images/icosocial.png) no-repeat; display: block; cursor: pointer; float: left;
}

.social .ico1 {
    background-position: -720px 0;
}
.social .ico1:hover {
	background-position: -720px -36px;
}

.social .ico2 {
    background-position: -560px 0;
}
.social .ico2:hover {
	background-position: -560px -36px;
}

.social .ico3 {
    background-position: -600px 0;
}
.social .ico3:hover {
	background-position: -600px -36px;
}

.social .ico4 {
    background-position: -520px 0;
}
.social .ico4:hover {
	background-position: -520px -36px;
}

.social .ico5 {
    background-position: -680px 0;
}
.social .ico5:hover {
	background-position: -680px -36px;
}

.social .ico6 {
    background-position: -640px 0;
}
.social .ico6:hover {
	background-position: -640px -36px;
}

.icotxt	{ float:left; margin: 8px 35px 0 3px; color: #fff; display: block;}

a.aicotxt 			{ color:#fff;}
a.aicotxt:hover 	{ color:#ff004c;}






/* со сети */
.social-links {
	float:right;
	width:192px;
	position:relative;
	padding:20px 0;
}
.social-links .mask {
	position:
	absolute;
	top:0;
	/* right:-5px; */
	/* padding:15px 0 15px 0; */
	/* overflow:
	hidden; */
}
.social-links .social {
	overflow:hidden;
	margin:0;
	padding:5px;
	float:left;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	border-radius:21px/21px;
}

.social-links.active .social {
	background:#fff;
	-webkit-box-shadow:0 0 14px #fff, 0 0 10px #fff;
	box-shadow:0 0 14px #fff, 0 0 10px #fff;
}



.social-links1 {
	float:right;
	width:192px;
	position:relative;
	padding:20px 0;
}
.social-links1 .mask {
	position:absolute;
	
	top:0;
	right:-5px;
	padding:15px 0 15px 0;
	overflow:hidden;
}
.social-links1 .social {
	overflow:hidden;
	margin:0;
	padding:5px;
	float:left;
	white-space:nowrap;
	font-size:0;
	line-height:0;
	border-radius:21px/21px;
}

.social-links1.active .social {
	background:#fff;
	-webkit-box-shadow:0 0 14px #fff, 0 0 10px #fff;
	box-shadow:0 0 14px #fff, 0 0 10px #fff;
}

.left40px	{ margin-left: 40px;}
.top10px	{ margin-top: 25px !important;}

.social li {
	display:inline-block;
	list-style:none;
	margin:0 -3px 0 0;
}
.social li:first-child {
	margin-left:0;
}
.social a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/icosocial.png) no-repeat;
}
.social .ico-facebook {
	background-position:0 0;
}
.social .ico-facebook:hover {
	background-position:0 -36px;
}
.social .ico-vkontakte {
	background-position:-40px 0;
}
.social .ico-vkontakte:hover {
	background-position:-40px -36px;
}
.social .ico-twitter {
	background-position:-80px 0;
}
.social .ico-twitter:hover {
	background-position:-80px -36px;
}
.social .ico-gplus {
	background-position:-120px 0;
}
.social .ico-gplus:hover {
	background-position:-120px -36px;
}
.social .ico-behance {
	background-position:-160px 0;
}
.social .ico-behance:hover {
	background-position:-160px -36px;
}
.social .ico-re {
	background-position:-200px 0;
}
.social .ico-re:hover {
	background-position:-200px -36px;
}
.social .ico-linkedin {
	background-position:-240px 0;
}
.social .ico-linkedin:hover {
	background-position:-240px -36px;
}
.social .ico-pinterest {
	background-position:-280px 0;
}
.social .ico-pinterest:hover {
	background-position:-280px -36px;
}
.social .ico-instagram {
	background-position:-320px 0;
}
.social .ico-instagram:hover {
	background-position:-320px -36px;
}
.social .ico-my {
	background-position:-400px 0;
}
.social .ico-my:hover {
	background-position:-400px -36px;
}
.social .ico-hh {
	background-position:-800px 0;
}
.social .ico-hh:hover {
	background-position:-800px -36px;
}

.social .ico01 {
	background-position:-840px 0;
}
.social .ico01:hover {
	background-position:-840px -36px;
}

.social .ico02 {
	background-position:-880px 0;
}
.social .ico02:hover {
	background-position:-880px -36px;
}

.social .ico03 {
	background-position:-920px 0;
}
.social .ico03:hover {
	background-position:-920px -36px;
}

.social .ico04 {
	background-position:-960px 0;
}
.social .ico04:hover {
	background-position:-960px -36px;
}

.social .ico05 {
	background-position:-1000px 0;
}
.social .ico05:hover {
	background-position:-1000px -36px;
}

.social .ico06 {
	background-position:-1040px 0;
}
.social .ico06:hover {
	background-position:-1040px -36px;
}











/* специ */
.topportfolio2	{ margin-top: 50px; display: block; margin-bottom: 40px;}

.main-content2 {
    overflow: hidden; margin: 30px 0 40px 36px;
}

.services {
	margin:0 0 34px;
	padding:0;
	width: 1090px;
	display:table;
	table-layout:fixed;
	color:#262626;
	font-weight:700;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	text-align:center;
}
.services > li {
	display:table-cell;
	list-style:none;
	padding:0 6px;
}
.services a {
	display:block;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:112px 0 28px;
	/*height:170px;*/
	position:relative;
	color: #0c1f2b;
	background:#fff;	
}
.services.tabs .active,
.services a:hover {
	color:#fff;
	border-color:transparent;
	background:#ff004c;
}
.services.tabs .active {
	background:#3c3c3c;
}
.services a:before {
	content:'';
	top:28px;
	left:50%;
	margin:0 0 0 -45px;
	position:absolute;
	width:90px;
	height:72px;
	background:url(images/ico-service.png) no-repeat 0 -76px;
}
.services .do-web:before {
	background-position:0 -76px;
}
.services .do-web:hover {
	background-color:#c764b9;
}
.services .do-web:hover:before {
	background-position:0 0;
}

.services .do-id:before {
	background-position:-90px -76px;
}
.services .do-id:hover {
	background-color:#7ebc36;
}
.services .do-id:hover:before {
	background-position:-90px 0;
}

.services .do-ui:before {
	background-position:-180px -76px;
}
.services .do-ui:hover {
	background-color:#21bccf;
}
.services .do-ui:hover:before {
	background-position:-180px 0;
}

.services .do-seo:before {
	background-position:-270px -76px;
}
.services .do-seo:hover {
	background-color:#27b383;
}
.services .do-seo:hover:before {
	background-position:-270px 0;
}

.services .do-com:before {
	background-position:-360px -76px;
}
.services .do-com:hover {
	background-color:#7ebc36;
}
.services .do-com:hover:before {
	background-position:-360px 0;
}

.services .do-support:before {
	background-position:-450px -76px;
}
.services .do-support:hover {
	background-color:#bca836;
}
.services .do-support:hover:before {
	background-position:-450px 0;
}

.services .do-landing:before {
	background-position:-630px -76px;
}
.services .do-landing.active:before,
.services .do-landing:hover:before {
	background-position:-630px 0;
}

.services .do-corp:before {
	background-position:-540px -76px;
}
.services .do-corp.active:before,
.services .do-corp:hover:before {
	background-position:-540px 0;
}

.services .do-shop:before {
	background-position:-638px -76px;
}
.services .do-shop:hover {
	background-color:#ff004c;
}
.services .do-shop:hover:before {
	background-position:-638px 0;
}

.services .do-portal:before {
	background-position:-810px -76px;
}
.services .do-portal.active:before,
.services .do-portal:hover:before {
	background-position:-810px 0;
}

.services .do-startup:before {
	background-position:-900px -76px;
}
.services .do-startup.active:before,
.services .do-startup:hover:before {
	background-position:-900px 0;
}

.services .do-mobile:before {
	background-position:-180px -76px;
}
.services .do-mobile.active:before,
.services .do-mobile:hover:before {
	background-position:-180px 0;
}

.services .do-logo:before {
	background-position:-990px -76px;
}
.services .do-logo.active:before,
.services .do-logo:hover:before {
	background-position:-990px 0;
}

.services .do-brandbook:before {
	background-position:-1080px -76px;
}
.services .do-brandbook.active:before,
.services .do-brandbook:hover:before {
	background-position:-1080px 0;
}

.services .do-polygraphy:before {
	background-position:-1170px -76px;
}
.services .do-polygraphy.active:before,
.services .do-polygraphy:hover:before {
	background-position:-1170px 0;
}

.services .do-visual:before {
	background-position:-1260px -76px;
}
.services .do-visual.active:before,
.services .do-visual:hover:before {
	background-position:-1260px 0;
}

.services .do-spots:before {
	background-position:-1350px -76px;
}
.services .do-spots.active:before,
.services .do-spots:hover:before {
	background-position:-1350px 0;
}

.services .do-presentation:before {
	background-position:-1440px -76px;
}
.services .do-presentation:hover {
	background-color:#bca836;
}
.services .do-presentation:hover:before {
	background-position:-1440px 0;
}

.services.tabs {
	margin-bottom:10px;
}
.services.tabs .active {
	height:180px;
	margin-bottom:-10px;
	padding-bottom:38px;
	border-radius:4px 4px 0 0;
}

.services-details {
	background:#3c3c3c;
	margin:0 0 30px;
	-webkit-box-shadow:0 -14px 20px -12px rgba(0,0,0,.7) inset;
	box-shadow:0 -14px 20px -12px rgba(0,0,0,.7) inset;
	color:#fff;
}
.service-info {
	padding:12px 0;
	overflow:hidden;
}

/* клиенты */
.clients {
	/*margin:0 0 34px;*/
	padding:0;
	width: 1090px;
	display:table;
	table-layout:fixed;
	/*color:#262626;
	font-weight:700;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;*/
	text-align:center;
}
.clients > li {
	display:table-cell;
	list-style:none;
	/*padding:0 6px;*/
}
.clients a {
	display:block;
	/*border:1px solid #bdbdbd;
	border-radius:4px;
	padding:112px 0 28px;
	height:170px;*/
	position:relative;
}



/* портфолио */
.topportfolio	{ margin-top: 120px; display: block; margin-bottom: 40px;}
.main-header {
    border: 1px solid #bdbdbd;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0;
    margin: 0 0 -16px;
}

.main-header h5 {
    display: table;     margin: 0 auto;     padding: 0 10px;     text-align: center;     font-size: 40px;     line-height: 45px;     font-weight: bold;     /* text-transform: uppercase;      background: #f1f1f1; */    position: relative; 
    top: -23px;     letter-spacing: -1px; 	text-transform: uppercase; font-family: "Elektra";
	text-shadow: 
		-0   -10px 0   #F1F1F1,
		 0   -10px 0   #F1F1F1,
		-0    10px 0   #F1F1F1,
		 0    10px 0   #F1F1F1,
		-10px -0   0   #F1F1F1,
		 10px -0   0   #F1F1F1,
		-10px  0   0   #F1F1F1,
		 10px  0   0   #F1F1F1,
		-1px -10px 0   #F1F1F1,
		 1px -10px 0   #F1F1F1,
		-1px  10px 0   #F1F1F1,
		 1px  10px 0   #F1F1F1,
		-10px -1px 0   #F1F1F1,
		 10px -1px 0   #F1F1F1,
		-10px  1px 0   #F1F1F1,
		 10px  1px 0   #F1F1F1,
		-2px -10px 0   #F1F1F1,
		 2px -10px 0   #F1F1F1,
		-2px  10px 0   #F1F1F1,
		 2px  10px 0   #F1F1F1,
		-10px -2px 0   #F1F1F1,
		 10px -2px 0   #F1F1F1,
		-10px  2px 0   #F1F1F1,
		 10px  2px 0   #F1F1F1,
		-3px -10px 0   #F1F1F1,
		 3px -10px 0   #F1F1F1,
		-3px  10px 0   #F1F1F1,
		 3px  10px 0   #F1F1F1,
		-10px -3px 0   #F1F1F1,
		 10px -3px 0   #F1F1F1,
		-10px  3px 0   #F1F1F1,
		 10px  3px 0   #F1F1F1,
		-4px -10px 0   #F1F1F1,
		 4px -10px 0   #F1F1F1,
		-4px  10px 0   #F1F1F1,
		 4px  10px 0   #F1F1F1,
		-10px -4px 0   #F1F1F1,
		 10px -4px 0   #F1F1F1,
		-10px  4px 0   #F1F1F1,
		 10px  4px 0   #F1F1F1,
		-5px -10px 0   #F1F1F1,
		 5px -10px 0   #F1F1F1,
		-5px  10px 0   #F1F1F1,
		 5px  10px 0   #F1F1F1,
		-10px -5px 0   #F1F1F1,
		 10px -5px 0   #F1F1F1,
		-10px  5px 0   #F1F1F1,
		 10px  5px 0   #F1F1F1,
		-6px -10px 0   #F1F1F1,
		 6px -10px 0   #F1F1F1,
		-6px  10px 0   #F1F1F1,
		 6px  10px 0   #F1F1F1,
		-10px -6px 0   #F1F1F1,
		 10px -6px 0   #F1F1F1,
		-10px  6px 0   #F1F1F1,
		 10px  6px 0   #F1F1F1,
		-7px -10px 0   #F1F1F1,
		 7px -10px 0   #F1F1F1,
		-7px  10px 0   #F1F1F1,
		 7px  10px 0   #F1F1F1,
		-10px -7px 0   #F1F1F1,
		 10px -7px 0   #F1F1F1,
		-10px  7px 0   #F1F1F1,
		 10px  7px 0   #F1F1F1,
		-8px -10px 0   #F1F1F1,
		 8px -10px 0   #F1F1F1,
		-8px  10px 0   #F1F1F1,
		 8px  10px 0   #F1F1F1,
		-10px -8px 0   #F1F1F1,
		 10px -8px 0   #F1F1F1,
		-10px  8px 0   #F1F1F1,
		 10px  8px 0   #F1F1F1,
		-9px -10px 0   #F1F1F1,
		 9px -10px 0   #F1F1F1,
		-9px  10px 0   #F1F1F1,
		 9px  10px 0   #F1F1F1,
		-10px -9px 0   #F1F1F1,
		 10px -9px 0   #F1F1F1,
		-10px  9px 0   #F1F1F1,
		 10px  9px 0   #F1F1F1,
		-10px -10px 0   #F1F1F1,
		 10px -10px 0   #F1F1F1,
		-10px  10px 0   #F1F1F1,
		 10px  10px 0   #F1F1F1,
		-10px -10px 0   #F1F1F1,
		 10px -10px 0   #F1F1F1,
		-10px  10px 0   #F1F1F1,
		 10px  10px 0   #F1F1F1;
}

.filter {
	display:table; 
	margin: 10px auto 25px;
	padding:0;
	font-size:14px;
	line-height:31px;
	font-weight:700;
	text-transform:uppercase;
}
.filter li {
	list-style:none;
	float:left;
	margin:0 1px;
}
.filter a {
	display:inline-block;
	vertical-align:top;
	color:#000;
	padding:0 20px;
	border-radius:3px;
}
.filter a:hover {
	color:#fff;
	background:#ff004c; /*background: linear-gradient(to top, #ff004c, #ffa21f);*/
}
.filter .active a {
	color:#fff;
	background:#6d93ff;
	cursor:default;
	pointer-events:none;
}









/* работы */
.main-content {
    overflow: hidden; margin: 0 0 0 36px;
}

.portfolio-list {
	overflow:hidden;
	margin:0 0 14px;
	padding:0;
}
.portfolio-list > li {
	list-style:none;
	float:left;
	padding:5px;
	width:262px;
	height:272px; margin-bottom: -7px;
}
.portfolio-list a {
	display:block;
}
.portfolio-list .box {
	position:relative;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:9px;
	height:245px;
	font-size: 11px;
}
.portfolio-list img {
	display:block;
	margin:0 auto 10px;
	width:100%;
	/*height:auto;*/
}
.portfolio-list .heading {
	display:block;
	margin:0 0 6px;
	font-size:14px;
	line-height:16px;
	font-weight:700;
	color:#000;
}


.portfolio-list a .box {
	/*background:#fff;*/
}

.portfolio-list a:hover .box {
	background:#fff;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
	box-shadow:0 0 6px rgba(0,0,0,.3);
}
.portfolio-list a:hover .heading {
	color:#ff004c;
}
.portfolio-list p {
	color:#909090;
}

.btt	{ width: 1090px; display: block;}
.btt2	{ width: 100%; display: block; margin-bottom: 40px;}
.btt3	{ width: 100%; display: block;}

.plus15top	{ margin-top: 15px;}
.plus35top	{ margin-top: 35px;}


/* контакты */
.contra	{width:500px; height: 284px; display: block; background-image: url("images/contacts.png"); color: #ffffff;}
.contr	{float: left; display: block; width: 545px; margin-left: 40px}
.cont	{display: block; margin-top: 35px;}
.contro	{padding: 45px 0 0 80px;}
.conttel	{ font-size: 30px; font-weight: 700; margin-bottom: 3px; display: block;}
.social	{ margin-bottom:5px;}
.social2	{ margin-bottom:10px; display: block;}

.mrs10 {margin-top: 10px; display: block;}
.mrs15 {margin-top: 15px; display: block;}



/* форма */
.formbox		{float: right; width: 530px; display: block; margin-right: 40px;}
.formboxtitle	{font-family: 'Elektra'; text-transform: uppercase; font-weight: bold; font-size: 20px; display: block; margin-bottom: 20px;}
.fo1			{margin-bottom: 10px;}
.fo2			{font-weight: 500; margin-bottom: 8px;}
.star			{color: #ff004c}
.fo3			{width: 100%; padding: 10px 15px 10px 15px; border-radius: 3px; border: 1px #c2c2c2 solid; background-color: #fff; font-size: 15px; display: block; margin-bottom: 20px;}
.fo4			{float: left; width: 290px;}
.fo5			{width: 245px; float: left;}
.fo6			{width: 245px; padding: 10px 15px 10px 15px; border-radius: 3px; border: 1px #c2c2c2 solid; background-color: #fff; font-size: 15px; display: block; margin-bottom: 10px;}
.fo7			{float: right; width: 45px; text-align: center; margin-top: 11px;}
.fo8			{width: 240px; float: left;}
.fo9			{width: 240px; padding: 10px 15px 10px 15px; border-radius: 3px; border: 1px #c2c2c2 solid; background-color: #fff; font-size: 15px; display: block; margin-bottom: 10px;}
.fo10			{width: 100%; padding: 10px 15px 10px 15px; border-radius: 3px; border: 1px #c2c2c2 solid; background-color: #fff; font-size: 15px; display: block; margin-bottom: 20px; height: 105px; font-family: 'roboto';}





/* кнопка */
.btn {
	display:table;
	/*height:40px;*/
	padding:13px 30px 10px 30px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	line-height:16px;
	font-weight:600;
	text-align:center;
	background:#2056b3;
	background:-webkit-linear-gradient(top, #2056b3 0%,#173aa3 100%);
	background:linear-gradient(to bottom, #2056b3 0%,#173aa3 100%);
	border-radius:3px;
}
.btn:hover {
	color:#fff;
	background:#ff004c;
}

.info-bar .aside .btn {
    width: 100%;
    color: #fff;
}



/* обо мне */
.main-about {
    overflow: hidden; margin: 0 0 0 0; background: url("images/f2about.png") center center no-repeat; height: auto; }
.ch1	{height: 20px; background: url("images/ch1.png") center top;}
.ch2	{height: 20px; background: url("images/ch2.png") center top;}

.main-header70 {
    border: 1px solid #48577d;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0;
    margin: 70px 0 -16px;
}

.main-header70 h5 {
    display: table;     margin: 0 auto;     padding: 0 10px;     text-align: center;     font-size: 40px;     line-height: 45px;     font-weight: bold;     /* text-transform: uppercase; background: #fff; */     position: relative; 
    top: -23px;  letter-spacing: -1px; 	text-transform: uppercase; font-family: "Elektra"; color: #fff; background: url("images/f2about2.png") center center;
}

.about_txt	{ float: left; display: block; width: 470px; margin: 50px 75px 50px 40px; color: #fff;}
.about_txt2	{ float: left; display: block; width: 550px; margin: 50px 0 50px 0; color: #fff;}
.about_hd2	{ display: block; margin: 0 0 15px 0; color: #fff; text-transform: uppercase; font-family: "Elektra"; letter-spacing: 1px; font-size: 20px;}

.skill		{ background-color: #2f4da7; border-radius:3px; display: block; float: left; padding: 5px 10px 5px 10px; font-size: 13px; margin: 0 10px 10px 0;}






/* подвал */
.foot		{overflow: hidden; margin: 0 0 0 0; background: url("/images/f2.png") center bottom no-repeat; height: 170px; margin-top: -25px; }
.foot1111	{margin: 100px 0 0 40px; font-size: 10px; color: #7b829d;}







.topcon	{width: 450px; float:left; margin-top: -8px}

.topblok1	{width: 145px; float:left; margin-top: 20px; display: block}
.topblok2	{width: 163px; float:left; margin-top: 20px; display: block}
.topblok3	{width: auto; float:left; margin-top: 20px; display: block}
.toptel		{background-image: url(img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -80px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topskype	{width: 80px; float:left; background-image: url(img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -98px; font-size: 18px; padding-left: 22px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topemail	{width: auto; float:left; background-image: url(img/i_soc16.png); background-repeat: no-repeat; height: 16px; background-position: 0 -116px; font-size: 18px; padding-left: 24px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.topbt	{float:right; text-align: center; margin-top: 9px;}
a.topbta {background-color: #3485c2; border-radius: 20px; display: block; padding: 12px 22px 13px 22px; color:#ffffff; font-weight: 600; font-size: 14px; text-decoration: none;}
a.topbta:hover {background-color: #25d366;}
.topmenu	{margin-top: 35px; display: block;}
a.topmenua1 {font-size:14px; font-weight: 800; color: #fe5102; text-transform: uppercase; padding-right: 35px;}
a.topmenua1:hover {color: #25d366;}
a.topmenua2 {font-size:14px; font-weight: 800; color: #282828; text-transform: uppercase; padding-right: 35px;}
a.topmenua2:hover {color: #25d366;}

/* слайдер */
.slbox	{position: absolute; margin-top: 50px; width: 370px}
.slslo	{color: #fe5102; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 50px; margin-bottom: 15px; line-height: 1;}
.sltxt	{font-size: 13px; width: 330px; margin-bottom: 25px;}
a.slbta	{background-color: #3485c2; border-radius: 25px; display: block; padding: 15px 0 15px 0; color:#ffffff; font-weight: 700; font-size: 15px; text-decoration: none; width: 170px; text-align: center;}
a.slbta:hover  {background-color: #25d366;}

/* блоки */
.blo1	{background-color: #ffffff; border-radius: 4px; box-shadow: 0 0 10px rgba(122,122,122,0.2); float: left; width: 215px; margin-right: 21px; height: 240px; text-align: center; margin-top: -50px;}
.blo2	{margin: 20px 20px 0 20px; text-align: center; background-image: url(img/i_best70.png);  width: 70px; background-repeat: no-repeat; height: 70px; background-position: 0 0; display: block;}
.blo3	{margin: 20px 20px 10px 20px; color: #3485c2; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px;}
.blo4	{margin: 0 20px 20px 20px;}
.blo2poz2	{background-position: 0 -70px;}
.blo2poz3	{background-position: 0 -140px;}
.blo2poz4	{background-position: 0 -210px;}
.blo2poz5	{background-position: 0 -280px;}

/* каталог */
.cattitl	{margin: 80px 0 30px 0; display:block;}
.cath1		{font-size: 45px; font-weight: 700; padding: 0; margin: 0;}
.catbl1		{background-color: #ffffff; border-radius: 4px;  float: left; width: 256px; height: 246px; text-align: center; margin-right: 40px; border: solid 2px #ffffff;}
.catbl1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
a.cattl1		{color: #282828;}
a.cattl1:hover 	{color: #25d366;}
.catbl2		{margin: 30px 20px 0 20px; text-align: center; display: block; height: 140px;}
.catbl3		{margin: 25px; text-transform: uppercase; font-size:14px; font-weight: 800;}

/* заголовок каталога */
.booktit1	{height: 90px; width: 100%; background-image: url(img/fon_1.png); background-position: center;}
.booktit2	{float:left; width: auto; padding-right: 20px; background-color: #f7f7f7;}
.booktit3	{font-size: 45px; font-weight: 700; margin: 10px 0 0 0; display:block;}
.booktit4	{font-size: 25px; font-weight: 400; margin-top: -5px;}
.booktit5	{float:left; width: auto; margin-top: 36px;}
.booktit6	{background-image: url(img/line-dot11.png); width: 11px; height: 11px; display: block;}

.booka1		{height: 336px; width: 100%; background-image: url(img/catalog.png);background-repeat: no-repeat; display: flow-root}
.booka2		{font-size: 11px; background-image: url(img/i_chek12.png); background-repeat: no-repeat; background-position: 0 -70px; padding-left: 12px; display: block; margin-top: 26px;}
.booka3		{position: absolute; margin-top: 60px; width: 90px; margin-left: 723px;  color: #ffffff; }
.booka4		{margin: 3px 12px 0 0; float: left;}
.booka5		{font-size: 13px; font-weight: 500; color: #bfcee4}
.booka6		{margin: 62px 0 25px 80px; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.booka7		{margin: 0 35px 0 80px; float: left;}
.booka8		{float: left; width: auto; font-size: 11px; margin-top: 15px;}
.booka9		{width: 12px; height: 12px; float: left; margin: 0 10px 10px 0; background-image: url(img/i_ok12.png)}

/* хиты */
.hittitl1	{height: 90px; width: 100%; background-image: url(img/fon_1.png); background-position: right;}
.hittitl2	{float:left; width: auto; padding-right: 20px; background-color: #f7f7f7;}
.hittitl3	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; display: block; float: rihgt; width: 60px; position: absolute; margin: 34px 0 0 1100px; text-align: right; background-color: #f7f7f7;}
.hittitl4	{font-size: 45px; font-weight: 700; margin: 10px 0 0 0; display:block;}
.hittitl5	{float:left; width: auto; margin-top: 36px;}
.hittitl6	{background-image: url(img/line-dot11.png); width: 11px; height: 11px; display: block; float:left}

.hitblok0	{margin: 3px 0 0 0; display: block; height: auto;}

.hitcard1	{background-color: #ffffff; border-radius: 4px; float: left; width: 356px; height: 406px; margin: 0 40px 40px 0; border: solid 2px #ffffff;}
.hitcard1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
a.hitcard2			{color: #282828;}
a.hitcard2:hover 	{color: #25d366;}
.hitcard3	{margin: 30px 30px 15px 30px; text-align: center; display: block; height: 200px;}
.hitcard4	{float: left; width: auto; margin: 0 30px 0 30px; text-align: left; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #acacac}
.hitcard5_1	{width: 12px; height: 12px; float: left; margin: 2px 8px 0 0; background-image: url(img/i_chek12.png); background-position: 0 -14px;}
.hitcard5_2	{width: 12px; height: 12px; float: left; margin: 2px 8px 0 0; background-image: url(img/i_chek12.png); background-position: 0 -21px;}
.hitcard6	{margin: 6px 30px 0 30px; overflow: hidden; height: 60px}
.hitcard7	{font-size: 20px; font-weight: 700; line-height: 1; margin: 2px 0 2px 0; padding: 0}
.hitcard8	{margin: 15px 30px 25px 30px; display: block}
.hitcard9	{float:left; text-align: center; width: auto; display: block}
.hitcard10	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 14px; display: block; float: left; width: 177px; text-align: right; margin-top:14px;}
.hitcard11	{width: 14px; height: 5px; float: right; margin: 5px 0 0 8px; background-image: url(img/i_li.png); background-repeat: no-repeat;}

/* о компании */
.about1		{background-color: #ececec; min-height: 300px; height: auto; display: flow-root; margin: 20px 0 0 0}
.about2		{float: left; width: 350px; margin: 0 50px 0 0;}
.about3		{font-size: 45px; font-weight: 800; line-height: 1;}
.about4		{font-size: 25px; font-weight: 400; margin: 20px 0 0 0; line-height: 1.2; width: 350px;}
.about5		{float: left; width: 360px; margin: 0 40px 40px 0; font-size: 17px;}
.about6		{float: left; width: 360px; margin-bottom: 40px; font-size: 17px;}

/* баннер 1 */
.bn11	{float: left; background-image: url(img/b1.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn11:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }
.bn12	{margin: 40px 0 10px 80px; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 30px; display: block}
.bn13	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden;}
.bn14	{font-size: 14px; display: block; margin-bottom:5px;}
.bn15	{width: 14px; height: 5px; float: left; margin: 5px 8px 0 0; background-image: url(img/i_li2.png); background-repeat: no-repeat;}
.bn16	{margin: 0 0 20px 80px;}
.bn17	{font-size: 11px; background-image: url(img/i_chek12.png); background-repeat: no-repeat; background-position: 0 -57px; padding-left: 12px; display: block; color: #b0c2de}
.bn18	{float: left; height: 32px; margin-right: 35px; display: block; color: #ffffff; width: auto; font-size: 13px;}
.bn19	{float: left; height: 32px;  display: block; color: #ffffff; width: auto; font-size: 13px;}
a.bn1a, a.bn1a:hover {color:#ffffff;}

/* баннер 2 */
.bn21	{float: left; background-image: url(img/b2.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn21:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }
.bn22	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden; width: 250px}

/* баннер 3 */
.bn31	{float: left; background-image: url(img/b3.png); background-repeat: no-repeat; width: 560px; height: 287px; margin: 20px 0 20px 0;}
.bn31:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .5) inset; }

/* контакты */
.cont1	{float: left; width: 350px; height: 370px; margin: 56px 50px 0 0;}
.cont2	{font-size: 45px; font-weight: 800; line-height: 1;}
.cont3	{font-size: 25px; font-weight: 400; margin: 20px 0 0 0; height: 110px; line-height: 1.2}
.cont4	{float: left; width: auto; height: 32px; margin-right: 50px; display: block; font-size: 15px;}
.cont5	{background-image: url(img/i_dot1.png); background-repeat: no-repeat; background-position: 0 6px; padding-left: 14px; display: block;}
.cont6	{float: left; height: 32px; display: block;  width: auto; font-size: 15px;}

.conta1	{float: left; width: 760px; height: 431px; margin: 0; background-image: url(img/consult.png); background-repeat: no-repeat; background-position:  right top;}
.conta2	{margin: 98px 0 20px 80px; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.conta3	{margin: 0 0 0 80px; min-height: 100px; overflow: hidden;}
.conta4	{font-size: 15px; display: block; margin-bottom:8px;}
.conta5	{width: 14px;  color: #282828; height: 5px; float: left; margin: 5px 8px 15px 0; background-image: url(img/i_li2.png); background-repeat: no-repeat;}
.conta6	{width: 14px;  color: #282828; height: 5px; float: left; margin: 5px 8px 0 0; background-image: url(img/i_li2.png); background-repeat: no-repeat;}
.conta7	{margin: 20px 0 0 80px}






/* подписка */
.sub1	{background-color: #282828; color: #ffffff; border-bottom: 1px solid #3e3e3e;}
.sub2	{margin-bottom: 70px; margin-top: 0; display: block;}
.sub3	{padding: 45px 0 50px 0;}
.sub4	{float: left; width: 590px; margin-right: 10px;}
.sub5	{font-size: 30px; font-weight: 600; display: block}
.sub6	{color: #7e7e7e; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block; margin-top: 10px;}
.sub7	{float: right; width: 534px; margin-top: 6px;}
.sub8	{float:left; text-align: center; width: auto; display: block}
.sub9	{float: left; width: auto; font-size: 11px; margin-top: 15px; color: #7e7e7e}

/* подвал */
.foot1	{background-color: #282828; color: #ffffff; height: 250px;}
.foot2	{display: inline-flex; margin: 40px 0 40px 0}
.foot3	{float:left; width: 280px; margin-right: 50px}
.foot4	{display: block; margin-top: 8px; font-size: 12px;}
.foot5	{font-size: 11px; color: #7e7e7e; margin-top: 20px;}
.foot6	{font-size: 11px; color: #7e7e7e; margin-top: 20px; display: block}
.foot7	{font-size: 15px; font-weight: 600; margin-bottom: 10px;}
.foot8	{font-size: 12px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot9	{float:left; width: 240px; margin-right: 60px}
.foot10	{float:left; width: 130px; margin-right: 60px}
.foot11	{float:left; width: 150px; margin-right: 70px}
.foot12	{font-size: 15px; color: #ffffff; padding-bottom: 5px; display: block;}
.foot13	{float:left; width: 150px;}
.foot14	{font-size: 13px; color: #ffffff; padding-bottom: 10px; display: block;}
.foot15	{font-size: 13px; padding-bottom: 5px; display: block;}



/* контакты блок */
.ktk1	{border-radius: 4px; background-color: #e6eaf0; display:block; margin: 30px 0 50px 0; width: 100%;}
.ktk2	{padding: 40px 80px 40px 80px;}
.ktk3	{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block; margin-bottom: 20px;}
.ktk4	{display: block; width: 100%; font-size: 13px}
.ktk5	{float: left; width: 190px; margin-right: 50px;}
.ktk6	{font-size: 15px; font-weight: 700; margin-top: -2px;}
.ktk7	{float: left; width: 150px; margin-right: 50px;}
.ktk8	{float: left; width: 160px; margin-right: 50px;}
.ktk9	{float: left; width: 100px; margin-right: 50px;}
.ktk10	{margin-top: 13px; font-size: 15px; font-weight: 700; display: block;}
.ktk11	{float: left; width: 200px;}
.ktk12	{}
.ktk13	{}



.sosh_vb	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 0;}
.sosh_wh	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -34px;}
.sosh_tl	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -68px;}
.sosh_sk	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -238px;}
.sosh_tt	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -272px;}
.sosh_em	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -306px;}
.sosh_lk	{float: left; width: 32px; height: 32px; margin-right: 8px; display: block; background-image: url(img/i_cont32.png); background-repeat: no-repeat; background-position: 0 -340px;}
.mm20b		{ margin-bottom: 20px;}



a.knopa1		{background-color: #3485c2; border-radius: 25px; display: block; padding: 15px 0 15px 0; color:#ffffff; font-weight: 700; font-size: 15px; text-decoration: none; width: 190px; text-align: center;}
a.knopa1:hover  {background-color: #25d366;}

a.knopa2		{background-color: #3485c2; border-radius: 20px; display: block; padding: 12px 25px 13px 25px; color:#ffffff; font-weight: 600; font-size: 13px; text-decoration: none;}
a.knopa2:hover  {background-color: #25d366;}

.forma1		{border:none; border-radius: 20px; width: 190px; padding-left: 25px;background-color: #ffffff; margin-right: 10px; height: 40px; color: #b0b1b3; font-size: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, .4) inset;}




/* запчасти */
.zapcard1	{background-color: #ffffff; border-radius: 4px; float: left; width: 211px; height: 280px; margin: 0 21px 21px 0; border: solid 2px #ffffff;}
.zapcard1:hover 	{border: solid 2px #25d366; box-shadow: 0 0 10px rgba(122,122,122,0.5);}
.zapcard3	{margin: 10px; text-align: center; display: block;}
.zapcard5	{ margin: 0 10px 0 10px;}
.zapcard7	{font-size: 15px; font-weight: 600; line-height: 1.2; padding: 0}












/*====================================================== Попы ====================================================== */


.p600		{width: 600px;}
.popatit	{font-size: 30px; font-weight: 700; padding: 0; margin: 0;}
.popa1		{margin: 25px 0 25px 0;}
.popa2		{margin: 0 0 20px 0; color: #282828; font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 22px; display: block}
.popa3		{margin-bottom: 25px; display: block}
.popa4		{border-bottom: 1px solid #cdcdcd;}
.popa5		{padding: 3px; border-bottom: 1px solid #cdcdcd; width: 100%; display: inline-flex;}
.popa6		{padding: 3px; width: 200px; float: left; margin-right: 20px; display: block}
.popa7		{padding: 3px; width: 380px; float: left; display: block}
.popa8		{width: 150px; text-align: center; display: block; margin:0 auto;}

.mm1		{font-size: 17px;}
.mm2		{font-family: 'Bebas Neue'; font-weight: bold; text-transform: uppercase; font-size: 30px; display: block}
























/*====================================================== Popups ====================================================== */
.popup-wrapper 	{ background-color: rgba(0, 0, 0, 0.85); position: fixed; height: 100%; overflow: auto; left: 0; top: 0; width: 100%; z-index: 9999999; }
.popups-win 	{ background-color: #523134; padding: 0; position: relative; margin: 160px auto; width: 850px; border-radius: 10px;}
.close-popup 	{ cursor: pointer; position: absolute; right: 20px; height: 40px; top: 20px; width: 40px; border-radius:20px;}
.close-popup span:before, .close-popup span:after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
  .close-popup span:before {
    left: 9px;
    top: 18px;
    height: 2px;
    width: 22px; }
  .close-popup span:after {
    left: 19px;
    top: 8px;
    height: 22px;
    width: 2px; }
.close-popup:hover { background-color: #ffdd00; }
.close-popup:hover span:before, .close-popup:hover span:after {
      background-color: #401b21;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.popup-content 			{ display: block; padding: 30px 60px; width: 100%; }
.popup-content__title 	{ font-size: 32px; line-height: 32px; }

/* Feedback Call */
.feedback-form__pps-ifield 									{ width: 780px; margin-top:20px;}
.feedback-form__pps-ifield .feedback-form__item-field 		{ margin-right: 20px; width: 230px; }
.feedback-form__pps-ifield .feedback-form__item-field .ifield:focus, .feedback-form__pps-ifield .feedback-form__item-field .ifield:active
	{ border: 1px solid #d76b17; }
.feedback-form__pps-ifield .feedback-form__btn button 		{ height: 40px; width: 230px; border: 0px;}
.feedback-form__pps-ifield .feedback-form__footnote 		{ color: #7e7e7e; padding-bottom: 5px; }
.feedback-form__pps-ifield .feedback-form__footnote.arror 	{ color: #ff0000; font-size: 14px; }



.prtb	{ font-size:14px; color:#828aa3}
.prtb td	{ border-bottom:1px solid #214368;}



.mes	{ color: #ffffff}


/* по дате */
#sidebar {
	float:left;
	width:233px;
	padding:6px 35px 0 40px;
	/*margin:0 14px 0 0;*/
}

#sidebar2 {
	float:left;
	width:190px;
	padding:6px 24px 0 40px;
	/*margin:0 14px 0 0;*/
}

.alphabet {
	overflow:hidden;
	width:100%;
	margin:0 0 20px;
	padding:0;
}
.alphabet li {
	list-style:none;
	float:left;
	margin:0 6px 6px 0;
	width:31px;
	height:31px;
	background:#d2d6d5;
	border-radius:2px;
	text-align:center;
	color:#818181;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.alphabet a {
	display:block;
	height:100%;
	color:#fff;
	border-radius:3px;
	background:#2056b3;
	background:-webkit-linear-gradient(top, #2056b3 0%,#173aa3 100%);
	background:linear-gradient(to bottom, #2056b3 0%,#173aa3 100%);
	border-radius:3px;
}
.alphabet a:hover {
	background:#ff004c;
}
.alphabet .num {
	width:68px;
}

.list {
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
}
.list:after,
.list li:after {
	content:'';
	position:absolute;
	bottom:0;
	width:100%;
	left:2px;
	height:1px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-linear-gradient(left, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%);
	background:linear-gradient(to right, rgba(207,207,207,1) 0%, rgba(255,255,255,0) 100%);
}
.list:after {
	top:0;
	bottom:auto;
}
.list li {
	list-style:none;
	font-size:14px;
	font-weight:600;
	/*text-transform:uppercase;*/
	position:relative;
	margin:0 0 -1px;
	padding:1px 0;
}
.list a {
	display:block;
	padding:7px 6px 7px 46px;
	position:relative;
	z-index:2;
	border-radius:2px;
}
.list .num {
	position:absolute;
	top:9px;
	left:9px;
	font-size:11px;
	line-height:13px;
	font-weight:300;
	color:#000;
}

.list a:hover .num {
	color:#fff !important;
}


.list .active a {
	background:#6d93ff;
	color:#fff;
}

.list a:hover {
	color:#fff;
	background:#ff004c; /*background: linear-gradient(to top, #ff004c, #ffa21f);*/
}

.list .active:after {
	display:none;
}
.list .active a:after {
	content:'';
	position:absolute;
	width:12px;
	height:100%;
	right:-10px;
	top:0;
	background:url(../images/bg-arrow.png) no-repeat;
	background-size:100% 100%;
}
.list .active a:before {
	bottom:auto;
	top:0;
	-webkit-transform:skewX(10deg);
	-ms-transform:skewX(10deg);
	transform:skewX(10deg);
}
.list .active .num {
	color:#fff !important;
}
/* CONTENT */
.main-content {
	overflow:hidden;
}
.main-content h2 {
	margin:0 0 6px;
	padding:0 6px;
	font-size:30px;
}


.pagination-bar {
	overflow:hidden;
	margin:0 0 20px;
	padding:0 6px;
}
.pagination-bar .paging {
	float:left;
	margin:0;
	padding:0;
}
.pagination-bar .paging li {
	list-style:none;
	float:left;
	margin:0 6px 6px 0;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.pagination-bar .paging a,
.pagination-bar .other {
	display:block;
	width:31px;
	height:31px;
	color:#fff;
	text-align:center;
    border-radius: 3px;
    background: #2056b3;
    background: -webkit-linear-gradient(top, #2056b3 0%,#173aa3 100%);
    background: linear-gradient(to bottom, #2056b3 0%,#173aa3 100%);
    border-radius: 3px;		
}
.pagination-bar .paging .active a {
	cursor:default;
	background:#6d93ff;
	color:#fff;
	pointer-events:none;
}
.pagination-bar .other {
	float:right;
	width:68px;
	font-size:14px;
	line-height:31px;
	font-weight:700;
}
.pagination-bar .paging a:hover,
.pagination-bar .other:hover {
	background:#ff004c;
}
/* по дате end ??? */


.project-heading {
	overflow:hidden;
	padding:5px 100px 3px;
	position:relative;
}
.project-heading h2 {
	margin:0 0 18px;
	text-align:center;
	color:#3c3c3c;
	font-size:22px;
	line-height:27px;
	font-weight:700; text-transform: uppercase;
}
.btn-menu {
	position:absolute;
	left:20px;
	bottom:30px;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #797979;
	border-radius:50%;
}
.btn-menu:after {
	content:'';
	position:absolute;
	width:30px;
	height:10px;
	top:10px;
	left:0;
	background:url(../images/icons.png) no-repeat 0 -45px;
}
.btn-menu:hover {
	border-color:#ff004c;
}
.btn-menu:hover:after {
	background-position:-360px -45px;
}
.project-heading .prev-next {
	position:absolute;
	right:20px;
	bottom:30px;
}
.project-heading .prev-next .btn-prev,
.project-heading .prev-next .btn-next {
	float:left;
	margin:0 0 0 9px;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid #797979;
	border-radius:50%;
	position:relative;
}
.project-heading .prev-next .btn-prev:after,
.project-heading .prev-next .btn-next:after {
	content:'';
	position:absolute;
	width:30px;
	height:20px;
	top:5px;
	left:0;
	background:url(../images/icons.png) no-repeat -30px -40px;
}
.project-heading .prev-next .btn-next:after {
	background-position:-60px -40px;
}
.project-heading .prev-next .btn-prev:hover,
.project-heading .prev-next .btn-next:hover {
	border-color:#ff004c;
}
.project-heading .prev-next .btn-prev:hover:after {
	background-position:-390px -40px;
}
.project-heading .prev-next .btn-next:hover:after {
	background-position:-420px -40px;
}
.project-slideshow {
	background:#fff;
	border:1px solid #d2d6d5;
	border-width:1px 0;
	position:relative;
}
.project-slideshow .slides {
	margin:0;
	padding:0;
	height:670px;
}
.project-slideshow .slides li {
	list-style:none;
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}
.project-slideshow .slides .active {
	z-index:2;
}
.project-slideshow .slides .img-holder {
	position:absolute;
	width:2000px;
	left:50%;
	margin:0 0 0 -1000px;
}
.project-slideshow .pagination {
	max-width:1180px;
	margin:0 auto;
	padding:0 10px;
	position:absolute;
	z-index:4;
	right:0;
	left:0;
	bottom:20px;
}
.project-slideshow .pagination ul {
	width:250px;
	margin:0 10px 0 auto;
	text-align:right;
}
.project-slideshow .nav {
	position:absolute;
	width:100%;
	max-width:1180px;
	left:0;
	right:0;
	top:50%;
	margin:0 auto;
}
.project-slideshow .btn-prev,
.project-slideshow .btn-next {
	position:absolute;
	z-index:5;
	width:16px;
	height:40px;
	top:50%;
	margin:-20px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/ico-nav-visual.png) no-repeat 0 -88px;
}
.project-slideshow .btn-prev {
	left:10px;
}
.project-slideshow .btn-prev:hover {
	background-position:0 -44px;
}
.project-slideshow .btn-next {
	right:10px;
	background-position:-20px -88px;
}
.project-slideshow .btn-next:hover {
	background-position:-20px -44px;
}
.project-meta {
	margin:15px 40px 40px 40px;
	/*padding:20px 20px 0;*/
	overflow:hidden;
}
.project-meta .meta {
	float:left;
	width:50%;
	color:#3c3c3c;
}
.project-meta .meta p {
	margin:0;	font-size:12px;
}
.project-meta .link {
	float:right;
	width:50%;
	text-align:right;
	font-size:12px;
	text-transform:uppercase;
}
.project-meta a,
.project-details a {
	color:#a82740;
}
.project-details a:hover,
.project-meta a:hover {
	color:#ff004c;
}
.project-details {
	padding:0 40px 30px 40px; font-size: 15px;
}
.project-details img {
	max-width: 100%;
	height:auto;
	display:block;
	margin: 30px 0 30px 0;
}
.imgsh	{box-shadow: 0 0 5px 2px #cccccc;}

/* по дате end ???2 */





/* по клиентам */

.client-list {
	overflow:hidden;
	margin:0 0 14px;
	padding:0;
}
.client-list > li {
	list-style:none;
	float:left;
	padding: 5px;
	width:208px;
	/*height:216px;*/
	color:#525253;
}
.client-list a {
	display:block;
}
.client-list .box {
	position:relative;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:9px;
	height:212px;
	font-size: 11px;
}
.client-list img {
	display:block;
	margin:0 auto 10px;
	width:100%;
	/*height:auto;*/
}
.client-list .heading {
	display:block;
	margin:0;
	font-size:14px;
	line-height:16px;
	font-weight:700;
	color:#000;
}
.client-list a:hover .box {
	background:#fff;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
	box-shadow:0 0 6px rgba(0,0,0,.3);
	color:#525253;
}
.client-list a:hover .heading {
	color:#ff004c;
}
.client-list .label {
position: absolute;
    top: -6px;
    right: 7px;
    width: 58px;
    height: 50px;
    padding: 7px 0 0 2px;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
	background:url(/images/icons.png) no-repeat -180px 0;color:#000;
}
.client-list .label strong {
	display:block;
	color:#000;
	font-size:15px;
	line-height:16px;
	font-weight:600;
}
.client-list .strip {
	position:absolute;
	top:-1px;
	right:-6px;
	width:89px;
	height:57px;
	text-indent:-9999px;
	background:url(/images/icons.png) no-repeat -240px 0;
}

/* по клиентам end */


/* портфолио широкий в 280 */

.portfolio2-list {
	overflow:hidden;
	margin:0 0 14px;
	padding:0;
}
.portfolio2-list > li {
	list-style:none;
	float:left;
	padding:5px;
	width:280px;
	height:272px; margin-bottom: -7px;
}
.portfolio2-list a {
	display:block;
}
.portfolio2-list .box {
	position:relative;
	border:1px solid #bdbdbd;
	border-radius:4px;
	padding:9px;
	height:245px;
	font-size: 11px;
}
.portfolio2-list img {
	display:block;
	margin:0 auto 10px;
	width:100%;
	/*height:auto;*/
}
.portfolio2-list .heading {
	display:block;
	margin:0 0 6px;
	font-size:14px;
	line-height:16px;
	font-weight:700;
	color:#000;
}


.portfolio2-list a .box {
	/*background:#fff;*/
}

.portfolio2-list a:hover .box {
	background:#fff;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
	box-shadow:0 0 6px rgba(0,0,0,.3);
}
.portfolio2-list a:hover .heading {
	color:#ff004c;
}
.portfolio2-list p {
	color:#909090;
}

/* портфолио широкий в 280 end */

h1.title_work {    
    text-align: center; display: block; 
    font-size: 35px; font-weight:normal;
    line-height: 40px; margin-bottom: 30px;
    top: -18px;
    letter-spacing: -1px;
    font-family: "Elektra";
}


h1.inline, h2.inline, h3.inline, h4.inline, h5.inline, h6.inline {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    display: inline;
    font-size: 15px;
    color: #000000;
}