@font-face {
	font-family: 'Roboto';
	/* Имя шрифта */
	src: url("Roboto-Regular.ttf");
	/* Путь к файлу со шрифтом */
}

@font-face {
	font-family: 'Roboto Light';
	/* Имя шрифта */
	src: url("Roboto-Light.ttf");
	/* Путь к файлу со шрифтом */
}

h1,
h2,
h3,
h4 {
	color: #676a6d
}

* {
	box-sizing: border-box;
}

.otpr {
	width: 140px;
	height: 35px;
	font-size: 14px;
	background: #464c54;
	color: #ffffff
}

.pagenav .pagenav-prev {
	font-size: 0px
}

.pagenav .pagenav-next {
	font-size: 0px
}

html {
	font-size: 62.5%
}

body {
	background: #464c54;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4a
}

body,
input,
form,
img,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
td,
p,
fieldset,
dt,
dd,
dl {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse
}

td {
	vertical-align: top
}

a {
	color: #007b9a;
	text-decoration: underline
}

.topcont .tel0 a,
.topcont .tel1 a,
.topcont .tel2 a {
	color: white !important;
}

.open {
	display: flex !impotant;
}

a:hover {
	color: #007b9a;
	text-decoration: none
}

ul,
li {
	list-style: none
}

img {
	border: none
}

.tab100 {
	width: 100%
}

.tab1000 {
	width: 1000px
}

.tab50 {
	width: 50%
}

h1 {
	font: bold 2.4em Arial, Helvetica, sans-serif;
	padding-bottom: 20px
}

h2 {
	font: bold 2em Arial, Helvetica, sans-serif;
	color: #ef5aa1;
	padding-bottom: 20px
}

h3 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #676a6d;
	padding-bottom: 20px
}

h4 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #ef5aa1;
	padding-bottom: 10px
}

h5 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #676a6d;
	padding-bottom: 10px
}

.menu ul li strong a {
	color: white;
	text-decoration: none
}

.nowrap {
	white-space: nowrap
}

.td50 {
	width: 50%
}

.abs {
	position: absolute
}

.rel {
	position: relative
}

.cent {
	text-align: center
}

.bot {
	vertical-align: bottom
}

.mid {
	vertical-align: middle
}

.bold {
	font-weight: bold
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden
}

.red {
	border: 1px solid red
}

.green {
	border: 1px solid green
}

.black {
	border: 1px solid black
}

.flright {
	float: right
}

.padt10 {
	padding-top: 10px
}

.padb10 {
	padding-bottom: 10px
}

.padt15 {
	padding-top: 15px
}

.padt20 {
	padding-top: 20px
}

.padt30 {
	padding-top: 30px
}

.padt50 {
	padding-top: 50px
}

.padl20 {
	padding-left: 20px
}

.padl10 {
	padding-left: 10px
}

.padl5 {
	padding-left: 5px
}

.mart20 {
	margin: 20px 0 0 0
}

.marb178 {
	margin-bottom: 178px
}

.mart15 {
	margin-top: 15px
}

.mart10 {
	margin-top: 10px
}

.padl15r20b15 {
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 15px
}

.padb5 {
	padding-bottom: 5px
}

.date {
	color: #000000;
	font-weight: bold
}

.padtb15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.padtb10 {
	padding-top: 10px;
	bottom: 10px
}

.padr20 {
	padding-right: 20px
}

.mainbg {
	margin: 20px auto 0 auto;
	width: 1000px;
	max-width: 1000px!important;
}

.topcont {
	height: 60px;
	position: relative
}

.topcont .rostov {
	float: left;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 00px 10px 20px;
	width: 600px
}

.topcont .rostov a.one {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	cursor: pointer
}

.topcont .rostov .tel {
	font-size: 1.2em;
	color: #FFF;
	padding-top: 5px
}

.topcont .rostov .tel span {
	font-size: 1.4em
}

.topcont .rostov .tel0 {
	font-size: 1.6em;
	color: #FFF;
	padding-top: 5px
}

.topcont .rostov .tel1 {
	font-size: 1.6em;
	color: #FFF;
	padding-top: 5px
}

.topcont .azov {
	float: left;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 15px 10px 20px;
	width: 110px
}

.topcont .rostov a.one0 {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one0.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one0:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	cursor: pointer
}

.topcont .rostov a.one1 {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one1:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	cursor: pointer
}

.topcont .rostov a.one1.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .azov a.one1 {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .azov a.one1.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .azov a.one1:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	cursor: pointer
}

.topcont .azov .tel1 {
	font-size: 1.2em;
	color: #FFF;
	padding-top: 11px
}

.topcont .rostov .tel2 {
	font-size: 1.6em;
	color: #FFF;
	padding-top: 11px
}

.topcont .rostov a.one2 {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one2.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one2:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	cursor: pointer
}

.topcont .rostov a.one3 {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 1px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one3.act {
	color: #fff;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	text-decoration: none;
	cursor: pointer
}

.topcont .rostov a.one3:hover {
	color: #feec1c;
	font-size: 1em;
	border-bottom: 0px dashed #feec1c;
	cursor: pointer
}

.topcont .callme .tel3 {
	width: 380px;
	min-height: 240px;
	padding: 25px;
	position: absolute;
	border: 2px solid #cccccc;
	margin: 25px 0 0 0px;
	background: #FFF;
	left: 290px
}

.topcont .rostov a.one3 {
	cursor: pointer
}

.topcont .callme {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 30px 10px 20px;
	width: 70px
}

.topcont .callme .tel3 input,
.topcont .callme .tel3 select {
	color: #464C54;
	border-radius: 4px;
	border: 1px solid #ccc;
	width: 250px;
	font-size: 18px;
	padding: 10px 15px;
	margin: 0 0 10px 0;
}

.topcont .callme .tel3 input.numberc {}

.topcont .callme .tel3 select.timecall {
	width: 280px;
}

.topcont .callme .tel3 input.butt {
	width: 280px;
	background: #ff42a0;
	border: none;
	color: #FFF;
	cursor: pointer;
	margin: 10px 0 0 0;
	padding: 10px 15px;
	border-radius: 2px;
}

.topcont .callme .tel3 input.butt:hover {
	background: #de2581;
	color: #fff;
}

.topcont .prod {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0 0px 20px
}

.topcont .prod .tel {
	font-size: 1.3em;
	color: #FFF;
	padding-top: 5px
}

.topcont .prod .tel span {
	font-size: 1.5em
}

.topcont .prod .under {
	font-size: 1.1em;
	color: #FFF
}

.whitepart {
	/* max-width: 1000px; */
	background-color: #FFF
}

.toplogo {
	padding: 10px 30px 0px 20px
}

.toplogo .logo {
	float: left;
	padding: 50px 0 0 20px
}

.toplogo .rightpart {
	float: right
}

.toplogo .rightpart .nav {
	text-align: right;
	padding-bottom: 10px
}

.toplogo .rightpart .nav img {
	padding: 0 0 0 5px
}

.toplogo .rightpart .deviz {
	display: none;
	font: italic 1.2em arial, helvetica, sans-serif;
	color: #4c4c4a;
	text-align: right
}

.toplogo .rightpart .menu {
	padding: 30px 0 15px 0;
	text-align: right;
	font-size: 1.3em
}

.toplogo .rightpart .menu ul li {
	display: inline;
	padding: 0 0 0 32px
}

.toplogo .rightpart .menu ul li a {
	text-decoration: underline
}

.toplogo .rightpart .menu ul li a:hover {
	text-decoration: none
}

.toplogo .rightpart .menu ul li img {
	vertical-align: top
}

.mainicons {
	padding: 40px 45px;
	font-size: 14px
}

.bigtext .onecol {
	width: 300px;
	float: left
}

.bigtext .twocol {
	float: left
}

.bigtext .threecol {
	float: right;
	width: 300px
}

.smtext {
	padding-top: 5px;
	/*line-height: 1.5;*/
	font-size: 14px;
}

.bigtext h1 {
	font: normal 2.2em Arial, Helvetica, sans-serif;
	color: #676a6d;
	padding: 0px
}

.bigtext h1.akt {
	color: #fe42a1
}

.smtext .onecol {
	width: 270px;
	float: left;
	padding-right: 30px
}

.smtext .twocol {
	width: 270px;
	float: left;
	padding-right: 30px
}

.smtext .threecol {
	float: right;
	width: 300px
}

.ourworks {
	padding: 30px 0 0 0
}

.ourworks .zag .nashi {
	width: 175px;
	float: left
}

.flex_menu {
	display: flex;
	flex-direction: row;
	justify-content: end;
}

.flex_menu_horizontal {
	display: flex;
	flex-direction: column;
}

.ourworks .pics {
	padding-top: 20px
}

.ourworks .pics .one {
	float: left;
	width: 285px;
	text-align: center
}

.ourworks .pics .two {
	float: left;
	width: 285px;
	text-align: center;
	margin: 0 23px 0 22px
}

.ourworks .pics .one img,
.ourworks .pics .two img {
	border: 1px solid #fff;
	margin-bottom: 5px
}

.ourworks .pics .one img:hover,
.ourworks .pics .two img:hover {
	border: 1px solid #02a3cc
}

.ourworks .zag .all {
	text-align: right;
	padding: 35px 0px 0 0;
	position: relative;
	font-size: 1.6em
}

.blogstat {
	padding: 40px 0 0 0;
	width: 290px;
	float: right;
}

.blogstat .blog .zag h2 div {
	font: normal 0.4em Tahoma, Arial, Helvetica, sans-serif
}

.blogstat .blog .text {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	padding: 10px 300px 30px 0px;
	line-height: 1.4;
	font-size: 14px;
}

.blogstat .blog .text div {
	padding: 8px 0 0 0
}

.blogstat .blog .text ul {
	padding: 5px 0 10px 0
}

.blogstat .blog .text ul li {
	padding: 0 0 0 20px;
	background: none
}

.blogstat .stat {
	float: right;
	width: 290px;
	padding: 0 0 20px 20px
}

.blogstat .stat .zag h2 div {
	font: normal 0.4em Tahoma, Arial, Helvetica, sans-serif
}

.blogstat .stat .text {
	position: relative;
	padding: 10px 0px 0 0
}

.blogstat .stat .text div {
	font-size: 1.2em;
	padding: 3px 0
}

.blogstat .stat .text div .tooltip {
	position: relative;
	z-index: 24
}

.blogstat .stat .text div .tooltip span {
	display: none
}

.blogstat .stat .text div .tooltip:hover {
	z-index: 25
}

.blogstat .stat .text div .tooltip:hover span {
	display: block;
	position: absolute;
	width: 280px;
	top: 25px;
	left: 20px;
	background-color: #ecedef;
	padding: 7px;
	font-size: 11px;
	color: #333;
	text-decoration: none
}

.foot {
	padding: 0 0 50px 365px;
	background:#fff;
}

.foot .adr {
	float: left;
	padding: 20px 0 0 0
}

.foot .adr div.one {
	padding: 5px 0 0 0;
	width: 160px;
	font-size: 0.85em
}

.mainicons_v {
	padding: 40px 45px 40px 45px
}

.mainicons_v .osntext {
	padding: 20px 0;
	line-height: 1.6
}

.mainicons .osntext {
	padding: 0px 0 20px 0;
	line-height: 1.4
}

.mainicons .osntext p {
	/*font-size:14px;*/
}

.opis {
	padding: 20px 0 5px 0
}

.opis #rounded-box-5 {
	width: 910px;
	font-size: 1.2em
}

.opis #rounded-box-5 a {
	color: #ff3399;
	text-decoration: underline
}

.opis #rounded-box-5 a:hover {
	color: #ff3399;
	text-decoration: none
}

.opis #rounded-box-5 .site {
	padding-top: 6px
}

.opis #rounded-box-5 .site a {
	color: #029fca;
	text-decoration: underline
}

.opis #rounded-box-5 .site a:hover {
	color: #029fca;
	text-decoration: none
}

.opis .inner-box {
	padding: 15px 25px 5px 25px;
	text-align: left
}

.opis .inner-box,
.opis b {
	background-color: #ecedef
}

