* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
.mobile{
	display:none;
}
ol{
	list-style-position: inside;
}
a{
	color: #1761d2;
}
a:hover{
	text-decoration:none;
}
p.txt{
	margin-bottom:15px;
}
.ny{
	color:#f8bf76;
	/*text-decoration:underline;*/
}
.ny + .ny {
	margin-top: 15px;
}
.new-prog {
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	display: block;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-top: 60px;
}
body {
	font: 12px/18px Arial, sans-serif;
	font-family: Fact;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	color: #FFFFFF;
	overflow-x: hidden;
}
.wrapper {
	min-width: 320px;
	max-width: 5000px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 150px;
	background: #FFE680;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
}
.ip3 {
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	color: #818181;
	position: absolute;
	right: 0;
	top: 372px;
	text-decoration: none;
	cursor:pointer;
}
.ip3:hover{
	text-decoration: underline;
}
.ip3 img {
	vertical-align: -5px;
}




/* Footer
-----------------------------------------------------------------------------*/
.footer {
	height: 100px;
	background: #BFF08E;
}




.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  /*text-align:center;*/
}
.content-wrapper {
	width: 100%; height: 100%;
	/*overflow:hidden;*/
	color: #fff;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);
	transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);
}
#landing .content-wrapper{
  /*color:#333;*/
}

.section{
	position: fixed;
	position:relative;
	width: 100%; /*height: 100%; top: 0; left: 0;*/
	animation: 1s linear;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display:table;
}
/*.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}*/
#landing {
	z-index: 10;
	background-image: url(../img/sl1.jpg);
	padding: 240px 0;
}
#landing.page {
	padding: 100px 0;
}
#services{
	z-index: 9;
	background-image:url(../img/sl2.jpg);
	padding: 75px 0 124px;
}
#services .more {
	font-family: Latinka;
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 27px;
	padding-left: 45px;
	position: relative;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	margin-top: 30px;
	text-decoration: none;
	/*display:none;*/
}
#services .more:before {
	content: '';
	background: url(../img/more.png) no-repeat;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	background-size: contain;
}
#platform{
	z-index: 8;
	background-image:url(../img/sl3.jpg);
	padding: 80px 0 75px;
}
#platform.forindex {
	z-index: 8;
	background-image: url(../img/sl1.jpg);
	padding: 200px 0 75px;
}
#id-agency{
	z-index: 7;
	background-image:url(../img/sl4.jpg);
	padding: 80px 0 75px;
}
#porfolio{
	z-index: 6;
	background:#fff;
}
#directors{
	z-index: 5;
	background:#fff;
	padding: 122px 0 163px;
}
#contacts{
	z-index: 4;
	background:#151515;
}
#landing.light {
	z-index: 10;
	background-image: url(../img/sl1.jpg);
	padding:0;
	height: 200px;
	overflow: hidden;
	/* box-sizing: border-box; */
}
.section.fp-completely.active{
	z-index: 20;
}
.section.active .content-wrapper{
  xtransform:translateY(-20vh);
	transition: all 5s cubic-bezier(0.22, 0.44, 0, 1) !important;
}
.section.fp-completely .content-wrapper{
	xtransform:translateY(20vh);
	transition: all 5s cubic-bezier(0.22, 0.44, 0, 1) !important;
}
.section.fp-completely.active .content-wrapper{
	margin-top: 0;
	transform:translateY(0);
	position: relative;
}
.section.prev.down{
	animation-name: toup;
}
.section.active.up{
	animation-name: fromup;
}
.section.active.down{
	animation-name: fromdown;
	z-index: 12;
}
.section.next.up{
	animation-name: todown;
	z-index: 12;
}
.sep{
	margin-top:25px;
}
.dop-phone{
	/* font-family: Latinka; */
	/* font-style: normal; */
	/* font-weight: normal; */
	font-size: 14px;
	/* line-height: 28px; */
	/* margin-bottom: 35px; */
	color: #FFFFFF;
}
.anchor {
	color: #f8bf76;
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	display: block;
	/* margin-top: 75px; */
	text-decoration: none;
}
.anchor.mt {margin-top: 75px;
}
.anchor + .anchor{margin-top: 15px;
}
.anchor:hover{
	text-decoration:none;
}
.news-btn {
	width: 300px;
	line-height: 67px;
	cursor: pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background:#151515;
	display:inline-block;
}
@keyframes fromdown {
  from {
	transform:translateY(50%);
  }
  100% {
	transform:translateY(0%);
  }
}

@keyframes toup {
  from {
		z-index: 20;
	transform:translateY(0%);
  }
  100% {
		z-index: 20;
	transform:translateY(-100%);
  }
}

