/*
	Theme Name: Invite
	Version: 1.0
	Author: Тарасов Андрей (aka Mario62rus)
*/




/*--------------------------------------------------------------
>>> СОДЕРЖАНИЕ:
----------------------------------------------------------------

	ОБЩИЕ СТИЛИ
		Кнопки
		Стрелки слайдера
		Общие стили форм
		Форма обратного звонка
	КОНТЕНТ
	ШАПКА
		Дополнительное меню
	ГЛАВНАЯ СТРАНИЦА
	УСЛОВИЯ В МОДАЛЬНОМ ОКНЕ
	СТРАНИЦА "КОНТАКТЫ"
	СТРАНИЦА "О НАС" - НОВАЯ
	СТРАНИЦА ОДНОЙ СТАТЬИ
	СТРАНИЦА СПИСКА СТАТЕЙ
	СТРАНИЦА ОДНОЙ ВАКАНСИИ
	СТРАНИЦА СПИСКА ВАКАНСИЙ
	СТРАНИЦА "РЕГИСТРАЦИЯ" - НОВАЯ
	СТРАНИЦА 404
	СТРАНИЦА MEFT2019
	КАРТА САЙТА
	ПОДВАЛ
	МЕДИА-ЗАПРОСЫ

--------------------------------------------------------------*/



/* ==========================================================================
	ОБЩИЕ СТИЛИ
========================================================================== */

@font-face {
	font-family: 'AbrilFatface';
	src: url('fonts/AbrilFatface.woff2') format('woff2'),
		url('fonts/AbrilFatface.woff') format('woff'),
		url('fonts/AbrilFatface.ttf') format('truetype');
}

*:not(.ab-icon):not(.ab-item):not(.dashicons):not(.fa),
*:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.home *:not(input) {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
body {
	font: 300 16px/1.4 'Roboto', Arial, sans-serif;
	color: #242424;
}
boby:not(.page-id-774) {
	padding-top: 80px;
}
h1, h2, h3, h4, h5 {
	line-height: 1.3;
	margin: 0;
}
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }

a {
	transition: 0.3s;
	text-decoration: none;
	color: #242424;
}
a:hover {
	text-decoration: underline;
	color: #016C7C;
}
a img { vertical-align: bottom; }
em { font-style: italic; }
blockquote {
	border: dotted #666 1px;
	border-left: solid #ff5a00 5px;
	margin: 10px 40px;
	padding: 15px;
	color: #333;
	font-style: italic;
	background: #fcfcfc;
}
blockquote p { margin: 0; }
p { margin: 0;}
ul { margin: 0; padding: 0; list-style: none; }
ol { list-style: decimal inside; }
ol li { margin: 1rem 0; }
input[type='submit'] { cursor: pointer; }
*:focus { outline: none !important; }
img { border-style: none; }
iframe { display: block; max-width: 100%; }
form input { max-width: 100%; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: transparent !important;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}
.img-responsive {
	height: auto;
	max-width: 100%;
}
/* 								   Обтекание картинки текстом
------------------------------------------------------------- */
.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin: 5px 20px 20px 0;
}
.wp-caption {
	max-width: 100%;
	text-align: center;
	padding: 5px 3px 0;
	margin: 0 0 15px;
	background: #fff;
	border: 1px solid #f0f0f0;
}
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img {
	border: 0 none;
	height: auto;
	margin:0;
	padding:0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/* 													   Кнопки
------------------------------------------------------------- */
.btn {
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;
	font: 500 16px/1.3 'Roboto';
	padding: 20px 50px;
	border-radius: 4px;
	border: 0;
}
.btn.red {
	background: #EC4B4E;
	background: -moz-linear-gradient(left,  #EC4B4E 0%, #E7732E 100%);
	background: -webkit-linear-gradient(left,  #EC4B4E 0%,#E7732E 100%);
	background: linear-gradient(to right,  #EC4B4E 0%,#E7732E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC4B4E', endColorstr='#E7732E',GradientType=1 );
}
.btn.red:not(:disabled):hover {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
}

/* 											 Стрелки слайдера
------------------------------------------------------------- */
.slick-prev, .slick-next {
	width: 67px;
	height: 67px;
	line-height: 67px;
	text-align: center;
	font-size: 32px;
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	background: #EC4B4E;
	background: -moz-linear-gradient(top, #EC4B4E 0%, #E7732E 100%);
	background: -webkit-linear-gradient(top, #EC4B4E 0%,#E7732E 100%);
	background: linear-gradient(to bottom, #EC4B4E 0%,#E7732E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC4B4E', endColorstr='#E7732E',GradientType=0 );
}
.slick-prev:hover, .slick-next:hover {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
}
.slick-slide img {
	display: inline-block;
}

/* 											 Общие стили форм
------------------------------------------------------------- */
.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7-not-valid:not(.wpcf7-checkbox) {
	border: 1px solid #ff1010 !important;
}

.placeholder_replace {
	padding: 12px 50px 0 12px;
}
.placeholder_replace::-webkit-input-placeholder {
	color: transparent;
}
.placeholder_replace::-moz-placeholder {
	color: transparent;
}
.placeholder_replace:-ms-input-placeholder {
	color: transparent;
}
.placeholder_replace:-moz-placeholder {
	color: transparent;
}
.placeholder_replace + .placeholder {
	position: absolute;
	left: 12px;
	top: 17px;
	color: #9BA5C1;
	transition-duration: .1s;
	transition-property: top,font-size;
	transition-timing-function: ease-in-out;
	pointer-events: none;
	white-space: nowrap;
}
.placeholder_replace:focus + .placeholder,
.placeholder_replace.not_empty + .placeholder {
	top: 9px;
	font-size: 12px;
}

#request_sent {
	display: none;
	position: fixed;
	z-index: 999999;
	max-width: 520px;
	bottom: 0;
	left: 10px; right: 10px;
	margin: auto;
	padding: 40px 45px 45px 115px;
	background: #fff url(img/check-ok.png) no-repeat 32px 40px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
#request_sent h4 {
	font-size: 24px;
}
#request_sent p {
	margin: 5px 0 0;
}
#request_sent i {
	position: absolute;
	cursor: pointer;
	right: 10px; top: 10px;
	width: 30px; height: 30px;
	opacity: .6;
	background: url(img/close3.png) no-repeat 50% 50%;
}
#request_sent i:hover,
#request_sent i:active,
#request_sent i:focus {
	opacity: 1;
}

/* 									   Форма обратного звонка
------------------------------------------------------------- */
#callback_modal {
	padding: 60px 110px 30px;
	max-width: 570px;
	border-radius: 8px;
}
#callback_modal .fancybox-button {
	right: 5px; top: 5px;
	background: url(img/close4.svg) no-repeat 50% 50%;
}
#callback_modal svg {
	display: none;
}
#callback_modal h2 {
	text-align: center;
	font: 900 24px/1 'Roboto';
	margin: 0 0 35px;
}
#callback_modal .fio,
#callback_modal .tel {
	display: block;
	margin: 0 0 40px;
}
#callback_modal .wpcf7-text {
	width: 100%;
	height: 55px;
	border: 1px solid #9BA5C1;
	border-radius: 3px;
}
#callback_modal .wpcf7-text:focus {
	border-color: #016c7c;
}

#callback_modal .acceptance {
	display: block;
	position: relative;
	font: 300 12px/1.2 'Roboto';
	cursor: pointer;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
}
#callback_modal .acceptance [type=checkbox] {
	display: none;
}
#callback_modal .acceptance span:before {
	content: '';
	position: absolute;
	left: 0; top: -3px;
	width: 19px; height: 19px;
	background: url(img/checkbox.png);
}
#callback_modal .acceptance :checked + span:before {
	background-position: 0 -19px !important;
}
#callback_modal .acceptance.err span:before {
	background-position: top 0px right 0px;
	background-position-x: 0%;
	background-position-y: -38px;
}
#callback_modal .acceptance a {
	text-decoration: none;
	border-bottom: 1px dashed #000;
}


#callback_modal .wpcf7-not-valid [type=checkbox] + span:before {
	background-position: 0 -38px;
}
#callback_modal .btn {
	width: 100%;
}
#callback_modal .ajax-loader {
	height: 40px; width: 40px;
	margin: 7px 0 0;
	background-image: url(img/ajax-loader3.svg);
}
#callback_modal .wpcf7-validation-errors,
#callback_modal .wpcf7-response-output {
	display: none !important;
}

/* 													   Прочее
------------------------------------------------------------- */
.clearfix:after {
	clear: both;
    content: "";
    display: block;
    height: 0;
}
.justify { text-align: justify; line-height: 0;  font-size: 0; }
.justify:after { content: ''; display: inline-block; width: 100%; }
.justify > * { line-height: 1.2; display: inline-block; vertical-align: top; font-size: initial; }
.container { max-width: 1170px; margin: 0 auto; }
.flex_justify {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
}
.flex_justify > * {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
}
.flex_justify > .wpcf7-submit {
	justify-content: center;
}
div.pf-alignleft {
	float: none;
}
.fancybox-bg { background: rgba(0,0,0,.3); }



/* ==========================================================================
	КОНТЕНТ
========================================================================== */

body:not(.home) #header {
-webkit-box-shadow: 0px 10px 16px 0px rgba(215,215,215,0.22);
-moz-box-shadow: 0px 10px 16px 0px rgba(215,215,215,0.22);
box-shadow: 0px 10px 16px 0px rgba(215,215,215,0.22);
}
.text_content {
	margin: 40px 0 30px;
}
.text_content h2 {
	font: 18px/1.3 'Roboto';
	margin: 40px 0 30px;
}
.text_content h3 {
	font: 16px/1.3 'Roboto';
	margin: 0 0 20px;
}
.text_content h4 {
	margin: 0 0 20px;
}
.text_content p {
	margin: 0 0 20px;
}
.text_content strong, .text_content b {
	font-weight: bold;
}
.text_content a {
	color: #006A78;
	text-decoration: underline;
}
.text_content ol, .text_content ul {
	margin: 15px 0 15px 40px;
	padding: 0;
}
.text_content ol li {
	margin: 0 0 3px;
}
.text_content ul li {
	position: relative;
	padding-left: 20px;
	margin: 0 0 3px;
}
.text_content ul li:before {
	content: '';
	position: absolute;
	left: 0; top: 6px;
	width: 8px; height: 8px;
	border: 2px solid #048394;
	border-radius: 50%;
}
.text_content img {
	max-width: 100%;
	height: auto;
}
.page_wrp {
	padding: 50px 0;
}

.dline {
	line-height: 1.5;
}


/* ==========================================================================
	ШАПКА
========================================================================== */
body.has_sticky_header {
	padding-top: 80px;
}
.toggle-menu {
	display: none;
	cursor: pointer;
}
.toggle-menu i {
	color: #038293;
	font-size: 28px;
}
.menu2__list a {
	margin: 0 10px;
}
#menu2 .mobile {
	display: none;
}
#menu2.mobile_open,
.menu3.mobile_open {
	display: block;
	position: fixed;
	z-index: 9;
	left: 0;
	right: 0;
	top: 80px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(168,168,168,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(168,168,168,1);
	box-shadow: 0px 2px 5px 0px rgba(168,168,168,1);
}
.admin-bar #menu2.mobile_open,
.admin-bar .menu3.mobile_open {
	top: 112px;
}
#menu2.mobile_open a,
.menu3.mobile_open a {
	margin: 0;
	display: block;
	padding: 7px 15px;
}

#header {
	position: fixed;
	z-index: 9999;
	left: 0; right: 0;
	top: 0;
	font-weight: 400;
	background: #fff;
}
.admin-bar #header {
	top: 32px;
}
#header .menu1, #header .menu2 {
	height: 80px;
	position: relative;
}
#header .menu1 .logo {
	margin-right: 40px;
}
#header #menu1 a {
	margin: 0 10px;
}
#header .center {
	text-align: center;
}
#header .menu2 {
	display: none;
	justify-content: space-between;
	align-items: center;
}
#header .tel {
	font: 700 18px/1 'Roboto';
	white-space: nowrap;
}
#header .callback {
	width: 185px;
	height: 55px;
	line-height: 51px;
	justify-content: center;
	text-align: center;
	margin-right: 15px;
	border: 2px solid #038293;
	border-radius: 4px;
}
#header .callback:hover {
	color: #fff;
	text-decoration: none;
	background: #038293;
}
#header .callback_mobile {
	display: block;
	text-decoration: none;
	margin-top: 5px;
}
#header .callback_mobile span {
	border-bottom: 1px solid #016C7C;
}
#header .menu2 .callback {
	margin: 0;
	width: 150px;
}
#header .reg {
	text-align: center;
	padding: 7px 40px;
}
#header .reg1 {
	width: 200px;
	margin-right: 1.5vw;
}
#header .callback2 {
	display: none;
}
.current-menu-item a {
	color: #038293;
	font-weight: bold;
}


