/* Делаем крупнее картинки услуг */
.sl-unit-pic img{
    max-width: 300px;	
}

.sl-unit-pic {
	min-height: 320px;
	pointer-events: none;
}

.sl-unit-title-pic {
	pointer-events: none;
}

.sl-unit:hover .sl-unit-title-pic {
	transform: translateY(-412px);
}

.sl-unit-hov-text-pic-wrap object {
	transform: scale(1.4) translateX(0px) translateY(70px);
}

/* Размер кристаллика в разделе Поможем определиться */
.d-cons
{width: 400px}

/* Цвет границы формы при ошибке заполнения */
.input-row input.form-error {
    border-color: #f84b4b;
}
 
/* Стиль ссылки на странице 404 */
 a {
  text-decoration: none;
}
 
 /* Фон на странице 404 */
 .bg-not-found::after {
    background:url(../img/404-bg.png)no-repeat;
}

/* Отступы в списке на странице оферты */
.text-items ul li {
	padding-bottom: 20px;
	list-style-position: inside;
}

/* Отступы на странице с офертой*/
.blank-page{
	padding: 150px 50px 1px 50px;
}

@media screen and (max-width: 1100px) {

	/* Отступы на странице с офертой*/
	.blank-page{
		padding: 150px 0px 1px 0px;
	}
	
	.sl-unit:hover .sl-unit-title-pic {
	transform: translateY(-290px);
	}
	
	.sl-unit-pic {
    min-height: 250px;
    }
    
        .stp-pic-wrap {
        display:none;
    }

}

 /* Вывод верхнего ряда проектов над нижним по z */
@media screen and (min-width:991px) {
    .plu-1, .plu-2, .plu-3, .plu-4 {
        z-index:2;
    }
}




/*video-for--mobile example-block*/


.defm-video-wrap {
    display:flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.defm-video-wrap video {
    width:100%;
}

.defm-video-wrap .btn-wrap {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.defm-video-wrap .btn-wrap .ep-btn {
    position: relative;
    transition: 0.2s;
    opacity: 1;
}

.defm-video-wrap .btn-wrap .ep-btn.active {
    opacity: 0;
}

.defm-video-wrap .btn-wrap .ep-btn img {
    z-index: 1;
    position: relative;
}

.defm-video-wrap .btn-wrap .ep-btn::after {
    content:'';
    position: absolute;
    width:30px;
    height:30px;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background-color:#fff;
    z-index: 0;
}

@media screen and (max-width: 768px) {

	.sl-unit:hover .sl-unit-title-pic {
	transform: translateY(0px);
	}
	
	.service-list-row-wrap {
		padding-top: 50px;
	}

}

@media screen and (max-width:480px) {
    .difference-text-panel {
        margin-top:24px;
    }

    .diffrent-text-panel {
        margin-bottom: 24px;
    }
    
    .sl-unit-pic img {
    max-width: 220px;
    width: auto;
    }
}

.thumbnail2, .thumbnail3 {
    position: absolute;
    right:0;
    bottom:0;
    max-height:100%;
    max-width: 60%;
}






/*new-year-style*/

.ny-cover {}

.ny-cover .animated-ny-pic {
    position: absolute;
    right: 140px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ny-cover .animated-ny-pic object {
    display:none;
}

.ny-cover .main-b-cont-section.active .animated-ny-pic object {
    display:flex;
}

.ny-cover .ny-deer-list {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.ny-cover .ny-deer-unit {
    display:flex;
    align-items:center;
    justify-content:center;
    margin: 0 26px;
}

.ny-cover .ny-deer-unit img  {
    animation: walkinDeer 5s infinite ease-in-out;
}


/*concept-page*/

.n-concept-panel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.n-concept-video {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-right:32px;
    box-sizing:border-box;
}

.nc-concept-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-left:32px;
    box-sizing:border-box;
}

.n-concept-video video{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.nc-concept-btn .btn {
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
}

.nc-concept-btn .btn svg {
    width:24px;
    height:24px;
    margin-right:12px;
    margin-top:-4px;
}

@media screen and (max-width:1000px) {
    .n-concept-panel {
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .n-concept-video, .nc-concept-btn {
        width:100%;
        padding:0;
    }

    .n-concept-video {
        margin-bottom: 32px;
    }
}





@keyframes walkinDeer {
    0%{
        transform: rotate(-12deg);
    }
    50%{
        transform: rotate(12deg);
    }

    100%{
        transform: rotate(-12deg);
    }
}

@media screen and (max-height: 660px) {
    .ny-cover .ny-deer-unit img {
        max-height: 60px;
    }
}



@media screen and (max-width:1400px) {
    .ny-cover .animated-ny-pic object {
        width:300px;
    }
}

@media screen and (max-width:1100px) {
    .ny-cover .mbc-title {
        display:none;
    }

    .ny-cover .main-b-cont-panel {
        align-items: center;
    }

    .ny-cover .animated-ny-pic {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        margin: 0 0 70px 0;
        height: unset;
    }

    .ny-cover .ny-deer-unit img {
        max-width: 60px;
    }

}

@media screen and (max-height: 600px) {
    .ny-cover .ny-deer-list {
        display:none;
    }

    .ny-cover .animated-ny-pic object {
        width: 230px;
    }
}