@keyframes fromup {
  from {
		z-index: 20;
	transform:translateY(-100%);
  }
  100% {
		z-index: 20;
	transform:translateY(0%);
  }
}
@keyframes todown {
  from {
	transform:translateY(0%);
  }
  100% {
	transform:translateY(50%);
  }
}
.fixed-top{
	position: absolute;/*fixed;*/
	z-index:100;
	width:100%;
	max-width:1299px;
	left:50%;
	top:0;
	transform:translateX(-50%);
}
.page .fixed-top{
	display:none;
}
.logo{
	left:0;
	top:47px;
	top:52px;
	width:197px;
	height:38px;
	position:absolute;
	background:url(../img/logo.png) no-repeat;
}
.logo-desc{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height:14px;
	line-height: 19px;	
	color: #FFFFFF;
	position:absolute;
	top: 61px;
	left:228px;
}
.logo-age{
	position:absolute;
	top: 102px;
	left:135px;
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	color: #1762D3;
}
.burger {
	position: absolute;
	width: 38px;
	height: 24px;
	right: 75px;
	top: 48px;
	cursor: pointer;
}
.burger:before{
	position: absolute;
	width: 38px;
	height: 4px;
	left: 0;
	top: 0;
	content:'';
	background:#fff;
}
.burger:after{
	position: absolute;
	width: 38px;
	height: 4px;
	left: 0;
	top: 10px;
	content:'';
	background:#fff;
}
.burger i{
	position: absolute;
	width: 27px;
	height: 4px;
	left: 0;
	top: 20px;
	content:'';
	background:#fff;
}
.home-wrp {
	width: 100%;
	max-width: 1183px;
	font-family: Fact;
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 68px;
	color: #FFFFFF;
	position:relative;
}
.wrp {
	width: 100%;
	max-width: 1203px;
}
.home-wrp span {
	font-size: 30px;
	line-height: 54px;
	display: inline-block;
}
.home-wrp ul{
	list-style:none;
}
.home-wrp ul li{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	display:inline-block;
	position:relative
}
.home-wrp ul li a{
	color:#fff;
}
.home-wrp ul li + li{
	margin-left:49px;
}
.home-wrp ul li + li:before{
	content:'';
	background:#143e7f;
	left:-25px;
	height:20px;
	width:1px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.h1{
	font-family: Fact;
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 54px;
	/* identical to box height */	
	color: #FFFFFF;
	margin-bottom:15px;
}
#platform.forindex b.h1{
	margin-bottom:65px;
	display: block;
}
.desc{
	font-family: Fact;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #FFFFFF;
	margin-bottom:70px;
}
.h3{
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	margin-bottom:35px;
}
#services .col{
	width:50%;
	display:inline-block;
	vertical-align:top;
}
#services .col p + p{
	margin-top:10px;
}
#services .col p a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid rgba(255,256,255,.4);
}
#services .col p a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid rgba(255,256,255,1);
}
#platform .col{
	width:33%;
	max-width:349px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	/*padding-left:75px;*/
	position:relative;
}
#platform .col.p-1 {
	padding-top: 165px;
}
#platform .col.p-2 {
	padding-top: 84px;
}
#platform .col.p-1:before{
	content:'';
	position: absolute;
	width: 39.78px;
	height: 8px;
	right: -55px;
	top: 163px;
	background: #FFFFFF;
	transform: rotate(-45deg);
}
#platform .col.p-2:before{
	content:'';
	position: absolute;
	width: 39.78px;
	height: 8px;
	right: -55px;
	top: 71px;
	background: #FFFFFF;
	transform: rotate(-45deg);
}
#platform .h3{
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 42px;
	color: #FFFFFF;
	margin-bottom:12px;
	border-bottom:8px solid #fff;
}
#platform.forindex .h3 {
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 26px;
	color: #FFFFFF;
	margin-bottom: 12px;
	border-bottom: 8px solid #fff;
	padding-bottom: 5px;
}
#platform.forindex p + p {
	margin-top:20px;
}
#platform .wrp{
	max-width:1203px;
}
#platform .desc{
	margin-bottom:90px;
}
.wrp-centered {
	display: flex;
	justify-content: space-between;
}
#platform .wrp-centered.mr-top {
	margin-top:-21px;
	margin-bottom:50px;
}
#platform .more {
	font-family: Latinka;
	font-style: normal;
	font-weight: 300;
	font-size: 27px;
	line-height: 27px;
	padding-left: 45px;
	position: relative;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	margin-top: 30px;
	text-decoration: none;
}
#platform .more:before {
	content: '';
	background: url(../img/more.png) no-repeat;
	width: 37px;
	height: 37px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	background-size: contain;
}
#id-agency .col{
	display:inline-block;
	vertical-align:top;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	color: #FFFFFF;
}
#id-agency .h1{
	margin-bottom:40px;
}
#id-agency .wrp{
	max-width:1203px;
}
#id-agency .desc{
	margin-bottom:35px;
}
#id-agency .txt.p-1{
	margin-bottom:35px;
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}
#id-agency .txt.last{
	margin-bottom:0;
	margin-top:24px;
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	
	color: #FFFFFF;
}
.porfolio{
	padding-top:60px;
}
.wrp.porfolio{
	max-width:1203px;
	position:relative;
}
.porfolio img{
	vertical-align:top;
}
.porfolio .txt.p-1{
	vertical-align:top;
	display:inline-block;
	width:calc(100% - 321px - 70px);
	padding-left:70px;
}
.porfolio .title{
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 54px;
	margin-bottom:18px;
	color: #000000;
}
.porfolio .desc.p-1{
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	margin-bottom:30px;
	color: #000000;
}
.porfolio .desc.p-2{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 41px;
	margin-bottom:30px;
	color: #1762D3;
}
.porfolio .more{
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	text-decoration:none;	
	color: #1762D3;
}
.txt.p-2{
	font-family: Fact;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	max-width:508px;
	color: #000000;
	margin-top:150px;
	margin-bottom:46px;
}
.txt.p-2 .title{
	font-family: Fact;
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 54px;
	color: #000000;
}
.porfolio-bottom{
	background: #151515;
	padding:30px 0 77px;
	position:relative;
	z-index:2;
}
.porfolio-bottom *{
	/*position:relative;*/
	z-index:2;
}
.porfolio-bottom .img{
	position:relative;
	z-index:3;
}
.porfolio-bottom:before{
	background: #151515;
	content:'';
	width:100vw;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	z-index:1;
}
.porfolio-bottom:after{
	background: #151515;
	content:'';
	width:100vw;
	height:100%;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-51%);
	z-index:1;
}
.porfolio-bottom .desc.p-3{
	max-width: 574px;	
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;	
	color: #FFFFFF;
}
.porfolio-bottom .desc.p-3 p + p{
	margin-top:10px;
}
.porfolio-bottom .img{
	position:absolute;
	left:548px;
	top:-215px;
	width:620px;
	height:458px;
}
#directors .h1{
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 54px;
	margin-bottom:60px;
	color: #000000;
}
#directors .col {
	max-width: calc(25% - 20px);
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-bottom: 40px;
	width:100%;
}
#directors .col img{
	display:block;
	width:100%;
	margin-bottom:20px;
}
#directors .col .title{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 33px;
	margin-bottom:30px;
	color: #1762D3;
}
#directors .col .desc{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color:#202020;
	margin-bottom:30px;
}
#directors .col .desc.p-2 {
	display:none;
}
/*#directors .col.active .desc.p-2 {
	height: auto;
	margin-bottom:30px;
}*/
#directors .col .more{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #1762D3;
	display:inline-block;
	cursor:pointer;
}
#directors .col .more2{
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #1762D3;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
}
#directors .col.p-1{
	margin-left:0;
}
#directors .wrp {
	max-width: 1203px;
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
	height: auto !important;
}
#contacts .h1{
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 54px;
	margin-bottom:50px;
	color: #FFFFFF;
}
#contacts .txt{
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	margin-bottom:35px;
	color: #FFFFFF;
}
#contacts .txt a{
	color: #1762d3;
}
#contacts .wrp{
	padding:65px 0 63px;
	max-width:1203px;
	position:relative;
}
.soc{
	list-style:none;
	margin-bottom:50px;
}
.soc li{
	display:inline-block;
	vertical-align:middle;
}
.soc li + li{
	margin-left:16px;
}
.soc li a{
	display:block;
	width:31px;
	height:31px;
}
.soc li.p-1 a{
	background:url(../img/Telegram.png);
}
.soc li.p-2 a{
	background:url(../img/Group.png);
	height:33px;
}
.soc li.p-3 a{
	background:url(../img/iconfinder_facebook_287594.png) no-repeat;
	height:33px;
	background-size:contain;
}
.copy{
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	
	color: #818181;
}
.footer-btn{
	position: absolute;
	width: 361px;
	line-height:67px;
	right: 0;
	top: 130px;
	cursor:pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-align:center;
	text-decoration:none;
	color: #FFFFFF;
}
.menu{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity:0;
	background-image:url(../img/sl1.jpg);	
	-webkit-transition: all .5s ease-in-out; 
	-moz-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
	z-index:1;
	visibility:hidden;
}
.menu.active{
	opacity:1;
	visibility:visible;
	z-index:20;
}
.menu .wrp{
	max-width:1203px;
	position:relative;
}
.menu .burger:before{
	top:10px;
	height: 5px;
	transform: rotate(45deg);
}
.menu .burger:after{
	top:10px;
	height: 5px;
	transform: rotate(-45deg);
}
.menu .burger i{
	display:none;
}
.menu .list{
	font-family: Fact;
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 70px;
	list-style:none;
	color: #FFFFFF;
	display:inline-block;
	vertical-align:top;
}
.menu .list + .list{
	margin-left:160px;
}
.menu .list a{
	color: #FFFFFF;
	text-decoration:none;
}