/* new year animation logo */
/*@keyframes letItSnow01 {
  0% {
    top: -6px;
    opacity: 1;
  }

  100% {
      top: 13px;
      opacity: 0;
  }
}

@keyframes letItSnow02 {
  0% {
    top: -5px;
    opacity: 1;
  }

  100% {
      top: 13px;
      opacity: 0;
  }
}

@keyframes shakeIt{
  0% {
    transform:  rotate(0deg) ;
  }
  20% {
    transform:  rotate(10deg) ;
  }
  40% {
    transform:  rotate(-10deg) ;
  }
  60% {
    transform:  rotate(5deg) ;
  }
  80% {
    transform:  rotate(-5deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}*/

.logo-ny {
	display: block;
    width: 118px;
    height: 43px;

    background: url("/wp-content/uploads/2019/04/logo-invite.svg") no-repeat transparent 0 0;

    transition: all 0.3s ease-in-out;
}

.logo__new-year-icon {
	position: absolute;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.logo__new-year-icon_snow-01 {
	top: -7px;
    left: 24px;
    width: 23px;
    height: 23px;

	background: url("/wp-content/themes/invite/img/logo-snow-01.svg") no-repeat transparent 0 0;
}

.logo__new-year-icon_snow-02 {
	top: -8px;
    left: 52px;
    width: 68px;
    height: 20px;

	background: url("/wp-content/themes/invite/img/logo-snow-02.svg") no-repeat transparent 0 0;
}

.logo__new-year-icon_hat {
	left: -9px;
    top: -12px;
    width: 29px;
    height: 25px;

	background: url(/wp-content/themes/invite/img/logo-hat.svg) no-repeat transparent 0 0/100%;	
}

.logo__new-year-icon_hidden {
	opacity: 0 !important;
}

.logo {
	position: relative;
}

.logo:hover {
	animation: shakeIt linear 0.6s;
	animation-iteration-count: 1;
	transform-origin: 50% 0%;
}

.logo:hover .logo__new-year-icon_snow-01 {
	animation-name: letItSnow01;
	animation-duration: 0.6s;
	animation-delay: 0s;
}

.logo:hover .logo__new-year-icon_snow-02 {
	animation-name: letItSnow02;
	animation-duration: 0.6s;
	animation-delay: 0.1s;
}



/* 										  Дополнительное меню
------------------------------------------------------------- */
.menu3 {
	display: flex;
	justify-content: space-around;
	width: 100%;
}



/* ==========================================================================
	ГЛАВНАЯ СТРАНИЦА
========================================================================== */

/* 													   Баннер
------------------------------------------------------------- */
#banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1170px;
	margin: 0 auto 25px;
	padding: 25px 30px;
	text-decoration: none !important;
	background: #f3f3f3;
}
#banner .text {
	color: #000 !important;
	line-height: 1.6;
}
#banner .btn {
	display: inline-block;
	width: 180px;
	padding: 7px 15px;
	font: 300 13px/1.2 'Roboto';
	text-align: center;
	color: #4e4e4e !important;
	background: #F6CE54;
	border-radius: 3px;
}

/* 														Интро
------------------------------------------------------------- */
.home_top {
	padding: 15px 0 90px;
	background: #FAFBFD;
}
.home_top .container {
	display: flex;
	align-items: center;
}
.home_top .left {
	width: 500px;
	flex-shrink: 1;
}
.home_top .right {
	width: 670px;
	flex-shrink: 5;
}
.home_top .right img {
	max-width: 100%;
}
.home_top h1 {
	font: 900 48px/1 'Roboto';
	margin: 0 0 15px;
}
.home_top p {
	font: 300 24px/1.3 'Roboto';
}

/* 														Форма
------------------------------------------------------------- */
.home_top_form {
	padding: 45px 30px 60px;
	margin-top: -90px;
	border-radius: 5px;
	background: url(img/home-top-form-bg.png) no-repeat 50% 50% / cover;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}
.home_top_form h2 {
	color: #fff;
	text-align: center;
	font: 900 24px/1.2 'Roboto';
	margin: 0 0 35px;
}
.home_top_form .flex {
	display: flex;
	justify-content: space-between;
}
.home_top_form .hint_wrp,
.home_top_form .btn {
	width: 23%;
}
.home_top_form .wpcf7-form-control-wrap {
	display: block;
}
.home_top_form .wpcf7-text {
	height: 55px;
	border-radius: 3px;
	border: none;
}
.home_top_form .btn {
	padding: 10px;
}
.home_top_form .not_valid_tip {
	color: #fff;
}
.home_top_form .wpcf7-response-output,
.home_top_form .ajax-loader {
	display: none !important;
}

/* 												 Мы уникальны
------------------------------------------------------------- */
.unique {
	margin: 60px auto 0;
}
.unique h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 35px;
}
.unique h2 + p {
	font-size: 18px;
	max-width: 545px;
}
.unique .block {
	position: relative;
	z-index: 1;
	margin: 50px 0;
	-webkit-box-shadow: 0px 0px 40px 0px #f6f6f6;
	-moz-box-shadow: 0px 0px 40px 0px #f6f6f6;
	box-shadow: 0px 0px 40px 0px #f6f6f6;
}
.unique .bar {
	position: absolute;
	z-index: 2;
	left: -20px; top: 20px;
	width: 370px;
	height: 58px;
	color: #fff;
	text-align: center;
	font: 900 18px/58px 'Roboto';
}
.unique .bar:before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 1px; top: 99%;
	width: 0;
	height: 0;
	border-top: 10px solid #392970;
	border-left: 20px solid transparent;
}
.unique .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.unique .img {
	-webkit-flex-basis: 33%;
	-ms-flex-preferred-size: 33%;
	flex-basis: 33%;
	padding: 40px 15px 0;
	text-align: center;
}
.unique img { max-width: 100%; }
.unique .text {
	-webkit-flex-basis: 66%;
	-ms-flex-preferred-size: 66%;
	flex-basis: 66%;
}
.unique .text h3 {
	font: 900 24px/1.3 'Roboto';
	margin: 0 0 40px;
}
.unique li {
	padding: 0 20px 20px;
	position: relative;
}
.unique li:before {
	content: '';
	position: absolute;
	left: 0; top: 6px;
	width: 8px; height: 8px;
	border: 2px solid #048394;
	border-radius: 50%;
}

/*
	Функционал по умолчанию
*/
.default .bar {
	background: url(img/bar1.png) no-repeat;
}
.default {
	padding: 95px 0;
}
.default ul {
	display: flex;
}

/*
	Подключаемые опции
*/
.options {
	position: relative;
	padding: 95px 6% 95px 0;
}
.options .counter {
	display: none;
	position: absolute;
	z-index: 1;
	right: 15px; top: 30px;
	font-size: 20px;
}
.options .counter > * {
	vertical-align: middle;
}
.options .counter a {
	display: inline-block;
	width: 40px; height: 40px;
	border-radius: 50%;
	transition: .2s;
}
.options .counter a:not(.last):hover {
	background-color: rgba(1, 108, 124, 0.1);
	background-size: 26px auto;
}
.options .counter .left {
	background: url(img/arrow-left2.png) no-repeat 50% 50% / 20px auto;
}
.options .counter .right {
	background: url(img/arrow-right2.png) no-repeat 50% 50% / 20px auto;
}
.options .counter .last {
	color: #DADCDF;
	cursor: default;
}
.options .counter .left.last {
	background-image: url(img/arrow-left3.png);
}
.options .counter .right.last {
	background-image: url(img/arrow-right3.png);
}

.options .bar {
	background: url(img/bar2.png) no-repeat;
}
.options .inner {
	padding-right: 70px;
}
.options .slider {
	float: left;
	width: 73%;
}
.options .img {
	float: left;
	width: 45%;
}
.options .text {
	margin-left: 49%;
	padding-right: 8%;
}
.options .text p {
	margin: 0 0 20px;
}

.options .list_wrp {
	float: right;
	width: 27%;
	/*padding: 40px 3% 40px 6%;*/
	padding: 40px 10px;
	text-align: center;
	background: #FAFBFD;
}
.options .list_wrp h4 {
	display: none;
	margin: 0 0 20px;
}
.options .list_wrp div {
	display: inline-block;
}
.options .list_wrp p {
	text-align: left;
	margin: 0 0 20px;
}
.options .list_wrp a {
	text-decoration: none;
	border-bottom: 1px dotted #222;
}
.options .list_wrp a:hover,
.options .list_wrp .active {
	color: #048394;
	border-bottom: 1px dotted #048394;
}

/* 													 Экономим
------------------------------------------------------------- */
.economy {
	padding: 95px 0;
}
.economy h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 40px;
}
.economy .inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.economy .left { flex-basis: 37%; }
.economy .img { flex-basis: 33%; }
.economy .right { flex-basis: 30%; }

.economy .item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 0 30px;
}
.economy .digit {
	flex-shrink: 0;
	position: relative;
	width: 70px; height: 70px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
	overflow: hidden;
}
.economy .digit i {
	position: absolute;
	z-index: -1;
	left: 0; top: 0;
	right: 0; bottom: 0;
	transform: rotate(43deg);
	background: #23ABCD;
	background: -moz-linear-gradient(top, #23ABCD 0%, #A98BDE 100%);
	background: -webkit-linear-gradient(top, #23ABCD 0%,#A98BDE 100%);
	background: linear-gradient(to bottom, #23ABCD 0%,#A98BDE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23ABCD', endColorstr='#A98BDE',GradientType=0 );
}
.economy .digit b {
	color: #fff;
	font: 900 32px/73px 'Roboto';
}
.economy .text {
	padding: 0 15px 0 30px;
}
.economy .img {
	max-width: 450px;
	padding: 0 35px 0 15px;
}
.economy .img img {
	width: 100%;
}

/* 												Эффективность
------------------------------------------------------------- */

.efficiency {
	color: #fff;
	text-align: center;
	padding: 110px;
	background: #048394;
}
.efficiency h2 {
	font: 900 36px/1.2 'Roboto';
}
.trigger {
	margin: 60px 0;
	font: 400 18px/1 'Roboto';
}
#invite { display: none; }
.efficiency label {
	cursor: pointer;
}
#invite + label {
	position: relative;
	padding-left: 120px;
}
#invite + label:before {
	content: '';
	position: absolute;
	top: -13px;
	left: 13px;
	width: 90px;
	height: 51px;
	border-radius: 33px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	transition: .2s;
}
#invite + label:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 16px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: .2s;
}
#invite:checked + label:before {
	background: #9FD468;
}
#invite:checked + label:after {
	left: 55px;
}
#invite:focus + label:before {
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);
}

