/* Generated by less 2.2.0 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	/*padding: 0 20px;*/
	box-sizing:border-box;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[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-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "<"; }
[dir="rtl"] .slick-prev:before { content: ">"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: ">"; }
[dir="rtl"] .slick-next:before { content: "<"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*# sourceMappingURL=slick.css.map */

body {
  min-width: 100%;
  background: #fffcf7;
  font: 16px 'Fira Sans';
  color: #2d2d2d;
}
button {
  cursor: pointer;
  font-family: inherit;
}
strong {
  font-weight: 700;
}
i {
  font-style: italic;
}
.container {
	max-width:1234px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.va::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}
::selection {
  background: #ee5634;
  color: #fffcf7;
  
}
::-moz-selection {
  background: #ee5634;
  color: #fffcf7;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
}
.icon-presentation {
  width: 24px;
  height: 30px;
  background-image: url('/bitrix/templates/mabee_main/images/presentation.png');
}
.icon-request {
  width: 20px;
  height: 20px;
  background-image: url('/bitrix/templates/mabee_main/images/request.png');
}
.icon-android {
  width: 16px;
  height: 18px;
  background-image: url('/bitrix/templates/mabee_main/images/android.png');
}
.icon-ios {
  width: 18px;
  height: 21px;
  background-image: url('/bitrix/templates/mabee_main/images/ios.png');
}
.icon-arrow-inside-a-circle {
  display: inline-block;
  width: 39px;
  height: 39px;
  box-sizing: border-box;
  border-radius: 39px;
  border: 2px solid #38bae3;
  position: relative;
  font-weight: 500;
  font-size: 0.181em;
  text-transform: uppercase;
  color: #2d2d2d;
  overflow: hidden;
  -webkit-transition: width 0.5s ease, -webkit-border-radius 10s ease;
  -moz-transition: width 0.5s ease, border-radius 10s ease;
  -o-transition: width 0.5s ease, border-radius 10s ease;
  transition: width 0.5s ease, border-radius 10s ease;
}
.icon-arrow-inside-a-circle::after {
  content: "";
  display: block;
  width: 11px;
  height: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 12px;
  background-image: url('/bitrix/templates/mabee_main/images/arrow-inside-a-circle.png');
}
.icon-arrow-inside-a-circle:hover {
  width: 154px;
  border-radius: 20px;
}
.icon-arrow-inside-a-circle:hover span {
  left: 18px;
}
.icon-arrow-inside-a-circle span {
  display: inline-block;
  position: absolute;
  top: -17px;
  left: -200px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.icon-demo {
  width: 33px;
  height: 43px;
  background: url('/bitrix/templates/mabee_main/images/icon-demo.png');
}
.nav {
  height: 60px;
  background: #2d2d2d;
  /*margin: 0 -20px;*/
}
.nav__link,
.nav__link_active {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0px 30px;
  float: left;
  color: #fffcf7;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav__link:hover {
  background: #ee5634;
}
.nav__link_active {
  background: #fffcf7;
  color: #2d2d2d;
}
.inner-menu .nav__link,
.inner-menu .nav__link_active {
	display: inline-block;
	vertical-align: middle;
	height: auto;
	padding: 15px 30px;
	line-height: 1.2 !important;
}
.inner-menu .nav__link_active {
	width: 100%;
	box-sizing: border-box;
	/*background: #2d2d2d;
	color: #FFFCF7;*/
	
}
.inner-menu .nav__link {
	line-height: 1.2 !important;
}
.header {
	/*overflow: hidden;*/
	/*margin: 0 -20px;*/
}
.header__topest {
  background: #f7f9fa;
}
.header__top {
  width: 100%;
  max-width:1234px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  background: #f7f9fa;
  padding: 12px 0;
  position: relative;
}
.header__top:before,
.header__top:after {
  content: "";
  display: table;
}
.header__top:after {
  clear: both;
}
.header__top-inline1,.header__top-inline2,.header__top-inline3,.header__top-inline4{
  display: inline-block;
}
.header__top-inline1{
  margin: 0 30px;
}
.social-icons li{
  display: inline-block;
  padding: 0px 5px;
}
.inline{
  display: inline-block;
}
.social-icons li a img {
    margin-top: 3px;
    background: #909090;
}
.phone{
  position: relative;
  text-decoration: none;
  font-size: 1.043em;
  font-weight: 700;
  white-space: nowrap;
  color: #333;
  margin-left: 15px;
}
.phone img{
  position: absolute;
  top:1px;
  left: -15px;
}
.header__top-inline3{
  position: absolute;
  top: 15px;
  right: 100px;
}
.header__content {
  width: 100%;
  max-width:1234px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  padding: 64px 0px;
}
.header__content:before,
.header__content:after {
  content: "";
  display: table;
}
.header__content:after {
  clear: both;
}
.header__logo {
  display: inline;
  float: left;
  width: 142px;
  margin: 0 7px;
  margin-right: 215px;
}
.header__contacts {
  display: inline;
  float: left;
  width: 595px;
  margin: 0 7px;
}
.header__contacts-list {
  display: block;
  width: 638px;
  margin: 0 -7px;
  *zoom: 1;
}
.header__contacts-list:before,
.header__contacts-list:after {
  content: "";
  display: table;
}
.header__contacts-list:after {
  clear: both;
}
.header__contacts-item {
  display: inline;
  float: left;
  width: 298px;
  margin: 0 7px;
  position: relative;
}
.header__contacts-item::before {
  content: "";
  display: block;
  position: absolute;
  top: -23px;
  left: -44px;
  width: 23px;
  height: 48px;
  background: url('/bitrix/templates/mabee_main/images/corner.png');
}
.header__contacts-item__title {
  font-weight: 300;
  font-size: 1.75em;
}
.header__contacts-item__phone-prefix {
  display: inline-block;
  vertical-align: top;
  padding: 2px 0px 0px 0px;
  font-weight: 500;
  color: #bbbbbb;
  font-size: 1em !important;
}
.header__contacts-item__phone-number {
  font-weight: 700;
  font-size: 1.5em;
  color: #2D2D2D;
  text-decoration: none;
}
.header__button {
  display: inline;
  float: left;
  width: 194px;
  margin: 0 7px;
  margin-right: 59px;
}
.header__offer-button {
  display: block;
  width: 100%;
  border: 3px solid #ee5634;
  padding: 8px 0px;
  background: transparent;
  font-size: 1.5em;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header__offer-button:hover {
  color: #fffcf7;
}
.header__offer-button:hover::before {
  top: 0%;
}
.header__offer-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0px;
  z-index: -1;
  background: #ee5634;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.services {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 54px;
}
.services:before,
.services:after {
  content: "";
  display: table;
}
.services:after {
  clear: both;
}
.services__tabs__item {
  display: inline;
  float: left;
  width: 293px;
  margin: 0 7px;
  display: block;
  padding: 40px 0px;
  font-weight: 500;
  font-size: 1.125em;
  color: #2d2d2d;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 25px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.services__tabs__item:first-child {
  margin-left: 371px;
}
.services__tabs__item:last-child {
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
}
.services__tabs__item_active {
  color: #bbbbbb;
}
.services__tabs__item_active .services__tabs__item__line {
  fill: #bbbbbb;
}
.services__tabs__item_active .services__tabs__item__line-container {
  width: 170px;
}
.services__tabs__item__line-container {
  width: 54px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.services__tabs__item__line {
  width: 180px;
  fill: #ee5634;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobile-develompent {
  overflow: hidden;
}
.mobile-develompent__links {
  display: inline;
  float: left;
  width: 298px;
  margin: 0 7px;
  position: relative;
  z-index: 1;
}
.mobile-develompent__links__item {
  display: inline-block;
  text-decoration: none;
  color: #2d2d2d;
  height: 32px;
  line-height: 32px;
  font-weight: 500;
  font-size: 0.875em;
  text-transform: uppercase;
  margin: 0px 0px 8px 0px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-develompent__links__item .icon {
  width: 24px;
  margin-right: 8px;
}
.mobile-develompent__links__item:hover {
  color: #38bae3;
}
.mobile-develompent__the-biggest-title {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  position: relative;
  z-index: 1;
  font-size: 4.5em;
  text-transform: uppercase;
  line-height: 72px;
  font-weight: 500;
}
.mobile-develompent__the-biggest-title .icon-arrow-inside-a-circle {
  position: absolute;
  top: 11px;
  left: -44px;
}
.mobile-develompent__the-biggest-title__text {
  position: relative;
  left: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mobile-develompent__the-biggest-title__text.shift {
  left: 120px;
}
.something {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 7px;
  height: 750px;
  margin-top: -200px;
  position: relative;
  background: url('/bitrix/templates/mabee_main/images/crosses.png') center 206px no-repeat;
}
.something__other-phone {
  width: 757px;
  height: 328px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -378px;
}
.something__other-phone__shadow {
  position: absolute;
  bottom: 0px;
}
#svg-other-phone {
  position: absolute;
  bottom: 19px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.something__other-phone__item {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.something__other-phone__item_1 {
  width: 613px;
  height: 225px;
  background: url('/bitrix/templates/mabee_main/images/screen-1.png');
  position: absolute;
  top: 3px;
  left: 73px;
}
.something__other-phone__item_1_hidden {
  opacity: 0;
  top: 31px;
}
.something__other-phone__item_2 {
  width: 569px;
  height: 203px;
  background: url('/bitrix/templates/mabee_main/images/screen-2.png');
  position: absolute;
  top: 0px;
  left: 100px;
}
.something__other-phone__item_2_hidden {
  opacity: 0;
  top: 52px;
}
.something__phone {
  width: 662px;
  height: 749px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -240px;
}
.game {
  width: 605px;
  height: 328px;
  background: url('/bitrix/templates/mabee_main/images/game.png') center center no-repeat;
  position: absolute;
  top: 297px;
  left: 50%;
  margin-left: -350px;
}
.game__player {
  width: 37px;
  height: 27px;
  background: url('/bitrix/templates/mabee_main/images/player.png');
  position: absolute;
  bottom: 68px;
  left: 272px;
  z-index: 10;
}
.game__enemies {
  width: 222px;
  height: 59px;
  background: url('/bitrix/templates/mabee_main/images/enemies.png');
  position: absolute;
  top: 44px;
  left: 56px;
  z-index: 10;
  -webkit-animation: enemies 6s linear infinite;
  -moz-animation: enemies 6s linear infinite;
  -o-animation: enemies 6s linear infinite;
  animation: enemies 6s linear infinite;
}
.game__shot {
  width: 6px;
  height: 6px;
  background: #2d2d2d;
  border-radius: 50%;
  position: absolute;
  bottom: 68px;
  left: 287px;
  z-index: 1;
  -webkit-animation: shot 3s linear infinite;
  -moz-animation: shot 3s linear infinite;
  -o-animation: shot 3s linear infinite;
  animation: shot 3s linear infinite;
}
.game__phone {
  position: absolute;
}
.something__phone__petal {
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -o-transition-delay: 120ms;
  transition-delay: 120ms;
}
.something__phone__petal:hover,
.something__phone__petal.active {
  z-index: 10;
}
.something__phone__petal:hover .icon,
.something__phone__petal.active .icon {
  opacity: 1;
}
.something__phone__petal .icon {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.something__phone__petal_1 {
  width: 126px;
  height: 165px;
  top: 252px;
  left: 247px;
  background: url('/bitrix/templates/mabee_main/images/petal-1.png');
}
.something__phone__petal_1:hover,
.something__phone__petal_1.active {
  top: 216px;
  left: 265px;
}
.something__phone__petal_1 .icon {
  top: 36px;
  left: 30px;
}
.something__phone__petal_2 {
  width: 164px;
  height: 125px;
  top: 323px;
  left: 274px;
  background: url('/bitrix/templates/mabee_main/images/petal-2.png');
}
.something__phone__petal_2:hover,
.something__phone__petal_2.active {
  top: 305px;
  left: 310px;
}
.something__phone__petal_2 .icon {
  top: 54px;
  left: 88px;
}
.something__phone__petal_3 {
  width: 164px;
  height: 126px;
  top: 459px;
  left: 277px;
  background: url('/bitrix/templates/mabee_main/images/petal-3.png');
}
.something__phone__petal_3:hover,
.something__phone__petal_3.active {
  top: 477px;
  left: 313px;
}
.something__phone__petal_3 .icon {
  top: 30px;
  left: 88px;
}
.something__phone__petal_4 {
  width: 126px;
  height: 164px;
  top: 490px;
  left: 246px;
  background: url('/bitrix/templates/mabee_main/images/petal-4.png');
}
.something__phone__petal_4:hover,
.something__phone__petal_4.active {
  top: 526px;
  left: 264px;
}
.something__phone__petal_4 .icon {
  top: 86px;
  left: 36px;
}
.something__phone__petal_5 {
  width: 127px;
  height: 164px;
  top: 490px;
  left: 106px;
  background: url('/bitrix/templates/mabee_main/images/petal-5.png');
}
.something__phone__petal_5:hover,
.something__phone__petal_5.active {
  top: 526px;
  left: 88px;
}
.something__phone__petal_5 .icon {
  top: 86px;
  left: 57px;
}
.something__phone__petal_6 {
  width: 166px;
  height: 126px;
  top: 319px;
  left: 38px;
  background: url('/bitrix/templates/mabee_main/images/petal-6.png');
}
.header-mobile{
	display:none;
}
.something__phone__petal_6:hover,
.something__phone__petal_6.active {
  top: 301px;
  left: 2px;
}
.something__phone__petal_6 .icon {
  top: 54px;
  left: 38px;
}
.something__phone__petal_7 {
  width: 131px;
  height: 166px;
  top: 251px;
  left: 102px;
  background: url('/bitrix/templates/mabee_main/images/petal-7.png');
}
.something__phone__petal_7:hover,
.something__phone__petal_7.active {
  top: 215px;
  left: 84px;
}
.something__phone__petal_7 .icon {
  top: 36px;
  left: 62px;
}
.something__item {
  display: inline-block;
  position: absolute;
  font-size: 1em;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.something__item:hover .something__circle,
.something__item.active .something__circle {
  background: #b2e7f8;
}
.something__item:hover .something__circle__text,
.something__item.active .something__circle__text {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.something__item:hover .something__line,
.something__item.active .something__line {
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
  opacity: 1;
}
.something__line {
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(-20px);
  -moz-transform: translate(-20px);
  -o-transform: translate(-20px);
  -ms-transform: translate(-20px);
  transform: translate(-20px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -o-transition-delay: 120ms;
  transition-delay: 120ms;
}
.something__circle {
  width: 74px;
  height: 74px;
  float: left;
  margin-right: -30px;
  border-radius: 50%;
  background: #ffded1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -o-transition-delay: 120ms;
  transition-delay: 120ms;
}
.something__circle__text {
  display: inline-block;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -o-transition-delay: 120ms;
  transition-delay: 120ms;
}
.something__item_1 {
  top: 300px;
  left: 120px;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.something__item_1 .something__line {
  width: 100px;
  left: -34px;
  top: -2px;
}
.something__item_1 .something__circle {
  width: 76px;
  height: 76px;
}
.something__item_1 .something__circle__text {
  margin: 16px 0px;
}
.something__item_2 {
  top: 400px;
  left: 220px;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.something__item_2 .something__line {
  width: 124px;
  left: -39px;
  top: -7px;
}
.something__item_2 .something__circle {
  width: 92px;
  height: 92px;
}
.something__item_2 .something__circle__text {
  margin: 36px 0px;
}
.something__item_3 {
  top: 560px;
  left: 250px;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.something__item_3 .something__line {
  width: 110px;
  left: -34px;
  top: -9px;
}
.something__item_3 .something__circle {
  width: 78px;
  height: 78px;
}
.something__item_3 .something__circle__text {
  margin: 20px 0px;
}
.something__item_4 {
  top: 288px;
  right: 118px;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.something__item_4 .something__line {
  width: 110px;
  left: -34px;
  top: -4px;
}
.something__item_4 .something__circle {
  width: 84px;
  height: 84px;
}
.something__item_4 .something__circle__text {
  margin: 22px 0px;
}
.something__item_5 {
  top: 402px;
  right: 118px;
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}
.something__item_5 .something__line {
  width: 80px;
  left: -25px;
  top: -3px;
}
.something__item_5 .something__circle {
  width: 60px;
  height: 60px;
}
.something__item_5 .something__circle__text {
  margin: 11px 0px;
}
.something__item_6 {
  top: 486px;
  right: 138px;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.something__item_6 .something__line {
  width: 100px;
  left: -30px;
  top: -5px;
}
.something__item_6 .something__circle {
  width: 75px;
  height: 75px;
}
.something__item_6 .something__circle__text {
  margin: 28px 0px;
}
.something__item_7 {
  top: 588px;
  right: 24px;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.something__item_7 .something__line {
  width: 120px;
  left: -36px;
  top: -6px;
}
.something__item_7 .something__circle {
  width: 90px;
  height: 90px;
}
.something__item_7 .something__circle__text {
  margin: 28px 0px;
}
.something__item_8 {
  top: 488px;
  left: 130px;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.something__item_8 .something__line {
  width: 120px;
  left: -36px;
  top: -6px;
}
.something__item_8 .something__circle {
  width: 90px;
  height: 90px;
}
.something__item_8 .something__circle__text {
  margin: 36px 0px;
}
.something__item_9 {
  top: 288px;
  right: 130px;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.something__item_9 .something__line {
  width: 120px;
  left: -36px;
  top: -6px;
}
.something__item_9 .something__circle {
  width: 90px;
  height: 90px;
}
.something__item_9 .something__circle__text {
  margin: 36px 0px;
}
.something__item_10 {
  top: 310px;
  left: 50px;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.something__item_10 .something__line {
  width: 90px;
  left: -33px;
  top: -4px;
}
.something__item_10 .something__circle {
  width: 64px;
  height: 64px;
}
.something__item_10 .something__circle__text {
  margin: 23px 0px;
}
.something__item_11 {
  top: 470px;
  left: 64px;
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}
.something__item_11 .something__line {
  width: 100px;
  left: -33px;
  top: -3px;
}
.something__item_11 .something__circle {
  width: 76px;
  height: 76px;
}
.something__item_11 .something__circle__text {
  margin: 19px 0px;
}
.something__item_12 {
  top: 285px;
  right: 106px;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.something__item_12 .something__line {
  width: 120px;
  left: -37px;
  top: -6px;
}
.something__item_12 .something__circle {
  width: 90px;
  height: 90px;
}
.something__item_12 .something__circle__text {
  margin: 35px 0px;
}
.something__item_13 {
  top: 484px;
  right: 260px;
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  transition-delay: 800ms;
}
.something__item_13 .something__line {
  width: 90px;
  left: -30px;
  top: -5px;
}
.something__item_13 .something__circle {
  width: 66px;
  height: 66px;
}
.something__item_13 .something__circle__text {
  margin: 24px 0px;
}
#svg-phone {
  width: 480px;
  height: 160px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -331px;
}
#svg-circle {
  width: 500px;
  height: 500px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  margin-left: -343px;
}
#svg-tubule {
  width: 270px;
  height: 304px;
  position: absolute;
  bottom: 449px;
  left: 50%;
  margin-left: 50px;
}
.index-tabs {
  margin-bottom: 64px;
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}
.solutions {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 62px;
}
.solutions:before,
.solutions:after {
  content: "";
  display: table;
}
.solutions:after {
  clear: both;
}
.solutions .section-title {
  margin-left: 215px;
}
.solutions .slick-dots {
  top: -100px;
  right: 100%;
  left: auto;
  bottom: auto;
  margin-right: 14px;
}
.section-title {
  font-weight: 500;
  font-size: 1.75em;
  text-transform: uppercase;
  margin-bottom: 68px;
}
.solutions__slider {
  padding-left:32px;
  padding-right:32px;
  *zoom: 1;
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  margin-left: 215px;
}
.solutions__slider:before,
.solutions__slider:after {
  content: "";
  display: table;
}
.solutions__slider:after {
  clear: both;
}
.solutions__slider .slick-prev {
  left: 0px !important;
}
.solutions__slider .slick-next {
  right: -0px !important;
}
.solution__item {
	box-sizing:border-box;
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
  margin-left: 0px;
  position: relative;
  padding: 0px 0px 17px 0px;
}
.solution__item::after {
  content: "";
  display: block;
  width: 74px;
  height: 1px;
  background: #e6e4e1;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.solution__item p {
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 30px;
}
.solution__item svg {
  width: 90%;
  left: 14px;
}
.solutions__image-background {
  display: block;
  width: 171px;
  margin: 0 auto;
  position: relative;
  top: 40px;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.solutions__image-background_normal {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}
.solutions__image {
  height: 184px;
  position: relative;
}
.solutions__image-space {
  position: absolute;
  top: 0px;
  left: 0px;
}
.solutions__image-lines {
  position: absolute;
  top: 0px;
  left: 0px;
}
.solution__title {
  font-weight: 500;
  font-size: 1.75em;
  margin-bottom: 10px;
}
.custom-arrows .slick-prev,
.custom-arrows .slick-next {
  width: 32px;
  height: 63px;
  background: url('/bitrix/templates/mabee_main/images/slider-sprite.png');
  top: 60px;
}
.custom-arrows .slick-prev::before,
.custom-arrows .slick-next::before {
  display: none;
}
.custom-arrows .slick-prev {
  background-position: 0px 0px;
  left: -32px;
}
.custom-arrows .slick-next {
  background-position: -32px 0px;
  right: -32px;
}
.portfolio {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 78px;
}
.portfolio:before,
.portfolio:after {
  content: "";
  display: table;
}
.portfolio:after {
  clear: both;
}
.portfolio .section-title {
  margin-bottom: 26px;
  margin-left: 215px;
}
.portfolio .slick-dots {
  top: -58px;
  right: 91%;
  left: auto;
  bottom: auto;
}
.portfolio-slider {
  display: inline;
  float: left;
  width: 1026px;
  margin: 0 7px;
  margin-left: 111px;
}
.portfolio-slider .slick-prev,
.portfolio-slider .slick-next {
  top: 204px;
}
.portfolio-slider .slick-prev {
  left: 38px;
}
.portfolio-slider__item__number {
  display: inline;
  float: left;
  width: 90px;
  margin: 0 7px;
  display: inline-block;
  font-weight: 500;
  font-size: 3em;
  color: #38bae3;
  vertical-align: top;
  position: relative;
  top: 4px;
}
.portfolio-slider__item__title {
  display: inline-block;
  font-weight: 500;
  font-size: 4.5em;
  text-transform: uppercase;
}
.portfolio-slider__item__image {
  margin:0 auto;
}
.short-news-list {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 28px;
}
.short-news-list:before,
.short-news-list:after {
  content: "";
  display: table;
}
.short-news-list:after {
  clear: both;
}
.short-news-list .section-title {
  margin-left: 215px;
}
.short-news-list .section-title + .short-news-list__item {
  margin-left: 267px;
}
.short-news-list__item {
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
  margin-left: 59px;
  padding: 0px 0px 14px 0px;
  position: relative;
}
.short-news-list__item::after {
  content: "";
  display: block;
  width: 73px;
  height: 1px;
  background: #e6e4e1;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.short-news-list__item img {
  max-width: 100%;
}
.short-news-list__item p {
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 30px;
}
.short-news-list__item__title {
  font-weight: 500;
  font-size: 1.5em;
  line-height: 30px;
  margin-bottom: 4px;
}
.short-news-list__item__date {
  font-weight: 500;
  font-size: 1.25em;
  color: #f8a659;
  margin-bottom: 18px;
}
.footer {
  width: 1248px;
  overflow:hidden;
  margin-left: auto;
  margin-right: auto;
}
.footer__inside {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  margin-left: 215px;
  border-top: 2px solid #e6e4e1;
  padding: 28px 0px;
}
.footer__copyright {
  *zoom: 1;
  font-size: 1.5em;
  display: inline-block;
}
.footer__copyright:before,
.footer__copyright:after {
  content: "";
  display: table;
}
.footer__copyright:after {
  clear: both;
}
.privacy-span{
  display: inline-block;
  margin-left: 30px;
}
.privacy-a{
  color: #999;
  text-decoration: none;
}
.custom-dots .slick-dots {
  display: inline-block;
  width: auto;
}
.custom-dots .slick-dots button {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #ffded1;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.custom-dots .slick-dots button::before {
  display: none;
}
.custom-dots .slick-dots .slick-active button {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  border-color: #38bae3;
}
.custom-dots .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0px 6px;
}
.moved-left {
  left: -1000px !important;
}
.moved-right {
  right: -1000px !important;
}
.easy-shifting {
  -webkit-animation: easy-shifting 1s ease infinite;
  -moz-animation: easy-shifting 1s ease infinite;
  -o-animation: easy-shifting 1s ease infinite;
  animation: easy-shifting 1s ease infinite;
}
@keyframes easy-shifting {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes easy-shifting {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes enemies {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(246px);
    -moz-transform: translateX(246px);
    -o-transform: translateX(246px);
    -ms-transform: translateX(246px);
    transform: translateX(246px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes enemies {
  0% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(246px);
    -moz-transform: translateX(246px);
    -o-transform: translateX(246px);
    -ms-transform: translateX(246px);
    transform: translateX(246px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes shot {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(0px, -148px);
    -moz-transform: translate(0px, -148px);
    -o-transform: translate(0px, -148px);
    -ms-transform: translate(0px, -148px);
    transform: translate(0px, -148px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes shot {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(0px, -148px);
    -moz-transform: translate(0px, -148px);
    -o-transform: translate(0px, -148px);
    -ms-transform: translate(0px, -148px);
    transform: translate(0px, -148px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.breadcrumbs {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  margin-left: 319px;
  margin-bottom: 20px;
}
.breadcrumbs__link {
  font-weight: 500;
  font-size: 0.805em;
  color: #bbbbbb;
  text-decoration: none;
  text-transform: uppercase;
}
.breadcrumbs__separator {
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url('/bitrix/templates/mabee_main/images/breadcrumbs-separate.png');
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin: 0 8px;
}
.article {
  width: 100%;
  max-width:1248px;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
  *zoom: 1;
}
.article:before,
.article:after {
  content: "";
  display: table;
}
.article:after {
  clear: both;
}
.article__title {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  margin-left: 319px;
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 2.8em;
  line-height: 60px;
  text-transform: uppercase;
}
.article__title:after{
	clear:both;
}
.article__content p,
.article__content ul,
.article__content ol,
.case__description p {
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 30px;
  margin-bottom: 24px;
}
.article__content img {
  display: block;
  max-width: 100%;
  margin-bottom: 14px;
}
.article__element {
  margin-bottom: 74px !important;
}
.article__element_main {
  display: inline;
  float: left;
  width: 558px;
  margin: 0 7px;
}
.article__element_micro {
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
  margin-left: 59px;
}
.article__element_micro p {
  font-size: 0.8125em;
  line-height: 20px;
}
.article__element_half {
  display: inline;
  float: left;
  width: 506px;
  margin: 0 7px;
  margin-left: 59px;
}
.article__element_third {
  display: inline-block;
  float:none;
  width: 350px;
  vertical-align:top;
  margin: 0 7px;
  margin-left: 59px;
}
.article__element_third p,
.article__element_third ul {
  font-size: 0.8125em;
  line-height: 20px;
}
.article__element_third li {
  margin-bottom: 10px;
}
.article__with-text-by-sides {
  display: inline;
  float: left;
  width: 1182px;
  margin: 0 7px;
  margin-left: 59px;
  clear: both;
}
.article__with-text-by-sides__row {
  display: block;
  max-width: 1210px;
  width:100%;
  margin: 0 -7px;
  *zoom: 1;
}
.article__with-text-by-sides__row:before,
.article__with-text-by-sides__row:after {
  content: "";
  display: table;
}
.article__with-text-by-sides__row:after {
  clear: both;
}
.article__with-text-by-sides__side {
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
}
.article__with-text-by-sides__side p {
  font-size: 0.8125em;
  line-height: 20px;
}
.article__with-text-by-sides__main {
  display: inline;
  float: left;
  width: 558px;
  margin: 0 7px;
  margin-left: 59px;
  margin-right: 59px;
}
.article__element_wide {
  display: inline;
  float: left;
  width: 714px;
  margin: 0 7px;
  margin-left: 59px;
  margin-right: 59px;
}
.article__element_near-wide {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 7px;
  margin-left: 59px;
}
.article__element_near-wide p,
.article__element_near-wide ul {
  font-size: 0.8125em;
  line-height: 20px;
}
.article__second-title {
  font-weight: 500;
  font-size: 2.25em;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
p + .article__second-title {
  margin-top: 52px;
}
.article__third-title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 1.625em;
  text-transform: uppercase;
  line-height: 30px;
}
.article__fourth-title {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 1.625em;
  text-transform: uppercase;
  line-height: 30px;
  color: #bbbbbb;
}
.quote {
  font-weight: 500 !important;
  font-size: 1.375em !important;
  position: relative;
}
.quote::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url('/bitrix/templates/mabee_main/images/quote-sprite.png') 0px 0px;
  margin-right: 8px;
  position: relative;
  top: -6px;
}
.quote::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url('/bitrix/templates/mabee_main/images/quote-sprite.png') -18px 0px;
  margin-left: 8px;
  position: relative;
  top: 6px;
}
.article__floating-image {
  display: inline;
  float: left;
  width: 142px;
  margin: 0 7px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.article__content ul,
.article__content ol {
  list-style-type: disc;
  list-style-position: inside;
  /*color: #ee5634;*/
}
.article__content ul li span,
.article__content ol li span {
  color: #2d2d2d;
}
.article__content ol {
  list-style-type: decimal;
  color: #2d2d2d;
}
.article__content ol li {
  font-size: 0.8125em;
}
.footnote__number {
  font-weight: 700;
  color: #ee5634;
}
.small {
  color: #888;
  font-size: 0.6875em !important;
}
.small_shifted {
  margin-left: 28px;
}
.clear {
  clear: both;
}
.article__form-1 label {
  width: 530px;
}
.label-1,
.label-2 {
  display: block;
  margin: 24px 0px;
}
.label-1 .input-1,
.label-1 .textarea-1 {
  margin-top: 6px;
}
.label-2 {
  height: 40px;
}
.label-2 span {
  display: inline-block;
  width: 430px;
}
.toggle-menu ul{
	padding-bottom:20px;
	padding-top:20px;
}
.toggle-menu-city{
	color:#bbbbbb;
	text-transform:uppercase;
	font-size:14px;
}
.toggle-menu-number{
	color:#bbbbbb;
    font-weight: 500;
	font-size:16px;
	
}
.toggle-menu-number span{
	color:#fff;
    
	font-size:24px;
	
}
.input-1,
.input-2,
.textarea-1 {
  display: block;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #38bae3;
  padding: 0px 12px;
  background: transparent;
  font-family: inherit;
}
.input-1:focus {
  -webkit-box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
  -moz-box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
  box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
}
.input-2 {
  width: 63px;
  float: right;
}
.input-2:focus {
  -webkit-box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
  -moz-box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
  box-shadow: inset 0px 0px 0px 3px rgba(237, 234, 230, 0.75);
}
.textarea-1 {
  padding-top: 12px;
  padding-bottom: 12px;
  resize: none;
  font-size: 13px;
  line-height: 20px;
}
.gray {
  color: #888;
}
.gray-2 {
  color: #bbbbbb;
}
.halfed-list {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 0px 20px 0px 0px;
}
.halfed-list li {
  font-size: 13px;
  line-height: 20px;
  margin: 0px 0px 10px 0px;
}
.sidebar {
  display: block;
  float: left;
  width: 22.8%;
  margin: 0 7px;
  margin-right: 59px;
}
.sidebar__title {
  margin-left: 59px;
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 1.5em;
  text-transform: uppercase;
}
.sidebar__links-item {
  display: block;
  padding: 12px 0px;
  font-weight: 500;
  font-size: 0.875em;
  color: #2d2d2d;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sidebar__links-item span {
  margin-left: 59px;
  display: inline-block;
}
.sidebar__links-item:hover {
  color: #fffcf7;
  background: #ee5634;
}
.sidebar__links-item:hover::before {
  opacity: 1;
}
.sidebar__links-item_active {
  background: #2d2d2d !important;
  color: #fffcf7;
}
.case__features {
  display: inline;
  float: left;
  width: 142px;
  margin: 0 7px;
  margin-right: 59px;
  margin-bottom: 86px;
}
.case__logo {
  width: 142px;
  height: 142px;
  line-height: 130px;
  margin-bottom: 36px;
  box-sizing: border-box;
  border: 6px solid #f2efe9;
  border-radius: 15px;
  text-align: center;
  background: #fff;
}
.case__logo img {
  display: inline-block;
  vertical-align: middle;
}
.case__features__item {
  padding: 0px 0px 0px 10px;
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 0.875em;
}
.case__features__item .icon {
  margin-right: 14px;
}
.case__description {
  display: inline;
  float: left;
  max-width: 558px;
  margin: 0 7px;
  margin-bottom: 86px;
}
.case__description___title {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 1.5em;
}
.designing {
  padding: 48px 0px 0px 0px;
  background: url('/bitrix/templates/mabee_main/images/designing-background.png');
  margin-bottom: 70px;
}
.designing .container {
  *zoom: 1;
}
.designing .container:before,
.designing .container:after {
  content: "";
  display: table;
}
.designing .container:after {
  clear: both;
}
.designing__title,
.designing__count,
.drawing__title,
.demonstration__title {
  display: inline-block;
  height: 61px;
  line-height: 45px;
  box-sizing: border-box;
  margin-bottom: 84px;
  padding: 8px 14px;
  font-weight: 300;
  font-size: 2.25em;
  color: #fffcf7;
  background: #ee5634;
  float: left;
}
.designing__count {
  font-size: 1.5em;
  float: right;
  line-height: 50px;
}
.designing__scheme {
  clear: both;
}
.designing__item {
  display: inline;
  float: left;
  width: 194px;
  margin: 0 7px;
  margin-left: 59px;
  margin-right: 59px;
  box-sizing: border-box;
  padding: 46px 0px 0px 0px;
  min-height: 396px;
  margin-bottom: 84px;
  background: url('/bitrix/templates/mabee_main/images/designing-item.png') center top no-repeat;
  text-align: center;
  position: relative;
}
.designing__item__image {
  border: 2px solid #fffcf7;
}
.designing__item_empty {
  background: none;
}
.designing__item__arrow {
  position: absolute;
  z-index: 10;
}
.drawing {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
}
.drawing__title {
  background: #38bae3;
}
.drawing__slider {
  clear: both;
  height: 568px;
  box-sizing: border-box;
  margin-bottom: 140px;
  padding: 38px 0px;
  background: #f2efe9;
  position: relative;
}
.drawing__slider::before {
  content: "";
  display: block;
  width: 311px;
  height: 649px;
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -155px;
  z-index: 10;
  background: url('/bitrix/templates/mabee_main/images/phone-slider.png');
}
.drawing__item_right {
  left: -57px !important;
}
.drawing__item_left {
  left: 56px !important;
}
.drawing__item {
  text-align: center;
  position: relative;
  left: 0px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.drawing__item img {
  display: inline-block;
}
.demonstration {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.demonstration:before,
.demonstration:after {
  content: "";
  display: table;
}
.demonstration:after {
  clear: both;
}
.demonstration__title {
  background: #6bc9c7;
}
.demonstration__video {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  box-sizing: border-box;
  background: #f2efe9;
  padding: 38px;
  margin-bottom: 68px;
}
.demonstration__video_center {
  margin-left: 163px;
}
.about {
  margin-bottom: 40px;
}
.about p {
  font-weight: 300;
  line-height: 30px;
}
.about__description {
  display: inline;
  float: left;
  width: 70%;
  box-sizing:border-box;
  margin: 0 7px;
}
.about__photos {
	box-sizing:border-box;
  display: inline;
  float: left;
  width: 40%;
  margin: 0 7px;
  margin-left: 59px;
}
.about__photos-item {
  display: inline;
  float: left;
  width: 47%;
  margin: 0 7px;
  margin-bottom: 14px;
}
.about__photos-item img {
  display: block;
  max-width: 100%;
}
.page-title {
  font-weight: 500;
  font-size: 3em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.page-subtitle {
  font-weight: 500;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 34px 0px;
}
.map {
  display: inline;
  float: left;
  width: 44%;
  margin: 0 7px;
  margin-right: 59px;
}
.map-container {
  height: 327px;
  margin-bottom: 10px;
  overflow:hidden;
}
.map__address {
  display: inline-block;
  background: #fb704b;
  font-weight: 300;
  font-size: 1.5em;
  color: #fff;
  line-height: 1;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.map__phone {
  display: inline-block;
  background: #38bae3;
  color: #fff;
  line-height: 1;
  font-size: 2.5em;
  padding: 8px 10px;
  font-weight: 700;
}
.map__prefix {
  display: inline-block;
  font-size: 0.65em;
  vertical-align: top;
  padding: 4px 0px;
  font-weight: 500;
}
.mobile-career  .sidebar{
	display:none;
}
.request {
  margin-top: 72px;
  margin-bottom: 72px;
}
.request .article__second-title {
  margin-bottom: 14px;
}
.request__content {
  border-top: 4px solid #f2efe9;
  padding: 46px 0px;
}
.request__content p {
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 30px;
}
.request__info {
  display: inline;
  float: left;
  width: 40%;
  margin: 0 7px;
  margin-right: 59px;
}
.request__form {
  display: inline;
  float: left;
  width: 40%;
  margin: 0 7px;
  margin-left: 59px;
}
.lined-list {
  list-style: none;
}
.lined-list li {
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 30px;
  border-top: 1px solid #f2efe9;
}
.lined-list li:last-child {
  border-bottom: 1px solid #f2efe9;
}
.form-1 .header__offer-button {
  margin-top: 30px;
}
.form-1__element {
  margin-bottom: 10px;
}
.form-1__label {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 0.9375em;
  color: #fb704b;
}
.form-1__input {
  display: block;
  border: 2px solid #d4cfc4;
  background: #ffffff;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 0.9375em;
}
textarea.form-1__input {
  display: block;
  resize: none;
}
.error {
  border-color: #ec502f;
}
.glossary-content {
  display: inline;
  float: left;
  width: 61%;
  margin: 0 7px;
}
.glossary-content2 {
  display: inline;
  float: left;
  width: 558px;
  margin: 0 7px;
  margin-bottom: 50px;
}
.glossary-content2 p {
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}
.glossary-content__block {
  display: inline-block;
  vertical-align: top;
  width: 350px;
  margin: 0 7px;
  margin-bottom: 20px;
}
.glossary-content__block:nth-child(odd) {
  margin-right: 59px;
}
.glossary-content__block-title {
  font-weight: 500;
  font-size: 2.375em;
  color: #bbbbbb;
  border-bottom: 1px solid;
  margin-bottom: 12px;
}
.glossary-content__list a {
  font-weight: 500;
  font-size: 1.25em;
  color: #002222;
  text-decoration: none;
}
.glossary-content__list li {
  margin-bottom: 10px;
}
.article__title_shift {
  display: inline;
  float: left;
  width: 870px;
  margin: 0 7px;
  margin-left: 371px;
  margin-bottom: 40px;
}
.glossary-inner-title {
  display: inline;
  float: left;
  width: 922px;
  margin: 0 7px;
  margin-left: 319px;
  font-size: 3em;
  color: #bbbbbb;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.glossary-inner-title__small {
  display: block;
  font-size: 0.2916666666666667em;
}
.glossary-inner-title__black {
  color: #000000;
}
.glossary-content__item-title {
  font-weight: 500;
  font-size: 1.25em;
  color: #002222;
  text-decoration: none;
  margin-bottom: 20px;
}
.glossary-content__block-title_small {
  font-size: 0.875em;
  text-transform: uppercase;
}
.works__item {
  margin-bottom: 30px;
}
.icon-arrow-inside-a-circle_other1 {
  top: -4px;
}
.icon-arrow-inside-a-circle_other1 span {
  top: 11px !important;
}
.icon-arrow-inside-a-circle_other1:hover {
  width: 128px;
}
.icon-arrow-inside-a-circle_other1::after {
  width: 18px;
  height: 21px;
  background-image: url('/bitrix/templates/mabee_main/images/ios2.png');
  margin-top: -10px;
  right: 8px;
}
.icon-arrow-inside-a-circle_other2 {
  top: -4px;
}
.icon-arrow-inside-a-circle_other2 span {
  top: 11px !important;
}
.icon-arrow-inside-a-circle_other2:hover {
  width: 162px;
}
.icon-arrow-inside-a-circle_other2::after {
  width: 16px;
  height: 18px;
  background-image: url('/bitrix/templates/mabee_main/images/android2.png');
  margin-top: -9px;
  right: 9px;
}
.works__visualization img{
	width:100%;
	height:auto;
}
.works__annotation {
  display: inline;
  float: left;
  width: 28%;
  margin: 0 7px;
  margin-left: 59px;
  margin-right: 59px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
}
.works__visualization {
  display: inline;
  float: left;
  width: 60%;
  margin: 0 7px;
  background: #2f365b;
  border-radius: 10px;
}
.works__visualization img {
  display: block;
}
.portfolio-slider__item__title_in-list {
  margin-bottom: 20px;
}
.icon-book {
  display: inline-block;
  width: 58px;
  height: 41px;
  background: url('/bitrix/templates/mabee_main/images/book.png');
}
.icon-question {
  display: inline-block;
  width: 54px;
  height: 52px;
  background: url('/bitrix/templates/mabee_main/images/question.png');
}
.icon-cli {
  display: inline-block;
  width: 48px;
  height: 41px;
  background: url('/bitrix/templates/mabee_main/images/cli.png');
}
.icon-over-title {
  margin: 0px 0px 20px 0px;
  clear: both;
}
.links-line__item {
  display: inline-block;
  padding: 18px 8px;
  font-weight: 500;
  font-size: 0.875em;
  color: #222222;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.links-line__item:hover {
  background: #ff684c;
  color: #fff;
}
.no-margin {
  margin: 0px !important;
}
.strange-aligned-text {
  display: inline;
  float: left;
  width: 610px;
  margin: 0 7px;
  margin-left: 59px;
  position: relative;
  margin-bottom: 40px;
}
.strange-aligned-text::after {
  content: "";
  display: block;
  width: 74px;
  height: 1px;
  background: #e6e4e1;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.strange-aligned-text p {
  font-weight: 300;
  line-height: 30px;
  margin: 20px 0px;
}
.strange-aligned-text img {
  display: block;
  margin: 20px 0px;
}
.other-strange-aligned-text {
  display: inline;
  float: left;
  width: 610px;
  margin: 0 7px;
  margin-left: 111px;
  position: relative;
  margin-bottom: 40px;
}
.other-strange-aligned-text::after {
  content: "";
  display: block;
  width: 74px;
  height: 1px;
  background: #e6e4e1;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.other-strange-aligned-text p {
  font-weight: 300;
  line-height: 30px;
  margin: 20px 0px;
}
.other-strange-aligned-text img {
  display: block;
  margin: 20px 0px;
}
.publications {
  display: inline;
  float: left;
  width: 60%;
  margin: 0 7px;
}
.publications__category {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #f2826a;
}
.publications__date {
  font-weight: 500;
  font-size: 2.25em;
  color: #f8a659;
}
.pagination {
  margin: 30px 0px;
}
.pagination__item {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  font-weight: 500;
  font-size: 0.875em;
  color: #222222;
  text-decoration: none;
  padding: 0px 12px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pagination__item:hover {
  background: #ff684c;
  color: #fff;
}
.pagination__item_active {
  color: #fff;
  position: relative;
  background: transparent !important;
}
.pagination__item_active::before {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background: #000000;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: -1;
  margin-top: -25px;
}
textarea.form-1__input{
	width:100% !important;
	max-width:694px;
}
.pagination_push {
  margin-left: 59px;
}
.text-col {
  display: inline;
  float: left;
  width: 558px;
  margin: 0 7px;
}
.text-col p {
  font-weight: 300;
  line-height: 30px;
  margin: 20px 0px;
}
.icon-big-android {
  display: inline-block;
  width: 34px;
  height: 40px;
  background: url('/bitrix/templates/mabee_main/images/big-android.png');
}
.icon-big-ios {
  display: inline-block;
  width: 37px;
  height: 44px;
  background: url('/bitrix/templates/mabee_main/images/big-ios.png');
}
.icon-big-windows {
  display: inline-block;
  width: 40px;
  height: 44px;
  background: url('/bitrix/templates/mabee_main/images/big-windows.png');
}
.dev-step {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 7px;
}
.dev-step p {
  font-weight: 300;
  line-height: 30px;
  margin: 0px 0px;
}
.dev-step .article__third-title {
  margin-top: 8px !important;
}
.dsc {
  margin-bottom: 30px;
  position: relative;
  left: -104px;
}
.demands {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 7px;
  margin-bottom: 40px;
}
.demands__element {
  display: inline;
  float: left;
  width: 20%;
  margin: 0 7px;
  margin-left: 29px;
  text-align: center;
}
.demands__element img {
	width:100%;
	max-width:177px;
	display:block;
	margin:0 auto;
  margin-bottom: 20px;
}
.demands__title {
  font-weight: 500;
  font-size: 1.125em;
  color: #bbbbbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.demands__row {
  display: block;
  width: 100%;
  margin: 0 -7px;
  *zoom: 1;
}
.demands__row:before,
.demands__row:after {
  content: "";
  display: table;
}
.demands__row:after {
  clear: both;
}
.push1 {
  margin-left: 59px;
}
.services-container {
  display: block;
  float: left;
  width: 67.4%;
  margin: 0 7px;
  position: relative;
}
.services-container::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #dddddd;
  position: absolute;
  top: 0px;
  left: 50px;
  z-index: -1;
}
.services-container__icon-line {
  margin-bottom: 28px;
  clear: both;
  background: #FFFCF7;
}
.services-container__icon-container {
  width: 100px;
  height: 100px;
  line-height: 100px;
  box-sizing: border-box;
  border: 2px solid #dddddd;
  border-radius: 50%;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.services-container__icon-container span {
  vertical-align: middle;
}
.services-container__icon-container::before {
  content: "";
  display: block;
  width: 99px;
  height: 99px;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 0;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: url('/bitrix/templates/mabee_main/images/highlighted-circle.png') 0 0 no-repeat;
}
.icon-services-1 {
  display: inline-block;
  width: 30px;
  height: 52px;
  background: url('/bitrix/templates/mabee_main/images/services-1.png') 0 0 no-repeat;
}
.icon-services-2 {
  display: inline-block;
  width: 44px;
  height: 42px;
  background: url('/bitrix/templates/mabee_main/images/services-2.png') 0 0 no-repeat;
}
.icon-services-3 {
  display: inline-block;
  width: 48px;
  height: 24px;
  background: url('/bitrix/templates/mabee_main/images/services-3.png') 0 0 no-repeat;
}
.icon-services-4 {
  display: inline-block;
  width: 56px;
  height: 34px;
  background: url('/bitrix/templates/mabee_main/images/services-4.png') 0 0 no-repeat;
}
.icon-services-5 {
  display: inline-block;
  width: 26px;
  height: 45px;
  background: url('/bitrix/templates/mabee_main/images/services-5.png') 0 0 no-repeat;
}
.icon-services-6 {
  display: inline-block;
  width: 48px;
  height: 41px;
  background: url('/bitrix/templates/mabee_main/images/services-6.png') 0 0 no-repeat;
}
.icon-services-7 {
  display: inline-block;
  width: 30px;
  height: 44px;
  background: url('/bitrix/templates/mabee_main/images/services-7.png') 0 0 no-repeat;
}
.services-container__item_last {
  background: #FFFCF7;
}
.show-before::before {
  opacity: 1 !important;
}



.case__other-icons {
  border-top: 2px solid #f2efe9;
  padding-top: 18px;
}
.icon-gear {
  width: 24px;
  height: 23px;
  background: url('/bitrix/templates/mabee_main/images/gear.png');
}
.icon-lamp {
  width: 22px;
  height: 24px;
  background: url('/bitrix/templates/mabee_main/images/lamp.png');
}
.designing__info {
  display: inline;
  float: left;
  width: 298px;
  margin: 0 7px;
  box-sizing: border-box;
  padding: 20px;
  background: #ff673e;
  border-radius: 5px;
  position: relative;
}
.designing__info p {
  font-size: 1em;
  color: #fff;
  margin-bottom: 1em;
}
.designing__info p:last-child {
  margin-bottom: 0px;
}
.designing__info::after {
  content: "";
  display: block;
  width: 263px;
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -131px;
  background: url('/bitrix/templates/mabee_main/images/designing-bottom.png');
}
.designing__info_left::before {
  content: "";
  display: block;
  width: 27px;
  height: 67px;
  background: url('/bitrix/templates/mabee_main/images/designing-right-arrow.png');
  position: absolute;
  top: 56px;
  right: -27px;
}
.designing__info_right::before {
  content: "";
  display: block;
  width: 27px;
  height: 67px;
  background: url('/bitrix/templates/mabee_main/images/designing-left-arrow.png');
  position: absolute;
  top: 56px;
  left: -27px;
}
.designing__info-title {
  font-size: 1.25em;
  color: #fff;
  padding: 0px 0px 14px 0px;
  margin-bottom: 1em;
  border-bottom: 2px solid #ef572e;
}
.no-padding {
  padding: 0px !important;
}
.switch {
  display: inline-block;
  border: 3px solid #ff684c;
}
.switch__element {
  display: inline-block;
  float: left;
  font-size: 1.125em;
  color: #000;
  padding: 10px 32px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.switch__element_active {
  background: #ff684c;
  color: #fff;
  cursor: default;
}
.drawing__alt {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -139px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-mobile{
	width:90%;
	margin:10px auto 30px;
	display:none;
	}
.main-mobile ul{
	max-width: 310px;
	margin:0 auto;
}
.main-mobile li{
		padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 29px;
	    background: url("../i/_/orange-circle.jpg") no-repeat;
    background-size: contain;
    margin-bottom: 20px;
}
.main-mobile li{

}
.main-mobile li a{
	
	font-size:16px;
	color:#40322D;
}
.drawing__alt_showed {
  opacity: 1;
}
.drawing-switch {
  display: inline;
  float: left;
  width: 298px;
  margin: 0 7px;
  margin-left: 111px;
  text-align: center;
}
.demonstration__info {
  display: inline;
  float: left;
  width: 246px;
  margin: 0 7px;
  margin-left: 59px;
  padding-top: 128px;
}
.demonstration__info p {
  font-weight: 300;
  font-size: 0.8125em;
  margin-bottom: 24px;
}
.app-store-link {
  display: inline-block;
  width: 130px;
  height: 40px;
  background: url('/bitrix/templates/mabee_main/images/app-store.png');
}
.google-play-link {
  display: inline-block;
  width: 130px;
  height: 40px;
  background: url('/bitrix/templates/mabee_main/images/google-play.png');
}
.download-block {
  display: block;
  margin: 10px 0px;
}
.stats {
  width: 1248px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  margin-bottom: 96px;
}
.stats:before,
.stats:after {
  content: "";
  display: table;
}
.stats:after {
  clear: both;
}
.stats__item {
  display: inline;
  float: left;
  width: 298px;
  margin: 0 7px;
}
.stats__item:nth-child(1) .stats__circle {
  background: url('/bitrix/templates/mabee_main/images/circle-1.png') center center no-repeat;
}
.stats__item:nth-child(2) .stats__circle {
  background: url('/bitrix/templates/mabee_main/images/circle-2.png') center center no-repeat;
}
.stats__item:nth-child(3) .stats__circle {
  background: url('/bitrix/templates/mabee_main/images/circle-3.png') center center no-repeat;
}
.stats__item:nth-child(4) .stats__circle {
  background: url('/bitrix/templates/mabee_main/images/circle-4.png') center center no-repeat;
}
.stats__circle {
  width: 177px;
  height: 177px;
  line-height: 177px;
  margin: 0 auto;
  font-size: 3.75em;
  text-align: center;
  position: relative;
}
.stats__annotation {
  display: inline-block;
  width: 109px;
  padding-bottom: 52px;
  background: url('/bitrix/templates/mabee_main/images/circle-annotation.png') center bottom no-repeat;
  font-size: 13px;
  font-weight: 300;
  color: #222222;
  position: absolute;
  top: -52px;
  left: -36px;
  line-height: 1;
  text-align: left;
}


/* 16.07.2015 */
.not-found {
  border: 2px solid #e5e5e5;
  width: 870px;
  height: 362px;
  margin: 0 auto 100px;
  border-radius: 45px;
}
.not-found__title {
  font-size: 1.5em;
  color: #ff6e37;
  margin: 20px 0 10px;
}
.not-found__message {
  font-weight: 500;
  font-size: 1em;
  color: #a6a6a6;
  line-height: 1.25;
  letter-spacing: .1em;
}
.not-found__left {
  width: 490px;
  line-height: 362px;
  text-align: center;
  float: left;
}
.not-found__left img {
  vertical-align: middle;
}
.not-found__right {
  width: 380px;
  float: left;
  padding: 110px 0 0;
}
.notice {
  margin: 30px 0;
}
.notice__inner {
  display: inline-block;
  background: #f5f2ee;
  border-left: 6px solid #ee5634;
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 1.666666666666667;
}
.notice__inner p {
  border: 3px solid #efece8;
  border-left: none;
  border-right: none;
  padding: 9px 18px;
  margin: 0;
}
.faq__title {
  font-weight: 500;
  font-size: 1.875em;
  border-bottom: 1px solid #eae8e5;
  text-transform: uppercase;
}
.questions-list {
  margin: 20px 0;
}
.questions-list__link {
  font-weight: 500;
  font-size: 1.125em;
  line-height: 2;
  color: #ee5634;
  text-decoration: none;
}
.faq__section-title {
  font-weight: 500;
  font-size: 2.5em;
  color: #bbbbbb;
  text-transform: uppercase;
  border-bottom: 1px solid #eae8e5;
  margin-top: 50px;
  margin-bottom: 30px;
}
.faq__item {
  margin-bottom: 30px;
}
.faq__question {
  font-weight: 500;
  font-size: 1.375em;
}
.orange {
  color: #ee5634;
}
.faq__answer p {
  font-weight: 400;
  font-size: 1em;
  color: #3f3f3f;
  line-height: 1.5625;
  margin: 1em 0;
}
/* 17.07.2015 */
.required-fields {
  font-size: 0.9375em;
}
.page-title_bigger {
  font-size: 3.75em;
}
.form-item {
  position: relative;
  margin: 26px 0;
}
.form-item__label {
  font-weight: 500;
  font-size: 1.125em;
  position: absolute;
  top: -11px;
  left: 8px;
  display: inline-block;
  background: #FFFCF7;
  padding: 0 10px;
}
.form-item__input {
  display: block;
  width: 100%;
  min-height: 53px;
  background: transparent;
  border: 3px solid #c9c7c3;
  font: inherit;
  font-weight: 300;
  font-size: 1.312em;
  padding: 10px 14px;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-item__input:focus {
  border-color: #ee5634;
}
textarea.form-item__input {
  resize: vertical;
  min-height: 59px;
}
.form-item__submit {
  background: #38bae3;
  font-weight: 500;
  font-size: 1.1875em;
  border: none;
  padding: 14px 60px 14px 22px;
  color: #fff;
}
.input-file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.input-file span {
  display: inline-block;
  width: 213px;
  height: 53px;
  line-height: 53px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 17px;
  z-index: 5;
}
.input-file::after {
  content: "";
  display: block;
  width: 51px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 3px solid #c9c7c3;
  background: url(/bitrix/templates/mabee_main/images/icon-file.png) center center no-repeat;
}
.icon-file {
  width: 13px;
  height: 19px;
  background: url(/bitrix/templates/mabee_main/images/icon-file.png);
}
.vacancy {
  font-size: 0.9375rem;
  line-height: 1.666666666666667;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 40px;
}
.vacancy::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  background: #e2e0db;
  position: absolute;
  bottom: 0;
  left: 0;
}
.vacancy p {
  margin: 16px 0;
}
.vacancy ul {
  list-style-type: disc;
  padding-left: 18px;
}
.vacancy li {
  color: #c9c7c3;
  padding: 4px 0;
}
.vacancy li span {
  color: #222;
}
.vacancy__title {
  font-weight: 500;
  font-size: 1.875rem;
  text-transform: uppercase;
  line-height: 1;
}
.vacancy__subtitle {
  display: block;
  font-size: 1.125rem;
}
.vacancy__salary {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #666666;
  text-transform: uppercase;
  margin-top: 28px !important;
}
.vacancy__salary-value {
  font-weight: 700;
  font-size: 1.125rem;
  color: #ec502f;
  position: relative;
  top: -12px;
}
.popup {
  background: #fffcf7;
  position: relative;
  margin: 95px auto 44px;
  box-sizing: border-box;
}
.popup__title {
  margin: 0 0 -18px -63px;
  position: relative;
  top: -41px;
}
.popup__title span {
  display: inline-block;
  padding: 14px 140px 14px 32px;
  font-weight: 500;
  font-size: 3rem;
  color: #fff;
  background: #ee5634;
  text-transform: uppercase;
}
.form-item_inline {
  float: left;
  margin-right: 35px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.form-item_row {
  clear: both;
}
.overlayer{
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	min-height:2000px;
	top:0px;
	z-index:1;
	display:none;
}
.red-form-title{
    background-color: #ee5634;
    width: 100%;
	text-align:center;
    position: relative;
    padding-left: 30px;
    margin-top: -44px;
    margin-left: -15px;
    font-weight: 500;
    font-size: 3rem;
    color: #fff;
    text-transform: uppercase;
}
#modal-popup{
	z-index:9999999;
	display:none;
	padding:15px;
	position:relative;
	background-color:#fff;
	width:90%;
	position:fixed;
	max-width:500px;
	top:50px;
	min-height:300px;
	left:0;
	right:0;
	margin:0 auto;
}
#modal-popup .form-item__input{
	min-height:20px;
	height:40px;
}
.close_popup{
	border-radius:50%;
	border:2px solid #fff;
	color:#fff;
	position:absolute;
	right:0px;
	z-index:9999;
	top: -44px;
	padding: 5px 7px 5px 7px;
}
#modal-popup input[type="submit"]{
	background: #38bae3;
    font-weight: 500;
	color:#fff;
	font-size:16px;
	border:none;
	padding:5px 20px;
	margin:0 auto;
	display:block;
	cursor:pointer;
}
.offer-popup {
	width:100%;
  max-width: 843px;
  padding: 0 63px;
}
.form-item__submit_big {
  font-size: 1.5rem;
}
.header__offer-button {
  color: inherit;
  text-decoration: none;
  text-align: center;
}
.popup__close {
  width: 65px;
  height: 63px;
  border: 2px solid #fff;
  padding: 0;
  background: #ee5634 url(/bitrix/templates/mabee_main/images/popup-close.png) center center no-repeat;
  position: absolute;
  right: -69px;
  top: -75px;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.69;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* 23.07.2015 */
.article__subtitle {
  font-weight: 400;
  font-size: 0.5172413793103448em;
  padding-left: 50px;
  position: relative;
}
.article__subtitle::before {
  content: "";
  display: block;
  width: 136px;
  height: 170px;
  background: url(/bitrix/templates/mabee_main/images/case-lines.png);
  position: absolute;
  top: 20px;
  left: 0;
}
.case-year {
  display: block;
  font-weight: 300;
  font-size: 2.875em;
  margin-top: 94px;
}
.task-title {
  display: inline-block;
  font-weight: 300;
  font-size: 0.9375rem;
  color: #fff;
  text-transform: uppercase;
  background: #2d2d2d;
  line-height: 1;
  padding: 6px 10px 4px 10px;
}
.regular p {
  font-weight: 400 !important;
}
.case-screens__title {
  font-weight: 500;
  font-size: 2.25em;
  padding: 0 64px;
  margin-bottom: 80px;
}
.over {
  display: inline-block;
  float: right;
  font-weight: 400;
  line-height: 0.8333333333333333;
  text-align: right;
}
.over__number {
  font-size: 1.666666666666667em;
  color: #ec4f2f;
}
.over__hz {
  font-size: 0.6666666666666667em;
}
.case-screens {
  max-width:1248px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: url(/bitrix/templates/mabee_main/images/crosses-2.png) center 86px repeat-y;
}
.screens__item {
  width: 305px;
  height: 599px;
  box-sizing: border-box;
  float: left;
  margin: 0 41px 117px 41px;
  padding: 56px 0 0;
  background: url(/bitrix/templates/mabee_main/images/screen-simple.png);
  position: relative;
}
.screens__item img {
  display: block;
  margin: 0 auto;
}
.screens__item_colored {
  background-image: url(/bitrix/templates/mabee_main/images/screen-colored.png);
}
.screens__arrow {
  position: absolute;
  z-index: 10;
}
.screens__item_double {
  margin-left: 85px;
  margin-right: 85px;
}
.double-screen-container {
  padding: 0 149px;
}
.case-result .container {
  overflow: hidden;
}
.case-result_citylab {
  height: 870px;
  background: url(/bitrix/templates/mabee_main/images/case-citylab/map.jpg) center top no-repeat;
}
.case-result__title {
  font-weight: 500;
  font-size: 2.25em;
  text-transform: uppercase;
  margin: 44px 0;
  padding-left: 14px;
}
.case-result__phone {
  width: 594px;
  box-sizing: border-box;
  padding-left: 233px;
  float: left;
}
.case-result__description {
  width: 522px;
  padding-top: 196px;
  box-sizing: border-box;
  float: left;
}
.case-result__text {
  margin: 10px 0;
  padding: 15px 18px;
  background: rgba(255, 255, 255, 0.8);
}
.case-result__text p {
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 2;
}
.case-end {
  min-height: 1096px;
  background: #222;
  overflow: hidden;
  position: relative;
  /*margin: 0 -20px;*/
}
.case-end__title {
  font-weight: 500;
  font-size: 2.25em;
  color: #fff;
  text-transform: uppercase;
  margin: 58px 0 32px;
  padding-left: 14px;
}
.case-end__description {
  max-width: 450px;
  box-sizing: border-box;
  padding-left: 14px;
  color: #fff;
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 2;
}
.case-end__description p {
  font-weight: 300;
  font-size: 0.9375rem;
  line-height: 2;
  margin: 12px 0;
}
.task-title_inverted {
  color: #2d2d2d;
  background: #fff;
}
.case-slider {
  position: relative;
  width: 1583px;
  margin: 0 auto;
}
.case-slider::before {
  content: "";
  display: block;
  width: 25%;
  height: 845px;
  background: url(/bitrix/templates/mabee_main/images/case-citylab/slider-phone.png) center center no-repeat;
  position: absolute;
  top: -133px;
  left: 50%;
  z-index: 0;
}
.case-slider-htc::before {
	background: url(/bitrix/templates/mabee_main/images/htc.png) center center no-repeat;
	top: -111px;
}

.case-slider img {
  margin: 0 auto;
  position: relative;
  z-index: 10;
  width: auto;
  height: 588px;
}
.case-slider-htc img {
  width: auto;
  height: 588px;
}
.case-slider_white img {
  width: auto;
  height: 626px;
}
.case-slider .slick-active + .slick-active + .slick-active {
  opacity: 1;
}
.case-slider .slick-active + .slick-active + .slick-active + .slick-active {
  opacity: .1 !important;
}
.case-slider__item {
  opacity: .1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.case-slider__outer {
  position: absolute;
  top: 270px;
  width: 100%;
}
.screens__popup-link {
  display: block;
  width: 39px;
  height: 39px;
  background: url(/bitrix/templates/mabee_main/images/popup-icon.png);
  position: absolute;
}
.case-popup {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  border: 30px solid rgba(156, 148, 136, 0.9);
  background: #fffcf7;
  /*position: fixed;*/
  top: 0;
  left: 0;
}
.case-popup .container {
  margin-top: 118px;
  margin-bottom: 118px;
}
.mfp-container {
  padding: 0 !important;
}
.popup__close_alt {
  width: 34px;
  height: 34px;
  background: url(/bitrix/templates/mabee_main/images/popup-close-2.png);
  border: none;
  top: 64px;
  right: 64px;
}
.popup-phone {
  display: inline;
  float: left;
  width: 350px;
  margin: 0 7px;
  margin-left: 59px;
  margin-right: 59px;
}
.popup-phone .screens__item {
  margin: 0 auto;
}
.popup-case-text {
  display: inline;
  float: left;
  width: 610px;
  margin: 0 7px;
}
.popup-case-text p {
  margin: 14px 0;
  font-weight: 300;
  font-size: 0.9375em;
  line-height: 2;
}
.popup-case-text__title {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  margin-top: 76px;
}

.screens__popup-link {
  z-index: 10;
}
.case-end__the-biggest-image img {
  display: block;
  margin: 0 auto;
  max-width:100%;
}
.screens__item_tablet {
  width: 585px;
  height: 793px;
  background-image: url(/bitrix/templates/mabee_main/images/screen-tablet.png);
  padding-top: 88px;
}
.popup-phone_wide {
  width: 585px;
}
.popup-phone_wide + .popup-case-text {
  width: 531px;
}
.case-slider_white::before {
  width: 402px;
  height: 833px;
  top: -103px;
  margin-left: -3px;
  background-image: url(/bitrix/templates/mabee_main/images/phone-slider-white.png);
}
/*# sourceMappingURL=../css/main.css.map */
.header-mobile-logo{
	width:50%;
	text-align:left;
	float:left;
	height:59px;
	padding-top:10px;
}
.toggle-menu{
	display:none;
}
.toggle-menu li{
	padding-bottom:5px;
}
.header-mobile-toggle .fa.active:after{
	content: "\f00d" !important;
	transition: all 1s ease-in;
}
.header-mobile-toggle .fa:after{
	content: "\f039";
	transition: all 1s ease-in;
}
.toggle-menu a{
	
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
.toggle-menu{
	padding-bottom:20px;
	text-align:center;
	
}

.header-mobile .nav{
	height:auto;
	padding-bottom:10px;
}
.header-mobile{
	overflow:hidden;
background: #2d2d2d;
}
.header-mobile .header__button{
	float:none;
}
.header-mobile-toggle{
	
	color:#fff;
	width:50%;
	float:left;
	text-align:right;
	height:59px;
}
.header-mobile-toggle i{
	margin-top: 31px;
    margin-right: 15px;
    font-size: 19px;
}
.android_part {
	visibility:hidden;
}
.android_part-d {
	display:none;
}
.screens_toggel {
	display: inline-block;
	padding: 12px 15px 10px;
	border: 1px solid transparent;
	line-height:1em;
	cursor:pointer;
}
.screens_toggel.active {
	border: 1px solid;
}

.android .android_part {
	visibility:visible;
}
.android .android_part {
	display:block;
}

.header__contacts-item__phone a {
	color: #2D2D2D;
	text-decoration: none;
}

a[href="//www.liveinternet.ru/click"] {
	display: none;
}

span[format="telephone=no"],
.lined-list a {
	color: #2D2D2D;
	text-decoration: none;
}

.mfp-wrap,
.mfp-bg {
	min-width: 1288px;
}

.glossary-content + .article__content {
	overflow: hidden;
	float: left;
}

:focus {
	outline: none;
}

.glossary-content p {
	margin: 20px 0;
}


.main_text {
	width: 50%!important;
}
.main_text p {
	margin-bottom: 10px;
	font-weight: 300;
    line-height: 30px;
}
.main_text h3 {
	font-weight: 500;
    font-size: 1.75em;
    margin: 34px 0px;
	text-transform: uppercase;
}

@media (max-width:1111px){
	.header__button {
    display: block;
   
    width: 194px;
   margin:10px auto;
   
	}
	button.solutions__slider .slick-prev{
		left: -26px !important;
	}
	.header__contacts{
		
	}
}

@media (max-width:1243px){
	div.header__content{
		width:990px !important;
		margin:0 auto !important;
	}
	.solutions__image{
		max-width:127px;
		
	}
	.header__logo{
		margin-right: 13% !important;
	}
}

@media (max-width:1042px){
	
}
@media (max-width:854px){
	.solutions__image{
		margin:0 auto;
	}
	.solution__title{
		text-align:center;
	}
	.solutions__slider{
		text-align:center;
	}
}
@media (max-width:763px){
	.short-news-list__item__title{
		margin-top:20px;
	}
	.short-news-list__item{
		width:90% !important;
		margin:0 auto !important;
		float:none !important;
		
	}
	.portfolio-slider__item__title{
		font-size:3.0em;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:69% !important;
	}
	.slick-slide img{
		max-height:273px;
	}
	.services__tabs{
		
			width:100% !important;
			box-sizing:border-box;
			padding-left:15px;
			padding-right:15px;
		
	}
	.services__tabs__item{
		width:30% !important;
	}
}
@media (max-width:1227px){
	.nav__link{
		padding:0 10px !important;
	}
}
@media (max-width:1070px){
	.nav__link{
		padding:0 3px !important;
		
	}
}
@media (min-width:500px)and(max-width:1223px){
	.solutions__slider .slick-next{
	right: -23px !important;
}
.solutions__slider .slick-prev {
    left: -18px !important;
}
}
@media (max-width:1231px){
	.solutions__slider{
		width:90%;
		margin-left:0px !important;
	}
}
@media (max-width:1254px){
	.services__tabs__item:last-child{
		width:27%;
	}
	.services__tabs__item{
		width:27%;
	}
	.services__tabs__item:first-child{
		margin-left:0px;
	}
}
@media (max-width:1223px){
	.lined-list{
		padding-bottom:20px;
	}
	.request__content{
		padding-bottom:0px;
	}
	.map{
		width:100%;
		padding-bottom:40px;
	    margin-right: 0px;
	}
	
	.footer__inside{
		display: block;
		float: none;
		width: 90%;
		margin: 0 auto;
		
		border-top: 2px solid #e6e4e1;
		padding: 28px 0px;
	}
	.services{
		width:100%;
	}
	.solutions__slider {
    display: block;
    float: none;
    width: 80%;
    margin: 0 auto !important;
    
	}
	
	.short-news-list__item {
    display: block;
	height:350px;
    float: left;
    width: 246px;
    margin: 0 7px 20px;
    margin-left: 59px;
    padding: 0px 0px 14px 0px;
    position: relative;
}
.short-news-list__item:nth-child(4){
	
}
	.short-news-list .section-title + .short-news-list__item{
		margin-left:0px !important;
	}
	.services__tabs__item:first-child{
		margin-left:0px;
	}
	.solutions{
		width:100%;
	}
	.solution__title{
		padding-top:0px;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:279px;
	}
	.portfolio {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  
  margin-bottom: 78px;
}
.services__tabs__item{
	width:33%;
	text-align:center;
	
}
.footer__inside{
	text-align:center;
}
.slick-prev{
	left:0px;
	
}
.slick-next{
	
	right:0px;
}
.solutions__slider{
	width:93%;
	margin:0 auto;
	
}

.services__tabs__item_active .services__tabs__item__line-container{
	left:50%;
	margin-left:-85px;
}
.services__tabs__item__line-container{
	left:50%;
	margin-left:-27px;
}
.section-title{
	margin-left:0px !important;
}
.services__tabs__item:first-child{
	margin-left:0px !important;
}
.short-news-list{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
	}
.section-title{
	display:block;
	text-align:center;
}
.slick-slide img{
	    margin: 0 auto;
    width: 100%;
}
.custom-arrows .slick-next {
    background-position: -32px 0px;
    right: 24px;
}
.mfp-wrap, .mfp-bg{
	min-width:100%;
}
.popup-case-text{
	padding-top:30px;
	width:100%;
}
.portfolio-slider{
	display: block;
    float: none;
    width: 93%;
    margin: 0 auto !important;
    
}
.footer{
	width:100%;
}
	#somewhere{
		    overflow: hidden;
    margin: 0 auto;
    width: 76%;
		
	}
.services__tabs__item:last-child{
	width:27%;
}
}
@media (max-width:1380px){
	
	.nav__link{
		padding:0 20px;
	}
}
@media (max-width:630px){
	.demands__element{
		width:90% !important;
		padding-bottom:30px;
	}
}
@media (max-width:1491px){
	.header__contacts-item{
		width:195px;
		padding-bottom:10px;
	}
	.header__contacts{
		width:390px;
	}
	.header__logo{
		margin-right:22%;
		
	}
}
@media(max-width:500px){
	.request{
		margin-top:0px;
	}
	.icon-over-title,.article__third-title{
		text-align:center;
	}
	.demands__element{
		margin-left:16px;
	}
	.push1{
		margin-left:0px;
	}
	.glossary-content.article__content h1{
		font-size: 2.2em;
	}
	
	.solutions__image{
		max-width:188px;
	}
	.solution__item p{
		text-align:center;
	}
	.short-news-list__item__title{
		font-size:16px;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:56% !important;
	}
	.solution__title{
		text-align:center;
		padding-top:0px;
	}
	.portfolio-slider__item__title{
		font-size:17px;
	}
	.portfolio-slider__item__title{
		    text-align: center;
    margin-top: 19px;
	}
	.solutions__slider .slick-next{
		right: -6px !important;
	}
	.solution__item{
		margin-left:0px;
	}
	.services__tabs__item{
		display:block !important;
		width:100% !important;
		margin:0 auto !important;;
		float:none !important;
	}
}
@media (max-width:1225px){
	.works__annotation{
		margin-left:0px;
		margin-right:0px;
	}
	.works__visualization{
		width:70%;
		
	}
}
@media (max-width:1240px){
	.services{
		margin-bottom:20px;
	}
	.main-mobile{
		display:block;
	}
	.main-desctop{
		display:none;
	}
	.index-tabs{
		
	}
}
@media (max-width:800px){
	.request__info{
		width:100%;
	}
	.demands__title{
		font-size:12px;
	}
	.demands__element{
		width:44%;
	}
	.request__form{
		width:100%;
	}
	.request__form{
		margin-left:0px;
	}
	.form-1__input {
    
    padding: 8px 2px;
    }
	.publications{
		width:100%;
	}
	.sidebar{
		display:none;
	}
	.mobile-career  .sidebar{
		display:block;
	}
	.vacancy__title{
		text-align:center;
	}
}
@media (max-width:871px){
	
	
	.portfolio-slider__item__title a{
		    font-size: 47px;
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.main-mobile{
		display:block;
	}
	.services{
		margin-bottom:0px;
	}
}
@media (max-width:711px){
	
	.services-container__icon-container{
		margin:0 auto;
	}
	h2.page-title{
		text-align:center;;
	}
}
@media (max-width:764px){
	
	.request__info{
		width:100%;
	}
	.short-news-list__item{
		height:auto !important;
	}
	.portfolio{
		margin-bottom:20px;
	}
	.section-title{
		margin-bottom:20px;
	}
	.short-news-list .section-title + .short-news-list__item{
		margin: 0 auto !important;
	}
}
@media (max-width:990px){
	
	.portfolio-slider__item__title a{
		font-size:47px;
	}
	.short-news-list__item{
		width:100% !important;
	}
	.icon-arrow-inside-a-circle_other1,.icon-arrow-inside-a-circle_other2{
		font-size:13px !important;
		
	}
	.header__content{
		display:none;
	}
	.breadcrumbs{
		padding-top:20px;
	}
	header.header{
		display:none;
	}
	header.header-mobile{
		display:block;
	}
}
@media (max-width:570px){
	.article__second-title{
		font-size:1.9em;
	}
	.article__third-title{
		font-size:1.425em;
		
	}
	.container{
		padding: 10px;
		box-sizing: border-box;
	}
	.solution__title{
		font-size: 1.25em;
	}
	.form-1__element input{
		width:100% !important;
	}
	.request__form{
		margin-left:0px;
	}
	.icon-arrow-inside-a-circle_other1 span {
		font-size:14px;
	}
	.icon-arrow-inside-a-circle_other2 span {
		font-size:14px;
	}
	.links-line__item{
		font-size:0.705em;
	}
	.portfolio-slider__item__title a{
		font-size:16px;
	}
}
@media screen and (min-device-width: 500px) and (max-device-width: 870px) { 
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next {
    top: 56% !important;
	
	}
}

@media (max-width:1330px){
	.glossary.container{
		overflow:hidden;
	}
	.glossary-content + .article__content{
		float:none;
		overflow:visible;
	}
	.article__title{
		
		margin-left:0px;
		width:100%;
	}
	.about__photos-item{
		
		padding:3px;
		width:45%;
		box-sizing:border-box;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
	
	}
	.breadcrumbs{
		width:70%;
		margin-left:40px;
	}
	.about__photos{
		
	}
}
@media (max-width:450px){
	.article__element_micro{
		margin:0 auto;
		float:none;
		display:block;
	}
	.publications{
		float:none;
	}
	.glossary.container{
		overflow:hidden;
	}
	.pagination_push{
		margin-left:0px;
	}
	.page-title{
		font-size:2.3em;
		padding-bottom:20px;
	}
	.about__photos-item{
		margin-bottom:10px;
		width:100% !important;
	}
	
}
@media (max-width:890px){
	
	.dsc{
		left:0px;
	}
	.about__photos{
		margin-left:0px;
		padding-top:20px;
	}
	.about__photos img{
		width:100%;
		
	}
	.strange-aligned-text{
		width:100%;
		margin-left:0px;
	}
	.about__description{
		
		width:100%;
	}
	.about__photos{
		overflow:hidden;
		width:100%;
		
	}
}
@media (max-width:1036px){
	.article{
		box-sizing:border-box;
		padding-left:15px;
		padding-right:15px;
	}
	.article__title{
		text-align:center;
		font-size: 2.2em;
	}
	.text-col{
		width:90%;
	}
	.glossary-content{
		width:100%;
	}
	.article__element_main{
		width:90%;
	}
	.article__element h3{
		text-align: center;
	}
	.works__annotation{
		width:100%;
	}
	.works__item .portfolio-slider__item__title .icon-arrow-inside-a-circle_other1{
		display:inline-block;
	}
	.works__item .portfolio-slider__item__title .icon-arrow-inside-a-circle_other2{
		display:inline-block;
	}
	.works__visualization{
		width:100%;
	}
	.portfolio-slider__item__title{
		font-size:4.5em;
	}
	
	.container > .breadcrumbs{
		padding-top:20px;
	}
	.sidebar__links-item span{
		margin-left:0px;
	}
	.services-container::before{
		background:none;
	}
	.other-strange-aligned-text::after{
		background:none;
	}
	
	.services-container__item{		
		box-sizing:border-box;
	}
	
	.sidebar__title{
		margin-left:0px;
	}
	.sidebar{
		padding-bottom:20px;
	    margin: 0;
		width:100%;
		text-align:center;
		float:none;
	}
	.services-container{
		float:none;
		 margin: 0;
		width:100%;
	}
	.other-strange-aligned-text{
		margin-bottom:20px;
		width:100%;
		margin-left:0px;
		
	}
}

@media screen and (min-device-width: 963px) and (max-device-width: 1019px) { 
.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
	top:60% !important;
}
}
@media screen and (min-device-width:873px ) and (max-device-width: 963px) { 
.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
	top:50% !important;
}
}
@media screen and (min-device-width:705px ) and (max-device-width: 873px) { 
.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
	top:50% !important;
}
}
@media (max-width:872px){
	.article__element_third{
		width:100%;
	}
	.article__element_near-wide{
		display: block;
		
		width:100%;
		max-width: 1182px;
		margin: 0 7px;
		margin-left: 0px;
		clear: both;
	}
	.article__with-text-by-sides,.article__with-text-by-sides__main{
		display: block;
		
		width:100%;
		max-width: 1182px;
		margin: 0 7px;
		margin-left: 0px;
		clear: both;
	}
	.article__element_wide{
	    display: block !important;;
    float: none !important;
    width: 100% !important;
    max-width: 714px !important;
    margin: 0 7px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.article__element_half{
	   display: block;
    float: none !important;
    width: 100% !important;
    max-width: 714px !important;
    margin: 0 7px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}	
.article__element_third{
	margin-left:0px;
	
}
	.screens__popup-link{
		display:none;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:50%;
	}
	
}
@media (max-width:760px){
	.article__element h2{
		font-size:2.0em;
	}
	.article__with-text-by-sides{
		float:none;
	}
	.glossary-content{
		float:none;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:50% !important;
	}
	
}
@media (max-width:680px){
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:60% !important;
	}
	
}
@media (max-width:600px){
	
	.map__phone{
		font-size:2em;
	}
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:55% !important;
	}
	
}
@media(max-width:1112px){
	.header__logo{
		margin-right:8% !important;
	}
}
@media(max-width:1190px){
	.solutions__image{
		display:block;
		margin:0 auto;
		
	}
	.solution__item{
		text-align:center;
	}
	.solution__title{
		text-align:center;
	}
	
	
}

@media(max-width:1057px){
	.short-news-list__item{
		width:49%;
		height:auto;
		padding-bottom:15px;
		margin-left:0px;
	}
}
@media(max-width:1220px){
	.screens__arrow{
		display:none !important;
	}
	.screens__item{
		margin-left:15px;
		margin-right:15px;
	}
	.screens__item{
		margin-top:0px !important;
	}
	.case-slider__outer{
		position:static;
	}
	.case-slider{
		width:100%;
	}
	.case-slider__item{
		opacity:1;
	}
	.case-slider:before{
		display:none;
	}
	.case-slider__item.slick-slide img{
		max-height:100% !important;
		height:auto !important;
	}
	.case-end{
		min-height:1px !important;
	}
	.case-slider__outer.android_part{
		display:block;
		margin-top:20px;
		visibility:visible;
	}
}

@media(min-device-width:568px)and(max-device-width:690px){
	.portfolio-slider .slick-prev, .portfolio-slider .slick-next{
		top:50% !important;
	}
}
@media(max-width:1023px){
	.screens.clearfix{
		width:680px;
		margin:0 auto;
	}
}
@media(max-width:711px){
	.double-screen-container{
		padding-left:0px;
		padding-right:0px;
	}
	.screens.clearfix{
		width:100%;
		margin:0 auto;
	}
	.screens__item{
		float:none;
		margin-left:auto !important;
		margin-right:auto !important;;
	}
}
@media(max-width:1350px){
	.case-result.case-result_citylab{
		display:none !important;
	}
}

@media(max-width:613px){
	.screens__item_tablet{
		display:none;
	}
}

.custom-arrows .slick-prev{
	left:0px !important;
}
.custom-arrows .slick-next{
	right:0px !important;
}
.portfolio-slider.custom-arrows .slick-next{
	right: 0px !important;
}

@media(max-width:1224px){
	.portfolio-slider.custom-arrows .slick-next{
	right: 0px !important;
	}
}