.menu-btn{
	position: absolute;
	width: 361px;
	line-height:67px;
	right: 0;
	bottom: -77px;
	cursor:pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-align:center;
	text-decoration:none;
	color: #FFFFFF;
}
.feedback {
	padding: 40px 60px;
	background-color: #202020;
	/* border-radius: 40px; */
	position: relative;
}
#moregrachev .feedback {
	background-color: #fff;
	color:#000;
}
.fancybox-slide--html .fancybox-close-small {
	width: 23px;
	height: 23px;
	background: url(../img/close_w.png) no-repeat;
	top: 17px;
	right: 25px;
}
.fancybox-slide--html #moregrachev .fancybox-close-small {
	width: 23px;
	height: 23px;
	background: url(../img/close_w2.png) no-repeat;
	top: 17px;
	right: 25px;
}
.feedback .title {
	display: block;
	color: white;
	font-family: 'Fira Sans', sans-serif;
	font-size: 29px;
	font-weight: 700;
	margin-bottom: 40px;
}
#moregrachev .feedback  .title,
#moregrachev .feedback h1{
	color:#000;
}
.fancybox-container * {
	box-sizing: border-box;
}
.feedback input[type='text'], .feedback input[type='password'], .feedback input[type='search'], .feedback input[type='tel'], .feedback input[type='email'], .feedback input[type='number'] {
	width: 100%;
	height: 51px;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 30px;
	color: black;
	transition: .3s;
	border: none;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}