/* 											  Присоединяйтесь
------------------------------------------------------------- */
.join {
	padding: 125px 0 100px;
}
.join h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 50px;
}
.join .inner {
	display: flex;
}
.join .inner > * {
	flex-basis: 25%;
}
.join .item {
	float: right;
	position: relative;
	width: 170px;
	text-align: center;
}
.join .item img {
	position: absolute;
	left: -100px; bottom: 0;
}
.join .counter {
	height: 100px;
	color: #fff;
	font: 900 48px/100px 'Roboto';
	background: #016c7c;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.join .text {
	height: 100px;
	font: 300 18px/100px 'Roboto';
	background: #ECF0F8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* 													   Отзывы
------------------------------------------------------------- */
.reviews {
	padding: 120px 0 100px;
	background: #fafbfd;
}
.reviews table {
	width: 100%;
}
.reviews table td {
	font: 400 18px/1.3 'Roboto';
}
.reviews table h2 {
	font: 900 36px/1.3 'Roboto';
}
.reviews table .spec {
	width: 35%;
	padding: 4px 0 4px 30px;
	border-left: 5px solid #048394;
}
.reviews table .spec1 {
	width: 30%;
	padding-right: 30px;
}

.reviews .slick-slide {
	padding: 30px 60px;
	/*border: 1px solid red;*/
}
.reviews .slick-slide .inner {
	padding: 45px 12% 45px 10%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(209,220,241,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(209,220,241,1);
	box-shadow: 0px 0px 30px 0px rgba(209,220,241,1);
}
.reviews .slick-slide .top {
	display: flex;
	align-items: center;
}
.reviews .slick-slide .img {
	width: 120px;
	flex-shrink: 0;
	height: 120px;
	border-radius: 50%;
}
.reviews .slick-slide .headings {
	width: 100%;
	padding: 0 20px;
}
.reviews .slick-slide .name {
	font-weight: 500;
}
.reviews .slick-slide .post {
	margin: 10px 0 30px;
}
.reviews .slick-slide .title {
	font: 900 24px/1.3 'Roboto';
}
.reviews .slick-slide .text {
	margin: 15px 0 0;
}

.reviews i {
	position: absolute;
	z-index: 1;
	top: 43%;
}
.reviews .slick-prev {
	left: 19%;
}
.reviews .slick-next {
	right: 19%;
}

/* 											  Тарифные пакеты
------------------------------------------------------------- */
.packets {
	padding: 120px 0;
}
.packets h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 50px;
}
.packets .inner {
	display: flex;
	justify-content: center;
}
.packets .inner .wrp {
	width: 23%;
	margin: 0 20px;
}
.packets .inner .wrp > div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 40px 15px;
	position: relative;
	color: #fff;
	text-align: center;
	height: 100%;
	cursor: pointer;
	border-radius: 4px;
}
.packets .inner .wrp:nth-child(2) > div {
	color: #222;
}
.packets .inner .wrp:hover > div {
	top: -3px;
	-webkit-box-shadow: 0px 0px 20px 0px #858585;
	-moz-box-shadow: 0px 0px 20px 0px #858585;
	box-shadow: 0px 0px 20px 0px #858585;
}
.packets h3 {
	font: 500 24px/1.3 'Roboto';
	position: relative;
}
.packets .price {
	position: relative;
	font: 400 48px/1 'Roboto';
	margin: 40px 0 20px;
}
.packets .price span {
	position: absolute;
	right: -23px;
	top: -7px;
	font: 400 24px/1 'Roboto';
}
.packets ul {
	margin: 40px 0 20px;
}
.packets ul li {
	font-weight: 500;
	margin: 0 0 20px;
}
.packets a {
	margin-top: auto;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	width: 170px;
	height: 55px;
	line-height: 55px;
	background: rgba(255,255,255,.4);
	border-radius: 4px;
}
.packets .inner > *:nth-child(2) a {
	color: #222;
}
.packets a:hover {
	text-decoration: none;
	background: rgba(0,0,0,.2);
}
.packets i {
	position: absolute;
	width: 21px; height: 20px;
	right: 0; top: -23px;
	background: url(img/star.png);
}

/*
	Слайдер в модальном окне
*/
#packets_modal {
	width: 90%;
	max-width: 1430px;
	position: fixed;
	left: -10000px;
	top: -10000px;
	padding: 0 130px;
	background: none;
}
#packets_modal .slick-slide {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 60px 50px;
	min-height: 700px;
	border-radius: 4px;
}
#packets_modal .top {
	margin: 0 0 10px;
}
#packets_modal .top h4 {
	float: left;
	font: 700 24px/1.2 'Roboto';
	margin: 9px 0 0;
}
#packets_modal .top p {
	float: right;
}
#packets_modal .cost {
	position: relative;
	font: 400 48px/1 'Roboto';
	margin: 0 35px 0 0;
	vertical-align: middle;
}
#packets_modal .cost span {
	position: absolute;
	right: -23px;
	top: -7px;
	font: 400 24px/1 'Roboto';
}
#packets_modal .content {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin: 0 0 50px;
}
#packets_modal .content > * {
	flex-basis: 33.33%;
	padding: 40px 20px 0 0;
}
#packets_modal .content h5 {
	font: 500 16px/1.2 'Roboto';
	margin: 0 0 20px;
}
#packets_modal .content li {
	margin: 0 0 3px;
}
#packets_modal .bottom {
	text-align: right;
	margin-top: auto;
}
#packets_modal .close {
	display: inline-block;
	width: 170px;
	height: 55px;
	line-height: 55px;
	font-weight: 500;
	text-align: center;
	background: rgba(255,255,255,.4);
	border-radius: 4px;
}
#packets_modal .close:hover {
	text-decoration: none;
	background: rgba(0,0,0,.2);
}
#packets_modal i {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -35px;
}
#packets_modal .slick-prev {
	left: -100px;
}
#packets_modal .slick-next {
	right: -100px;
}
#packets_modal .fancybox-button {
	color: #fff;
}

/* 												   Интеграция
------------------------------------------------------------- */
.integration h2 {
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 50px;
}
.integration .heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	padding: 0 50px;
	margin: 50px 0 0;
	height: 75px;
	font: 400 24px/1 'Roboto';
	background: #048394;
}
.integration .heading > *:first-child {
	font-weight: 700;
}
.integration section {
	padding: 50px 65px;
	background: #FAFBFD;
}
.integration .step:not(:last-child) {
	margin: 0 0 45px;
}
.integration section h4 {
	font: 400 18px/1 'Roboto';
	vertical-align: middle;
	margin: 0 0 20px;
}
.integration section h4 span {
	display: inline-block;
	width: 45px; height: 45px;
	line-height: 43px;
	text-align: center;
	margin-right: 15px;
	border: 2px solid #016C7C;
	border-radius: 50%;
}

.integration section p {
	margin: 0 0 15px;
}

/* 										Контроль над бизнесом
------------------------------------------------------------- */
.control {
	position: relative;
	padding: 180px 140px 180px 0;
	margin: 90px auto;
	text-align: right;
	background: #048394;
}
.control img {
	position: absolute;
	left: 60px; top: -40px;
}
.control h2 {
	display: inline-block;
	color: #fff;
	font: 700 36px/1.2 'Roboto';
	text-align: left;
	padding: 80px 0;
	border-top: 5px solid #57B4B1;
	border-bottom: 5px solid #57B4B1;
}

/* 											   Частые вопросы
------------------------------------------------------------- */
.faq {
	margin: 140px auto 100px;
}
.faq h2 {
	font: 900 36px/1 'Roboto';
	margin: 0 0 50px;
}
.faq .item {
	margin: 0 0 20px;
}
.faq h3 {
	position: relative;
	padding: 25px 70px;
	font: 300 24px/1.3 'Roboto';
	cursor: pointer;
	background: #FAFBFD url(img/arrow-right.png) no-repeat 95% 50%;
	border-radius: 4px;
}
.faq .open h3 {
	color: #fff;
	background: #016C7C url(img/arrow-down.png) no-repeat 95% 50%;
}
.faq p {
	display: none;
	padding: 40px 70px 50px;
}

/* 													 Партнеры
------------------------------------------------------------- */
.partners {
	padding: 125px 0;
	background: #FAFBFD;
}
.partners h2 {
	font: 900 36px/1 'Roboto';
	margin: 0 0 35px;
}
.partners .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.partners img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.partners img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none;
}

/* 														  СМИ
------------------------------------------------------------- */
.media {
	position: relative;
	padding: 125px 0 100px;
}
.media h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 10px;
}
.media img {
	max-width: 100%;
}
.media .slick-track {
	padding: 50px 0;
}
.media .slick-slide {
	padding: 0 15px;
}
.media .inner {
	padding: 40px;
	background: #FAFBFD;
}
.media .slick-slide:hover .wrp {
	-webkit-box-shadow: 0px 0px 20px 0px #e4e4e4;
	-moz-box-shadow: 0px 0px 20px 0px #e4e4e4;
	box-shadow: 0px 0px 20px 0px #e4e4e4;
}
.media .slick-slide:hover .inner {
	background: #fff;
}
.media h5 {
	font: 300 24px/1.3 'Roboto';
	height: 63px;
}
.media i {
	position: absolute;
	z-index: 1;
	bottom: -50px;
	left: 50%;
}
.media .slick-prev {
	margin-left: -85px;
}
.media .slick-next {
	margin-right: -85px;
}

/* 													  Команда
------------------------------------------------------------- */
.team {
	padding: 120px 0;
	background: #fafbfd;
}
.team h2 {
	font: 900 36px/1.3 'Roboto';
	margin: 0 0 40px;
}
.team .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.team .inner > * {
	flex-basis: 21%;
	text-align: center;
	margin: 20px 0;
}
.team .img {
	display: inline-block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: #9BA5C1;
}
.team h5 {
	font: 400 15px/1.3 'Roboto';
	margin: 15px 0;
}
.team p {
	font: 400 12px/1.3 'Roboto';
	color: #696969;
}



/* ==========================================================================
	УСЛОВИЯ В МОДАЛЬНОМ ОКНЕ
========================================================================== */

.conditions_modal {
	position: relative;
	padding: 50px 30px 150px;
	width: 90%;
	max-width: 1170px;
	border-radius: 3px;
}
.conditions_modal .inner {
	max-height: 55vh;
	overflow: auto;
}
.conditions_modal h2 {
	font-size: 24px;
	font-weight: 900;
	margin: 0 0 30px;
}
.conditions_modal .btn {
	position: absolute;
	width: 90%;
	max-width: 370px;
	left: 0; right: 0;
	bottom: 55px;
	margin: auto;
	text-align: center;
}



/* ==========================================================================
	СТРАНИЦА "КОНТАКТЫ"
========================================================================== */

.page_contacts {
	margin-top: 80px;
}
.page_contacts .menu2 {
	margin-bottom: 19vh;
}
.page_contacts .flex {
	display: flex;
	/*justify-content: space-between;*/
	align-items: flex-end;
	padding: 12vh 0;
}
.page_contacts .flex .d1 {
	padding: 0 5vw;
}
.page_contacts .flex p {
	margin: 0 0 30px;
}
.page_contacts .flex a {
	text-decoration: underline;
}
.page_contacts .flex div:not(.soc) img {
	vertical-align: middle;
	margin-right: 10px;
}
.page_contacts .flex span {
	display: inline-block;
	vertical-align: middle;
}
.page_contacts .soc a {
	text-decoration: none;
}
.page_contacts .soc a:not(:last-child) {
	margin-right: 55px;
}
.page_contacts .soc span {
	display: inline-block;
	margin-left: 10px;
}
.page_contacts .soc img {
	vertical-align: middle;
}
.page_contacts .map {
	margin-bottom: 12vh;
	border-radius: 4px;
	overflow: hidden;
}



/* ==========================================================================
	СТРАНИЦА "О НАС"
========================================================================== */

/* 											   Числовые блоки
------------------------------------------------------------- */
.number {
	background-color: #048394;
	color: #ffffff;
	padding: 99px 70px;
	width: 285px;
	height: 365px;
	text-align: center;
	position: relative;
}





.number--map {
	position: absolute;
	right: 10%;
	top: 320px;
}
.number__inner {
	position: relative;
}
.number--orange {
	background-color: #F6891E;
}
.number__compare {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	right: 6px;
	top: -11px;
	z-index: 1;
}
.number__value {
	position: relative;
	font-family: 'Abril Fatface', cursive;
	margin: 0;
	text-align: center;
	font-size: 113px;
	line-height: 94px;
}
.number__value span {
	position: relative;
	z-index: 1;
}
.number__value::after {
	position: absolute;
	z-index: 0;
	content: "";
	background-color: #F6891E;
	width: 41px;
	height: 147px;
	top: -19px;
	left: -10px;
}
.number--orange {
	color: #242424;
}
.number--small {
	width: 216px;
	height: 306px;
	padding: 99px 49px 0 49px;
}
.number--small .number__value::after {
	left: 12px;
	width: 39px;
}
.number--orange .number__value::after {
	background-color: #FFFFFF;
}
.number__entity {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
	text-align: left;
	padding-left: 15px;
	position: relative;
	z-index: 1;
}
.number--small .number__entity {
	padding-left: 27px;
}
.number__link {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 65px;
	color: #ffffff;
	text-decoration: none !important;
}
.number__link span {
	position: relative;
	margin-right: 7px;
}
.number__link span:before {
	content: '';
	position: absolute;
	bottom: -1px; left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,.5);
}
.number__link:hover,
.number__link:focus {
	color: #ffffff;
}
.number__link:hover span:before,
.number__link:focus span:before {
	background: #fff;
}

