.hold-video {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
.hold-video iframe, .hold-video video {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.image > div > p:first-child, .text > div > p:first-child {
	margin-top: 0;
}
.image > div > p:last-child, .text > div > p:last-child {
	margin-bottom: 0;
}
.contacts-map {
	height: 715px;
	max-height: 45vh;
}
.contacts-list li {
	display: flex;
}
.contacts-list li .l {
	margin-right: 10px;
	flex: 0 0 155px;
}
.contacts-list li:before {
	display: none;
}
.item-mini small, .item-category, .item-details {
	font-size: 0.85em;
}

@media only screen and (min-width: 1280px) {
.item-mini small, .item-category, .item-details {
	font-size: 13px
}
}
/*scrollbar*/
* {
	scrollbar-width: thin;
	scrollbar-color: var(--borders-dark) transparent;
}
/* width */
::-webkit-scrollbar {
 width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
 background:  var(--borders);
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: var(--borders-dark);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #555;
}

@media only screen and (min-width: 1440px) {
.menu {
	padding-right: 20px;
}
}

@media only screen and (min-width: 1280px) {
.menu {
	width: 260px;
}
.grid-catalog .top-title {
	padding-bottom: 10px;
}
}
/*\scrollbar*/


.index-block-order2 p:first-child {
	margin-top: -5px;
}
.filters-foot {
	display: block;
}
.swiper-arr svg {
	-webkit-animation: scale-up-left 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) infinite alternate-reverse;
	animation: scale-up-left 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) infinite alternate-reverse;
}
.swiper-arr.swiper-prev svg {
	-webkit-animation: scale-up-right 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) infinite alternate-reverse;
	animation: scale-up-right 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) infinite alternate-reverse;
}
 @-webkit-keyframes scale-up-right {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
}
 100% {
 -webkit-transform: scale(1.25);
 transform: scale(1.25);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
}
}
@keyframes scale-up-right {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
}
 100% {
 -webkit-transform: scale(1.25);
 transform: scale(1.25);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
}
}
 @-webkit-keyframes scale-up-left {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
}
 100% {
 -webkit-transform: scale(1.25);
 transform: scale(1.25);
 -webkit-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
}
}
@keyframes scale-up-left {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
}
 100% {
 -webkit-transform: scale(1.25);
 transform: scale(1.25);
 -webkit-transform-origin: 0% 50%;
 transform-origin: 0% 50%;
}
}
/*@media only screen and (max-height: 1060px){
    .menu {
        min-height: calc(100% - 350px);
    }
    .content {
        padding-top: 80px;
    }
    .catalog-slider .swiper-slide {
        padding-top0: 80px;
    }
    .catalog-slider .top-title h1, .catalog-slider .top-title .h1 {
        min-height: 145px;
        margin-top: -145px;
        display: flex;
        align-items: flex-end;
    }
}*/