.feedback input[name='TEXTCONTENT'] {
	display:none;
}
.feedback .cols {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.feedback .col {
	padding: 0 15px;
	width: 33.33%;
	box-sizing: border-box;
}
.feedback .col input:last-child {
	margin-bottom: 0;
}
.agree {
	display: block;
	padding-left: 0;
	opacity: 1;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
.agree a {
	color: #e1e1e1;
}
.btn_send {
	margin-bottom: 20px;
	min-width: 280px;
	background:none;	
	cursor: pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	height: 51px;

}
.feedback .btn {
	width: 100%;
}
.exp-sep {
	/* margin-bottom: 30px; */
	width: 100%;
	height: 30px;
}
.exp {
	background: #8f8f8f;
	justify-content: space-between;
	display: flex;
	padding: 5px;
	color: #fff;
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 300;
	font-size: 20px;
	padding: 30px 25px;
	line-height: 20px;
	margin-bottom:80px;
}
.exp-1{
	color: #1761d2; /* text color */
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 26px;
	line-height:34px;
	vertical-align:middle;
	width:50%;
	display:inline-block;
	margin-bottom:82px;
}
.exp-1 img{
	margin-left:46px;
	vertical-align:top;
}
.exp-1 .exp-line{
	width:calc(100% - 235px);
	display:inline-block;
	margin-left:53px;
	vertical-align:top;
	color: #000; /* text color */
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 18px;
	line-height:20px;
}
.exp-1 .exp-line .title {
	font-family: Fact;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 18px;
	color: #000000;
}
.exp-1 .exp-line p + p{
	margin-top:20px;
}
.exp-2{
	color: #1761d2; /* text color */
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 26px;
	line-height:26px;
	vertical-align:middle;
	width:50%;
	display:inline-block;
	margin-bottom:100px;
}
.exp-2.center{
	text-align:center
}
.exp-btn {
	max-width: 361px;
	width: 100%;
	line-height: 67px;
	cursor: pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #151515;
	background: #151d32;
}
.exp-title{
	color: #101010; /* text color */
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height:20px;
	margin-bottom:45px;
}
.exp-title2{
	color: #232324; /* text color */
	font-family: "MuseoSansCyrl", sans-serif;
	font-size: 26px;
	line-height:26px;
	font-weight: 300;
	margin-bottom:130px;
}
.exp-row{
	margin-left:-75px;
}
.exp-row .itm{
	margin-bottom:100px;
	margin-left:75px;
	width:calc(25% - 75px);
	display:inline-block;
	vertical-align:top;
	color: #101010; /* text color */
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height:16px;
}
.exp-row .itm img{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.exp-row .itm span{
	display:block;
	margin-top:20px;
	color:#1762d3;
}
.t {
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	line-height: 32px;
	color: #000;
	background: url(../img/iconfinder_social-07_3146784.png) left center no-repeat;
	background-size: 32px auto;
	position: relative;
	padding-left: 46px;
	/* bottom: 2px; */
	/* right: 0; */
	text-decoration: none;
	display: inline-block;
}
.t2 {
	font-family: Latinka;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	line-height: 32px;
	color: #fff;
	/* position: absolute; */
	/* bottom: 2px; */
	/* right: 0; */
	text-decoration: none;
	display: inherit;
	margin-top: 40px;
}
#landing .t {
  color: #fff;
  margin-bottom: 30px;
}
.number{
	list-style:none;
	text-align:center;
}
.number li{
	margin:0 3px;
	display:inline-block;
	color:#f8bf76;
	font-size:16px;
}
.number li a{
	color:#003;
	text-decoration:none;
}
.number li a:hover{
	color:#f8bf76;
}
.fixed-btn {
	max-width: 361px;
	width: 280px;
	position: fixed;
	top: 40px;
	right: 20px;
	line-height: 67px;
	cursor: pointer;
	border: 1px solid #1762D3;
	box-sizing: border-box;
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #151d32;
	z-index: 10;
	display:none;
}
.i-partners-logo{
	margin:32px 0 15px -90px;
}
.i-partners-logo a {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	width: calc(25% - 90px);
	font-size: 18px;
	color: #f8bf76;
	text-decoration: none;
	/* text-decoration: underline; */
	/* text-align: center; */
	margin-left: 90px;
}
.i-partners-logo a + a{
	margin-left:90px;
}
.i-partners-logo a img{
	display:block;
	margin-bottom:10px;
}
.home-wrp .i-partners-logo a span{
	display:block;
	font-size: 18px;
	line-height: 20px;
	width:100%;
}
/*.home-wrp .i-partners-logo a.p-1 span{
	width:104px
}
.home-wrp .i-partners-logo a.p-2 span{
	width:132px
}
.home-wrp .i-partners-logo a.p-3 span{
	width:142px
}
.home-wrp .i-partners-logo a.p-4 span{
	width:173px
}*/
#services .h3 {
	text-align: center;
	font-weight: normal;
}
#services .col p.ttl a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	font-size: 18px;
}
#services .col p.dsc {
	color: #f8bf76;
	text-decoration: none;
	border-bottom: none;
	font-size: 14px;
	line-height:16px;
	margin-bottom:30px;
	/*margin-left:20px;*/
}
#services .col p.dsc a {
	color: #f8bf76;
	text-decoration: none;
	border-bottom: none;
}
#services .col p.dsc a:hover {
	color: #f8bf76;
	text-decoration: underline;
	border-bottom: none;
}