/* 												 Текст вверху
------------------------------------------------------------- */
.page_wrp.page_about_new {
	padding-top: 0;
}
.page_about_new .text1 {
	text-align: center;
	font: 48px/1.2 'Roboto';
	padding: 55px 0 0 0;
	background-color: #F7F7F7;
}
.page_about_new .text1 span {
	font-weight: bold;
}
.page_about_new .text1 img {
	display: block;
	max-width: 100%;
	height: auto;
}
.page_about_new .text2 {
	max-width: 720px;
	text-align: center;
	font: 300 24px/1.6 'Roboto';
	padding-top: 60px;
	padding-bottom: 100px;
}
.about__text {
  margin-bottom: 20px;
}

/* 													 Директор
------------------------------------------------------------- */
.page_about_new .ali {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_about_new .ali .photo {
	width: 41%;
}
.page_about_new .ali .photo img {
	max-width: 100%;
}
.page_about_new .ali .text {
	width: 59%;
	padding-left: 8%;
	padding-right: 8%;
}
.page_about_new .ali .text h2 {
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 50px;
}
.page_about_new .ali .text p {
	font: 300 16px/1.6 'Roboto';
	margin: 0 0 30px;
}
.page_about_new .ali .name {
	margin: 60px 0 10px;
	font: bold 21px/1.2 'Roboto';
}
.page_about_new .ali .sign {
	font: 300 16px/1.2 'Roboto';
	color: #9BA5C1;
}

/* 												  Возможности
------------------------------------------------------------- */
.page_about_new .capability1 {
	display: flex;
	justify-content: space-between;
	margin: 90px 0 0;
	text-align: right;
}
.page_about_new .capability1 .text {
	width: 50%;
	padding: 140px 10% 140px 15px;
	background: #f7f7f7;
}
.page_about_new .capability1 .img {
	width: 50%;
	background: #048394 url(img/capability1-bg.png) no-repeat 0 50% / contain;
}
.page_about_new .capability1 section {
	display: inline-block;
	width: 100%;
	max-width: 410px;
	text-align: left;
}
.page_about_new .capability1 h2 {
	margin: 0 0 50px;
	font: 900 36px/1.2 'Roboto';
}
.page_about_new .capability1 p {
	font: 300 18px/1.6 'Roboto';
}
.page_about_new .capability1 p:first-of-type {
	margin-bottom: 35px;
}

.page_about_new .capability2 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 130px;
}
.page_about_new .capability2 .img {
	width: 50%;
	background: #F6891E url(img/capability2-bg.png) no-repeat 100% 50% / contain;
}
.page_about_new .capability2 .text {
	width: 50%;
	padding: 140px 15px 140px 7%;
	background: #f7f7f7;
}
.page_about_new .capability2 p {
	max-width: 430px;
	font: 300 18px/1.6 'Roboto';
	margin: 0 0 30px;
	padding-left: 70px;
}
.page_about_new .capability2 p:nth-of-type(1) {
	background: url(img/capability-img1.svg) no-repeat 8px 50%;
}
.page_about_new .capability2 p:nth-of-type(2) {
	background: url(img/capability-img2.svg) no-repeat 0 50%;
}
.page_about_new .capability2 p:nth-of-type(3) {
	margin: 0;
	background: url(img/capability-img3.svg) no-repeat 12px 50%;
}


/* 														Карта
------------------------------------------------------------- */
.page_about_new .map {
	position: relative;
	padding: 0 0 500px;
	margin-bottom: 30px;
	background: url("img/map.svg") no-repeat 50% 100px / 100% auto;
}
.page_about_new .map h2 {
	text-align: center;
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 50px;
}
.map__p {
	max-width: 770px;
	margin: 0 auto;
	font: 300 24px/1.4 'Roboto';
	text-align: center;
}

.page_about_new .map .info {
	position: absolute;
	right: 10%;
	top: 320px;
	width: 285px;
	height: 353px;
	padding: 60px;
	color: #fff;
	background: #048394;
}
.page_about_new .map .info .inner {
	position: relative;
	text-align: right;
	font: 300 20px/1.2 'Roboto';
	margin: 0 0 30px;
	padding: 0 0 20px;
}
.page_about_new .map .info .inner:before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0; top: 0;
	width: 41px;
	height: 147px;
	background: #F6891E;
}
.page_about_new .map .info .inner div {
	position: relative;
	z-index: 1;
}
.page_about_new .map .info .t1 {
	/* font: 700 107px/1 'Roboto'; */
	font-family: 'Abril Fatface', cursive;
	font-size: 96px;
}
.page_about_new .map .info .t2 {
	font-weight: 400;
}
.page_about_new .map a {
	color: #fff;
	text-decoration: none !important;
}
.page_about_new .map a span {
	position: relative;
	margin-right: 7px;
}
.page_about_new .map a span:before {
	content: '';
	position: absolute;
	bottom: -1px; left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,.5);
}
.page_about_new .map a:hover span:before {
	background: #fff;
}
.page_about_new .map a img {
	vertical-align: middle;
}

.page_about_new .legend {
	position: absolute;
	right: 10%;
	bottom: 0;
	color: #000;
	font: 300 14px/1.2 'Roboto';
}
.page_about_new .legend i {
	display: inline-block;
	vertical-align: middle;
	width: 20px; height: 20px;
	margin-right: 10px;
}
.page_about_new .legend i:first-of-type {
	background: #F6891E;
}
.page_about_new .legend i:last-of-type {
	background: #91BFD9;
}
.page_about_new .legend span {
	display: inline-block;
	vertical-align: middle;
}
.page_about_new .legend span:first-of-type {
	margin-right: 50px;
}





/* 								Кто работает в компании НОВЫЙ
------------------------------------------------------------- */
.company_new {
	padding: 50px 0;
	background: #edfff2;
}
.company_new img {
	transition: all .3s ease 0s;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.company_new img:hover {
	transform: scale(1.05);
}
.company_new .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 45px;
}
.company_new .top h2 {
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 50px;
}
.company_new .top .left {
	padding-right: 40px;
}
.company_new .top p {
	max-width: 500px;
}


.number_orange {
	display: inline-block;
	padding: 80px 45px 60px;
	background: #F6891E;
}
.number_orange .inner {
	position: relative;
	text-align: left;
	padding: 10px 0 10px 12px;
}
.number_orange .inner:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	height: 100%;
	width: 38px;
	background: #fff;
}
.number_orange .text {
	position: relative;
	z-index: 1;
	font: 400 20px/1 'Roboto';
}
.number_orange .num {
	position: relative;
	z-index: 1;
	font: 400 110px/.8 'AbrilFatface';
	margin: 0 0 5px;
}
.number_orange a {
	display: block;
	margin-top: 50px;
	color: #fff;
	font: 400 14px/1 'Roboto';
}
.number_orange a span {
	text-decoration: underline;
	padding-right: 35px;
	background: url(img/arrow-right4.png) no-repeat 100% 50%;
}


.grid .gutter-sizer { width: 3%; }
.grid .grid-sizer,
.grid .grid-item {
	width: 31.2%;
}
.grid .grid-item {
	margin-bottom: 3%;
	/*
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	*/
}
.grid img {
	max-width: 100%;
}
.grid .green .inner {
	max-width: 345px;
	color: #fff;
	font-size: 14px;
	padding: 25px;
	background: #048394;
}
.grid .green p {
	margin: 0 0 15px;
}
.grid .green .sign {
	text-align: right;
	color: #5BBDCA;
}
.grid .d2 {
	text-align: center;
}
.grid .d3 {
	text-align: right;
}
.grid .d4 {
	text-align: center;
}
.grid .d5 {
	text-align: center;
}
.grid .d6 {
	text-align: center;
}
.grid .d7 {
	text-align: center;
}
.grid .d8 {
	text-align: center;
}
.grid .d8 .inner {
	display: inline-block;
	text-align: left;
}
.grid .d11 {
	text-align: center;
}
.grid .d14 {
	text-align: center;
}









/* 												 Кто работает
------------------------------------------------------------- */
.page_about_new .company .row {
	display: flex;
	margin: 0 0 30px;
}
.page_about_new .company .row1 {
	justify-content: center;
	align-items: flex-start;
}
.page_about_new .company .row1 div {
	max-width: 470px;
	margin-right: 80px;
}
.page_about_new .company h2 {
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 40px;
}
.page_about_new .company .row1 p {
	font: 300 18px/1.6 'Roboto';
}
.page_about_new .company .row2 {
	justify-content: center;
}
.page_about_new .company .row2 img:first-of-type {
	margin-right: 30px;
}
.page_about_new .company .row3 {
	justify-content: flex-end;
}

.page_about_new .company .orange {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 45px;
	background: #F6891E;
}
.page_about_new .company .orange .inner {
	position: relative;
	max-width: 150px;
	text-align: right;
	font: 20px/1.2 'Roboto';
	margin: 0 0 30px;
	padding: 0 0 20px;
}
.page_about_new .company .orange .inner:before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0; top: 0;
	width: 52px;
	height: 100%;
	background: #fff;
}
.page_about_new .company .orange .inner div {
	position: relative;
	z-index: 1;
}
.page_about_new .company .orange .t1 {
	font-family: 'Abril Fatface', cursive;
	font-size: 110px;
}
.page_about_new .company .orange a {
	color: #fff;
	text-decoration: none !important;
}
.page_about_new .company .orange a span {
	position: relative;
	margin-right: 7px;
}
.page_about_new .company .orange a span:before {
	content: '';
	position: absolute;
	bottom: -1px; left: 0;
	right: 0;
	height: 1px;
	background: rgba(255,255,255,.5);
}
.page_about_new .company .orange a:hover span:before {
	background: #fff;
}
.page_about_new .company .orange a img {
	vertical-align: middle;
}

.page_about_new .company .row3 .orange {
	margin-right: 30px;
	flex-direction: column;
	justify-content: center;
}

.page_about_new .company .row4 .orange {
	margin: 0 30px;
}
.page_about_new .company .row4 .inner {
	margin: 0;
	text-align: left;
	padding-left: 25px;
}

.page_about_new .company .row5 {
	justify-content: flex-end;
}
.page_about_new .company .row5 .inner {
	margin: 0;
	text-align: left;
	padding-left: 25px;
}
.page_about_new .company .row5 img:first-of-type {
	margin: 0 30px;
}

