/* Start:/bitrix/templates/3Core/css/services__portfolio.css?178852085914137*/
body {
    font-family: "Proxima Nova Rg";
}
body .wrapper {
    overflow-x: visible;
}
.out80 {
    max-width: 1170px;
    margin: auto;
}
footer {
    color: #101010!important;
    background-color: #fff!important;
}
.footer a {
    color: #101010!important;
}
.footer a:hover {
    color: red!important;
}
.socServ  a:hover path{
    stroke: red!important;
}
.socServ a {
    color: #010101!important;
}
.socServ path {
    stroke: #010101!important;
}

section.service p{
    font-size: 18px;
    line-height: 34px;
    max-width: 530px;
}
header .d_menu li {
    width: 100%!important;
}
.showreal {
    display: none;
}
.outofpic {
    margin-top: 20px!important;
}
.service__head {
    margin-top: 60px;
    padding-top: 120px;
    height: 542px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.head__title {
    font-family: "KelsonSansBold";
    color: #ffffff;
    display: flex;
    margin-left: 120px;
    margin-top: 35px;
}
.head__title sup {
    font-family: "Proxima Nova Rg";
    font-weight: 700;
    font-size: 18px;
}
.head__title h1 {
    font-size: 72px;
    max-width: 510px;
    text-transform: uppercase;
    margin-left: 32px;
}

.service__description {
    display: flex;
}
.left__desc {
    width: 45%;
}
.right__desc {
    width: 55%;
}

.bigText {
    text-align: center;
    color: white;
    font-weight: 400;
    margin-top: 0px;
    white-space: nowrap;
    -webkit-text-stroke-color: rgba(236, 34, 39, 0.47);
    -webkit-text-stroke-width: 1px;
    font-size: 154px;
    font-weight: 700;
}
.first-rolling {
    position: absolute;
    color: rgba(236, 34, 39, 1);
}


.service_description {
    position: relative;
}



.rightBlock__wrapper {
    display: flex;
    flex-direction: column;
}
.stage__number {
    margin: 75px 0 35px;
    width: 46px;
    height: 46px;
    border: 2px solid #010101;
    border-radius: 50%;
    display: flex;
}
.stage__number .stnum {
    margin: auto;
    font-size: 35px;
    font-weight: 700;
}



/* FEEDBACK */
.detail_feedback {
    position: relative;
    margin-top: 90px;
    padding: 100px 15px 60px;
    background-color: #c9c9c9;
}
.detail_feedback h1 {
    color: #010101;
    font-family: "KelsonSansBold";
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.feedback_title {
    font-family: "KelsonSansBold";
    font-size: 42px;
    font-weight: 400;
    line-height: 46px;
    text-transform: uppercase;
    width: 100%;
    max-width: 495px;
}
.form {
    font-family: "Proxima Nova Rg";
    font-size: 20px;
}
.form input[type=text],
.form input[type=email] {
    width: 499px;
    height: 83px;
    border: 2px solid #000000;
    font-family: "Proxima Nova Rg";
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    padding-left: 15px;
    margin-bottom: 40px;
    background-color: #c9c9c9;
}
.arrow_down {
    background: url('/bitrix/templates/3Core/css/../images/arrow_down.png') no-repeat;
    background-size: contain;
    width: 21px;
    height: 11px;
    display: block;
    position: absolute;
    right: 20px;
    top: 52px;
    transition: transform .3s linear;
    transform-origin: center;
    z-index: 100;
}
.arrow_down.active {
    -webkit-transform: translateY(-50%) scale(1,-1);
    -moz-transform: translateY(-50%) scale(1,-1);
    -o-transform: translateY(-50%) scale(1,-1);
    -ms-transform: translateY(-50%) scale(1,-1);
    transform: translateY(-50%) scale(1,-1);
}
.mf-services .select_items {
    background-color: #c9c9c9;
}
.form input[type=submit] {
    color: #ec2227;
    font-family: "Proxima Nova Rg";
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
}
.form input[type=text]::placeholder {
    color: #000;
}
.back__text {
    -webkit-text-stroke-color: rgba(236, 34, 39, 0.47);
    -webkit-text-stroke-width: 1px;
    font-size: 111px;
    line-height: 112px;
    color: transparent;
    font-weight: 700;
    position: absolute;
}
.back__text.right {
    right: 0;
    top: 7px;
}
.back__text.left {
    bottom: 110px;
    left: 50px;
}
.more__projests--slider .project--content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.more__projests--slider .project--content .project__data {
    margin: auto 0;
}
.more__projests--slider .project--content .project__data .project__count {
    color: #ec222a;
    font-size: 42px;
    font-weight: 700;
}
.more__projests--slider .project--content .project__data .project__name {
    font-family: "KelsonSansBold";
    font-size: 100px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.more__projests--slider .project--content .project__link a {
    min-width: 190px;
    color: #ec2227;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
.project__link {
    display: flex;
}
.project__link:after {
    content: "";
    border-bottom: 2px solid red;
    width: 100%;
    margin: 10px 0 10px 30px;
    align-self: center;
}
.slider_nav {
    margin-top: 25px;
    justify-content: flex-end;
}

.back__top {
    right: 170px;
    position: absolute;
    margin-top: -30px;
}
.image__desktop {
    margin-bottom: 70px;
}

@media (max-width: 768px) {
    .back__top {
        right: 20px;
    }
    .copyright {
        font-size: 14px;
    }
}
.scroll-down {
    animation: bounce-down 1s infinite alternate;
    -webkit-animation: bounce-down 1s infinite alternate;
}

@keyframes bounce-down{
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce-down {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-15px);
    }
}

@media (max-width: 992px) {
    .detail_feedback .container {
        justify-content: center;
        flex-flow: column;
    }
    .feedback {
        max-width: 500px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .feedback_title {
        text-align: left;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
    .form input[type=text],
    .form input[type=email] {
        width: 100%;
    }
    .form {
        margin-left: 0;
        width: 100%;
    }
}
/* /. FEEDBACK */

@media (min-width: 905px) {
    .service__slog, .image__desktop, .penetrating__text, .left__ziga {
        position: relative;
    }
    .service__slog::before {
        content: "";
        position: absolute;
        background-image: url("/bitrix/templates/3Core/images/portfolio/blink.png");
        width: 103px;
        height: 87px;
        transform: translate(-95px, -85px);
    }
    .image__desktop::before {
        content: "";
        position: absolute;
        background-image: url("/bitrix/templates/3Core/images/portfolio/crown.png");
        width: 190px;
        height: 107px;
        transform: translate(-110px, 60px);
    }
    .penetrating__text::before {
        content: "";
        position: absolute;
        background-image: url("/bitrix/templates/3Core/images/portfolio/ziga.png");
        width: 115px;
        height: 162px;
        right: 0;
        transform: translate(300px, -15px);
    }
    .penetrating__text.zero::before {
        transform: translate(0, -15px);
    }
    .left__ziga::before {
        content: "";
        position: absolute;
        background-image: url("/bitrix/templates/3Core/images/portfolio/ziga.png");
        width: 115px;
        height: 162px;
        transform: translate(-265px, -10px);
    }
}

@media (min-width: 1025px) {
    .service__head {
        height: 41vw;
    }
    .head__title::before {
        content: "";
        border-bottom: 2px solid #fff;
        width: 100px;
        margin-right: 20px;
        align-self: center;
    }
}
@media (min-width: 769px) {
    .second-rolling, .third-rolling {
        font-size: 111px!important;
        line-height: 112px;
        margin: 55px 0 75px;
    }
    .service__head--mobile {
        display: none;
    }
    .service_description {
        display: flex;
        flex-wrap: wrap;
        margin: 120px 0 15px;
    }
    .image__left {
        order: 1;
        flex: 0 0 40%;
    }
    .prew__description {
        order: 2;
    }
    .service__slog {
        width: 500px;
        margin-left: 25px;
    }
    .text__description {
        display: flex;
    }
    .text__description .text {
        width: 52%;
        padding-right: 40px;
        margin-top: 64px;
    }
    .text__description .image {
        width: 48%;
        margin-top: 20px;
    }
    .image__left, .prew__description {
        height: 450px;
    }
    .prew__description, .text__description {
        flex: 0 0 60%;
    }
    .text__description {
        order: 3;
        margin-left: auto;
        margin-right: -25px;
    }

    .splitted__two {
        display: flex!important;
    }
    .splitted__two .leftBlock h3 {
        font-size: 46px;
        line-height: 50px;
    }
    .penetrating__text {
        margin-top: 90px;
        font-size: 42px;
        font-weight: 700;
        max-width: 900px;
    }
    .leftBlock {
        width: 46%;
    }
    .rightBlock {
        width: 54%;
    }
    .image__mobile {
        display: none;
    }
    .preview_info {
        margin-top: 100px;
        margin-left: auto;
        margin-bottom: 50px;
        max-width: 525px;
        text-indent: 130px;
    }
    .first-rolling {
        margin-top: 275px;
    }
    .service__slog h3 {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 22px;
    }
    .image__left img {
        margin-top: 280px;
    }
    .text__description .text :nth-child(1) {
        margin-bottom: 25px;
    }

    .project__ad h3 {
        font-size: 42px;
    }
    .project__ad .bottom--arrow {
        margin: 40px 0 25px;
    }
    .mobile {
        display: none;
    }
    .more__projests--slider .project--content {
        height: 39vw;
        max-height: 520px;
    }
    .project__link:after {
        margin: 10px 30px;
    }
}
@media (max-width: 1300px) {
    .back__text {
        font-size: 70px!important;
        line-height: 70px!important;
    }
}
@media (max-width: 1024px) {
    .back__text.left {
        display: none;
    }
}
@media (max-width: 768px) {
    .service__head {
        display: none;
    }
    .head__title {
        flex-direction: column;
        margin-left: 0;
        color: #010101;
        position: relative;
    }
    .head__title h1 {
        font-size: 42px;
        margin-left: 0;
        max-width: 300px;
    }
    .service_description {
        display: flex;
        flex-direction: column;
    }
    .prew__description {
        margin-top: 60px;
        order: 1;
    }
    section.service p {
        margin-top: 30px;
        font-size: 16px;
    }
    .image__left {
        order: 2;
    }
    .text__description {
        order: 3;
    }
    .text__description .image img {
        margin-top: 40px;
        width: 100%;
    }
    .splitted__two .rightBlock .image__mobile img {
        margin-top: 65px;
        width: 100%;
    }
    .more__projests--slider .project--content .project__data .project__name,
    .more__projests--slider .project--content .project__data .project__count{
        font-size: 32px;
    }



    .first-rolling {
        margin-top: 425px;
    }
    .bigText {
        font-size: 70px;
    }
    .service__slog h3 {
        font-size: 30px;
    }
    .image__desktop {
        display: none;
    }
    .preview_info {
        order: 2;
    }
    .image__desktop, .image__mobile {
        order: 1;
    }
    .servcie__info {
        order: 3;
    }
    .service__head--mobile {
        margin: 13px 15px 0;
    }
    .head__title sup {
        margin-bottom: 25px;
    }
    .service__head--mobile img{
        width: 100%;
    }
    .splitted__two h3, .penetrating__text{
        font-size: 32px;
        font-weight: 700;
        color: #010101;
    }
    .penetrating__text {
        margin: 60px 0;
    }
    .back__text {
        font-size: 50px!important;
        line-height: 50px!important;
    }
    .slick-slide img {
        width: 100%;
    }


    .service__head--mobile img {
        margin-top: -20px;
    }
    section.service p {
        margin-top: 22px;
        line-height: 22px;
    }
    .image__left {
        margin-top: 60px;
    }
    .first-rolling {
        margin-top: 380px;
    }
    .text__description {
        margin-top: 20px;
    }
    .text__description .image {
        margin-bottom: 50px;
    }
    .splitted__two .leftBlock h3 {
        margin-top: 40px;
    }
    .preview_info {
        margin-top: 50px;
    }
    .third-rolling {
        margin-top: 55px;
        margin-bottom: 45px;
    }
    .project__ad .bottom--arrow {
        margin-top: 40px;
        margin-bottom: 75px;
    }
    .more__projests--slider .project--content {
        margin-bottom: 45px;
    }
    .more__projests--slider .project--content .project__data .project__name {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .action-button__text {
        display: none!important;
    }
    .slider_nav button {
        margin-left: 25px;
    }
    .offerta {
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .more__projests--slider .project--content .project__data .project__name {
        font-size: 9vw;
    }
}







/* End */


/* Start:/bitrix/templates/3Core/components/bitrix/news.list/portfolio_slider/style.css?1788520859326*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.project_slider .projectSlider .work_type {
	position: absolute;
	font-size: 20px;
	max-width: 330px;
	font-family: "KelsonSansBold";
	margin-left: 58px;
	margin-top: 11px;
}

/* End */


/* Start:/bitrix/templates/3Core/components/richcode/main.feedback/feedback/style.min.css?1788520859251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */
/* /bitrix/templates/3Core/css/services__portfolio.css?178852085914137 */
/* /bitrix/templates/3Core/components/bitrix/news.list/portfolio_slider/style.css?1788520859326 */
/* /bitrix/templates/3Core/components/richcode/main.feedback/feedback/style.min.css?1788520859251 */