.footer-menu {
	position: absolute;
	left: 210px;
	right: 350px;
	top: 120px;
	text-align: center;
}
.footer-menu li{
	display:inline-block;
	margin:0 10px 10px;
}
.footer-menu li a {
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 35px;
	color: #FFFFFF;
}
.breadcrumbs{
	list-style:none;
margin-bottom: 30px;
font-size:11px;
}
.breadcrumbs li{
display:inline-block;
color:#333;
position:relative;
}
.breadcrumbs li + li:before{
content:'/';
position:absolute;
left:-11px;
}
.breadcrumbs li + li{
margin-left:15px;
}
.breadcrumbs li a{
color:#333;
text-decoration:none
}

.s-i-wrp {
  position: relative;
  padding-bottom: 100%;
  margin-bottom: 20px;
  display: block;
}
.s-i-wrp img {
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 1000px) {
	
	.feedback {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
		border-radius: 0;
	}
	.feedback .title {
		font-size: 20px;
		margin-bottom: 25px;
		text-align: left;
	}
	.feedback .col {
		width: 100%;
	}
	.feedback .col input, .feedback .col input:last-child {
		margin-bottom: 25px;
	}
	.feedback .btn {
		width: 100%;
		box-sizing: border-box;
		min-width: 100%;
	}
	.fancybox-slide--html .fancybox-close-small {
		width: 15px;
		height: 15px;
		background: url(../img/close_w.png) no-repeat;
		top: 10px;
		right: 10px;
		background-size: contain;
	}
	body{
		font-size: 15px;
		line-height: 20px;
	}
	.h1{		
		font-size: 22px;
		line-height: 30px;
	}
	.desc {
		font-size: 15px;
		line-height: 20px;
	}
	.logo {
		width: 147px;
		height: 28px;
		background-size: contain;
		left: 30px;
		top: 26px;
	}
	.logo-desc{
		left: 30px;
		top: 88px;
		font-size: 11px;
		line-height: 15px;
	}
	.home-wrp{
		font-size: 26px;
		line-height: 35px;
		padding:0 30px;
	}
	.home-wrp span {
		font-size: 18px;
		line-height: 20px;
	}
	.burger {
	position: absolute;
	width: 30px;
	height: 18px;
	right: 65px;
	top: 38px;
	cursor: pointer;
}
.t {
	/* color: #fff; */
	/* font-family: "Times New Roman"; */
	/* font-size: 16px; */
	/* text-align: center; */
	/* padding-top: 28px; */
	/* background: url(/img/t.png) center top no-repeat; */
	position: relative;
	top: auto;
	right: auto;
	line-height: 32px;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	margin-top: 30px;
}
	.burger:before {
		position: absolute;
		width: 30px;
		height: 3px;
		left: 0;
		top: 0;
		content: '';
		background: #fff;
	}
	.burger:after {
		position: absolute;
		width: 30px;
		height: 3px;
		left: 0;
		top: 7px;
		content: '';
		background: #fff;
	}
	.burger i {
		position: absolute;
		width: 21px;
		height: 3px;
		left: 0;
		top: 14px;
		content: '';
		background: #fff;
	}
	.logo-age {
		position: absolute;
		top: 58px;
		left: 127px;
		font-family: Latinka;
		font-style: normal;
		font-weight: 500;
		font-size: 11px;
		line-height: 15px;
		color: #1762D3;
	}
	.home-wrp ul li {
		font-family: Latinka;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height: 18px;
		display: inline-block;
		position: relative;
	}
	.home-wrp ul li + li {
		margin-left: 19px;
	}
	.home-wrp ul li + li:before {
		content: '';
		background: #143e7f;
		left: -10px;
		height: 13px;
		width: 1px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.section:nth-child(1) {
		padding: 140px 0 90px;
	}
	.section:nth-child(2) {
		/* z-index: 9; */
		/* background-image: url(../img/sl2.jpg); */
		padding: 30px 0 24px;
	}
	.section:nth-child(3) {
		/* z-index: 8; */
		/* background-image: url(../img/sl3.jpg); */
		padding: 20px 0 65px;
	}
	.section:nth-child(4) {
		/* z-index: 7; */
		/* background-image: url(../img/sl4.jpg); */
		padding: 35px 0 30px;
	}
	.wrp {
		width: 100%;
		max-width: 1037px;
		padding: 0 23px 0 30px;
		box-sizing: border-box;
	}
	.h3 {
		font-weight: 800;
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 12px;
	}
	#services .col p + p {
		margin-top: 0;
	}
	#services .col {
		font-size: 14px;
		line-height: 19px;
	}
	#platform .h3 {
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 8px;
		border-bottom: 4px solid #fff;
	}
	#platform .col.p-1:before,
	#platform .col.p-2:before{
		display:none;
	}
	#id-agency .h1 {
		margin-bottom: 15px;
	}
	#id-agency .txt.p-1 {
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 21px;
	}
	#id-agency .col {
		font-size: 12px;
		line-height: 17px;
	}
	#id-agency .txt.last {
		font-size: 15px;
		line-height: 21px;
	}
	.section:nth-child(5) {
		padding-top: 30px;
	}
	.porfolio img {
		width: 116px;
	}
	.porfolio.sid-4038764 img {
		width: 100%;
	}
	.porfolio .title {
		font-family: Fact;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 18px;
		color: #000000;
	}
	.porfolio .desc.p-2 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.porfolio .more {
		font-size: 14px;
		line-height: 19px;
	}
	.txt.p-2 .title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom:12px;
	}
	.txt.p-2 {
		font-size: 15px;
		line-height: 20px;
		max-width: 508px;
		color: #000000;
		margin-top: 45px;
		margin-bottom: 103px;
	}
	.porfolio-bottom .img{
		width: 285px;
		left:auto;
		right: 20px;
		top: -215px;
	}
	.porfolio-bottom .img img{
		width: 285px;
	}
	.porfolio-bottom .desc.p-3 {
		font-size: 14px;
		line-height: 19px;
		margin-bottom:0;
	}
	.porfolio-bottom .desc.p-3 p + p {
		margin-top: 20px;
	}
	#directors .h1 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 27px;
	}
	#directors .col {
		max-width: auto;
		width: calc(33.333333% - 10px);
		margin-left: 10px;
	}
	#directors .col .title {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	#directors .col .desc {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	#contacts .wrp {
		padding: 32px 30px 32px;
		max-width: 1203px;
		position: relative;
	}
	.footer-btn {
		right: 23px;
		width: 280px;
		font-size: 16px;
	}
	#contacts .h1 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	#contacts .txt {
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 40px;
	}
	#directors .col .more {
		font-family: Latinka;
		font-style: normal;
		font-weight: 500;
		font-size: 15px;
		line-height: 20px;
		color: #1762D3;
	}
	.porfolio .txt.p-1 {
		vertical-align: top;
		display: inline-block;
		width: calc(100% - 134px);
		padding-left: 18px;
	}
	.porfolio .desc.p-1 {
		font-size: 12px;
		line-height: 17px;
		margin-bottom: 30px;
	}
	.exp-1 {
	color: #1761d2;
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 18px;
	line-height: 20px;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}