.page_about_new .company .row6 img:nth-of-type(2) {
	margin: 0 30px;
}
.company__right {
	
}
.company__image {
	transition: all .3s ease 0s;
}
.company__image {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.company__image:hover {
	transform: scale(1.05);
}
.company__title {
  font: 900 36px/1.2 'Roboto';
  margin: 0 0 50px !important;
}
.company__left {
  max-width: 520px;
  margin-right: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.company__text {
  font: 300 18px/1.6 'Roboto';
}
.company__review {
  max-width: 344px;
  background-color: #048394;
  padding: 25px;
  color: #ffffff;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
}
.company__review p {
  margin-bottom: 20px;
}
.company__review-name {
  color: #5BBDCA;
  margin-bottom: 0 !important;
  text-align: right;
}
.masonry {
  margin: 0 8.85417%;
  overflow: hidden;
}
.masonry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.masonry__item {
  padding: 19px 25px;
}



/* ==========================================================================
	СТРАНИЦА ОДНОЙ СТАТЬИ
========================================================================== */

.article .all {
	margin: 50px 0 55px;
}
.article .all a {
	display: inline-block;
	color: #222;
	font-weight: 500;
	padding: 20px 20px 20px 50px;
	background: #FAFBFD url(img/arrow-left.png) no-repeat 20px 50%;
	border-radius: 4px;
}
.article .all a:hover {
	background-color: #E3E7F0;
}
.article .title {
	display: flex;
	justify-content: space-between;
	margin: 50px 0 40px;
}
.article h1 {
	font-size: 24px;
	font-weight: 900;
	padding-right: 15px;
}
.article .title span {
	flex-shrink: 0;
	display: inline-block;
	margin-top: 7px;
}
.article_img {
	padding-top: 40%;
	border-radius: 4px;
}
.article_source {
	margin: 30px 0;
}
.article_source a {
	color: #000;
	font-weight: 500;
	text-decoration: underline;
}

/* 											 Связанные статьи
------------------------------------------------------------- */
.article_related {
	margin: 70px 0;
}
.article_related h2 {
	font: 900 24px/1.2 'Roboto';
	margin: 0 0 30px;
}
.article_related .flex {
	display: flex;
	margin: -15px;
}
.article_related .item {
flex-basis: calc(33.33% - 30px);
	margin: 15px;
	padding: 20px;
	text-decoration: none;
	box-shadow: 0px 0px 20px rgba(146, 146, 146, 0.1);
	border-radius: 3px;
}
.article_related .item:hover {
	box-shadow: 0px 0px 20px rgba(146, 146, 146, 0.4);
}
.article_related .item i {
	display: block;
	padding-top: 66%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;

}
.article_related .item:hover i {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none;
}
.article_related .item h3 {
	font: 900 24px/1.2 'Roboto';
	margin: 20px 0 10px;
	color: #000;
	text-decoration: underline;
}
.article_related .item:hover h3 {
	color: #0081A7;
}
.article_related .item p {
	font: 400 12px/1.2 'Roboto';
	color: #9BA5C1;
	margin: 0;
}



/* ==========================================================================
	СТРАНИЦА СПИСКА СТАТЕЙ
========================================================================== */

.page_media form {
	position: relative;
	padding: 40px 120px 40px 40px;
	margin: 30px 0;
	background: #fafbfd;
}
.page_media [name=s] {
	width: 100%;
	height: 55px;
	padding: 15px 70px 15px 15px;
	border: 1px solid #9BA5C1;
	border-radius: 4px;
}
.page_media [type=submit] {
	position: absolute;
	right: 40px;
	top: 40px;
	width: 55px;
	height: 55px;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	background: url(img/search.png);
}
.page_media [type=submit]:hover {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
	box-shadow: 0px 0px 30px 0px rgba(181,181,181,1);
}

.page_media .list {
	margin: 30px 0 120px;
}
.page_media .item {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	color: #222;
	border-top: 5px solid #fafbfd;
}
.page_media .item:last-child {
	border-bottom: 5px solid #fafbfd;
}
.page_media .d1 {
	width: 270px;
}
.page_media .d1 img {
	max-width: 100%;
}
.page_media .d2 {
	width: 700px;
}
.page_media .d3 {
	width: 150px;
	text-align: right;
}
.page_media .title {
	display: block;
	margin: 0 0 30px;
	font-weight: 900;
	font-size: 24px;
}
.page_media a:hover {
	text-decoration: none;
}
.page_media a:hover .title {
	text-decoration: underline;
}



/* ==========================================================================
	СТРАНИЦА ОДНОЙ ВАКАНСИИ
========================================================================== */

.vacancy .text_content {
	max-width: 740px;
}
.vacancy .form_wrp {
	color: #fff;
	padding: 60px 90px;
	margin: 120px 0;
	border-radius: 4px;
	background: #016C7C url(img/vacancy-bg.png) no-repeat 70% 50% / auto 85%;
}
.vacancy .flex {
	display: flex;
	justify-content: space-between;
}
.vacancy .fields {
	width: 37%;
}
.vacancy .img {
	width: 53%;
	background: #77adb5;
	border-radius: 4px;
}
.vacancy .form_wrp h3 {
	font: bold 24px/1.2 'Roboto';
	margin: 0 0 50px;
}
.vacancy .wpcf7-file {
	width: 0.1px !important;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.vacancy [for=file1] {
	display: inline-block;
	position: relative;
	font-size: 14px;
	height: 55px;
	padding: 0 15px 0 70px;
	margin: 0 0 15px;
	cursor: pointer;
}
.vacancy [for=file1]:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.vacancy [for=file1]:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 54px; height: 54px;
	border-radius: 2px;
	background: #fff url(img/cross.png) no-repeat 50% 50%;
}
.vacancy [for=file1]:hover:before {
	background: #fff url(img/cross-hover.png) no-repeat 50% 50%;
}
.vacancy [for=file1].wpcf7-not-valid {
	background-color: #ff8181;
}
.vacancy [for=file1] span {
	display: inline-block;
	vertical-align: middle;
}
.vacancy [for=file1] + s {
	display: inline-block;
	opacity: 0;
	vertical-align: middle;
	cursor: pointer;
	width: 15px; height: 15px;
	margin-left: 15px;
	background: url(img/close.png) no-repeat 50% 50%;
}
.vacancy [for=file1] + s:hover {
	background-image: url(img/close2.png);
}
.vacancy [for=file1] i {
	display: none;
	position: absolute;
	left: 70px; top: -25px;
	font-size: 12px;
	font-style: normal;
	color: #EA5C40;
	padding: 6px 10px;
	background: #fff;
	border-radius: 3px;
}
.vacancy [for=file1] i:before {
	content: '';
	position: absolute;
	left: 40px; top: 100%;
	width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff;
}
.vacancy .wpcf7-form-control:not(.wpcf7-acceptance) {
	width: 100%;
	height: 55px;
	margin: 0 0 15px;
	padding: 15px;
	border: 0;
	border-radius: 3px;
}
.vacancy .wpcf7-textarea {
	height: 120px !important;
	overflow: hidden;
}
.vacancy .wpcf7-list-item {
	margin: 0;
}
.vacancy .wpcf7-acceptance label {
	display: block;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	margin: 0 0 40px;
}
.vacancy .wpcf7-acceptance a {
	text-decoration: none !important;
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.vacancy [type=checkbox] {
	display: none;
}
.vacancy [type=checkbox] + span {
	padding-left: 30px;
	position: relative;
}
.vacancy [type=checkbox] + span:before {
	content: '';
	position: absolute;
	left: 0; top: -3px;
	width: 20px; height: 20px;
	background: #fff;
	border-radius: 2px;
}
.vacancy [type=checkbox]:checked + span:before {
	background: #fff url(img/check.png) no-repeat 50% 50%;
}
.vacancy .wpcf7-response-output {
	margin: 0;
}



/* ==========================================================================
	СТРАНИЦА СПИСКА ВАКАНСИЙ
========================================================================== */

.vacancies {
	margin-top: 80px;
}
.vacancies .list {
	margin-top: 55px;
}
.vacancies .item p {
	max-width: 660px;
}



/* ==========================================================================
	СТРАНИЦА "РЕГИСТРАЦИЯ" - старая
========================================================================== */
/*
.register h1 {
	font-size: 36px;
	margin: 0 0 50px;
}
.register .title {
	font-size: 24px;
	font-weight: 900;
	color: #fff;
	padding: 25px 50px;
	background: #048394;
}


.register .form_wrp {
	padding: 50px;
	margin: 0 0 120px;
	background: #FAFBFD url(img/control.png) no-repeat 92% 50%;
	border-radius: 0 0 4px 4px;
}
.register .form_wrp p {
	font-size: 18px;
	color: #212121;
	margin: 0 0 50px;
}

.register ::-webkit-input-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.register ::-moz-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.register :-ms-input-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.register :-moz-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.register .wpcf7-form-control-wrap {
	display: block;
	position: relative;
	max-width: 400px;
	margin: 0 0 20px;
	overflow: hidden;
}
.register .placeholder {
	position: absolute;
	left: 12px;
	top: 15px;
	color: #9299a2;
	transition-duration: .1s;
	transition-property: top,font-size;
	transition-timing-function: ease-in-out;
	pointer-events: none;
	white-space: nowrap;
}
.register .placeholder_replace:focus + .placeholder,
.register .placeholder_replace.not_empty + .placeholder {
	top: 5px;
	font-size: 12px;
}
.register .placeholder_replace.wpcf7-not-valid + .placeholder {
	color: #fff;
}

.register .wpcf7-form-control-wrap.email,
.register .wpcf7-form-control-wrap.driver_count {
	margin-bottom: 40px;
}
.register .wpcf7-form-control-wrap > input {
	width: 100%;
	height: 55px;
	padding: 0 12px;
	border-radius: 3px;
	border: 1px solid #9BA5C1;
}
.register .wpcf7-form-control-wrap > input:focus {
	border-color: #016C7C;
}
.register .form_wrp [type=checkbox] {
	display: none;
}
.register .wpcf7-list-item {
	margin: 0;
}
.register .wpcf7-list-item-label {
	position: relative;
	padding: 5px 0 0 30px;
	cursor: pointer;
}
.register .wpcf7-list-item-label:before {
	content: '';
	position: absolute;
	left: 0; top: 4px;
	width: 19px; height: 19px;
	background: url(img/checkbox.png);
}
.register :checked + .wpcf7-list-item-label:before {
	background-position: 0 -19px;
}
.register .acceptance a,
.register .acceptance2 a {
	color: #222;
	text-decoration: none;
	border-bottom: 1px dashed #222;
}
.register [type=submit] {
	width: 100%;
	max-width: 400px;
}
.register .wpcf7-response-output,
.register .wpcf7-not-valid-tip {
	display: none !important;
}

.register .next {
	padding: 50px;
	background: #FAFBFD;
	border-radius: 0 0 4px 4px;
}
.register .next p {
	padding-left: 22px;
	margin: 0 0 3px;
	position: relative;
}
.register .next p:before {
	content: '';
	position: absolute;
	left: 0; top: 5px;
	width: 8px; height: 8px;
	border: 2px solid #048394;
	border-radius: 50%;
}
*/



/* ==========================================================================
	СТРАНИЦА "РЕГИСТРАЦИЯ" - НОВАЯ
========================================================================== */

.register_new {
	padding: 60px 0;
}
.register_new h1 {
	text-align: center;
	font: 900 36px/1.2 'Roboto';
	margin: 0 0 10px;
}
.register_new h1 + p {
	font: 300 16px/1.3 'Roboto';
	text-align: center;
	max-width: 630px;
	margin: 0 auto 50px;
}

/* 												 Как получить
------------------------------------------------------------- */
.register_new .get {
	margin: 0 0 50px;
	padding: 40px 90px;
	background: #FAFBFD;
}
.register_new .get h2 {
	font: 900 24px/1.2 'Roboto';
	margin: 0 0 30px;
}
.register_new .get .flex {
	display: flex;
	justify-content: space-between;
}
.register_new .get .text {
	display: flex;
	flex-shrink: 0;
	font: 300 18px/1.2 'Roboto';
}
.register_new .get .text span {
	display: flex;
	align-items: center;
}
.register_new .get .num {
	font: 48px/1 'AbrilFatface';
	margin: -3px 20px 0 0;
}
.register_new .get .sep {
	width: 100%;
	position: relative;
	margin: 0 20px;
}
.register_new .sep i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 2px;
	background: #000;
	transition: 2s linear;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-o-transition: 1s linear;
}
.register_new .sep.start i {
	width: 100%;
}

/* 												 Форма заявки
------------------------------------------------------------- */
.register_new .request {
	display: flex;
	justify-content: space-between;
	padding: 60px 50px 60px 90px;
	box-shadow: 0px 0px 20px rgba(146, 146, 146, 0.1);
}
.register_new .request .left {
	margin-right: 40px;
}
.register_new .request h2 {
	font: 900 24px/1.2 'Roboto';
	margin: 0 0 50px;
}
.register_new.step2 .request h2 {
	display: none;
}
.register_new .form_wrp1,
.register_new .form_wrp2 {
	display: flex;
	justify-content: space-between;
}
.register_new .form_wrp2 {
	flex-direction: row-reverse;
}
.register_new form .col1 {
	width: 100%;
	margin-right: 20px;
}
.register_new form .col2 {
	width: 230px;
	flex-shrink: 0;
}

.register_new .wpcf7-form-control-wrap {
	display: block;
	margin: 0 0 40px;
}

.register_new .wpcf7-form-control-wrap > input {
	width: 100%;
	height: 55px;
	border-radius: 3px;
	border: 1px solid #9BA5C1;
}
.register_new .wpcf7-form-control-wrap > input:focus {
	border-color: #016C7C;
}

.register_new .acceptance {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	margin: 12px 0 0;
}
.register_new .acceptance [type=checkbox] {
	display: none;
}
.register_new .acceptance span {
	display: inline-block;
	font: 300 12px/1.2 'Roboto';
}
.register_new .acceptance span:before {
	content: '';
	position: absolute;
	left: 0; top: 6px;
	width: 19px; height: 19px;
	background: url(img/checkbox.png);
}
.register_new .acceptance :checked + span:before {
	background-position: 0 -19px;
}
.register_new .acceptance.err span:before {
	background-position: top 0px right 0px;
	background-position-x: 0%;
	background-position-y: -38px;
}
.register_new .acceptance a {
	color: #222;
	text-decoration: none;
	line-height: 1;
	border-bottom: 1px dashed #222;
}

.register_new .red {
	width: 100%;
	font: 500 14px/1 'Roboto';
}
.register_new .wpcf7-response-output {
	display: none !important;
}
.register_new .wpcf7-not-valid {
	background: none;
}
.register_new .form_wrp2 .ajax-loader {
	height: 40px; width: 40px;
	margin: 7px 0 0;
	background-image: url(img/ajax-loader3.svg);
}

.register_new .request .right img {
	width: 100%;
}

/* Подсказки */

.hint_wrp {
	display: block;
	position: relative;
}
.hint {
	display: none;
	opacity: 0;
	position: absolute;
	z-index: 999;
	width: 235px;
	height: 50px;
	left: 15px;
	bottom: 100%;
	align-items: center;
	font: 400 12px/1.2 'Roboto';
	color: #000;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);
}
.hint:before {
	display: none;
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	bottom: -13px;
	left: 40px;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	border: 1px solid #e0e0e0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);
}
.hint:after {
	display: none;
	opacity: 0;
	content: '';
	position: absolute;
	left: 40px;
	bottom: -12px;
	width: 13px;
	height: 13px;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	background: #fff;
}
.show .hint {
	display: flex;
	animation: tooltip 0.5s ease forwards;
}
.show .hint:before,
.show .hint:after {
	display: block;
	animation: tooltip1 0.5s ease forwards;
}
@-moz-keyframes tooltip {
	100% {
		opacity: 1;
		bottom: calc(100% + 12px);
	}
}
@-webkit-keyframes tooltip {
	100% {
		opacity: 1;
		bottom: calc(100% + 12px);
	}
}
@-o-keyframes tooltip {
	100% {
		opacity: 1;
		bottom: calc(100% + 12px);
	}
}
@keyframes tooltip {
	100% {
		opacity: 1;
		bottom: calc(100% + 12px);
	}
}

@-moz-keyframes tooltip1 {
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes tooltip1 {
	100% {
		opacity: 1;
	}
}
@-o-keyframes tooltip1 {
	100% {
		opacity: 1;
	}
}
@keyframes tooltip1 {
	100% {
		opacity: 1;
	}
}

/* Города */

.cities {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0; top: 55px;
	width: 100%;
	padding: 15px 0;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.11);
}
.cities li, .cities p {
	padding: 0 15px;
}
.cities li:hover {
	cursor: pointer;
	background: #eee;
}

/* Проверка формы */

.hint_wrp i {
	display: none;
	position: absolute;
	right: 15px; top: 20px;
	width: 16px; height: 16px;
}
.not_valid_tip {
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 5px);
    font: 400 11px/110% 'Roboto';
	color: #f00;
}
.hint_wrp.err input {
	border: 1px solid #ff1010 !important;
}
.hint_wrp.err i {
	display: block;
	background: url(img/delete.png) no-repeat 50% 50%;
}
.hint_wrp.err .not_valid_tip {
	display: block;
}
.hint_wrp.ok i {
	display: block;
	background: url(img/check.png) no-repeat 50% 50%;
}

#reg_form_check {
	display: none;
	margin: auto;
	padding: 0;
	font-size: 18px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
}
#reg_form_check .fancybox-button {
	width: 55px;
	height: 55px;
}
#reg_form_check .flex {
	display: flex;
}
#reg_form_check .left {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 560px;
	padding: 6%;
	background: url(img/reg-form-bg.png) no-repeat 50% 50% / cover;
}
#reg_form_check .text {
	padding: 30px;
	background: #fff;
	border-radius: 8px 0px 0px 8px;
}
#reg_form_check .fio {
	font: 900 36px/120% 'Roboto';
	word-break: break-word;
	color: #058496;
}
#reg_form_check .text1 {
	position: relative;
	font: 400 18px/118% 'Roboto';
	padding: 20px 0 30px;
	margin: 0 0 30px;
}
#reg_form_check .text1:before {
	content: '';
	position: absolute;
	left: 0; top: 100%;
	width: 70px; height: 6px;
	background: #058495;
}
#reg_form_check p {
	font-size: 16px;
	margin: 0 0 20px;
}
#reg_form_check .text2 {
	font: 400 14px/140% 'Roboto';
	color: #B0B0B0;
}

