body {
	font-family: 'Conv_JournalSans Cyrillic';
	color: #000;
}

.fancybox__container {
	--fancybox-bg: rgba(0,0,0,.7) !important
}

#container {
	height: 100%;
}

header {
	height: auto;
	position: relative;
	z-index: 170;
}

input,
textarea {
	-webkit-appearance: none;
}

a.more {
	color: #afafaf;
	font-size: 16px;
}
.white_head header {
	height: 61px;
	background: #fff;
}
.white_head header .header-top,
header.h-contacts .header-top,
.fix .header-top {
	border-bottom: 1px solid #c9c8c8;
}
.header-top {
	height: 60px;
	padding: 0 20px;
	text-align: center;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	box-sizing: border-box;
}
.fix .header-top,
header.h-contacts .header-top {
	background: #fff;
}
.header-top .logo {
	float: left;
	width: 130px;
	height: 36px;
	background: url(../i/logo-white.svg) 0 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: -5px;
}
.fix .header-top .logo,
header.h-contacts .header-top .logo,
.white_head header .header-top .logo {
	background: url(../i/logo-black.svg) 0 0 no-repeat;
}

.fix .header-top .btn-nobg,
.white_head header .header-top .btn-nobg,
.fix .header-top .social-button,
.white_head header .header-top .social-button,
.mess_icons .social-button {
	border-color: #000;
	color: #000;
}

.fix .header-top .social-button:hover,
.white_head header .header-top .social-button:hover {
	background: #000;
}

.fix .header-top .social-button .cls-1,
.white_head header .header-top .social-button .cls-1,
.mess_icons .social-button .cls-1 {
	fill: #000
}

.fix .header-top .social-button:hover .cls-1,
.white_head header .header-top .social-button:hover .cls-1 {
	fill: #fff
}

.fix .header-top .btn-nobg:hover,
.white_head header .header-top .btn-nobg:hover {
	color: #fff;
	background-color: #000;
}
.header-top a {
	text-decoration: none;
	color: #fff;
}
.header-top .menu {
	padding-top: 1px;
}
.header-top .menu li {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	margin: 0 15px;
	position: relative;
}
.header-top .menu li a {
	display: inline-block;
	position: relative;	
}
.header-top .menu li:hover a:after,
.header-top .menu li.active a:after {
	content: '';
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffdd2e;
	position: absolute;
}
.header-top.open-menu .menu li a,
.fix .header-top .menu li a,
.white_head header .menu li a,
header.h-contacts .menu li a {
	color: #000;
}
.header-top .menu .bottom-menu {
	display: none;
}

.right-buttons {
	display: flex;
	align-items: center;
}

.social-button {
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 6px;
	transition: all .3s;
}

.social-button:hover {
	background: #fff;
}

.social-button .cls-1 {
	fill: #fff;
	transition: all .3s;
}

.social-button:hover .cls-1 {
	fill: #000
}

.header-top .btn {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 12;
	position: relative;
}
.btn {
	display: inline-block;
	padding: 0 30px;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
	color: #000;
	background: none;
}
.btn-big {
	height: 68px;
	line-height: 64px;
	border-radius: 35px;
	font-size: 26px;
	padding: 0 60px;
}
.btn-nobg {
	color: #fff;
	border: 2px solid #fff;
	background: none;
}
.btn-nobg:hover {
	background: #fff;
	border-color: #fff;
	color: #000;
}
.btn-nobg:active span {
	position: relative;
	top: -2px;
	right: -2px;
}
.btn-nobg-yell {
	border: 2px solid #ffdd2e;
	background: none;
}
.btn-nobg-yell:hover,
.btn-nobg-yell:active {
	background: #ffde00;
	color: #010101;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
	border: none;
}
.btn-more {
	width: auto !important;
}
a.btn-nobg-yell:hover,
a.btn-nobg-yell:active{
	color: #010101;
}
.btn-nobg-yell:hover,
.btn-nobg-yell:focus,
.btn-nobg-yell:active {
	text-decoration: none;
}
.btn-nobg-yell:active span {
	position: relative;
	top: -1px;
	right: 1px;
}
.btn.sz1:hover {
	line-height: 68px;
	padding: 0 62px;
}
.btn.sz1:active {
	line-height: 64px;
	padding: 0 60px 0 64px;
}
.seo_text,
.seo_text h2{
	text-align: left;
}
.seo_text h2 {
	margin-bottom: 1em;
}
.seo_text ul {
	padding-left: 1em;
}
.seo_text h1 {
    font-size: 36px;
    font-weight: bold;
    font-family: "Conv_JournalSans Bold Cyrillic";
	margin-bottom: 1em;
}
.seo_text h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: "Conv_JournalSans Bold Cyrillic";
}
.ic-mobile-menu {
	background: url(../i/ic-mobile-menu.png) 8px 11px no-repeat;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #fff;
	float: right;
	margin-left: 10px;
	margin-top: -6px;
	position: relative;
	z-index: 10;
	display: none;
}
.center-big-text {
	color: #fff;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	position: absolute;
	margin-top: -100px;
	padding: 0 105px;
}
.center-big-text h1,
.center-big-text .center-title {
	font-size: 50px;
	line-height: 54px;
	text-transform: uppercase;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	margin: 0 auto;
	max-width: 650px;
}
.team-door .center-big-text .center-title {
	max-width:750px;
}
.center-big-text .btn {
	color: #fff;
}
.center-big-text .bread {
	font-size: 18px;
	font-family: 'Conv_JournalSans Cyrillic';
	text-transform: none;
	margin-bottom: 24px;
}
.center-big-text .bread a {
	color: #fff;
	text-decoration: none;
}
.center-big-text .bread a:hover {
	text-decoration: none;
}
.btn.sz1 {
	font-size: 26px;
	font-family: 'Conv_JournalSans Cyrillic';
	text-transform: none;	
	height: 68px;
	line-height: 64px;
	padding: 0 60px;
	border-radius: 34px;
}
.center-title + .btn.sz1,
h1 + .btn.sz1 {
	margin-top: 38px;
}
/*.cssslider .slide-bg,*/
.main-bg {
	overflow: hidden;
	position: relative;
	height: 100vh;
}
.home-slider .swiper-slide,
.main-bg {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.home-slider {
	position: absolute;
	z-index: 50;
}
.home-slider,
.home-slider .bx-wrapper,
.home-slider .bx-viewport,
.home-slider .bxslider,
.home-slider .bxslider li {
	width: 100%;
	height:100% !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	width: auto;
	right: 0;
	left: 0;
}
.swiper-pagination {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.home-slider .bx-wrapper .bx-viewport{
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
}
.home-slider .bx-wrapper .bx-pager, 
.home-slider .bx-wrapper .bx-controls-auto {
	z-index: 60;
	bottom: 40px;
}
.home-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.home-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f3c644;
}
.home-slider .bx-wrapper .bx-pager.bx-default-pager a {
	border: 3px solid #fff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.home-slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}
/* css animation slider */
.cb-slideshow {
    list-style: none;
    margin: 0
}
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 520px;
    top: 0;
    left: 0;
    z-index: -10
}
.cb-slideshow:after {
    content: ''
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s
}
.cb-slideshow li:nth-child(1) span {
    background-image: url(../i/header-1.jpg)
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(../i/header-2.png);
    -webkit-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../i/header-3.jpg);
    -webkit-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../i/header-4.png);
    background-position: 50% bottom;
    -webkit-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s
}/* 
.krowd .cb-slideshow li:nth-child(1) span {
    background-image: url(../img/main/krowd/header-1.jpg)
}
.krowd .cb-slideshow li:nth-child(2) span {
    background-image: url(../img/main/krowd/header-2.jpg);
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}
.krowd .cb-slideshow li:nth-child(3) span {
    background-image: url(../img/main/krowd/header-3.jpg);
    -webkit-animation-delay: 16s;
    animation-delay: 16s
}
.krowd .cb-slideshow li:nth-child(4) span {
    display: none
} */
.no-cssanimations .cb-slideshow li span {
    opacity: 1
}
/* css animation slider END */