.exp-1 img {
	width: 116px;
	display: block;
	margin: 0 auto 20px;
}
.exp-1 .exp-line {
	width: 100%;
	display: inline-block;
	margin-left: 0;
	vertical-align: top;
	color: #000;
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 18px;
	line-height: 20px;
}
.exp {
	display: block;
}
.exp div + div{
	margin-top:10px;
}
.exp-row .itm {
	/* margin-bottom: 100px; */
	margin: 0 auto 20px;
	width: 100%;
	display: block;
	vertical-align: top;
	color: #101010;
	font-family: "MuseoSansCyrl", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
}
.exp-row {
	margin-left: 0;
}
.exp-title2 {
	color: #232324;
	font-family: "MuseoSansCyrl", sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 300;
	margin-bottom: 30px;
	margin-top: 30px;
}
.exp-2 {
	color: #1761d2;
	font-family: "MuseoSansCyrl-300", sans-serif;
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}
	/****************************************/
	.menu .list {
		font-family: Fact;
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 40px;
		list-style: none;
		color: #FFFFFF;
		display: block;
		vertical-align: top;
	}
	.menu .list + .list {
		margin:0;
	}
	.menu-btn{
		display:none;
	}
	.menu .burger:after {
		top: 10px;
		height: 3px;
		width:36px;
		transform: rotate(-45deg);
	}
	.menu .burger:before {
		top: 10px;
		height: 3px;
		width:36px;
		transform: rotate(45deg);
	}
	.menu .burger {
		position: absolute;
		width: 30px;
		height: 18px;
		right: 23px;
		top: 30px;
		cursor: pointer;
	}
	/********************************/