/*.video-area-index:before,
.video-area-index:after,
.video-area:before,
.video-area:after{
	display:none;
}*/
.video-area-index:before {
	background: url(../img/video-letters.svg) no-repeat 50% 50%;
}
.bottom-scroll-block.visible .index-block-move.loading {
	transform: translate3d(0, 10vmin, 0);
	opacity: 0;
}
.bottom-scroll-block.visible .index-block-move.loading.loaded {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.ready .index-block-move.loading .page-move-up {
	transform: translate3d(0, 10vmin, 0);
	opacity: 0;
}
.ready .index-block-move.loading.loaded .page-move-up {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

@media only screen and (max-width: 1440px) {
.video-area-index:before {
	background-size: 80%;
}
}
/*autoplay video*/
.video-area.js_autoplay video {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
}
.video-area.js_autoplay {
	background: none;
}
.video-area.js_autoplay:before {
	display: none;
}
.item-head-image .hold-video.video-area.js_autoplay {
	height: 720px;
	padding: 0;
}
/*tip_proekta_filter_list*/
.tags-ind {
	display: flex;
	flex-wrap: wrap;
	margin: -15px 0 24px 0;
	gap: 0.25em 1em;
}
.tags-ind .link-small {
	position: relative;
	flex: 0 0 auto;
	color: var(--grey);
	text-decoration: none;
	transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (pointer:fine) {
.tags-ind .link-small:hover {
	color: var(--dark);
}
}
.tags-ind .link-small .num {
	color: var(--lightgrey);
	position0: absolute;
	right: 0;
	min-width: 4ex;
	display0: none;
	margin-left: 4px;
}
.tags-ind .link-big.active, .tags-ind .link-small.active {
	color: var(--dark);
}
.go_to_form {
	max-width: 240px;
	margin-bottom: 16px;
}
.project_body {
	overflow: hidden;
}

@media only screen and (max-width: 820px) {
.tags-ind .link-small {
	font-size: 1em;
}
}
.item-category a, .item-details a {
	text-decoration: underline;
}
.item-category a:hover, .item-details a:hover {
	text-decoration: none;
}
.text a {
	color: var(--dark);
}
/*.tags-ind .link-small {

    border: 1px solid;
    padding: 2px 5px;
    margin: 5px 10px;
}*/


.ser_item {
	padding-top: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
/*05.10.22 start*/
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el {
	display: flex!important;
}
.catalog-slider.main_catalog-slider .grid-catalog:not(.grid-catalog-index) {
	grid-template-columns: repeat(3, 1fr);
}
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el.wide {
	grid-area: 1/1/1/4;
}

@media only screen and (orientation: portrait) and (min-width: 538px), only screen and (min-width: 820px) {
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el.wide {
	grid-area: 1/1/1/4;
}
}

@media only screen and (orientation: portrait) and (min-width: 768px), only screen and (min-width: 820px) {
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el.wide {
	grid-area: 1/1/1/4;
}
}

@media only screen and (orientation: portrait) and (min-width: 768px), only screen and (min-width: 820px) {
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el.wide {
	grid-area: 1/1/1/2;
}
}

@media only screen and (min-width: 1440px) {
.main_catalog-slider .grid-catalog:not(.grid-catalog-index) .el.wide {
	grid-area: 1/1/1/3;
}
}

@media only screen and (min-width: 1440px) {
.catalog-slider.main_catalog-slider .grid-catalog {
	grid-template-columns: repeat(4, 1fr);
}
}
/*showreel grid start*/
.grid-catalog-index {
	grid-template-columns: repeat(2, 1fr);
}
.grid-catalog-index .el.wide {
	grid-area: 1/1/1/3;
}
.grid-catalog-index .el.showreel {
	grid-area: 2/1/2/3;
}

@media only screen and (min-width: 540px) {
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(3, 1fr);
}
.catalog-slider .grid-catalog-index .el.wide {
	grid-area: 1/1/1/4;
}
.catalog-slider .grid-catalog-index .el.showreel {
	grid-area: 2/1/2/4;
}
}

@media only screen and (orientation: portrait) and (min-width: 768px), only screen and (min-width: 820px) {
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(3, 1fr);
}
.catalog-slider .grid-catalog-index .el.wide {
	grid-area: 1;
}
.catalog-slider .grid-catalog-index .el.showreel {
	grid-area: 1/2/1/4;
}
}

@media only screen and (min-width: 1024px) {
.catalog-slider .grid-catalog-index .el.wide {
	grid-area: 1;
}
.catalog-slider .grid-catalog-index .el.showreel {
	grid-area: 1/2/1/4;
}
}

@media only screen and (min-width: 1440px) {
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(4, 1fr);
}
.catalog-slider .grid-catalog-index .el.wide {
	grid-area: 1/1/1/3;
}
.catalog-slider .grid-catalog-index .el.showreel {
	grid-area: 1/3/1/5;
}
}

@media only screen and (min-width: 1920px) {
.catalog-slider .grid-catalog {
	grid-template-columns: repeat(5, 1fr);
}
}

/*showreel grid end*/

@media only screen and (max-width: 767px) {
.grid-catalog-index .item-mini .item-details, .grid-catalog-index .item-mini small {
	display: none;
}
}
.item-details {
	word-wrap: break-word;
	hyphens: auto;
}
/*05.10.22 end*/
.el.showreel .video-area, .modal .video-area {
	border-radius: 0;
}
.form_result {
	display: none;
}
.send .form_result {
	display: block;
	text-align: center;
	padding: 10px;
}
.item-image-row .video-area.js_autoplay, .item-image-row .video-area.js_autoplay video {
	border-radius: 0;
}
.project_list_wrap {
	margin-bottom: 20px;
}

@media only screen and (orientation: portrait) and (min-width: 768px), only screen and (min-width: 820px) {
.ser_item.ser_main_item {
	padding-top: 112px;
}
.ser_item {
	padding-top: 85px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
.ser_item.ser_main_item {
	padding-top: 135px;
}
.ser_item.ser_main_item {
	padding-top: 130px;
}
}

@media only screen and (min-width: 1280px) {
.catalog-slider .top-title h1, .catalog-slider .top-title .h1 {
	min-height: 85px;
	margin-top: -85px;
}
.ser_item.ser_main_item {
	padding-top: 150px;
}
.ser_item {
	padding-top: 85px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
	padding-bottom: 60px;
}
}

@media only screen and (min-width: 1440px) {
.ser_item.ser_main_item {
	padding-top: 110px;
}
.ser_item {
	padding-top: 85px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
	padding-bottom: 60px;
}
}

@media only screen and (orientation: landscape) and (max-width: 820px) {
.ser_item.ser_main_item {
	padding-top: 0;
}
.ser_item {
	padding-top: 0;
}
}

@media only screen and (orientation: portrait) and (max-width: 768px), only screen and (max-width: 820px) {
.item-details tr.fn_ssylka_na_sajt {
	display: none;
}
.el.website_item:last-child {
	display: none;
}
}
.benefits li {
	text-align: center;
}
.text strong {
	font-weight: bold;
}
a[href^=tel] {
	cursor: pointer;
}
.text a[href^=tel] {
	cursor: pointer;
	text-decoration: underline !important;
}
.text a[href^=tel]:hover {
	cursor: pointer;
	text-decoration: none !important;
}