h2 {
	font-size: 36px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	text-align: center;
}
#tpl18 .projects {
	margin-top: 50px;
}
.projects {
	margin-top: 88px;
}
.projects h2 {
	margin-bottom: 50px;
}
.projects .item {
	margin-bottom: 40px;
	/*height: 291px;*/
}
.projects .item a {
	color: #000;
}
.projects .item a:hover,
.projects .item a:active,
.projects .item a:focus {
	text-decoration: none;
}
.projects .item .img img,
.solution .item .img img {
	width: 100%;
	vertical-align: bottom;
}
.projects .item .img,
.solution .item .img {
	margin-bottom: 20px;
	position: relative;
	display: block;
}
.projects .item .img:after,
.solution .item .img:after {
	content: 'Смотреть работу';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 2;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	padding: 60px 30px 0;
	text-align: center;
}
.solution .item .img {
	overflow: hidden;
	border-radius: 20px;
}
.solution .item .img:after {
	content: 'Смотреть решение';
}
.projects .item .img:before,
.solution .item .img:before {
	content: '';
	width: 98px;
	height: 3px;
	position: absolute;
	top: 133px;
	left: 50%;
	margin-left: -49px;
	background: #f3c644;
	z-index: 3;
}
.projects .item .img:before,
.projects .item .img:after,
.solution .item .img:before,
.solution .item .img:after {
	display: none;
}
.projects .item a:hover .img:before,
.projects .item a:hover .img:after,
.solution .item .img:hover:before,
.solution .item .img:hover:after {
	display: block;
}
.projects .item span {
	display: block;
	line-height: 1.2em;
}
.projects .item span.title {
	font-size: 24px;
	margin-bottom: 5px;
}
.projects .item span.cat {
	font-size: 24px;
	color: #afafaf;
}
.note {
	text-align: center;
}
.note .desc {
	color: #afafaf;
	font-size: 20px;
	line-height: 26px;
	margin-top: 32px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.border-top {
	border-top: 1px solid #c9c8c8;
}
.border-bottom {
	border-bottom: 1px solid #c9c8c8;
}
.how-work {
	margin-bottom: 100px;
}
.how-work .col-sm-5,
.how-work .col-sm-7 {
	padding-left: 30px;
	padding-right: 30px;
}
.how-work .row {
	margin-left: 0px;
	margin-right: 0px;
}
.how-work h2 {
	margin-bottom: 98px;
}
.how-work .title {
	font-size: 24px;
	padding-bottom: 34px;
	position: relative;
	margin-bottom: 27px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
}
.how-work .title:after {
	width: 98px;
	height: 4px;
	background: #ffdd2e;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
}
.how-work .item:last-child {
	margin-bottom: 0;
}
.how-work .item .desc {
	color: #afafaf;
	font-size: 20px;
	line-height: 30px;
	padding-right: 150px;
}
.how-work .item {
	margin-bottom: 114px;
}
.how-work .item .img {
	text-align: right;
}
.how-work .item .img img {
	margin-top: 8px;
}
.how-work .note {
	margin-top: 80px;
}
.we-do {
	padding-top: 110px;
}
.we-do .item {
	margin-bottom: 80px;
}
.gray.content-text {
	margin-bottom: 0;
}
.container.extra-sm {
	padding-left: 40px;
	padding-right: 40px;
}
.we-do h2 {
	margin-bottom: 95px;
}
.we-do .item {
	margin-bottom: 80px;
}
.we-do .item .title {
	font-family: 'Conv_JournalSans Bold Cyrillic';
	font-size: 24px;
	padding-bottom: 40px;
	position: relative;
	margin-bottom: 30px;
}
.we-do .item .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffdd2e;
	height: 4px;
	width: 100px;
	-webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.we-do .item .title a {
	color: #000;
	text-decoration: none;
}
.we-do .item .title a:hover {
	text-decoration: underline;
}
.we-do .item:hover .title:after {
	width: 200px;
}
.we-do .item .ic {
	margin-bottom: 54px;
	height: 100px;
	width: 100px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}
.we-do .item .ic svg {
	max-height: 100px;
	max-width: 100px;
}
.we-do .item .ic svg,
.we-do .item .ic svg .fil1 {
	/* fill: #afafaf; */
}
.we-do .item .ic:hover svg,
.we-do .item .ic:hover svg .fil1 {
	/* fill: #000; */
}
.we-do .item:hover .ic {
	background-position: 0 -100px;
}
.we-do .item .desc {
	color: #afafaf;
	font-size: 20px;
	line-height: 1.3em;
	margin-right: 40px;
}
.we-do .item ul {
	font-size: 20px;
	list-style-type: none;
}
.we-do .item ul a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;
}
.we-do .item ul a:hover {
	color: #afafaf;
	border-bottom-color: #afafaf;
}
.we-do .item ul li {
	margin-bottom: 24px;
}
.we-do .item ul li:last-child {
	margin-bottom: 0;
}
.gray {
	background: #f5f5f5;
	position: relative;
	margin-bottom: 126px;
}
.gray:after {
	content: '';
	border-top: 28px solid #f5f5f5;
	border-right: 28px solid transparent;
	border-left: 28px solid transparent;
	position: absolute;
	left: 50%;
	bottom: -27px;
	margin-left: -28px;
}
.seo-gray.gray {
	margin-bottom: 0;
}
.work-items + .seo-gray.gray {
	margin-top: 0;
}
.desc-mid {
    font-size: 24px;
    line-height: 1.5em;
	padding: 80px 0;
}
.desc-mid p {
	margin-bottom: 38px;
}
.desc-mid p:last-child {
	margin-bottom: 0;
}
.desc-mid .in {
	margin: 0 9%;
}
.desc-mid a {
	color: #afafaf;
}
.desc-small {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	padding: 75px 0 44px;
}
#tpl-bnr-work .desc-small .in,
#tpl10 .desc-small .in {
	width: 500px;
} 
.desc-small p {
	padding-bottom: 26px;
}
.desc-small .in {
	width: 840px;
	margin: 0 auto;
}
.gray-link {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
	text-decoration: none;
}
.gray-link:hover,
.gray-link:focus {
	color: #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
}
.gray-link:active,
.gray-link:focus {
	border-bottom: none;
}