.ip3 {
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	color: #818181;
	position: absolute;
	right: 20px;
	top: 268px;
	text-decoration: none;
	cursor: pointer;
}

	.menu .wrp {
		max-width: 1203px;
		position: relative;
		padding-top: 100px;
	}
	.menu .centered {
		display: block;
		align-items: normal;
		justify-content: normal;
		/* text-align: center; */
	}
	.menu .content-wrapper {
		overflow-y: auto;
	}
	.home-wrp .i-partners-logo a span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	width: 100% !important;
	text-align: left;
}
}
@media only screen and (max-width: 520px) {
	.footer-menu {
	position: absolute;
	left: 210px;
	right: 20px;
	top: 120px;
	text-align: center;
	/* display: none; */
}
.footer-menu li {
	display: inline-block;
	margin: 0 3px 10px;
}
.footer-menu li a {
	font-family: Latinka;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 35px;
	color: #FFFFFF;
}
.i-partners-logo{
	margin:32px 0 15px -20px;
}
.i-partners-logo a{
	width:calc(50% - 20px);
	text-align:center;
	margin-left:20px;
}
.i-partners-logo a + a{
	margin-left:20px;
}
.i-partners-logo a img{
	height:60px;
	/*margin:0 auto;*/
}
	.t2{
		position:relative;
		right:auto;
		bottom:auto;
		display:inline-block;
		margin-top:20px;
	}
	.m-bg{
		position:relative;
	}
	.m-bg *{
		z-index:1;
		position:relative;
	}
	#services .desc {
		margin-bottom: 37px;
	}
	#services .m-bg:before{
		top:-30px;
		left:-30px;
		right:-23px;
		bottom:-22px;
		background-image: url(../img/sl2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position:absolute;
		content:'';
	}
	.section:nth-child(2) {
		background: #111;
	}
	#services .col {
		width: 100%;
		margin-bottom:33px;
	}
	#platform .m-bg:before{
		top:-20px;
		left:-30px;
		right:-23px;
		bottom:-22px;
		background-image: url(../img/sl3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position:absolute;
		content:'';
	}
	#platform.forindex .m-bg:before{
		display:none;
	}
	.section:nth-child(3) {
		background: #111;
	}
	#platform .col {
		width: 100%;
		margin-bottom:33px;
	}
	#platform .wrp-centered {
		display: block;
		justify-content: inherit;
	}
	#platform .desc {
		margin-bottom: 52px;
	}
	#platform .col.p-1,
	#platform .col.p-2,
	#platform .col.p-3 {
		padding-top: 30px;
		margin-bottom:0;
	}
	#platform .col.p-3 {
		padding-bottom: 30px;
	}
	#platform {
		/* z-index: 8; */
		/* background-image: url(../img/sl3.jpg); */
		padding: 20px 0 30px;
	}
	
	
	#id-agency .m-bg:before{
		top:-35px;
		left:-30px;
		right:-23px;
		bottom:-22px;
		background-image: url(../img/sl4.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position:absolute;
		content:'';
	}
	#id-agency {
		background: #111;
		padding: 35px 0 45px;
	}
	#id-agency .col {
		width: 100%;
		margin-bottom:33px;
	}
	#id-agency .wrp-centered {
		display: block;
		justify-content: inherit;
	}
	#id-agency .desc {
		margin-bottom: 52px;
	}
	#id-agency .col.p-1,
	#id-agency .col.p-2,
	#id-agency .col.p-3 {
		padding-top: 30px;
		margin-bottom:0;
	}
	#id-agency .col.p-3 {
		padding-bottom: 30px;
	}
	#id-agency .col {
		width: 100%;
		margin-bottom: 25px;
	}
	#id-agency .txt.last {
		margin-top: 0;
	}
	.desctop{
		display:none;
	}
	.mobile{
		display:block;
	}
	.porfolio .img-1{
		margin-bottom:30px;
	}
	.txt.p-2 {
		margin-bottom: 107px;
	}
	.porfolio-bottom .img {
		width: 285px;
		left: 50%;
		right: auto;
		top: -80px;
		/*position: relative;*/
		margin-left: -142.5px;
	}
	.porfolio-bottom {
		padding: 0 0 47px;
	}
	.porfolio-bottom .wrp.porfolio {
		padding-top: 150px;
	}
	.section:nth-child(6) {
		padding: 35px 0 25px;
	}
	#directors .col {
		width: 100%;
		max-width: 267px;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	#directors .col + .col{
		margin-top:25px;
	}
	.footer-btn {
		right: auto;
		width: 280px;
		font-size: 16px;
		top: 32px;
		left: 20px;
	}
	.soc {
	list-style: none;
	margin-bottom: 50px;
	position: relative;
	left: auto;
	top: auto;
}
	.ip3 {
		position: relative;
		right: auto;
		top: auto;
	}
	#contacts .wrp {
		padding: 129px 30px 32px;
	}
}