.opis .r1,
.opis .r2,
.opis .r3,
.opis .r5 {
	display: block;
	height: 1px;
	overflow: hidden
}

.opis .hre {
	padding-left: 550px
}

.opis .r5 {
	margin: 0 5px
}

.opis .r3 {
	margin: 0 3px
}

.opis .r2 {
	margin: 0 2px
}

.opis .r1 {
	margin: 0 1px
}

.works img {
	border: 1px solid #000000
}

.razdels {
	padding: 40px 45px
}

.greybot {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 33px;
	padding: 10px 0 40px;
	color: #FFF;
	font-size: 0.9em
}

#ok_shareWidget,
#fb-root,
.fb-like,
.we_google,
.google,
.g-plusone {
	float: left;
	padding-right: 5px;
	width: 100px
}

.fb-like {
	display: none
}

.we_google {
	margin-left: -40px
}

.google {
	width: 130px
}

.greybot .sch {
	float: left
}

.greybot .copy {
	float: right;
	padding: 10px 0px 0 0
}

.greybot .copy a {
	color: #fff;
}

.clickmenu {
	display: none;
}

.submenu {
	text-align: right;
	padding: 0 50px 0 0;
	margin-top: 6px;
}

.submenu a {
	display: inline-block;
	margin: 0 0 20px 20px
}

.submenu a.akt {
	color: #ff41a0;
	text-decoration: underline
}

.submenu a.akt:hover {
	color: #ff41a0;
	text-decoration: none
}

.submenu .akt {
	background: #02A3CC;
	padding: 5px 10px;
	margin: 0 0 0 20px;
	color: #fff
}

.breadcrumbs {
	font-size: 0.8em;
	color: #999;
	padding: 10px 0 0 0
}

.cl {
	clear: both
}

.osntext p {
	padding: 10px 0 15px 0
}

.osntext h2 {
	/*margin:15px 0 0 0;*/
}

.conttable {
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	margin: 10px 0 0 0
}

.conttable td {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	text-align: center
}

.conttable th {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background: #ededed
}

.tabport td {
	text-align: center;
	padding: 10px 0px 0 0px;
	border: 0px solid red
}

.tabport td.space {
	background: #fff;
	width: 10px;
	border: 0px solid red
}

.tabport td img {
	border: 6px solid #EDEDED;
	width: 208px
}

.tabport td img:hover {
	opacity: 0.8
}

.tabport td.space img {
	border: 0px;
	width: 10px
}

.mainicons ul {
	padding: 0px 0 20px 0;
}

.mainicons ul li {
	padding: 5px 0 3px 15px;
	background: url("mar1.gif") no-repeat left 10px
}

.webfront-sm {
	padding: 0 10px 3px 5px;
	overflow: auto
}

.webfront-sm img {
	float: right
}

.marr20 {
	margin-right: 20px
}

.osntext p.padt30 {
	padding-top: 30px
}

.banner_webfront {
	float: right;
	margin: -10px 0 0 0
}

.infoba {
	margin: 10px 0 0 0
}

.infoba img {
	border: 1px solid #e2e2e2
}

.what {
	width: 500px;
	border: 1px solid #ccc
}

.what td,
.what th {
	padding: 2px 5px;
	border-left: 1px solid #ccc
}

.what th {
	padding: 2px 5px;
	border-bottom: 1px solid #ccc
}

.talright {
	text-align: right
}

.them td {
	border-bottom: 2px solid #ccc;
	padding: 2px 5px 8px 5px
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

.mainicons .osntext ul.tolko {
	padding: 0px 0 10px 0px;
}

.mainicons .osntext ul.tolko li {
	padding: 1px 0 2px 15px;
	background: url("mar1.gif") no-repeat left 7px;
	line-height: 1.4
}

.packets {
	margin: 5px 0 20px 0
}

.packets td {
	padding: 10px 10px 10px 0
}

.packets h4 {
	color: #ff42a0;
	padding: 10px 0 0 0
}

.packets h4 span {
	color: #3e424b
}

.packets p {
	font-size: 11px
}

.google {
	float: left
}

#vk_like {
	float: left
}

.webfront-sm img {
	top: 10px;
	position: relative
}

.oneblockgrey {
	background: #eaecef;
	border-radius: 20px;
	moz-border-radius: 20px;
	margin: 0 0 20px 0;
	padding: 0 10px
}

.rel .pozic {
	position: absolute;
	width: 103px;
	height: 102px;
	top: -50px;
	left: -110px
}

.oneblockgrey h3 {
	padding: 15px 0 0 80px
}

.mainicons .oneblockgrey .osntext {
	padding: 0 0 15px 80px
}

h4 span.rek {
	font-size: 13px;
	position: relative;
	top: 0px
}

.menu li strong {
	color: #fff;
	background: #02A3CC;
	padding: 2px 6px;
	font-weight: normal
}

#of_div .inset {
	overflow: auto
}

#of_div .inset .fl {
	float: left;
	margin: 0 10px 0 0;
	padding: 2px 10px
}

#of_div .inset .fl {
	padding: 6px 10px
}

#of_div .inset .fl .active {
	padding: 6px 10px;
	background: #02A3CC;
	color: #fff
}

.polform {
	padding: 30px 0 0 10px
}

.polform input {
	padding: 2px 3px;
	font-style: italic;
	color: #464C54;
	margin: 2px 0 10px 0;
	width: 404px
}

.polform textarea {
	padding: 2px 3px;
	font-style: italic;
	color: #464C54;
	margin: 2px 0 10px 0;
	width: 404px;
	height: 150px
}

.polform input.butt {
	background: none repeat scroll 0 0 #464C54;
	border: 0 none;
	color: #FFF;
	cursor: pointer;
	height: 24px;
	margin: 15px auto 0 145px;
	padding: 2px 5px 4px;
	width: 130px;
	font-style: normal
}

.polform input.butt:hover {
	color: #dcdcdc
}

.polform span b {
	color: #02A3CC
}

.btn_order {
	text-align: right;
	padding: 0px 0 0 0
}

.btn_order a {
	background: #ef5aa1;
	padding: 15px 25px;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	display: inline-block;
}

.btn_order a:hover {
	background: #de2581
}

.grblock img {
	float: right
}

.grblock h3 {
	padding: 20px 0 0 0;
}

.mainicons ul.da-thumbs li {
	float: left;
	margin: 0 15px 15px 0;
	background: none;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 195px
}

.mainicons ul.da-thumbs li a,
.mainicons ul.da-thumbs li a img {
	display: block;
	position: relative
}

.mainicons ul.da-thumbs li a {
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	text-decoration: underline
}

.mainicons ul.da-thumbs li a div {
	position: absolute;
	background: rgba(75, 75, 75, 0.7);
	width: 100%;
	height: 100%
}

.mainicons ul.da-thumbs li a div span {
	padding: 15px;
	display: inline-block
}

.mainicons ul.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.mainicons ul.da-thumbs1 li {
	float: left;
	margin: 0 15px 15px 0;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 268px;
	background: none;
	height: 410px
}

.mainicons ul.da-thumbs1 li a,
.mainicons ul.da-thumbs1 li a img {
	display: block;
	position: relative;
	    max-width: 100%;
}

.mainicons ul.da-thumbs1 li a {
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	text-decoration: underline
}

.mainicons ul.da-thumbs1 li a div {
	position: absolute;
	background: rgba(75, 75, 75, 0.7);
	width: 100%;
	height: 100%
}

.mainicons ul.da-thumbs1 li a div span {
	padding: 15px;
	display: inline-block
}

.mainicons ul.da-thumbs1 li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.da-slideFromTop {
	left: 0px;
	top: -100%
}

.da-slideFromBottom {
	left: 0px;
	top: 100%
}

.da-slideFromLeft {
	top: 0px;
	left: -100%
}

.da-slideFromRight {
	top: 0px;
	left: 100%
}

.da-slideTop {
	top: 0px
}

.da-slideLeft {
	left: 0px
}

.mainicons ul.da-thumbs li a div span hr {
	height: 1px;
	color: #fff
}

.mainicons ul.da-thumbs li a div span input {
	border: none;
	background: none;
	cursor: pointer;
	color: #ffffff;
	font: normal 16px arial;
	text-decoration: underline
}

.maintt h1 {
	font-family: Helvetica_Light-Normal;
	font-size: 36px;
	padding-bottom: 0
}

.maintt h2 {
	color: #4c4c4a;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0 10px 0;
}
.maintt p {line-height:1.4; padding: 5px 0 10px 0;}

.pagination {
	text-align: center;
	font-size: 14px
}

.mainicons .pagination ul {
	margin: 0 auto;
	width: 600px
}

.mainicons .pagination ul li {
	background: none;
	display: inline;
	padding: 3px 0 3px 5px
}

.pagination a.pagenav {
	padding: 4px 9px;
	display: inline-block
}

.pagination span.pagenav {
	background: #02a3cc;
	padding: 4px 9px;
	display: inline-block;
	color: #fff;
	text-decoration: none
}

.mainicons .relatedblock {
	padding: 0 0 20px 0;
	float: right;
	width: 225px;
	margin: 0 0 0 20px;
}

.mainicons .relatedblock h2 {
	font: italic 14px arial;
	color: #676a6d;
	padding: 0 0 5px 0
}

.mainicons ul.relateditems {
	padding: 10px;
	background: #eaecef;
	border-radius: 4px;
}

.mainicons ul.relateditems li {
	list-style: none;
	font: normal 13px arial;
	padding: 0 7px 5px;
	margin: 0 0px 0 0;
	background: none
}

.mainicons ul.relateditems li a {
	font: normal 13px arial
}

.mainicons ul.relateditems li span {
	display: inline-block;
	background: #ff42a0;
	padding: 5px 10px;
	color: #fff
}

.grblock_portf {
	margin: 0 280px 10px 0;
	font-size: 14px;
}

.grblock_portf h2 {
	color: #ff42a0;
	font-style: italic;
	font-size: 18px
}

.grblock_portf h3 {
	font-size: 16px;
	font-style: normal;
	margin: 0;
	padding: 0
}

.grblock_portf p {
	padding: 10px 0 0 0
}

.grblock_portf1 {
	font-size: 16px;
	margin: 0 0 20px 0
}

.grblock_portf1 h2 {
	color: #ff42a0;
	font-style: italic;
	font-size: 14px;
	padding-bottom: 0;
}

.grblock_portf1 h3 {
	font-size: 16px;
	font-style: normal;
	margin: 0;
	padding: 0
}

.grblock_portf1 p {
	padding: 10px 0 0 0
}

.features {
	margin: 50px 0 20px 0;
}

.features a {
	background: #ff42a0;
	padding: 7px 20px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: block;
	width: 200px;
	float: right;
	border-radius: 4px;
}

.features .point {
	width: 20%;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}

.features .point span {
	background: #ee4899;
	width: 5em;
	text-align: center;
	display: inline-block;
	height: 5em;
	line-height: 6em;
	margin-bottom: 10px;
	border-radius: 100%;
}

.features .point span i {
	color: #fff;
	font-size: 30px;
}

.item_url a {
	background: #ee4899;
	display: inline-block;
	float: right;
	margin: -65px 0 0 0;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 0px;
	border-radius: 20px;
}

.item_url a:hover {
	background: #de2581;
}

.item_url a i {
	font-size: 24px;
	vertical-align: middle;
	margin: 0 10px;
}

.mainicons ul.pagenav {
	padding: 20px 0 20px 0;
	display: inline-block;
	float: left
}

.mainicons ul.pagenav li {
	list-style: none;
	padding: 0;
	margin: 0 0px 0 0;
	background: none
}

.mainicons ul.pagenav li.pagenav-prev {
	float: left
}

.mainicons ul.pagenav li.pagenav-next {
	float: right;
	text-align: right
}

.mainicons ul.pagenav a {
	background: #EAECEF;
	padding: 4px 9px;
	display: inline-block
}

.mainicons ul.pagenav a:hover {
	background: #22bbe2;
	color: #fff;
	text-decoration: none
}

.costf {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 2px solid #CCC;
	padding: 5px 5px 20px 20px;
	width: 380px;
	height: 220px !important;
	right: 10%;
	bottom: 20px;
}