.clients {
	padding-top: 100px;
	margin-bottom: 120px;
}
.clients h2 {
	margin-bottom: 60px;
}
.white_head .clients {
	padding-top: 0;
}
.clients__item {
	position: relative;
	border-radius: 20px;
	background: #F0F0F0;
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.clients__info {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s;
	background: rgba(0, 0, 0, 0.70);
	color: #fff;
	padding: 50px 50px 40px;
	text-align: left;
}

.clients__item:hover .clients__info {
	opacity: 1;
}

.clients__info-title {
	font-family: 'Conv_JournalSans Bold Cyrillic';
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}

.clients__info-title::after {
	content: '';
	width: 60px;
	height: 2px;
	background: #FFDD2E;
	position: absolute;
	bottom: 0;
	left: 0;
}

.clients__info-desc {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 137.5%
}

footer {
	color: #afafaf;
	padding: 30px 0;
	line-height: 30px;
	vertical-align: bottom;
	font-size: 18px;
	--padding-between: 80px;
	margin-top: 5px;
}

footer .copyright {
	font-size: 18px;
    text-align: right;
	padding-right: var(--padding-between);
}
footer a {
	border-bottom: 1px solid #afafaf;
	color: #afafaf;
}
footer a:hover {
	text-decoration: none;
	color: #000;
	border-bottom-color: #000;
}
.s-icons {
	font-size: 24px;
	text-align: left;
	padding-left: var(--padding-between);
}
.s-icons a {
	margin: 0 5px;
	color: #afafaf;
	border-bottom: none;
}
.s-icons a:hover,
.s-icons a:active,
.s-icons a:focus {
	text-decoration: none;
	color: #000;
}
.fa-skype {
	color: #00AFF0;
}
.fa-viber {
	color: #675CA8;
}
.fa-whatsapp-square {
	color: #4FCE5D;
}
/*@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}
@-moz-keyframes bounce {
    0% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}
@-o-keyframes bounce {
    0% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}*/
@keyframes bounce {
    0% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    50% {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}
.arr-down {
	width: 20px;
	height: 12px;
	background: url(../i/arr-down.png) 0 0 no-repeat;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -10px;
	cursor: pointer;
    -webkit-animation: bounce 1.5s ease-in-out infinite alternate;
    -moz-animation: bounce 1.5s ease-in-out infinite alternate;
    -ms-animation: bounce 1.5s ease-in-out infinite alternate;
    -o-animation: bounce 1.5s ease-in-out infinite alternate;
    animation: bounce 1.5s ease-in-out infinite alternate;
}
.arr-down i {
	position: relative;
	display: inline-block;
}
.preim {
	padding-top: 100px;
}
.preim h2 {
	margin-bottom: 70px;
}
.preim .item>div {
	margin-left: 50px;
}
.preim .item .ic {
	height: 111px;
	width: 111px;
	margin-bottom: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.preim .item .ic svg,
.preim .item .ic svg .fil1 {
	max-width: 100%;
	max-height: 100%;
	fill: #afafaf;
}
.preim .item:hover .ic svg,
.preim .item:hover .ic svg .fil1 {
	fill: #000;
}
.preim .item .title {
	font-family: 'Conv_JournalSans Bold Cyrillic';
	font-size: 24px;
	padding-bottom: 40px;
	position: relative;
	margin-bottom: 30px;
}
.preim .item .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffdd2e;
	height: 4px;
	width: 100px;
	-webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.preim .item:hover .title:after {
	width: 100%;
}
.preim .item .desc {
	color: #afafaf;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 80px;
}
.first-seo-text.desc-mid {
	margin-top: 0;
}
.second-seo-text.desc-mid {
	margin-top: -111px;
}
.team {
	margin-bottom: 90px;
}
.team h2 {
	margin-bottom: 50px;
}
.team .img img {
	width: 100%;
	vertical-align: bottom;
}
.team .img {
	margin-bottom: 20px;
	position: relative;
}
.team {
	font-size: 24px;
	line-height: 1.4em;
}
.team .desc {
	color: #afafaf;
}
.team .item:hover .hover-desc {
	display: block;
}
.team .hover-desc {
	display: none;
	background: rgba(0, 0, 0, 0.6);
	font-size: 30px;
	text-align: center;
	/*line-height: 280px;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	padding: 0 30px;
}
.team .hover-desc span {
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
} 
.team .hover-desc:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.team .hover-desc span i {
	display: inline-block;
	width: 98px;
	height: 3px;
	background: #f3c644;
	margin: 0 20px;
	vertical-align: middle;
}
.team .item {
	margin-bottom: 40px;
}
.team-door {
	background: url(../i/team-bottom.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	height: 700px;
	position: relative;
}

.vacancy-tabs {
	color: #afafaf;
	font-size: 20px;
}
.vacancy-tabs .scroll-box {
	width: 680px !important;
}
.scroll-box {
	width: 100%;
	height: 230px;
	overflow: auto;
}
.jspVerticalBar {
	width: 4px;
	background: none;
}
.jspDrag {
	background: #000;
	width: 4px;
	left: -2px;
}
.jspTrack {
	background: #afafaf;
	width: 1px;
}
.tabnav {
	list-style-type: none;
	margin-bottom: 10px;	
}
.file-note {
	color: #f00;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.tabnav li {
	display: inline-block;
	text-decoration: underline;
	margin-right: 40px;
	margin-bottom: 20px;
	cursor: pointer;
}
.tabnav li.active {
	text-decoration: none;
	color: #000;
}
.tabnav li:hover {
	color: #000;
}
.tabnav li:last-child {
	margin-right: 0;
}
.boxes .box {
	display: none;
	color: #afafaf;
}
.boxes .box:first-child {
	display: block;
}
.boxex .box p {
	margin-bottom: 1em;
}
.boxes .box h4 {
	margin-bottom: 1em;
	color: #000;
}
#vacancyPopup.popup-form h3 {
	margin-bottom: 40px;
}
#vacancyPopup .file-group {
	margin-top: 30px;
	margin-bottom: 30px;
}
.breadcrumbs {
	font-size: 18px;
	color: #afafaf;
	text-align: center;
	margin-bottom: 10px;
}
.breadcrumbs a {
	color: #afafaf;
}
.mobile-testim {
	display: none;
}
.testimonials {
	margin-top: 90px;
	padding-top: 81px;
}
.testimonials h2 {
	padding-bottom: 66px;
}
.testimonials .testim-img img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
}
.testimonials .item:nth-child(even) .testim-img {
	text-align: right;
}
.testimonials .in {
	max-width: 1030px;
	margin-left: auto;
	margin-right: auto;
}
.testim-item {
	background: #fff;
	padding: 40px;
	font-size: 18px;
	line-height: 1.66em;
	position: relative;
	margin-left: 70px;
}
.testim-item:before {
	content: '';
	border-right: 40px solid #fff;
	border-bottom: 40px solid transparent;
	position: absolute;
	top: 40px;
	left: -39px;
}
.item:nth-child(even) .testim-item {
	margin-left: 0;
	margin-right: 70px;
}
.item:nth-child(even) .testim-item:before {
	border-right: none;
	border-left: 40px solid #fff;
	left: auto;
	right: -39px;
}
.testim-item .show-link {
	float: right;
	font-size: 20px;
}
.testim-item .show-link a {
	text-decoration: none;
	color: #afafaf;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.testim-item .name {
	font-size: 16px;
	color: #afafaf;
	line-height: 1em;
	margin-top: 30px;	
}
.testim-content {
	width: auto;
	flex: 1;
}
.testimonials .item {
	margin-bottom: 60px;
}
.container.extra2 {
	padding-left: 50px;
	padding-right: 50px;
}
.testimonials .item:nth-child(even) .testim-img {
	order: 2;
}
.testimonials .item:nth-child(even) .testim-content {
	order: 1;
}




.btn-black {
	border: 2px solid #000;
}
.btn-black:hover {
	color: #fff;
	background: #000;
}
.btn-black:active {
	text-indent: 1px;
	line-height: 36px;
}
.btn-white {
	border: 2px solid #fff;
	color: #fff;
	font-family: 'Conv_JournalSans Cyrillic';
	text-transform: none;
}
.testimonials {
	padding-bottom: 80px;
}
.show-more {
	text-align: center;
}
.show-more .open {
	display: none;
}

@media (min-width: 1480px) {
	.how-work .container {
	    width: 1180px;
	}	
}
.social {
	margin-top: 110px;
}
.work-menu {
	font-family: 'Conv_JournalSans Bold Cyrillic';
	font-size: 24px;
	margin-bottom: 30px;
}
.work-sub-menu {
	font-size: 20px;
	margin-bottom: 50px;
}
.work-menu ul,
.work-sub-menu ul {
	list-style-type: none;
	text-align: center;
}
.work-menu ul li,
.work-sub-menu ul li {
	display: inline-block;
}
.work-sub-menu ul li {
	margin: 0 15px;
}
.work-menu ul li {
	margin-left: 10px;
}
.work-menu ul li:after {
	content: '/';
	color: #afafaf;
	margin-left: 20px;
}
.work-menu ul li:last-child:after {
	display: none;
}
.work-menu a,
.work-sub-menu a {
	color: #afafaf;
	text-decoration: none;
}
.work-menu li.active a,
.work-sub-menu li.active a,
.work-menu a:hover,
.work-sub-menu a:hover,
.breadcrumbs a:hover {
	color: #000;
}
.work-sub-menu a {
	border-bottom: 1px solid rgba(175, 175, 175, 0.5);
}
.work-sub-menu li.active a,
.work-sub-menu a:hover,
.breadcrumbs a:hover {
	border-bottom-color: #000;
}
.work-content {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	color: #afafaf;
}
.desc-small .in.aim {
	width: 500px; /* Ширину задачи менять тут */
}
.work-content p {
	margin:0 auto 26px;
	/* width: 500px; */ /* Ширину абзаца в тексте менять тут */
}
.work-content p.gray {
	width: 500px;
	padding: 20px;
}
.work-content p.p-wide,
.work-content p.image-wide {
	width: 100%;
	padding: 0;
}
.work-content p.p-wide img.image-wide,
.work-content p.image-wide img {
	width: 100% !important;
	height: auto !important;
}
.neighbors {
	text-align: center;
}
.neighbors a.arr.prev {
	float: left;
	padding: 0 20px 0 50px;
	background: url(../i/nb-arr.png) 15px -42px no-repeat;
}
.neighbors a.arr.next {
	float: right;
	padding: 0 50px 0 20px;
	background: url(../i/nb-arr.png) 241px 8px no-repeat;
}
.neighbors a.arr.prev:hover {
	background-position: 15px -142px;
}
.neighbors a.arr.next:hover {
	background-position: 241px -92px;
}
.neighbors a.arr.prev:hover,
.neighbors a.arr.next:hover {
	background-color: #000;
	color: #fff;
}
.neighbors .in {
	width: 587px;
	margin: 68px auto 54px;
}
.neighbors a.arr {
	height: 40px;
	line-height: 36px;
	font-size: 18px;
	border: 2px solid #000;
	width: 273px;
	border-radius: 20px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #000;
	text-decoration: none;
}
.neighbors a.arr:hover {
	text-decoration: none;
}
.neighbors-section {
	padding: 50px 0;
	margin-bottom: 0;
}
.fz20 {
	font-size: 20px;
}
.wish-form {
	margin-top: 93px;
	padding-top: 86px;
}
.wish-form h2 {
	margin-bottom: 70px;
}
input[type=text],
input[type=email],
textarea {
	border: 1px solid #fff;
	font-size: 20px;
	font-family: 'Conv_JournalSans Cyrillic';
	padding: 10px 20px;
	width: 100%;
}
input[type=text].error,
input[type=email].error,
textarea.error {
	border-color: #f00;
}
textarea {
	vertical-align: middle;
	height: 100px;
}
.form-group {
	margin-bottom: 10px;
}
.form-group.error .chose_file {
	color: #f00;
	border-bottom: 1px solid #f00;
}
.container-form {
	width: 680px;
	margin: 0 auto;
}
.button-group {
	text-align: center;
}
.form-gray .button-group {
	padding: 30px 0 80px;
}
.crumb-box {
	text-align: center;
	margin-top: 50px;
}
.crumb-box h1 {
	font-size: 36px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	margin-top: 4px;
	margin-bottom: 40px;
}
.solution {
	padding-top: 70px;
}
.solution h2 {
	margin-bottom: 50px;
}
.solution .items {
	width: 800px;
	margin: 0 auto;
}
.solution .img img {
	width: 100%;
}
.solution .desc {
	padding-left: 45px;
}
.solution .desc p {
	color: #afafaf;
	font-size: 24px;
	line-height: 30px;
}
.solution .title {
	font-size: 24px;
	line-height: 1.3em;
	margin-bottom: 34px;
	margin-top: -5px;
	font-weight: bold;
}
.solution .button-group {
	padding-top: 20px;
}
.solution .title a {
	text-decoration: none;
	color: #000;
}
.solution .title a:hover {
	text-decoration: underline;
}
.solution .item {
	margin-bottom: 80px;
}
.solution .item .img {
	display: inline-block;
	position: relative;
}
.solution .item .img:before {
	top: 153px;
}
.solution .item .img:after {
	padding-top: 80px;
}
.solution .item .img {
	margin-bottom: 0;
}
a.btn:hover {
	text-decoration: none;
}
.load-more {
	margin: 0 auto;
}
.problems {
	margin-top: 90px;
	padding-bottom: 70px;
}
.problems .in,
.other-offers .in,
.prices .in,
.contacts .in {
	width: 1000px;
	margin: 0 auto;
}
.blog-items .in,
.blog-content .in,
.blog-note .in {
	width: 1170px;
}
.problems ul {
	color: #afafaf;
	font-size: 24px;
	list-style-type: none;
	margin-left: 440px;
}
.problems ul li {
	position: relative;
	margin-bottom: 34px;
}
.problems ul li:before {
	content: '';
	background: #ffdd2e;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: -30px;
	top: 10px;
}
.problems h2 {
	margin-bottom: 80px;
}
.problems .in {
	background: url(../i/problem-img.png) 72px 100px no-repeat;
}
.problem-solutions {
	padding-top: 96px;
}
.prices {
	padding-top: 88px;
	padding-bottom: 110px;
	text-align: center;
	margin-bottom: 40px;
}
.prices h2 {
	margin-bottom: 32px;
}
.prices .col-sm-4 {
	padding-left: 5px;
	padding-right: 5px;
}
.prices .title {
	height: 72px;
	line-height: 72px;
	text-align: center;
	font-size: 24px;
	background: #ffdd2e;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	margin-bottom: 10px;
}
.prices .cont {
	background: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}
.prices .cont ul {
	list-style-type: none;
	text-align: left;
}
.prices .cont ul li {
	margin: 0 10px;
	border-bottom: 2px solid #f5f5f5;
	padding: 20px 0 21px 45px;
	line-height: 26px;
	background: url(../i/check.png) 10px 26px no-repeat;
}
.prices .cont ul li:last-child {
	border-bottom: none;
}
.prices .price-cont {
	background: #fff;
	padding: 72px 0 50px;
	text-align: center;
}
.prices .bord {
	width: 100px;
	height: 4px;
	background: #ffdd2e;
	display: inline-block;
	margin-bottom: 36px;
}
.prices .old-price {
	color: #afafaf;
	font-size: 18px;
	text-decoration: line-through;
	height: 27px;
}
.prices .price {
	font-size: 30px;
	margin-bottom: 40px;
}
.projects.tpl-sd {
	padding-top: 100px;
}
.preim.tpl-sd {
	margin-top: 90px;
	margin-bottom: 50px;
}
.other-offers {
	font-size: 20px;
	line-height: 26px;
	padding-top: 100px;
}
.other-offers a {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
}
.other-offers a:hover {
	text-decoration: none;
}
.other-offers .row>div {
	padding: 0 60px 23px 30px;
	position: relative;
}
.other-offers .row>div:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	background: #ffdd2e;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.other-offers h2 {
	margin-bottom: 75px;
}
.projects .item .img::after, .solution .item .img::after {
	box-sizing: border-box;
}
.clients .item {
	margin-bottom: 40px;
	text-align: center;
}
.clients .show-more {
	margin-top: 20px;
}
.fancybox-close-small {
	background: url(../i/close.png) center center no-repeat;
	top: -3px;
    right: -53px;
}
.fancybox-close-small svg {
	display: none;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.blog-main-bg .description {
	color: #fff;
	font-family: 'Conv_JournalSans Cyrillic';
	text-transform: none;
	font-size: 24px;
	line-height: 28px;
	margin: 20px 0 20px;
}
.blog-main-bg .center-big-text {
	margin-top: -200px;
}
.blog-items {
	/*margin-top: 96px;*/
}
.blog-items .item {
	margin-bottom: 80px;
}
.blog-items .title {
	font-size: 30px;
	line-height: 38px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	margin-bottom: 30px;
}
.blog-items .title a {
	color: #000;
	text-decoration: none;
}
.blog-items .title a:hover {
	border-bottom: 1px solid #000;
}
.blog-items .desc,
.blog-items .date {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Conv_JournalSans Cyrillic';
	color: #afafaf;
}
.blog-items .date {
	background: url(../i/icon-calendar.png) 0 4px no-repeat;
	padding-left: 32px;
	margin-bottom: 20px;
}
.blog-items .blog-desc {
	padding-left: 30px;
}
.blog-content {
	font-size: 24px;
	line-height: 30px;
	margin-top: 86px;
}
.blog-content h2 {
	margin-bottom: 56px;
}
.blog-content p {
	margin-bottom: 30px;
}
.blog-content p.float-left {
	margin-bottom: 0;
}
.blog-content img.float-left {
	float: left;
	margin: 5px 50px 20px 0;
}
.blog-content.border-top {
	padding-top: 110px;
}
.blog__col {
	margin-bottom: 60px;
}
.blog__img {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	background: #F0F0F0;
	margin-bottom: 20px;
}
.blog__img a {
	display: block;
	position: relative;
}
.blog__img .hover-more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
    font-size: 30px;
	text-align: center;
	opacity: 0;
	transition: all .3s;
	border-radius: 20px;
}
.blog__img .hover-more::after {
	content: '';
	width: 98px;
    height: 3px;
    background: #f3c644;
    z-index: 3;
	margin-top: 10px;
}
.blog__img .img:hover .hover-more {
	opacity: 1;
}
.blog__img img {
	width: 100%;
	vertical-align: bottom;
}
.blog__img a::before
.blog__info {
	padding-top: 30px;
}
.blog__item-tags {
	margin-bottom: 20px;
	font-size: 18px;
	color: #AFAFAF;
}
.blog__title {
	margin-bottom: 20px;
	font-size: 24px;
	font-style: normal;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	line-height: 125%
}
.blog__title a {
	color: #000;
}
.blog__title a:hover {
	text-decoration: underline;
}
.blog__date {
	font-size: 18px;
	color: #AFAFAF;
}
.blog__date i {
	margin-right: 10px;
}


.blog-note {
	padding-top: 70px;
}
.blog-note .desc-mid {
	padding-top: 0;
}
.blog-note .desc-mid img {
	margin-bottom: 86px;
}
blockquote,
.blockquote {
	color: #afafaf;
	font-size: 24px;
	line-height: 1.25em;
	font-family: 'Conv_JournalSans Cyrillic';
	border: 10px solid #f5f5f5;
	padding: 1em 1.3em;
	margin-bottom: 1.25em;
}
.contacts {
	margin-top: 3.13em;
	font-size: 24px;
	line-height: 1.5em;
	color: #afafaf;
}
.contacts p,
.contacts h4 {
	margin-bottom: 1.3em;
}
.contacts h4 {
	color: #000;
}
.contacts h4:not(:first-child) {
	margin-top: 2.5em;
}
.contacts h2 {
	margin-bottom: 85px;
	color: #000;
}
.contacts a {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
	text-decoration: none;
}
.contacts a:hover {
	color: #000;
	border-bottom-color: #000;
}
.projects .item .img {
	display: block;
}
.projects .img img {
	width: 100%;
}
.home-slider .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -99px;
	overflow: hidden;
	color: #fff;
	font-size: 0;
}
section.map {
	height: 600px;
	margin-top: 40px;
}
.hidden,
.form-group.h {
	display: none;
}
.popup-form {
	width: 800px;
	/*height: 600px;*/
	padding: 70px !important;
}
.popup-form input[type=text],
.popup-form textarea,
.popup-form input[type=checkbox]+label:before {
	border: 1px solid #afafaf;
}
.popup-wrap .fancybox-skin {
	border-radius: 0;
	background: #fff;
}
.popup-form h3 {
	text-align: left;
	color: #000;
	font-size: 36px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	line-height: 1.1em;
	margin-bottom: 52px;
}
.popup-form .f-button.is-close-btn {
	background: transparent url(../i/close-black.png) 50% no-repeat;
	right: 70px !important;
	top: 70px !important;
}
.popup-form .f-button.is-close-btn svg {
	display: none;
}
.popup-form .bottom-group {
	text-align: center;
}
.popup-form .bottom-group .btn.sz1 {
	margin-top: 0;
}
.chose_file{
    color: #afafaf;
    border-bottom: 1px solid #afafaf;
    text-decoration: none;
}
.chose_file:hover,
.chose_file:active,
.chose_file:focus {
	color: #000;
	text-decoration: none;
	border-bottom-color: #000;
}
.chose_file_text {
	display: none;
	color: #afafaf;
}
.chose_file_text:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(../i/trash.png) 0 0 no-repeat;
    margin-left: 20px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.chose_file_input{
    display: none;
}
.file-group {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
    font-size: 20px;
}
.popup-form input[type=text].error, 
.popup-form textarea.error {
	border: 1px solid #f00;
}
.popup-form input.error::-webkit-input-placeholder,
.popup-form textarea.error::-webkit-input-placeholder {color:#f00;}
.popup-form input.error::-moz-placeholder,
.popup-form textarea.error::-moz-placeholder          {color:#f00;}
.popup-form input.error:-moz-placeholder,
.popup-form textarea.error:-moz-placeholder           {color:#f00;}
.popup-form input.error:-ms-input-placeholder,
.popup-form textarea.error:-ms-input-placeholder      {color:#f00;}
.ajax_form {
	/*display: none;*/
}
.form-success {
	text-align: center;
	display: none;
}
.success-mess {
	color: #000;
	font-size: 36px;
	line-height: 37px;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	position: relative;
    width: 400px;
    margin: 0 auto;
    padding: 0 0 50px;
}
.success-mess:before {
	content: '';
	background: #ffdd2e;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	height: 2px;
}
.sub-success {
	font-size: 20px;
	line-height: 30px;
	color: #afafaf;
	margin-top: 40px;
}
.wish-form .form-success {
	padding-bottom: 100px;
}
.wish-form .success-mess {
	padding: 0 0 53px;
}
.popup-form p {
	font-size: 20px;
	line-height: 30px;
	color: #afafaf;
	margin-bottom: 30px;
}
.social-likes-section {
	text-align: center;
	height: 72px;
	margin-top: 38px;
}
.social-likes__widget {
	border-color: #cccccc;
	border-radius: 0;
	line-height: 30px;
}
.social-likes__button {
    padding: 1px 9px 1px 30px;
}
.social-likes__icon {
	width: 30px;
}
.social-likes__icon_odnoklassniki {
    background-position: 50% 3px;
}
.social-likes__counter {
	min-width: 30px;
}
.contacts-note {
	margin-bottom: 112px;
}
.home-slider .swiper-container {
    width: 100%;
    height: 100%;
}   
.home-slider .swiper-pagination {
	z-index: 60;
	bottom: 40px;
}
.home-slider .swiper-pagination-bullet:hover, 
.home-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #f3c644;
}
.home-slider .swiper-pagination-bullet {
	border: 3px solid #fff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	opacity: 1;
}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
	height: 100vh !important;
}
/*.no-video .video-container video,
.touch .video-container video,
.touchevents .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster,
.touchevents .video-container .poster {
    display: block !important;
}
.poster {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}*/
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-container video.fillWidth {
    width: 100%;
}
.other-all {
	display: none;
}
.error-h2 {
	font-size: 36px;
	text-align: center;
	font-family: 'Conv_JournalSans Bold Cyrillic';
	font-weight: normal;
	margin-bottom: 80px;
}
.problems .in {
	position: relative;
	background-image: url(../i/problem-img-q.png);
}
.problems .img {
	overflow: hidden;
	width: 243px;
	height: 243px;
	border-radius: 50%;
	position: absolute;
	top: 203px;
	left: 90px;
	box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.25);
}
.problems .img img {
	width: 100%;
	z-index: -1;
	position: relative;
}
#tpl17 .gray {
	margin-bottom: 0;
}

#tpl-bnr-work header,
#tpl10 header {
	width: 700px;
}