/*************/

	.card {
      display: flex;
      gap: 20px;
      align-items: flex-start;      /* выравнивание по верхнему краю */
      transition: box-shadow 0.2s ease;
    }
    /* БЛОК С КАРТИНКОЙ */
    .card__image {
      flex-shrink: 0;               /* запрещаем сжатие картинки */
      width: 103px;
      height: 83px;
    }

    .card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;            /* картинка заполняет контейнер, сохраняя пропорции */
      display: block;
      transition: transform 0.3s ease;
    }

    /* легкий эффект при наведении на картинку (дополнительно, не мешает условию) */
    .card:hover .card__image img {
      transform: scale(1.02);
    }

    /* ПРАВАЯ ЧАСТЬ (текстовый блок) */
    .card__content {
      flex: 1;                      /* занимает оставшееся пространство */
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    /* ЗАГОЛОВОК — ссылка БЕЗ подчёркивания */
    .card__title {
      font-size: 20px;
      color: #f8bf76;
      line-height:39px;
    }

    .card__title a {
      text-decoration: none; 
      color: #f8bf76;
      transition: color 0.2s ease;
      font-weight: 400;
    }

    /* hover-эффект для заголовка (изменение цвета, подчеркивание НЕ появляется) */
    .card__title a:hover {
      color: #0066cc;
      text-decoration: none;        /* явно страхуемся, что подчеркивания нет */
    }

    /* ОПИСАНИЕ — ссылка с ПОДЧЁРКИВАНИЕМ, при ховере подчёркивание пропадает */
    /*.card__description {
      font-size: 1rem;
      line-height: 1.45;
    }*/
    .card__description {
	  font-size: 22px;
	  line-height: 22px;
	}

    .card__description a {
      text-decoration: underline;    /* подчеркивание по умолчанию */
      color: #fff;
      font-weight: 400;
      transition: color 0.2s ease, text-decoration 0.2s ease;
      text-transform: uppercase;
    }

    /* ПРИ НАВЕДЕНИИ НА ОПИСАНИЕ — подчеркивание исчезает */
    .card__description a:hover {
      text-decoration: none;
      color: #fff;               /* чуть более насыщенный оттенок (опционально) */
    }

    /* Дополнительно: активное состояние (клик) */
    .card__description a:active {
      color: #fff;
    }
    
    
    @media (max-width: 640px) {
      body {
        padding: 16px;
      }

      .card {
        flex-direction: column;      /* блоки становятся вертикально: картинка сверху, текст снизу */
        align-items: center;         /* центрируем по горизонтали (картинка и текст) */
        text-align: center;          /* текст по центру на мобильных */
        gap: 16px;
        padding: 18px;
      }

      /* картинка остаётся точного размера, но не вылезает за пределы */
      .card__image {
        width: 103px;
        height: 83px;
        margin-bottom: 4px;
      }

      .card__content {
        width: 100%;
        align-items: center;         /* контент внутри выравниваем по центру */
      }

      .card__title {
        font-size: 1.25rem;
      }

      .card__description {
        font-size: 0.95rem;
      }
    }

    /* очень маленькие экраны (320px) — всё ещё комфортно */
    @media (max-width: 420px) {
      .card {
        padding: 14px;
      }
      .card__image {
        width: 103px;
        height: 83px;
      }
      .card__title {
        font-size: 1.2rem;
      }
    }

    /* опционально: поддержка устройств с большим экраном, чтобы блок не растягивался бесконечно */
    @media (min-width: 1200px) {
      .demo-container {
        max-width: 960px;
      }
    }

    /* лёгкая анимация при загрузке */
    .card {
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .card:hover {
      box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08), 0 6px 12px rgba(0, 0, 0, 0.05);
    }