.costf .bclose {
	background: url("closepic.png") no-repeat left top;
	width: 37px;
	height: 37px;
	cursor: pointer;
	float: right
}

.costf input {
	color: #464C54;
	border-radius: 4px;
	border: 1px solid #ccc;
	font-size: 18px;
	padding: 10px 15px;
	margin: 0 0 10px 0;
}

.costf input.btn {
	width: auto;
	background: #ff42a0;
	border: none;
	color: #FFF;
	cursor: pointer;
	margin: 10px 0 0 0;
	padding: 10px 15px;
	border-radius: 2px;
}

.costf input.btn:hover {
	background: #de2581;
	color: #fff
}

.prew_otz {
	margin-bottom: 0px;
	border: 15px solid #40c4c8;
	padding: 0;
	-moz-border-image: url("ramka1.png") 15 round round;
	-webkit-border-image: url("ramka1.png") 15 round round;
	-o-border-image: url("ramka1.png") 15 round round;
	border-image: url("ramka1.png") 15 round round;
	background-clip: padding-box;
	background-size: 100%
}

.li_img {
	margin-right: 36px
}

.company_name {
	color: #02a3cc;
	padding: 5px 0;
	text-decoration: underline;
	cursor: pointer;
	text-align: center
}

.materials_reviews {
	background: #eaecef;
	margin: 0 0 20px 0;
	padding: 15px 10px
}

.materials_reviews h2 {
	color: #FF45BA;
	font-style: italic;
	padding-bottom: 10px
}

.item-pagerekomend img {
	margin-bottom: 20px
}

.clear {
	clear: both
}

.blogstat .blog .text div.vynoska, .blog .text div.vynoska {
	width: 180px;
	float: left;
	background: #EAECEF;
	font-style: italic;
	font-size: 14px;
	padding: 15px;
	margin: 15px 15px 15px 0
}

.review {
	padding: 20px;
	background: #fffbdb;
	margin: 0px 0 40px 120px
}

.reviewtext {
	padding: 6px 0 10px 20px;
	font-style: italic
}

.review .all {
	text-align: right
}

.review .scan {
	padding: 0px 0 10px 20px
}

.seositesearch {
	font-size: 14px
}

.seositesearch .allincl {
	padding: 10px 0 15px 0
}

.seositesearch .allincl p {
	padding: 10px 0 10px 0
}

.allincl img {
	float: left;
	margin: 0 20px 0 0
}

.seositesearch .btn a {
	background: url("btnbg.jpg") repeat-x left top;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	min-height: 28px;
	font-size: 16px
}

.seositesearch .btn a:hover {
	background: url("btnbg_act.png") repeat-x left top
}

.hrshadow {
	background: url("bgshadow.jpg") repeat-x left top;
	height: 31px;
	margin: 20px -45px 5px -45px
}

.mainicons .seositesearch ul {
	padding: 10px 0 0 0
}

.mainicons .seositesearch ul li {
	background: none;
	float: left;
	width: 225px;
	font-size: 18px;
	padding: 0
}

.mainicons .seositesearch ul li span {
	background: #eaecef;
	float: left;
	padding: 5px 10px;
	font-size: 20px;
	font-family: Helvetica_Light-Normal, Helvetica, Arial;
	margin: 0 10px 20px 0
}

.ak {
	background: url("bannerbg.jpg") repeat-x left top;
	margin: 0 -45px;
	height: 315px
}

.ak .akbg {
	background: url("akbg.jpg") no-repeat right top;
	height: 316px;
	padding: 0 45px
}

.ak .akbg2 {
	background: url("akbg2.jpg") no-repeat right top;
	height: 316px;
	padding: 0 45px
}

.ak h2 {
	font-family: Tahoma;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	padding: 25px 0 10px 0
}

.ak .akbg_content {
	width: 330px
}

.ak .akbg2_content {
	width: 350px
}

.ak p {
	padding: 0 0 15px 0;
	color: #fff;
	font-size: 18px
}

.ak .btn a {
	background: url("btnbg.jpg") repeat-x left top;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	min-height: 28px;
	font-size: 16px;
	border-left: 1px solid #b3c0d3;
	border-right: 1px solid #b3c0d3
}

.ak .btn a:hover {
	background: url("btnbg_act.png") repeat-x left top
}

.ak .srok {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 16px
}

.gallery {
	padding: 0;
	/*height:106px;line-height:106px*/
}

.gallery i {
	color: #ef5aa1;
	font-size: 45px;
}

.gallery i:hover {
	opacity: 0.8;
}

.gallery .onearr {
	float: left;
	padding: 20px 0 0 0
}

.gallery .onearr2 {
	float: right;
	padding: 20px 0 0 0
}

.gallery .onecl {
	margin: 0 25px;
	display: inline-block;
	vertical-align: middle;
}

.cons_content .phone {
	float: left;
	width: 300px;
	padding: 15px 0 0 20px;
	font-size: 18px
}

.cons_content .phone div {
	font-weight: bold;
	font-size: 28px;
	max-width: 250px;
}

.cons_content .orderphone {
	float: left;
	width: 560px;
	padding: 15px 0 0 20px;
	font-size: 18px
}

.cons_content .orderphone .orderform {
	font-size: 16px;
	padding: 5px 0 0 0
}

.cons_content .orderphone input[type="text"] {
	background: #efefef;
	font-size: 18px;
	padding: 2px;
	height: 31px;
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	width: 170px
}

.cons_content .orderphone input[type="button"] {
	/*background:url(../img/btnbg.jpg) repeat-x left top;*/
	background: #ef5aa1;
	color: #fff;
	padding: 10px 15px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	height: 38px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	margin-left: 25px
}

.cons_content .orderphone input[type="button"]:hover {
	/*background:url(../img/btnbg_act.png) repeat-x left top*/
	background: #de2581;
}

.cons_content1 .phone {
	width: 300px;
	padding: 15px 0 0 20px;
	font-size: 18px
}

.cons_content1 .phone div {
	font-weight: bold;
	font-size: 28px
}

.cons_content1 .orderphone {
	width: 560px;
	padding: 15px 0 0 20px;
	font-size: 18px
}

.cons_content1 .orderphone .orderform {
	font-size: 16px;
	padding: 5px 0 0 0
}

.cons_content1 .orderphone input[type="text"] {
	background: #efefef;
	font-size: 18px;
	padding: 2px;
	height: 31px;
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	width: 170px
}

.cons_content1 .orderphone input[type="button"] {
	background: url("btnbg.jpg") repeat-x left top;
	color: #fff;
	padding: 10px 15px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	height: 38px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	margin-left: 25px
}

.cons_content1 .orderphone input[type="button"]:hover {
	background: url("btnbg_act.png") repeat-x left top
}

.pricecreative {
	font-size: 14px
}

.pricecreative .oneb {
	float: left;
	width: 207px;
	padding: 10px 20px 0 0
}

.pricecreative .oneb .ot {
	padding: 10px 0
}

.pricecreative .oneb .ot span {
	font-size: 18px;
	font-weight: bold
}

.pricecreative .oneb p.sm {
	padding: 10px 0 0 0;
	font-size: 12px
}

.ak_context {
	background: url("bannerbg_context.jpg") no-repeat left top;
	margin: 20px -45px 0 -45px;
	height: 310px;
	padding: 0 45px;
	border-top: 1px solid #dbdee3
}

.ak_context h2 {
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	color: #464c54;
	padding: 25px 0 10px 0
}

.ak_context h2 span.pink {
	color: #fe40a0;
	font-size: 32px
}

.ak_context h2 span.big {
	font-size: 36px;
	text-transform: uppercase;
	color: #464c54
}

.ak_context .akbg_content {
	width: 480px
}

.ak_context p {
	padding: 0 0 15px 0;
	color: #fff;
	font-size: 18px
}

.ak_context .btn a {
	background: url("btnbg.jpg") repeat-x left top;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	border-radius: 2px;
	text-decoration: none;
	font-weight: bold;
	min-height: 28px;
	font-size: 16px;
	border-left: 1px solid #b3c0d3;
	border-right: 1px solid #b3c0d3
}

.ak_context .btn a:hover {
	background: url("btnbg_act.png") repeat-x left top
}

.ak_context .srok {
	padding: 20px 0 0 0;
	font-size: 16px
}

.sert img {
	text-align: center;
	margin: 0 30px
}

.work-result h2 {
	padding-bottom: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 30px
}

.work-result .work {
	width: 430px;
	float: left;
	padding: 0 50px 0 0
}

.work-result .work li {
	background: url("context_m1.jpg") no-repeat left top;
	padding: 0 0 8px 30px;
	font-size: 14px
}

.work-result .result {
	width: 430px;
	float: left
}

.work-result .result li {
	background: url("context_m2.jpg") no-repeat left top;
	padding: 0 0 18px 40px;
	font-size: 14px
}

.work-result .work table {
	margin: 15px 0 0 0;
	text-align: center
}

.work-result .work td,
.work-result .work th {
	border: 1px solid #cecece
}

.work-result .work th {
	padding: 4px 10px;
	font-weight: normal;
	font-size: 16px;
	background: #ecedee
}

.work-result .work td {
	font-size: 14px;
	padding: 10px 15px
}

.work-result .work td span {
	font-size: 16px;
	font-weight: bold
}

.ekonom {
	padding: 10px 0 0 180px;
	font-size: 14px;
	font-weight: bold
}

.ekonom span {
	font-size: 18px
}

.novgod {
	color: #FFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold
}

.cifr {
	color: #ff42a0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold
}

.grblock2 {
	background: #eaecef;
	padding: 10px;
	margin-bottom: 20px
}

.grblock2 h3 {
	color: #ff42a0
}

.logotip {
	padding: 0 0 60px;
	clear: both
}

.logotip h2 {
	text-align: center;
	font-size: 30px;
	color: black;
	padding: 40px 0
}

.logotip .text1 {
	background: #eaecef;
	padding: 10px 10px 15px 10px;
	margin: 0 0 10px 0
}

.logotip .text1 h2 {
	text-align: left;
	padding: 0 0;
	font-size: 25px
}

.logotip .text1 p {
	padding: 10px 0 0 0
}

.logotip img.glav {
	padding: 0 20px 0 0;
	float: left
}

.logotip .r {
	padding-left: 370px
}

.mainicons ul.sertif {
	margin: 20px 0 20px -27px
}

.mainicons ul.sertif li {
	float: left;
	background: none
}

.se-table table {
	border-spacing: 17px 15px;
	width: 100%;
	border-collapse: separate
}

.se-table td {
	background: #D3D3D3;
	padding: 5px;
	width: 30%
}

.se-table a {
	text-decoration: none;
	color: #de2581
}

.vk {
	padding: 0 0 40px
}

.vk h2 {
	font-size: 28px;
	text-align: center
}

.vk img {
	margin: 30px 0 50px;
	box-shadow: 0 0 5px 10px #d8d8d8
}

.vk .lc .text {
	padding: 5px 0 0 350px;
	font-size: 16px
}

.vk .lc img {
	float: left
}

.vk .dos .n img {
	box-shadow: none;
	margin: 25px 0 -5px
}

.vk .dos .n {
	float: left;
	width: 30%;
	padding-left: 30px;
	text-align: center;
	font-size: 14px
}

.vk .dos .n p span {
	font-size: 16px;
	font-weight: bold
}

.all_p {
	display: inline-block;
	float: left;
	padding: 24px 14px 24px 14px
}

.relateditems {
	float: right;
	width: 220px
}

.relateditems p {
	font: italic 14px arial, helvetica, sans-serif;
	padding: 8px 0 8px 0
}

.relateditems li a {}




.realiz {
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #FF42A0;
	border-top: 1px solid #FF42A0;
	font-size: 17px
}

.realiz img {
	display: inline-block;
	vertical-align: middle;
	padding-left: 7px;
	width: 120px
}

.webim_button {
	top: -10px
}

.webim-button-corner {
	position: absolute !important
}

#fade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 2
}

.modal_zayavka {
	display: none;
}

