@charset "utf-8";

/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansRegularItalic"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
    src: url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
    url("fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: normal;
}
/* font-family: "OpenSansLight"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansLight/OpenSansLight.eot");
    src: url("fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
    url("fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}
/* font-family: "OpenSansItalic"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansItalic/OpenSansItalic.eot");
    src: url("fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
    url("fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300;
}
/* font-family: "OpenSansSemiBold"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
    src: url("fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
    url("fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
}
/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
    src: url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
    url("fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 600;
}
/* font-family: "OpenSansBold"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansBold/OpenSansBold.eot");
    src: url("fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}
/* font-family: "OpenSansBoldItalic"; */
@font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
    src: url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
    url("fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: 'Yeseva One';
    src: url('fonts/YesevaOne/yesevaone-regular-webfont.eot');
    src: url('fonts/YesevaOne/yesevaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/YesevaOne/yesevaone-regular-webfont.woff2') format('woff2'),
         url('fonts/YesevaOne/yesevaone-regular-webfont.woff') format('woff'),
         url('fonts/YesevaOne/yesevaone-regular-webfont.ttf') format('truetype'),
         url('fonts/YesevaOne/yesevaone-regular-webfont.svg#yeseva_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
/* clear */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background-position:0 0; background-repeat:no-repeat;
border:0 none;
font-size: 100%; font-style:inherit; font-weight:inherit;
margin:0; padding:0;
text-align:left; vertical-align:baseline;
}
a img, :link img, :visited img { border:0 none; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; }
/* end clear */

/*!* Bootstrap v3.3.5 (http://getbootstrap.com)* Copyright 2011-2016 Twitter, Inc.* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*//*!* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=aa8e6ba9a796c266ab68)* Config saved to config.json and https://gist.github.com/aa8e6ba9a796c266ab68*//*!* Bootstrap v3.3.6 (http://getbootstrap.com)* Copyright 2011-2015 Twitter, Inc.* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}figure {margin: 0;}.container {margin-right: auto;margin-left: auto;padding-left: 10px;padding-right: 10px;}@media (min-width: 640px) {.container {width: 100%;}}@media (min-width: 780px) {.container {width: 100%;}}@media (min-width: 1360px) {.container {width: 1360px;padding-left: 10px;padding-right: 10px;}}.row {margin-left: -10px;margin-right: -10px;}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-left: 10px;padding-right: 10px;}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}.col-xs-12 {width: 100%;}.col-xs-11 {width: 91.66666667%;}.col-xs-10 {width: 83.33333333%;}.col-xs-9 {width: 75%;}.col-xs-8 {width: 66.66666667%;}.col-xs-7 {width: 58.33333333%;}.col-xs-6 {width: 50%;}.col-xs-5 {width: 41.66666667%;}.col-xs-4 {width: 33.33333333%;}.col-xs-3 {width: 25%;}.col-xs-2 {width: 16.66666667%;}.col-xs-1 {width: 8.33333333%;}@media (min-width: 640px) {.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}.col-sm-12 {width: 100%;}.col-sm-11 {width: 91.66666667%;}.col-sm-10 {width: 83.33333333%;}.col-sm-9 {width: 75%;}.col-sm-8 {width: 66.66666667%;}.col-sm-7 {width: 58.33333333%;}.col-sm-6 {width: 50%;}.col-sm-5 {width: 41.66666667%;}.col-sm-4 {width: 33.33333333%;}.col-sm-3 {width: 25%;}.col-sm-2 {width: 16.66666667%;}.col-sm-1 {width: 8.33333333%;}}@media (min-width: 920px) {.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}.col-md-12 {width: 100%;}.col-md-11 {width: 91.66666667%;}.col-md-10 {width: 83.33333333%;}.col-md-9 {width: 75%;}.col-md-8 {width: 66.66666667%;}.col-md-7 {width: 58.33333333%;}.col-md-6 {width: 50%;}.col-md-5 {width: 41.66666667%;}.col-md-4 {width: 33.33333333%;}.col-md-3 {width: 25%;}.col-md-2 {width: 16.66666667%;}.col-md-1 {width: 8.33333333%;}}@media (min-width: 960px) {.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}.col-lg-12 {width: 100%;}.col-lg-11 {width: 91.66666667%;}.col-lg-10 {width: 83.33333333%;}.col-lg-9 {width: 75%;}.col-lg-8 {width: 66.66666667%;}.col-lg-7 {width: 58.33333333%;}.col-lg-6 {width: 50%;}.col-lg-5 {width: 41.66666667%;}.col-lg-4 {width: 33.33333333%;}.col-lg-3 {width: 25%;}.col-lg-2 {width: 16.66666667%;}.col-lg-1 {width: 8.33333333%;}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {content: " ";display: table;}.clearfix:after,.container:after,.container-fluid:after,.row:after {clear: both;}.center-block {display: block;margin-left: auto;margin-right: auto;}

/* slick */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* end slick */
/* owl carousel */
/* *  Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}

@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeOut { 0% { opacity: 1;} 100% { opacity: 0;} }
/* * 	Owl Carousel - Auto Height Plugin */
.owl-height {  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
/**  Core Owl Carousel CSS File*/
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item { position: relative; min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-item img { display: block;width: 100%;-webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto;-moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
/* No Js */
.no-js .owl-carousel { display: block;}
/* end owl carousel */

html, body { height: 100%; width: 100%; }
body {
	color: #42515A;
	font-family: "Open Sans", sans-serif;
	font-size: 0.9375em;
	font-weight: 300;
	letter-spacing: 0px;
}
h1, .h1, .home-title { color: rgb(66, 81, 90); font-size: 36px; font-family: "Yeseva One", "Times New Roman", serif; font-weight: 500; line-height: 1.2; margin: 0 0 1em; /*text-align: center; */}
h2, .h2 { font-family: 'Yeseva One', cursive; font-size: 22px; line-height: 1.1; margin-bottom: 0.75em; }
h3, .h3 { font-size: 1.5em; font-weight: 600; line-height:1.3; margin-bottom:0.5em;}
h4, .h4{ font-size: 1.2em;line-height:1.25;margin-bottom:1.25em;}
h5, .h5{ font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6, .h6{ font-size:1em;font-weight:bold;}
a, a:hover, a:focus { color:#303030; }
a:focus, *:focus { outline: none;}

strong, b { font-weight:bold;}
em, dfn, i { font-style:italic;}
dfn { font-weight:bold;}

sup, sub { line-height:0; font-size:0.7em;}
sup { vertical-align:super; }
sub { vertical-align:sub; }

p { margin: 0 0 1.33em;}
.content-text {
	max-width: 960px;
}
ul, ol { list-style-position: outside; padding: 0;}
li ul, li ol { margin: 1em 1.5em; padding: 0;}
ul { list-style-type: disc; margin: 0 0 1em 1em;}
ol { list-style-type: decimal; margin: 0 0 1em 1.5em;}
li { margin: 0 0 10px; padding: 0;}
ul li { padding: 0 0 0 1em;}

hr {
	/*background: url(img/hr.png) repeat-x;*/
	border: 0 none;
	height: 12px;
	margin: 35px auto;
	max-width: 100%;
	opacity: 0.5;
	width: 1243px;
}

button { background: transparent; border: 0 none;}

blockquote { color:#24a7a5; display: inline-block; font-family: 'Yeseva One', cursive; font-size: 2.25em; line-height: 1.2em; margin: 1em 0; padding: 0 95px; position: relative;}
blockquote:before, blockquote:after { background: url(img/sprite_main.png) no-repeat 100% 100%; display: block; height: 40px; position: absolute; width: 53px;}
blockquote:before { background-position: 0 -152px; content: ''; left: 0; top: -12px;}
blockquote:after { bottom: -12px; background-position: -54px -151px; content: ''; right: 0;}

.table-wrap { margin-bottom: 1.5em; padding: 0 0 5px; overflow-x: auto;}
table { margin-bottom: 1.5em; width:100%;}
.table-wrap > table { margin-bottom: 0;}
th, td, caption {
    empty-cells: hide;
    padding: 1em;
    vertical-align: top;
}
img { display: inline; height: auto; max-width: 100%; vertical-align: top;}

.clear { clear:both; line-height:0; font-size:0; }
.tar { text-align:right; }
.tac { text-align:center; }
.tal { text-align:left; }
.tup { text-transform: uppercase;}
.t_small { font-size: 0.875em;}
.t_large { font-size: 1.125em;}
.t_big { font-size: 1.25em;}
.t_xlarge { font-size: 1.75em;}
.t_xxlarge { font-size: 2.58em;}
.t_lh1 { line-height: 1;}
.t_yeseva { color: #42515a; font-family: 'Yeseva One', cursive;}
.t_blue { color: #00c0e9;}
.left {	float: left;}
.right {	float: right;}
.strong { font-size: 16px;}
.bold { font-weight: 700;}
.fw_medium { font-weight: 600;}
.ff_open { font-family: 'Open Sans', sans-serif;}
.text-center { text-align: center;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.center { text-align: center; }

.ie8 { display: none !important;}
.personal-data {
	font-size: 0.75em;
	margin: 10px 0;
	text-align: center;
}

.paginator {
	font-size: 16px;
	line-height: 1;
	margin: 1.5em 0;
	text-align: center;
}
.paginator span, .paginator a {
	display: inline-block;
	font-weight: 400;
	margin: 3px;
	padding: 0 10px;
	vertical-align: top;
}
.paginator a, .paginator a:hover {
	text-decoration: none;
}
.paginator a:hover {
	color: #00c0e9;
}
.paginator .active {
	color: #00c0e9;
	font-family: "Yeseva One", "Times New Roman", serif;
	font-size: 1.125em;
}

.owl-carousel .owl-item img { display: inline-block; height: auto; width: auto;}

.container { margin: 0 auto; width: 1240px;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

.title--24 {
	font-size: 24px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.25;
	text-align: left;
}
.title--32 {
	font-size: 32px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.3;
	text-align: left;
}
.text-18 {
	font-size: 18px;
}

/*template*/
.all-wrap { display: table; height: 100%; position: relative; table-layout: fixed; width: 100%;}
.main-wrap, .footer-wrap{ display: table-row; width: 100%;}
.main-wrap { height: 95%;}
.footer-wrap { height: auto; min-height: 5%; position: relative;color: #fff;}

/* header */
header {
	background: #000;
	padding-bottom: 20px;
}
.header-after {
    /*background: url(img/header-after.png) repeat-x;*/
    height: 10px;
    margin: 0;
    opacity: 1;
    position: relative;
    top: -1px;
    width: 100%;
}
.logo {
	display: inline-block;
	margin-top: 25px;
	margin-right: 30px;
	vertical-align: top;
}
.phone-block {
	display: inline-block;
	margin-top: 35px;
	vertical-align: top;
}
.phone-icon {
	display: inline-block;
	background: url(img/icon-1.png) 0px 0px;
	height: 30px;
	width: 20px;
	vertical-align: top;
    margin-right: 20px;
    margin-top: 3px;
}
.phone-text {
	display: inline-block;
	color: #DEDEDE;
	line-height: 1;
	font-size: 13px;
}
.phone-text--number {
	font-size: 18px;
	margin-top: 3px;
	font-weight: 500;
}
   
.phone-text--contac{
	color: white;
	text-decoration: none;
	}
	
.phone-text--contac:hover {
	color: white;
	text-decoration: none;
	}


/* main-menu */
.hamburger {
	cursor: pointer;
	display: none;
}
.main-menu {
	margin-top: 20px;
	display: inline-block;
	float: right;
}
.main-menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: justify;
}
.main-menu > ul  div { text-align: center;}
.main-menu > ul > li {
	color: #fff;
	display: inline-block;
    margin: 0 0 0 20px;
	text-align: center;
	width: 100px;
}
.main-menu > ul > li a {
	color: #fff;
	display: inline-block;
	font-size: 0.93em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}
.main-menu > ul > li a:before {
    background: url(img/icon-1.png);
	content: "";
    display: block;
    height: 36px;
    margin: 0 auto 10px auto;
    width: 36px;
}
.main-menu > ul > li a.active:before, .main-menu > ul > li a:hover:before {
	background: url(img/icon-2.png);
}
.main-menu > ul > li a.active, .main-menu > ul > li a:hover, 
.main-menu > ul > li a.active:before, .main-menu > ul > li a:hover:before {
	color: #00c0e9;;
}
.main-menu > ul > li a.services:before {
    background-position: -195px -41px;
}
.main-menu > ul > li a.price:before {
    background-position: -145px -41px;
}
.main-menu > ul > li a.portfolio:before {
    background-position: -100px -41px;
}
.main-menu > ul > li a.reviews:before {
	background-position: -42px -37px;
	height: 38px;
	width: 45px;
}
.main-menu > ul > li a.about_us:before {
	background-position: 0px -38px;
}
.main-menu > ul > li a.contacts:before {
    background-position: -393px -3px;
    width: 28px;
}
/* end main-menu */
/* top-menu */
.top-menu { margin: 1.5em 0;}
.breadcrumbs + div >.top-menu { margin: -1em 0 1em; }
.top-menu ul { display: table; list-style: none; margin: 0; padding: 0; text-align: center; width: 100%; }
/*.top-menu ul li { display: table-cell; line-height: 1.2; margin: 0; padding: 0 1em; text-align: center; vertical-align: middle; }
.top-menu ul li a { color: #42515a; font-weight: 500; text-decoration: underline; }*/
.top-menu ul li { display: inline-block; font-family: "Yeseva One", "Times New Roman", serif; 	font-size: 1.25em; margin: 5px 10px; max-width: 200px; padding: 0; text-align: center; vertical-align: middle; }
.top-menu ul li a { color: #a0a7ac; display: inline-block; padding: 15px 0; position: relative; text-align: center; text-decoration: none; }
.top-menu ul li a:hover, .top-menu ul li a.active { color: #00C0E9; text-decoration: none; }
.top-menu ul li a.active:after {
	/*background: url(img/wave.png) left top;*/
	content: "";
	display: inline-block;
	left: 0;
	height: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}
/* end top-menu */
/* end header */


/*.home-banner__inner { margin: 0 auto; max-width: 100%; width: 1090px;}*/
.home-banner__inner {
    margin: 0 auto;
    max-width: 100%;
    width: 1090px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-banner__left, .home-banner__right { display: inline-block; margin-top: 55px; vertical-align: top;}
.home-banner__left {
	text-align: center;
    width: 500px;
}
.home-banner__right {
	float: right;
    width: 462px;
}

.banner-subtitle {
	font-size: 20px;
	font-family: "Open Sans";
	color: #42515a;
	line-height: 1.2;
	margin-bottom: 10px;
}

@media (max-width: 640px) {
	.home-banner__inner {
		margin: 0 auto;
		max-width: 100%;
		width: 1090px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
}

.banner-form {
	margin: 0;
}

.banner-form input, .banner-form textarea {
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 0;
	max-width: 460px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 1.8;
	::-webkit-input-placeholder { font-size: 18px; color: rgb(152, 152, 152);}
	::-moz-placeholder          { font-size: 18px; color: rgb(152, 152, 152);}
	:-moz-placeholder           { font-size: 18px; color: rgb(152, 152, 152);}
	:-ms-input-placeholder      { font-size: 18px; color: rgb(152, 152, 152);}
}
.banner-form .input { margin-top: 15px;}
.banner-form  .input_submit { margin-top: 25px;}
.banner-form button {
	font-family: "Open Sans", sans-serif;
	margin-top: 0;
	width: 100%;
}

.banner-form input:focus {
	outline: none;
    border-bottom: 1px solid;
}


.numbers-block {
	text-align: center;
    /*width: 19.5%;*/
    width: 30%;
    padding: 0;
    margin: 0;
    color: rgb(66, 81, 90);
    font-family: 'Yeseva One', "Times New Roman", serif;
    display: inline-block;
    vertical-align: top;

}
.numbers-block a { text-decoration: none;}
.numbers-block a:hover { text-decoration: underline;}
.numbers-block--text1, .numbers-block--text2, .numbers-block--text3 { text-align: center;}
.numbers-block--text1 {
	font-size: 65px;
	line-height: 1;
}
.numbers-block--text2 {
	font-size: 24px;
	line-height: 1.8;
}
.numbers-block--text3 {
	font-family: "Open Sans", sans-serif;
	font-size: 1.07em;
	line-height: 1.5;
}

.numbers-block--text4 {
	font-family: "Open Sans", sans-serif;
  font-size: 1.07em;
  line-height: 1.2;
  margin-top: 20px;
  text-align: center;
}

#reviews, #new-projects {
	width: 1200px;
	margin: 0 auto;	
}
.owl-block {
	width: 1060px;
	margin: 0 auto;
}
.owl-block2 {
	width: 980px;
	margin: 0 auto 50px auto;
}
.reviews-title {
	font-size: 24px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
	line-height: 1.2;
	margin: 10px 0 5px;
}
.reviews-subtitle {
	margin: 0 0 5px;
	font-size: 16px;
	font-family: "Open Sans";
	color: rgb(48, 48, 48);
}
.reviews-img {
	display: inline-block;
	vertical-align: top;
	width: 30%;
}
.reviews-text {
	display: inline-block;
	vertical-align: top;
	width: 65%;
	float: right;

}

.reviews-link {
	font-size: 16px;
	font-family: "Yeseva One" , "Times New Roman", serif;
	color: rgb(0, 192, 233);
	line-height: 1.2;
	text-decoration: none;
}


.reviews-link:hover {
	text-decoration: underline;
}

.owl-nav > div {
    background-image: url(img/owl-nav.png);
	width: 33px;
    height: 33px;
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block!important;
}

.owl-prev {
    background-position: 0 -35px;
    left: -50px;
}
.owl-prev:hover {
	background-position: 0 0px;
}
.owl-next {
    background-position: 100% -35px;
    right: -50px;
}
.owl-next:hover {
	background-position: 100% 0px;
}

.project-title {
	font-size: 32px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.2;
	color: rgb(66, 81, 90);
	margin-top: 0;
}
.project-img {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.project-text {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	float: right;

}
.project-subtitle {
	font-size: 22px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
}
.owl-nav > div {
	top: 50%;
}
.owl-block2 .item {
	display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%); /* Для Firefox */
    -ms-transform: translate(-50%,-50%); /* Для IE */
    -webkit-transform: translate(-50%,-50%); /* Для Safari, Chrome, iOS */
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.about-us__text-block {
    display: inline-block;
	margin: 0 -2px;
	padding: 0 15px;
	vertical-align: top;
    width: 50%;
}
.about-us__title {
	font-size: 32px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
	line-height: 1.2;
}
.about-us__subtitle {
	font-size: 20px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
	line-height: 1.2;
}
.startjoin_form {
	margin: 1em 0;
	max-width: 400px;
}

.footer-before {
    /*background: url(img/footer-before.png) center bottom repeat-x;*/
    bottom: -1px;
    height: 10px;
    margin: 0;
    width: 100%;
    opacity: 1;
    position: relative;
	z-index: 3;
}
.footer {
    padding: 30px 0;
	position: relative;
	z-index: 2;
	color: #fff;
	background: #000;
}
.footer .container {
	width: 940px;
	max-width: 100%;
}

@media (max-width: 1000px) {
	.footer .container {
		padding-right: 60px;
	}
}

@media (max-width: 480px) {
	.footer .container {
		padding-right: 0;
	}
}

.footer a,
.footer a:active,
.footer a:hover,
.footer a:focus {
	color: inherit;
}
.footer-columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.footer-columns__column {
	padding-right: 30px;
}
.footer-columns__column:last-child { 
	padding-right: 0;
}

@media (max-width: 680px) {
	.footer-columns {
		display: block;
	}
	
	.footer-columns__column {
		display: inline-block;
		vertical-align: top;
	}
	
	.footer-columns__column_contacts {
		display: block;
		margin: 30px 0 0;
		padding: 0;
	}
}
.footer-menu {
	display: inline-block;
	vertical-align: top;
	padding-right: 60px;
}
@media (max-width: 768px) {
	.footer-menu {
		padding-right: 30px;
	}
}
.footer-menu:last-child { 
	padding-right: 0;
}

.footer-menu__list {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
}
.footer-menu__list:last-child {
	margin-bottom: 0
}
.footer-menu__list li {
	display: block;
	list-style: none;
    margin: 5px 0;
	padding: 0;
	width: auto;
}
.footer-menu a {
	border-bottom: 1px solid rgba(255,255,255,0);
	text-decoration: none;	
	transition: border 0.4s;
}
.footer-menu .is-active > a,
.footer-menu a:hover,
.footer-menu a:focus {
	border-bottom-color: #fff;
}
.footer-menu__title {
	display: block;
	margin: 0 0 0.75em;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.15;
}

.footer-phone-block {
	margin: 0 0 15px;
}

@media (max-width: 680px) {
	.footer-phone-block {
		display: inline-block;
		vertical-align: top;
	}
}

.footer__info-link {
	display: block;
	margin: 10px 0;
    font-size: 14px;
    line-height: 1.2;
    color: rgb(223, 223, 223);
}

.footer__info-link a {
	padding-bottom: 1px;
	border-bottom: 1px solid rgb(223, 223, 223);
	text-decoration: none;
	transition: border 0.4s;
}

.footer__info-link a:hover,
.footer__info-link a:focus {
	border-bottom-color: rgba(255,255,255,0);
}

.solinks { 
	margin: 20px 0;
}

@media (max-width: 680px) {
	.footer-phone-block {
		margin-right: 15px;
	}
	
	.solinks {
		display: inline-block;
		vertical-align: top;
		margin: 5px 0 15px;
	}
}

.solinks__el { 
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 5px 0;
}

.footer-bottom {
	margin-top: 40px;
}

@media (max-width: 680px) {
	.footer-bottom {
		margin-top: 20px;
	}
}


.breadcrumbs { margin: 0 0 30px;}
.breadcrumbs ul {
	margin: 0;
	padding: 1.2em 0;
	text-align: center;
}

.breadcrumbs ul li {
	display: inline-block;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumbs ul li.divider{
	color: #999999;
	margin: 0 40px;
}
.breadcrumbs ul li {
	color: #00C0E9;
	font-size: 0.933em;
	font-style: italic;
}
.breadcrumbs ul li a {
	color: #999999;
	text-decoration: none;
}
.breadcrumbs ul li a:hover {
	text-decoration: underline;
}
.breadcrumbs hr { margin: 0 auto; }

.main-content { margin-top: 30px; padding-bottom: 35px;}

.reviews-page {
	width: 920px;
	margin: 0 auto;
	font-size: 16px;
	font-family: "Open Sans";
	color: rgb(48, 48, 48);
}
.reviews-page hr {
	width: 920px;
}
.reviews-page .reviews-title {
	font-size: 36px;
	margin-bottom: 5px;
}
.reviews-page .reviews-subtitle {
	margin-bottom: 25px;
}
.reviews-page .reviews-img {
	width: auto;
	max-width: 240px;
}
.reviews-page .reviews-text {
	width: 670px;
}
.reviews-page .reviews-subtitle {
 	font-size: 20px;
	margin-top: 0;
}

/* news page */
.news-wrap {
	font-size: 16px;
	margin: 0 auto;
	max-width: 920px;
}
.news-wrap hr {
	width: 100%;
}
.news-item__name {
	color: #42515a;
	display: block;
	font-family: "Yeseva One","Times New Roman",serif;
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	text-decoration: none;
}
a.news-item__name:hover, a.news-item__name:focus {
	color: #42515a;
	text-decoration: none;
}
.news-item__date {
	font-size: 0.875em;
	margin: 10px 0;
}
.news-item__img {
	display: block;
	float: left;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 220px;
}
.news-item__img img {
	height: auto;
	max-height: 220px;
	max-width: 100%;
	width: auto;
}
.news-item__img + .news-item__text {
	margin-left: 240px;
}
.news-item__text p {
	text-align: justify;
}
.news-item__more { 
	border-bottom: 1px solid transparent;
    color: #00c0e9;
    font-family: "Yeseva One",cursive;
    text-decoration: none;
}
.news-item__more:hover {
	border-bottom-color: #0bcaf3;
	color: #00c0e9;
}

/* end news page */

.portfolio-page {
	width: 1090px;
	margin: 0 auto;
}
.sort-1 {
	 height: 30px;
}
   
.sort-1 a {
	font-size: 24px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgba(66, 81, 90, 0.502);
	text-decoration: none;
  
}
.sort-1 a.active {
	color: rgb(0, 192, 233);
}
.sort-1 a:hover {
	text-decoration: underline;
}
.sort-1 .left {
	float: left;
	margin-right: 45px;
}
.sort-1 .right {
	float: right;
	margin-left: 45px;
}
.sort-2 {
	margin: 45px 0;
	/*text-align-last: justify;*/
	text-align-last: center
}

.sort-2 a {
	font-size: 16px;
	font-family: "Open Sans";
	color: rgb(66, 81, 90);
	text-decoration: none;
	margin-right: 20px;
	line-height: 40px;
}
.sort-2 a:hover {
	text-decoration: underline;
}

.sort-2 a.active {
	border: 2px solid rgb(66, 81, 90);
	border-radius: 30px;
	padding:5px  20px;
	font-weight: 400;
}
.portfolio-items {
	text-align: justify;
    text-align-last: justify;
}
.portfolio-item {
	width: 470px;
	display: inline-block;
	margin: 0 0 30px;
    vertical-align: top;
}
.portfolio-img {
	background: url('img/portfolio-item-fon.jpg');
	text-align: center;
	text-align-last: center;
    padding-top: 15px;
    height: 270px;
}
.portfolio-items.solution .portfolio-img {
	background: unset;
}
.portfolio-img  img { height: auto; max-height: 225px; max-width: 360px; width: auto; }

.portfolio-links a {
	font-size: 16px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
	margin: 30px 40px;
	text-decoration: none;
}
.portfolio-links a:hover {
	color: rgb(0, 192, 233);
}
.portfolio-name {
	margin: 20px 0 0 0;
	font-size: 16px;
    text-align: center;
    text-align-last: center;
}
hr.top-hr {
	margin: 0 auto;
}

.price-page .banner-form .input {
	margin-top: 20px;
}
.price-page .banner-form input {
	margin-top: 0;
}
.price-page .banner-form .input_submit {
	margin-top: 30px;
}

.price-page .banner-form button {
	font-size: 24px;
	margin-top: 0;
}

.price-page .home-banner__left {
    margin-top: 20px;
    margin-right: 50px;
    text-align: left;
    width: 570px;
}
.price-page .home-banner__right {
	margin-top: 20px;
}

.price-page .banner-title {
    margin-bottom: 25px;
    line-height: 1;
}
.price-page #home-banner {
    margin-bottom: 60px;
}
.price-page__center-text {
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}
.table-price {
	margin: 30px auto;
	position: relative;
	table-layout: fixed;
	width: 1160px !important;
}
.table-price  thead {
	font-size: 16px;
	color: #42515A;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
.table-price tr td {
	width: 180px;
	padding: 20px;
	position: relative;
    z-index: 9;
}
.table-price tbody tr td {
	border-right: 1px solid #EBEBEB;
}
.table-price tr td:first-child {
	width: 240px;
}

.table-price:after {
	content: "";
    background: #f2f2f2;
    position: absolute;
    width: 220px;
    right: 0;
    height: 100%;
    top: 0;
}
.table-price tbody tr:first-child, .table-price tbody tr:nth-child(2n+1){
	background: url(img/table-bac.jpg);
    position: relative;
}
.table-price tbody tr td:last-child {
	font-weight: bold;
}

.galka {
    background: url(img/galka.png) no-repeat;
    height: 16px;
    display: inline-block;
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.minus {
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.right-absolut {
	position: absolute;
	width: 180px;
	margin-top: 20px;
}
#banner-reclama {
	margin: 0 auto;
	width: 1140px;
}
#banner-reclama .form-title_red {
    font-size: 18px;
    padding-top: 40px;
}

.x-list {
	font-size: 18px;
	margin-top: 40px;
}
.x-list li {
	list-style: none;
	margin: 20px 0;
}
.x-list li:before {
    content: "";
    background: url(img/x-list.png);
    width: 43px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}
#banner-reclama .home-banner__action {
	width: 346px;
}
#banner-reclama .home-banner__right {
	margin-top: 0;
	width: 346px;
}
#banner-reclama .home-banner__left {
	margin-top: 0;
	text-align: left;
	width: 640px;

}

#banner-reclama .banner-title {
	font-size: 3.33em;	
	line-height: 1;
}
#banner-reclama .banner-title + .banner-subtitle { margin-top: 1.5em;}

#banner-reclama-2, #banner-reclama-3 {
	width: 1170px;
	margin: 0 auto;
}
#banner-reclama-2 .banner-title, #banner-reclama-3 .banner-title{
	font-size: 38px;
	line-height: 1.15;
	text-align: left;
}
#banner-reclama-2 .banner-subtitle, #banner-reclama-3 .banner-subtitle {
	font-size: 24px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.25;
	text-align: left;
	margin-top: 26px;
}
#banner-reclama-2 .home-banner__left, #banner-reclama-3 .home-banner__left {
	padding-right: 20px;
	width: 620px;
}
#banner-reclama-2 .home-banner__left {
	margin-top: 0px;
}
#banner-reclama-2 .home-banner__right {
	margin-top: 0px;
}
#banner-reclama-2 .banner-form .input {
	margin-top: 25px;
}
#banner-reclama-2 .banner-form .input_submit {
	margin-top: 40px;
}

#banner-reclama-3 .banner-form button {
  font-size: 24px;
}
.col-4-block {
	margin: 40px auto 0;
	width: 1090px;
}
.col-4 {
	display: inline-block;
	font-size: 1.067em;
	line-height: 1.2;
	padding: 0 5px;
	text-align: center;
	vertical-align: top;
}
.col-4-block_smm { margin: 0 -10px; text-align: center; text-align-last: center;}
.col-4-block_smm .col-4 { display: inline-block; margin: 0 -2px; padding: 0 10px; width: 25%;}
.col-4-block__text {
	margin-top: 20px;
	text-align: center;
}
.col-4-block__text ul { list-style: none; margin: 0 0 0 0.5em;}
.col-4-block__text li { margin: 10px 0;}

#work-steps .col-4 { width: 24.5%;}
.seo-topblock .col-4 { margin-bottom: 1.5em;}
.seo-topblock { margin-bottom: 45px;}

.dotted-table {
    background: url(img/dotted.jpg) bottom center no-repeat;
	margin: 0 auto;
	width: 1150px;
}
.dotted-table__title {
	font-size: 22px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
	line-height: 1.3;
	margin-bottom: 10px;
}

.dotted-item {
	background: #fff;
    border: 3px dotted #6E7980;
    border-radius: 9px;
	display: inline-block;
	margin-bottom: 104px;
	max-width: 470px;
	padding: 30px 45px;
    width: 42%;
}
.dotted-item--right {
	float: right;
	margin-bottom: 0px;
	margin-top: 100px;
}

.all-col-table {
	font-size: 36px;
    font-family: "Open Sans";
    color: rgb(66, 81, 90);
    line-height: 0.5;
    text-align: left;
    -moz-transform: matrix( 0,-1,1,0,0,0);
    -webkit-transform: matrix( 0,-1,1,0,0,0);
    -ms-transform: matrix( 0,-1,1,0,0,0);
    position: absolute;
    white-space: nowrap;
    top: 420px;
    left: -80px
}
.col-2 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.red-strong {
  color: rgb(208, 0, 0);
  font-weight: bold;
}
.banner-form--1 {
	width: 460px;
	margin: auto;
}
.banner-form--1 button {
	font-size: 24px;
	line-height: 1.4;
	padding: 15px 0;
}
.banner-form--1 input {
	margin-top: 30px;
}
.home-banner__action--big {
	display: inline-block;
	font-size: 35px;
}

#banner-reclama .home-banner__action--2 {
	font-weight: bold;
    padding-top: 20px;
    height: 162px;
}
.col-4-block--2 {
	font-size: 0.9375em;
	margin-top: 35px;
	width: 100%;
}
.seo-book {
	height: 425px;
	background: url(img/seo-book.jpg) center no-repeat;
	background-size: 100%;
}
.seo-book__text {
    color: rgb(66, 81, 90);
    font-size: 0.93em;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    line-height: 1.7;
    padding: 40px 80px;
}
.seo-book__text ul {
	list-style: none;
    margin: 0 0 0 20px;
}
.seo-book__text ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
    vertical-align: top;
	width: 49%;
}
.seotrands-text { padding-left: 40px; padding-right: 50px;}

.table-price--2 {
    font-weight: normal;
	margin-left: auto;
	margin-right: auto;
    position: relative;
	width: 1024px;
}
.table-price--2 tr td {
	width: 190px;
    padding: 20px;
    position: relative;
    z-index: 9;
    border-right: 1px solid #EBEBEB;
}
.table-price--2 tr td:last-child {
	border-right: none;
}
.home-banner__left--text {
	margin-top: 0;
	font-size: 17px;
	text-align: left;
    width: 570px;
    margin-right: 50px;

}
.case-table td {
	padding: 10px;
	max-width: 300px;
    border: 0 none;
}

.case-counter img {width: auto !important;height: auto;vertical-align: middle;display: inline !important;}
.case-counter span { padding: 10px 20px; display:inline-block; background: #ebebeb;  margin: 10px; }
.case-counter i.dot { height:6px; width:6px; display:inline-block; background: #b7b7b7; border-radius:50%; color:#42515a; margin: 0 10px; }

.banner-form-block .banner__left {
	display: inline-block;
    width: 500px;
    vertical-align: top;
    padding: 0 30px;
}
.banner-form-block .banner__right {
	display: inline-block;
    width: 460px;
    vertical-align: top;
    padding: 0 30px;
    float: right;
}
.banner-form-block .banner-title {
	margin-bottom: 20px;
	font-size: 50px;
}
.banner-form-block .banner-form input{
	margin-top: 20px;
}
.banner-subtitle-1{
	font-size: 20px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.25;
}
.why-smm, .why-smm__img, .why-smm__title { text-align: center;}
.why-smm .why-smm__img {
	height: 160px;
}
.why-smm__title {
	font-size: 2.67em;
	font-family: "Yeseva One", "Times New Roman", serif;
	margin-top: 0.5em;

}
.why-smm__img {
	height: 80px;
}
.col-4--list {
	margin-top: -20px;
	padding-left: 15px;
	position: relative;
	text-align: left;
}
.col-4--list:after {
	content: "";
	background: url(img/arrow_down.jpg) no-repeat;
	position: absolute;
	width: 115px;
	height: 50px;
	right: -70px;
	top: 42%;
}

.col-4--list ul li {
	margin: 5px 0;
}
 .table-price--3 tr:nth-child(2n+1) {
    background: url(img/table-bac.jpg);
}
 .table-price--3 tr td {
 	width: auto;
}
.table-price--3 tr td:first-child {
	width: 490px;
}

.uslugi {
	text-align: center;
}
.usluga {
	display: inline-block;
	margin-bottom: 3em;
	max-width: 100%;
	text-align: center;
	width: 400px;
}
.usluga a, .usluga a:hover {
    color: #42515A;
}
.usluga a:hover {
    text-decoration: none; 
}
.uslugi-text {
	display:block;
	margin-top: 2em;
	text-align: center;
}

.col-2--uslugi {
	width: 40%;
	margin-left: 50px;
}
.works-table { width: auto;}
.works-table td {
	vertical-align: middle;
	padding: 5px 10px;
}
.works-table__item td:first-child {
	font-size: 22px;
	font-family: "Yeseva One", "Times New Roman", serif;
	text-align: right;
}
.works-table__button td { 
	padding: 25px 10px;
}
.works-col-3 {
	margin: 45px auto 35px;
	max-width: 100%;
	width: 1024px;
}
.works-col-3 td {
	padding: 0px 30px;
}
.works-col-3 .title {
	font-size: 1.467em;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
    margin: 0 0 0.9em; 
}
.work-item-slider {
	margin: 0 auto;
	max-width: 100%;
	width: 800px;
}
.work-item-slider__text {
	margin-top: 35px;
}
.contacts-1 {
	width: 980px;
	margin: 0 auto;
}
.contacts-1__subtitle {
	font-size: 28px;
	font-family: "Yeseva One", "Times New Roman", serif;
	text-align: center;
	margin-bottom: 25px;
}

/* контакты */
.base-contacts {
	font-size: 1.33em;
	margin-bottom: 25px;
}
.base-contacts-block {
	padding: 10px 20px;
}
.base-contacts-block_half {
	display: inline-block;
	margin-left: -2px;
	margin-right: -2px;
	vertical-align: top;
	width: 50%;
}
.base-contacts-block_form {
	text-align: right;
}
.base-contacts-contact-group {
	margin-bottom: 25px;
}
.base-contacts-contact {
	display: inline-block;
    line-height: 1.6;
	margin: 3px 15px 10px 0;
	padding-left: 50px;
	position: relative;
	vertical-align: top;
}
.base-contacts-contact:before {
    background: url(img/icon-contacts.jpg?v=1) no-repeat -100% -100%;
	content: '';
    display: block;
    height: 37px;
	left: 0;
	position: absolute;
	top: -3px;
    width: 38px;
}
.base-contacts-contact_big:before {
	top: 0;
}
.base-contacts-contact_phone:before {
	background-position: 0 0;
	left: 6px;
	width: 24px;
}
.base-contacts-contact_email:before {
	background-position: -36px 0px;
    width: 38px;
}
.base-contacts-contact_adress:before {
	background-position: -83px 0px;
	left: 3px;
	width: 31px;
}
.base-contacts-contact_postaddress:before {
	background-position: -118px 0px;
}
.base-contacts-contact_inn:before {
	background-position: 0 -38px;
	left: 6px;
	width: 26px;
}
.base-contacts-contact_user:before {
    background-position: -80px -39px;
}
.base-contacts__form-block {
	display: inline-block;
	font-size: 16px;
	max-width: 100%;
	width: 367px;
}

.contact-form-head {
	background: url(img/contact-form-head.jpg) no-repeat;
 	font-size: 15px;
    font-family: "Open Sans";
    color: #fff;
    text-transform: uppercase;
    line-height: 1.6;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    width: 100%;
	height: 130px;
    padding-top: 27px;
}

/* сотрудники */
.personal-table {
	margin-top: 10px;
	table-layout: fixed;
	width: 100%;
}
.personal-table  + .personal-table { margin-top: 50px;}
.personal-table td {
	padding: 0;
	width: 50%;
}
.personal-table thead td {
	font-size: 34px;
	font-family: "Yeseva One", "Times New Roman", serif;
	line-height: 1.2;
	text-align: center;
}
.personal-table p { margin: 20px 0;}
.personal-table__mail td {
	font-size: 18px;
	font-family: "Open Sans";
	color: rgb(0, 192, 233);
	line-height: 1.2;
	text-align: center;
	padding: 30px 0;
	font-weight: normal;
}
.personal-table__mail-icon {
	background: url(img/mail-icon.jpg);
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-right: 15px;
}

.personal-table .personal-table__person {
	padding: 20px 50px;
}
.personal-table .personal-table__person img {
	border-radius: 50%;
	display: inline-block;
	height: 142px;
	margin-right: 30px;
	width: 141px;
	vertical-align: middle;
}
.personal-table__contacts {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	width: 330px;
}
.personal-table__phone-icon {
	background: url(img/icon-contacts.jpg);
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 25px;
	margin-right: 15px;
	background-position: -45px 30px;
}
.personal-table__contacts--name {
	font-size: 26px;
	font-family: "Yeseva One", "Times New Roman", serif;
	color: rgb(66, 81, 90);
}
.personal-table__contacts--phone {
	font-size: 18px;
	font-weight: normal;
}
.personal-table__contacts--phone a {
	color: rgb(0, 192, 233);
	text-decoration: none;
}
.personal-table__contacts--phone a:hover {
	text-decoration: underline;
}

.yamap-wrap { padding-top: 30px; margin-bottom: -77px;}
.yamap { height: 440px; position: relative;}
.yamap__form-wrap { position: relative;}
.yamap__form { max-width: 100%; position: absolute; right: 25px; top: 110px; width: 430px; z-index: 2;}

.map-links { margin-bottom: 30px;	text-align: center; }
.map-links__el { color: #A0A7AC; cursor: pointer; display: inline-block; font-family: "Yeseva One", "Times New Roman", serif; 
	font-size: 1.5em; margin: 0 40px 10px; padding-bottom: 15px; text-decoration: none; }
	
.map-links__el.active { color: #00C0E9; position: relative;	text-decoration: none; }
.map-links__el.active:after {
	/*background: url(img/wave.png) left top; */
	content: "";
	display: inline-block;
	left: 0;
	height: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
}
.yamap_tab { display: none; height: 100%; width: 100%;}
.yamap_tab.show { display: block;}

.table-price--3 { width: 100%; }


.year-results * { text-align: center;}
.year-results { color: #303030; font-size: 0.933em; font-weight: 400; line-height: 1.71;}
.year-results__name { color: #42515a; font-family: 'Yeseva One', cursive; font-size: 3.9286em; margin-bottom: 0.2em;}
.year-results__descr { font-size: 1.2857em; line-height: 1.5;}

.year-results-blocks { padding: 45px 0 15px;}

.yrb-item{ display: inline-block; margin: 0 -2px 65px; padding: 0 10px; vertical-align: top; width: 25%;}

.yrb-item__accent { height: 140px; overflow: hidden;}
.yrb-item__digit, .yrb-item__digit-descr { color: #42515a; font-family: 'Yeseva One', cursive;}
.yrb-item__digit { font-size: 6.07em; line-height: 1;}
.yrb-item__digit-descr { font-size: 1.71em; line-height: 1; }

.yrb-item__descr { margin-top: 0; }
.yrs-item__name, .yrs-item__descr { color: #42515a; font-family: 'Yeseva One', cursive;}
.yrs-item__name {font-size: 2.2857em; }
.yrs-item__post { font-size: 1.2857em; font-weight: 300; margin-bottom: 1.8em;}
.yrs-item__descr { font-size: 1.57em; line-height: 1.2;}


.yrs-item { display: none;}
.yrs-item:first-child{ display: block;}
.slick-slider .yrs-item { display: block !important;}
.yrs-item-imgs{ margin-bottom: 1.5em;}
.year-results-slider { margin: 0 auto; max-width: 100%; padding: 0 145px;}
.yrs-item__img { background-color: #f1f1f1; border-radius: 50%; display: inline-block; height: 340px; position: relative; vertical-align: middle; width: 340px; z-index: 2;}
.yrs-item__img_human { background-repeat: no-repeat; background-position: center; background-size: cover;}
.yrs-item__img_sert { line-height: 260px; margin-left: -25px; padding: 40px;}
.yrs-item__img_human + .yrs-item__img_sert { margin-left: -25px; z-index: 1;}
.yrs-item__img_sert img { display: inline; height: auto; line-height: 1; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto; }

.yrs-item__title {color:#00c0e9; font-size: 24px;font-weight: 500;text-align: center; margin-top: 20px;}
.yrs-item__subtitle {font-size: 1.2857em; font-weight: 300; margin-bottom: 1.8em; text-align: center;}
.yrs-item__block {text-align: center;}
.yrs-item-images {margin-bottom: 0;}
.yrs-item__image { background-color: #fff; border-radius: 50%; display: inline-block; height: 330px; position: relative; vertical-align: middle; width: 330px; z-index: 2;}
.yrs-item__image_human { background-repeat: no-repeat; background-position: center; background-size: cover;}
.yrs-item__image_sert { line-height: 260px;  }
.yrs-item__image_human + .yrs-item__image_sert {  z-index: 1;}
.yrs-item__image_sert img { display: inline; height: auto; line-height: 1; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto; }




.slick-slide img { display: inline !important;}
.slick-arrow { 
    background: url('img/sprite_main.png') no-repeat transparent;
    background-image: url('img/sprite_main.svg'), -khtml-linear-gradient(transparent, transparent);
    background-image: url('img/sprite_main.svg'), -webkit-linear-gradient(transparent, transparent);
    background-image: url('img/sprite_main.svg'), url('img/sprite_main.png');
    background-image: url('img/sprite_main.svg'), linear-gradient(transparent, transparent);
    background-image: url('img/sprite_main.png'), -o-linear-gradient(transparent, transparent);
    background: url('img/sprite_main.png') no-repeat transparent\0/; /* IE8 hack */
    background-repeat: no-repeat, no-repeat;
    cursor: pointer; display: block; height: 33px; margin-top: -17px; opacity: 0.5; position: absolute; top: 50%; width: 33px; z-index: 500;}
.slick-arrow:hover { opacity: 1;}
.slick-prev { background-position: -16px 2px; left: 20px;}
.slick-next { background-position: -42px 2px; right: 20px;}

.slick-disabled { display: none !important;}


#accordion { font-size:14px; }
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-left, #accordion .ui-corner-tl { -moz-border-radius:0; }
#accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active, #accordion .ui-widget-header .ui-state-active,
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default,
#accordion .ui-state-hover, #accordion .ui-widget-content .ui-state-hover, #accordion .ui-widget-header .ui-state-hover, 
#accordion .ui-state-focus, #accordion .ui-widget-content .ui-state-focus, #accordion .ui-widget-header .ui-state-focus 
	{ /*border: none; background: none; */font-weight: normal;  color: #2B2A29; font-family: Calibri,Arial; }
#accordion h3 { font-size: 1.3em; line-height: 1.3; margin-bottom: 0.5em; /*border-bottom:1px dashed #2B2A29;*/ padding-left: 20px; }
#accordion .ui-widget-content { border:none; background:none; }
#accordion.ui-accordion .ui-accordion-header .ui-icon { left: 0 !important; }
#accordion div {/* border-bottom: 1px dashed #9A9A9A !important;*/ margin:0 0 10px 30px; padding:0 !important;}

#accordion3 { font-size:14px; }
#accordion3 .ui-corner-all, #accordion3 .ui-corner-top, #accordion3 .ui-corner-left, #accordion3 .ui-corner-tl { -moz-border-radius:0; }
#accordion3 .ui-state-active, #accordion3 .ui-widget-content .ui-state-active, #accordion3 .ui-widget-header .ui-state-active,
#accordion3 .ui-state-default, #accordion3 .ui-widget-content .ui-state-default, #accordion3 .ui-widget-header .ui-state-default,
#accordion3 .ui-state-hover, #accordion3 .ui-widget-content .ui-state-hover, #accordion3 .ui-widget-header .ui-state-hover, 
#accordion3 .ui-state-focus, #accordion3 .ui-widget-content .ui-state-focus, #accordion3 .ui-widget-header .ui-state-focus 
	{ border: none; background: none; font-weight: normal;  color: #2B2A29; font-family: Calibri,Arial; }
#accordion3 h2 {font-size:17.6px;margin-bottom:0.75em; font-weight:bold !important;color:#000; padding-left: 30px; }
#accordion3 .ui-widget-content { border:none; background:none; }
#accordion3.ui-accordion3 .ui-accordion3-header .ui-icon { left: 0 !important; }
#accordion3 div { border-bottom: 1px dashed #9A9A9A !important; margin:0 30px 10px; padding:0 !important;}


/* site development */

.button, .link-more { border-radius: 30px; border: 2px solid #42515a; color: #42515a; display: inline-block; 
    font-family: 'Yeseva One', cursive; font-size: 1.5em; line-height: 1; padding: 0.7em 1em; text-decoration: none; 
	-webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s;}
.button:hover, .button:focus, .link-more:hover, .link-more:focus  { border-color: #24a7a5; color: #24a7a5; }


.sectionzz_top, .sectionzz_bottom {
    padding: 35px 0;
    position: relative;
    margin: 0 auto;
}
.sectionzz_top:before, .sectionzz_bottom:after {
  	/*background: url('img/down-arrow.svg') 0 0 repeat-x transparent;*/
	content: '';
	height: 12px;
	left: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
.sectionzz_top:before { top: 0;}
.sectionzz_bottom:after { bottom: 0;}

.section_bq { padding: 10px 0 50px; text-align: center;}

.section { padding: 35px 0;}
.section_top { padding: 35px 0;}
.section_notop { padding-top: 20px;}
.section_nobottom { padding-bottom: 0;}

.mainblock_form { padding: 0 20px 0 5px;}
.mainblock_form_contra { padding: 0 0 0 5px;}
.mainblock_form h1, .mainblock_form .h1 { margin-bottom: 0.5em;}
.mainblock_form_contra h1, .mainblock_form_contra .h1 { margin-top: 0;}
.mainblock_form p { margin: 0 0 1em;}

/*.page-menu-wrap { background: transparent url('img/down-arrow.svg') left bottom repeat-x; margin-bottom: 0; padding-bottom: 40px; }*/
.page-menu { display: table; margin: 0; padding: 0 1em; table-layout: fixed; width: 100%;}
.page-menu li { display: table-cell; text-align: center; vertical-align: middle;}
.page-menu li a:hover, .page-menu li.active a{ color: #00c0e9; text-decoration: underline;}
.page-menu li.active a { font-weight: 600;}

/* forms */
/* errors */
.alert { display: block; color: #fff; font-weight: 500; margin: 2em 0 1em;  padding: 0.5em 1em; width: 100%;}
.alert-error{ background: #ce1d1d;}
.alert-success{ background: #37a13c;}
.input-error .input-form{ border-color: #ce1d1d;}

.form_wrapper, .form-with-titlered { background: #fff; margin: 0 auto; max-width: 800px;}
.form-with-titlered_small { max-width: 100%; width: 355px;}
.form-title { text-align: center;}
.form-title_red { 
    background: #cc0101; /* Old browsers */
    background: -moz-linear-gradient(left, #cc0101 0%, #cc0101 50%, #b10000 50%, #b10000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cc0101 0%,#cc0101 50%,#b10000 50%,#b10000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cc0101 0%,#cc0101 50%,#b10000 50%,#b10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0101', endColorstr='#b10000',GradientType=1 ); /* IE6-9 */
    color: #fff; font-weight: 600; margin: 0 auto; max-width: 465px; padding: 30px 20px; position: relative; text-transform: uppercase;
}
.form-title_red:before, .form-title_red:after, .yamap:before {
	/*background: url(img/bg_whitezz_top.png) repeat-x top center; */
	content: '';
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
}
.form-title_red:before, .yamap:before { top: 0;}
.form-title_red:after {
	/*background-image: url(img/bg_whitezz_bottom.png); */
	bottom: 0;
}
.form-with-titlered_onlyred .form-title_red {
	background: #b10000;
}
.form-title-text {padding: 50px 20px;text-align: center; font-size: 18px;}
.form-with-titlered_onlyred .form-title_red:before, .form-with-titlered_onlyred .form-title_red:after {
	display: none;
}
.form-with-titlered_onlyred .input-submit {
	background: #b10000;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}
.form-with-titlered_onlyred .input-submit:hover {
	background: #cc0101;
}
.form-title .t_xxlarge { line-height: 1.3;}

.form-bigtitle { color: #42515a; font-family: 'Yeseva One', cursive; font-size: 2.75em; line-height: 1.2; margin-bottom: 0.3em; text-align: center;}

form { background: #fff; font-size: 1.125em;}

input, textarea, button, select { font-family: 'Open Sans', sans-serif; font-size: inherit; font-weight: 300;}
input:focus, textarea:focus, button:focus { outline: none;}
textarea { max-width: 100%;}

.input { margin-top: 25px; width: 100%;}
.input label { display: block; margin-bottom: 5px; text-align: center;}
.form_hor, .form_hor form { text-align: center; }
.form_hor { padding: 0 140px;}
.form_hor .input { display: inline-block; margin: 25px -2px 0; padding: 0 10px; vertical-align: top; width: 50%;}
.input-text, .input-textarea, .custom_form input.text, .custom_form textarea { border: 0 none; border-bottom: 1px solid #ccc; height: 35px; line-height: 34px; max-width: 100%; padding: 0; text-align: center; width: 100%; }
.input-text, .input-textarea, .input-submit, .custom_form input.text, .custom_form textarea { margin-left: auto; margin-right: auto;}
.custom_form input.text, .custom_form textarea  { border: 1px solid #ccc; }
.custom_form { margin-bottom: 30px; max-width: 100%; width: 450px;}

.input_submit { text-align: center;}
.input_file label { cursor: pointer; display: block; text-align: center;}
.input-file__name { color: #00c0e9; text-decoration: underline;}
.input_file input[type="file"] { display: none;}
.input_checkbox {margin: 10px 0;}
.filename { display: block; font-size: 0.75em; margin: 0.5em 0 1em; text-align: center;}

.input-submit { 
    background: #cc0101; /* Old browsers */
    background: -moz-linear-gradient(left, #cc0101 0%, #cc0101 50%, #b10000 50%, #b10000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cc0101 0%,#cc0101 50%,#b10000 50%,#b10000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cc0101 0%,#cc0101 50%,#b10000 50%,#b10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0101', endColorstr='#b10000',GradientType=1 ); /* IE6-9 */
    border: 0 none; color: #fff; cursor: pointer; display: inline-block; font-size: 1.875em; font-weight: 700; line-height: 1; max-width: 462px;
	padding: 0.3em 0.2em; text-align: center; text-transform: uppercase; width: 100%;
}
.input-submit:hover { 
    background: #cc0101;
}

.input-checkbox,
.input-radio {
	display: block;
	position: relative;
	margin-bottom: 15px;
}
	
.input-checkbox input[type="checkbox"],
.input-radio input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.input-checkbox > span,
.input-radio > span,
.input-checkbox > label,
.input-radio > label {
	display: block;
	position: relative;
	padding-left: 25px;
	font-size: 16px;
	line-height: 16px;
}

.input-checkbox > span::before,
.input-radio > span::before,
.input-checkbox > label::before,
.input-radio > label::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #42515A;
	transition: all 0.4s;
}

.input-radio > span::after,
.input-radio > span::before,
.input-radio > label::after,
.input-radio > label::before {
	border-radius: 50%;
}

.input-checkbox > span::after,
.input-radio > span::after,
.input-checkbox > label::after,
.input-radio > label::after {
	content: "";
	display: block;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 3px;
	top: 4px;
	width: 9px;
	height: 9px;
	background: #0bcaf3;
	transition: all 0.4s;
}

.input-checkbox input:checked + span::before,
.input-radio input:checked + span::before,
.input-checkbox input:checked + label::before,
.input-radio input:checked + label::before {
	border-color: #0bcaf3;
}

.input-checkbox input:checked + span::after,
.input-radio input:checked + span::after,
.input-checkbox input:checked + label::after,
.input-radio input:checked + label::after {
	opacity: 1;
	visibility: visible;
}

.form_hor .input_submit, .form_hor .input-submit, .custom_form .input-submit { width: auto;}
.custom_form .input-submit { font-size: 1.2em; padding: 0.5em 1em;}
.form_wrapper_small { padding-right: 50px;}
/* end forms */

.design-site-service,
.design-site-service input,
.design-site-service textarea {
	text-align: left;
}

.design-site-service {
	display: table;
	table-layout: fixed;
	border: 1px solid #E7E7E7;
	padding: 0;
	width: 100%;
}

@media (max-width: 640px) {
	.design-site-service {
		display: block;
	}
}

.design-site-service .input:not(.input_checkbox) {
	margin-top: 15px;
}

.design-site-service .input:first-child {
	margin-top: 0;
}

.design-site-service__form {
	width: 400px;
	max-width: 100%;
}

@media (max-width: 640px) {
	.design-site-service__form {
		margin: 0 auto;
	}
}

.design-site-service__form .input-submit {
	font-size: 1.5em
}

.design-site-service__column {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
}

@media (max-width: 640px) {
	.design-site-service__column {
		display: block;
	}
}

.design-site-service__column + 
.design-site-service__column {
	border-left: 1px solid #E7E7E7;
}

@media (max-width: 640px) {
	.design-site-service__column + 
	.design-site-service__column {
		border-left: 0 none;
		border-top: 1px solid #E7E7E7;
	}
}

.design-site-service__title {
	margin: 0 0 15px;
	font-family: 'Yeseva One', cursive;
	font-weight: 500;
	font-size: 18px;
}

.design-site-service__variant {
	margin-bottom: 20px;
}

.design-site-service__variant > .input-radio,
.design-site-service__variant:last-child {
	margin-bottom: 0;
}

.design-site-service__variant > .input-checkbox > input:checked + span,
.design-site-service__variant > .input-checkbox > input:checked + label,
.design-site-service__variant > .input-radio > input:checked + span,
.design-site-service__variant > .input-radio > input:checked + label {
	font-weight: 500;
}

.design-site-service__variant-form > .input {
	margin: 10px 0 15px;
}

.design-site-service__variant-form > .input:last-child {
	margin-bottom: 0;
}

.design-site-service__variant-form {
	display: none;
	margin: 10px 0 0;
	width: 400px;
	max-width: 100%;
	font-size: 1em;
	text-align: left;
}

.input-radio input:checked ~ .design-site-service__variant-form {
	display: block;
}

@media (max-width: 640px) {
	.design-site-service__variant-form {
		margin: 0 auto;
		width: auto;
	}
}

.design-site-service__variant-form textarea {
	margin-left: 0;
	height: 100px;
}

.design-site-service__variant-form input,
.design-site-service__variant-form textarea,
.design-site-service__variant-form select,
.design-site-service__variant-form .input-checkbox span,
.design-site-service__variant-form .input-radio span {
	font-size: 0.875em;
}

.design-site-service__variant-form textarea {
	padding: 5px 7px;
	border: 1px solid #E7E7E7;
	line-height: 1.4;	
}

.design-site-service__variant-form .input label {
	text-align: left;
}

/* popup */
.popup_overlay{ background: #fff; cursor: pointer; display: block; height: 100%; left: 0; opacity: 0.9; position: fixed; top: 0; width: 100%; z-index: 1002;}
.popup { background: #fff;
	-webkit-box-shadow: 0 0 29px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 29px rgba(0,0,0,.25);
	box-shadow: 0 0 29px rgba(0,0,0,.25);
	display: block; left: 0; margin: 0 auto; max-width: 90%; padding: 30px 40px; position: absolute; right: 0; text-align: center; top: 0; width: 520px; z-index: 1003;}
.popup_close { position: absolute; right: 10px; top: 10px;}
.popup_close:before { content: '\D7'; display: inline-block;}

/* end popup */

/* table */
.strokes { width: 100%;}
.strokes thead th, .strokes thead td { background: none !important; border: 0 none;}
td.strokes__black, th.strokes__black, .strokes__black,
.strokes tr:nth-child(2n+1) td.strokes__black, .strokes tr:nth-child(2n+1) th.strokes__black { 
    background: #f2f2f2;
}
.strokes tr:nth-child(2n+1) td, .strokes tr:nth-child(2n+1) th { 
    background: url(img/bg_stroke.png) repeat left top !important;
}
.strokes td, .strokes th { text-align: center; vertical-align: middle;}
.strokes td.tal, .strokes th.tal { text-align: left;}
.sd-yes { background: url(img/sprite_main.png) no-repeat -88px 0; display: inline-block; height: 13px; vertical-align: middle; width: 20px;}
/* end table */

/* pluses */
.pluses { display: table; margin: 35px 0; padding-right: 30px; table-layout: fixed; width: 100%;}
.pluse-wrap { display: table-cell; float: none; padding: 0 20px; text-align: center; vertical-align: top;}
.pluse__img { height: 85px; margin-bottom: 1em; text-align: center; width: 100%;}
.pluse__img img { display: inline; max-height: 100%; vertical-align: top; width: auto;}
.pluse__text { text-align: center;}
.pluse + * { margin-top: 1.5em;}
/* end pluses */

/* results */
.sd-results { font-size: 16px; margin-bottom: 20px; margin-top: 35px;}
.sd-result { padding: 0 20px;}
.sd-result__name { color: #42515a; font-family: 'Yeseva One', cursive; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.6em; text-align: center;}
.sd-result__name span { display: block; font-size: 2.7em; line-height: 1.1; text-align: center;}
.sd-result__descr { font-size: 0.875em; font-weight: 400; line-height: 1.7; text-align: center;}
/* end results */

/* sd-projects */
.sd-projects { margin: 10px 0; max-height: 560px; overflow: hidden;}
.sd-projects-slider { padding: 0 95px;}
.sd-project .col-lg-3, .sd-project .col-lg-4 { display: inline-block; margin: 0 -4px 0 0; vertical-align: top;}
.sd-project .col-lg-3 { width: 30%;} 
.sd-project .col-lg-4 { width: 40%;}
.sd-project .col-lg-7 { width: 70%;}
.sd-project__top { margin-bottom: 45px;}
.sd-project__top > div { display: inline-block; float: none; margin: 0 -4px 0 0; vertical-align: middle;}
.sd-project  .sd-project__companydescr { width: 43%;}
.sd-project .sd-project__buttonwrap { width: 27%;}
.sd-project__companyimg { display: inline-block; vertical-align: top;}
.sd-step__descr, .sd-step__descr p { text-align: center;}

.sd-project__title { color: #42515a; font-family: 'Yeseva One', cursive; font-size: 1.375em; margin-bottom: 1em;}
.sd-project__companydescr .sd-project__title { display: inline-block; margin: 0 20px 0 0; text-align: right; width: 125px;}

.button_project { margin: 0 30px;}

/* end sd-projects */

/* create site price */
.mobile-price {
	display: none;
	margin: 0 -10px;
	padding: 0 22px;
	text-align: center;
}
.mobile-price-block {
	display: inline-block;
	margin: 0 -2px 20px;
	padding: 0 10px;
	text-align: center;
	vertical-align: top;
	width: 50%;
}
.mobile-price-block.col-lg-4 .mobile-price-block__name, .mobile-price-block__price  {
	display: inline;
}
.mobile-price-block-head {
	margin-bottom: 10px;
	text-align: center;
}
.mobile-price-block__name {
    font-family: 'Yeseva One', cursive;
	font-size: 1.25em;
	line-height: 1.1;
	margin-bottom: 5px;
	text-align: center;
}
.mobile-price-block__price {
	font-weight: 600;
	text-align: center;
}
.mobile-price-block_more {
	border: 0 none;
	border-bottom: 1px solid transparent;
    color: #00c0e9;
	cursor: pointer;
    display: block;
    font-family: 'Yeseva One', cursive;
	margin: 10px auto;
	padding: 0;
	text-align: center;
    text-decoration: none;
}
.mobile-price-block_more:hover {
	border-bottom-color: #0bcaf3;
	color: #00c0e9;
}
.mobile-price-block-body {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	transition: max-height 0.4s;
}
.mobile-price-block-body, .mobile-price-block-body p {
	text-align: center;
}
.mobile-price-block-body.toggle {
	max-height: 5000px;
}
/* end create site price */


/* competences*/
.sd-competences { counter-reset: competences 0;}
.sd-competence-wrap {display: inline-block; margin: 10px -2px 40px; padding: 0 25px; vertical-align: top; width: 33.33%; }
.sd-competence__img { display: block; height: 130px; line-height: 130px; margin-bottom: 5px; text-align: center; width: 100%;}
.sd-competence__img img { display: inline; height: auto; max-height: 100%; max-width: 100%; vertical-align: top; width: auto;}
.sd-competence__name {background: #b6b6b6;  color: #fcfdfc; display: block; cursive; font-size: 1.2em; line-height: 1.2; font-weight: 500; margin-bottom: 1em; text-decoration: none; text-transform: uppercase; padding: 10px; text-align: center;}
.sd-competence__title {font-size: 24px; line-height: 1.2; font-weight: 500; height: 90px; color: #42515a; font-family: 'Yeseva One', cursive;}
.sd-competence__shortdescr { margin-bottom: 1em;}
.sd-competence-text {font-weight: 500;}

/* about*/

.block-about {
	display: flex;
}

.block-about_quantity {
	margin-right: 80px;
}

.block-about_quantity-title {
	font-family: 'Yeseva One', cursive;
	font-size: 7.07em;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.block-about_quantity-subtitle {
	font-size: 25px;
	text-align: center;

}

.block-about_text-title {
	font-family: 'Yeseva One', cursive;
	font-size: 40px;
	margin-bottom: 10px;
	margin-left: -50px;

}

.block-about_text-list {
	font-family: 'Open Sans', cursive;
	color: #303030
}

ul.about-list {
	margin: 0 0 0 1em;
	font-size: 18px; 
}
.about-list li {
	padding: 0;
	margin: 0;
}

.about-list-plus {
	margin: 0;
	font-size: 18px;	
}

.about-button {
	margin: 15px 70px;
}

.about-text {
	font-size: 18px; 
}

.about-team-text {
	font-size: 18px; 
	text-align: center;
	margin-bottom: 50px;
}

.lbl-jobtype {
	/*border: 1px solid black;*/
  }
  
  input[name='jobtype'] {
	display: none;
  }
  
  .text-for-jobtype {
	display: none;
  }
  
  #jt-webapp:checked~#t-c {
	display: block;
  }
  

/* end competences*/

/* steps */
.sd-steps { counter-reset: steps 0;}
.sd-step-wrap { display: inline-block; margin: 10px -2px 40px; padding: 0 45px; vertical-align: top; width: 33.33%; }
.sd-step-wrap, .sd-step-wrap a, .sd-step-wrap div { text-align: center;}
.sd-step__img { display: block; height: 130px; line-height: 130px; margin-bottom: 5px; text-align: center; width: 100%;}
.sd-step__img img { display: inline; height: auto; max-height: 100%; max-width: 100%; vertical-align: top; width: auto;}
.sd-step__name { color: #42515a; display: block; font-family: 'Yeseva One', cursive; font-size: 1.5em; line-height: 1; margin-bottom: 1em; text-decoration: none;}
.sd-step__name:before { content: counter(steps)". "; counter-increment: steps;}
.sd-step__shortdescr, .sd-step__descr { line-height: 1.4; margin-bottom: 1em;}
.sd-step__descr { display: none;}
.sd-step__more { border-bottom: 1px solid transparent; color: #00c0e9; display: inline-block; font-family: 'Yeseva One', cursive; text-decoration: none;}
.sd-step__more:hover { border-bottom-color: #0bcaf3; color: #00c0e9; text-decoration: none;}

.steps-popup { background: #fff; bottom: 0; display: none; height: 100%; left: 0; opacity: 0.95; position: fixed; right: 0; top: 0; width: 100%; z-index: 1000;}
.steps-popup__body { counter-reset: steps 0; left: 0; position: absolute; right: 0; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 100%; z-index: 1001;}
.steps-popup__close, .popup_close { border: 2px solid #000; border-radius: 50%; color: #000; cursor: pointer; display: inline-block; font-size: 42px; height: 43px; line-height: 36px; text-align: center; width: 43px;}
.steps-popup__slide, .popup_close { text-align: center;}
.steps-popup__slide .sd-step-wrap { margin: 0; max-width: 100%; padding: 0; width: 800px;}
.steps-popup__body .sd-step__name { font-size: 2em;}
.steps-popup__body .sd-step__descr { display: block;}
.steps-popup__body .sd-step__more, .steps-popup__body .sd-step__shortdescr { display: none;}
.steps-popup__close:hover { border-color: #00c0e9; color: #00c0e9;}
/* end steps */

.arrow_right { background: url(img/bg_arrowright.png) no-repeat right 0.5em; text-align: left;}
.arrow_bottom { background: url(img/bg_arrowbottom.png) no-repeat right 0.5em; }
.questionnaire { background: url(img/bg_list.png) no-repeat center; display: inline-block; height: 80px; vertical-align: top; width: 80px;}

/* map */
.sd-map { position: relative; text-align: center;}
.sd-map__city { background: url(img/sprite_main.png) no-repeat -77px 0; cursor: pointer; height: 12px; position: absolute; width: 8px; z-index: 1;}
.sd-map__city:before { background: #fff; border-radius: 15px; bottom: 15px; color: #42515a; content: attr(data-name); display: none; font-family: 'Yeseva One', cursive; font-size: 1.125em; left: -45px; line-height: 1; padding: 0.4em 1em; position: absolute; text-align: center; z-index: 2;}
.sd-map__city:hover:before { display: block;}
/* end map */

/* specialists */
.sd-specialists { margin: 45px 0 0;}
.sd-specialists-slider { margin: 0 auto; max-width: 100%; padding: 0 60px; width: 800px;}
.sd-specialist-wrap { float: left; width: 33.333%;}
.sd-specialist, .sd-specialist__name, .sd-specialist__descr { color: #42515a; text-align: center;}
.sd-specialist { padding: 20px 15px;}
.sd-specialist__img { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; border-radius: 50%; display: inline-block; height: 170px; margin-bottom: 20px; width: 170px;}
.sd-specialist__name { font-size: 1.5em; font-weight: 400;}
/* end specialists */
/* end site development */

/* support */
/* rates */
.rates { margin-bottom: 30px;}
.rate { padding: 0 50px; }
.rate__name { color: #42515a; font-family: 'Yeseva One', sans-serif; font-size: 1.25em; line-height: 1; margin-bottom: 25px; padding: 1.3em 0.5em; text-align: center;}
.rate__text { padding: 0 30px 30px;}
.rate__accent { font-size: 1.375em; margin-bottom: 0.2em;}
/* end rates */

/* clients slider */
.clients-slider-wrap {
	margin-bottom: 30px;
}
.clients-slider-wrap:last-child {
	margin-bottom: 0;
}
.clients-slider {
	text-align: center;
	font-size: 0;
}
.clients-slider.slick-slider {
	overflow: hidden;
	padding: 0 90px;
	height: 120px;
}
.client-wrap { 
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	width: 16.4%;
	font-size: 16px;
}
@media (max-width: 1100px) {
	.client-wrap {
		width: 20%;
	}
}
@media (max-width: 820px) {
	.client-wrap {
		width: 25%;
	}
}
@media (max-width: 768px) {
	.client-wrap {
		width: 33.33%;
	}
	.block-about {
		display: block;
	}
	.block-about_button {
		text-align: center;
	}
	.about-text {
		padding: 20px;
		
		
	}
	.sd-competence__title {
		height: auto;
	}
	.about-team-text {
		font-size: 16px;
	}
	.block-about_quantity {
		margin: 0;
	}
}
@media (max-width: 520px) {
	.client-wrap {
		width: 50%;
	}
	.block-about {
		display: block;
	}
	.block-about_quantity {
		margin: 0;
	}
	.block-about_quantity-title {
		text-align: center;
		font-size: 80px;
	}
	.block-about_text-title {
		font-size: 16px;
	}
	.block-about_text-list {
		padding: 10px;
	}
	.about-text {
		padding: 10px;
	}
	.about-button {
		margin: 10px auto;
	}
	.about-team-text {
		font-size: 15px;
	}
}
.clients-slider.slick-slider .client-wrap { 
	float: left; 
	width: 20%;
}
.client { display: block; height: 80px; line-height: 80px; text-align: center; width: 100%;}
.client img { display: inline; max-height: 100%; vertical-align: middle; width: auto;}
/* end clients slider */
/* end support */

/* seo */
.seofaqs-row { margin-bottom: 40px;}
.seofaqs-row  .col-lg-6 { padding-right: 60px;}

.seofaqs-a-wrap { margin-bottom: 20px; text-align: right;}
.seofaqs-a { background: #fde6a9; border-radius: 55px; display: inline-block;
 font-size: 1.73em; margin-right: 15px; padding: 40px 50px; position: relative; vertical-align: top;}
.seofaqs-a, .seofaqs-a * { color: #42515a; font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 600;}
.seofaqs-a * { font-size: 1em; }
.seofaqs-a *:last-child, .seofaqs-q *:last-child { margin-bottom: 0;}
.seofaqs-q { background: #e6e7e8; border-radius: 50px; color: #42515a; display: block; font-size: 1.067em; 
font-weight: 400; margin-left: 15px; padding: 35px; position: relative;}

.seofaqs-a:before, .seofaqs-q:before { bottom: 4px; content: ''; height: 65px; position: absolute; width: 35px;}
.seofaqs-a:before { background: url(img/sprite_main.png?v=1) no-repeat -40px -276px; right: -11px;}
.seofaqs-q:before { background: url(img/sprite_main.png?v=1) no-repeat 0 -276px; left: -13px;}
/* end seo */

/* debug - IMPORTANT */
.debug { position:absolute; top:0; right:10px; border:1px dotted #C1D2FB; padding: 15px; background:#fff; color:#000; z-index:5; }
.debug a { display:block; width:100%; text-align:right; }
.debug p { display:none; }

.show-md { display: none;}


.arrow-up:before {
	background: url(img/arrow-up.svg) no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 50px;
	left: 50%;
	margin-left: 0px;
	position: absolute;
	top: 0;
	width: 50px;
	transform: translateX(-50%);
}
.arrow-up { color: #000; display: block; display: none; font-size: 14px; font-weight: 600; left: 50%; margin-left: -700px; padding-top: 55px;
 position: fixed; text-decoration: none; text-transform: uppercase; top: 45%; z-index: 500;}

.arrow-up:hover {
	-webkit-animation: slideBottom 1.5s linear 0;
    -moz-animation: slideBottom 1.5s linear 0;
    -ms-animation: slideBottom 1.5s linear 0;
    animation: slideBottom 1.5s linear 0;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@keyframes slideBottom {
    0%{
        margin-top: 0;
    }
    25%{
        margin-top: -10px;
    }
    50%{
        margin-top: 0;
    }
    75%{
        margin-top: -10px;
    }
    100%{
        margin-top: 0;
    }
}

/* for cabinet */

/* когда устаканится версия - почистить!! */
.is_bill_content { min-height: 400px; position:relative; }
.is_bill_content h3 { color: #A82682; font-size:1.7em; }
#is_bill_content { float: left; width: 50%; }
#is_bill_hint { margin-left: 50%; padding-left: 30px; }
.dashed { border-bottom:1px dashed #A82682; color: #A82682; cursor:pointer; display:inline-block; font-size:1.1em; font-weight:bold; margin:3px; padding:0 3px; }
#is_bill_content  .success { color:#EF7F1A; width: 400px; }
#bill_summa { color: #000000; font-weight: bold; padding:1px 0; text-align:right; width: 100px; }
#bill_summa.disabled { background: #FFFFFF; border: medium none; padding:2px 0; }
#is_bill_tabs { margin: 0 0 10px; height:25px; line-height:20px; border-bottom:1px solid #9A9A9A; font-size:1.2em; }

.is_bill_content .tab {
	display:inline-block; padding: 2px 5px; margin:0 2px; 
	border-top:1px solid #9A9A9A; 
	border-right:1px solid #9A9A9A; 
	border-left:1px solid #9A9A9A; 
	cursor:pointer; text-decoration:none; 
}
.is_bill_content .tab.disabled { color:#9A9A9A; cursor:default; }
.is_bill_content .tab.active { color:#A82682; }

.step_button { margin: 10px 0; border:1px solid #808080; border-radius:3px; -moz-border-radius:3px; }
.step_button .link { display:block; padding:5px 10px; background:#ddd; cursor:pointer; }
.step_content { padding:10px; }

.blue { color:#008DD2; }

/* for v.3 */
.btn { font-size:120%; border:1px solid #A82682; display:inline-block; margin-bottom: 1.4em; padding: 3px 10px; cursor:pointer; }
.btn:hover { border-color:#E076D2; }
.bills { border-collapse: separate;}
.bills td { background:#eee; border-bottom:1px solid #aaa; }
.bills .odd td { background: #fff; }
.bills .new td { background: #f8fcbe; }
.bills .dogovor { border-left:1px solid #aaa; padding-left:10px; }
.bills .act { border-right:1px solid #aaa; }
.bills th { border-bottom:1px solid #aaa; font-weight: 600;}
.bills .item { margin-bottom:5px; overflow: hidden; position:relative; }
.bills .item:last-child { margin-bottom:0px; }
.bills .item span { display:block; float:left; }

.icon_download { 
    background: url("img/icon_download.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 32px;
	margin: 0 0 0 10px;
	opacity: 0.5;
    overflow: hidden;
	text-indent: -3000px;
    width: 32px;
}
.icon_download:hover, .icon_download:focus { opacity: 1; }

.dogovors td { vertical-align:middle; }
.dogovors td, .projects td { padding-left: 0;}

#bill_make_form, #for_bill_result { margin-bottom:1.4em; }

#help_block, #complain_block, #subscribe_block { margin-bottom: 30px;}

.button_green, .button_red, .button_blue { font-weight:bold; color:#000; display:block; width:90%; padding: 5px 4%; margin:0 0 10px; text-align:center; font-size:1.1em; text-decoration:none; cursor:pointer; }
.button_green span, .button_red span, .button_blue span { font-weight: normal; font-style:italic; color:#fff; }
.button_green:hover, .button_red:hover, .button_blue:hover { color:#000; }
.button_green:hover span, .button_red:hover span, .button_blue:hover span { color:#fff; }

.button_green { 
    background: #9bc24a;
    background: -moz-linear-gradient(bottom, #9bc24a 0%, #d2fc76 90%, #ebff8b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#9bc24a), 
                color-stop(90%,#d2fc76), color-stop(100%,#ebff8b));
    background: -webkit-linear-gradient(bottom, #9bc24a 0%, #d2fc76 90%, #ebff8b 100%);
    background: -o-linear-gradient(bottom, #9bc24a 0%, #d2fc76 90%, #ebff8b 100%);
    background: -ms-linear-gradient(bottom, #9bc24a 0%, #d2fc76 90%, #ebff8b 100%);
    background: linear-gradient(bottom, #9bc24a 0%, #d2fc76 90%, #ebff8b 100%);
    border: 1px solid #5e772a;
}
.button_green:hover { border: 1px solid #d2fc76; }

.button_red { 
    background: #b73936;
    background: -moz-linear-gradient(bottom, #b73936 0%, #ff6965 90%, #ff8f8b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#b73936), 
                color-stop(90%,#ff6965), color-stop(100%,#ff8f8b));
    background: -webkit-linear-gradient(bottom, #b73936 0%, #ff6965 90%, #ff8f8b 100%);
    background: -o-linear-gradient(bottom, #b73936 0%, #ff6965 90%, #ff8f8b 100%);
    background: -ms-linear-gradient(bottom, #b73936 0%, #ff6965 90%, #ff8f8b 100%);
    background: linear-gradient(bottom, #b73936 0%, #ff6965 90%, #ff8f8b 100%);
    border: 1px solid #6b2b29;
}
.button_red:hover { border: 1px solid #ff6965; }

.button_blue { 
    background: #006699;
    background: -moz-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#006699), 
                color-stop(90%,#008dd2), color-stop(100%,#69bcff));
    background: -webkit-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -o-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -ms-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    border: 1px solid #02354f;
}
.button_blue:hover { border: 1px solid #008dd2; }


.payment_form { width:45%; float:left; }
.payment_form .prompt { padding:0; }
.payment_form input[type=submit] {
    height: auto;
    background: #006699;
    background: -moz-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#006699), 
                color-stop(90%,#008dd2), color-stop(100%,#69bcff));
    background: -webkit-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -o-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: -ms-linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    background: linear-gradient(bottom, #006699 0%, #008dd2 90%, #69bcff 100%);
    border: 1px solid #02354f;
    font-weight:bold; color:#000; display:block; padding: 5px 4%; margin:0 0 10px; text-align:center; font-size:1.1em; text-decoration:none; cursor:pointer;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.payment_form input[type=submit]:hover { border: 1px solid #008dd2; }
/* end for cabinet */

/* services page */
.services-block {
	margin: 0 auto;
	max-width: 1000px;
}
.service-item, .service-item a {
	text-decoration: none;
}
.service-item {
	display: inline-block;
	margin: 0 -2px 40px;
	padding: 0 20px;
	text-align: center;
	vertical-align: top;
	width: 25%;
}
.service-item__img {
	border-radius: 50%;
	display: block;
	height: 137px;
	margin: 0 auto 1em;
	max-width: 100%;
	overflow: hidden;
	-webkit-transition: border 0.15s;
	-moz-transition: border 0.15s;
	transition: border 0.15s;
	width: 137px;
}
.service-item:hover .service-item__img {
	background: #fff;
	border: 2px solid #303030;
}
.service-item:hover .service-item__img img { 
	border: 2px solid #fff;
}
.service-item__img img {
	border-radius: 50%;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	-webkit-transition: border 0.15s, height 0.15s, width 0.15s;
	-moz-transition: border 0.15s, height 0.15s, width 0.15s;
	transition: border 0.15s, height 0.15s, width 0.15s;
	vertical-align: top;
	width: auto;
}
.service-item__name {
	display: block;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
/* end services page */

/* ajax_loader */
#ajax_loader {
    background: url("img/loading.gif") no-repeat scroll center;
    display: none;
    height: 66px;
    left: 50%;
    margin: -33px 0 0 -33px;
    position: fixed;
    top: 50%;
    width: 66px;
    z-index: 1000;
}

TABLE.m_calendar {margin-top:5px}
.statistika {font-size:10px; color:#999999; text-align:right; width:100%}
.statistika {display:none} /* если убрать эту строку то в конце статьи будет отображаться статистика */

@media (max-width: 1430px) {
	.arrow-up { left: 5px; margin-left: 0;}
}
@media (max-width: 1250px) {
	.container {
		margin: 0 auto;
		padding: 0 15px;
		width: 100%;
	}
	
	footer, .header-after, .footer-before, 
	#reviews, #new-projects, .dotted-table, .col-4-block, .table-price, hr, .reviews-page, .reviews-page hr, #home-banner,
	#banner-reclama, #banner-reclama-2, #banner-reclama-3, .portfolio-page, .contacts-1 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	/* header */
	.logo { margin-right: 20px;}
	.main-menu .menu > li { margin: 0 10px; width: 65px;}
	/* end header */
		 	
	.home-banner__left, .home-banner__right { display: inline-block; 
	margin-bottom: 0; margin-left: -2px !important; margin-top: 0; margin-right: -2px !important; vertical-align: top;}
	.home-banner__left { padding-right: 30px; width: 60% !important;}
	.home-banner__right { width: 40% !important;}
	
	.header-after + #home-banner { margin-top: 35px;}
	
	/* о нас */
	.year-results-slider { margin: 0 auto; max-width: 100%; width: 940px;}
	/* end о нас */
	
	.seo-book__text { padding: 40px 30px;}
	
	.owl-block,.owl-block2 {
		padding: 0 40px;
		width: 100%;
	}
	.owl-prev { left: -35px;}
	.owl-next { right: -35px;}
	
	.site-sprite {
		width: 50%;
	}
	.table-price tr td {
	    padding: 10px;
	    width: 120px;
	}
	.all-col-table {
		top: 150px;
	}
	.home-banner__left--text {
		width: 500px;
	}
	.col-4-block--2 {
		width: 100%;
	}
	.contact-table-1 tr td:first-child {
    	width: 60%;
    }
    .contact-table-1__form-block {
    	width: 39%;
    }
    .personal-table__contacts {
    	width: 200px;
    }
	
   	.table-container {
		margin: 0 0 2em;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
		width: 100%;
	}
	.table-price:after {
		width: 190px;
	}
	.price-page .home-banner__left {
		width: 45%;

	}
	/*.table-price--after-236:after {
    	width: 236px;
    }*/
    .table-price--3 {
    	width: 1024px;
    }
	
	.top-menu ul li {
		font-size: 1em;
		max-width: 150px;
	}
}

@media (max-width: 1100px) {
	/* о нас */
	.yrb-item { width: 33.33%;}
	
	/* создание */
	.sd-projects-slider { padding: 0 45px;}
	.slick-prev { left: 0;}
	.slick-next { right: 0;}
	.button_project { margin: 0 auto;}
}

@media (max-width: 1024px) {		
	.form_hor { padding: 0 20px;}	
	.steps-popup__slider { padding: 0 40px; width: 100%; }
	.owl-prev { left: -35px;}
	.owl-next { right: -35px;}
	
	.main-menu .menu > li { margin: 0 12px; width: auto; }
	
    .home-banner__left, .home-banner__right { width: 50% !important;}
    .home-banner__action { font-size: 1.125em; line-height: 1.4; width: 100%;}
	
    .personal-table .personal-table__person { padding: 15px; }
    .personal-table .personal-table__person img { width: 110px; height: 110px; }
	
	.reviews-page .reviews-text {
	    width: 590px;
	}
	.portfolio-item {
		display: block;
		margin: 80px auto;
	}
	
	.dotted-table {
		background: none;
		text-align: center;
	}
	.dotted-item {
		float: none !important;
		margin: 20px !important;
		vertical-align: top;
	}
	
	#banner-reclama .banner-title {
		font-size: 2.7em;
	}
	
	.banner-form--1 {
		width: 100%;
		text-align: center;
	}
	
	.banner-form-block .banner__left, .banner-form-block .banner__right {
		display: inline-block;
		float: none;
		margin: 0 -2px;
		width: 50% !important;
	}
	
	.banner-form-block .banner-title {
		font-size: 2.7em;
	}
	.seo-book {
		background: none;
		height: auto;
	} 
	.seo-book__text {
		font-size: 1em;
		padding: 20px 0;
	}
	.seotrands-text  { padding-left: 20px; padding-right: 20px;}
	
	#banner-reclama.banner-reclama-smm .home-banner__left {
    	width: 470px;
	}
	
	/* sozdanie */
	.mainblock_form { margin-bottom: 30px; padding-right: 0;}
	.arrow_right { background: none;}
	.pluses { margin-bottom: 30px;}
	.pluse + img { display: none;}
	/* end reklama */
	
	/* reklama */
	.col-4  { margin-bottom: 2em;}
	.col-4-block__text { margin-top: 0.5em;}
	/* end reklama */
}
@media (max-width: 960px) {
	/* header */
	.logo { margin-right: 20px;}
	header .phone-block { float: right; }
	.phone-icon { margin-right: 0px;	}
	.main-menu  { float: none; margin: 30px 0 0; width: 100%;}
	.main-menu .menu { text-align: center; width: 100%;}
	.main-menu .menu > li { display: inline-block;}
	/* end header */
	
	
	.seofaqs-row  .col-lg-6 { padding-right: 30px;}
}
@media (max-width: 900px) {
	/* standart style */
	blockquote { font-size: 1.5em; margin: 1em 0; padding: 0 55px;}
	/* end standart style */
		
	/* page header */
	.page-menu { display: block; text-align: center;}
	.page-menu li { display: inline-block; margin: 0 1em 0.5em;}
	/* end page header */
	
	/* sozdanie */
	.sd-result { padding: 0 20px 40px; }
	.sd-result__descr { font-size: 1em;}
	
	.sd-step-wrap { padding: 0 20px;}
	.sd-step__name { font-size: 1.25em;}
	
	.sd-projects { max-height: none;}
	.sd-project  { padding-bottom: 80px; position: relative;}
	.sd-project__top { margin-bottom: 20px;}
	.sd-project .sd-project__buttonwrap { bottom: 0; position: absolute; right: 0; text-align: right; width: auto; }
	.sd-project .col-lg-3, .sd-project .col-lg-4 { margin-bottom: 20px; width: 100%;}
	.sd-project__title { margin-bottom: 0.5em;}
	.sd-project .sd-project__companyimg-wrap { width: 33%;}
	.sd-project .sd-project__companydescr { width: 67%;}
	.sd-project__companydescr .sd-project__title { text-align: left; width: auto;}
	.sd-project p { margin: 0 0 0.5em;}
	
	.yamap__form { width: 330px;}
	/* end sozdanie */
	
	.work-item-slider__text {
		width: 650px;
	}
	.home-banner__action {
	    padding-top: 20px;
	    background-size: contain;
	}
	.contact-table-1__form-block .banner-form input {
    	width: 350px;
    }
    .reviews-page .reviews-text {
	    width: 500px;
	}
	.price-page .home-banner__left {
		width: 40%;

	}
	.col-2 {
		width: 100%;
		display: block;
	}
	.banner-form-block .banner__right {
		padding: 0;
	}
	.col-4--list:after {
		display: none;
	}
	.col-4--list { padding-left: 10px;}
	#banner-reclama.banner-reclama-smm  .home-banner__left {
    	width: 390px;
	}
	.col-2--uslugi {
		margin-left: 0px;
	}
	
	.form_hor .input { display: block; margin: 15px auto 0; width: 100%;}
	/* start */
	.numbers-block { margin-bottom: 3em;  max-width: 100%; width: 200px; }
	
	/* obsluzhivanie */
	.rate { padding: 0 10px;}
	
	.personal-table, .personal-table thead, .personal-table tbody, .personal-table tr { display: block;}
	.personal-table td {
	    display: block;
	    text-align: center;
	    width: 100%;
	    margin: 0 auto;
	}
    .personal-table .personal-table__person { padding: 15px; text-align: center; }
    .personal-table .personal-table__person img { width: 142px; height: 142px; }
    .personal-table__contacts { max-width: 100%; width: 330px; }
	
	.hide-md { display: none !important;}
	.show-md { display: block;}
	
	#is_bill_content { float: none; margin-bottom: 30px; width: 100%; }
	#is_bill_hint { margin-left: 0; padding-left: 0; }
}
@media (max-width: 780px) {
	body { font-size: 100%;}
	h1, .h1, .form-bigtitle, #banner-reclama .banner-title { font-size: 2em; margin-bottom: 0.8em;}
	h2, .h2 { font-size: 1.5em;}
	h3, .h3 { font-size: 1.3em;}
	h4, .h4 { font-size: 1.15em;}
	li, dd { margin-left: 1.5em;}
	.banner-form button { font-size: 1.5em;}
	.banner-subtitle, 
	#banner-reclama-2 .banner-subtitle, #banner-reclama-3 .banner-subtitle,
	.home-banner__action, .reviews-title, .dotted-table__title { font-size: 1.25em;}
	.project-title { font-size: 1.5em;}
	.project-subtitle { font-size: 1.2em;}
	.numbers-block--text4 { font-size: 1em;}
	.title--32 { font-size: 1.5em;}
	.title--24 { font-size: 1.25em;}
	.text-18 { font-size: 1em;}
	.x-list { font-size: 1em;}
	.button { font-size: 1.2em;}
	br + br { display: none;}
	
	/* header */
	header { padding-bottom: 15px;}
	header .phone-block { float: none;}
	.hamburger {
		background: #000;
		color: #fff;
		display: block;
		height: 52px;
		line-height: 50px;
		font-size: 30px;
		position: absolute;
		right: 20px;
		text-align: center;
		top: 30px;
		width: 52px;
	}
	.hamburger:before { background: url(img/hamburger.png) no-repeat; content: ''; display: inline-block; height: 42px; margin-top: -15px; vertical-align: middle; width: 52px;}
	.hamburger.active:before { background: none; content: '\D7'; font-size: 80px; line-height: 30px;}
		
    .main-menu {	display: block; margin-top: 0; }
	.main-menu .menu { max-height: 0; overflow: hidden; transition: max-height 0.3s;}
	.main-menu .menu.open { max-height: 1000px;}
	.main-menu .menu > li { display: block; margin: 1.5em 0; text-align: center; width: 100%;}
    .main-menu .menu > li a { font-size: 1.25em; padding: 0; width: 100%; }
	.main-menu .menu > li a:before { display: none;}
	/* end header */
		
	.breadcrumbs { margin-bottom: 20px;}
	.breadcrumbs ul li.divider { margin: 0 1em;}
	
	.sectionzz_top, .sectionzz_bottom { padding: 30px 0;}

	/* sozdanie */
	.sd-step-wrap { width: 50%;}
	.steps-popup { overflow: auto;}
	.steps-popup__body { top: 0; -webkit-transform: none; transform: none; padding-bottom: 20px; padding-top: 20px;}
	
	.table-price-desktop {
		display: none;
	}
	.mobile-price {
		display: block;
	}
	
	.sd-specialist { padding: 20px 15px;}
	.slick-current .sd-specialist { padding-top: 20px;}
	
	.yamap__form-wrap { margin-bottom: 35px;}
	.yamap__form { margin: 0 auto; position: static;}
	/* end sozdanie */
	
	.mainblock_form_contra { margin-bottom: 40px;}
	
    .home-banner__left, .home-banner__right {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		width: auto !important;
    }
	.home-banner__left { margin-bottom: 30px;}
	
	#banner-reclama .banner-title + .banner-subtitle { margin-bottom: 1em; margin-top: 0.5em;} 
	
	.form_wrapper { margin: 0 auto; }
	.form_wrapper_small { padding-left: 0; padding-right: 0;}
	.home-banner__action {
		font-size: 1.25em;
		line-height: 1.5;
		max-width: 100%;
		width: 462px;
	}
	
	.input { margin-top: 10px; text-align: center;}
	.form-title_red, .banner-form input, .banner-form button, .banner-form textarea {
		margin: 0 auto;
	}
	
	/* start */
	.numbers-block--text1 { font-size: 2em;}
	.numbers-block--text2 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em;}
	
	/* obsluzhivanie */
	.pluses { display: block; margin: 30px 0; padding-right: 0;}
	.pluse-wrap { display: inline-block; margin: 0 -2px 30px; padding: 0 10px; width: 50%;}
	.pluse__img { margin-bottom: 0.5em;}
	
	/* prodvizhenie */
	.seofaqs-a, .seofaqs-q { padding: 20px 30px;}
	.seofaqs-a  { font-size: 1.4em}
	
	.case-table tr { display: block; margin-bottom: 0.5em;}
	.case-table td { display: block; padding: 0; text-align: left;}
	.case-table td.case-table__img { display: none;}
	
	.work-item-slider__text {
		width: 500px;
	}
	.site-sprite {
		margin-bottom: 1.5em;
		width: 100%;
	}
	.about-us__text-block {
		width: 100%;
	}
	.contact-form-head {
		background: #CC0202;
		height: auto;
		padding: 15px 0;
	}
	.contact-table-1__form-block .banner-form input {
    	width: 300px;
    }
    .contact-table-1 {
    	width: 100%;
    }
    .contact-table-1 td {
	    display: block;
	    padding: 20px 0;
	    text-align: center;
    	width: 100% !important;
    }
	.contact-table-1--text, .contact-table-1--text { text-align: center;}
	
	.base-contacts-block_half {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.base-contacts-block_form {
		margin-top: 30px;
		text-align: center;
	}
	
    .reviews-page .reviews-img {
		width: 100%;
		display: block;
		margin: 0 auto;
    }
    .reviews-page .reviews-text {
	    width: 100%;
	    display: block;
	}
	.sort-1 {
		height: auto;
	}
	.sort-1 a {
		float: none !important;
		text-align: center;
		display: block;
		margin: 20px 0 !important;
	}
	.sort-2 {
		text-align: center;
		text-align-last: center;
	}
	.sort-2 a {
		margin: 10px 20px;
		display: inline-block;
	}
	.price-page .home-banner__left {
		width: 100%;

	}
	#banner-reclama .home-banner__right {
		width: auto;
	}
	.col-4 {
		display: block;
		margin-bottom: 30px;
	}
	#banner-reclama .home-banner__left, #banner-reclama-2 .home-banner__left, 
	#banner-reclama-3 .home-banner__left, #banner-reclama .home-banner__action {
    	width: 100%;
	}
    .banner-title, 
	#banner-reclama-2 .banner-title, 
	#banner-reclama-3 .banner-title {
        font-size: 1.5em !important;
    }
	.why-smm__title { margin-top: 0.5em;}
	.banner-form-block .banner__left, .banner-form-block .banner__right {
		display: block;
		margin: 0 0 30px;
		padding: 0;
		width: 100% !important;
	}
	.dotted-item {
		margin: 0 0 20px !important;
		padding: 10px 15px;
		width: auto;
	}
	.banner-form-block .banner__right {
	    text-align: center;
	}
	.col-4--list {
		position: static;
		margin: auto;
	} 
	#work-steps .col-4 {
		width: 100%;
	}
	#banner-reclama.banner-reclama-smm  .home-banner__left {
    	width: 100%;
	}
	.works-table {
	    display: block;
		margin: 20px auto;
		max-width: 100%;
		width: 380px;
	}
	.works-col-3 { display: block; width: 100%;}
	.works-col-3 td {
		display: block;
		padding: 5px 0 20px;
		width: 100%;
	}
	.works-col-3 .title { margin-bottom: 0.5em;}
		
	/* о нас */
	.year-results-slider { padding: 0 20px;}
	.slick-prev { left: 0;}
	.slick-next { right: 0;}
	.yrs-item__img { height: 200px; width: 200px;}
	.yrs-item__img_sert { padding: 20px; line-height: 160px;}
	.yrs-item__img_human + .yrs-item__img_sert { margin-left: 0;}
	.yrs-item__name { font-size: 1.5em; line-height: 1.2;}
	.yrs-item__post { line-height: 1.2; margin-bottom: 1.2em;}
	.yrs-item__descr { font-family: 'Open Sans'; font-size: 1.125em;}
	
	.yrb-item { width: 50%;}
	.yrb-item__accent { height: 100px;}
	.yrb-item__digit { font-size: 4em;}
	
	/* services page */
	.service-item {
		width: 33.333%;
	}
	/* end services page */
	
	.top-menu ul {
		margin-top: 10px;
	}
	.top-menu ul li {
		max-width: none;
	}
	.top-menu ul li a {
		padding: 0 0 10px;
	}
	.top-menu ul li a.active:after {
		display: none;
	}
	.news-item__name {
		font-size: 1.25em;
	}
}
@media (max-width: 640px) {	
	.case-counter span { display: block; margin: 5px 0 0;}
	/* services page */
	.service-item {
		width: 50%;
	}
	/* end services page */
	
}
@media (max-width: 560px) {
	/* standart style */
	blockquote { font-size: 1.2em; padding: 0 25px;}
	blockquote:before, blockquote:after { background: none; font-size: 3em; height: auto; width: auto;}
	blockquote:before { content: '\201C'; top: 0;}
	blockquote:after { bottom: -0.5em; content: '\201D'; }
	
	.t_xlarge { font-size: 1.5em;}
	/* end standart style */
	
	/* sozdanie */
	.sd-step-wrap { width: 100%;}
	.steps-popup__body  .sd-step__img { display: none;}
	.steps-popup__body  .sd-step__name { font-size: 1.2em;}
	.steps-popup__body  .sd-step__descr { font-size: 0.875em;}
	.sd-project .sd-project__companyimg-wrap, .sd-project .sd-project__companydescr { margin-bottom: 1em; width: 100%;}

	.sd-competence-wrap { width: 100%;}
	
	.mobile-price {
		display: block;
		padding: 0 2px;
	}
	.mobile-price-block {
		width: 100%;
	}
	/* end sozdanie */
	
	.banner-form button, .project-title { font-size: 1.2em;}
	.project-subtitle { font-size: 1.1em;}
	
	.work-item-slider__text {
		width: 460px;
	}
	
	.home-banner__action, .banner-form input {
		width: 100%;
	}
	.home-banner__action {
		font-size: 1em;
	}
	.project-text, .project-img {
		display: block;
		float: none;
		width: 100%;
	}
	.portfolio-img  img  { max-width: 100%;}
	.project-text {
		margin-top: 1.5em;
	}
	.map-links a {
		white-space: nowrap;
		display: block;
		margin: 2.5em;
	}
	.portfolio-item {
		width: 100%;
	}
	.portfolio-img {
		background: none;
		height: auto;
	}
	.portfolio-links a {
		margin: 0.625em;
	}
	
	.uslugi-text { margin: 1em 0 0;}
	.usluga { font-size: 1.125em; margin-bottom: 3.5em; width: 100%;}
	
	
	.about-us__title, .home-title, .project-title {
	    font-size: 1.2em;
	}
	
	.personal-table__person > img { margin-right: 0;}
	.personal-table__person { display: block; width: 100%;}
	.personal-table__person, .personal-table__contacts, .personal-table__contacts p { text-align: center;}
	
	/* services page */
	.service-item__img {
		height: 100px;
		width: 100px;
	}
	/* end services page */
	
	.news-item__img {
		float: none;
	}
	.news-item__text {
		margin-left: 0 !important;
	}
}
@media (max-width: 480px){
    .work-item-slider__text {
        width: 400px;
    }
	
	/* о нас */
	.yrb-item { margin-bottom: 30px; width: 100%;}
	.yrb-item__accent { height: auto; margin-bottom: 1em;}
	
	/* obsluzhivanie */
	.pluse-wrap { width: 100%;}
	.rate__name { padding: 1em 0.5em;}
	.rate__text { padding: 0 15px 15px;}
}
@media (max-width: 400px) {
	header .phone-block {
		display: block;
		text-align: center;
		margin: 20px 0 0;
	}
	.home-banner__action {
		background: none;
	    color: #000;
		font-weight: 600;
	}
	.contact-table-1 tr td span {
		display: block;
		margin: 10px auto;
	}
	#banner-reclama .home-banner__action {
		background: none;
	}
	.works-table {
    	width: 100%;
	}
	.work-item-slider__text  {
		width: 300px;
	}
	
	/* services page */
	.service-item {
		width: 100%;
	}
	/* end services page */
}

/* Sendpulse */
.b-sendpulse {
    padding: 150px 0;
}
.b-sendpulse__success {
    margin: 0;
}

/*/--> Star line */
.b-star-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.b-star-line span:not(.b-star-line__icon) {
    display: block;
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #42515A;
    height: 1px;
}
.b-star-line__icon {
    display: block;
    padding: 0 30px;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
}
/*/--> Vertical line */
.b-vertical-line {
    position: relative;
}
/*/--> Spaces */
.b-space {
    height: 40px;
}
.b-space_xs {
    height: 10px;
}
.b-space_sm {
    height: 20px;
}
.b-space_md {
    height: 30px;
}
/*/--> Services */
.b-services-row .b-col {
    padding-bottom: 40px;
}
.b-services-row_ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.b-services-item {
    max-width: 500px;
    margin: 0 auto;
}
.b-services-item__icon .sprite-service {
    margin: 0 auto 10px;
}
.b-services-item__desc p {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 0;
}
.b-services-item__desc a {
    text-decoration: none;
    color: inherit;
}
/*/--> Sticky */
.b-sticky {
    position: sticky;
    top: 10px;
}
/*/--> Media */
@media (min-width: 640px) {
    /* vertical line */
    .b-vertical-line:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #42515A;
    }
}
@media (min-width: 920px) {

}
@media (min-width: 960px) {
    /* services */
    .b-services-item__desc a:hover {
        text-decoration: underline;
    }
}





/* Портофолио tdsmp */

.b-portfolio-banner {
	display: block;
	background: url('img/tdmsp-1.png');
	width: 100%;
	height: auto;
	padding: 50px 00px 0px 00px;
}


.b-portfolio-banner__logo-palax {
	display: block;
	background: url('img/logo_palax-2.png');
	width: 144px;
	height: 29px;
	margin-bottom: 10px;

}

.b-portfolio-banner-block {
	display: flex;
}

.b-portfolio-banner-block-col {
	width: 50%;
}

.b-portfolio-banner-block img {
	position: absolute;	
	height: auto;
	right: 380px;
	/*top: 170px;*/
	top: 280px;
	/*width: 43%;*/
}

.b-portfolio-banner__yers {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 80px;
}

.b-portfolio-banner__content {
	/*width: 60%;*/
	text-align: left;

}

.b-portfolio-banner__content-title {
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	line-height: 45px;
	color: #000000;

}

.b-portfolio-banner__content-subtitle {
	font-size: 24px;
	line-height: 29px;
	color: #737373;
	margin-bottom: 76px;
}

.b-portfolio-banner__content-buttons {
	display: flex;
	align-items: center
}

.button, .link-more-orange {
	background: #E8541D;
	border-radius: 5px;
	padding: 11px 42px;
	font-size: 25px;
	line-height: 43px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.button, .link-more-orange:hover {
	background: #000000;
	color: #fff;
}

.b-portfolio-banner__gray-block {
	display: block;
	background-color: #333333;
	width: 58%;
	padding: 20px;
	margin: 80px 0 0 0;
}

.b-portfolio-banner__gray-block img {
	position: relative;
	left: 30%;
	width: 200px;
}


/* Задача */

.b-portfolio-task {

}

.b-portfolio-task-block {
	/*display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 40%;
	position: relative;*/

	
	
	
}

.b-portfolio-task-block:before {
	/*position: absolute;
	content: 'Задача';
	right: 0;
	width: 100%;
	font-style: normal;
	font-weight: bold;
	font-size: 200px;	
	color: #000;
	text-align: right;*/
}

.b-portfolio-task__title-back {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 250px;
	color: #F0F5F8;
	text-transform: uppercase;
	top: -20px;
	text-align: right;
	/*width: 50%;
	left: 35%;*/

}

.b-portfolio-task__title-front {
	position: absolute;
    width: 24%;
 /*   top: 9%;*/
    top: 10%;
    /* left: 0; */
	right: 12%;
}

.b-portfolio-task__title-front div {
	font-weight: bold;
	font-size: 40px;
	line-height: 49px;
} 

.b-portfolio-task__title-front p {
	font-weight: normal;
	font-size: 24px;
	line-height: 29px;
}

/*.b-portfolio-task__title:before {
	content: "Задача:";
	font-size: 40px;
	line-height: 49px;
	color: #000000;
	position: absolute;
	left: 0
}*/

/* Карта */

.b-portfolio-map-site {
	background-color: #F0F5F8;
	padding: 80px 0;
}

.b-portfolio-map-site__title {
	font-weight: bold;
	font-size: 40px;
	line-height: 49px;
}

.b-portfolio-map-site__subtitle {
	width: 30%;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 29px;
	position: absolute;
    z-index: 10;
}

.b-portfolio-map-site img {
	position: relative;
}


/* Цвета */

.b-portfolio-color {
	background-color: #fff;
	margin: 0 0 80px 0;
}

.b-portfolio-color__block {
	position: relative;
	/*width: 80%;
    margin: 50px auto;*/

}

.b-portfolio-color__block-title {
	/*font-style: normal;
	font-weight: bold;
	font-size: 96px;
	line-height: 117px;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 10;*/
    position: relative;
	font-weight: bold;
	font-size: 250px;
	line-height: 250px;
	color: #F0F5F8;	
	top: -40px;
	/*width: 50%;*/
	text-align: right;
	/*left: 45%;*/
	margin-bottom: 50px;	
}

.b-portfolio-color__block-title:before {
	content: "Цвета";
	font-weight: bold;
	font-size: 96px;
	color: #000000;
	text-transform: none;
	position: absolute;
	width: 24%;
    top: 35%;
    right: 45%;

}

.b-portfolio-color__block-bgr {
	display: none;
	font-style: normal;
	font-weight: bold;
	font-size: 200px;
	/*line-height: 188px;*/
	text-align: right;
	position: relative;
	bottom: 240px;
    left: 80px;
	color: #F0F5F8;
}

.b-portfolio-color__color-site {
	display: block;
	background: url('img/tdmsp-5.png') no-repeat;
	width: 100%;
}

.b-block-colors {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	border: 2px solid #E8541D;
	box-sizing: border-box;
	border-radius: 10px;
	width: 80%;
	height: auto;
	margin: 0 auto;
	position: relative;
    z-index: 9999;
}

.b-block-colors img {
	width: 50%;
	position: relative;
	left: 100px;
}

.b-block-color-col {
	width: 60%;
	padding: 80px 50px 30px 50px;
	
}

.b-block-color-col__lists {
	display: flex;
	justify-content: space-between;
}

.b-block-color-col__list-orange {
	display: block;
	background: url('img/circle-1.svg') no-repeat;
	width: 100px;
	height: 100px;
}

.b-block-color-col__list-darkgrey {
	display: block;
	background: url('img/circle-2.svg') no-repeat;
	width: 100px;
	height: 100px;
}

.b-block-color-col__list-grеy {
	display: block;
	background: url('img/circle-3.svg') no-repeat;
	width: 100px;
	height: 100px;
}

.b-block-colors__text {
	margin-top: 50px;
}

.b-block-colors__text-title {
	font-weight: bold;
	font-size: 40px;
	line-height: 49px;
}

.b-block-colors__text-subtitle {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
}


/* Блок до/после*/

.b-portfolio-result {
	background-color: #999999;
}

.b-portfolio-result-lists {
	display: flex;
	justify-content: space-between;
}


.b-portfolio-result-list__before {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 220px;
	line-height: 200px;
	color: #A4A4A4;
	text-transform: uppercase;
	/*top: -70px;*/
	padding: 0;
	margin: 0;
	right: 50px;
}


.b-portfolio-result-list__before:before {
	content: "До";
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	position: absolute;
	top: 0;
	right: 30%;
	padding: 0;
	margin: 0;
}

.b-portfolio-result-list__after {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 220px;
	line-height: 200px;
	color: #A4A4A4;
	text-transform: uppercase;
	/*top: -70px;*/
	right: 40%;
	padding: 0;
	margin: 0;

}

.b-portfolio-result-list__after:before {
	content: "после";
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	position: absolute;
	top: 0;
	right: 10%;
	padding: 0;
	margin: 0;

}

.b-portfolio-result-list img {
	position: relative;
}



/*.b-portfolio-result-list__before, .b-portfolio-result-list__after  {
	position: relative;
	font-style: normal;
	font-weight: bold;
	font-size: 72px;
	line-height: 88px;
	text-transform: uppercase;
	text-align: center;
	padding: 50px 0 45px 0;
	color: #000000;

}

.b-portfolio-result-list__before:before{
	content: "До";
	position: absolute;
	left: 0;
	top: 35px;
	color: #A4A4A4;
	font-style: normal;
	font-weight: bold;
	font-size: 200px;

}

.b-portfolio-result-list__after:before{
	content: "После";
	position: absolute;
	right: 5px;
	top: 35px;
	color: #A4A4A4;
	font-style: normal;
	font-weight: bold;
	font-size: 200px;
	

}*/

.b-portfolio-result-list {
	width: 48%;
}

.b-portfolio-result__block {
	margin-top: 300px;
	margin-bottom: 50px;
}

.b-portfolio-result__block-line {
	display: block;
	background: url(img/p-line-1.png) no-repeat;
    margin: 35px auto;
	width: 60%;
	height: 190px;
	position: absolute;
	left: 0;
}

.b-portfolio-result__block-line-bottom {
	display: block;
	background: url(img/p-line-2.png) no-repeat;
    margin: 35px auto;
	width: 60%;
	height: 190px;
	position: absolute;
	left: 0;
}



.b-portfolio-result__block-title {
	font-weight: bold;
	font-size: 30px;
	line-height: 49px;
	color:#000;
	margin-bottom: 15px;
}

.b-portfolio-result__block-subtitle {
	color:#000
}

.b-portfolio-result__block:before {
	display: block;
	background: url(img/p-line.png) no-repeat;
	height: 600px;
}

/* Моб  */

.b-portfolio-mob {
	display: block;
	background: url(img/p-line.png) no-repeat;
	height: 100%;
	width: 100%;
}

.b-portfolio-mob__block {
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
	padding: 80px 0;
 	
}

.b-portfolio-mob__block-img  {
	padding: 250px 0 0 0;
	width: 35%;
		
}

.b-portfolio-mob__block-pic  {
	width: 35%;

}

.b-portfolio-mob__block-col {
	align-self: center;
	padding: 120px 0 0 0;
	width: 30%;
}


.b-portfolio-mob__block-col-content div {
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 50px;
	color: #000000;
	margin-bottom: 10px;

}

.b-portfolio-mob__block-col-content p {
	font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 25px;
color: #737373;
}

.b-portfolio-mob__social {
	display: flex;
	width: 70%;
	justify-content: space-between
}


.b-portfolio-gallery {
	background: #E8541D;
	padding: 30px 0;
	display: flex;
	flex-flow: column wrap;
}


.b-portfolio-gallery__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

li.b-portfolio-gallery__items-item {
	list-style-type: none;
	width: 33%;
	align-self: flex-end;
}


li.b-portfolio-gallery__items-item:nth-child(even) {
	padding: 50px 0 0 0;
}


li.b-portfolio-gallery__items-item:nth-child(odd)  {
	padding: 80px 0 0 0 ;
}


.gallery {
	display: flex;
	padding: 2px;
	transition: 0.3s;
	position: relative;
  }
.gallery:hover .gallery__image {
	filter: grayscale(1);
  }
.gallery__column {
	display: flex;
	flex-direction: column;
	width: 33%;
	margin: 20px;
  }

.gallery__col-1 {
	padding: 50px 0;
}

.gallery__col-2 {
	padding: 150px 0 0 0;
}

.gallery-block {
	display: flex;
	justify-content: space-between;
}

.gallery-block-col {
	width: 45%;
}

.gallery-block__thumb {
	margin-bottom: 20px;
	
}

  .gallery__link:hover .gallery__image {
	filter: grayscale(0);
  }
  .gallery__link:hover .gallery__caption {
	opacity: 1;
  }
  .gallery__thumb {
	position: relative;
	margin-bottom: 30px;
  }
  .gallery__image {
	display: block;
	width: 100%;
	transition: 0.3s;
  }
  .gallery__image:hover {
	transform: scale(1.1);
  }


.b-gallery-palax  {
	display: block;
	background: url(img/logo_palax1.png);
	width: 286px;
	height: 84px;
	/*position: absolute;
	bottom: 130px;*/
	margin: auto
}

.b-portfolio-button {
	padding: 50px 0;
	margin: auto;
}

.b-portfolio-button__content {
	text-align: center;

}

.b-portfolio-button__content-link {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #E8541D;
	margin-left: 30px;
	cursor: pointer;
	z-index: 10;
}

@media (max-width: 1800px) {
	.b-portfolio-banner-block img {
		right: 250px;
	}
}

@media (max-width: 1440px) {
	.b-portfolio-banner-block img {
		right: 150px;
	}

	.b-portfolio-task__title-back {
		/*left: 25%;*/
	}

    .b-portfolio-task__title-front {
		 position: absolute;
		 width: 30%;
		 right: 2%;
	}
	
	.b-portfolio-map-site__subtitle {
		width: 40%;
	}
}

@media (max-width: 1350px) {
	.b-portfolio-banner-block img {
		right: 10%;
	}
}

@media (max-width: 1024px) {

	.b-portfolio-banner {
		padding: 50px;
		background: url(img/tdmsp-fon.jpg);
	}
	.b-portfolio-banner-block-col {
		width: 100%;
	}
	.b-portfolio-banner-block img {
		display: none;
		width: 60%;
		right: 0;
		top: 2%
	}

	.b-portfolio-banner__gray-block {
		display: none;
	}

	.b-portfolio-task__title-back {
		left: 0;
		font-size: 200px;
	}

	.b-portfolio-task__title-front {		
		width: 40%;
		top: 8%;		
	}

	.b-portfolio-map-site__subtitle {
		width: 45%;
	}

	.b-portfolio-map-site img {
		top: 50px;
	}

	.b-portfolio-color__block-title {
		/*left: 20%;*/
		font-size: 200px;
	}
	.b-block-color-col {
		width: 50%;
	}

	.b-block-colors img {
		display: none;
	}

	.b-portfolio-result-list__before, .b-portfolio-result-list__after {
		font-size: 150px;
	}

	.b-portfolio-color__block-title:before {
		top: 25%;

	}

	.b-portfolio-result__block {
	    margin-top: 200px;
	}

	.b-portfolio-mob__block-col-content div {
		font-size: 40px;
	}

	
}

@media (max-width: 980px) {
	.b-portfolio-banner-block img {
		display: none;
	}
	.b-portfolio-banner-block-col {
		width: 100%;
	}

	.b-portfolio-task__title-front {

	}
}

@media (max-width: 960px) {

	.b-portfolio-task__title-front {
		top: 10%;

	}

}

@media (max-width: 780px) {

	.b-portfolio-banner {
		padding: 50px 00px 50px 00px;
	}

	.b-portfolio-banner-block img {
		display: none;
	}

	.b-portfolio-banner-block-col {
		width: 100%;
	}

	.b-portfolio-banner__gray-block {
		display: none;
	}

	.b-portfolio-task {
		padding: 0 15px;
	}

	.b-portfolio-task__title-back {
		display: none;
	}

	.b-portfolio-task__title-front {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		padding: 50px 00px 50px 00px;
	}

	.b-portfolio-task__title-front div {
		margin-bottom: 15px;
	}

	.b-portfolio-map-site__subtitle {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}

	.b-portfolio-map-site img {
		position: relative;
		top: 50px;
		width: 100%;
	}

	.b-portfolio-color__color-site {
		background: #fff
	}

	.b-portfolio-color__block-title {
		width: 80%;
		left: 0;
		font-size: 40px;
		color: #000;
		padding: 0 15px;
		text-align: left;

	}

	.b-portfolio-color__block-title:before {
		content: "";
	}

	.b-block-colors {
		width: 90%;
	}

	.b-block-color-col {
		width: 80%;
	}

	.b-block-colors img {
		display: none;
		width: 50%;
		position: relative;
		left: 0;
	}

	.b-portfolio-result {
		padding: 0 0 50px 0;
	}

	.b-portfolio-result-list__before, .b-portfolio-result-list__after {
		font-size: 30px;
		line-height: 30px;
		text-align: center;
		color: #000;
		right: 0;
		padding: 20px;
	}

	.b-portfolio-result-list__before:before, .b-portfolio-result-list__after:before {
		content: "";
	}

	.b-portfolio-result__block-line, .b-portfolio-result__block-line-bottom {
		display: none;
	}

	.b-portfolio-result__block {
		margin-top: 50px
	}

	.b-portfolio-mob__block-col {
		width: 50%;
	}

	.b-portfolio-mob__block-img, .b-portfolio-mob__block-pic {
		width: 25%;
	}

	.b-portfolio-mob__block-col-content div {
		font-size: 40px;
		line-height: 40px;
	}

	.b-portfolio-mob__social {
		display: flex;
		justify-content: space-between;
		width: 60%;
	}


}


@media (max-width: 480px) {
	.b-portfolio-banner__content-title {
		font-size: 25px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	.b-portfolio-color {
		padding: 50px 0;
		margin: 0;
	}

	.b-portfolio-color__block-title {
		position: initial;
		font-size: 40px;
		line-height: 40px;
	}

	.b-block-color-col {
		width: 100%;
	}

	.b-block-colors img {
		display: none;
	}

	.b-portfolio-result-lists {
		display: block;
	}

	.b-portfolio-result {
		background-color: #F0F5F8
	}

	.b-portfolio-result-list__before, .b-portfolio-result-list__after, .b-portfolio-result-list img {
		display: none;
	}
	

	.b-portfolio-result-list, .b-portfolio-result__block {
		width: 100%;
	}

	.b-portfolio-mob__block-img {
		display: none;
	}

	.b-portfolio-mob__block-pic {
		width: 50%;
	}

	.b-portfolio-mob__block-col {
		width: 50%;
		padding: 0;
	}

	.b-portfolio-mob__block-col-content div {
		font-size: 30px;
		line-height: 30px;
	}

	.b-portfolio-mob__social {
		display: flex;
		width: 100%;
	}

	.b-portfolio-mob__social a {
		padding: 8px;
	}

	.gallery {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.gallery__column {
		width: 90%;
	}

	.gallery__col-1, .gallery__col-2, .gallery__col-3 {
		padding: 0;
	}

	.button, .link-more-orange {
		padding: 10px;
	}


}

	@media (max-width: 320px) {

		.b-portfolio-banner__yers, .b-portfolio-banner__content-subtitle {
			margin-bottom: 50px;
		}
		.b-portfolio-banner__content-title {
			font-size: 25px;
			line-height: 25px;
		}

		.b-portfolio-banner__content-buttons {
			display: flex;
			flex-direction: column;
			text-align: center;

		}
		.button, .link-more-orange {
			margin-bottom: 20px;
		}

		.b-portfolio-button__content-link {
			margin: 0;
		}

		.b-block-colors__text-title {
			font-size: 25px;
			line-height: 25px;
		}

		.b-block-color-col {
			padding: 30px;
		}

		.b-block-colors__text {
			margin-top: 20px;
		}

		.b-portfolio-mob__block-col-content div {
			font-size: 25px;
			line-height: 25px;
		}
		.b-portfolio-mob__block-col-content p {
			font-size: 16px;
			line-height: 16px;
		}

		.b-portfolio-button__content {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	}


	.sert-slider {
		padding: 0 60px;
	}

	.sert-slider img {
		padding: 25px;
		filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.14));
	}


	.block-about-video {
		width: 70%;
		margin: 0 auto 50px;
	}


	@media (max-width: 640px) {

		.block-about-video {
			width: 100%;
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}
		.block-about-video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	  
	  }
	  
.yamap__form-wrap.custom .yamap__form {
	top: 210px;
}	

.servic-card-container {
	display: flex;
	flex-wrap: wrap;
	gap: 16px; 
	justify-content: space-between; 
  }
  
  .servic-card {
	width: calc(33.33% - 16px);
    border: 1px solid rgb(0 0 0 / 20%);
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 20px;
  }

  .servic-card-col {
	margin-bottom: 45px;
  }

  .servic-card__title {
	text-align: center;
  }

  .servic-card__subtitle {
	text-align: center;
	font-size: 20px;
  }

  .servic-card__price {
	text-align: center;
	font-size: 30px;
	margin: 0;
	font-weight: 600;
  }

  @media (max-width: 768px) {
	.servic-card {
	  width: calc(50% - 16px); /* 2 колонки на планшетах */
	}
  }
  
  @media (max-width: 480px) {
	.servic-card {
	  width: 100%; /* 1 колонка на мобильных */
	}
  }