#reg_form_check .right {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 440px;
	text-align: center;
	background: #fff;
}
#reg_form_check .right > div {
	width: 100%;
}
#reg_form_check a {
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 129, 167, .5);
}
#reg_form_check a img {
	display: block;
	margin: 0 auto 15px;
	max-width: 80px;
}
#reg_form_check a span {
	font: 300 16px/19px 'Roboto';
	color: #0081A7;
}
#reg_form_check .line {
	width: 90%;
	max-width: 310px;
	height: 1px;
	margin: 50px auto;
	background: #000;
}

/* 												   Поделиться
------------------------------------------------------------- */
.register_new .share {
	margin-top: 45px;
	text-align: center;
}
.share p {
	font: 18px/1 'Roboto';
	margin: 0 0 30px;
}
.share i {
	display: inline-block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	margin: 0 6px;
	border: 1px solid #000;
	border-radius: 50%;
}
.share i:hover {
	color: #fff;
	border-color: #fff;
	background: #EC4B4E;
	background: -moz-linear-gradient(left,  #EC4B4E 0%, #E7732E 100%);
	background: -webkit-linear-gradient(left,  #EC4B4E 0%,#E7732E 100%);
	background: linear-gradient(to right,  #EC4B4E 0%,#E7732E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC4B4E', endColorstr='#E7732E',GradientType=1 );
}



/* ==========================================================================
	СТРАНИЦА 404
========================================================================== */

.error404 {
	display: flex;
	align-items: center;
	padding: 0;
	height: 100vh;
	font-weight: 400;
}
.error404.admin-bar {
	height: calc(100vh - 32px);
}
.error404 #header, .error404 #footer {
	display: none;
}
.error404 > .container {
	width: 100%;
	padding: 50px 65px !important;
	-webkit-box-shadow: 0px 0px 40px 0px #f6f6f6;
	-moz-box-shadow: 0px 0px 40px 0px #f6f6f6;
	box-shadow: 0px 0px 40px 0px #f6f6f6;
}
.error404 header a {
	display: block;
}
.error404 .logo {
	margin: 0 0 20px;
}

.error404 main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px 0 150px;
}
.error404 h1 {
	font-weight: 900;
	font-size: 36px;
}
.error404 .bar {
	position: relative;
	max-width: 449px;
	height: 58px;
	margin: 30px 0 40px -88px;
	padding-left: 90px;
	color: #fff;
	font: 900 24px/58px 'Roboto';
	background: url(img/bar3.png) no-repeat 100% 0;
}
.error404 .bar:before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 1px; top: 99%;
	width: 0;
	height: 0;
	border-top: 10px solid #074750;
	border-left: 20px solid transparent;
}
.error404 main p {
	font-size: 18px;
}
.error404 main p:first-of-type {
	margin: 0 0 20px;
}
.error404 main a {
	color: #0081a7;
	text-decoration: underline;
}



/* ==========================================================================
	СТРАНИЦА MEFT2019
========================================================================== */

.meft { padding-top: 150px; }

#meft_start {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0;
	right: 0; bottom: 0;
	text-align: center;
	padding-top: 150px;
	background: #fff;
}
#meft_start h2 {
	font: bold 24px/1 'Roboto';
	margin: 70px 0 10px;
}
#meft_start p {
	font: 400 14px/1 'Roboto';
}
#meft_start footer {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	padding-bottom: 20px;
	font: 400 14px/1 'Roboto';
}

#meft_header {
	box-shadow: 0px 4px 20px #E5E5E5;
}
#meft_header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
#meft_header a {
	color: #212121;
	font: 400 14px/1 'Roboto';
}

.meft .flex {
	display: flex;
}
.meft .left {
	padding-right: 40px;
}
.meft h1 {
	font: 500 40px/1.2 'Roboto';
}
.meft .left p {
	font: 400 18px/1.5 'Roboto';
	margin: 100px 0 50px;
}
.meft .wpcf7 {
	padding: 8% 8% 6%;
	background: #016C7C;
	border-radius: 4px;
}
.meft .wpcf7 .flex {
	justify-content: space-between;
}
.meft .wpcf7 .flex > div {
	width: 48%;
}
.meft .wpcf7-text {
	width: 100%;
	height: 55px;
	padding: 0 15px;
	border-radius: 3px;
	border: 1px solid #9BA5C1;
}

.meft [type=checkbox] {
	display: none;
}
.meft .acceptance {
	display: block;
	margin: 15px 0;
}
.meft .wpcf7-list-item {
	margin: 0;
	color: #fff;
	font-size: 12px;
}
.meft .wpcf7-list-item-label {
	position: relative;
	display: block;
	cursor: pointer;
	padding-left: 25px;
}
.meft .wpcf7-list-item-label:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 19px; height: 19px;
	background: url(img/checkbox.png);
}
.meft :checked + .wpcf7-list-item-label:before {
	background-position: 0 -19px;
}
.meft .wpcf7-list-item a {
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.meft .wpcf7-list-item a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.meft .wpcf7-submit {
	width: 100%;
	height: 55px;
	color: #fff;
	font: 500 14px/1 'Roboto';
	margin-top: 5px;
	border-radius: 4px;
	background: linear-gradient(181.69deg, #EC4B4E 5.16%, #E7732E 108.81%);
	border: none;
}

.meft .img img {
	display: block;
	width: 400px;
}

.meft .wpcf7-mail-sent-ok {
	display: none !important;
}

#meft_footer {
	text-align: center;
	font: 400 14px/1 'Roboto';
	margin: 110px 0 50px;
}

.meft ::-webkit-input-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.meft ::-moz-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.meft :-ms-input-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.meft :-moz-placeholder {
	color: #9299a2;
	font: 300 16px/1 'Roboto';
}
.meft .tel,
.meft .p1 {
	float: left;
	width: 48%;
}
.meft .email,
.meft .btn {
	float: right;
	width: 48%;
}
.meft .wpcf7-form-control-wrap {
	display: block;
	position: relative;
	max-width: 400px;
	margin: 0 0 20px;
	overflow: hidden;
}
.meft .placeholder {
	position: absolute;
	left: 12px;
	top: 15px;
	color: #9299a2;
	transition-duration: .1s;
	transition-property: top,font-size;
	transition-timing-function: ease-in-out;
	pointer-events: none;
	white-space: nowrap;
}
.meft .placeholder_replace:focus + .placeholder,
.meft .placeholder_replace.not_empty + .placeholder {
	top: 5px;
	font-size: 12px;
}
.meft .placeholder_replace.wpcf7-not-valid + .placeholder {
	color: #fff;
}
.meft .ajax-loader { position: absolute; }

/* 								Уведомление об отправке формы
------------------------------------------------------------- */
#meft2019_sent {
	display: none;
	width: 95%;
	max-width: 290px;
	text-align: center;
	padding: 20px;
	border-radius: 4px;
	background: #fff;
}
#meft2019_sent h2 {
	font: 400 24px/1.2 'Roboto';
	margin: 20px 0;
}
#meft2019_sent p {
	font: 400 14px/1.4 'Roboto';
	margin: 0 0 20px;
}
#meft2019_sent a {
	display: inline-block;
	margin: 10px 0 20px;
	color: #0081A7;
	text-decoration: underline;
}
#meft2019_sent .p1 {
	display: none;
}
#meft2019_sent button {
	display: none !important;
}



/* ==========================================================================
	КАРТА САЙТА
========================================================================== */

.wsp-category-title {
	font-weight: 400 !important;
}



/* ==========================================================================
	ПОДВАЛ
========================================================================== */
.grecaptcha-badge {
	visibility: hidden;
}
#footer {
	color: #fff;
	font-size: 14px;
	padding: 55px 0;
	background: #025a68;
	/* new year bg */
	/*background: url(/wp-content/themes/invite/img/christmas-tree.png) 52% 80%/300px no-repeat, 
				url(/wp-content/themes/invite/img/decor.png) 44% top/172px no-repeat, 
				#025a68;*/
}
#footer .flex {
	display: flex;
	justify-content: space-between;
}
#footer h3 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 45px;
}
#footer li {
	margin: 0 0 12px;
}
#footer a {
	position: relative;
	color: #fff;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
