@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=cyrillic,latin-ext');

body {color:#444444; font-size:14px; line-height:2;font-family: 'Roboto', sans-serif;overflow-x:hidden}
	section {box-sizing:border-box;}
	a {transition:.2s; cursor:pointer}

.btn {font-family: 'Roboto', sans-serif; cursor:pointer; box-sizing:border-box;transition:.2s; display:inline-block; height:47px; line-height:47px; border-radius:4px; padding:0 25px; text-decoration:none; border:none; position:relative; outline:none;}
	.m-btn {background:#df2272; font-size:16px; color:#fff ; font-weight:700}
		.m-btn:hover {transform:scale(1.05);box-shadow: -1px 4px 15px 0px rgba(27, 27, 27, 0.2);}
	.menu-btn {border:2px solid #72178c; color:#272727;font-size:16px;font-weight:700;line-height: 44px;}
		.menu-btn:hover {transform:scale(1.05); background:#72178c; color:#fff}
		
.m-input {color:#444; font-size:14px;font-family: 'Roboto', sans-serif; height:55px; line-height:55px; border:none; background:#efeef6; width:100%; box-sizing:border-box; border-radius:4px; padding:0 35px; display:block}	
.m-textarea {color:#444; font-size:14px;font-family: 'Roboto', sans-serif; height:55px; line-height:1.8; border:none; background:#efeef6; width:100%; box-sizing:border-box; border-radius:4px; padding:15px 35px; display:block}		
	
*::placeholder {font-family: 'Roboto', sans-serif; color:#444; font-weight:400;opacity:1; transition:.5s; }
	*:focus::placeholder {opacity:0;}	
	
.wrapper {width:98%; max-width:1200px; margin:0 auto;}
	
	.mtitle {color:#272727; font-size:30px; font-weight:700; line-height:1; margin-bottom:50px; display:flex; align-items:center; justify-content:space-between;}
		.mtitle span {font-size:14px; color:#444444;font-weight: 400;}
			.mtitle a {color:#434ade; text-decoration:none; border-bottom:1px solid rgba(67, 74, 222, 0.3); font-size:14px; font-weight: 400;}
				.mtitle a:hover {border-bottom-color:#434ade}

				
	

/*Промо menu*/
.promo .menu {padding:31px 0; box-shadow:none; background:transparent; } 
	.promo .menu .logo {background:url(../images/white-logo.png);}
	.promo .menu-link {color:#fff}
		.promo .menu-link:hover {color:#fa5088; border-bottom-color:#fa5088}
	.promo .menu-tel:hover {color:#fff; border-bottom-color:#fff}
		
	.promo .menu-btn {border-color:#fff; color:#fff}
		.promo .menu-btn:hover {background:#fff; color:#72178c}
	.promo .box-menu a path {fill:#fff}
	.promo  .menu-lang-name { color:#fff}
	 
	 .mob-menu-lang  {display:none}
/*Промо*/
.promo {background:url(../images/header-bg.png) center top no-repeat; background-size:cover;  overflow:hidden }
	.promo-outer {position:relative;padding:0 0 110px 0;}
		.promo-img {background:url(../images/header-img.png) right bottom no-repeat;width:100%; height:100%; position:absolute; top:0; right:-90px; }
	
		.promo-inner {max-width:590px; padding-top:60px; position:relative;z-index:5}
			.promo-title {color:#ffffff; font-size:44px; font-weight:700;line-height: 1.5; margin-bottom:5px}
			.promo-subtitle {color:#fa5088; font-size:23px; font-weight:700;line-height: 1.5;margin-bottom:70px;}
			.promo-text {padding-left:0px;}
				.promo-text p {color:#eeeeee; line-height:2.1;    margin-bottom: 70px; }

	.mouse-inner {position:absolute; bottom:50px; left:50%; margin-left:-16px; width:32px;}
		.mouse-main {width:32px; height:48px; background:url(../images/icons/mouse.png);animation: headmouse 4s ease infinite; display:block;}
		.mouse-step {width:15px; height:22px; background:url(../images/icons/mouse-step.png); margin:15px auto 0 auto }
		@keyframes headmouse {0% { transform:translate(0,-4px) }50% { transform:translate(0,4px) }100% { transform:translate(0,-4px) }}
		
/*Меню*/
.menu {padding: 11px 0;;background: #fff;z-index: 500;box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.12); position:relative}
	.menu .wrapper {display:flex; justify-content:space-between; align-items:center;}
		.menu .logo {width:150px; height:50px; background:url(../images/logo.png); display:block; background-size:cover !important}
		
		.menu-tools {display:flex; justify-content:flex-end; align-items:center}
			.menu-link {padding:0px 5px; margin-left:40px; font-size:16px; display:table; color:#272727; text-decoration:none; border-bottom:1px solid transparent; }
				.menu-link:hover {color:#434ade; border-bottom-color:#434ade}
			.menu-tel {margin-left:40px; color:#fa5088; font-size:16px; font-weight:700;display:table;text-decoration:none; border-bottom:1px solid transparent;}
				.menu-tel:hover {color:#434ade;border-bottom-color:#434ade}
			.menu-tools .btn {margin-left:75px;}
			
			.menu-lang {position:relative; display:flex; margin-left:30px;z-index:10}
				.menu-lang-flag {width:35px; height:25px; background-position:center; background-size:cover; border-radius:4px; margin-right:15px; display:block; margin-top:3px;}
				.menu-lang-name {font-size: 16px;display:flex; align-items:center; cursor:pointer}
					.menu-lang-name:after {content:''; display:block; width:6px; height:6px; margin-left:10px; border-top:2px solid; border-left:2px solid; transform:rotate(-135deg);margin-top: -3px;}
					
			.menu-lang-subs {max-height:0; overflow:hidden; position:absolute; top:100%; background:#fff; right:0; border-radius:4px;  transition:.2s; box-sizing:border-box; }
				.menu-lang-subs a {display:flex; align-items:center; padding:5px 25px; margin-bottom:10px;font-size: 14px; text-decoration:none; color:#444 }
					.menu-lang-subs a:last-child {margin-bottom:0}
					.menu-lang-subs a:hover{ background: #efeef6;}
			
			.menu-lang-subs.open {max-height:500px; box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.12); padding:15px 0}
			
			
			
	.box-menu {width:37px; height:100%; position:absolute; top:0;left:0; }
		.box-menu-sq {width:100%; height:100%;background:#e4007b; display:flex; justify-content: center;align-items: center;flex-direction: column; box-sizing:border-box; cursor:pointer;transition:.2s;  }
		.box-menu i {width:7px; height:7px; background:#fff; border-radius:100%; margin:4px 0; display:block;transition:.2s; }
			.box-menu a {position:absolute; display:block; left:50%; margin-left:-10px}
				.box-menu a svg {width:20px; height:20px;}
				.box-menu a path {fill:#444; transition:.2s}	
					.box-menu a:hover path {fill:#df2272 !important}
		.bm-fb {bottom:-55px; }
		.bm-insta {bottom:-95px; }
		.bm-linked {bottom:-135px; }
		.bm-email {bottom:-175px; }

	.box-menu-sq:hover {background:#fff}
		.box-menu-sq:hover i {background:#e4007b}
	
.menu.sticky {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:115}	

#menu {position:fixed; top:-250px; transition:.2s}
	#menu.sticky {top:0}	
/*Почему мы*/
.why {padding:60px 0 60px 0; }
.why-flex {display:flex; justify-content:space-between; align-items:flex-start }
	.why-flex-col {max-width:240px; }
		.why-flex-col img {display:block; margin-bottom:15px}
	.why-flex-colored {width:260px; padding:35px 40px; box-sizing:border-box; background:#efeef6; border-radius:4px}
		.why-flex-colored-desc {font-size:18px; color:#272727; font-weight:700; padding:0 10px 0 0}
		.why-flex-colored .btn {margin-top:15px}
	
/*Статистика*/
.digits {background: linear-gradient(to bottom, rgba(50,17,130,1) 0%, rgba(65,21,204,1) 100%); position:relative;}
	.digits .wrapper {position:relative; z-index:1;background:url(../images/icons/dots-full.png) center repeat-y;padding:60px 0; }
		.digits-flex {max-width:1000px; margin:0 auto;display:flex; justify-content:space-between;}
			.digits-flex-col {max-width:240px;text-align:center;line-height:1.6 }
				.digits-flex-col strong {color:#fa5088; font-size:24px; display:block; font-weight:700}
				.digits-flex-col span {font-size:16px; color:#fff; }

.digits-f {background:url(../images/icons/f1.png); width:716px; height:796px; position:absolute; left:0; bottom:-610px}

/*Услуги*/
.services {padding:60px 0 60px 0; }
	.services .wrapper {position:relative; z-index:1}
	.services .mtitle {margin-bottom:25px}
	.services-flex  {display:flex; justify-content:space-between;}
		.services-flex-info {width:260px; padding-top:40px; }
			.services-flex-info .btn { margin-top:40px}
		.services-flex-col {width:280px; padding:35px 30px 65px 30px; box-sizing:border-box; border-radius:4px;box-shadow: 0px 10px 38px 0px rgba(224, 224, 224, 0.75); position:relative;background: #fff; color:#333; text-decoration:none; transition:.2s}
			.services-flex-col img {display:block}
			.services-flex-col-title {font-size:18px; color:#272727; font-weight:700; line-height:1.4; margin:25px 0 30px 0}
			.services-flex-col-text {line-height:1.6}
			.services-flex-col p {line-height:1.6; margin-bottom:2px}
			
			.services-flex-col-footer {display:flex; justify-content:space-between; align-items:center; line-height:1.2; position:absolute; bottom:25px; left:0; width:100%; padding:0 30px; box-sizing:border-box;}
				.services-flex-col-footer span {font-size:18px; font-weight:700; color:#321284}
				.services-flex-col-footer em {color:#434ade; text-decoration:none; border-bottom:1px solid rgba(67, 74, 222, 0.3); font-size:14px; }
			
		.services-flex-col:hover {box-shadow: 0px 10px 38px 11px rgb(175, 168, 168);transform: scale(1.03);}
			
/*Отзывы*/		
.rews {margin-top:60px; background:url(../images/icons/dots-full.png) center repeat-y, linear-gradient(135deg, rgba(64,21,198,1) 0%, rgba(127,69,181,1) 100%);border-radius:4px; box-sizing:border-box; padding:50px 40px;}
	.rews .mtitle {color:#fff; margin-bottom:50px}	
	.rews-slider {margin-left:-30px; margin-right:-30px;}
		.rews-slider-item {color:#fff; margin:0 30px}
			.rews-slider-item-header {display:flex; justify-content:flex-start; align-items:flex-start; margin-bottom:30px}
				.rews-slider-item-header img {display:block; width:94px; height:94px; border-radius:4px; margin-right:20px; flex-shrink:0}
				.rews-item-name {font-size:18px; font-weight:700; margin-bottom:10px}
				.rews-slider-item-header a {text-decoration:none;display:table; line-height:1.4; margin-bottom:5px}
					.rews-item-url {color:#fa5088; font-weight:700;  border-bottom:1px solid rgba(223, 34, 114, 0.6);  margin-bottom:10px}
						.rews-item-url:hover {border-bottom-color:#fa5088}
					.rews-item-fb {color:#fff; border-bottom:1px solid RGBA(255,255,255,0); font-size:12px; background:url(../images/icons/fb.svg) left center no-repeat; padding-left:20px}
						.rews-item-fb:hover {color:#fa5088}
			.rews-slider-item-text {}
				.rews-slider-item-text:before {content:''; display:block; width:100%; height:20px; background:url(../images/icons/q.png) left center no-repeat; margin-bottom:10px}
				.rews-slider-item-text:after {content:''; display:block; width:100%; height:20px; background:url(../images/icons/q.png) left center no-repeat; margin-bottom:10px; transform:rotate(180deg); }
				
/*Наши клиенты*/	
.clients {padding:25px 0 65px 0}
	.clients .wrapper {display:flex; justify-content:space-between;}
		.clients-text {max-width:340px; flex-shrink:0; margin-right:60px }	
			.clients-text .mtitle {line-height:1.4}
			.clients-text .btn {margin-top:50px; }

	.clients-list {display:flex; justify-content:space-between;  flex-wrap:wrap;}
		.clients-list-item {width:24%;display:flex; justify-content:center; align-items:center;margin-bottom:25px;}
			.clients-list-item img {display:block; margin:auto;    max-width: 90%;}
		.clients-list-text {width:49.3333%; box-sizing:border-box; padding-left:50px;}
		
		
/*Портфолио*/
.portfolio {background:#efeef6; padding:60px 0 30px 0}
	.portfolio-tabs-list {display:flex; align-items:center; }
		.portfolio-tabs-list span {display:block; padding:0 35px; height:55px; line-height:55px; margin:0 10px; background:#fff; border-radius:4px; font-weight:700; font-size:16px; cursor:pointer; transition:.2s}
			.portfolio-tabs-list span:hover {background:rgba(67, 74, 222, 0.32);color:#fff; }
			.portfolio-tabs-list span.active {color:#fff; background:#434ade}
			
	.portfolio-list {display:flex;  flex-wrap:wrap; }
		.portfolio-list-item { height:397px;margin:0.75%;width:31.8333%; position:relative; background-size:100%; background-position:center top; transition:2s;border-radius: 4px; overflow: hidden; box-shadow: 0px 5px 24px 0px rgb(0 0 0 / 15%);}
				.portfolio-list-item:hover {background-position:center bottom;}
			.portfolio-list-item.show {}
			.portfolio-list-item.hidden {display:none}
			
			.portfolio-list-item.small {}
			/*.portfolio-list-item.big {width:48.5%;}*/
			.portfolio-list-item.text {display:flex;background:url(../images/icons/dots-simple.png) center repeat-y, linear-gradient(135deg, rgba(64,21,198,1) 0%, rgba(127,69,181,1) 100%);justify-content:center; align-items:center; font-size:24px; color:#fff; font-weight:700; cursor:pointer}

		.portfolio-list-item span {width:100%; height:100%; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; background:RGBA(0,0,0,0.5); color:#fff;font-size:24px;font-weight:700; opacity:0;  transition:.5s;text-align: center; line-height: 1.5; }
			.portfolio-list-item:hover span {opacity:1}
			
			.portfolio-list-item span:before {content:''; display:block; border:1px solid #fff; width:calc(100% - 40px); height:calc(100% - 40px); position:absolute; top:20px; left:20px; box-sizing:border-box}

	.portfolio-list-mobile {display:none}
@keyframes fadeIn {
  from {opacity: 0; transform: translate3d(0, 30%, 0);}
  to {opacity: 1; transform: translate3d(0, 0, 0);}
}

.fadeIn {animation-name: fadeIn;animation-duration: 1s;animation-fill-mode: both;}
			
/*Форма связи*/	
.form {padding:15px 0 75px 0; background:#efeef6}		
	.form .wrapper {display:flex; justify-content:space-between;position:relative;z-index:1}
		.form-text {max-width:340px; padding-top:30px }	
			.form .mtitle {margin-bottom:30px; }
			.form-tel {margin-bottom:30px; display:flex; align-items:center; }
				.form-tel > *{margin-right:20px; display:table;}
				.form-tel a img {margin-right:0;display: block;}
				.text-tel {color:#444444; text-decoration:none; border-bottom:1px solid transparent; line-height:1.4;    flex-shrink: 0; }
					.text-tel:hover {border-bottom-color:#444}
		
		.form-callback {background:#fff; padding:45px 60px; border-radius:4px;box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.15); width:740px; box-sizing:border-box;}
			.form-callback-title {text-align:center; font-size:18px; color:#272727; font-weight:700; line-height:1.2; margin-bottom:30px}
			.form-callback-flex {display:flex; justify-content:space-between; margin-bottom:30px }
				.form-callback-flex-col {max-width:270px;width:48%;}
					.form-callback-flex-col input:first-child {margin-bottom:15px}
				.form-callback-flex textarea {height:125px; max-width:330px; resize:none}
			.form-callback-footer {display:flex; align-items:center; justify-content:space-between;}
				.form-callback-footer p {font-size:13px;}
					.form-callback-footer p a {text-decoration:none; border-bottom:1px solid rgba(68, 68, 68, 0.2); color:#444}
						.form-callback-footer p a:hover {border-bottom-color:#444}
			
/*Футер*/			
.footer {padding:52px 0;  background:url(../images/icons/dots-full.png) center repeat-y, linear-gradient(to bottom, rgba(50,17,130,1) 0%, rgba(65,21,204,1) 100%); font-size:16px; color:#fff; line-height: 1.2; position:relative}
	.footer-inner { display:flex; justify-content:center; align-items:center; position:relative;z-index:5}
		.footer a  {display:table; color:#fff; text-decoration:none; border-bottom:1px solid transparent;position: relative; top:2px}
			.footer a:hover {border-bottom-color:#fff}
		.footer span {display:block; margin:0 5px}

.footer-f {background:url(../images/icons/f2.png); width:443px; height:284px; position:absolute; right:0; bottom:0px}
	
/*Модальные окна - ответов об отправке*/	
.response-modal {background:#fff; border-radius:4px; width:480px; max-width:90%; padding:40px }
	.response-wrapper {text-align:center; }		
		.response-ring {width:88px; height:88px; border-radius:100%;border: 4px solid rgba(164, 219, 132, 0.2); margin:0 auto 20px auto; position:relative}
			.response-ring-s1 {width: 47px;right: 8px;top: 38px;height: 5px;background-color: #a5dc86;display: block;border-radius: 2px;position: absolute;z-index: 2;transform: rotate(-45deg);}
			.response-ring-s2 {width: 25px;left: 14px;top: 46px;height: 5px;background-color: #a5dc86;display: block;border-radius: 2px;position: absolute;z-index: 2;transform: rotate(45deg);}
		.response-ring._error {border-color:#f27474}	
			.response-ring-e1  {width: 47px;right:16px;top: 38px;height: 5px;background-color: #f27474;display: block;border-radius: 2px;position: absolute;z-index: 2;transform: rotate(-45deg);}
			.response-ring-e2 {width: 47px;left: 16px;top: 38px;height: 5px;background-color: #f27474;display: block;border-radius: 2px;position: absolute;z-index: 2;transform: rotate(45deg);}
		.response-title {font-size: 27px; line-height:1.4; margin-bottom:10px}
		.response-text {font-size: 14px; line-height:1.4; margin-bottom:20px}
		.response-wrapper {}

		
/*Кнопки отправки*/
.btn:before {content:''; display:block; color:transparent;background-image:url(../images/ajax.svg); background-position:center; background-repeat:no-repeat;background-size: 25px; width:100%; height:100%; position:absolute;opacity:0;top: 0;left: 0; transition:.2s}
	.btn.process {color:transparent;}
		.btn.process:before {opacity:1}
		
		
		
/*Модальные ока*/
.callback-modal {width:650px; padding:25px ; box-sizing:border-box; background:url(../images/modal-bg.png) center no-repeat; background-size:cover;    border-radius: 4px;}
	.callback-modal-wrapper {display:flex;align-items:center}
		.callback-modal-wrapper-text {flex-grow:1; line-height:1.6}
			.callback-modal-title {font-size:20px; color:#fff; text-align:center; font-weight:700}
			.callback-modal-subtitle {font-size:20px; color:#d64275; text-align:center; font-weight:700}
			.callback-modal-text {font-size:14px; color:#fff; text-align:center; }
			.callback-modal-sub {font-size:12px; color:#fff; text-align:center; }
			
			.callback-modal-line {width:100%; margin:30px 0; background:#876fbe; height:1px;}
		.callback-modal-wrapper .ajaxform {width:250px; flex-shrink:0; margin-left:30px;}
			.callback-modal-wrapper .ajaxform .m-input {height:40px; line-height:40px; margin-bottom:12px;padding: 0 15px; font-size:12px}
			.callback-modal-wrapper .ajaxform .m-textarea {height:85px;margin-bottom:12px;padding:7px 15px;font-size:12px}
			.callback-modal-agree {text-align:center; color:#fff; line-height:1.4;font-size:12px; margin-bottom:15px}
				.callback-modal-agree a {display:table; margin:0 auto; color:#fff;}
			.callback-modal-wrapper .btn {margin:0 auto; display:table;}


/*Полноэкранное меню*/
.overlay {position: fixed;background:url(../images/icons/dots-full.png) center repeat-y, linear-gradient(to bottom, rgba(50,17,130,1) 0%, rgba(65,21,204,1) 100%);top: 0;right: 0;width: 100%; height: 100%;opacity: 0;ransform-origin: right top;transform: scale(0);visibility: hidden;transition: all .4s ease-in-out;overflow: hidden;z-index:500;display: flex;align-items: center; justify-content:center}
	.overlay.open {opacity: .9;visibility: visible;transform: scale(1);}
		.overlay.open li {display: block;animation: fadeInRight 0.4s cubic-bezier(0.42, 0.83, 0.7, 1.5) forwards;animation-delay: .4s;transform: rotate(-7deg);transform-origin: right bottom;}
			.overlay.open li:nth-of-type(2) {animation-delay: .5s;}
			.overlay.open li:nth-of-type(3) {animation-delay: .6s;}
			.overlay.open li:nth-of-type(4) {animation-delay: .7s;}
			.overlay.open li:nth-of-type(5) {animation-delay: .8s;}
			.overlay.open li:nth-of-type(6) {animation-delay: .9s;}

	.overlay-close {width:96px; height:96px;box-sizing:border-box; position:absolute; top:0; right:0; cursor:pointer; cursor:pointer}
		.overlay-close:before {display:block; content:''; width: 47px;right:24px;top: 38px;height: 5px;background-color: #fff;display: block;position: absolute;z-index: 2;transform: rotate(-45deg);}
		.overlay-close:after  {display:block; content:''; width: 47px;left: 25px;top: 38px;height: 5px;background-color: #fff;display: block;position: absolute;z-index: 2;transform: rotate(45deg);}
			
.overlayMenu {text-align:center}
	.overlayMenu ul {list-style: none;padding: 0;margin: 0 auto;display: block;position: relative; height: 100%;}
		.overlayMenu ul li {display: block;position: relative;opacity: 0;width: 100%;}
			.overlayMenu ul li a {display:block;border: 1px solid rgba(255, 255, 255, 0.09);color: #fff; text-decoration: none;font-size:24px;line-height:1.4;padding: 10px 40px 10px 40px;margin: 5px 0;transition: .2s; border-radius:4px; width:240px; text-align:center;}
				.overlayMenu ul li a:hover, .overlayMenu ul li a:active, .overlayMenu ul li a:focus {border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.03);}

.locked {overflow: hidden;}

.mob-show {display:none}

@keyframes fadeInRight {
  0% {opacity: 0;left: 50px;}
  100% {opacity: 1;left: 0;transform: rotate(0deg);}
}
		

/*Анимация появления*/
.animah {opacity:0}				
	.anima-delay1 {animation-delay:0.2s}
	.anima-delay2 {animation-delay:0.4s}
	.anima-delay3 {animation-delay:0.5s}
	.anima-delay4 {animation-delay:0.8s}
			


@keyframes slideInDown {
	from {transform: translate3d(0, 20%, 0);visibility: visible;opacity:0}
	to {transform: translate3d(0, 0, 0);opacity:1}
}
.anima-from-down-run {animation-name: slideInDown;  animation-duration: 1s;animation-fill-mode: both;}

@keyframes zoomIn {
  from {opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}
  to {opacity: 1;}
}

.anima-zoom-in-run {animation-name: zoomIn;animation-duration: 1s;animation-fill-mode: both;}

@keyframes slideInLeft {
	from {transform: translate3d(-20%, 0, 0);visibility: visible;opacity:0}
	to {transform: translate3d(0, 0, 0);opacity:1}
}
.anima-from-left-run {animation-name: slideInLeft;  animation-duration: 1s;animation-fill-mode: both;}

@keyframes slideInRight {
	from {transform: translate3d(20%, 0, 0);visibility: visible;opacity:0}
	to {transform: translate3d(0, 0, 0);opacity:1}
}
.anima-from-right-run {animation-name: slideInRight;  animation-duration: 1s;animation-fill-mode: both;}


@media (max-width:1300px)	{
	.animah {opacity:1; animation:none !Important}
	.wrapper {padding-left:40px; padding-right:40px; box-sizing:border-box;}

	
/*Услуги*/
.services-flex {flex-wrap:wrap;}
	.services-flex-info {width:100%; margin-bottom:30px; text-align:center;    padding-top: 0;}
		.services-flex-info .btn {display:table; margin:20px auto;}
	
	.services-flex-col {width:32%;}
	
/*Меню*/
.menu  { }
	.box-menu a {display:none}

.mob-show {display:block}

.overlay {overflow-y:auto; overflow-x:hidden}
	.overlay.open {opacity:1}
	.overlayMenu {    text-align: center;width: 100%;overflow-y: auto;max-height: 100%; box-sizing: border-box; padding: 50px 0;}
	.overlayMenu ul {height:auto;display: table;}
		.overlayMenu ul li a {box-sizing:border-box;     font-size: 20px;}
	.mob-menu-soc {display:flex; width:240px; justify-content:center; align-items:center; margin:0 auto}
		.mob-menu-soc a {width:50px; height:50px;overflow: hidden;display: block;margin: 10px;}
			.mob-menu-soc a svg {max-width:35px; max-height:35px; color:#fff; transition:.2s }
			.mob-menu-soc a:hover  svg{color:#df2272}
	/*
	.mob-menu-lang {display:flex;justify-content:center; align-items:center;margin:0 auto 0 15px; }
		.mob-menu-lang a {display: flex;margin:0;}
			.mob-menu-lang a span {margin:auto;  transition:.2s}
				.mob-menu-lang a:hover span {transform:scale(1.15)}
				
				.mob-menu-lang  .menu-lang-flag{width:30px; height:30px;}
	*/
	.menu .wrapper {padding-left:50px}
		.menu-link {display:none}	
			
.overlay-close {width:50px; height:50px;}			
	.overlay-close:after {width:25px;left: 1px;top: 20px;height: 3px;  }
	.overlay-close:before {width:25px;right: 24px;top: 20px;height: 3px;}
}

@media (max-width:1200px)	{
/*Форма*/
.form .wrapper {display:block; }
	.form-text {    max-width: 100%; text-align: center; margin:0 auto 20px auto}
		.form .mtitle {justify-content:center; text-align:center}
		.form-tel {text-align:center;justify-content:center; }
		
	.form-callback {width:100%}
		.form-callback-flex-col {max-width:100%;width:48%}
		.form-callback-flex textarea {max-width:100%; width:48%}
		
/*Портфолио*/
.mtitle {flex-wrap:wrap;}
	.portfolio-tabs-list {order:3; width:100%; justify-content:center; margin-top:10px}
}


@media (max-width:1100px)	{
.wrapper {padding-left:0; padding-right:0; width:95%}
/*Почему мы*/
.why {padding-bottom:30px;}
	.why-flex {flex-wrap:wrap}
		.why-flex-col,.why-flex-colored {width:49%; max-width:100%; margin-bottom:20px}
		
/*отзывы*/
.rews {padding:50px 40px}

/*Портфолио*/ 
.portfolio-list-item {height:300px}


	
/*Промо*/
.promo-img {background-size:500px}
}


@media (max-width:960px)	{
/*Клиенты*/	
.clients .wrapper {display:block}
	.clients-text {width:100%; max-width:100%;margin-right:0; margin-bottom:20px; text-align:center;}
		.clients-text .mtitle {text-align:center; margin-bottom:20px; justify-content:center}
		.clients-text .btn {margin:20px auto; display:table}
		
/*Промо*/ 
.promo-img, .mouse-inner {display:none}
.promo-inner {width:100%; max-width:100%}
	.promo-title {text-align:center}
	.promo-subtitle {text-align:center}
	.promo-text {text-align:center; padding-left:0}
}


@media (max-width:800px)	{
/*Услуги*/	
.services-flex-col {width:100%; margin-bottom:30px}
	.services-flex-col:last-child {margin-bottom:0}
	
/*Портфолио*/
.portfolio-tabs-list {display:none}
.portfolio-list {display:none}

.portfolio-list-mobile {display:block; position:relative; padding-bottom:60px}	
	.portfolio-list-item-mobile  {margin:15px ; height:300px;text-align: center;line-height: 300px;color: #fff;text-decoration: none; font-size: 18px;background-position: center top;background-size: cover;}
	
	.portfolio-list-mobile .slick-prev {    display:block !important;position: absolute;bottom: 0;width: 45%;left: 0; height:40px;font-size: 0;  border: none; background:url(../images/icons/aleft.svg) center no-repeat; cursor:pointer}
	.portfolio-list-mobile .slick-next {    display:block !important;position: absolute;bottom: 0;width: 45%;right: 0; height:40px;font-size: 0;  border: none;background:url(../images/icons/aright.svg) center no-repeat; cursor:pointer}
	
.portfolio-list-mobile .slick-dots {margin-top:30px}
	.portfolio-list-mobile  .slick-dots li {border-color:#444444}
		.portfolio-list-mobile  li.slick-active {background:#444444}

.rews-slider {position:relative; padding-bottom:60px}	
	.rews-slider .slick-prev {    display:block !important;position: absolute;bottom: 0;width: 45%;left: 0; height:40px;font-size: 0;  border: none;background:url(../images/icons/aleft.svg) center no-repeat; cursor:pointer}
	.rews-slider .slick-next {    display:block !important;position: absolute;bottom: 0;width: 45%;right: 0; height:40px;font-size: 0;  border: none;background:url(../images/icons/aright.svg) center no-repeat; cursor:pointer}
/*Меню*/
.menu .wrapper {padding-left:30px}
	.menu-tel {margin-left:0; font-size:14px}
	.menu-tools .btn {margin-left:20px; font-size:14px}
	.menu-lang {margin-left:20px; font-size:14px}

/*фигуры*/
.footer, .digits {overflow:hidden}
.footer-f {display:none}	

}

@media (max-width:730px)	{
/*Отзывы*/
.rews-slider {margin-left:0; margin-right:0}
	.rews-slider-item  {margin-left:5px; margin-right:5px}
	
/*меню*/
.menu-tools .btn {display:none}
}

@media (max-width:650px)	{
.mtitle {text-align:center; display:block}
	.mtitle span {display:block; margin-top:10px}
	
/*Почему мы*/
.why-flex-col,.why-flex-colored {width:100%;}
	.why-flex-col img {margin-left: auto;margin-right: auto;}
	
.why-flex-colored {padding:20px; text-align:center}
	
	.why-flex-colored .btn {margin-left:auto; margin-right:auto; display:table}

/*Статистика*/
.digits-flex {flex-wrap:wrap; margin-top:-20px}
	.digits-flex-col {width:80%; max-width:100%;margin:20px auto 0 auto;}

/*Форма*/
.form-callback {padding:20px}
	.form-callback-flex {display:block;}
	.form-callback-flex-col {width:100%; }
		.form-callback-flex textarea {width:100%;margin-top: 15px; }
	
	.form-callback-footer {display:block;}
		.form-callback-footer p {text-align:center}
		.form-callback-footer  .btn {margin:20px auto 0 auto; display:table}
		
/*Отзывы*/
.rews-dots{display:none}

/*Мод окно*/
.callback-modal {max-height:95vh !important; overflow-y:auto; box-sizing:border-box; width:90vw; padding:15px;background: url(../images/icons/dots-full.png) center repeat-y, linear-gradient(135deg, rgba(64,21,198,1) 0%, rgba(127,69,181,1) 100%)}
	.callback-modal-wrapper {display:block; }
		.callback-modal-line {margin:10px 0}
		.callback-modal-wrapper .ajaxform {width:100%; margin-top:20px; margin-left:0}
		
/*Меню*/ 
.menu-lang {align-items: center;}
	.menu-lang-flag {width:20px; height:20px; margin-right:10px}
	.menu-lang-name {font-size:14px}
		.menu-lang-name:after {width:3px; height:3px; }
.promo .menu {padding:20px 0}

/*Промо*/ 
.promo-title {font-size: 34px;}
.promo-subtitle {font-size:18px; margin-bottom:30px}
}

@media (max-width:600px)	{
/*Меню*/
.menu-tel {border:none}
.menu-tools .btn {display:none}
}

@media (max-width:500px)	{
/*Клиенты*/	
.clients {padding:0 0 30px 0}
	.clients-list-item {width:48%;}
	.clients-list-text {width:100%; padding:0; margin-bottom:0; text-align:center}
	
/*Портфолио*/
.portfolio {padding-bottom:0px}
.portfolio .mtitle {margin-bottom:20px}
.portfolio-list-item-mobile {margin:0}

/*Меню*/
.menu-tel {border:none;    font-size: 11px;}


/*Услуги*/
.services-flex-col {text-align:center}
	.services-flex-col img {margin:0 auto}
	.services-flex-col-title {margin:15px 0}
}

@media (max-width:450px)	{
	
/*Отзывы*/
.rews {padding: 20px 15px;}
	.rews-slider-item-header {text-align:center;display:block; margin-bottom:15px}
		.rews-slider-item-header img {margin:0 auto 10px auto;}
		.rews-item-url {margin-left:auto; margin-right:auto}
		.rews-item-fb {margin-left:auto; margin-right:auto}

/*форма*/		
.form-tel > * {margin-right:15px}
.form-tel a img {max-width:40px}

/*Футер*/
.footer {padding: 40px 0 41px 0;}
	.footer-inner {flex-wrap:wrap; text-align:center}
		.footer sub {margin-right:0}
		.footer-inner em {width:100%; display:block; margin-top:10px}
		
/*Лого*/
.menu .logo {width: 100px; height: 33px;margin-top: -5px;}
}


@media (max-width:370px)	{
.promo .menu {padding:15px 0}
	.box-menu {width:28px}
	.menu .wrapper {padding-left:25px}
	.menu .logo {width: 70px;height: 23px;}
	
	.menu-lang {margin-left:10px}
		.menu-lang-name {font-size:11px}
			.menu-lang-name:after {margin-left:5px}
		.menu-lang-flag {width: 17px;height: 17px;margin-right: 6px;}
}


.policy-bar {position: fixed;bottom:20px; left:20px; width:300px;background: RGBA(83,34,162,0.9);z-index: 10;color: #fff;padding: 20px;box-sizing: border-box; border-radius:4px;line-height: 1.2; font-size: 13px;}
	.policy-bar-btns {display:flex; justify-content:center; margin-top:10px}
		.policy-bar-btns a {text-decoration:none; color:#fff; margin:0 10px; display:block;background: #401d7a;   border-radius: 4px;padding:8px 10px;}
			.policy-bar-btns a:hover {background:#38186b}

		.policy-bar-btns span {text-decoration:none; color:#fff; margin:0 10px; display:block;background: #401d7a;   border-radius: 4px;padding:8px 10px; transition:.2s; cursor:pointer}
			.policy-bar-btns span:hover {background:#38186b}
			 
			 
			 
.policy {padding:150px 0 100px 0; background: linear-gradient(135deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 65%, rgba(238,238,238,1) 100%);}
	.policy .wrapper {z-index:5; position:relative}
		.policy p {margin-bottom:15px;}
		.policy strong {font-weight:700}
		
		.go-home {display:table; margin:0 auto 20px auto; font-size:18px; text-decoration:none; color:#444444; border-bottom:1px solid transparent; line-height:1.2}
			.go-home:hover {border-bottom-color:#444444}
			
			
.promo {min-height:100vh}
@media (min-height:800px)	{
	.promo {    display: flex;flex-direction: column;justify-content: center;}
		.promo .menu {position:absolute; top:0; width:100%}
}


.footer-inner i {margin:0 10px}
.plink {display:flex; align-items:center;text-decoration:none !important; border:none !important}
	.plink img {display:block; max-width:50px}