.modal_zayavka .cFInnerPad {
	position: fixed;
	width: 410px;
	height: 520px;
	margin: auto;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 20;
	font-size: 1.2em;
	position: fixed;
	padding: 25px 0 20px 0px;
	background: #FFF;
	border-radius: 4px;
	text-align: center;
	border: 2px solid #ff42a0
}

.modal_zayavka h2 {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 30px 0;
	color: #676a6d
}

.modal_zayavka .cFInnerPad .close:hover {
	color: #FF0000 !important;
	background: none;
}

.modal_zayavka dl.cForm,
dl.cForm dt,
dl.cForm dd {
	margin: 0;
	padding: 0
}

.modal_zayavka dl.cForm dt {
	float: left;
	position: relative;
	top: 4px;
	width: 110px;
	text-align: right;
	font-size: 13px;
	color: #999999;
	clear: both
}

.modal_zayavka dl.cForm dd {
	margin-left: 130px;
	margin-bottom: 20px
}

.modal_zayavka dl.cForm select.inp1 {
	padding: 3px 0
}

.modal_zayavka dl.cForm .inp1,
.modal_zayavka dl.cForm .name,
.modal_zayavka dl.cForm .phone {
	color: #464C54;
	height: 20px;
	width: 90%;
	padding: 10px;
	font-size: 20px;
	margin: 5px 0 10px 0;
	border-radius: 4px
}

.priceSliderWrap {
	width: 90%;
	max-width: 705px;
	position: relative;
	left: 10px;
	padding-top: 10px
}

.priceSliderWrap {
	width: 100%;
	left: 0
}

.priceSliderWrap .d1,
#priceSliderWrap .d2 {
	float: left;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4
}

.priceSliderWrap input {
	display: inline-block;
	vertival-align: middle;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	width: 30px;
	border-width: 0;
	padding: 3px;
	background: #DADADA
}

span.rur {
	font-family: "RUR";
	text-transform: uppercase
}

.priceSliderWrap span {
	margin-right: 0;
	width: auto;
	vertical-align: middle
}

.priceSliderWrap .d2 {
	float: right;
	text-align: right;
	font-size: 14px
}

dl.cForm .inp1 {
	width: 100%;
	background: #FFFFFF;
	font-size: 14px
}

dl.cForm textarea.inp1 {
	height: 70px
}