#footer a:hover {
	border-bottom: 1px solid #fff;
}
#footer .d3 ul {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em;
	column-gap: 1.5em;
}
#footer .tel {
	text-decoration: none;
}



/* ==========================================================================
	МЕДИА-ЗАПРОСЫ
========================================================================== */

@media screen and (max-width: 1200px) {
	.container { padding-left: 15px !important; padding-right: 15px !important; }
	.intro .right { width: 520px; }
	.economy { padding: 20px 0; }
	.join { padding: 40px 0 60px; }
	.reviews { padding: 45px 0 30px; }
	.packets { padding: 60px 0 100px; }
	.media { padding: 20px 0 50px; }
	.menu2__list a { margin: 0 6px; }
	.article_related .item h3 { font-size: 20px; }
	.page_media .d2 { padding-left: 15px; padding-right: 15px; }
	.home_top h1 { font-size: 42px; }
}

@media screen and (max-width: 1100px) {
	.intro h1 { font-size: 42px; }
	.reviews table h2 { font-size: 30px; }
	.packets .inner .wrp { width: 28%; }
	.media .inner { padding: 25px; }
	.media h5 { font-size: 20px; }
	#packets_modal { width: 100%; padding: 0 80px; }
	#packets_modal .slick-prev { left: -80px; }
	#packets_modal .slick-next { right: -80px; }
	.options .img { width: 35%; }
	.options .text { margin-left: 36%; }
	.page_contacts .map { border-radius: 0; }
	#footer .d2 { display: none; }
	.page_about_new .company .row2 img { height: 250px; }
	#top_banner p { font-size: 22px; margin-right: 15px; }
	#top_banner a { width: 122px; height: 36px; line-height: 36px; font-size: 15px; }
	.article_related .item h3 { font-size: 18px; }
}

@media screen and (max-width: 1000px) {
	.intro h1 { font-size: 32px; }
	.intro p { font-size: 16px; margin: 0 0 20px; }
	.join .inner { flex-wrap: wrap; }
	.join .inner > * { flex-basis: 50%; text-align: center; margin: 0 0 30px; }
	.join .item { float: none; display: inline-block; }
	.reviews table td:nth-child(1) { display: block; margin: 0 0 30px; }
	.reviews table .spec { float: left; }
	.reviews table td:nth-child(2) { width: 44%; }
	.reviews table td:nth-child(3) { width: 56%; }
	.reviews .slick-next { right: 6%; }
	.reviews .slick-prev { left: 6%; }
	.control { padding: 100px 140px 100px 0; }
	.control img { width: 300px; top: 0; bottom: 0; margin: auto; }
	.faq { margin: 50px auto 70px; }
	.media h5 { font-size: 17px; }
	.home_reg .flex { padding: 40px 4vw 40px 4vw; }
	.page_about_new .text1 { font-size: 35px; }
	.page_about_new .company .row { display: block; margin: 0; }
	.page_about_new .company .row > img { display: block; margin: 0 auto 20px !important; max-width: 100%; }
	.page_about_new .company .row1 div { max-width: 100%; margin: 0 0 40px; }
	.company__left { margin: 0 0 20px; max-width: 100%; }
	.company__title { margin: 0 0 20px !important; }
	.page_about_new .company .row2 img { height: auto; }
	.page_about_new .company .orange { max-width: 300px; margin: 0 auto 20px !important; }
	.page_about_new .company .row4 .orange, .page_about_new .company .row5 .orange { max-width: 215px; }
	.meft .flex .img { display: none; }
	.meft > .flex { display: block; }
	.meft { padding-top: 0; }
	.meft h1 { font: bold 24px/1.4 'Roboto'; margin: 20px 0; }
	.meft .left p { margin: 0 0 25px; font-size: 16px; }
	#meft_footer { margin: 0 0 20px; }
	.meft .left { padding-right: 0; }
	.register_new h1 + p { margin: 0 auto 20px; }
	.register_new .get { padding: 40px 15px; margin: 0 0 30px; }
	.register_new .request { padding: 60px 0 0 15px; }
	.page_about_new .map { background-position: 50% 140px; }
	#menu2, .menu3 { display: none; }
	.toggle-menu { display: block; 	}
	#menu2 > a { display: none !important; }
	#menu2 .mobile { display: block; }
	.home_top p { margin: 0 0 20px; }
}

@media screen and (max-width: 900px) {
	.intro .right { width: 440px; }
	.intro .right img { width: 100%; }
	.unique h2, .economy h2, .join h2, .packets h2, .integration h2, .faq h2, .media h2 { font-size: 26px; }
	.economy .img { display: none; }
	.economy .left { flex-basis: 55%; padding-right: 15px; }
	.economy .right { flex-basis: 45%; }
	.packets .inner .wrp { width: 32%; margin: 0 10px; }
	.control h2 { font-size: 28px; }
	.control img { left: 25px; }
	.faq h3 { font-size: 20px; padding: 15px 40px; }
	.media { padding: 20px 0 95px; }
	.media h5 { font-size: 20px; }
	.media i { bottom: -50px; }
	#packets_modal { padding: 0 60px; }
	#packets_modal i { width: 50px; height: 50px; line-height: 50px; }
	#packets_modal .slick-next { right: -57px; }
	#packets_modal .slick-prev { left: -57px; }
	.unique .text h3 { font-size: 18px; }
	.vacancy .fields { width: 100%; max-width: 400px; }
	.error404 { height: auto !important; }
	.error404 main { display: block; }
	.error404 main { margin: 50px 0 0; }
	.error404 .img { margin: 50px 0 70px; text-align: center; }
	.error404 .logo { float: left; }
	.error404 .tel { float: right; }
	.error404 .bar { padding-left: 65px; margin-left: -65px; }
	.error404 .bar:before { display: none; }
	#banner { display: block; text-align: center; padding: 15px; }
	#banner .text { margin: 15px 0; }
	.page_contacts .flex { display: block; padding: 50px 0; }
	.page_contacts .flex .d1 { padding: 40px 0; }
	#footer { padding: 35px 0; }
	#footer .d3 ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	#footer li:last-child { margin: 0; }
	#footer .d1 p { margin: 12px 0 0; }
	.page_about_new .capability2 { margin: 0 0 50px; }
	.page_about_new .capability1 .text { padding: 40px 10% 40px 15px; }
	.page_about_new .capability2 .text { padding: 40px 15px 40px 7%; }
	.page_about_new .map { margin-bottom: 50px; }
	#top_banner .img_wrp { width: 230px; background: url(img/banner-img2.png) no-repeat 50% 38% / 130px auto, url(img/banner-img1.png) no-repeat 0 0 / 100% 100%; }
	.home_top_form { padding: 35px 30px 40px; }
	.home_top_form .flex { flex-wrap: wrap; }
	.home_top_form .hint_wrp, .home_top_form .btn { width: 48%; }
	.home_top_form .hint_wrp:nth-of-type(1), .home_top_form .hint_wrp:nth-of-type(2) { margin: 0 0 35px; }
}

@media screen and (max-width: 800px) {
	.reviews table .spec { width: 100% !important; }
	.reviews table .spec br { display: none; }
	.reviews .slick-slide .img { width: 100px; height: 100px; }
	.reviews .slick-slide .title { font-size: 20px; }
	#packets_modal .content > * { padding: 15px 15px 0 0; }
	#packets_modal .slick-slide { padding: 30px; }
	#packets_modal .content { margin: 0 0 20px; }
	.options { padding-right: 0; }
	.page_contacts .soc { width: 100%; margin: 30px 0 0; }
	.register h1 { font-size: 24px; }
	.register .title { font-size: 20px; padding: 15px 35px; }
	.register .form_wrp { padding: 30px; margin: 0 0 50px; background: #FAFBFD; }
	.register .form_wrp p { margin: 0 0 30px; }
	.register .wpcf7-form-control-wrap, .register [type=submit] { max-width: none; }
	.home_reg .flex { display: block; text-align: center; }
	.home_reg .flex div { margin: 0 0 30px; }
	.page_about_new .map { padding: 0; background-position: 0 140px; background-size: 900px; }
	/* .page_about_new .map .info { position: initial; max-width: 280px; margin: 490px auto 0; } */
	.number--map { position: initial; max-width: 280px; margin: 415px auto 0; }
	.page_about_new .legend { bottom: 410px; }
	.register_new .get { padding: 30px 15px; }
	.register_new .get .flex { display: block; }
	.register_new .get .num { font-size: 36px; width: 20px; text-align: center; }
	.register_new .get .text { margin: 0 0 10px; }
	.register_new .request .left { margin: 0; }
	.register_new .request .right, .register_new .get .sep, .register_new .get br { display: none; }
	.register_new .form_wrp1 .col1 { margin-right: 0; }
	.register_new form .col2 { width: 310px; flex-shrink: .3; }
	.register_new .request { padding: 25px 15px 0; display: block; }
	.register_new .request h2 { margin: 0 0 30px; }
	.register_new .wpcf7-form-control-wrap { margin: 0 0 30px !important; }
	#reg_form_check .right { width: 300px; }
	#top_banner p { font-size: 18px; }
	#top_banner .img_wrp { width: 190px; background: url(img/banner-img2.png) no-repeat 50% 38% / 115px auto, url(img/banner-img1.png) no-repeat 0 0 / 100% 100%; }
	.article_related .item h3 { font-size: 14px; }
	.page_media .d3 { display: none; }
	.page_media .title { font-size: 21px; }
	.home #header .menu1 { display: none; }
	#header .menu2 { display: flex; }
	.home_top .left { width: 400px; }
	.home_top h1 { font-size: 30px; }
	.home_top p { font-size: 18px; }
}

@media screen and (max-width: 782px) {
	.admin-bar #header { top: 46px; }
	.admin-bar #menu2.mobile_open, .admin-bar .menu3.mobile_open {
		top: 126px;
	}
}

@media screen and (max-width: 700px) {
	#header .callback { display: none; }
	#header .callback_mobile { display: block; }
	#packets_modal .content > * { flex-basis: 50%; }
	.join .item img { left: -49px; width: 90px; }
	.join .counter { height: 80px; line-height: 80px; font-size: 32px; }
	.join .text { height: 80px; line-height: 80px; }
	.packets { padding: 20px 0 35px; }
	.packets .inner { display: block; }
	.packets .inner .wrp { width: 100%; margin: 0 0 30px; }
	.packets .inner .wrp > div { padding: 25px 15px; }
	.packets .price { margin: 10px 0; }
	.packets ul { margin: 25px 0 20px; }
	.packets ul li { margin: 0 0 10px; }
	.integration section { padding: 30px 10px; }
	.control { margin: 50px 0; padding-top: 30px; padding-bottom: 30px; }
	.control img { width: 190px; }
	.default { padding: 95px 0 20px; }
	.options { padding-bottom: 20px; }
	.options .counter { display: block; }
	.options .slider, .options .list_wrp { float: none; width: 100%; }
	.options .list_wrp { padding: 20px 10px; }
	.options .list_wrp h4 { display: block; }
	#footer .flex { flex-wrap: wrap; }
	#footer .flex > div { width: 46%; }
	#footer h3 { margin: 0 0 25px; }
	#footer .d3 { margin: 0 0 40px; }
	.page_about_new .text1 { font-size: 28px; }
	.page_about_new .text2 { padding-top: 50px; padding-bottom: 50px; font-size: 20px; }
	.page_about_new .ali .text h2 { font-size: 24px; margin: 20px 0; }
	.page_about_new .ali { display: block; }
	.page_about_new .ali .photo { width: 100%; }
	.page_about_new .ali .text { width: 100%; padding: 0 !important; }
	.page_about_new .capability1 { display: block; margin: 50px 0 0; }
	.page_about_new .capability1 .text, .page_about_new .capability2 .text { width: 100%; padding: 40px 15px; }
	.page_about_new .capability1 section { max-width: 100%; }
	.page_about_new .capability1 .img, .page_about_new .capability2 .img { width: 100%; height: 290px; }
	.page_about_new .capability2 p { max-width: 100%; }
	.page_about_new .capability1 h2, .page_about_new .map h2 { font-size: 30px; }
	.map__p { font-size: 20px; }
	.page_about_new .capability2 { display: flex; flex-direction: column; }
	.page_about_new .capability2 .text { order: 1; }
	.page_about_new .capability2 .img { order: 2; }
	/* .page_about_new .map .info { margin: 530px auto 0; } */
	.meft .tel, .meft .p1, .meft .email, .meft .btn { float: none; width: 100%; }
	.meft .btn { display: block; max-width: 200px; margin: 0 auto; }
	.meft .wpcf7-form-control-wrap { max-width: 100%; }
	.meft .wpcf7 { padding: 30px 15px; }
	.page_about_new .map { background-position: 0 130px; }
	#reg_form_check { width: 90%; }
	#reg_form_check .fio { font-size: 30px; }
	#reg_form_check .flex, #reg_form_check .left, #reg_form_check .right { display: block; }
	#reg_form_check .left { width: 100%; padding: 0; }
	#reg_form_check .right { width: 100%; padding: 0 0 30px; }
	#reg_form_check .text { border-left: 0; border-radius: 0; }
	#reg_form_check a { border-bottom: 0; }
	#reg_form_check a img { display: inline-block; width: 40px; margin: 0; vertical-align: middle; }
	#reg_form_check a span { display: inline-block; vertical-align: middle; }
	#reg_form_check .line { margin: 10px 0; background: none; }
	.article_related .flex { display: block; margin: 0; }
	.article_related .item { display: block; max-width: 350px; margin: 0 auto 30px; }
	.home_top_form h2 { font-size: 18px; margin: 0 0 20px; }
}