.works-page__items {
	display: -webkit-box;
	display: -moz-box;
	/*display: box;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	/*box-lines: multiple;*/
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.works-page__item {
	width: 50%; 
}

.works-page-item {
    height: 100%;
    width: 100%;
    position: relative;
    /*padding-bottom: 62.5%;*/
}
.works-page-item.is-dark .works-page-item__type,
.works-page-item.is-dark .works-page-item__title {
    color: #262729;
}
.works-page-item.is-dark .works-page-item__btn {
    border: 0.2rem solid #262729;
    color: #262729;
}
.works-page-item.is-dark .works-page-item__btn > .icon {
    background-position: -16px 0;
}
.works-page-item.is-light .works-page-item__type,
.works-page-item.is-light .works-page-item__title {
    color: #fff;
}
.works-page-item.is-light .works-page-item__btn {
    border: .2rem solid #fff;
    color: #fff;
}
.works-page-item.is-light .works-page-item__btn > .icon {
    background-position: -16px -16px;
}
a .works-page-item:hover .works-page-item__image {
    opacity: 0;
}
a .works-page-item:hover .works-page-item__content {
    opacity: 1;
}

a .works-page-item__image,
a .works-page-item__content {
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    will-change: opacity;
}
a .works-page-item__image {
    /*height: 100%;*/
    width: 100%;
    position: relative;
    /* position: absolute;
    top: 0;
    left: 0;
    z-index: 1; */
}
a .works-page-item__content {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    padding-right: 6vw;
    padding-left: 6vw;
    opacity: 0;
    text-align: center;
}
@media screen and (min-width: 768px) {
    a .works-page-item__content {
        padding-right: 3vw;
        padding-left: 3vw;
    }
}
@media screen and (min-width: 1280px) {
    a .works-page-item__content {
        padding-right: 6vw;
        padding-left: 6vw;
    }
}
a .works-page-item__type {
    margin-bottom: .75rem;
}
@media screen and (min-width: 1280px) {
    a .works-page-item__type {
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 1280px) {
    a .works-page-item__type {
        margin-bottom: 1.25rem;
    }
}
@media screen and (min-width: 1600px) {
    a .works-page-item__type {
        margin-bottom: 1.5rem;
    }
}
a .works-page-item__title {
    font-style: normal;
    font-weight: normal;
    font-family: 'Conv_JournalSans Bold Cyrillic';
}
a .works-page-item__btn {
    margin-top: 2rem;
}
@media screen and (max-width: 767px) {
    a .works-page-item__btn {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    a .works-page-item__btn {
        margin-top: 2.5rem;
    }
}
@media screen and (min-width: 1280px) {
    a .works-page-item__btn {
        margin-top: 3rem;
    }
}
@media screen and (min-width: 1600px) {
    a .works-page-item__btn {
        margin-top: 3.5rem;
    }
}
div .works-page-item {
    background: #262729;
}

div .works-page-item.loading {
	background: 	#262729  url('../i/Spinner.gif') center bottom  no-repeat;
	
}

.works-page-item__type {
	font-size: 2rem;
    line-height: 2.8rem;
}

div .works-page-item > i {
    -webkit-transform: translate(-50%, -60%);
    -moz-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    -o-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    position: absolute;
    top: 50%;
    left: 50%;
}
div .works-page-item > i:after {
    font-style: normal;
    font-weight: normal;
    font-family: 'Conv_JournalSans Cyrillic';
    font-size: 1.4rem;
    line-height: 2rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 2rem;
    color: #4a4b4d;
    content: attr(data-text);
    white-space: nowrap;
}
@media screen and (min-width: 768px) {
    div .works-page-item > i:after {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}
@media screen and (min-width: 1280px) {
    div .works-page-item > i:after {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}
@media screen and (min-width: 1600px) {
    div .works-page-item > i:after {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
h4 {
    font-style: normal;
    font-weight: normal;
    font-family: 'Conv_JournalSans Cyrillic';
    font-size: 2.2rem;
    line-height: 2.5rem;
}
.contacts h4 {
	font-family: "Conv_JournalSans Bold Cyrillic";
    font-size: 24px;
}

@media screen and (min-width: 768px) {
   
}
@media screen and (min-width: 1280px) {
   
}




.textcontent.post {
	padding-top: 80px;
	font-size: 24px;
	line-height: 1.5em;
}
.textcontent.post h1 {
	font-size: 40px;
}
.textcontent.post h2 {
	font-size: 30px;
	text-align: left;
}
.textcontent.post h2,
.textcontent.post h1 {
	margin-bottom: 40px;
	margin-top: 40px;
	line-height: 1.2em;
	font-family: "Conv_JournalSans Bold Cyrillic";
}
.textcontent.post h2:first-child,
.textcontent.post h1:first-child {
	margin-top: 0;
}
.textcontent.post hr {
	margin: 60px 0 40px;
	border-bottom: none;
	border-top: 1px solid #C9C8C8;
}
.textcontent.post ul li:before {
	top: .6em;
}
.white_head .textcontent.post {
	padding-top: 0;
}
.post p.float-left,
.post p.float-right {
	margin-bottom: 0;
}
.post img.float-left {
    float: left;
    margin: 5px 50px 20px 0;
}
.post img.float-right {
    float: right;
    margin: 5px 0 20px 50px;
}
.post p {
	margin-bottom: 1.25em;
}
.post p.gray {
	text-align: center;
    font-size: 26px;
    line-height: 1.23em;
    margin-top: 2em;
    padding: 2em 1.8em 1.7em;
    background: #f5f5f5;
    position: relative;
    margin-bottom: 2.7em;
}
.post .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.post .video-container iframe,
.post .video-container object,
.post .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post hr {
	border-color: #c9c8c8;
	margin: 110px 0 100px;
}
.post .image-wide {
	width: 100%;
	height: auto;
}
.post blockquote p:last-child {
	margin-bottom: 0;
}
.text-accent-1,
.text-accent-2,
.text-accent-3 {
	border-radius: 20px;
	background: #F5F5F5;
	padding: 50px;
}
.textcontent.post .text-accent-1,
.textcontent.post .text-accent-2,
.textcontent.post .text-accent-3 {
	margin-bottom: 40px;
	margin-top: 40px;
}
.text-accent-2 {
	font-family: "Conv_JournalSans Bold Cyrillic";
	font-size: 30px;
	line-height: 1.3;
}
.text-accent-3 {
	font-family: "Conv_JournalSans Bold Cyrillic";
	font-size: 40px;
	line-height: 1.3;
}
a:focus {
	outline: none !important;
}
.border_top {
	border-top: 1px solid #c9c8c8;
	padding-top: 90px;
}
.btn_more_bl {
	margin-top: 30px;
	font-size: 20px;
}
.blog-img img {
	border-radius: 50%;
}
.hf {
	display: none;
}

input[type=checkbox]+label {
    user-select: none;
    padding-left: 32px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
input[type=checkbox]+label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 4px;
    transform: translateY(1px);
    transition: ease .15s;
}
input[type=checkbox]:checked+label:before {
    background: url(../i/checked@2x.png) center no-repeat #fff;
    -webkit-background-size: 12px 8px;
    background-size: 12px 8px;
    box-shadow: none !important;
}
input[type=checkbox], input[type=radio] {
    display: none;
}
input[type=checkbox].error+label:before {
	border: 1px solid #F00;
}
.agreement {
	font-size: 20px;
    font-family: "Conv_JournalSans Cyrillic";
    color: #afafaf;
    text-align: left;
	margin: 30px 0 50px;
}
.agreement a {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
}
.agreement a:hover {
	color: #000;
	text-decoration: none;
	border-bottom-color: #000;
}
.agreement p {
	display: inline;
}
.textcontent {
	font-size: 22px;
	line-height: 1.25;
}
.work-content p.thin,
.textcontent p.thin {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.textcontent p,
.textcontent ul,
.textcontent ol,
.textcontent table {
	margin-bottom: 2em;
}
.textcontent ul {
	list-style-type: none;
	padding-left: 1.25em;
}
.textcontent ol {
	padding-left: 1.25em;
}
.textcontent ul li,
.textcontent ol li {
	position: relative;
	margin-bottom: 1em;
}
.textcontent ul li:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffdd2e;
	top: .45em;
	left: -1.25em;
}
.textcontent h1 {
	margin: 1em 0;
}
.textcontent h2 {
	margin-bottom: 1.25em;
    line-height: 1.25em;
    margin-top: 2em;
    font-size: 1.64em;
}
.textcontent h3 {
	margin-bottom: 1.25em;
    line-height: 1.25em;
    margin-top: 2em;
    font-size: 1.3em;
    text-align: center;
}
.textcontent h2:first-child,
.textcontent h3:first-child {
	margin-top: 0;
}
.textcontent hr {
	margin: 2.73em 0 2.27em;
}
.textcontent a {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
}
.textcontent a:hover {
	color: #000;
	border-bottom-color: #000;
	text-decoration: none;
}
.textcontent table {
	width: 100%;
	font-size: 0.91em;
}
.textcontent table td {
	border: 1px solid #c9c8c8;
	padding: 0.5em 1em;
}
.textcontent table tr:first-child td {
	background: #f1f1f1;
}
.work-filters-items input[type=radio]+label:before {
	display: none;
} 
.work-filters-items input[type=radio]+label {
	padding-left: 0;
	cursor: pointer;
}
.work-filters-items li label {
	color: #afafaf;
	border-bottom: 1px solid #afafaf;
	line-height: 1em;
}
.work-filters-items input[type=radio]:checked+label {
	color: #000;
	border-bottom-color: #000;
}
.projects-wide {
	margin-bottom: 120px;
}
/* для Главной страницы */
#tpl1 .projects-wide {
	margin-bottom: 0;
}
.projects-wide h2 {
	margin-bottom: 60px;
}
#mse2_results {
	margin-bottom: 0 !important;
}
.blog-items{
	margin-bottom: 56px;
}
.textcontent a.video-link {
	display: block;
	position: relative;
	border-bottom: none;
}
.textcontent a.video-link img {
	vertical-align: bottom;
}
.textcontent a.video-link img.float-left,
.textcontent a.video-link img.float-right {
	margin: 0;
}
.textcontent a.video-link.float-left {
	margin: 5px 50px 20px 0;
	float: left;
}
.textcontent a.video-link.float-right {
	margin: 5px 0 20px 50px;
	float: right;
}
.textcontent a.video-link .play {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border-radius: 50%;
	border: 3px solid #fff;
}
.textcontent a.video-link .play,
.textcontent a.video-link:hover .play svg .svg-g {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.textcontent a.video-link .play svg {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	margin-left: 29px;
}
.textcontent a.video-link:hover .play {
	border-color: #ffdd2e;
}
.textcontent a.video-link .play svg .svg-g {
	stroke: #fff;
}
.textcontent a.video-link:hover .play svg .svg-g {
	stroke: #ffdd2e;
}
[data-readmore] {
	overflow: hidden;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s;
}
#container:after {
	content: '';
	width: 100%;
	height: 0;
	position: fixed;
	background: rgba(0,0,0,.5);
	left: 0;
	top: 0;
	z-index: 101;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
#container,
.mobile_menu {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.mobile_menu {
	display: none;
	position: fixed;
	top: 0;
	bottom:0;
	right: -100%;
	width: 220px;		
	/*min-width: 320px;*/
	/*height: 100vh;   		*/
	background: #fff;    
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    z-index: 2000;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mobile_menu ul {
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #fff;
}
.mobile_menu ul ul {
	position: absolute;
	left: 0;
	top: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    z-index: 50;
}
.mobile_menu ul ul.open {
	/* -webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    transform: translateX(0); */
	z-index: 100;
}
.mobile_menu > ul.close {
	-webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}
.mobile_menu ul {
	list-style-type: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 20px 15px;
}
.mobile_menu li {
	display: block;
	line-height: 1.2em;
	padding: 12px 0;
}
.mobile_menu li.menu_first_title {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 25px;
	margin-bottom: 16px;
}
.mobile_menu li a {
	text-decoration: none;
	color: #000;
}
.mobile_menu li.parent > a {
	position: relative;
}
.mobile_menu li.parent > a:after {
	content: '';
	width: 12px;
	height: 12px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(-45deg);
	top: 15px;
    right: 3px;
	position: absolute;
}
.mobile_menu ul ul li.menu_first_title {
	cursor: pointer;
}
.mobile_menu ul ul li.menu_first_title:before {
	content: '';
	width: 12px;
	height: 12px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	display: inline-block;
	margin-right: 15px;
	margin-left: 3px;
}
.mobile_menu .phone,
.mess_icons {
	border-top: 1px solid #e8e8e8;
	padding: 23px 0;
	margin: 0 20px;
}
.mess_icons {
	font-size: 28px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.mess_icons a {
	color: #000;
}
.menu_copyright {
	color: #afafaf;
	font-size: 16px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: auto;
}
.nav-toggle {
	display: none;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	position: fixed;
	top: 21px;
	right: 20px;
	cursor: pointer;
	z-index: 2011;
}
.nav-toggle i {
	display: block;
	margin-top: 7px;
	width: 100%;
	height: 2px;
	background: #fff;
}
/* .white_head .nav-toggle:hover i, 
.fix .nav-toggle:hover i {
	background: #4aa4f1;
} */
.white_head .nav-toggle i,
.fix .nav-toggle i {
	background: #000;
}
.nav-toggle i:first-child {
	margin-top: 0;
}
 
#nav-toggle {
    position: absolute;
    display: none;
}
#nav-toggle:checked ~ .nav-toggle i {
    background: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#nav-toggle:checked ~ .nav-toggle i:nth-child(3) {
	display: none;
}
#nav-toggle:checked ~ .nav-toggle i:first-child {
	transform: rotate(45deg);
	top: 9px;
    position: relative;
}
#nav-toggle:checked ~ .nav-toggle i:nth-child(2) {
	transform: rotate(-45deg);
}
#nav-toggle:checked ~ .mobile_menu {
    right: 0;
    overflow-y: auto;
}
#nav-toggle:checked ~ #container:after {
	height: 100%;
	opacity: 1;
}
#nav-toggle:checked ~ #container {
    /* -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0); */
}
body {
    -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}

.btn .m {
	display: none;
}
.pozvonim-mobile ~ #container .home-slider .swiper-pagination {
	bottom: 100px;
}
.seo-bottom {
	margin-bottom: 0;
}
#partnerForm .bottom-group {
	margin-top: 40px;
}
#partnerForm h3 {
	margin-bottom: 40px;
}
#tpl10 .how-work .note .btn.sz1 {
	margin-top: 0;
}
.mobile_menu_head {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 22px 0 15px;
    margin: 0 20px;
    border-bottom: 1px solid #e8e8e8;
}
.mobile-testim-swiper .swiper-button-next, 
.mobile-testim-swiper .swiper-button-prev {
	top: 45px;
	margin-top: 0;
	background: none;
}
.mobile-testim-swiper .swiper-button-next {
	right: 0;
}
.mobile-testim-swiper .swiper-button-prev {
	left: 0;
}
.mobile-testim-swiper .swiper-button-next:before, 
.mobile-testim-swiper .swiper-button-prev:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	top: 7px;
}
.mobile-testim-swiper .swiper-button-next:before {
	transform: rotate(-45deg);
}
.mobile-testim-swiper .swiper-button-prev:before {
	transform: rotate(135deg);
}
.mobile-testim-swiper .swiper-button-next:before {
	right: 7px;
}
.mobile-testim-swiper .swiper-button-prev:before {
	left: 7px;
}
.testim-item .btn_more_bl {
	margin-top: 20px;
	margin-bottom: 20px;
}
.blog-items .desc.mobile {
	display: none;
}
.scroll-lock {
	overflow: hidden;
}
.console {
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding: 0 20px;
	color: #000;
	z-index: 9999;
}
a .works-page-item__image {
	display: block;
	min-height: 150px;
	text-indent:-9999px;
	background-image: url('../i/Spinner.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.fas.fa-viber:before {
    content: "";
    background: url(../i/iconfinder-viber.svg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 0.9em;
    height: 0.9em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2px;
}
.fa-telegram {
	color: #139BD0;
}
.pagination {
	list-style-type: none;
	display: flex;
}
.page-item {
	margin-right: 10px;
}
.page-link {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	border: 2px solid #000;
	color: #000;
	transition: all .3s;
}

.page-link:hover,
.page-item.active .page-link {
	background: #000;
	color: #fff
}

.main-post {
	position: relative;
	background: none;
}

.main-post__image {
	width: 100%;
}

.main-post .center-big-text {
	text-align: left;
	padding: 0;
}

.main-post .center-title {
	font-size: 40px;
	line-height: 100%;
	text-align: left;
	margin: 0;
}

.hide-scrollbar .header-top {
    right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)) !important
}