.iconF {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.modal_zayavka .submit {
	position: relative;
	display: block;
	vertical-align: middle;
	background: #ff42a0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 20px 0 0 0;
	width: 98%;
	padding: 10px
}

.modal_zayavka .submit:hover {
	background: #de2581
}

.modal_zayavka .block-preloader {
	display: none;
	padding: 20px 0;
	font-size: 21px
}

.modal_zayavka .block-preloader span {
	background: url("place.png") no-repeat center center;
	display: inline-block;
	width: 46px;
	height: 46px;
	-webkit-animation: anim-rotate 2s infinite linear;
	-moz-animation: anim-rotate 2s infinite linear;
	-o-animation: anim-rotate 2s infinite linear;
	animation: anim-rotate 2s infinite linear
}

.modal_zayavka .block-preloader em {
	padding: 0 0 0 20px
}

.cForm .vid {
	margin: 0 auto;
	padding: 5px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.cForm .vid .vibor,
.cForm .vid input {
	background: #fff;
	padding: 8px;
	border-radius: 3px;
	color: #c4c4c4;
	font-size: 16px;
	position: relative
}

.cForm .vid .vibor .v-vid {
	display: inline-block;
	width: 210px;
	padding-left: 10px;
	color: #000
}

.cForm .vid .vibor .v-vid:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 47%;
	border: 5px solid transparent;
	border-top: 8px solid darkgrey;
	display: block;
	width: 0;
	height: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.cForm .vid .vibor.open .v-vid:after {
	border-top: 0px solid darkgrey;
	border-bottom: 8px solid darkgrey
}

.cForm .vid .vibor ul {
	height: 0px;
	overflow: hidden;
	position: absolute;
	background: #fff;
	border: 1px solid #c4c4c4;
	border-top: none;
	border-radius: 0 0 3px 3px;
	left: 3px;
	top: 24px;
	z-index: 0;
	padding-bottom: 10px;
	right: 3px;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.cForm .vid .vibor.open ul {
	height: auto;
	top: 36px;
	z-index: 3;
	opacity: 1
}

.cForm .vid .vibor ul li {
	margin: 4px 4px 0px 4px;
	padding: 4px 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.cForm .vid .vibor ul li:hover,
.cForm .vid .vibor ul li.click {
	background: #ff42a0;
	color: #fff
}

.cForm .vid .fa {
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 38px;
	color: #676a6d;
	font-size: 14px
}

.cForm .vid .vibor .fa {
	position: relative;
	top: 0;
	left: 0
}

.cForm .vid input {
	display: inline-block;
	padding: 8px 8px 8px 30px;
	color: #c4c4c4
}

.cForm .vid .priceSliderWrap input {
	width: 30px !important;
	padding: 3px;
	text-align: center;
	float: none;
	display: block;
	position: absolute;
	margin: -10px -18px;
	border: none;
	background: transparent;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.cForm .vid .priceSliderWrap input.priceTo {
	left: 24%
}

.cForm .vid .priceSliderWrap input.priceFrom {
	left: 5%
}

.cForm .vid .sliderDiv {
	padding: 5px 20px 14px 20px;
	background: #fff;
	border: 1px solid #c4c4c4;
	border-radius: 4px
}

.cForm .vid .span {
	font-size: 13px;
	color: #676a6d;
	display: block;
	margin-bottom: -8px
}

@-webkit-keyframes anim-rotate {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes anim-rotate {
	0% {
		-moz-transform: rotate(0)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes anim-rotate {
	0% {
		-o-transform: rotate(0)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@keyframes anim-rotate {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}



.super_p {}

.bit {
	margin: 0 0 25px
}

.bit .box {
	background: #eaecef;
	margin: 20px -45px;
	padding: 20px 45px;
}

.bit .box .tex {
	float: left;
	width: 200px;
	margin: -14px 30px 0 -15px
}

.bit .box .tex img {
	width: 90%;
}

.bit .box .price {
	font-size: 18px;
}

.bit .box .price span {
	font-weight: bold;
}

.bit .box .tex p {
	font-size: 17px;
	width: 200px;
	padding: 10px 0
}

.bit .box .tex .old p {
	font-size: 15px;
	width: 200px;
	padding: 10px 0;
	text-decoration: line-through
}

.bit .box .tex p span {
	font-weight: bold
}

.bit .spis {
	column-count: 2;
	-moz-column-count: 2
}

.bit .spis ul li {
	list-style-type: none
}

.bit .spis ul li img {
	margin: 0 6px 0 0
}

.mainicons .item-page ul.relateditems {
	display: none
}

.howwork {
	padding: 15px 0;
	min-height: 75px;
}

.howwork div {
	float: left
}

.howwork div.arrow {
	width: 50px;
	font-size: 40px;
	text-align: center;
	color: #8e8e8e
}

.howwork div.item1 {
	width: 90px
}

.howwork div.item2 {
	width: 100px;
	padding: 8px 0 0 0
}

.howwork div.item3 {
	width: 50px;
	padding: 18px 0 0 0
}

.howwork div.item4 {
	width: 120px;
	padding: 8px 0 0 0
}

.howwork div.item5 {
	width: 85px;
	padding: 8px 0 0 0
}

.howwork div.item6 {
	width: 90px;
	padding: 8px 0 0 0
}

.howwork div.happycustomer {
	width: 70px;
	font-weight: bold;
	color: #ff41a1;
	padding: 8px 0 0 0
}

.result-cols .lcol {
	float: left;
	width: 42%
}

.result-cols .rcol {
	float: left;
	width: 50%
}

.result-cols .ras {
	padding: 5px 0 0 0
}

.result-cols .ras div {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 0 0
}

.result-cols .ras span {
	padding-left: 60px;
	display: inline-block
}

.result-cols .arrow-block img {
	float: left;
	margin: 10px 0 0 20px
}

.result-cols .arrow-block div {
	padding: 20px 0 0 0
}

.result-cols .arrow-block div.clear {
	padding: 0
}

.result-cols .ras .pink {
	color: #ff3b9d
}

.techsupport {
	font-size: 14px;
	line-height: 1.4
}

.bitrix24 h3 {
	font-size: 22px;
	color: #02a3cc;
	padding: 50px 0 25px 0
}

.nomargin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.seoblock a.pink {
	background: #ff42a0;
	padding: 10px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 64px;
	border-radius: 4px
}

.seoblock a.pink:hover {
	background: #de2581
}

.b1 .lcol {
	width: 60%;
	float: left
}

.b1 .rcol {
	width: 35%;
	float: right
}

.b1 .stoim {
	font-size: 28px;
	color: #000
}

.b1 .exp {
	color: #ff42a0;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 34px
}

.prodv_banner {
	background: url("prodv_banner.jpg") no-repeat right top;
	margin: 15px -45px;
	height: 299px;
	position: relative
}

.prodv_banner_container {
	padding: 15px 45px;
}

.prodv_banner h1,
.prodv_banner h2,
.prodv_banner h3,
.prodv_banner h4 {
	color: #fff;
}

.prodv_banner h1 {
	font-size: 26px;
	font-weight: 900;
	width: 295px;
	letter-spacing: -1px;
	padding: 0;
}

.prodv_banner h2 {
	position: absolute;
	top: 43px;
	left: 425px;
	font-size: 22px;
	letter-spacing: -0.5px;
	font-weight: 900;
}

.prodv_banner h3,
.prodv_banner h4 {
	font-size: 16px;
	font-style: normal;
	font-style: normal;
	font-weight: normal;
}

.prodv_banner h3 {
	width: 250px
}

.prodv_banner h4 {
	width: 250px;
	padding: 45px 0 0 0;
}

.prodv_banner .btn {
	position: absolute;
	top: 223px;
	left: 460px;
}

.prodv_banner a.yellow {
	background: #f9c82d;
	padding: 10px 20px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	line-height: 64px;
	border-radius: 2px;
}

.prodv_banner a.yellow:hover {
	background: #eca61f;
}

.b2 {
	background: url("ba1.jpg") no-repeat right top;
	margin: 30px -45px;
	height: 287px;
	position: relative
}

.b2 .b2_content {
	padding: 15px 0 0 45%;
	color: #fff
}

.b2 .b2_content .srok {
	font-size: 16px;
	padding: 15px 0 0 0
}

.b2 .b2_content .balloon {
	position: absolute;
	top: -40px;
	left: 4%;
	width: 108px;
	height: 81px;
	background: url("balloon.png") no-repeat left top;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 0 0
}

.b2 .b2_content .balloon div {
	font-size: 26px
}

.seoblock.b2 h3 {
	color: #fff;
	font: bold 30px Tahoma
}

.seoblock.b2 h3 div {
	font-size: 36px
}

.seoblock.b2 p {
	font-weight: bold;
	padding: 15px 0
}

.b3 {
	padding: 30px 0
}

.b3 .col {
	float: left;
	width: 30%;
	padding: 0 3% 0 0;
	min-height: 100px;
}

.b3-1 {
	padding: 25px 0
}

.b3-1 .col-1 {
	float: left;
	width: 45%;
	padding: 0 3% 0 0
}

.b4 {
	background: url("ba2.jpg") no-repeat left top;
	margin: 0px -45px;
	height: 249px;
	position: relative
}

.b4 .b4_content {
	padding: 50px 0 0 38%
}

.b5 {
	padding: 10px 0 50px 0
}

.b5 ul {
	padding: 10px 0 0 0
}

.b5 ul li {
	background: none;
	float: left;
	width: 25%;
	font-size: 18px;
	padding: 0
}

.b5 ul li span {
	background: #eaecef;
	float: left;
	padding: 5px 10px;
	font-size: 20px;
	font-family: Helvetica_Light-Normal, Helvetica, Arial;
	margin: 0 10px 20px 0
}

.b7 {
	margin: 45px -45px 0 -45px
}

.b7 .col {
	float: left;
	width: 33.3%;
	height: 425px;
	background: #37aeba
}

.b7 .col img {
	width: 100%
}

.b7 .col img:hover {
	opacity: 0.9
}

.b7 .col.b {
	border-right: 1px solid #fff;
	width: calc(33.3% - 1px)
}

.b7 .col h1 {
	font: bold 32px arial;
	color: #fff;
	background: #37aeba;
	text-align: center;
	text-transform: uppercase;
	padding: 43px 0 20px 0
}

.b7 .col a.t {
	color: #fff;
	background: #37aeba;
	display: block;
	padding: 8px 15px;
	font-size: 16px
}

.b7 .col a:hover {
	background: #2797a2
}

.b8 {
	margin: 2px -45px 45px -45px;
	text-align: center;
	background: #36afba url("bg_already.jpg") repeat-x left bottom;
	height: 242px
}

.b8 h2 {
	font: bold 30px Tahoma;
	color: #fff;
	padding: 35px 0 0 0
}

.b8 h3 {
	font: normal 30px Tahoma;
	color: #fff;
	padding: 5px 0 25px 0
}

.form-inline input[type=text] {
	font: normal 18px tahoma;
	background: #fff;
	border-radius: 2px;
	border: none;
	padding: 8px 10px 9px 10px;
	vertical-align: middle;
	margin: 0 0 10px 0
}

.form-inline input.pink {
	background: #ff42a0;
	padding: 10px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	vertical-align: middle
}

.form-inline input.pink:hover {
	background: #de2581
}

.b9 h2 {
	text-align: center
}

.b9 .col {
	width: 22%;
	float: left;
	text-align: center;
	padding: 20px 3% 0 0
}

.b9 .col h3,
.b9 .col p {
	text-align: left
}

.b10 {
	margin: 45px -45px 45px -45px;
	background: #e6f0f2 url("ba3.jpg") no-repeat right top;
	height: 350px;
	border-top: 1px solid #37aeba;
	border-bottom: 1px solid #37aeba
}

.b10 .b10_content {
	padding: 40px 0 0 45px;
	color: #464c54
}

.b10 .b10_content h3 {
	color: #464c54;
	font: bold 30px Tahoma;
	padding: 0 0 30px 0
}

.b10 .b10_content p {
	font-size: 18px;
	padding: 0 0 10px 0
}

.pad {
	padding: 33px 0 28px 0
}

.callme .cme,
.callme .cme1 {
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	z-index: 10000
}

.callme .cme .call_container,
.callme .cme1 .call_container {
	font-size: 1.2em;
	width: 35%;
	height: 30%;
	padding: 3%;
	position: fixed;
	margin: 25px 0 0 0px;
	background: #FFF;
	top: 30% !important;
	left: 40% !important;
	border-radius: 4px;
	text-align: center;
	border: 2px solid #ff42a0
}

.callme .cme input.butt,
.callme .cme1 input.butt {
	background: #ff42a0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 20px 0 0 0;
	width: 98%;
	padding: 10px
}

.callme .cme input.butt:hover,
.callme .cme1 input.butt:hover {
	background: #de2581
}

.callme .cme .call_container h2,
.callme .cme1 .call_container h2 {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 20px 0;
	font-size: 1.4em;
	color: #4c4c4a;
}

.close_m {
	background: #ff42a0;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	width: 37px;
	border-radius: 50px;
	height: 37px;
	cursor: pointer;
	float: right;
}

.close_m a {
	color: #ff42a0
}

.close_m:hover,
.close_m a:hover {
	background: #de2581;
	color: #fff;
}

.cme .close_m,
.modal_zayavka .close_m,
.cme1 .close_m {
	position: absolute;
	top: 0;
	right: 10px;
	background: none;
	color: #ff42a0;
	font-size: 46px;
}

.callme .cme input.name,
.callme .cme1 input.name,
.callme .cme input.numberc,
.callme .cme1 input.numberc {
	color: #464C54;
	height: 20px;
	width: 90%;
	padding: 10px;
	font-size: 20px;
	margin: 5px 0 10px 0;
	border-radius: 4px
}

.of-hidden {
	overflow: hidden
}

.patent-block {
	background: url("bg_patent.jpg") no-repeat right top;
	height: 255px;
	margin: -20px 0 10px 0
}

.patent-block h1 {
	padding: 60px 0 0 40px;
	color: #fff;
	font-family: 'Roboto Light', sans-serif;
	font-size: 24px
}

.patent-block h1 a {
	color: #fff;
	border-bottom: 1px solid #93d3f2;
	text-decoration: none
}

.patent-block h1 a:hover {
	color: #fff;
	border-bottom: none;
	text-decoration: none
}

.patent-block h1 span {
	font-weight: 600
}

.mainicons .patent-block ul {
	padding: 20px 0 0 0;
	font-size: 16px
}

.mainicons .patent-block ul li {
	background: none;
	padding: 5px 0 0 0
}

.calltrackprice {
	border-bottom: 1px solid #dddddd;
	margin: 30px 0
}

.calltrackprice th,
.calltrackprice td {
	width: 23%;
	padding: 0 1%;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd
}

.calltrackprice th {
	background: #464c54;
	padding: 10px 1% 60px 1%;
	vertical-align: top
}

.calltrackprice th h3 {
	font-style: normal;
	color: #fff
}

.calltrackprice th p {
	font-size: 14px;
	color: #d0d0d0;
	line-height: 16px;
	font-weight: normal
}

.calltrackprice th.rekomend {
	position: relative
}

.calltrackprice td {
	padding: 13px 2%;
	width: 21%;
	vertical-align: middle;
	position: relative
}

.calltrackprice td h3 {
	font-style: normal;
	padding: 0;
	color: #464c54
}

.calltrackprice td.yes div {
	background: url("yes.png") no-repeat left top;
	width: 40px;
	height: 30px;
	margin: 0 auto
}

.calltrackprice td.no div {
	background: url("no.png") no-repeat left top;
	width: 40px;
	height: 30px;
	margin: 0 auto
}

.calltrackprice td.c {
	text-align: center
}

.calltrackprice .price {
	background: #fff;
	border-radius: 50%;
	margin: -65px auto 5px auto;
	width: 128px;
	height: 128px;
	padding: 7px 0 0 7px
}

.calltrackprice td.blackbg .price {
	background: #717478
}

.calltrackprice .move_top {
	background: #464c54;
	margin: -30px 0 0 0;
	position: absolute;
	height: 30px;
	width: 100%;
	left: -0.5%;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd
}

.calltrackprice .rekom_top {
	background: url("rekom.png") no-repeat left top;
	position: absolute;
	height: 71px;
	width: 138px;
	right: 0;
	top: -20px
}

.calltrackprice .move_bottom {
	background: #464c54;
	position: absolute;
	height: 60px;
	width: 100%;
	left: -0.5%;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd
}

.calltrackprice .price .pricein {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 118px;
	height: 118px;
	color: #bebfc3;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.23)
}

.calltrackprice .price .pricein .r {
	padding: 25px 0 0 0;
	color: #ee4899;
	font-size: 24px;
	letter-spacing: -1px
}

.calltrackprice td.number {
	font-weight: bold;
	font-size: 18px
}

.calltrackprice .under {
	font-size: 15px;
	line-height: 16px;
	padding-left: 15px
}

.calltrackprice td.blackbg {
	background: #464c54;
	color: #fff
}

.calltrackprice .grey td.blackbg {
	background: #4f565f
}

.calltrackprice tr.order td {
	text-align: center
}

.calltrackprice tr.grey {
	background: #f0f1f2
}

.calltrackprice a.pink {
	background: #ff42a0;
	padding: 10px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 64px;
	border-radius: 4px
}

.calltrackprice a.pink:hover {
	background: #de2581
}

.calltrackprice .price .pricein .r1 {
	padding: 45px 0 0 0;
	color: #ee4899;
	font-size: 24px;
	letter-spacing: -1px
}

.policy {
	color: #878787;
	font-size: 11px;
	padding: 5px 0 0 0
}

.policy i {
	vertical-align: middle
}

.seoblock.b8 .policy {
	color: #fff;
	opacity: 0.7
}

.log-pas {
	font-size: 16px
}

.log-pas input[type=text],
.log-pas input[type=password] {
	padding: 4px 5px
}

.log-pas input[type=submit] {
	border: none;
	cursor: pointer
}

.log-pas input[type=submit]:hover {
	opacity: 0.8
}

.old-works {
	clear: both;
	text-align: center;
	padding: 30px 0
}

.old-works a {
	display: inline-block;
	text-align: center;
	opacity: 0.7;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	background: #ff42a0;
	padding: 7px 20px;
	color: #fff;
	font-size: 26px;
	text-decoration: none
}

.old-works a:hover {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	background: #de2581
}

.kart_kont {
	float: right;
	width: 314px;
	border-radius: 10px;
	moz-border-radius: 10px;
	padding: 10px 4px 10px 40px;
	margin: -55px 0 0 30px;
	font: bold 14px Arial, Helvetica, sans-serif;
	background: #efefef no-repeat left center
}

.bugblock {
	padding: 30px 400px 30px 30px;
	font-size: 18px;
	background: #a6c8a5 url("bugimg.jpg") no-repeat top right;
	border-radius: 2px;
}

.calls_txt {
	font-size: 15px;
	padding: 15px;
	font-style: italic;
}

.calls_elem {
	margin: 0 33%;
}

.svg {
	padding-right: 10px;
}

.list li {
	font-size: 16px;
}

.nextss a {
	transform: rotate(0deg) translate(20px, 0px);
	-webkit-transform: rotate(0deg) translate(20px, 0px);
	-moz-transform: rotate(0deg) translate(20px, 0px);
	-o-transform: rotate(0deg) translate(20px, 0px);
	-ms-transform: rotate(0deg) translate(20px, 0px);
}

.nextss a {
	width: 20px;
	height: 20px;
	float: left;
	padding: 14px !important;
	font-size: 0;
	position: fixed;
	top: 50%;
	background: url("arrow-r.png") no-repeat #fff center center !important;
	border-radius: 50% 0;
	box-shadow: 0 0 5px 0px #FF42A0;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.prevss a {
	width: 20px;
	height: 20px;
	float: left;
	padding: 14px !important;
	font-size: 0;
	position: fixed;
	top: 50%;
	background: url("arrow-l.png") no-repeat #fff center center !important;
	border-radius: 50% 0;
	box-shadow: 0 0 5px 0px #FF42A0;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.prib {
	background: url("pr_img.jpg") no-repeat right bottom;
	margin: 0 -45px 0 0;
	padding-top: 60px;
	height: 334px;
}

.prib h2 {
	max-width: 50%;
	color: #37aeba;
}

.prib h2 span {
	color: #92e5ff;
}

.prib h4 {
	max-width: 50%;
	font-weight: bold;
	font-size: 18px;
}

.prib h4 span {
	color: #ee4899;
}

.hrshadow2 {
	background: url("bgshadow.jpg") repeat-x left top;
	height: 31px;
	margin: 0px -45px 5px -45px;
}

.prib .btn {
	padding: 45px 0 0 0;
}

/*.prib .btn a {display:inline-block; text-transform:uppercase;font-size:14px; font-weight: bold; }*/
.prib .btn a.get {
	background: #ef5aa1;
	padding: 15px 25px;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
}

.prib .btn a.portf {
	color: #2ab4d4;
	margin: 0 0 0 15px;
}

.prib.geo {
	background: url("pr_img2.jpg") no-repeat 90% top;
	margin: 0 -45px 0 0;
	padding-top: 60px;
	height: 270px;
}


.logo_top {
	background: #f9f9f9 url("logo_t.jpg") no-repeat left top;
	border: 1px solid #ee4899;
	border-radius: 6px;
	color: #ee4899;
	font-size: 18px;
	font-weight: bold;
	width: 360px;
	float: right;
	padding: 10px 10px 10px 100px;
	margin-bottom: 30px;
}

.logo_top span {
	font-size: 44px;
	vertical-align: middle;
	line-height: 1.2;
}

.item_ya {
	clear: both;
}

.item_ya .lcol {
	float: left;
	width: 30%;
}

.item_ya .rcol {
	float: right;
	width: 70%;
}

.item_ya .rcol p {
	color: #abafb3;
	font-size: 16px;
	font-style: italic;
	padding: 10px 0 0 0;
	float: right;
	width: 50%;
}

.item_ya .rcol p a {
	color: #abafb3;
}

.item_ya .rcol h2 {
	width: 50%;
	float: left;
}

.item_ya ul li {
	background: none;
	padding: 0 0 12px 0;
	font-size: 18px;
}

.item_ya .body {
	padding: 10px 0 0 0;
}

.item_ya .body .lcol {
	width: 47%;
}

.item_ya .body .lcol ul li {
	position: relative;
}

.item_ya .body .lcol ul li span {
	background: #fff;
	z-index: 1;
	position: relative;
	padding: 0 10px 0 0;
}

.item_ya .body .lcol ul li:after {
	content: " ";
	background: url("wf_bg.jpg") repeat-x left bottom;
	position: absolute;
	bottom: 12px;
	right: 0;
	width: 100%;
	height: 2px;
	/*z-index:1;*/
}

.item_ya .body .rcol {
	width: 50%;
}

.item_ya .body .rcol ul li {
	font-weight: bold;
	color: #ee4899;
}

.ourwork_container h2 {
	text-align: center;
}

.ow_body {
	background: #f2f2f2;
	padding: 50px 45px 0 45px;
	margin: 0 -45px;
}

.ow_body .col-md-4 {
	width: 33.3%;
	float: left;
}

.ow_body i {
	color: #ef5aa1;
	font-size: 45px;
}

.ow_body::after,
.bit .box::after {
	display: block;
	clear: both;
	content: "";
}

.ow_body .item {
	text-align: center;
	padding: 0 15px;
}

.why_us_body {
	padding: 50px 0;
}

.why_us_body i {
	color: #ef5aa1;
	font-size: 45px;
}

.why_us_body::after {
	display: block;
	clear: both;
	content: "";
}

.why_us_body .item {
	text-align: center;
	padding: 0 5px;
}

.why_us_body h2 {
	margin-bottom: 10px;
}

.whatyouget .ow_body {
	background: #fff;
	padding: 0 45px 10px 45px
}

.whatyouget .ow_body .col-md-4 {
	min-height: 180px;
}

.whatyouget .ow_body p {
	font-size: 16px !important;
	padding: 5px 15px 30px 0;
	color: #676a6d;
}

.whatyouget .ow_body h3 {
	font-size: 18px;
	font-style: normal;
	color: #000;
	font-weight: bold;
}

.whatyouget span {
	background: #ef5aa1;
	font-weight: bold;
	padding: 10px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 22px;
}

.freeconsult {
	background: #f2f2f2;
	padding: 30px 45px 50px 45px;
	margin: 50px -45px;
}

.bgwork {
	padding: 0 0 40px 0;
}

.cases {
	/* border-top: 2px solid #ccc; */
	padding: 10px 0 30px 0;
	text-align: center;
	font-size: 18px;
}

.phone_link {
	text-decoration: none;
	color: inherit;
}

.phone_link:hover {
	text-decoration: none;
	color: inherit;
}

.itemsbuh {
	padding: 20px 0;
}

.itemsbuh .oneitem {
	clear: both;
	padding: 20px 0 0 0;
}

.itemsbuh .col-pic {
	width: 20%;
	float: left;
	text-align: center;
}

.itemsbuh .col-pic img {
	max-width: 90%;
}

.itemsbuh .col-descr {
	width: 75%;
	float: left;
	padding: 0 0 0 5%;
}

.itemsbuh a.pink {
	background: #ff42a0;
	padding: 10px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	line-height: 64px;
	border-radius: 4px;
}

.itemsbuh a.pink:hover {
	background: #de2581;
}

.itemsbuh .price {
	font-weight: bold;
	padding: 15px 0 0 0;
	font-size: 18px;
}

.osntext .itemsbuh h2 {
	margin: 0 0 10px 0;
}

.itemsbuh .oneitem_inner {
	clear: both;
	padding: 20px 0 0 0;
}

.itemsbuh .oneitem_inner .col-descr {
	width: 60%;
	float: left;
	padding: 0 4%;
}

.itemsbuh .oneitem_inner .col-price {
	width: 20%;
	float: left;
	padding: 0;
	border: 1px solid #d6dbe0;
	border-radius: 3px;
	padding: 0 20px;
	text-align: center;
}

.itemsbuh .short_descr {
	padding: 0 0 12px 0;
	border-bottom: 1px solid #d6dbe0;
}

.itemsbuh .long_descr {
	padding: 12px 0 0 0;
}

.itemsbuh .long_descr ul li {
	background: none;
	padding: 0 0 10px 0;
}

.itemsbuh .long_descr ul li i {
	color: #ff42a0;
	margin-right: 10px;
}

.itemsbuh .under {
	padding: 40px 0 0 0;
}

.privl1 {
	padding: 50px 0;
}

.privl1 h2 {
	text-align: center;
	/* color: #ef5aa1;    text-align: center;    font-family: 'Open Sans',sans-serif;    font-size: 30px;    padding: 0px 0 40px;*/
}

.privl1::after {
	display: block;
	clear: both;
	content: "";
}

.privl1 i {
	color: #ef5aa1;
	font-size: 45px;
}

.privl1 div {
	text-align: Center;
}

.privl1 div span {
	display: block;
	padding: 20px 0 0 0;
	font-size: 18px;
}

.b_block img {
	margin: 15px 0;
}

.b_block span.chif {
	background: #ef5aa1;
	font-weight: bold;
	border-radius: 100%;
	width: 44px;
	height: 44px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	vertical-align: middle;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.b_block p {
	font-size: 16px;
}

.b_block p.big {
	display: block;

	vertical-align: middle;
	padding: 10px 15px 15px 55px;
	margin-bottom: 20px;
}

.b_block .p0 p.big {
	padding: 0;
}

.b_block::after {
	display: block;
	clear: both;
	content: "";
}

.b_block .btn_order {
	float: right;
}

.b_block .st {
	float: left;
	font-size: 30px;
	padding: 10px 0 0 0;
}

.b_block {
	padding: 50px 0 0 0;
}

.b_block ul.top {
	max-width: 90%;
}

.b_block ul.top li {
	background: none;
	padding: 0 0 10px 0;
}

.b_block ul.top li i {
	color: #ef5aa1;
}

.b_block .how {
	padding: 25px 0;
}

.nopadtop {
	padding-top: 0 !important;
}

.ow_body.pre {
	padding: 35px 45px 35px 45px;
}

.bit .tarifs ul {
	min-height: 200px;
	padding: 0;
}

.tarifs {
	padding: 0 10px 0 0;
}

.rekom span {
	font-weight: bold;
}

.target .btn_order {
	text-align: center;
	padding: 0 0 50px 0;
}

.col-custom {
    width: 25%;
    float:unset;
}
.row-custom{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.col-md-2 {
	width: 20%;
	float: left;
}

.col-md-3 {
	width: 25%;
	float: left;
}

.col-md-4 {
	width: 33.3%;
	float: left;
}

.col-md-6 {
	width: 50%;
	float: left;
}

.mobile_descr {
	display: none;
}

.formats .col-md-6>i {
	color: #ef5aa1;
	font-size: 45px;
}

@media screen and (min-width: 1020px) {

	.menu_buttt,
	.footer_phone,
	.menus,
	.header_phones {
		display: none;
	}

}

/*tg_seo_page*/
.tg_seo_page {
	padding: 20px 0 0 0;
}

.tg_seo_page *,
.tiu_page * {
	box-sizing: border-box;
}

.tg_header_banner {
	background: url("tg_header.jpg") no-repeat right top;
	min-height: 270px;
	padding-top: 30px;
}

.tg_header_banner .txt {
	width: 505px;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 0px 40px 1px rgba(134, 134, 134, 0.2);
	font-size: 14px;
	color: #4C4C4A;
	line-height: 1.6;
	position: relative;
}

.tg_header_banner .txt:before {
	content: "";
	position: absolute;
	background: url("tg_icon.svg") no-repeat;
	width: 29px;
	height: 40px;
	position: absolute;
	top: -20px;
	left: 45%;
}

.tg_why {
	min-height: 351px;
	background: url("tg_bg1.jpg") no-repeat;
	margin: 40px -45px 0 -45px;
	text-align: center;
	padding-top: 40px;
}

.tg_why .numbers {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 10px 0;
	align-items: center;
}

.tg_why h2 {
	padding-top: 10px;
}

.tg_why .txt1 {
	font-weight: bold;
}

.tg_why .numbers .mln {
	color: #007B9A;
	font-weight: bold;
	font-size: 28px;
}

.tg_why .numbers .img {
	padding: 0 15px;
}

.tg_why .numbers .txt3 {
	max-width: 282px;
	text-align: left;
}

.tg_why hr {
	background-color: #E0E0E0;
	border: 0;
	height: 1px;
	margin: 20px auto;
	width: 90%;
}

.tg_why .txt2 b span {
	color: #ef5aa1;
}

.tg_what {
	padding-top: 50px;
	text-align: center;
}

.tg_what .items {
	padding-top: 40px;
}

.tg_what_item {
	background: #fff;
	padding: 0 20px;
	box-shadow: 0px 0px 40px 1px rgba(134, 134, 134, 0.2);
	margin: 0 15px 60px 15px;
	height: 135px;
}

.tg_what_item .pic img {
	margin-top: -30px;
}

.tg_etaps {
	text-align: center;
}

.tg_etaps_item {
	max-width: 80%;
	margin: 0 auto;
}

.tg_etaps_item .number {
	background: #007B9A;
	border-radius: 4px;
	-webkit-transform: skew(-20deg);
	width: 50px;
	height: 34px;
	margin: 0 auto;
}

.tg_etaps_item .number span {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	-webkit-transform: skew(20deg);
	display: block;
}

.tg_etaps_item h3 {
	font-size: 16px;
	padding: 15px 0 5px 0;
}

.tg_etaps_item .line {
	height: 34px;
	width: 1px;
	background: #C4C4C4;
	margin: 5px auto 10px auto;
}

.fig_form {
	padding-top: 50px;
	text-align: center;
}

.fig_form h3 {
	font-size: 24px;
}

.fig_form h3 span {
	display: block;
	color: #EF5AA1;
}

.fig_form h3 span.nostroke {
	display: inline;
	color: #EF5AA1;
}

.fig_form_container {
	width: 70%;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
	box-shadow: 0px 0px 40px 1px rgba(134, 134, 134, 0.2);
}

.fig_form_container input {
	display: block;
	height: 60px;
	background: #f5f5f5;
	padding: 25px;
	border: none;
	margin-bottom: 10px;
	width: 100%;
}

.fig_form_container input::placeholder {
	color: #9d9d9d;
	font-size: 16px;
}

.fig_form_container input.pink {
	background: #EF5AA1;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	padding: 0;
}

.fig_form_container input.pink:hover {
	background: #d33781;
}

.tiu_header_banner {
	text-align: center;
}

.tiu_header_banner .tiu_top {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 10px 0;
	align-items: center;
}

.tiu_header_banner .tiu_top div {
	font-weight: bold;
	font-size: 24px;
	color: #4C4C4A;
	text-align: center;
}

.tiu_items h3 {
	font-size: 18px;
	max-width: 70%;
	margin: 20px auto 0 auto;
	color: #4C4C4A;
}

.tiu_what {
	text-align: center;
	padding: 30px 45px;
	background: #F8F8F8;
	margin: 50px -45px;
}

.tiu_what_item {
	min-height: 150px;
	padding-top: 10px;
}

.tiu_what_item .pic {
	width: 60px;
	height: 60px;
	margin: 0 auto 10px auto;
}

.tiu_prices {
	text-align: center;
}

.tiu_price_item {
	border: 1px solid #D1D7DD;
	padding: 20px;
	height: 412px;
}

.tiu_price_item.noborder {
	border-left: none;
	border-right: none;
}

.tiu_price_item.noborder1 {
	border-top: none;
}

.tiu_price_item hr {
	background-color: #E0E0E0;
	border: 0;
	height: 1px;
	margin: 10px auto;
	width: 90%;
}

.tiu_price_item .pic {
	margin: 15px 0;
}

.tiu_price_item h3 {
	color: #4C4C4A;
	font-size: 22px;
}

.tiu_price_item .price {
	font-size: 18px;
	font-weight: bold;
}

.tiu_price_item .price span {
	font-size: 16px;
	font-weight: normal;
	text-decoration: line-through;
	padding-left: 15px;
}

.tiu_price_item .txt {
	color: #657C8A;
	height: 80px;
}

.tiu_price_item .btn {
	padding-top: 40px;
}

.tiu_price_item .btn input {
	display: block;
	height: 46px;
	background: #007B9A;
	border: none;
	width: 150px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	margin: 0 auto;
}

.tiu_price_item .btn input:hover {
	background: #EF5AA1;
}

.b3 .col h3 {
	padding-bottom: 0;
}

.warning {
	width: 85%;
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	color: #a94442;
	background: #f2dede;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #ebccd1;
	margin-bottom: 20px;
}

.c_price {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.c_price td,
th {
	border: 1px solid #595959;
	padding: 3px;
	width: 30px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
}

.c_price th {
	color: #3c3c3c;
	background-color: #f1f1f1;
}

.price_txt {
	text-align: left;
	padding: 10px;
}

.zakaz {
	background: #ef5aa1;
	padding: 15px 25px;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	display: inline-block;
}

.b24_pic {
	float: left;
	width: 45%;
	margin-right: 5%;
}

.b24_pic img {
	max-width: 100%;
}

.b24_right {
	width: 50%;
	float: left;
	margin: 10px 0px 0 0;
	font-size: 16px;
	line-height: 26px;
}

.bitrix24 {
	padding: 30px 0 0 0;
}

.show1 {
	float: left;
	width: 400px;
	font-size: 16px;
	padding: 20px 0px 10px 70px;
}

.show2 {
	font-size: 16px;
	padding: 20px 0px 10px;
	float: right;
	width: 400px;
}

@media screen and (max-width:1020px) {
	body {
		font-size: 18px;
	}

	.webim_notification_div,
	.webim_notification_div .webim_notification_text {
		display: none
	}

	.foot:before {
		content: '';
		display: table;
		clear: both
	}

	#pozvonim-button,
	#pzv-btn-wrapper {
		display: none !important
	}

	.header_phones {
		display: block;
		position: relative;
		color: #ef5aa1;
	}

	.header_phones .filers {
		padding: 10px 0px 0px 40px;
	}

	.header_phones a {
		display: block;
		color: #5d5b5b;
		text-decoration: none;
		padding: 14px 20px 14px 0px;
		display: block;
		font-size: 24px;
		letter-spacing: 1px;
		position: relative;
	}

	.topcont .rostov,
	.deviz,
	.greybot .sch,
	.blogstat .stat .text,
	.blogstat .stat,
	.seositesearch,
	.hrshadow,
	.custom,
	.submenu,
	.old_phone,
	.webfront-sm,
	.foot,
	.copy .footer_phone {
		display: none;
	}

	.clickmenu {
		display: block;
	}

	.toplogo .logo img {
		width: 200px;
	}

	.flex_menu {
		display: flex;
		flex-direction: column;
	}

	/* .menu_buttt {
		position: fixed;
		font-size: 0;
		display: block;
		top: 0;
		right: 100%;
		margin-right: -50px;
		width: 50px;
		background: #fff;
		text-align: center;
		height: 50px;
		float: none;
		clear: both;
		z-index: 999;
	}

	.menu_buttt:before {
		content: '';
		display: block;
		width: 30px;
		margin: 11px auto 0;
		height: 8px;
		border-top: 4px solid #5c5c5c;
		border-bottom: 4px solid #5c5c5c;
		transition: all .8s ease;
	} */

	/* .menu_buttt:after {
		content: '';
		display: block;
		width: 30px;
		margin: 4px auto 0;
		height: 4px;
		border-bottom: 4px solid #5c5c5c;
		transition: all .8s ease;
	}

	.menu_buttt.mob-open:before {
		content: '';
		display: block;
		width: 30px;
		height: 30px;
		margin: 11px auto 0;
		border-top: none;
		border-bottom: none;
		transition: all .8s ease;
		background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.36%207.02l5.34-5.34L12.36.34%207.02%205.68%201.68.34.34%201.68l5.34%205.34-5.34%205.342%201.34%201.34%205.34-5.34%205.34%205.34%201.34-1.34-5.34-5.34z%22/%3E%3C/svg%3E);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.menu_buttt.mob-open:after {
		display: none;
	} */

	.mainbg,
	.topcont {
		width: 100%;
		margin: 0 auto;
		max-width: 1000px;
	}


	.topcont {
		height: auto;
		background: white;
	}

	.webim_button {
		position: absolute !important;
		top: 54px;
		right: 0;
		bottom: 100% !important;
		display: none
	}

	.toplogo .logo {
		padding: 0;
		float: none;
		text-align: center;
	}

	.toplogo .rightpart {
		float: none
	}

	.toplogo .nav {
		display: none
	}

	.toplogo .rightpart .menu ul li a,
	.submenu a {
		font-size: 18px
	}

	.submenu .akt {
		padding: 0px 0 2px 10px
	}

	.osntext .bigtext {
		font-size: 14px;
		padding: 10px 0;
		border-bottom: 1px solid #ccc
	}

	.bigtext .onecol,
	.bigtext .twocol,
	.bigtext .threecol {
		float: none;
		width: auto;
		text-align: center;
	}

	.smtext {
		display: none
	}

	.ourworks .zag .nashi {
		float: none;
		width: auto;
	}

	.ourworks .zag h2 {
		font-size: 24px;
		text-align: center;
		padding: 20px 0 0 0;
	}

	.ourworks .zag .all {
		display: none;
	}

	.ourworks .zag h2 img {
		display: none !important;
	}

	.ourworks .pics {
		text-align: center;
		padding-top: 0;
	}

	.ourworks .pics .one img,
	.ourworks .pics .two img {
		margin-bottom: 0;
		border: none;
		max-width: 80%;
	}

	.ourworks .pics .one,
	.ourworks .pics .two {
		margin: 0;
		float: none;
		display: inline-block;
		vertical-align: top;
		width: auto;
		font-size: 18px;
		margin: 0 0 25px 0;
	}

	.blogstat .stat {
		float: none;
		width: 100%
	}

	.blogstat .blog .text {
		padding: 0
	}

	.mainicons ul.da-thumbs1 li {
		float: none;
		display: inline-block;
		width: 49%;
		height: auto;
		margin: 0;
		padding: 0;
		vertical-align: top
	}

	.mainicons ul.da-thumbs li a,
	.mainicons ul.da-thumbs li a img {
		width: 100%;
		height: auto
	}

	.mainicons ul.da-thumbs li {
		width: 50%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.item-pageportfolio_all img,
	.item-pageportfolio_all p img,
	.osntext img {
		max-width: 100%;
		height: auto
	}

	div>ymaps {
		width: 100% !important;
		height: auto
	}

	.mainicons ul.pagenav {
		float: none;
		display: block
	}

	.foot {
		padding: 0
	}

	.foot .adr {
		float: none;
		padding: 20px 0 0 0;
		text-align: center
	}

	.greybot {
		width: 100%
	}

	.callme .cme .call_container,
	.callme .cme1 .call_container {
		width: 98%;
		left: 0% !important;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.callme .cme .call_container h2,
	.callme .cme1 .call_container h2 {
		font-size: 1.4em;
	}

	.mainicons {
		padding: 0px 16px;
	}

	.bugblock {
		padding: 30px;
		background: #a6c8a5;
	}

	.menus .menu a {
		color: #5a5656;
		text-decoration: none;
		padding: 14px 20px 14px 40px;
		display: block;
		font-size: 24px;
		letter-spacing: 1px
	}

	.menus li {
		border-bottom: 1px solid #ffffff;
	}

	.menus .one3 {
		padding: 14px 20px 14px 40px;
		margin: 0 35px;
		text-align: center;
		max-width: 286px;
		background: #ef5aa1;
		color: #FFFFFF;
		border-radius: 9px;
	}

	.menu {
		display: none
	}

	.menus {
		position: fixed;
		left: -100%;
		top: 0;
		bottom: 0;
		background: #ffffff;
	}

	.menus img {
		margin: 10px auto 10px 35px;
		display: block;
	}

	.menus .menu {
		display: block;
	}

	.menus .menu li {}

	.menu li strong {
		background: #ffffff;
		color: #e4b7dd;
		display: block;
		text-decoration: none;
		padding: 14px 20px 14px 40px;
		display: block;
		font-size: 24px;
		letter-spacing: 1px;
	}

	.blogstat .blog .text,
	.oneblockgrey h3 a,
	.grblock_portf1,
	.item-pageportfolio_all h3 {
		font-size: 18px;
	}

	.blogstat .blog .zag h2 {
		font-size: 24px;
		border-top: 1px solid #ccc;
		padding-top: 15px;
	}

	.blogstat .blog .zag h2 img {
		display: none !important;
	}

	.greybot .copy {
		font-size: 18px;
		text-align: center;
		padding: 0;
	}

	.greybot .copy p {
		padding: 10px 0;
		text-align: center !important;
	}

	.toplogo .rightpart .deviz {
		display: none !important;
	}

	.topcont .callme .tel3,
	.costf {
		left: 0;
		margin: auto;
		right: 0;
		height: 100% !important;
		position: fixed;
		top: 0 !important;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 11;
	}

	.close_m {
		top: 1rem;
		right: 1rem;
	}

	.topcont .callme .tel3 #callform,
	.costf form {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 80%;
		height: 60%;
	}

	h1,
	.grblock h2 {
		font-size: 22px;
	}

	.prodv_banner h2 {
		display: none;
	}

	.prodv_banner h3 {
		width: 220px;
		padding: 80px 0 0 0;
		font-size: 14px;
	}

	.prodv_banner h4 {
		padding: 5px 0 0 0;
		font-size: 14px;
	}

	.prodv_banner .btn {
		left: 15px;
	}

	.prib {
		background: none;
		height: auto;
		padding-top: 0;
		margin: 0;
	}

	.prib h2,
	.prib h4 {
		max-width: 90%;
	}

	.prib h4 {
		padding: 0;
	}

	.prib .btn {
		padding: 20px 0;
	}

	.prib .btn a.portf {
		display: none;
	}

	.prib .btn a.get {
		font-size: 18px;
	}

	.logo_top {
		width: auto;
	}

	.logo_top span {
		font-size: 18px;
	}

	.item_ya img {
		max-height: 80px !important;
	}

	.item_ya .body {
		margin: 0 0 0 -52%;
	}

	.item_ya .rcol p,
	.item_ya .rcol h2 {
		float: none;
		width: 100%;
	}

	.item_ya .rcol {
		width: 65%;
	}

	.item_ya h2 {
		font-size: 26px;
	}

	.item_ya .body .rcol {
		width: 37%;
	}

	.item_ya .body .lcol {
		width: 57%;
	}

	.item_ya {
		padding-bottom: 20px;
	}

	.ow_body {
		margin: 0 -15px;
		padding: 30px 15px;
	}

	.freeconsult,
	.bgwork {
		display: none;
	}

	.whatyouget .ow_body {
		padding: 0;
	}

	.whatyouget .ow_body .col-md-4 {
		min-height: 240px;
	}

	.ow_body .col-md-4 {
		width: 50%;
		min-height: 200px;
	}

	.ow_body p {
		font-size: 16px !important;
	}

	.ourwork_container h2 {
		padding: 0 0 20px 0;
	}

	.ow_body i {
		font-size: 35px;
	}

	.whatyouget span {
		width: 20px;
		font-size: 16px;
		line-height: 20px;
		height: 20px;
	}

	.osntext .itemsbuh h2 {
		font-size: 1.4em;
	}

	.col-md-6,
	.col-md-4,
	.col-md-2 {
		width: 100%;
		float: none;
	}

	.bit .tarifs ul {
		min-height: 0;
	}

	.bit .box {
		margin: 20px -15px;
		padding: 20px 15px;
	}

	.bit .box h2 {
		padding: 25px 0 0 0;
	}

	.mobile_descr {
		display: block;
		margin: 15px auto 5px auto;
		border: 4px solid #b2ece9;
		padding: 10px;
		font-weight: bold;
		text-align: center;
		color: #00bfb6;
		position: relative;
	}

	.mobile_descr:before {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #b2ece9;
		border-bottom: 10px solid transparent;
		right: 50%;
		bottom: -23px;
	}

	.mobile_descr:after {
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fff;
		border-bottom: 10px solid transparent;
		right: 50%;
		bottom: -18px;
	}

	.scrl {
		display: none !important;
	}

	.b1 .lcol,
	.b1 .rcol,
	.b3 .col {
		width: 100%;
		float: none;
	}

	.b1 .rcol {
		background: #f7f7f7;
		padding: 20px;
		margin: 0 0px;
	}

	.seoblock.b4 {
		background-position: 27% 100%;
		margin: 0 -16px;
	}

	.seoblock a.pink {
		padding: 10px 10px;
		font-size: 15px;
		display: inline;
	}

	.seoblock.b4 h3 {
		padding-bottom: 0;
	}

	.b5 ul li {
		float: none;
		width: 100%;
	}

	.b7 {
		margin: 0;
	}

	.b7 .col.b,
	.b7 .col {
		float: none;
		width: 100%;
	}

	.b8 {
		margin: 20px 0;
		height: auto;
	}

	.b9 .col {
		float: none;
		width: 100%;
	}

	.b9 h2,
	.b9 .col h3 {
		padding-bottom: 0;
	}

	.b10 {
		margin: 0 -16px 15px -16px;
		height: auto;
	}

	.b10 .b10_content {
		padding: 360px 0 0 20px;
	}

	.prodv_banner {
		margin: 0px -16px;
	}

	.prodv_banner_container {
		padding: 15px;
	}

	.pricecreative .oneb {
		float: none;
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding: 20px 0 5px 0;
	}

	.fourblocks h3 {
		padding-bottom: 0;
	}

	.btn_order a {
		display: block;
		text-align: center;
		font-size: 20px;
	}

	/*tg_seo_page*/
	.tg_header_banner {
		padding-top: 260px;
	}

	.tg_header_banner .txt {
		width: 100%;
		margin: 0 auto;
	}

	.tg_why {
		margin: 40px -15px;
		background-size: cover;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.tg_why .numbers .txt3 {
		max-width: 182px;
	}

	.tg_what_item {
		margin: 0 0px 40px 0px;
		height: auto;
		padding: 20px;
	}

	.fig_form_container {
		width: 100%;
		padding: 40px 20px;
	}

	/*tiu*/
	.tiu_items h3 {
		max-width: 100%;
	}

	.tiu_header_banner .tiu_top div {
		font-size: 18px;
	}

	.tiu_what {
		margin: 25px -15px;
	}

	.tiu_price_item {
		border: 1px solid #D1D7DD !important;
	}

	.hrshadow2 {
		margin: 0 -16px;
	}

	.grblock h2 {
		padding: 15px 0 0 0;
		clear: both;
	}

	.logotip img.glav {
		padding: 0;
		float: none;
	}

	.logotip .r {
		padding-left: 0;
	}

	.what {
		width: 100%;
	}

	.item-pagerekomend img {
		max-width: 100% !important;
		height: auto;
	}

	.oneitem_inner {
		min-height: 800px;
	}

	.itemsbuh .oneitem_inner .col-pic {
		width: 35%;
		float: left;
		margin-right: 5%;
		margin-top: -20px;
		text-align: center;
	}

	.itemsbuh .oneitem_inner .col-descr {
		width: 90%;
		position: absolute;
		padding: 140px 0 0 0;
		float: none;
	}

	.itemsbuh .oneitem_inner .col-price {
		width: 60%;
		padding: 0;
	}

	.oneitem_inner .price_txt {
		padding: 0;
	}

	.itemsbuh .oneitem h2 {
		font-size: 20px;
	}

	.grblock_portf {
		margin: 0;
	}

	.ourwork_container .ow_body .col-md-3 {
		width: 50%;
	}

	.prib.geo {
		background: url("pr_img2.jpg") no-repeat 130% top;
		margin: 0;
		padding-top: 60px;
		height: 320px;
	}

	.b24_pic {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.b24_right {
		width: 100%;
		float: none;
	}

	.vk .lc .text {
		padding: 0;
	}

	.show1,
	.show2 {
		float: none;
		padding: 0;
		width: 100%;
	}

	.vk .dos .n {
		width: 50%;
		padding-left: 0;
		min-height: 305px;
	}

	.vk .lc img {
		float: none;
	}
}

#format {
	position: relative;
}

.scrl {
	position: fixed !important;
	width: 300px;
	/*height: 400px;*/
	background: #fff;
	-webkit-box-shadow: -1px 2px 11px -4px rgba(0, 0, 0, 0.47);
	box-shadow: -1px 2px 11px -4px rgba(0, 0, 0, 0.47);
	top: 0;
	right: 0;
	z-index: 10000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	direction: ltr;
}

.scrl .row {
	display: flex;
	flex-direction: column;
}

.scrl .row .col-md-6 {
	width: 100%;
	float: none;
	display: flex;
	flex-direction: column;
}

.scrl {
	padding: 5px 0 0 10px !important;
}

.scrl h2 {
	display: none;
}

.formats.scrl .col-md-6>i {
	font-size: 25px;
}

.osntext .scrl p {
	padding: 10px 0 5px 0;
}

.b_block.scrl ul.top li.akt {
	background: #f5bed8;
}


.osntext .bigtext {
	display: none;
	/* Удалить с главной этот блок */
}


.mobile-top-nav {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 58px;
	left: 0px;
	z-index: 100;
	top: 0px;
	position: fixed;
	background: #FCFCFC;
}

.menu_buttt {
	width: 58px;
	height: 58px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("burger-btn.svg");
	background-position: center;
	background-repeat: no-repeat;
}

.wf-logo {
	padding-left: 15px;
}

.flex-box {
	display: flex;
	justify-content: end;
	align-items: center;
}

.flex-box .whatsapp {
	height: 22px;
	width: 22px;
	display: flex;
	margin-right: 30px;
}

.flex-box .menu_buttt {
	right: unset !important;
	margin-right: unset !important;
}

.contacts-container {
	display: flex;     flex-direction: column;
	
}
.contacts-container .contact-item {
	display:flex; flex-direction: row;width: 100%; padding:15px 0 0 0;
}
.contacts-container .contact-item .col1 { width:20%;}
.contacts-container .contact-item .bb {font-size:30px; text-decoration:none;}
.contacts-container .contact-item .phone_link { text-decoration:none;}
.contacts-container .contact-item img {vertical-align:middle;}


@media (min-width: 1021px) {
	.mobile-top-nav {
		display: none;
	}

	.seo-banner {
		display: none;
	}
	.header-links{
		display: none;
	}
}


@media (max-width: 1020px) {
	.contacts-container .contact-item {
		flex-direction: column;
	}
	.contacts-container .contact-item .col1 {width:100%;}
	.i-active{
		display: flex;
		padding: 10px 15px;
		background-color: #02A3CC;
		font-size: 14px;
		color:#fff;
	}  

	.scroll-container .one3{
		margin-bottom: 15px!important;
	}

	.mainicons{
		margin-top: 60px;
	}

	.toplogo {
		display: none;
	}

	.menus {
		left: -105%;
		z-index: 1000;
		width: 50% !important;
	}

	.menus img {
		margin: 16px 15px;
	}

	.scroll-container{
		max-height: calc(100vh - 58px);
		overflow-y: scroll;
	}

	.menus .menu a,
	.flex_menu_horizontal.foo {
		font-family: 'Arial';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 18px;

		color: #4C4C4A;
		padding: 10px 15px;
	}

	.click-arrow-nav {
		position: absolute;
		display: block;
		width: 10px;
		height: 6px;
		right: 16px;
		background-image: url("arrow-nav.svg");
		background-position: center;
		background-repeat: no-repeat;
		transform: rotate(180deg);
	}

	.click-arrow-nav.active {
		transform: unset;
	}

	.sub-nav {
		display: none !important;
	}

	.sub-nav.clickmenu {
		display: block !important;
	}

	.clickmenu a {
		font-family: 'Arial';
		font-style: normal;
		font-weight: 400;
		font-size: 14px !important;
		line-height: 16px;
		/* identical to box height */


		color: #717171 !important;
	}

	.header-links ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 40px 0 0 0;
	}

	.header-links ul li {
		padding: 0 20px;
	}

	.header-links ul li a {
		font-family: 'Arial';
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 21px;
		/* identical to box height */

		text-align: center;
		text-decoration-line: underline;

		color: #4C4C4A;
	}

	.clickmenu {
		margin-top: 10px;
	}

	.flex_menu_horizontal.foo {
		position: relative;
	}


	.flex_menu_horizontal.foo a.not-padding {
		padding: 0;
	}

	.header_phones .filers {
		padding: 10px 0px 0px 15px;
	}

	.header_phones a {
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 18px;

		color: #4C4C4A;
		padding: 10px 0px;
	}

	.menus .one3 {
		max-width: 194px;

		margin: 10px 15px 0 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 48px;
		padding: 0;

		background: #ef5aa1;
		color: #fff;
		border-radius: 9px;
	}

	.close-nav {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px !important;
		width: 16px;
		height: 16px;
		background-image: url("close-nav.svg");
	}

	.menu_open .nav-short {
		display: block;
		position: fixed;
		z-index: 999;
		width: 100%;
		top: 0;
		height: 100%;
		background: rgba(0, 0, 0, 0.3);
	}

	.seo-banner {
		display: block;
		height: 422px;
		position: relative;
		width: 100%;
		margin-top: 58px;
		background: linear-gradient(90deg, #B0777D 0%, #EDA0A8 100%);
	}

	.seo-banner-title {
		position: absolute;
		width: 176px;
		height: 60px;
		left: 15px;
		top: 52px;

		font-family: 'Arial';
		font-style: normal;
		font-weight: 700;
		font-size: 24px;
		line-height: 28px;
		text-align: right;

		color: #FFFFFF;
	}

	.seo-banner-img {
		position: absolute;
		display: block;
		/* width: 238px;
		height: 422px; */
		bottom: -2px;
		right: 0;
		z-index: 2;
	}

	.seo-price-row {
		display: block;
		position: absolute;
		top: 127px;
		left: 0;
		width: 100%;
		z-index: 1;
		height: 88px;
		background: #FF4646;
		padding: 17px 15px;
		font-family: 'Arial';
		font-style: normal;
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;

		color: #FFFFFF;
	}

	.ourworks{
		padding-top: 20px;
	}

	.seo-banner-form form {
		width: 100%;
	}

	.seo-banner-form {
		position: absolute;
		bottom: 20px;
		z-index: 3;
		display: flex;
		padding: 0 15px;
		width: 100%;
		min-width: 320px;
		justify-content: start;
	}

	.seo-banner-form input {
		display: flex;
		border: unset;
		height: 40px;
		margin-top: 15px;
		padding: 0 15px;
		max-width: 320px;
		width: 100%;
		outline: 0;
		background: #F5F5F5;
	}

	.seo-banner-form .butt:hover {
		background: #de2581;
	}

	.seo-banner-form .butt {
		background: #EF5AA1;
		border-radius: 4px;
		justify-content: center;
		font-family: 'Arial';
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 16px;
		/* identical to box height */

		text-align: center;
		text-transform: uppercase;

		color: #FFFFFF;
	}
}

@media(max-width:614px){
	.header-links ul li{
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}

	.header-links ul li:last-child{
		padding-bottom: 0;
	}

	.header-links ul li a{

	}
	.blogstat {
		width: 100%;
		float: none;
	}
}

@media (max-width:575px){
.col-custom {
        width: 50%;
    }
	.menus {
		width: 80% !important;
	}
}
@media (max-width:480px){
    .col-custom {
        width: 100%;
    }
}
@media (max-width: 1020px) and (min-width:768px) {
	.seo-banner-title br {
		display: none;
	}

	.seo-banner-title {
		width: auto;
		font-size: 30px;
	}

	.seo-price-row br {
		display: none;
	}

	.seo-price-row {
		display: flex;
		align-items: center;
		font-size: 24px;
	}
}