/* Design by Мясоедов Н.Н (url: КУБАНЬ-САЙТ.РФ) */ 

	@import url(https://fonts.googleapis.com/css?family=Abel|Satisfy);
	@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
	@import url(https://fonts.googleapis.com/css?family=Petit+Formal+Script|Archivo+Narrow);

	@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/RobotoLight.woff) format('woff');
	}

	@font-face {
	font-family: 'RobotoRegular';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/Roboto.woff) format('woff');
	}

	@font-face {
	font-family: 'OpenSans';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/opensans.woff) format('woff');
	}

	@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	src: local('SFProDisplay'), local('SFProDisplay'), url(/fonts/SFProDisplay-Semibold.woff2) format('woff2');
	}

	@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	src: local('SFProDisplay'), local('SFProDisplay'), url(/fonts/SFProDisplay-Semibold.woff) format('woff');
	}

	@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	src: local('SFProDisplay'), local('SFProDisplay'), url(/fonts/SFProDisplay-Semibold.ttf) format('ttf');
	}

	@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	src: local('SFProDisplay'), local('SFProDisplay'), url(/fonts/SFProDisplay-Semibold.woff2) format('woff2');
	}

	@font-face {
	font-family: 'SF Pro Display';
	font-style: normal;
	src: local('SFProDisplay'), local('SFProDisplay'), url(/fonts/SFProDisplay-Semibold.woff2) format('woff2');
	}


	@font-face {
	font-family: 'MyriadSetPro';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/myriad-set-pro_thin.woff) format('woff');
	}
	@font-face {
	font-family: 'MyriadSetPro2';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/MyriadProRegular.woff) format('woff');
	}
	@font-face {
	font-family: 'Myriad Pro';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/myriadpro-light-webfont.woff) format('woff');
	}

	@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/HelveticaNeueCyr-UltraLight.woff) format('woff');
	}
	@font-face {
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/HelveticaLight.woff) format('woff');
	}
	@font-face {
	font-family: 'RobotoCondensed';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/RobotoCondensedLight.woff2) format('woff');
	}
	@font-face {
	font-family: 'SF';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/SFUIDisplay-Regular.woff) format('woff');
	}

	@font-face {
	font-family: 'SF Display Thin';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/sf-pro-display_light.woff2) format('woff2');
	}


	@font-face {
	font-family: 'SF Pro Text';
	font-style: normal;
	font-weight: 100;
	src: local('SF Pro Text'), local('SF Pro Text'), url(/fonts/SF-Pro-TextR.woff) format('woff');
	}

	@font-face {
	font-family: 'SFTextSmBold';
	font-style: normal;
	font-weight: 100;
	src: local('SF Pro Text'), local('SF Pro Text'), url(/fonts/SF-Pro-Text-Semibold.woff) format('woff');
	}

	@font-face {
	font-family: 'SF Pro Icons';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/SFProIconsregularwoff.woff2) format('woff');

	}

	@font-face {
	font-family: 'bebas';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(/fonts/bebasneue/bebasneue_bold.woff) format('woff');

	}

	::selection {
		background: #1F75FE;
		color: #fff;
	}

	::-moz-selection {
		background: #1F75FE;
		color: #fff;
	}
	
	
	*::-webkit-scrollbar,
	html *::-webkit-scrollbar {
	  height: 12px;
	  width: 14px;
	}
	*::-webkit-scrollbar-track,
	html *::-webkit-scrollbar-track {
	  background: rgb(255, 255, 255);
	}
	*::-webkit-scrollbar-thumb,
	html *::-webkit-scrollbar-thumb {
	  background-color: hsla(0, 0%, 6.7%, 0.68);
	  border-radius: 9px;
	  border: 2px solid #fff;
	  
	}
		*::-webkit-scrollbar-thumb:hover,
	html *::-webkit-scrollbar-thumb:hover {
	  background-color: #bfbfbf;
	  border-radius: 8px;
	}

	html, body {
	height: 100%;
	scroll-behavior: smooth;
	}

	body {
	margin: 0px;
	padding: 0px;
	background: #DEDEDE repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8A8A8A;
	}

	h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'bebas_neuebook';
	font-weight: 300;
	}


	h5 {
	font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	padding-top: .4em;
	font-size: 22pt;
	color: #111;
	line-height: 1.125;
	letter-spacing: .004em;
	}

	.post h5 {

	padding: 20px 0;
	}

	p {
	font-family: 'SF Pro Text','Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	color: #333;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.35296;
	font-style: normal;
	letter-spacing: -.001em;


	}
	hr  {
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #e0e0e0;
	}


	/* preloader */


	#preloader {
		background: #131313;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999999999;
		width: 100%;
		height: 100%;
	}
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #aaa;
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
	}
	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #fff;
		-webkit-animation: spin 3s linear infinite;
		animation: spin 3s linear infinite;
	}
	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: ;
		-webkit-animation: spin 1.5s linear infinite;
		animation: spin 1.5s linear infinite;
	}
	@-webkit-keyframes spin {
		0%   {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes spin {
		0%   {
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	.top_panel {
	z-index: 999999 !important;
	}

	.top_panel.out {
	transform: translateY(-100%);
	}

	.soc-class {
		margin-top: 28px;
		margin-bottom: 40px;
	}
	.prime-cena {
	color: #869636;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	}

	.large {
		background: #fff!important;
	}
		
	.sertific {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-evenly;
	background: #f9f9f9;
	padding-bottom: 130px;
	padding-top: 30px;
	}

	.cursor_seo {
	position: absolute;
	height: 44px;
	vertical-align: bottom;
	top: 66px;
	left: 98px;
	}

	.icon-ar {
	width: 70px;
	height: 70px;
	background-size: 70px 70px;
	background-repeat: no-repeat;
	background-image: url(/images/uslugi/Group_122.png.webp)
	}

	.clear::after {
	content: ""; /* Генерируем пустой элемент */
	clear: both; /* Отменяем обтекание*/
	display: block; /* Блочный элемент */
	}

	.brands input[type="checkbox"] {
	display: none;
		
	}
	.brands_conf {

		font-size: 15px;
		text-align: center;
		color: #666;
	}

	label span {/* <-- стилизируем новый */
	  width: 20px;
	  height: 20px;
	  border: 1px solid #B8B8B8;
	  display: inline-block;
	  position: relative;
	  top: 5px;
	  left: -10px;
	  background-color:#fafafa;
	  border-radius:2px;
	  padding:3px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition:all 0.3s ease;
	  transition:all 0.3s ease;
	}


	[type=checkbox]:checked + span:before {/* <-- ставим иконку, когда чекбокс включен  */
	  content: '\2714';
	  position: absolute;
	  top: -5px;
	  left: 0;
	  font-size:23px;
		color: #e25a76;
		background-image: linear-gradient(-90deg,#000 0%,#000 49.99%,#ff6565 50%,#e25a76 100%);
		background-size: 200%;
		background-repeat: no-repeat;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	        .str {
		position: absolute;
		width: 20px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst2 {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst3 {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst4 {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst5 {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}
	
		.str-inst6 {
		position: absolute;
		width: 36px;
		height: 36px;
		background: url(/images/cont/svg-2.svg) 100% no-repeat;
		text-align: center;
		bottom: 0;
		left: 0;
		top: 0;

	}


	.stages {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		max-width: 1200px;
		margin: 0 auto;
	}

	.stage {
		width: 33.333%;
		position: relative;
		padding-left: 59px;
		margin: 0 0 40px;
	}

	.stage_1 {
		margin: 35px 0 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.stage_num {
		position: absolute;
		transform: rotate(180deg);
		font-weight: 800;
		font-size: 22px;
		text-transform: uppercase;
		text-align: center;
		bottom: 0;
		left: 15px;
		top: 0;
		white-space: nowrap;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	  
	}

	.stage_title {
		font-size: 24px;
		max-width: 260px;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-weight: 300;
		line-height: 1.14286;
	}

	.stage_text {
		margin-top: 16px;
		line-height: 1.35;
	}

	.stage_text p {
		padding: 15px 0;  
	}

	.st_blue {
		color: #cfcfcf;
	}

	.st_haki {
		color: #1cd0c5;
	}

	.st_fiolet {
		color: #8d67c3;
	}

	.st_dblue {
		color: #4263a8;
	}

	.st_pink {
		color: #f376a2;
	}


       .t-bgimg {
   		position: absolute;
                background-position: center top;
                display: table-cell;
                z-index: 15; 
                vertical-align: middle;
    	        background-size: cover;
 	        background-repeat: no-repeat;
   	        border-color: transparent;
  	        border-style: solid;
 	        display: table-cell;
   	        vertical-align: middle;
   	        width: 100%;
   	        -webkit-text-size-adjust: 100%;
   	        -moz-text-size-adjust: 100%;
    	        -ms-text-size-adjust: 100%;
  	        box-sizing: border-box;
  	        display: table;
  		width: 100%;
    		left: 0px;
                bottom: -215px;
   		height: 322.2px;
       }

	.block_bg_blue {
		width: 38px;
		height: 13px;
		border-radius: 2px;
		position: absolute;
		left: 30px;
		top: 0;
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease;
		background: #19b4ee;
		cursor: pointer;
	}

	.block_bg_fiolet {
		width: 38px;
		height: 13px;
		border-radius: 2px;
		position: absolute;
		left: 30px;
		top: 0;
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease;
		background: #8d67c3;
		cursor: pointer;
	}	
		
		
	.block_bg_pink {
		width: 38px;
		height: 13px;
		border-radius: 2px;
		position: absolute;
		left: 30px;
		top: 0;
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease;
		background: #f376a2;
		cursor: pointer;
	}	

	.block_bg_dblue {
		width: 38px;
		height: 13px;
		border-radius: 2px;
		position: absolute;
		left: 30px;
		top: 0;
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease;
		background: #4263a8;
		cursor: pointer;
	}	
		
	.block_bg_haki {
		width: 38px;
		height: 13px;
		border-radius: 2px;
		position: absolute;
		left: 30px;
		top: 0;
		-webkit-transition: .5s all ease;
		-o-transition: .5s all ease;
		transition: .5s all ease;
		background: #1cd0c5;
		cursor: pointer;
	}
		
	li.media-left.col8:hover .prime > a ~ .block_bg_blue  {
		transform: rotate(360deg);
		}


	li.media-left.col8:hover .prime > a ~ .block_bg_dblue  {
		transform: rotate(360deg);
		}
		
	li.media-left.col8:hover .prime > a ~ .block_bg_haki  {
	transform: rotate(360deg);
	}
		
	li.media-left.col7:hover .prime > a ~ .block_bg_blue  {
		transform: rotate(360deg);
		}
		
		li.media-left.col8:hover .prime > a ~ .block_bg_pink  {
	transform: rotate(360deg);
	}

	li.media-left.col8:hover .prime > a ~ .block_bg_fiolet {
	transform: rotate(360deg);
		}
	li.media-left.col7.bg_blue:hover .prime > a  {
		color: #19b4ee;
		}
		

	li.media-left.col7:hover .prime > a ~ .block_bg_dblue  {
		transform: rotate(360deg);
		}
		
	li.media-left.col7.bg_dblue:hover .prime > a  {
		color: #4263a8;
		}	
		
	li.media-left.col7:hover .prime > a ~ .block_bg_haki  {
	transform: rotate(360deg);
	}

	li.media-left.col7.bg_haki:hover .prime > a  {
		color: #1cd0c5;
		}	
		
	li.media-left.col7:hover .prime > a ~ .block_bg_pink  {
	transform: rotate(360deg);
	}
		
	li.media-left.col7.bg_pink:hover .prime > a  {
		color: #f376a2;
		}	
			
	li.media-left.col7:hover .prime > a ~ .block_bg_fiolet {
	transform: rotate(360deg);
		}
			
	li.media-left.col7.bg_fiolet:hover .prime > a  {
		color: #8d67c3;
		}	
			
	.prime a {    
		display: block;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		line-height: 1.33349;
		font-weight: 300;
		letter-spacing: .004em;
		font-size: 29px;
		color: #333;
		}	
		
	.brif {
		font-size: 18px;
		color: #1d1d1f;
	}	
		
		
	.brif:hover {
		text-decoration: underline;
	}	
		
	._brif {
		font-size: 21px;
		line-height: 1.38105;
	}
		
	
	/* otzivs */
	
	#otzivy .testimonials {
	  padding: 40px 0;
	  color: #434343;
	  background-color: #fff;
	  overflow: hidden;
	}
	
	#otzivy .inner{
	  max-width: 1200px;
	  margin: auto;
	  overflow: hidden;
	  padding: 20px 20px;
	  overflow: hidden;
      overflow-x: scroll;
      margin-left: auto;
      margin-right: auto;
      transform: translate3d(0px, 0px, 0px);
      white-space: nowrap;
	}
	
	#otzivy .inner-otz {
	  margin-left: auto;
      margin-right: auto;
      width: 1140px;
	  padding-bottom: 14px;
	}

	#otzivy .row{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	}
	
	#otzivy .row1 {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	}
	
	#otzivy .col {
	  flex: 33.33%;
	  max-width: 33.33%;
	  box-sizing: border-box;
	  padding: 15px;
	}
	
	#otzivy .testimonial {
	  position: relative;
	  cursor: pointer;
	  border-radius: 18px;
	  height: 500px;
	  white-space: normal;
	  overflow: hidden;
      background-color: #fff;
	  box-shadow: 2px 4px 23px rgba(0,0,0,.16);
	  transition: all .3s cubic-bezier(0,0,.5,1);
	  z-index: 1;
	}
	
	#otzivy .testimonial:hover {
	  background-color: #fff;
	  box-shadow: 2px 4px 27px rgba(0,0,0,.26);
	  transform: scale3d(1.01,1.01,1.01)}
	}

	#otzivy .testimonial img{
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	}
	
	#otzivy .namer_info {
	 position: absolute;
     left: 0px;
     padding: 28px;
	 text-align: left;
	}
		
	#otzivy .namer {
	margin: 20px 0;
	color: #1d1d1f;
	font-size: 25px;
    line-height: 1.14286;
    letter-spacing: .007em;
    font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1d1d1f;
    margin-top: 0;
	padding-top: 24px;
	}
	
	#otzivy .stars{
	  color: #6ab04c;
	  margin-bottom: 20px;
	}

	#otzivy .rf-ccard-img-full {
	 width:100%;
	 height:100%;
	 object-fit:cover;
	 display:block;
	 position: absolute;
	}
	
	#otzivy .rf-ccard-content.rf-ccard-content-withfullimg {
	 flex-direction: row;
     justify-content: center;
	}
	
	#otzivy .rf-ccard-img-full-wrapper {
     width: 100%;
	}
	
	@media screen and (max-width:960px) {
	#otzivy .row1 > .col{
	  max-width: 80%;
	  padding: 10px;
	}
	}

	@media screen and (max-width:600px) {
	#otzivy .row1 > .col{
	  max-width: 100%;
	}
	}
	
	
	/* partfolio  */
	
	.portfolio__cont {
		max-width: 1315px;
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}

	.portfolio__wrap__in {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		 justify-content: flex-start; 
		margin: 0 -30px;
		padding-top: 72px;
		padding-bottom: 75px;
	}

	.portfolio__cont__in {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		
	}

	.portfolio__bl {
		padding: 0 30px;
		overflow: hidden;
		max-width: 33.3333333%;
		width: 100%;
		margin-bottom: 30px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

		.portfolio__wrap__in .portfolio__bl:first-child, .portfolio__wrap__in .portfolio__bl:nth-of-type(3n), .portfolio__wrap__in .portfolio__bl:nth-of-type(3n+1) {
		margin-top: 100px;
		}

	.portfolio__bl__img {
		margin-bottom: 20px;
		overflow: hidden;
		position: relative;
   	        border-radius: 20px;

	}
	   .portfolio__bl__img img {
		width: 100%;
		height: auto;
		cursor: url(/images/fancybox_cursor.png),auto;
		-webkit-transition: 1s all ease;
		-o-transition: 1s all ease;
		transition: 1s all ease;
	}
	
	.portfolio__bl__img::before {
		content: '';
		position: absolute;
		background-color: #19b4ee;
	   -webkit-transition: 0.25s all ease-in-out;
		-o-transition: 0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;
		height: 7px;
		width: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	
	.portfolio__bl__img:hover::before {
    width: 400px;
	}

	.portfolio__bl__img::after {
		width: 0%;
		height: 7px;
		position: absolute;
		bottom: 0;
		right: 0;
		left: auto;
		content: '';
		display: block;
		-webkit-transition: .25s all ease-in-out;
		-o-transition: .25s all ease-in-out;
		transition: .25s all ease-in-out;
		background: #19b4ee;
	}

	.portfolio__bl__title span {
		font-size: 20px;
		line-height: 1.08365;
		font-weight: 600;
		letter-spacing: .011em;
		color: #1c1e2b;
		position: relative;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		-webkit-transition: .25s ease;
		-o-transition: .25s ease;
		transition: .25s ease;
		background-repeat: repeat-x;
		background-position: 0 65%;
		background-size: 0 0;
	}

  .portfolio__bl:hover .portfolio__bl__img::before {
            width: 400px;
            background-color: var(--color, #19b4ee);
			color: #fff;
        }


	.portfolio__bl:hover .portfolio__bl__title>span {
        background-color: var(--color, #19b4ee);
		color: #fff;
	}

    .portfolio__bl:hover a.portfolio__cont__in {
        text-decoration: none;
        color: rgba(255, 255, 255, 1);
        }


	.portfolio__bl__title span::after {
		content: url(/images/cont/share-_2_.png);
		position: absolute;
		right: -25px;
		bottom: -2px;
	}
			


/* grid */
.wrap { width: 100%; max-width: 1024px; position: relative; margin: 0 auto; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

/* transition */


/* buttons */

.btn-success {  }
.btn-success:hover {  }

/*--- CONTENT ---*/

.overlay { 
 opacity: 0;
 visibility: hidden;
 position:fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 z-index: 5;  
 backface-visibility: visible;
 -webkit-tap-highlight-color: transparent;
 background-color: rgba(50,50,50,.88);
 }
 
.dlg-modal {
 width: 100%;
 max-width: 670px;
 text-align: center;
 visibility: hidden;
 position: fixed;
 left: 50%;
 z-index: 10;
 background: #fff;
 border-radius: 10px;
 /* -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.85);
 box-shadow: 0 0 20px rgba(0,0,0,0.85); */
 }
 
.dlg-modal-fade { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dlg-modal-slide { top: -20px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); visibility: visible; opacity: 1; }

.closer { width: 58px; height: 58px; display: block; position: absolute; right: 10px; top: 10px; background: url(/images/otziv/cross2.png) no-repeat; cursor: pointer; }
.closer:hover { background: url(/images/otziv/cross3.png) no-repeat; }

/* animation */
.fadeIn, .fadeOut, .slideInDown, .slideOutUp { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

@keyframes fadeIn { 
	from { opacity: 0; visibility: hidden; }
	to { opacity:1; visibility: visible; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; opacity: 1; visibility: visible; }

@keyframes fadeOut { 
	from { opacity: 1; visibility: visible; }
	to { opacity:0; visibility: hidden; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; opacity: 0; visibility: hidden; }



	/* uslugi  */

	.krug1 {
		border-radius: 50%;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c665f68c, endColorstr=#e330a2c9, GradientType=0);
		box-shadow: -14px 0px 20px rgba(0,0,0,0.1);
		width: 340px;
		height: 340px;
		background: -webkit-gradient(linear, center top, center bottom, from(#c665f68c),color-stop(100%, #e330a2c9));
		background: -webkit-linear-gradient(top,#c665f68c, #e330a2c9 100%);
		background: linear-gradient(to bottom,#c665f68c, #e330a2c9 100%);
		-webkit-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		-ms-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		margin-top: 72px;
		top: -78%;
		position: absolute;
		left: -93%;
		transition: background 5s ease-in-out 1s;
	}

	.krug2 {
		border-radius: 50%;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC665F6, endColorstr=#FFE330A2, GradientType=0);
		box-shadow: -14px 0px 20px rgba(0,0,0,0.1);
		width: 340px;
		height: 340px;
		background: linear-gradient(0deg, rgb(157, 245, 181), rgb(208, 233, 201));
		-webkit-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		-ms-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		 margin-top: 72px;
		top: -78%;
		position: absolute;
		left: -93%;
		transition: background 5s ease-in-out 1s;
	}

	.krug3 {
		border-radius: 50%;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC665F6, endColorstr=#FFE330A2, GradientType=0);
		box-shadow: -14px 0px 20px rgba(0,0,0,0.1);
		width: 340px;
		height: 340px;
		background: linear-gradient(0deg, rgb(187, 209, 250), rgb(207, 220, 237));
		-webkit-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		-ms-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		margin-top: 72px;
		top: -78%;
		position: absolute;
		left: -93%;
		transition: background 5s ease-in-out 1s;
	}
	.krug4 {
		border-radius: 50%;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC665F6, endColorstr=#FFE330A2, GradientType=0);
		box-shadow: -14px 0px 20px rgba(0,0,0,0.1);
		width: 340px;
		height: 340px;
		 background: linear-gradient(0deg, rgb(245, 105, 105), rgb(248, 215, 215));
		-webkit-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		-ms-transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		transform: matrix(-0.7071,-0.7071,0.7071,-0.7071,174,420);
		margin-top: 72px;
		top: -78%;
		position: absolute;
		left: -93%;
		transition: background 5s ease-in-out 1s;
	}
	 

	.advice_image {
		position: absolute;
		width: 160px;
		height: 350px;
		top: 40px;
		background-repeat: no-repeat;
		background-position: 50% 50%;;
	}
	
	
	.advice_image_start {
		position: absolute;
		width: 400px;
		height: 500px;
		top: 50px;
		background-repeat: no-repeat;
		background-position: 50% 50%;;
	}

	.advice_image_c {
		top: 0;
	}



	.k_price {
		 max-width: 1150px;
		 margin: 0 auto;
		 display: -webkit-flex;
		 display: -moz-flex;
		 display: -ms-flex;
		 display: -o-flex;
		 display: flex;
		 padding: 30px 0 70px 0;
	}

	.k_price_a{
		justify-content: center;
		-webkit-justify-content: center;
	}
	.p_text {
		font-size: 18px;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		max-height: 100px;
		-webkit-line-clamp: 5;
		letter-spacing: -.011em;
		line-height: 1.35296;
		text-align: center;
		position: absolute;
		bottom: 90px;
		color: #6e6e73;
		padding-top: 10px;
		word-break: break-word;
		list-style: none;
	 }
	 
	.p_text_a {
		bottom: 130px;	
	}

	.p_text_seo {
		bottom: 140px;	
	}
	
	.p_text_seo_start {
		top: 75px;	
	}


	.p_text_c {
		top: 270px;	
		font-size: 17px;
		line-height: 2.6;
	}

	.k_price_karta {
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		width: 31.66666667%;
		margin: 0 10px;
	/* 	background: #f9f9f9;*/
	 /* background: linear-gradient(0deg, rgb(232, 240, 255), rgb(207, 220, 237));*/
		background-color: #fff;
		height: 470px;
		padding: 30px;
		cursor: pointer;
		border-radius: 25px;
		overflow: hidden;
		-webkit-transition: box-shadow .2s linear;
		-moz-transition: box-shadow .2s linear;
		-o-transition: box-shadow .2s linear;
		-ms-transition: box-shadow .2s linear;
		transition: box-shadow .2s linear;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear;
		transition: all .2s linear;

	}


.k_price_karta_e {
		position: relative;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		width: 31.66666667%;
		margin: 0 10px;
		background: #f9f9f9;
		background: radial-gradient(29.43% 59.83% at 74.11% 95.6%, rgb(31, 42, 71) 0%, rgb(24, 24, 37) 100%);
	/* background-color: #010101;*/
		height: 470px;
		padding: 30px;
		cursor: pointer;
		border-radius: 25px;
		overflow: hidden;
		-webkit-transition: box-shadow .2s linear;
		-moz-transition: box-shadow .2s linear;
		-o-transition: box-shadow .2s linear;
		-ms-transition: box-shadow .2s linear;
		transition: box-shadow .2s linear;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear;
		transition: all .2s linear;

	}
	.k_price_karta_a {
		height: 550px;
	}
	
	.k_price_karta_e {
		height: 550px;
	}

	.k_price_karta_seo {
		height: 550px;
	}

	.k_price_karta_c {
		height: 850px;
	}

	 .k_price_karta:hover .krug1 {
		 background: linear-gradient(to bottom,#c665f68c ,#e330a2 100%);

		 
	}
	.k_price_karta:hover .krug2 {
		background: linear-gradient(0deg, rgb(157, 245, 181), rgb(150, 225, 129));
		  -webkit-transition: top 1s ease-out 0.5s;
		 -moz-transition: top 1s ease-out 0.5s;
		 -o-transition: top 1s ease-out 0.5s;
		 transition: background 5s ease-in-out 1s;
	}
	.k_price_karta:hover .krug3 {
		background: linear-gradient(0deg, rgb(187, 209, 250), rgb(117, 168, 235));
		   -webkit-transition: top 1s ease-out 0.5s;
		 -moz-transition: top 1s ease-out 0.5s;
		 -o-transition: top 1s ease-out 0.5s;
		 transition: background 5s ease-in-out 1s;
	}

	.k_price_karta:hover .krug4 {
		  background: linear-gradient(0deg, rgb(245, 105, 105), rgb(227, 135, 135));
		   -webkit-transition: top 1s ease-out 0.5s;
		 -moz-transition: top 1s ease-out 0.5s;
		 -o-transition: top 1s ease-out 0.5s;
		 transition: background 5s ease-in-out 1s;
	}

	.t_price {
		position: absolute;
		font-size: 24px;
		line-height: 1.14286;
		text-align: center;
		letter-spacing: .007em;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		margin-top: 24px;
		margin-bottom: 20px;
		margin: auto;  
		color: #333;
		}

	.t_price .sales {
	position: relative;
    top: 22px;
    font-size: 17px;
    line-height: 1.47059;
    background: transparent;
    border-radius: 18px;
    /* border: 1px solid; */
    font-weight: 400;
    letter-spacing: .012em;
    /* font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif; */
    /* color: #ac39ff; */
    background: linear-gradient(90deg,#abcaff 30%,45%,#FFF6F1 70%);
    /*background: linear-gradient(90deg,#abcaff 30%,45%,#FFF6F1 70%,#FFB8EA 85%);*/
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 auto;
    display: block;
    padding: 5px 10px;
    width: 80%;
		
	}

	.k_price_karta span{
		position: absolute;
		bottom: 59px;
		display: block;
		margin-top: 24px;
		font-size: 18px;
		line-height: 1.52947;
		font-weight: 400;
		letter-spacing: -.021em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.k_price_karta_seo span{
		position: absolute;
		bottom: 100px;
		display: block;
		margin-top: 24px;
		font-size: 18px;
		line-height: 1.52947;
		font-weight: 400;
		letter-spacing: -.021em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}


	.sale {
		
		text-decoration: none;
		color: #0070c9;
		position: absolute;
		bottom: 30px;
		display: inline-block;
		font-size: 18px;
		line-height: 1.38105;
		font-weight: 400;
		letter-spacing: .017em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.sale2 {
		text-decoration: none;
		color: #0070c9;
		position: absolute;
		bottom: 74px;
		display: inline-block;
		font-size: 18px;
		line-height: 1.38105;
		font-weight: 400;
		letter-spacing: .017em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.sale3 {
		text-decoration: none;
		color: #0070c9;
		position: absolute;
		bottom: 25px;
		display: inline-block;
		font-size: 18px;
		line-height: 1.38105;
		font-weight: 400;
		letter-spacing: .017em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.clovn {
		cursor: pointer;
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		font-size: 17px;
		line-height: 1.17648;
		font-weight: 400;
		letter-spacing: -.022em;
		font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
		min-width: 28px;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 8px;
		padding-bottom: 8px;
		border-radius: 18px;
		background: #000;
		color: #fff;
		
	}

	.clovn:hover {
		background-color: #272729;
		text-decoration: none!important;
	}

	.clovnp {
		color: #86868b;
		font-size: 16px;
	}

	.sale:hover, .sale2:hover, .sale3:hover {
		text-decoration: underline;
	}

		
	.k_price_karta:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: -moz-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: -o-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: -ms-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		content: "";
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear;
		transition: all .2s linear;
		opacity: 0;
		-ms-filter: "alpha(opacity=0)";
		filter: alpha(opacity=0);
		}

	.k_price_karta_e:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: -moz-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: -o-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: -ms-linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		background: linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
		content: "";
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-ms-transition: all .2s linear;
		transition: all .2s linear;
		opacity: 0;
		-ms-filter: "alpha(opacity=0)";
		filter: alpha(opacity=0);
		}
		
		
	.k_price_karta_e:hover:before {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	   }

		
	   .k_price_karta:hover:before {
		opacity: 1;
		-ms-filter: none;
		filter: none;
	   }


	   
	.k_price_karta:hover {
		z-index: 2;
		-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-ms-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-o-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-webkit-transform: translate3d(0,-2px,0);
		-webkit-transform: translate3d(0,-2px,0);
		-moz-transform: translate3d(0,-2px,0);
		-o-transform: translate3d(0,-2px,0);
		-ms-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
	}
	
	.k_price_karta_e:hover {
		z-index: 2;
		-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-ms-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-o-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
		-webkit-transform: translate3d(0,-2px,0);
		-webkit-transform: translate3d(0,-2px,0);
		-moz-transform: translate3d(0,-2px,0);
		-o-transform: translate3d(0,-2px,0);
		-ms-transform: translate3d(0,-2px,0);
		transform: translate3d(0,-2px,0);
	}
	
	
	
 
	/* what prod vs ob */
	  
	.box-fl .lefts {
		width: 29%;
		margin-right: 10%;
	}

	.box-fl .centers {
		width: 57%;
	}

	.box-fl {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		padding-top: 70px;
		padding-bottom: 60px;
	}

	.box-fl .block5 {
		display: block;
		margin-top: 30px;
		margin-left: 11px;
	}

	.box-fl .block5 span {
		font-size: 38px;
		text-align:center;
		font-weight: 600;
		line-height: 1.25;
		display: block;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}
		
	
	.block3 { 
    display: block;
	text-align: center;
	}
	
	.block8 { 
    display: block;
	text-align: center;
	}
	
	.box-fl .block5 span  i {
		color: #8d67c3;
	}

	.box-fl .block6 {
		display: block;
		position: relative;
		padding-left: 15px;
		margin-top: 59px;
	}

	.block6 p {
		max-width: 240px;
	}	

	.box-fl .block6 p:before {
		content: "*";
		color: #f376a2;
		border-radius: 100px;
		position: absolute;
		left: 0;
		top: 0;
	}
		
	.item1 {
		margin: 30px 0 0;
	}

	.till2014 {
		color: #737a85;
	}

	#what-is-this {
		overflow: hidden;
		background: #ffffff url(/images/uslugi/shape-min.png) no-repeat center;
		background-repeat: repeat-x;
		background-size: 100%;
	}

	#what-is-this .name .left {
		position: relative;
		width: calc(100% / 3);
		padding-top: 120px;
		background: url(https://xn----7sbbb7bbx7alc6h.xn--p1ai/images/simple.png) right 0 no-repeat;
		text-align: right;
		float: left;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-weight: 300;
		color: #86868b;
		font-size: 40px;
		line-height: 1;
		margin-bottom: 40px;
	}

	#what-is-this .name .mid {
		width: calc(100% / 3);
		position: relative;
		float: left;
		padding-top: 151px;
		background: url(https://xn----7sbbb7bbx7alc6h.xn--p1ai/images/vs.png) center bottom no-repeat;
	}

	#what-is-this .name .right {
		position: relative;
		padding-top: 120px;
		font-weight: 300;
		font-size: 40px;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		color: #f376a2;
		hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		line-height: 1;
		width: calc(100% / 3);
		float: left;
		background: url(https://xn----7sbbb7bbx7alc6h.xn--p1ai/images/super.png) left 0 no-repeat;
		text-align: left;
		margin-bottom: 40px;
	}

	.clear {
		position: relative;
		clear: both;
		width: 100%;
		height: 0;
	}


	.po-center {
		margin: 0px auto;
		display: table;
	}


	#what-is-this .row {
		margin: 0 auto;
		max-width: 680px;
		position: relative;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		background: #f5f5f5;
		height: 60px;
		line-height: 60px;
	}

	#what-is-this .row .grey {
		color:#77808b;
	}

	#what-is-this .row .left {
		position: relative;
		display: inline-block;
		width: calc(100% / 4);
		text-align: right;
		margin-left: 0;
		color: #000000;
		font-size: 30px;
	}

	#what-is-this .row .right {
		position: relative;
		display: inline-block;
		width: calc(100% / 4);
		text-align: left;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		margin-left: -.36em;
		color: #000000;
		font-size: 30px;
	}

	#what-is-this .row .right b {
		color: #f376a2;
		font-size: 30px;
	}

	#what-is-this .row:nth-child(2n) {
		background: #fff;
	}

	#what-is-this .center {
		max-width: 1040px;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 30px;
		overflow: hidden;
	}

	.center img {
		max-width: 100%;
		width: auto;
		height: auto;
	}

	#what-is-this .title span {
		display: block;
		font-size: 20px;
		color:#77808b;
		font-weight: normal;
		margin-top: 15px;
	}

	#what-is-this .row .mid {
		position: relative;
		font-style: italic;
		color: #4c4c4c;
		font-size: 14px;
		display: inline-block;
		width: calc(100% / 2);
		text-align: center;
		margin-left: -.36em;
	}

	#what-is-this .row.last .left {
		line-height: 1;
		vertical-align: top;
		padding-top: 30px;
	}

	#what-is-this .text {
		max-width: 640px;
		margin: 0 auto;
		padding-top: 78px;
		line-height: 1.35296;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		color: #1d1d1f;
		font-size: 17px;
		
	}

	#what-is-this .text img {
		display: inline-block;
		vertical-align: top;
		margin-left: 20px;
	}
	#what-is-this .row.last {background: none; border-top:5px solid #f0f0f0; margin-bottom: 15px;}
	#what-is-this .row.last .mid {height: auto; padding-top: 20px; line-height:0.8; font-size: 32px; font-weight: 300;}
	#what-is-this .row.last .mid span {
		font-size: 18px;
		line-height: 1;
	}
	#what-is-this .row.last .left {line-height: 1; vertical-align: top; padding-top: 30px;} 
	#what-is-this .row.last .right {line-height: 1; vertical-align: top; padding-top: 30px;}
	#what-is-this .text {
		max-width: 640px;
		margin: 0 auto;
		padding-bottom: 40px;
		padding-top: 78px;
		line-height: 2.3;
		color: #000;
		font-size: 17px;
		background: url() right 105px top 0px no-repeat;
	}
	#what-is-this .text span {
		color:#3e4757;
		font-size: 24px;
	}
	#what-is-this .text img {
		display: inline-block;
		vertical-align: top;
		margin-left: 20px;
	}

	  /* downl */
	  
	.example2{ display:none; }
	.example2 .new { opacity: 0; }
	.example2 .div_opacity {
	  -webkit-transition: opacity .35s ease-in-out;
	  -moz-transition: opacity .25s ease-in-out;
	  -ms-transition: opacity .25s ease-in-out;
	  -o-transition: opacity .25s ease-in-out;
	  transition: opacity .25s ease-in-out;
	  opacity: 1;
	  margin-top: 50px;
	  line-height: 1.07143;
	  font-weight: 300;
	  font-size: 73px;
	  font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;

	 } 
	  
	  /* about */
	  
	#about-me .center ul li > a.mnblog {
		position: relative;
		display: inline-block;
		text-decoration: underline;
		font-size: 18px;
		color: #3e4757;
	}
	

	#about-me .center ul li > a.mnblog::before {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		background: #000;
		z-index: -1;
		content: '';
	}

	#about-me .center ul li > a.mnblog:hover::before {
		position: absolute;
		animation: bg-animation2 0.5s 1;
		animation-fill-mode: forwards;
	}

	@keyframes bg-animation2 {
		0% { width: 10%; }
		100% { width: 100%; }
	}	
		
	  .text_sm > p {
		font-weight: 400;
		line-height: 1.38105;
		font-weight: 400;
		padding-bottom: 10px;
		color: #b9b9b9;
		margin: 0 0 10px;
		font-size: 21px;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}
	
	.text_sm p  > span{
		color: #fff;
	 
	}
	.pochemy {
		width: 66.66667%;
		margin-left: 8.33333%;
		font-weight: 300;
		letter-spacing: -.015em;
		line-height: 1.05455;
		font-size: 48px;
		color: #fff;
		z-index: 1;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.pochemy_gl {
		width: 76.66667%;
		margin-left: 8.33333%;
		font-weight: 300;
		line-height: 1.07143;
		font-size: 73px;
		color: #fff;
		z-index: 1;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.apple {
		color: #bbbbbb;
		display: inline-block;
	}

	.pochemy_a {
		
		width: 96.66667%;
	 
	}

	.pochemy span {
		background-repeat: no-repeat;
		background-image: url(/images/slide/large.jpg);
		background-size: cover;
		background-position: center bottom;
		-webkit-background-clip: text;
		color: transparent !important;
		display: inline-block; 
	}

	.pochemy_gl  >  span {
		background-repeat: no-repeat;
		/* background-image: linear-gradient(35deg,#FBF4EC 0%, #ECD7C8 16.5%, #EEA4BC 33%,#BE88C4 49.5%, #9186E7 66%,#92C9F9 82.5%, #C7F8FF 100%); */ 
		background-size: cover;
		background-position: center bottom;
		/* -webkit-background-clip: text; */ 
		/* color: transparent !important; */ 
                z-index: 1;
		display: inline-block; 
	}



 	.pochemy_gl > span.hero-box {
               position: relative;
		}

             .pochemy_gl > span.hero-gl:before {
             content:"";
             position:absolute;
             inset: -2px;
             transform: translate(1px,6px);
             z-index: -1;
             /* background: linear-gradient(35deg, #FBF4EC 0%, #ECD7C8 16.5%, #EEA4BC 33%, #BE88C4 49.5%, #9186E7 66%, #92C9F9 82.5%, #C7F8FF 100%); */
             background: linear-gradient(-90deg,rgba(192, 99, 249, 1),rgba(87, 212, 251, 1));
             filter: blur(21px);
             border-radius: 35px;
  
       }

	.intro-headline p {
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-size: 100px;
		line-height: 1;
		font-weight: 300;
		letter-spacing: -.018em;
		background-image: linear-gradient(to right, #6e99ff, #fff 65%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-margin-start: -44px;
		margin-inline-start: -44px;
		letter-spacing: -.018em;
	}
		.vash_s {
			color: #111!important
		}
		
	.fs_7 {
		margin: 35px 20% 0;
	}

	.bg-gradient {
		-webkit-transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05), -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	.hero-banner {
		position: relative;
		padding: 20px;
		font-family: 'SF','Helvetica Neue', Helvetica, Arial, sans-serif;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #000;
		z-index: 2;
		width: 100%;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		
		background: #cecece;
	}

	.hero-banner .bg-gradient {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-repeat: no-repeat;
		background-image: url(/footer_gradient__d5jtmfwmiqqa_large.jpg);
		background-size: 120% 400px;
		-webkit-animation: banner-gradient 20s linear infinite;
		animation: banner-gradient 20s linear infinite;
	}


	.hero-banner2 .bg-gradient2 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		background-repeat: no-repeat;
		background: #888;
		background-size: 120% 400px;
		-webkit-animation: banner-gradient 20s linear infinite;
		animation: banner-gradient 20s linear infinite;
	}


	.hero-banner2.show2 {
		 -webkit-transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05); 
		 transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05); 
		 transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05); 
		 transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05), -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05); 
		 -webkit-transform: translateY(0);
		transform: translateY(0);
		}
		
	.hero-banner2 {
		position: relative;
		padding: 20px;
		font-family: 'SF','Helvetica Neue', Helvetica, Arial, sans-serif;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		z-index: 2;
		width: 100%;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		background: -webkit-linear-gradient(15deg, #8983ba, #9e98cc 20%, #c29abe 38%, #e197b0 56%, #ff9a7d 74%, #ffb467 84%, #ffda8e);
		background: linear-gradient(75deg, #8983ba, #9e98cc 20%, #c29abe 38%, #e197b0 56%, #ff9a7d 74%, #ffb467 84%, #ffda8e);
	}


	.icon-copy a {
		color: #fff;
		font-size: 18px;
		display: inline;
		text-decoration: none;
	}

	.icon-copy:hover a {
	   
		text-decoration: underline;
	}

	.typography-hero-banner {
		font-size: 18px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: .004em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}


	.typography-hero-banner2 {
		font-size: 18px;
		line-height: 1;
		font-weight: 500;
		letter-spacing: .004em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	}

	br.small {
		display: none;
	}

	.hero-banner.show {
		-webkit-transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		transition: transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05), -webkit-transform 2s cubic-bezier(0.08, 0.6, 0.68, 1.05);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.typography-grid-headline {
		text-align: center;
		padding-left: 25px;
	}

	.hero {
		background-repeat: no-repeat;
		background-image: url(/images/medium.jpg);
		background-size: cover;
		background-position: center bottom;
		-webkit-background-clip: text;
		color: transparent !important;
		display: inline-block; 
	}

	.hero2 {
		color: #fafa;
		display: inline-block; 
	}

	.hero3 {
		position: absolute;
		bottom: 40%;
		color: #e7e6f2;
		font-size: 53px;
		top: 46.86666%;
		padding-bottom: 10px;
		display: inline-block;
	}

	.section-no-fees {
		padding-top: 158px;
		padding-bottom: 153px;
	}

	.section-no-fees2 {
		padding-top: 108px;
		padding-bottom: 103px;
	}

	.tdark {
		color: #ccc;
		background-color: #160f1a;
		/* background-image: url(/images/cont/15de-4062-8d50-2e583fa4cd41-min.webp); */
                background-image: url(/images/purrp_1.png); 
		color: #ccc;
		background-position: center top;
		border-style: solid;
		background-repeat: no-repeat;
		border-color: transparent;
		background-size: cover;
	}

	.ssdark {
		color: #ccc;
		background-color: #191b1e;
	        border-radius: 64px 64px 0px 0px;
		color: #ccc;
		background-position: center top;
		border-style: solid;
		background-repeat: no-repeat;
		border-color: transparent;
		background-size: cover;
	}
	.adark {
		background: radial-gradient(77.92% 1031.84% at 96.37% 95%, #faece6 0, #f5f5fa 100%);
		color: #3e3e59;
	}

	.targdark {
    background-color: #eefdfe;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
    color: #000;
	}



	.audit-text {
		color: rgb(62, 62, 89);
	}
	.audit-text2 {
		color: #8b0000;
	}


	.vdark {
		background-color: #000;
		color: #ccc;
		position: relative;
	}

	.pdark {
		background: #d9e7ff;
		color: #707a8a;
	}

	. {
		background: url(/images/seo-img/16653900.jpg) left/cover no-repeat;
		color: #ccc;
	}

	.text_sm {
		margin-top: 55px;
		margin-left: 12.43333%;
	}

	.c_text {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	img.js-img, img.svg-pic {
			display: none;
		}
		
	._gradient p {
		background-image: linear-gradient(134deg,#e71a4c,#e12168 11%,#da2884 22%,#d02fa0 33%,#c336bd 44%,#b13dda 55%,#b13dda 0,#a04ee1 64%,#8c5be9 73%,#7466f0 82%,#536ff7 91%,#0078ff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding-top: 120px;
		font-size: 63px;
		font-weight: 700;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		word-break: break-word;

	}
	.teamstep__rainbow {
		position: absolute;
		width: 33.4375em;
		height: 33.4375em;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.teamstep__num {
		top: -5em;
		left: -4.875em;
	}
	  /* mag-vitr */


	.udob {
		position: relative;
		min-height: 930px;
	}

	.udob_mag {
		background-color: #fafafa;
		margin: 55px 0;
		position: relative;
		min-height: 500px;
	}


	.udob_viz {
		margin: 30px 0;
		background-color: #fff;
		position: relative;
		min-height: 500px;
	}

	.udob_korp {
		margin: 55px 0;
		background-color: #fff;
		position: relative;
		min-height: 500px;
	}

	.sh_m_slog {
		position: absolute;
		top: 140px;
		left: 170.5px;
		width: 385px;

	 }
	 
	.mag_bg { 
		background: #FCFCFC;
	 }
	 
	.shop_m_img {
		position: absolute;
		left: calc(50% - 450px + 490px);
	}

	.shop_v_img {
		position: absolute;
		left: calc(50% - 450px + 490px);
		top: 90px;
	}

	.shop_img {
		position: absolute;
		height: 80%;
		left: calc(50% - 600px + 690px);
		top: 10%;
	}

	.sh_text {
		color: #000000;
		font-size: 21px;
		line-height: 1.38105;
		font-weight: 400;
		letter-spacing: .011em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		background-position: center center;
		border-color: transparent;
		border-style: solid;
		margin-top: 20px;
	}

	.sh_header {
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-size: 40px;
		line-height: 1.05;
		font-weight: 300;
		letter-spacing: .011em;
	}

	.sh_lp_header {
		background-image: linear-gradient(265deg, #a445b2, #d41872 52%, #f06);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height: 1.1;
		font-weight: 700;
		letter-spacing: 0em;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-size: 40px;
	   
		}
		
	.sh_header span{
		font-family: 'SF', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
		font-size: 40px;
		line-height: 1.1;
		font-weight: 700;
		color: #cfcfcf;
		letter-spacing: 0em;
	}

	.sh_slog {
		position: absolute;
		top: 200px;
		left: 222.5px;
		width: 385px;

	 }
	/* mag-pr */

	.elem-shop {
		position: relative;
		margin: 20px 4px;
		padding-left: 5%;
		z-index: 51;
		top: 0;
		/* left: calc(50% - 600px + -13px); */
		width: 336px;
		height: 336px;
	}

	.atom {
		position: relative;
		width: 336px;
		height: 636px;
		position: relative;
		background-position: center center;
		border-color: transparent;
		border-style: solid;
		animation-name: levitation;
		animation-duration: 1.5s;
		animation-direction: alternate;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}

		@keyframes levitation {
		0% { transform: translateY(0); }
		100% { transform: translateY(-25px); }
	}

	.krug {
		position: absolute;
		border-radius: 50%;
		width: 336px;
		height: 336px;
		background-color: #16a888;
		background-position: center center;
		border-color: transparent;
		border-style: solid;
		color: #fff;
	}

	.atom > div.sh1 {
		position: absolute;
		background: url(/images/slide/pachka.png) no-repeat center;
		width: 100%;
		display: block;
		top: 10px;
		left: 92.5px;
		bottom: 0;
		z-index: 100;
	}

	.atom > div.sh {
		position: absolute;
		background: url(/images/slide/paket.png) no-repeat center;
		left: 207.5px;
		top: -130px;
		width: 100%;
		display: block;
		bottom: 0;
		z-index: 99;

	}


		
	/* amin-vv */

	.slideInUp {
	  -webkit-animation-name: slideInUp;
	  animation-name: slideInUp;
	}

	@-webkit-keyframes slideOutDown {
	  from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }

	  to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	  }
	}


	@-webkit-keyframes fadeInLeft {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	  }

	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}

	@keyframes fadeInLeft {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	  }

	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}

	.fadeInLeft {
	  -webkit-animation-name: fadeInLeft;
	  animation-name: fadeInLeft;
	}

	@keyframes fadeInRight {
	  from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	  }

	  to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}

	.fadeInRight {
	  -webkit-animation-name: fadeInRight;
	  animation-name: fadeInRight;
	}


	/* bl-prezent */
	.block_prezent {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
	}

	.prezent--ons {
		padding: 90px 0;
		background: url(/images/slide/slider_present.jpg), #000 no-repeat center;
		background-blend-mode: overlay;
		background-size: cover;
	 }
	 
	.left_img {
		align-items: center;
		flex: 1;
		
	}
	.right_text {
		flex: 1;
	}


	/* seo-bl */

	.seo_first {
		position: relative;
		background: #fafafa;
		padding: 50px 80px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}

	.seo_first > p {
		padding-left: 85px!important;

	}
	.btn_bann_header {
		position: absolute;
		font-family: 'SF Pro Display', 'Helvetica Neue', 'Helvetica', Arial ,sans-serif;
		font-size: 46px;
		line-height: 52px;
		margin-bottom: 10px;
		padding-bottom: 5px;
		top: 137px;
		color: #333;
		left: calc(50% - 600px + 120px);
		width: 490px;

	}

	.yes1 {
		margin-right: 8px;
	}
	.seo_cont {
		overflow: hidden;
		z-index: 2;
		position: relative;
		width: 100%;
		height: 561px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #fff;
		background-image: url(/images/uslugi/loft.png);
	}

	.seo_cont > p {
		position: absolute;
		color: #262626;
		border-color: transparent;
		border-style: solid;
		font-size: 17px;
		font-family: 'Open Sans';
		line-height: 1.5;
		font-weight: 400;
		font-family: 'SF Pro Text','Helvetica Neue', Helvetica, Arial, sans-serif;
		top: 222px;
		left: calc(50% - 600px + 120px);
		width: 500px;

	}

	.seo_cont_img {
		position: absolute;
		max-height: 100%;
		display: block;
		top: 0;
		left: calc(50% - 480px + 520px);
		z-index: 1;


	}
	.seo_cont_img:hover  {
		 position: absolute;
		 -webkit-transition: -webkit-transform .35s ease-out;
		transition: -webkit-transform .35s ease-out;
		transition: transform .35s ease-out;
		transition: transform .35s ease-out,-webkit-transform .35s ease-out;
		 -webkit-transform: scale(1.06);
		transform: scale(1.06);

	 }

	/* sxema */



	.block {
		width: 46%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px;
		position: relative;
		margin-bottom: -95px;
	}

	.block:nth-child(2n+1) {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		margin-bottom: -111px;
		transition: all 1.5s ease;
		margin: 0 0 20px auto;
	}

	.block > .heading {
		font-size: 24px;
		line-height: 34px;
		display: block;
		font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		margin-bottom: 20px;
	}

	.img-holder img {
		width: 100%;
		height: auto;
	}

	.block:nth-child(2n+1) > .img_holder{ 
			margin: 0 0 20px auto;
			text-align: right;
	}

	.block >  .img_holder {
		/* display: block; */
		margin-bottom: 20px;
		margin-right: -20px;
		width: 95px;
		min-height: 95px;
		
	}

        .presents {
		 display: flex;
   		 justify-content: center;
   		 align-items: center;
    		 min-width: 100px;
   		 padding: 30px;
   		 background-color: #ffffff;
   		 border-radius: 20px;
   		 box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.05);
		
	}

	 
	.block > .num {
		font-size: 100px;
		line-height: 110px;
		color: #efeff7;
		position: absolute;
		top: 55px;
		right: 0;
		font-family: Arial,sans-serif;
		z-index: -1;
	}


	.block:nth-child(2n) > .num{
		position: absolute;
		left: 19%;
	}

	.block:nth-child(2n+1) > .num{
		position: absolute;
		left: 0;
	}

	.block > p {
	 margin: 0 0 20px;
	 font-family: 'SF',Helvetica, sans-serif;
	}
	   
	/* left bl */

	.left_block {
		position: absolute;
		float: left;
		width: 280px;
		transition: all 0.5s;
	}

	.left_block::before {
		content: 'portfolio';
		text-transform: uppercase;
		font-family: Arial,sans-sarif;
		font-size: 98px;
		line-height: 82px;
		color: #efefef;
		font-weight: 900;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
		position: absolute;
		left: -155px;
		top: 850px;
		margin-top: -314.295px;
		opacity: 0.59;
	}
	/* paralax */
	.first-container {
		position: relative;
		width: 100vw;
		height: 100vh;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #fff;
		background-image: url(/images/purrp_1.png);
		background-color: #1e1e1e;
                background-position: 50% 1%;
		overflow: hidden;
		z-index: 1;
		animation-duration: 1.0s;
		animation-direction: reverse;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
	   
	}




		@keyframes down {
		0% { background: linear-gradient(to left, #000 0%, #1f1f1f 0%); }
		1% { background: linear-gradient(to left, #000 1%, #1f1f1f 1%); }
		2% { background: linear-gradient(to left, #000 2%, #1f1f1f 2%); }
		3% { background: linear-gradient(to left, #000 3%, #1f1f1f 3%); }
		4% { background: linear-gradient(to left, #000 4%, #1f1f1f 4%); }
		5% { background: linear-gradient(to left, #000 5%, #1f1f1f 5%); }
		6% { background: linear-gradient(to left, #000 6%, #1f1f1f 6%); }
		7% { background: linear-gradient(to left, #000 7%, #1f1f1f 7%); }
		8% { background: linear-gradient(to left, #000 8%, #1f1f1f 8%); }
		9% { background: linear-gradient(to left, #000 9%, #1f1f1f 9%); }
		10% { background: linear-gradient(to left, #000 10%, #1f1f1f 10%); }
		
		11% { background: linear-gradient(to left, #000 11%, #1f1f1f 11%); }
		12% { background: linear-gradient(to left, #000 12%, #1f1f1f 12%); }
		13% { background: linear-gradient(to left, #000 13%, #1f1f1f 13%); }
		14% { background: linear-gradient(to left, #000 14%, #1f1f1f 14%); }
		15% { background: linear-gradient(to left, #000 15%, #1f1f1f 15%); }
		16% { background: linear-gradient(to left, #000 16%, #1f1f1f 16%); }
		17% { background: linear-gradient(to left, #000 17%, #1f1f1f 17%); }
		18% { background: linear-gradient(to left, #000 19%, #1f1f1f 18%); }
		19% { background: linear-gradient(to left, #000 19%, #1f1f1f 19%); }
		20% { background: linear-gradient(to left, #000 20%, #1f1f1f 20%); }
		
		21% { background: linear-gradient(to left, #000 21%, #1f1f1f 21%); }
		22% { background: linear-gradient(to left, #000 22%, #1f1f1f 22%); }
		23% { background: linear-gradient(to left, #000 23%, #1f1f1f 23%); }
		24% { background: linear-gradient(to left, #000 24%, #1f1f1f 24%); }
		25% { background: linear-gradient(to left, #000 25%, #1f1f1f 25%); }
		26% { background: linear-gradient(to left, #000 26%, #1f1f1f 26%); }
		27% { background: linear-gradient(to left, #000 27%, #1f1f1f 27%); }
		28% { background: linear-gradient(to left, #000 28%, #1f1f1f 28%); }
		29% { background: linear-gradient(to left, #000 29%, #1f1f1f 29%); }
		30% { background: linear-gradient(to left, #000 30%, #1f1f1f 30%); }
		
		40% { background: linear-gradient(to left, #000 40%, #1f1f1f 40%); }
		41% { background: linear-gradient(to left, #000 41%, #1f1f1f 41%); }
		42% { background: linear-gradient(to left, #000 42%, #1f1f1f 42%); }
		43% { background: linear-gradient(to left, #000 43%, #1f1f1f 43%); }
		44% { background: linear-gradient(to left, #000 44%, #1f1f1f 44%); }
		45% { background: linear-gradient(to left, #000 45%, #1f1f1f 45%); }
		46% { background: linear-gradient(to left, #000 46%, #1f1f1f 46%); }
		47% { background: linear-gradient(to left, #000 47%, #1f1f1f 47%); }
		48% { background: linear-gradient(to left, #000 48%, #1f1f1f 48%); }
		49% { background: linear-gradient(to left, #000 49%, #1f1f1f 49%); }

		
		
		50% { background: linear-gradient(to left, #000 50%, #1f1f1f 50%); }
		51% { background: linear-gradient(to left, #000 51%, #1f1f1f 51%); }
		52% { background: linear-gradient(to left, #000 52%, #1f1f1f 52%); }
		53% { background: linear-gradient(to left, #000 53%, #1f1f1f 53%); }
		54% { background: linear-gradient(to left, #000 54%, #1f1f1f 54%); }
		55% { background: linear-gradient(to left, #000 55%, #1f1f1f 55%); }
		56% { background: linear-gradient(to left, #000 56%, #1f1f1f 56%); }
		57% { background: linear-gradient(to left, #000 57%, #1f1f1f 57%); }
		58% { background: linear-gradient(to left, #000 58%, #1f1f1f 58%); }
		59% { background: linear-gradient(to left, #000 59%, #1f1f1f 59%); }
		
		60% { background: linear-gradient(to left, #000 60%, #1f1f1f 60%); }
		61% { background: linear-gradient(to left, #000 61%, #1f1f1f 61%); }
		62% { background: linear-gradient(to left, #000 62%, #1f1f1f 62%); }
		63% { background: linear-gradient(to left, #000 63%, #1f1f1f 63%); }
		64% { background: linear-gradient(to left, #000 64%, #1f1f1f 64%); }
		65% { background: linear-gradient(to left, #000 65%, #1f1f1f 65%); }
		66% { background: linear-gradient(to left, #000 66%, #1f1f1f 66%); }
		67% { background: linear-gradient(to left, #000 67%, #1f1f1f 67%); }
		68% { background: linear-gradient(to left, #000 68%, #1f1f1f 68%); }
		69% { background: linear-gradient(to left, #000 69%, #1f1f1f 69%); }
		
		70% { background: linear-gradient(to left, #000 70%, #1f1f1f 70%); }
		71% { background: linear-gradient(to left, #000 71%, #1f1f1f 71%); }
		72% { background: linear-gradient(to left, #000 72%, #1f1f1f 72%); }
		73% { background: linear-gradient(to left, #000 73%, #1f1f1f 73%); }
		74% { background: linear-gradient(to left, #000 74%, #1f1f1f 74%); }
		75% { background: linear-gradient(to left, #000 75%, #1f1f1f 75%); }
		76% { background: linear-gradient(to left, #000 76%, #1f1f1f 76%); }
		77% { background: linear-gradient(to left, #000 77%, #1f1f1f 77%); }
		78% { background: linear-gradient(to left, #000 78%, #1f1f1f 78%); }
		79% { background: linear-gradient(to left, #000 79%, #1f1f1f 79%); }
		
		80% { background: linear-gradient(to left, #000 80%, #1f1f1f 80%); }
		81% { background: linear-gradient(to left, #000 81%, #1f1f1f 81%); }
		82% { background: linear-gradient(to left, #000 82%, #1f1f1f 82%); }
		83% { background: linear-gradient(to left, #000 83%, #1f1f1f 83%); }
		84% { background: linear-gradient(to left, #000 84%, #1f1f1f 84%); }
		85% { background: linear-gradient(to left, #000 85%, #1f1f1f 85%); }
		86% { background: linear-gradient(to left, #000 86%, #1f1f1f 86%); }
		87% { background: linear-gradient(to left, #000 87%, #1f1f1f 87%); }
		88% { background: linear-gradient(to left, #000 88%, #1f1f1f 88%); }
		89% { background: linear-gradient(to left, #000 89%, #1f1f1f 89%); }
		
		90% { background: linear-gradient(to left, #000 90%, #1f1f1f 90%); }
		91% { background: linear-gradient(to left, #000 91%, #1f1f1f 91%); }
		92% { background: linear-gradient(to left, #000 92%, #1f1f1f 92%); }
		93% { background: linear-gradient(to left, #000 93%, #1f1f1f 93%); }
		94% { background: linear-gradient(to left, #000 94%, #1f1f1f 94%); }
		95% { background: linear-gradient(to left, #000 95%, #1f1f1f 95%); }
		96% { background: linear-gradient(to left, #000 96%, #1f1f1f 96%); }
		97% { background: linear-gradient(to left, #000 97%, #1f1f1f 97%); }
		98% { background: linear-gradient(to left, #000 98%, #1f1f1f 98%); }
		100% { background: linear-gradient(to left, #000 100%, #1f1f1f 100%); }
	}

	.fzb {
		position: relative;
		padding-left: 23%;
		padding-top: -12%;
		z-index: 9999;
	}

	.slog {
		margin-top: 50px;
		line-height: 1.07143;
		font-weight: 300;
		font-size: 73px;
		width: 700px;
		display: inline-block;
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		animation-name: down2;
		animation-duration: 1.3s;
		animation-direction: normal;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
		
	}


	@keyframes down2 {
		0% { 
		
		opacity: 0;
		transition: all 600ms;
		left:-60px; 
		
		background-image: -webkit-gradient(linear,right top,left top,from(#1f1f1f),color-stop(49.99%,#1f1f1f),color-stop(50%,#1f1f1f),to(#1f1f1f));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
			-webkit-transition: background .8s ease;
		transition: background .8s ease;
		background-position: 0%;
		
		}
		

		
		100% { opacity: 1;background-position: 100%;	}
	}
	.fzb_cont {
		width:100%;
		max-width: 580px;
		
	}


	 .main-text-x {
	   width: 550px;
	   font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	   z-index: 9;
	   display: inline-block;
	   color: #fff;
	   line-height: 1.8;
	   letter-spacing: .030em;
	   font-size: 19px;
	   font-weight: 500;
	   -webkit-transition: 600ms cubic-bezier(.125,.94,.54,1);
	   -o-transition: 600ms cubic-bezier(.125,.94,.54,1);
	   transition: 600ms cubic-bezier(.125,.94,.54,1);
	   -webkit-backdrop-filter: blur(20px);
       backdrop-filter: blur(20px);
       border-width: 2px;
       border-radius: 200px;
       background-position: center center;
       border-color: #ffffff;
       border-style: solid;
       padding: 20px;
	}


	.first {
		position: relative;
		width: 100%;
		color: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}


	p.politika {
		font-size: 19px;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		line-height: 1.47059;
		font-weight: 400;
		letter-spacing: -.01em;
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		color: #1d1d1f;
		font-style: normal;
	}

	.rekv {
		width: 100%;
		background-color: #fafafa;
	}



	.first > div.sf0 {
		position: absolute;
		background: url(/images/cont/CRM.png) no-repeat center;
		height: 130%;
        left: 580px;
        top: 156px;
        width: 872px;
        zoom: 1.268;
        z-index: 100;
		-webkit-transform: rotate(345deg);
        -moz-transform: rotate(345deg);
        transform: rotate(345deg);
	}

	.first > div.sf1 {
		position: absolute;
		background: url(/images/cont/X.png) no-repeat center;
		width: 100%;
		height: 650px;
		left: -69px;
        top: 8px;
        width: 413px;
        zoom: 1.268;
		z-index: 100;
		-webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
	}

	.first > div.sf2 {
		position: absolute;
		background: url(/images/cont/Luppa.png) no-repeat center;
		width: 100%;
		height: 792px;
		left: 202px;
		top: -551px;
		width: 451px;
		zoom: 1.268;
		z-index: 100;
		-webkit-transform: rotate(75deg);
        -moz-transform: rotate(75deg);
        transform: rotate(75deg);
	}

	.first > div.sf3 {
		display: none;
		position: absolute;
		background: url(/css/images/sf33.png) no-repeat center;
		width: 294px;
		height: 257px;
		top: 40%;
		left: 70%;
		transform: translate3d(-40.7px, 7.2px, 0px);
		transform-style: preserve-3d;
		backface-visibility: hidden;
		z-index: 100;
	}

	.first > div.sf4 {
		display: none;
		position: absolute;
		position: absolute;
		background: url(/css/images/sf44.png) no-repeat center;
		width: 221px;
		height: 189px;
		top: calc(40% + 160px);
		left: 70%;
		z-index: 100;
	}

       .first > div.sf5 {
           /* position: absolute;
              background: url(/images/portfolio/myasoedov-7.webp) no-repeat center;
              width: 1221px;
              height: 1600px;
              transform: none !important;
              left: calc(50% - 430px + 264px);
              top: -110%;
              z-index: 100; */
    position: absolute;
    background: url(/images/portfolio/myasoedov-7.webp) no-repeat right;
    background-size: contain;
    background-position: center;
    width: min(600px, 40vw);
    height: min(700px, 70vh);
    z-index: 100;
    right: 12%;
    left: calc(60% - 430px + 264px);
    top: 70%;
    transform: translateY(-50%) scale(1.3) !important;
	
}

	p3 {

		text-align: center;
		font-size: 19px;
		margin-bottom: 30px;
		width: 1000px;
		font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	}

	.prime { 
		color: #869636;
		margin: 5px 5px 15px;
		font-size: 20px;
		font-family: 'Segoe UI Semilight';
		text-align:left;
		}
		
	 b {
		font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;


	}

	a {
		outline: none;
		color: #333;
		text-decoration: none;	
		font-size: 24px;
		line-height: 1.1667;
		font-weight: 200;
		letter-spacing: normal;
		
	}
	user agent stylesheeta:-webkit-any-link {
		color: -webkit-link;
		text-decoration: underline;
		cursor: auto;
	}	

	/* Copyright */

	#copyright {
		overflow: hidden;
		padding: 50px 0px;
		border-top: 1px solid #E8E8E3;
	}

	#copyright p {
		text-align: center;
		font-family: 'Abel', sans-serif;
		font-size: 11pt;
		color: #999999;
	}

	#copyright a {
		color: #858585;
	}

	#copyright a:hover {
		text-decoration: none;
	}

	/** LIST STYLE 1 */

	ul.style1 {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}

	ul.style1 li {
		padding: 15px 0px 15px 0px;
		border-top: 1px solid #E6E6E6;
		line-height: 160%;
	}

	ul.style1 a {
		display: block;
		padding: 0px 0px 0px 0px;
		text-decoration: none;
		color: #525252;
	}

	ul.style1 a:hover {
		text-decoration: underline;
	}

	ul.style1 .first {
		border-top: none;
		padding-top: 0px;
	}

	/** LIST STYLE 3 */

	ul.style3 {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	ul.style3 li {
		padding: 20px 0px 25px 0px;
		border-top: 1px solid #E7E5DA;
	}

	ul.style3 a {
		display: block;
		text-decoration: none;
		color: #525252;
	}

	ul.style3 a:hover {
		text-decoration: underline;
	}

	ul.style3 .date {
		width: 100px;
		margin: 0px 0px 20px 0px;
		padding: 7px 0px 7px 0px;
		background: #CEC3A0;
		border-radius: 5px;
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #8A8B71;
		font-family: 'Abel', sans-serif;
		font-size: 14px;
		color: #FFFFFF;
	}

	ul.style3 .date b {
	}

	ul.style3 .date a {
		color: #FFFFFF;
	}

	ul.style3 .date a:hover {
		text-decoration: none;
	}

	ul.style3 .first {
		padding-top: 0px;
		border-top: none;
	}

	/** BUTTON STYLE */

	.button-style {
		margin: 20px 0px 20px 0px;
	}

	.button-style a {
		padding: 7px 20px 7px 20px;
		background: #CEC3A0;
		border-radius: 5px;
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 1px 1px 1px #8A8B71;
		font-family: 'Abel', sans-serif;
		font-size: 14px;
		color: #FFFFFF;
	}

	h1{
		  font-family: 'Segoe UI Light';
	}

	h2{

	   font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	   line-height: 1.0416666667;
	   font-weight: 500;
	   letter-spacing: .006em;
	 
	}

	h6{
	   font-family: 'SF', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	   padding: 20px 0px 30px 0px;
	   font-size: 22pt;
	   color: #111;
	  
	}

	h3{
	   font-family: 'Segoe UI Light';
	}

	h4{
	   font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
	  
	}
	.part__title {
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		padding-top: 32px!important;
		margin-bottom: 45px;
		font-size: 48px;
		font-weight: 300;
		color: #111;
		text-align: center;
	}

	.form__paperplane {
		position: absolute;
		margin-right: 10px;
		top: 20px;
		right: calc(47% - 580px);	
	}	

	.part__title span {
		color: #19b4ee;
	}

	.map {
		background: #fff;
		border: 1px solid #ddd;
		padding: 4px;
	}

	.scb_but_img {
		width: 60px;
		height: 60px;
		top: 20px;
		left: 20px;
		position: absolute;
		background-image: url(https://www.darvin-studio.ru/images/go_top.png);
		background-color: rgba(30, 30, 30, .1);
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		border: 2px solid #fff;
		opacity: .8;
	}

	.scb_bg_puls {
		width: 100px;
		height: 100px;
		top: 0px;
		left: 0px;
		position: absolute;
		background-color: #000;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		border: 2px solid #00ae00;
		opacity: .1;
		-webkit-animation: scb_bg_puls_anime 2.5s infinite ease-in-out;
		-moz-animation: scb_bg_puls_anime 2.5s infinite ease-in-out;
		-ms-animation: scb_bg_puls_anime 2.5s infinite ease-in-out;
		-o-animation: scb_bg_puls_anime 2.5s infinite ease-in-out;
		animation: scb_bg_puls_anime 2.5s infinite ease-in-out;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

	.scb_phone_but {
		position: fixed;
		visibility: hidden;
		background-color: transparent;
		width: 100px;
		height: 100px;
		cursor: pointer;
		z-index: 99999 !important;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		-webkit-transition: visibility .5s;
		-moz-transition: visibility .5s;
		-o-transition: visibility .5s;
		transition: visibility .5s;
	}

	li {
		margin-bottom: 0px;
		background: url() 0 6px no-repeat;
		padding-left: 20px
	}
	/* font-family: "OpenSansLight"; */
	@font-face {
		font-family: OpenSansLight;
		src: url("../fonts/OpenSansRegular/OpenSansLight.eot");
		src: url("../fonts/OpenSansRegular/OpenSansLight.eot?#iefix")format("embedded-opentype"),
		url("../fonts/OpenSansRegular/OpenSansLight.woff") format("woff"),
		url("../fonts/OpenSansRegular/OpenSansLight.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
	}
	@font-face {
		font-family: Helvetica Neue;
		src: url("../fonts/helveticaneuecyr-ultralight.woff");
		}
		@font-face {
		font-family: Myriad Pro Regular;
		src: url("../fonts/MyriadProRegular.woff");
		}
	@font-face {
		font-family: Segoe UI Semilight;
		src: url("../fonts/SegoeUI-Semilight.woff");
		}
	@font-face {
		font-family: Segoe UI Light;
		src: url("../fonts/SegoeUILight.woff");
	}
	@font-face {
		font-family: RobotoLight;
		src: url("../fonts/RobotoLight.woff");
	}
	@font-face {
		font-family: Open Sans;
		src: url("../fonts/OpenSansRegular/OpenSansRegular.woff");
	}
	@font-face {
		font-family: Cuprum;
		src: url("../fonts/CuprumRegular.woff");
		}
	@font-face {
		font-family: RobotoCondensed;
		src: url("../fonts/RobotoCondensedRegular.woff");
		}
		@font-face {
		font-family: Roboto Condensed;
		src: url("../fonts/robotocondensed.woff");
		}
		@font-face {
		font-family:'pf_din_text_comp_proregular';
		src:url('../fonts/pfdintextcomppro-regular.eot');
		src:url('../fonts/pfdintextcomppro-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdintextcomppro-regular.woff') format('woff'), url('../fonts/pfdintextcomppro-regular.ttf') format('truetype'), url('../fonts/pfdintextcomppro-regular.svg#pf_din_text_comp_proregular') format('svg');
		font-weight:normal;
		font-style:normal;
		}
		
	}


	.pagination .cur-page {
		background: #6d94b6;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		font-family: 'Open Sans', sans-serif;
	}

	h32, .h32 {
		font: 300 15px "Roboto Condensed";
		line-height: 1.2;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	.services td.sep {
		width: 2.5% !important;
		padding: 0 !important;
		border: 0 !important;
	}

	td {
		vertical-align: top;
		text-align: left;
	}

	user agent stylesheettd, th {
		display: table-cell;
		vertical-align: inherit;
	}

	.services td {
		box-sizing: border-box;
		width: 31.66%;
		padding: 20px;
		padding-bottom: 100px;
		text-align: center;
		border: #8f8f8f 1px dotted;
		position: relative;
	}
	.services td p {
		text-align: justify;
		cursor: default;
	}
		
	.services td img {
		width: 100px;
		display: block;
		margin: -70px auto 20px;
	}
	table {
		display: table;
		border-collapse: separate;
		border-spacing: 2px;
		border-color: grey;
	}
	.services {
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 30px;
		margin-top: 70px;
		width: 100%;
	}

	.services {
		border-collapse: collapse; 
		border-spacing: 0;
		margin-bottom: 30px;
		margin-top: 70px; 
		width: 100%; 
		}
		
	.services td.sep { 
	 width: 2.5% !important;
	 padding: 0 !important;
	 border: 0 !important;
	 }
	 
	.services td { box-sizing: border-box;
	 width: 31.66%; 
	 padding: 20px; 
	 padding-bottom: 100px;
	 text-align: center; 
	 border: #8f8f8f 1px dotted; 
	 position: relative; }
	.services td img { width: 100px; display: block; margin: -70px auto 20px; }
	.services td p { text-align: center; }
	.services td .service-price { font-size: 16px; color: #869636; font-weight: bold; text-align: center; text-transform: uppercase; position: absolute; bottom: 20px; left: 50%; margin-left: -90px; width: 180px; }
	.services td .action-price { font-size: 20px !important; }
	.services td .old-price { font-size: 16px !important; color: #9ea0a1; font-weight: bold; position: relative; }
	.services td .old-price img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0 !important; padding: 0 !important; }
	.services.services4 td { width: 23.125%; }
	.services.nomore td { padding-bottom: 40px; }
	.services.noprice td { padding-bottom: 10px; }
	.services.noicon { margin-top: 0; }
	.services.noicon td p { text-align: left; }

	}

	.services td .button-go {
		margin: 15px auto 0;
	}
	.button-go {
		display: inline-block;
		min-width: 130px;
		text-align: center;
		padding: 10px;
		color: #fff;
		font-size: 17px;
		font-weight: 400;
		box-sizing: border-box;
		text-decoration: none;
		text-transform: none;
		border: 1px solid #00b956;
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		border-radius: 50px;
		background: #00b956;
		transition: all 0.5s;
		cursor: pointer;
	}
	.button-go:hover{
		background: #33c778;
		color: #FFF;
		text-decoration: none;
		onclick="";
	}
	.button-gos {
		display: inline-block;
		min-width: 130px;
		text-align: center;
		padding: 10px;
		color: #2f9f13;
		font-size: 17px;
		font-weight: bold;
		box-sizing: border-box;
		text-decoration: none;
		border: 1px solid #2f9f13;
		color: #fff;
		border-radius: 4px;
		background: #2f9f13;
		transition: all 0.5s;
		cursor: pointer;
	}
	le .button-order2 { text-transform: uppercase; }

	.terms { margin: 30px 0 30px 22px; padding: 23px 15px 0px 23px; border: #8f8f8f 1px dotted; position: relative; }
	.terms:after { content: " "; display: block; clear: both; }
	.terms .num { background: url(/images/red-circle.png) 0px 0px no-repeat; color: #B60000; font-size: 22px; font-weight: bold; height: 45px; line-height: 45px; text-align: center; width: 45px; position: absolute; top: -22px; left: -22px; }
	.terms ul { float: left; width: 48.5%; box-sizing: border-box; margin-top: 0; }
	.terms ul + ul { margin-left: 3%; }
	.terms ul li { margin-top: 0; }

	.terms-table { border-collapse: collapse; border-spacing: 0; margin: 30px 0; width: 100%; }
	.terms-table .num { background: url(/images/red-circle.png) 0px 0px no-repeat; color: #B60000; font-size: 22px; font-weight: bold; height: 45px; line-height: 45px; text-align: center; width: 45px; position: absolute; top: -22px; left: -22px; }
	.terms-table td { border: #8f8f8f 1px dotted; position: relative; padding: 23px 15px 0px 23px; width: 30%; }
	.terms-table td.sep { width: 50px !important; padding: 0 !important; border: 0 !important; }
	.terms-table td.sep:first-child { width: 22px; }

	.terms-table2 { border-collapse: collapse; border-spacing: 0; margin-bottom: 30px; width: 100%; }
	.terms-table2 td { padding: 15px 0 15px 20px; text-align: left; }
	.terms-table2 td:first-child { color: #a81212; font-weight: 400; padding: 15px 20px 15px 0; font-size: 17px; }
	.terms-table2 td:first-child i { color: #2f363b; font-size: 13px; font-weight: 300; }
	.terms-table2 td.sep { width: 50px; background: url(/images/galochka-sep.png) 50% -15px no-repeat; padding: 0; }
	.terms-table2 ul { margin-left: 10px; }
	.terms-table2 ul li { background: none; padding-left: 0; list-style: circle; }


	.otzyv-home { height: 532px; margin-bottom: 40px; padding-top: 65px; background: url(/images/otzyv-home-bg.png) 50% 0 repeat-x; box-sizing: border-box; color: #4d5358; position: relative; }
	.otzyv-home > .otzyv-item { display: none; }
	.otzyv-home .otzyv-text { text-align: center; }
	.otzyv-home .otzyv-name { font-weight: bold; margin-bottom: 20px; }
	.otzyv-home .otzyv-slider-wrapper { position: relative; }
	.otzyv-home .otzyv-photo-slider { height: 150px; width: 800px; margin: 0 auto 30px; overflow: hidden; position: relative; }
	.otzyv-home .otzyv-text-slider { width: 700px; margin: 0 auto; position: relative; }
	.otzyv-home .otzyv-photo-slider img { display: block; position: absolute; cursor: pointer; }
	.otzyv-home .otzyv-text-slider .otzyv-text { position: absolute; width: 100%; top: 0; left: 0; display: none; }
	.otzyv-home .slider-arrow { position: absolute; top: 40px; cursor: pointer; padding: 20px; }
	.otzyv-home .slider-arrow i { width: 15px; height: 28px; display: block; background: url(/images/slider-arrows.png); }
	.otzyv-home .slider-arrow-left { left: 0px; }
	.otzyv-home .slider-arrow-right { right: 0px; }
	.otzyv-home .slider-arrow-left i { background-position: 0 0; }
	.otzyv-home .slider-arrow-right i { background-position: -15px 0; }
	.otzyv-home .more { width: 100%; text-align: center; bottom: 35px; position: absolute; }

	.otzyv-home.our-clients { height: auto; background: none; padding-top: 0; color: #2f363b; }

	.gray-block  { background-color: #f8f8f8; border: #d8d8d8 1px solid; padding: 15px 20px; position: relative; }
	.gray-block2 { background-color: #f8f8f8; border: #d8d8d8 1px solid; padding: 15px 20px; position: relative; border-left: 0; border-right: 0; }
	.red-text { color: #a9bd44; }

	button.commercial_promo {
		color: #fff;
		font-size: 18px;
		border: 0;
		width: 400px;
		height: 50px;
		padding: 10px 0;
		cursor: pointer;
		box-sizing: border-box;
		font-weight: bold;
		text-transform: uppercase;
		text-shadow: 0 1px #6b8f22;
		border-radius: 2px;
		border-top: 1px solid #6b8f22;
		border-right: 1px solid #6b8f22;
		border-bottom: 1px solid #6b8f22;
		border-left: 1px solid #6b8f22;
		box-shadow: 0 0 1px rgba(0,0,0,.11), 0 1px 1px rgba(0,0,0,.4), inset 0 1px #8bb92d;
		background: #6b8f22;
		background: -moz-linear-gradient(top, #6b8f22 0%, #8bb92d 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b30303), color-stop(100%,#8bb92d));
		background: -webkit-linear-gradient(top, #6b8f22 0%,#8bb92d 100%);
		background: -ms-linear-gradient(top, #6b8f22 0%,#8bb92d 100%);
		background: linear-gradient(to bottom, #6b8f22 0%,#8bb92d 100%);
	}

	a.pseudo {
		text-decoration: none;
		border-bottom: #869636 1px dotted;
	}
	img {
		border: none;

	}

	.port {
		border: none;
		width: 100%;
	}
	.brands {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.brands__slide {
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
		  -ms-flex-align: center;
			  align-items: center;
	  height: 150px;
	}

		.brands__img {
	  width: 100%;
	  max-height: 100%;
	  border: 1px solid #f7f7f7;
	  border-radius: 3px;

	}
	.box {
		max-width: 1200px;
		margin: 0 auto;
	}
	.arm {
		background-color:#fafafa;
	}

	.arm2 {
		background-color:#fcfcfc;
	}

	.arm_item {
	float:left;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:300;
	overflow:hidden
	}

	.arm_item svg {
	height:100px
	}

	.arm_item img {
	height:75px;
	}

	.arm_item i {
	color:#26D784;
	font-size:82px;
	line-height:82px
	}

	.arm p {
	padding-top:30px
	}

	@media (max-width: 767px) {
	.arm_item {
	width:100%;
	padding:0 10px 40px
	}

	.arm p {
	max-width:360px;
	margin:0 auto;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.2381;
	letter-spacing: .016em;
	font-family: 'SF Pro Text','Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-box-direction: normal;
	color: #333;
	}
	
	.block3 {
    display: none;
	}
	}

@media (min-width: 767px) {
	.block8 {
    display: none;
	}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
	.arm_item {
	width:50%;
	padding:0 40px 40px
	}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
	.arm_item {
	width:25%;
	padding:0 20px 40px
	}
	}

	@media (min-width: 1200px) {
	.arm_item {
	width:25%;
	padding:0 40px 40px
	}
	@media (max-width: 767px) {
	.container2 {
	width:100vw
	}
	}

	@media (min-width: 768px) and (max-width: 991px) {
	.container2 {
	width:750px
	}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
	.container2 {
	width:970px
	}
	}

	@media (min-width: 1200px) {
		
		
		.connection {
		padding-top: 200px!important;
		padding-bottom: 200px!important;  
		-webkit-animation-duration:         1s; 
		-webkit-animation-iteration-count:  infinite;
		-webkit-animation-timing-function: linear;
	}

}	
	.container2 {
		width:1170px;
		text-align: center;
		margin-top: -45px;
		margin-bottom: 0px;
		padding: 40px;
	}
	}
	

@media (max-width: 380px){
     .t-bgimg {
       bottom: -265px!important;
    }
 }
	@media screen and (min-width: 321px) {
	.col7 {
		width: 100%;
	}
	.features {
		text-align: center;
	}

	.bg__p2 {
		width: 100%;
		margin: 0 auto;
		padding: 30px;
		border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		}
	.bg__p3 {
		width: 100%;
		margin: 0 auto;
		padding: 30px;
		border: 2px solid #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		}

	.geometry {
		position: fixed;
		display: none;
		color: #fff;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: 50;
		-webkit-transition: 0.4s all ease;
		-o-transition: 0.4s all ease;
		transition: 0.4s all ease;
		z-index:0;
	}

	.geometry_w {
		display: block;
		}
		
	.geometry__line.is--center {
		left: 50%;
		margin-left: -10px;
	}
	.geometry__line.is--left {
		left: 100px;
	}
	.geometry__line.is--right {
		right: 100px;
	}
	.geometry__line {
		position: absolute;
		height: 100%;
		width: 1px;
		background: #a19797;
		top: 0;
		opacity: 0.15;
		-webkit-transition: 0.5s all ease;
		-o-transition: 0.5s all ease;
		transition: 0.5s all ease;
	}
	.geometry__circle {
		margin: 0 auto;
		width: 937px;
		height: 937px;
		border: 1px solid #a19797;
		border-radius: 100%;
		opacity: 0.15;
		-webkit-transition: 1s all ease;
		-o-transition: 1s all ease;
		transition: 1s all ease;
	}	




		/* Кнопка вверх */	
	#back-top {
		position: fixed;
		bottom: 30px;
		margin-left: -150px;
	}
	#back-top a {
		width: 108px;
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #bbb;
		/* переход */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover {
		color: #000;
	}
	/* иконка стрелки (тег span) */
	#back-top span {
		width: 108px;
		height: 108px;
		display: block;
		margin-bottom: 7px;
		background: #ddd url(/images/arrow.png) no-repeat center center;
		/* круглые углы */
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		/* переход */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover span {
		background-color: #777;
	}
	/* Кнопка вверх, конец */	

	.tel_on {
		font-weight: 600;
		font-size: 17px;
	}

	.what {
		background-image: url(/images/seo-img/what.svg);
		display: inline-block;
		vertical-align: text-bottom;
		width: 20px;
		height: 24px;
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: center;
		margin-left: 8px;
	}


	.telega {
		background-image: url(/images/tg.svg);
		display: inline-block;
		vertical-align: text-bottom;
		width: 20px;
		height: 24px;
		background-size: 16px;
		background-repeat: no-repeat;
		background-position: center;
		margin-left: 8px;
	}
		.phone_footer {
			color: #222;
			font-size: 19px;
			line-height: 1.33337;
			font-weight: 400;
			letter-spacing: -.01em;
			font-family: 'SF Pro Text', 'Helvetica Neue','Helvetica',Arial,sans-serif;
			
		}
		
		
		.kik {
		content: url(/images/seo-img/plus.png);
		display: inline-block;
		vertical-align: text-top;
		margin-right: 10px;
		height: 17px;
		width: 17px;
		}
		
		.lkik {
		content: url(/images/vec.svg);
		display: inline-block;
		vertical-align: text-top;
		margin-right: 10px;
		height: 17px;
		width: 17px;
		}
		
		.new_kik {
		content: "";
        display: inline-block;
        vertical-align: middle;
        background: #685bc7;
        margin-right: 10px;
        height: 7px;
        border-radius: 50%;
        width: 7px;
		}
		
		.new_inst {
		content: url(/images/cont/smm_klip.png);
		display: inline-block;
		vertical-align: bottom;
		height: 22px;
		width: 22px;
		}
		
		.minus {
		content: url(/images/seo-img/minus.png);
		display: inline-block;
		vertical-align: text-top;
		margin-right: 10px;
		height: 17px;
		width: 17px;
		}
		
		.minus-lend {
		content: url(/images/ve.svg);
		display: inline-block;
		vertical-align: text-top;
		margin-right: 10px;
		height: 17px;
		width: 17px;
		}
		
		
	.com_flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		padding-bottom: 99px;
	}

	.name_com p {
		font-family: 'SF Pro Display', 'Helvetica Neue','Helvetica',Arial,sans-serif;
		font-size: 27px;
		line-height: 1.14286;
		letter-spacing: .007em;
		color: #333;
	}
	.com {
		position: relative;
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		padding: 15px 25px;
		height: 450px;
		max-width: 340px;
		margin: 15px;
		width: 100%;
		flex-direction: row;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		text-align: center;
	}

	.photo_com img {
		position: absolute;
		max-width: 100%;
		bottom: 0;
		width: 380px;
		left: 15px;
	}



	.photo_com img:hover {
	position: absolute;
		-webkit-transition: -webkit-transform .35s ease-out;
		transition: -webkit-transform .35s ease-out;
		transition: transform .35s ease-out;
		transition: transform .35s ease-out,-webkit-transform .35s ease-out;
		-webkit-transform: scale(1.06);
		transform: scale(1.06);
	}
		
	.opis_com {
		max-width: 310px;
		margin: 0 auto;
		color: #86868b;
	}

	.opis_com p{
		color: #86868b;
	}

	.connection {
		padding-top: 150px;
		padding-bottom: 150px;		
                background: radial-gradient(circle at bottom left, #1e60fc66 0, #1e60fc00 30%, #1615154d 60%), linear-gradient(180deg, #161515, #121212);
                border-radius: 64px 64px 0 0;
		background-position: center center;
		color: #fff;
		background-repeat: no-repeat;
		
	}

	.connection p {
		font-weight: 700;
		letter-spacing: -.003em;
		line-height: 1.08349;
		font-size: 48px;
		color: #fff;
		z-index: 1;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}

	.connection-start {
		overflow: hidden;
		background: #fff;
	}

	.connection-start p {
		
	}

	.link__tell:hover {
		color: #515154;
		font-weight: 700;
		text-decoration: underline;
	}

	.telefon {
		font-size: 21px!important;
		color: #fff;
		padding-top: 12px;
	}

	#Image50 {
	    border: 0px solid #000000;
		padding: 0;
		margin: 0;
		left: 0;
		top: 0;
	
	}

	/* atom */
	.flow1 {
		 width: 100%;

	}

	
	.tn-box {
		position: relative;
	}	
	
	.tn-atom-kr {
		position: relative;
		border-width: 1px;
		background-position: center center;
		border-color: rgb(226, 229, 235);
		background-repeat: no-repeat;
		border-radius: 45px;
		border-style: solid;
		display: table-cell;
		vertical-align: middle;
		width: 490px; 
		height: 490px;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-animation-name: rotation;
		-webkit-animation-duration: 45s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: rotation;
		-moz-animation-duration: 45s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-o-animation-name: rotation;
		-o-animation-duration: 45s;
		-o-animation-iteration-count: infinite;
		-o-animation-timing-function: linear;
		animation-name: rotation;
		animation-duration: 45s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	
	.tn-atom {
		position: relative;
		border-width: 1px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		background-position: center center;
		border-color: rgb(226, 229, 235);
		border-style: solid;
		display: table-cell;
		vertical-align: middle;
                border-radius: 33%;
		width: 490px; 
		height: 490px;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-animation-name: rotation;
		-webkit-animation-duration: 45s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: rotation;
		-moz-animation-duration: 45s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-o-animation-name: rotation;
		-o-animation-duration: 45s;
		-o-animation-iteration-count: infinite;
		-o-animation-timing-function: linear;
		animation-name: rotation;
		animation-duration: 45s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}


	@-webkit-keyframes rotation {
		0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
		100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
	}
	@-moz-keyframes rotation {
		0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
		100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
	}
	@-o-keyframes rotation {
		0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
		100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
	}
	@keyframes rotation {
		0% {-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
			-o-transform:rotate(0deg);
			transform:rotate(0deg);}
		100% {-webkit-transform:rotate(360deg);
			-moz-transform:rotate(720deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);}
	}
		

	/* anim-vv-vniz */
	@keyframes bounce {  
		  
	0% {
		transform:translateY(-100%);
		opacity: 0;
	}
	5% {
		transform:translateY(-100%);
		opacity: 0;
	}
	15% {
		transform:translateY(0);
		padding-bottom: 5px;
	}
	30% {  
		transform:translateY(-50%);  
	}
	40% {
		transform:translateY(0%);
		padding-bottom: 6px;
	}
	50% {  
		transform:translateY(-30%);  
	}
	70% {
		transform:translateY(0%);
		padding-bottom: 7px;
	}
	80% {
		transform:translateY(-15%);
	}
	90% {
		transform:translateY(0%);
		padding-bottom: 8px;
	}
	95% {
		transform:translateY(-7%);
	}
	97% {
		transform:translateY(0%);
		padding-bottom: 9px;
	}
	99% {
		transform:translateY(-3%);
	}
	100% {
		transform:translateY(0);
		padding-bottom: 9px;
		opacity: 1;
	} }

	<style>

/*
html, 
html *, 
body, 
body * {
  cursor: none;
}
*/
@media screen and (min-width:1199px) {
  .cursor-dot, .cursor-dot-outline {
    display: none;
  }
}

.logo {
display: none; 
}

.cursor-dot,
.cursor-dot-outline {
  mix-blend-mode: normal;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.cursor-dot {
  z-index:99999999;
  width: 10.0px;
  height: 10.0px;
  background-color: rgba(115, 115, 204, 0.72);
  border: solid;
  border-radius: 50%;
  border-width: 0px;
  border-color: #000;
}

.cursor-dot-outline {
  z-index:99999998;
  width: 70.0px;
  height: 70.0px;
  background-color: rgba(115, 115, 204, 0.2);
  border: solid;
  border-radius: 50%;
  border-width: 0px;
  border-color: #000;
}