#jvlabelWrap {
	right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px) + 40px) !important
}

.testim-links {
	margin-top: 30px;
	--bs-gutter-x: 10px;
}

.testim-link {
	display: inline-flex;
	text-decoration: underline;
	color: #000;
	font-size: 14px;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	height: 33px;
	border-radius: 20px;
	background: #f5f5f5;
}

.consult-button-section {
	text-align: center;
	margin-bottom: 80px;
}

.solution-text-1 {
	margin-bottom: 80px;
	margin-top: 0;
}

.solution-text-1 .in,
.solution-text-2 .in {
	margin: 0 auto;
    max-width: 1072px;
}

.solution-text-2 {
	margin-bottom: 0;
}

.solution-text-2.gray::after {
	display: none;
}

.solution-video {
	margin-bottom: 90px;
}

.solution-video__link {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 830px;
	overflow: hidden;
	border-radius: 20px;
}

.solution-video__link img {
	vertical-align: bottom;
	width: 100%;
	position: relative;
	z-index: 1;
}

.solution-video__link::before,
.solution-video__link::after {
	content: '';
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
}

.solution-video__link::before {
	width: 160px;
	height: 160px;
	border: 2px solid #FFDD2E;
	border-radius: 50%;
	margin: -80px 0 0 -80px;
}

.solution-video__link::after {
	width: 41px;
	height: 48px;
	margin: -24px 0 0 -23px;
	background: url('../i/play-button.svg') no-repeat 50%;
	background-size: cover;
}

.img-error {
	max-width: 100%;
}