@media screen and (max-width: 600px) {
	.intro_wrp {margin-top: 153px;}
	#header .reg1, .menu2 .m1 { display: none; }
	#packets_modal { padding: 0; width: 95%; }
	#packets_modal .content > * { flex-basis: 100%; }
	#packets_modal i { display: none !important; }
	#packets_modal .fancybox-button { right: 5%; }
	.economy .inner { display: initial; }
	.reviews .slick-next { right: 4%; }
	.reviews .slick-prev { left: 4%; }
	.control h2 { font-size: 21px; }
	.faq p { padding: 25px 20px 25px; }
	.faq h3 { padding: 15px 30px 15px 10px; background-position: 98% 50% !important; }
	.unique .block { margin: 40px 0; }
	.default .inner { display: block; }
	.default .img { padding: 20px 0; text-align: left; }
	.unique .img img { max-width: 140px; }
	.default ul { -moz-column-count: 1; -webkit-column-count: 1; 	column-count: 1; }
	.options .img { float: none; width: 100%; text-align: left; padding: 0; }
	.options .text { margin-left: 0; }
	.unique .text h3 { margin: 20px 0; }
	.options .counter { top: 135px; }
	.vacancy .form_wrp { padding: 30px; background: #016C7C; }
	.vacancy .form_wrp .ajax-loader { position: absolute; }
	.reg_form_check { width: 90%; }
	.error404 > .container { padding: 15px !important; }
	.error404 .img { margin: 30px 0; }
	.error404 .img img { width: 70%; }
	.error404 main { margin: 30px 0 0; }
	.conditions_modal { padding-top: 30px; padding-bottom: 115px; }
	.conditions_modal .btn { bottom: 30px; }
	.error404 .bar { padding-left: 0; margin-left: -17px; text-align: center; }
	.page_contacts { margin-top: 30px; }
	.page_contacts .map { margin: 0 -15px 40px -15px; }
	h1 { font-size: 22px; }
	.page_about_new .text1 { font-size: 18px; padding: 15px 0 0; }
	.page_about_new .text2 { font: 300 16px/1.3 'Roboto'; padding-top: 20px; padding-bottom: 20px; }
	.page_about_new .ali .text h2 { font-size: 18px; margin: 15px 0 10px; }
	.page_about_new .ali .text p { font-size: 14px; margin: 0 0 15px; }
	.page_about_new .ali .name { margin: 0 0 7px; font-size: 14px; }
	.page_about_new .ali .sign { font-size: 14px; }
	.page_about_new .capability1 { margin: 25px 0 0; }
	.page_about_new .capability1 h2 { font-size: 18px; margin: 0 0 15px; }
	.page_about_new .capability1 .text { padding: 20px 15px; }
	.page_about_new .capability1 p { font-size: 14px; }
	.page_about_new .capability1 p:first-of-type { margin-bottom: 25px; }
	.page_about_new .capability2 p { font-size: 14px; }
	.page_about_new .capability2 .text { padding: 20px 15px; }
	.page_about_new .map h2 { font-size: 18px; margin: 0 0 15px; }
	.page_about_new .capability2 { margin: 0 0 25px; }
	.map__p { font-size: 18px; }
	.page_about_new .map { background-size: 780px; margin-bottom: 30px; }
	/* .page_about_new .map .info { margin: 490px auto 0; } */
	.page_about_new .company h2 { font-size: 18px; margin: 0 0 15px !important; }
	#callback_modal { padding: 40px; }
	.register_new { padding: 20px 0 30px; }
	.register_new h1 { font-size: 30px; }
	.register_new .red { padding: 20px; }
	.share i { height: 45px; width: 45px; line-height: 45px; }
	#wpadminbar { position: fixed; }
	#top_banner p { font-size: 16px; }
	.home_top .left { width: 260px; }
	.page_media form { padding: 20px 100px 20px 20px; margin: 20px 0; }
	.page_media [type=submit] { top: 20px; right: 20px; }
	.page_media .list { margin: 10px 0 40px; }
}

@media screen and (max-width: 500px) {
	#header .tel { position: initial; width: auto; float: right; margin: 0; }
	#header .menu1 .logo { margin-right: 0; }
	.toggle-menu {padding-top: 0;}
	.menu2__list, .menu3 {top:48px;}
	#header .reg { border: 0; height: auto; line-height: 0.9; }
	#header .about { position: relative; top: 0; }
	#header .cabinet { display: block; margin: 15px 0 0; }
	.intro, .intro > *, .intro .right img { display: block !important; width: 100% !important; }
	.economy .digit { width: 55px; height: 55px; }
	.economy .digit b { line-height: 57px; }
	.economy .text { padding: 0 0 0 19px; }
	.join .inner > * { flex-basis: 100%; }
	.reviews { padding: 20px 0 5px; }
	.reviews .slick-slide .inner { padding: 20px 10% 20px 10%; }
	.reviews i { top: 20px; width: 40px; height: 40px; line-height: 40px; }
	.reviews .slick-slide { padding: 30px 15px; }
	.reviews .slick-slide .title { font-size: 15px; }
	.integration .heading { height: 50px; padding: 0 25px; }
	.control img { left: 10px; width: 85px; }
	.control h2 { padding: 35px 0; font-size: 19px; }
	.faq h3 { font-size: 17px; }
	#packets_modal .top h4 { float: none; margin: 0 0 15px; }
	#packets_modal .top p { float: none; }
	.page_contacts .soc a:not(:last-child) { margin-right: 15px; }
	.page_about_new .legend span:first-of-type { margin-right: 15px; }
	.page_about_new .legend i { margin-right: 3px; }
	/* .page_about_new .map .info { margin: 380px auto 0; } */
	.number--map { margin: 380px auto 0; }
	.reg_form_check { background-position: 15px 50% !important; padding: 20px 30px 20px 90px; }
	#callback_modal { padding: 30px 30px 10px; }
	#callback_modal h2 { font-size: 20px; margin: 0 0 20px; }
	#callback_modal .wpcf7-text { height: 50px; }
	#callback_modal .fio, #callback_modal .tel { margin: 0 0 20px; }
	#callback_modal .wpcf7-response-output { margin: 20px 0; }
	.register_new:not(.step2) { padding-top: 0; }
	.register_new h1 { font-size: 24px; margin: 0 0 5px; }
	.register_new h1 + p { font-size: 13px; }
	.register_new .get { padding: 20px 15px; }
	.register_new .request { padding: 20px 15px; }
	.register_new .get h2, .register_new .request h2 { font-size: 18px; margin: 0 0 20px; }
	.register_new .get .text { font-size: 14px; }
	.register_new .get .num { margin-right: 10px; }
	.register_new .request, .register_new .form_wrp1, .register_new .form_wrp2 { display: block; }
	.register_new form .col1, .register_new form .col2 { width: 100%; }
	.register_new .form_wrp2 { position: relative; }
	.register_new .form_wrp2 .ajax-loader { position: absolute; left: 0; top: 90px; }
	.register_new .form_wrp1 .col2 .hint_wrp:last-of-type .wpcf7-form-control-wrap { margin: 0 !important; }
	.register_new .acceptance { margin: 0 0 25px; }
	.register_new .acceptance br { display: none; }
	.register_new .acceptance span { font-size: 11px; }
	.register_new .acceptance span:before { top: 3px; }
	.register_new .form_wrp2 .ajax-loader { top: 125px; }
	#reg_form_check .fio { font-size: 20px; }
	#reg_form_check .text1 { font-size: 14px; padding: 20px 0; margin: 0 0 20px; }
	#reg_form_check .text1:before { height: 3px; }
	#reg_form_check p { font-size: 14px; margin: 0 0 10px; }
	#reg_form_check .text2 { font-size: 13px; }
	.share p { font-size: 14px; margin: 0 0 15px; }
	.share i { height: 30px; width: 30px; line-height: 30px; font-size: 14px; margin: 0 2px; }
	#top_banner p { font-size: 12px; }
	#top_banner a { width: 75px; height: 27px; line-height: 28px; font-size: 12px; }
	#top_banner .text_wrp { height: 60px; }
	#top_banner .img_wrp { width: 105px; height: 58px; background: url(img/banner-img2.png) no-repeat 50% 42% / 68px auto, url(img/banner-img1.png) no-repeat 0 0 / 100% 100%; }
	#request_sent { padding: 25px 45px 25px 100px; background-position: 15px 30px; }
	.page_media .item { display: block; }
	.home_top .container { display: block; position: relative; }
	.home_top .container > * { width: 100%; }
	.home_top_form .hint_wrp, .home_top_form .btn { width: 100%; }
	.home_top_form .btn { padding: 17px 10px; margin: 35px 0 0; }
	.home_top p { font-size: 16px; }
	.article .all { margin: 20px 0 0; }
	.article .title { margin: 30px 0 20px; }
	#footer { background: url(/wp-content/themes/invite/img/christmas-tree.png) 52% 98%/300px no-repeat, url(/wp-content/themes/invite/img/decor.png) 44% top/172px no-repeat, #025a68;	}
}

@media screen and (max-width: 400px) {
	.intro_wrp {margin-top: 150px;}
	#header .menu1 .logo img,
	#header .menu2 .logo img { width: 80px; }
	.menu2__list, .menu3 {top: 45px;}
	#header .tel { font-size: 14px; margin: 0; }
	#header .about { top: -1px;font-size: 13px; margin-left: 5px; }
	#header .menu1 .logo { margin-right: 0; }
	.intro h1 { font-size: 24px; }
	.unique .bar { left: 0; width: 100%; }
	.unique .img img { max-width: 100px; }
	.options .counter { font-size: 14px; right: 10px; }
	.unique .text h3, .options .list_wrp h4 { font-size: 16px; }
	.default ul { display: block; }
	.page_contacts .flex img { width: 40px; }
	.page_contacts .flex span { font-size: 12px; }
	#footer .d1, #footer .d1 + div { width: 100% !important; }
	#footer .d1 { margin: 0 0 40px; }
	.home_reg .btn { padding: 15px 20px; }
	.integration .step .btn { padding: 20px; }
	.page_about_new .map { background-position: 0 220px; background-size: 530px; }
	.page_about_new .legend { font-size: 11px; bottom: 420px; }
	/* .page_about_new .map .info { margin: 345px auto 0; padding: 58px; } */
	.number--map { margin: 310px auto 0; }
	.page_about_new .company .orange { padding: 35px; }
	.reg_form_check { background-size: 40px auto !important; padding: 20px 30px 20px 70px; }
	.reg_form_check h3 { font-size: 20px; margin: 0 0 7px; }
	.reg_form_check p { font-size: 14px; }
	.control h2 { padding: 20px 0; font-size: 15px; text-align: right; max-width: 71%; }
	.control h2 br { display: none; }
	.register_new .get .flex div:nth-of-type(3), .register_new .get .flex div:nth-of-type(5) { max-width: 200px; }
	.home_top h1 { font-size: 24px; }
	.home_top_form { padding: 20px 20px 25px; }
}

@media (min-width: 1001px) {
	/*.menu2__list, .menu3 {display: flex !important; }*/
}




/* == ALL YOUR CODE ARE BELONG TO POETRY == */