/*footer*/
.footer {

    position: relative;

    background-color: #000;


}
.footer-menu {

    padding: 20px 0;

    border-bottom: 1px solid #484848;

    margin: 0;


}
.footer-menu .container-alt {

    overflow: visible;


}
.container-alt {

    position: relative;

    z-index: 99;

    max-width: 1340px;

    padding: 0 20px;

    margin: 0 auto;


}
.footer-menu__list::after {

    display: inline-block;

    content: '';

    width: 100%;

    height: 0;

    visibility: hidden;


}
.footer-menu__list {

    font-size: 0;

    text-align: justify;

    margin: 0;

    padding-left:0;


}
.conalt {

    display: flex;

    justify-content: space-between;


}
.container-alt {

    position: relative;

    z-index: 99;

    max-width: 1340px;

    padding: 0 20px;

    margin: 0 auto;


}
.copyright {

    line-height: 16px;

    font-size: 16px;

    font-weight: 300;

    color: #858585;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 40px;

    width: 37%;


}
.copyright a {

    font-size: 14px;


}
.copyright a:hover,.politika a:hover{

    text-decoration: underline;


}
.footer__order {

    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    display: inline-block;
    padding: 20px 80px;

    position: absolute;

    top: 30px;

    left: 50%;

    transform: translate(-50%);

/*    display: block;

    font: 16px 'Unbounded', sans-serif;

    text-align: center;

    width: 188px;

    height: 44px;*/

    background: rgba(145,221,204,1);
    
    /*background: linear-gradient(to bottom, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);*/

    /*box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);*/

    /*border-bottom: 4px solid #9cd4c7;*/

    border-radius: 50px;

    /*text-shadow: 0px 2px 4px rgba(0, 63, 117, 0.3);*/

/*    transition: .2s linear;

    color: #fff;

    cursor: pointer;

    line-height: 44px;*/


}
.footer__order:hover {

    /*background: linear-gradient(to bottom, rgb(179, 255, 238) 0%, rgb(127, 187, 173) 100%);*/


}
.footer__politika {

    line-height: 20px;

    font-size: 14px;

    font-weight: 500;

    color: #6e6e6e;


}
.politika {

    display: flex;

    width: 40%;

    margin-top: 30px;

    margin-right: -20px;

    margin-bottom: 50px;


}


.itemP {

    text-align: center;

    width: 33%;


}

@media (max-width: 1024.98px) {
    .politika {
        flex-wrap: wrap;
    }
    .itemP{
        width: 100%;
    }
}

.footer__bottom__menu-list {

    display: flex;

    justify-content: space-between;

    list-style: none;

    gap: 10px;

    margin: 14px 0 32px;


}
.footer-menu__link {

    position: relative;

    display: inline-block;

    color: #fff;

    -webkit-transition: all 0.1s linear;

    -moz-transition: all 0.1s linear;

    -ms-transition: all 0.1s linear;

    -o-transition: all 0.1s linear;

    transition: all 0.1s linear;

    font-family:'Raleway', sans-serif;

    font-size: 17px;

    line-height: 40px;


}
.footer-menu__link.active::after, .footer-menu__link:hover:hover::after, .footer-menu__link:hover:focus::after {

    height: 1px;

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);


}
.footer-menu__link::after {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    height: 1px;

    background: #fff;

    content: '';

    opacity: 0;

    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);


}
.copyright img {

    margin-right: 8px;

    vertical-align: middle;

    display: inline-block;

    margin-bottom: 6px;


}

.footer-menu__item {

    display: inline-block;

    vertical-align: top;


}
.footer-menu__list {

    font-size: 0;

    text-align: justify;


}
.footer-menu__list::after {

    display: inline-block;

    content: '';

    width: 100%;

    height: 0;

    visibility: hidden;


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

    .footer-menu__list::after {

        display: none;


    }

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

    .footer-menu__list {

        text-align: center;


    }

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

    .footer-menu__item {

        width: 100%;


    }

}
@media only screen and (max-width: 480px) {

    .copyright {

        float: none;


    }

}
@media (max-width: 1024.98px) {

    .copyright, .politika {

        flex-direction: column;

        width: 50%;

        text-align: center;

        justify-content: space-evenly;



    }
    .politika{

        margin-top: 130px;


    }
    .itemP{

        margin-bottom: 30px;


    }
    .mlr{

        display: none;


    }

}
/*end footer*/

/*sites*/
.portfolio {

    position: relative;

    padding-top: 90px;

    padding-bottom: 130px;

    background-color: rgba(243,243,243,1);

    background-image: url(/local/templates/main/images/portfolio-bg.webp);

    background-repeat: no-repeat;

    background-position: center 75%;



}
.portfolio__title {

    margin-bottom: 10px;

    text-align: center;

    color: #5e5e5e;

    font: 20px 'Unbounded';

    letter-spacing: 1.5px;

    transition: .2s linear;


}
@media only screen and (min-width: 1025px) {

    .portfolio__item--middle .portfolio__img--two {

        margin-bottom: 10px;

        height: 190px;


    }

}
@media only screen and (min-width: 1025px) {

    .portfolio__item--middle .portfolio__title {

        margin-bottom: 16px;


    }

}
@media only screen and (min-width: 1025px) {

    .portfolio__item--middle .porfolio__img {

        height: 190px;

        margin-bottom: 11px;


    }

}
@media only screen and (min-width: 1025px) {

    .portfolio__item--middle {

        width: 226px !important;

        height: 334px !important;

        margin-bottom: 12px!important;


    }

}
.porfolio__img {

    overflow: hidden;

    position: relative;

    height: 150px;

    text-align: center;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;


}
.porfolio__img img {

    height: 100%;

    width: auto;


}
.porfolio__color {

    opacity: 1;

    transition: .2s linear;

    z-index: 99;


}
.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    text-align: center;


}
.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    text-align: center;


}

.portfolio__item {

    display: inline-block !important;

    float: none !important;

    vertical-align: bottom;

    margin: 0 10px;

    margin-bottom: 0px;

    background: rgba(247,247,247,1);

    background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,247,247,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(100%, rgba(247,247,247,1)));

    background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -o-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -ms-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );

    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-border-radius: 18px 18px 18px 18px;

    -webkit-border-radius: 18px 18px 18px 18px;

    border-radius: 18px 18px 18px 18px;

    transition: .2s linear;


}
.portfolio__item {

    display: inline-block !important;

    float: none !important;

    vertical-align: bottom;

    margin: 0 10px;

    background: rgba(247,247,247,1);

    background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,247,247,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(100%, rgba(247,247,247,1)));

    background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -o-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -ms-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );

    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-border-radius: 18px 18px 18px 18px;

    -webkit-border-radius: 18px 18px 18px 18px;

    border-radius: 18px 18px 18px 18px;

    transition: .2s linear;


}
.container {

    max-width: 1340px;

    padding: 0 20px;

    margin: 0 auto;


}
.container .h1, .container-alt .h1{

    position: relative;

    z-index: 9;

    margin-bottom: 80px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;

}

@media (max-width: 991.98px) {
    .container .h1, .container-alt .h1{
        font-size: 36px;
    }
}
@media (max-width: 375.98px) {
    .container .h1, .container-alt .h1{
        font-size: 32px;
    }
}


.slick-slider {

    position: relative;

    z-index: 1;

    display: block;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;


}
.portfolio__list {

    margin-bottom: 55px;

    text-align: center;

    font-size: 0;


}
.portfolio__list .slick-list {

    padding-bottom: 15px;


}
.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

    padding-bottom: 0px;


}

.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    text-align: center;


}
@media only screen and (min-width: 1025px) {

    .portfolio__item--big {

        width: 241px !important;

        height: 366px !important;


    }

}
@media only screen and (min-width: 1025px) {

    .portfolio__item--big .porfolio__img {

        margin-bottom: 10px;

        height: 220px;

        
    }
    
}

@media only screen and (min-width: 1025px) {

    .portfolio__item--small {

        width: 214px !important;

        height: 299px !important;

        margin-bottom: 24px!important;


    }

}
@media only screen and (min-width: 1025px) {

    .portfolio__item--big .porfolio__img {

        margin-bottom: 10px;

        height: 220px;

        
    }
    
}
.portfolio__item {

    display: inline-block !important;

    float: none !important;

    vertical-align: bottom;

    margin: 0 10px;

    margin-bottom: 0px;

    background: rgba(247,247,247,1);

    background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,247,247,1)), color-stop(50%, rgba(250,250,250,1)), color-stop(100%, rgba(247,247,247,1)));

    background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -o-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: -ms-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    background: linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(250,250,250,1) 50%, rgba(247,247,247,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=1 );

    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-border-radius: 18px 18px 18px 18px;

    -webkit-border-radius: 18px 18px 18px 18px;

    border-radius: 18px 18px 18px 18px;

    transition: .2s linear;


}
.portfolio__link {

    padding-top: 45px;

    display: block;


}
.porfolio__img {

    overflow: hidden;

    position: relative;

    height: 150px;

    text-align: center;

    margin-bottom: 5px;

    display: flex;

    justify-content: center;


}
.porfolio__img img {

    height: 100%;

    width: 100%;


}
.portfolio-item__description {

    font-size: 14px;

    text-transform: uppercase;

    padding: 0px 20px;

    color: #343434;

    font-weight: 300;

    text-align: center;


}
.portfolio__all-button::before {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50px;

    width: 100%;

    height: 100%;

    content: attr(data-text);

    background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffef2a', endColorstr='#fec219', GradientType=0 );

    opacity: 1;

    transition: .2s linear;


}
.portfolio__all-button {

    position: relative;

    display: inline-block;

    font: 26px 'Unbounded';

    line-height: normal;

    text-align: center;

    line-height: 80px;

    height: 80px;

    width: 260px;

    background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgb(255, 157, 36) 100%);

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    border-bottom: 6px solid #ffdd20;

    border-radius: 50px;

    text-shadow: 0px 2px 4px rgba(0, 63, 117, 0.3);

    transition: .2s linear;


}
.portfolio__all {

    text-align: center;


}
.portfolio__all a {

    color: #fff;


}
.portfolio__all-button:hover {

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    border-color: #FFCA28;


}
.advantages_old {

    position: relative;

    padding-top: 90px;

    /*padding-bottom: 150px;*/

    background-color: #fff;


}
.advantages_old .before {
    display: none;

    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.advantages_old .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    background: #fff;

    transform: skewX(9deg);


}
.advantages_old .after {
    display: none;

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.advantages_old .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    background: #fff;

    transform: skewX(-9deg);


}
/*.advantages_old .advantages__list::after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;


}*/
/*.advantages_old .advantages__list {

    position: relative;

    text-align: center;

    display: flex;

    flex-wrap: wrap;


}*/
/*.advantages_old .advantages__item {

    display: inline-block;

    vertical-align: top;

    width: 45%;

    margin: 0px auto;

    margin-bottom: 100px;

    text-align: left;

    min-width: 385px;


}*/
/*.advantages_old .advantages__img {

    float: left;

    width: 111px;

    height: 111px;

    line-height: 106px;

    border-radius: 50%;

    background: #ffe400;

    background: -moz-linear-gradient(45deg, #ffe400 0%, #fff822 100%);

    background: -webkit-linear-gradient(45deg, #ffe400 0%,#fff822 100%);

    background: linear-gradient(45deg, #ffe400 0%,#fff822 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#fff822',GradientType=1 );

    text-align: center;

    box-shadow: 0 0 10px 1px rgba(128,117,0,0.1);


}*/
/*.advantages_old .advantages__img img {

    vertical-align: middle;

    display: unset;


}*/
/*.advantages_old .advantages__img {

    line-height: 106px;

    text-align: center;


}*/
@media only screen and (min-width: 1280px) {

/*    .advantages_old .advantages__title {

        white-space: nowrap;


    }*/

}
/*.advantages_old .advantages__title {

    color: #262626;

    font: 26px 'Unbounded';

    font-weight: 600;

    margin-bottom: 15px;

    margin-left: 140px;


}*/

@media (max-width: 991.98px) {
/*    .advantages_old .advantages__title {
        font-size: 28px;
    }*/
}

/*.advantages_old .advantages__item {

    text-align: left;


}*/
/*.advantages_old .advantages__text {

    margin-left: 140px;


}*/
/*.advantages_old .advantages__text p {

    font-size: 24px;

    color: #262626;

    line-height: 140%;

}*/

@media (max-width: 991.98px) {
/*    .advantages_old .advantages__text p {
        font-size: 20px;
    }*/
}

.steps-work .before {

/*    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);*/


}
.steps-work .before__con {

/*    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 100%);*/


}
.steps-work .after {

/*    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);*/


}
.steps-work .after__con {

/*    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(100,168,187,1) 0%, rgb(53, 102, 107) 100%);*/


}
.steps-work {

    position: relative;

    padding-bottom: 70px;

/*    background: rgb(53, 102, 107);

    background: -moz-linear-gradient(left, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 50%, rgb(53, 102, 107) 0%);

    background: -webkit-linear-gradient(left, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 50%, rgb(53, 102, 107) 0%);

    background: -o-linear-gradient(left, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 50%, rgb(53, 102, 107) 0%);

    background: -ms-linear-gradient(left, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 50%, rgb(53, 102, 107) 0%);

    background: linear-gradient(to right, rgb(53, 102, 107) 0%, rgba(100,168,187,1) 50%, rgb(53, 102, 107) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17373a', endColorstr='#17373a', GradientType=1 );*/

    padding-top: 60px;


}

.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;


}


.slick-initialized .slick-slide {

    display: block;


}

.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    text-align: center;


}

.steps-work__text, .steps-work__img {

    display: table-cell;

    vertical-align: middle;


}

.right_txt {

    text-align: right;


}

.right_txt .steps-work__title {

    float: right;


}

.left_txt .steps-work__title {

    float: left;


}
.left_txt{

    text-align: left!important;


}

.steps-work__title {

    margin-bottom: 30px;

    font: 26px 'Unbounded';

    font-weight: 600;

    /*overflow: hidden;*/

    color: white;


}


@media (max-width: 991.98px) {
.steps-work__title {
        font-size: 28px;
    }
}

.steps-work__item:nth-child(2n+1) .steps-work__description {

    margin-right: 20px;


}

.steps-work__description {

    font-size: 24px;

    width: 500px;

    line-height: 140%;

    clear: both;

    color: white;


}


@media (max-width: 991.98px) {
    .steps-work__description {
        font-size: 20px;
    }
}

.steps-work__description p {

    margin-bottom: 10px;


}
.steps-work__description p.bold {

    font-weight: bold;

    color: #c4f7ff;

    font-size: 22px;

    margin-bottom: 10px;


}
.steps-work__img {

    display: table-cell;

    vertical-align: middle;

}


.steps-work__img img {

    margin-top: 10px !important;


}
.steps-work__title .steps-work__icon {

    vertical-align: middle;


}

.steps-work__icon{

    height: 60px!important;

    width: 60px!important;

    
}

.steps-work__title {

    display: flex;

    gap: 26px
    
}
.steps-work__title span {


    vertical-align: middle;

    margin-top: 5px;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);


}


.steps-work__title span.steps-work__number{
    
    font-weight: 300;

}

.steps-work__description span.bold {

    font-weight: bold;

    color: #c4f7ff;

    font-size: 22px;


}
.h1-alt {

    position: relative;

    z-index: 9;

    margin-bottom: 80px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #fff;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);

    text-align: center;


}
.questions .h1-alt{

    z-index: 0;
    margin-bottom: 0;


}
.design .after {

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.design .before {

    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.design .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);


}
.design .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);


}
.design {

    position: relative;

    padding-top: 90px;

    padding-bottom: 200px;

    background: rgba(235,235,235,1);

    background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));

    background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 100%);

    background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 100%);

    background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 100%);

    background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 50%, rgba(235,235,235,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=1 );


}
.container-alt {

    position: relative;

    z-index: 99;

    max-width: 1340px;

    padding: 0 20px;

    margin: 0 auto;


}
.container-alt .h1--m130 {

    margin-bottom: 130px;


}
.container-alt .h1 {

    position: relative;

    z-index: 9;

    margin-bottom: 80px;

    font: 50px 'Unbounded';

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;


}
.design__description::before {

    content: '';

    position: absolute;

    left: -100px;

    top: 50px;

    width: 684px;

    height: 442px;

    background: url(/local/templates/main/images/partners/design_bg.webp) no-repeat;

    background-size: contain;


}
.design__description {

    font-weight: 500;

    font-size: 20px;

    color: #343434;

    text-align: right;


}
.design__description p {

    display: inline-block;

    width: 430px;

    margin-bottom: 15px;

    line-height: 28px;

    text-align: center;


}
.design__description p:last-child {

    font-weight: 700;

    margin-bottom: 0;


}
.design__text {

    font: 32px 'Unbounded';

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;

    margin-top: 280px;


}
.steps-work-post .after {

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.steps-work-post .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(194, 92, 168,1) 0%, rgb(121, 40, 66) 100%);


}
.steps-work-post .before {

    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.steps-work-post .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgb(121, 40, 66) 0%, rgb(194, 92, 168) 100%);


}
.steps-work-post {

    position: relative;

    padding-top: 80px;

    background: rgba(110,21,48,1);

    background: -moz-linear-gradient(left, rgb(121, 40, 66) 0%, rgba(194,92,169,1) 50%, rgb(121, 40, 66) 100%);

    background: -webkit-linear-gradient(left, rgb(121, 40, 66) 0%, rgba(194,92,169,1) 50%, rgb(121, 40, 66) 100%);

    background: -o-linear-gradient(left, rgb(121, 40, 66) 0%, rgba(194,92,169,1) 50%, rgb(121, 40, 66) 100%);

    background: -ms-linear-gradient(left, rgb(121, 40, 66) 0%, rgba(194,92,169,1) 50%, rgb(121, 40, 66) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e1530', endColorstr='#6e1530', GradientType=1 );


}
.slick-slider {

    position: relative;

    z-index: 1;

    display: block;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;


}
.steps-work__list {

    counter-reset: heading;

    text-align: center;

    margin-bottom: -1rem;


}

.work-seo__form-bg {

    padding: 90px 0;

    padding-bottom: 60px;

    background: rgba(171, 36, 136, 0.5);

    background: linear-gradient(left, rgb(75 0 24) 0%, rgb(171 36 136) 50%, rgb(75 0 24) 100%);

    background: -webkit-linear-gradient(left, rgb(75 0 24) 0%, rgb(171 36 136) 50%, rgb(75 0 24) 100%);


}
.work-seo__form {
    position: relative;

    text-align: center;

    margin: 0 auto;

    max-width: 862px;

    background: url(/local/templates/main/images/work-seo__form_top.webp) no-repeat center top, url(/local/templates/main/images/work-seo__form_center.webp) repeat-y center bottom, url(/local/templates/main/images/work-seo__form_bottom.webp) no-repeat center bottom;

    padding: 0 100px;

    border-radius: 20px;

    padding: 60px 100px 0;


}
.work-seo__form-title {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    font: 26px 'Unbounded';

    letter-spacing: 1.5px;

    color: #fff;

    text-align: center;

    margin-bottom: 30px;


}
.work-seo__from-small-title {

    width: 100%;

    margin: 0 auto;

    margin-bottom: 0px;

    font-weight: 300;

    font-size: 18px;

    font-size: 16px;

    margin-bottom: 25px;

    text-align: center;

    line-height: 26px;

    line-height: 23px;

    color: #fff;


}
.feedback__form-seo {

    margin-top: 0;

    position: relative;

    /*min-height: 545px;
    */

}
.work-seo__form form {

    text-align: left;
    padding: 0 0 60px;


}
.workseo__form-items {

    display: flex;

    /*column-gap: 10px;
    */

}
.feedback__textarea {

    width: calc(100% - 14px);

    resize: none;

    height: 120px;

    /*background-color: #fff;
    */
    /*font: 16px 'MuseoSansCyrl', Arial, sans-serif;
    */
    /*font-weight: normal;
    */
    /*line-height: normal;
    */
    /*font-weight: 100;
    */
    /*border-radius: 15px;
    */
    /*border: none;
    */
    box-sizing: border-box;

    /*padding: 10px 30px;
    */
    /*padding-top: 10px;
    */
    /*line-height: 24px;
    */
    /*padding-top: 15px;
    */

    /*height: 44px;
    */
    background: transparent;

    border: none;

    border-bottom: 1px solid #fff;

    font-size: 17px;

    line-height: 130%;

    color: #fff;

    padding: 20px 10px 10px;


}
.feedback__textarea:focus{
    border-color: #A6F228;
    background: rgba(255, 255, 255, 0.2);
}
.work-seo__form .feedback__input-placeholder {

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 12px;


}
.feedback__input {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 129%;
    color: #fff;
    padding: 6px 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #fff;

    /*width: 100%;
    */
    /*height: 48px;
    */
    /*background-color: #fff;
    */
    /*padding: 0px 30px;
    */
    /*line-height: 48px;
    */
    /*font: 100 16px 'MuseoSansCyrl', Arial, sans-serif;
    */
    /*display: block;*/

    /*border-radius: 15px;
    */
    /*border: none;
    */
/*    box-sizing: border-box;

    margin: 18px 0;

    padding: 0px 10px;


    height: 44px;

    background: transparent;

    border: none;

    border-bottom: 1px solid #fff;

    font-size: 17px;

    line-height: 130%;

    color: #fff;*/


}

.workseo__form-items .workseo__form-item{

    flex: 1 0 33%;


}

.workseo__form-items .workseo__form-item .consult-error{
    margin: -30px 0 0;
    color: #ffc6e6;
}

.personal_data  .consult-error{
position: absolute;
    left: 0;
    top: 30px;
    color: #ffc6e6;
}

.feedback__input::placeholder,
.feedback__textarea::placeholder {
  color: #fff;


}

.feedback__input::-webkit-input-placeholder,
.feedback__textarea::-webkit-input-placeholder {
  color: #fff;


}

.feedback__input::-moz-placeholder,
.feedback__textarea::-moz-placeholder {

  color: #fff;

  opacity: 1;


}

.feedback__input:-ms-input-placeholder,
.feedback__textarea:-ms-input-placeholder {
  color: #fff;


}

.feedback__textarea_block{
    margin-top: 20px;
}


@media (max-width: 991.98px) {
    .feedback__textarea_block{
        margin-top: 0;
    }
}

/*.feedback__textarea::placeholder {
    font-size: 18px;
    font-weight: 500;
}

.feedback__textarea::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 500;
}

.feedback__textarea::-moz-placeholder {
    font-size: 18px;
    font-weight: 500;
}

.feedback__textarea:-moz-placeholder {
    font-size: 18px;
    font-weight: 500;
}

.feedback__textarea:-ms-input-placeholder {
    font-size: 18px;
    font-weight: 500;
}
*/



.label--white, .label--white a {

    color: #fff;


}
.label--white {

    display: inline-block;

    padding: 2px 5px 2px 0;


}
.label {

    display: block;

    text-align: left;

    margin: 10px 0 14px;


}
.label a {

    color: #fff;

    text-decoration: underline;


}
.feedback__button {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    text-align: center;
    color: #262626;
    border-radius: 40px;
    padding: 20px 80px;
    background: #a6f228;
    margin: 50px auto 0;

/*    margin-top: 100px;

    position: relative;

    display: block;

    font: 26px 'Unbounded';

    text-align: center;

    width: 100%;

    height: 80px;

    background: rgba(145,221,204,1);

    background: -moz-linear-gradient(top, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,221,204,1)), color-stop(100%, rgba(119,183,167,1)));

    background: -webkit-linear-gradient(top, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);

    background: -o-linear-gradient(top, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);

    background: -ms-linear-gradient(top, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);

    background: linear-gradient(to bottom, rgba(145,221,204,1) 0%, rgba(119,183,167,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ddcc', endColorstr='#77b7a7', GradientType=0 );

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    border: none;

    border-bottom-width: medium;

    border-bottom-style: none;

    border-bottom-color: currentcolor;

    border-bottom: 6px solid #9cd4c7;

    border-radius: 50px;

    text-shadow: 0px 2px 4px rgba(0, 63, 117, 0.3);

    transition: .2s linear;

    color: #fff;

    cursor: pointer;*/


}
.feedback__button::before {

/*    content: 'Отправить';

    position: absolute;

    top: 0;

    left: 0;

    line-height: 75px;

    width: 100%;

    height: 100%;

    opacity: 1;

    border-radius: 50px;

    background: rgba(145,221,204,1);

    background: linear-gradient(to bottom, rgb(179, 255, 238) 0%, rgb(127, 187, 173) 100%);

    transition: 0.2s linear;*/


}
.work-seo__form .feedback__button {

    width: 300px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);


}
.feedback__form-seo .form__desk {

    margin-top: 30px;


}
.form__desk {

    text-align: center;

    font-size: 16px;

    margin: 5px;

    margin-top: 5px;

    margin-top: 13px;

    color: white;


}
.form__desk a {

    font-size: 18px;

    color: #C1D4F4;


}
.g-recaptcha {

    display: none;

    position: relative;

    margin-top: 10px;

    height: 98px;


}

.price {

    position: relative;

    padding: 90px 0;

    background: rgba(232,232,232,1);

    background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(51%, rgba(248,248,248,1)), color-stop(100%, rgba(232,232,232,1)));

    background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=1 );


}
.price__list::after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;


}
.price__list {

   text-align: justify;


}

.price__item {

    position: relative;

    overflow: hidden;

    width: 24.1212%;

    display: inline-block;

    vertical-align: top;

    padding: 30px 0;

    background-color: #fff;

    text-align: center;

    -webkit-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    transition: box-shadow 0.4s linear;

    border-radius: 10px;


}
/*.price__title {

    font: 26px 'Unbounded';

    color: #f6cb00;


}*/
.price__total {

    /*margin-top: 25px;*/

    padding-bottom: 25px;

    letter-spacing: 0.5px;

    margin-bottom: 20px;

    font: 700 15px 'Raleway';

    color: #808080;

    text-transform: uppercase;

    background: url(/local/templates/main/images/price_top_bg.webp) no-repeat center bottom;


}

.price__advantages::after {

    position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -18px;

    content: '';

    width: 50px;

    height: 1px;

    background: url(/local/templates/main/images/price_bottom_bg.webp) no-repeat center bottom;


}
.price__description {

    margin-bottom: 10px;

    height: 100px;


}
.price__advantages {

    padding-left: 0;


}
.price__advantages {

    position: relative;

    display: inline-block;

    text-align: left;

    /*width: 70%;*/

    padding: 0 20px 10px;

    margin-bottom: 30px;


}
/*.price__advantages li {

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: 300;

    color: #343434;

    padding-left: 20px;

    background: url(/local/templates/main/images/price_li.webp) no-repeat left 2px;


}*/
.price__description p {

    letter-spacing: 0.5px;

    display: inline-block;

    width: 70%;

    font: 16px 'Raleway';

    line-height: normal;

    color: #808080;

    line-height: 20px;

    text-transform: uppercase;

    margin-bottom: 15px;


}
.price__button {

    display: inline-block;

    /*width: 180px;*/

    padding: 0 10px;

    height: 50px;

    background-color: #F1E125;

    -webkit-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    text-align: center;

    font: 16px 'Unbounded';

    line-height: normal;

    color: #fff;

    line-height: 50px;

    transition: .3s;

    border-radius: 10px;


}
.all-site__title {

    font: 38px 'Unbounded';

    color: #CEAA00;

    text-align: center;

    margin: 50px 0;

    margin-bottom: 50px;

    margin-bottom: 65px;


}
.all-site-bg {

    text-align: left;

    font-size: 0;

    margin-top: 30px;

    padding-left: 5%;


}
@media only screen and (max-width: 767.98px) {

    .all-site-bg {

        padding-bottom: 30px;


    }

}
.all-site:nth-child(1), .all-site:nth-child(3) {

    width: 42%;


}

.all-site {

    width: 58%;

    display: inline-block;

    margin-bottom: 20px;

    vertical-align: top;

    font: 28px 'Unbounded';

    padding-left: 25px;

    background: url(/local/templates/main/images/tarif_bottom_icon.webp) no-repeat left 10px;

    color: #80808F;


}
.benefits {

    position: relative;

    background: rgba(105,140,200,1);

    background: -moz-linear-gradient(left, rgba(105,140,200,1) 0%, rgba(160,189,240,1) 50%, rgba(105,140,200,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,140,200,1)), color-stop(50%, rgba(160,189,240,1)), color-stop(100%, rgba(105,140,200,1)));

    background: -webkit-linear-gradient(left, rgba(105,140,200,1) 0%, rgba(160,189,240,1) 50%, rgba(105,140,200,1) 100%);

    background: -o-linear-gradient(left, rgba(105,140,200,1) 0%, rgba(160,189,240,1) 50%, rgba(105,140,200,1) 100%);

    background: -ms-linear-gradient(left, rgba(105,140,200,1) 0%, rgba(160,189,240,1) 50%, rgba(105,140,200,1) 100%);

    background: linear-gradient(to right, rgb(106, 140, 201) 0%, rgb(159, 189, 241) 50%, rgba(106,140,201,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#698cc8', endColorstr='#698cc8', GradientType=1 );

    padding-bottom: 0;

    padding-top: 90px;


}
.amount-of-work {

    margin-bottom: 130px;

    text-align: center;

    vertical-align: middle;


}
.amount-of-work__text {

    display: inline-block;

    font: 48px 'Unbounded';

    font-weight: 600;

    text-shadow: 0px 0px 8px rgba(109, 127, 127, 0.16);

    padding: 92px 0;

    color: white;
}

@media (max-width: 991.98px) {
.amount-of-work__text {
        font-size: 36px;
    }
}
@media (max-width: 375.98px) {
.amount-of-work__text {
        font-size: 32px;
    }
}

.amount-of-work__portfolio {

    margin-top: 60px;


}
.portfolio__all-button.l2::before {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50px;

    width: 100%;

    height: 100%;

    content: 'Портфолио';

    background: rgba(255,239,42,1);

    background: -moz-linear-gradient(top, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,239,42,1)), color-stop(100%, rgba(254,194,25,1)));

    background: -webkit-linear-gradient(top, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    background: -o-linear-gradient(top, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgba(254,194,25,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffef2a', endColorstr='#fec219', GradientType=0 );

    opacity: 1;

    transition: .2s linear;


}
.portfolio__all-button {

    position: relative;

    display: inline-block;

    font: 26px 'Unbounded';

    line-height: normal;

    text-align: center;

    line-height: 80px;

    height: 80px;

    width: 260px;

    background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgb(255, 157, 36) 100%);

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    border-bottom: 6px solid #ffdd20;

    border-radius: 50px;

    text-shadow: 0px 2px 4px rgba(0, 63, 117, 0.3);

    transition: .2s linear;

    color: white;


}
.portfolio__all-button:hover {

    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);

    border-color: #FFCA28;


}
.clients__caption {

    margin-bottom: 50px;

    font: 32px 'Unbounded';

    text-align: center;

    color: white;


}

.clients-slider{

    margin-bottom: 130px;


}
.clients-list div{

    float: left;


}
.clients-item1, .clients-item2, .clients-item4, .clients-item5{

    margin-right: 130px;


}
.slick-initialized .slick-slide {

    display: block;


}
.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    text-align: center;


}

.steps-work__item {

    display: inline-block;

    position: relative;

    z-index: 9;

    text-align: center;


}


.questions {

    position: relative;

    padding-top: 280px;

    background: rgba(19,155,165,1);

    background: -moz-linear-gradient(left, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,155,165,1)), color-stop(50%, rgba(13,200,194,1)), color-stop(100%, rgba(19,155,165,1)));

    background: -webkit-linear-gradient(left, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);

    background: -o-linear-gradient(left, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);

    background: -ms-linear-gradient(left, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);

    background: linear-gradient(to right, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#139ba5', endColorstr='#139ba5', GradientType=1 );

    text-align: center;

    margin-top: -200px;


}
.questions .before {

    position: absolute;

    top: -61px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.questions .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 100%);


}
.questions .after {

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.questions .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(13,200,194,1) 0%, rgba(19,155,165,1) 100%);


}
.questions__list::after {

    width: 100%;

    height: 0;

    visibility: hidden;

    overflow: hidden;

    content: '';

    display: inline-block;


}
.questions__list {

    width: 1050px;

    margin: 0 auto;

    text-align: justify!important;

    padding-top: 90px;


}
.questions__item {

    position: relative;

    height: 146px;

    padding: 37px 55px;

    margin-bottom: 50px;

    background-color: #a7a4ff;

    border-radius: 20px;

    border: 1px solid #b5c1ff;

    text-align: center;

    font: 26px 'Unbounded';

    color: #fff;

    line-height: 140%;

    font-weight: 400;

    vertical-align: top;

    display: inline-block;

    box-shadow: 0 4px 10px rgba(0,0,0,0.06);

    width: 290px;

    cursor: pointer;


}

@media (max-width: 991.98px) {
    .questions__item {
        font-size: 28px;
        height: auto;
        padding: 35px;
    }
}

.questions__item:hover{
}

.questions__item .questions__icon {

    color: #f9b300;

    text-align: center;

    line-height: 77px;

    font-size: 41px;

    position: absolute;

    top: -37px;

    right: -38px;

    width: 77px;

    height: 77px;

    border-radius: 50%;

    background-color: #fff;

    box-shadow: 0 4px 10px rgba(0,0,0,0.06);


}
.questions__item > .questions__icon > span {

    display: inline-block;

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    transition: all .4s;


}
.answer::after {

    content: '';

    position: absolute;

    bottom: -23px;

    z-index: 9999;

    width: 46px;

    height: 23px;

    background: url(/local/templates/main/images/answer_icon.webp) no-repeat;

    left: 35px;


}

.answer {

    color: #343434;

    font: 18px 'MuseoSansCyrl', Arial, sans-serif;

    line-height: normal;

    line-height: 27px;

    visibility: hidden;


}
.slogan_caption {

    font: 40px 'Unbounded';

    color: #fff;

    text-align: center;

    margin-bottom: 150px;

    padding-top: 80px;


}
.slogan__list {

    position: relative;

    text-align: center;

    height: 470px;

    margin-bottom: -60px;


}

@media (max-width: 1196.98px) {
.slogan__list {
        height: auto;
    }
}


.slogan__list::after {

    content: '';

    position: absolute;

    top: 110px;

    left: 50%;

    transform: translate(-50%);

    z-index: 9990;

    width: 385px;

    height: 464px;

    background: url(/local/templates/main/images/Coffea.webp) no-repeat;


}


@media (max-width: 1196.98px) {
.slogan__list::after {
    top: inherit;
    bottom: -180px;
    }
}

.slogan__item {

    position: relative;

    display: inline-block;

    height: 100%!important;

    width: 580px;

    border: 5px solid #fff;

    border-top-width: 5px;

    border-top-style: solid;

    border-top-color: rgb(255, 255, 255);

    border-radius: 0 0 25px 25px;

    vertical-align: top;

    padding: 40px 65px 40px 75px;

    text-align: left;

    border-top: 0;

    margin: 0 8px;

    margin-bottom: 0px;

    margin-bottom: 50px;


}
.slogan__title {

    display: block;

    position: absolute;

    top: -51px;

    left: 50%;

    transform: translate(-50%);

    text-align: center;

    font: 26px 'Unbounded';

    color: #fff;

    background: url(/local/templates/main/images/slogan_bg.webp) no-repeat 0px 100%;

    background-size: auto;

    width: 580px;

    background-size: contain;

    line-height: 51px;


}
.slogan__item p {

    color: #fff;

    font-weight: 300;

    font-size: 20px;

    line-height: 27px;

    margin-bottom: 30px;


}
.slogan__item p span {

    color: #ffff47;


}
.slogan__item ul {

    margin-top: -10px;

    padding-left: 0;


}
.slogan__item li::after {

    content: '';

    width: 10px;

    height: 10px;

    background: url(/local/templates/main/images/right_menu.webp) no-repeat center center;

    background-size: auto;

    background-size: cover;

    position: absolute;

    top: 7px;

    left: 0px;


}
.slogan__item li {

    position: relative;

    margin-bottom: 10px;

    padding-left: 20px;

    font-size: 20px;

    color: white;


}

.maps-top {

    position: relative;

    z-index: 99;


}
.maps-top .before {

    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.maps-top .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 100%);


}
.maps-top .after {

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.maps-top .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(13,200,194,1) 0%, rgba(19,155,165,1) 100%);


}
.maps {

    height: 700px;

    position: relative;

    overflow: hidden;


}
.welcome {

    text-align: center;

    position: relative;

    bottom: -225px;

    z-index: 99;

    display: inline-block;

    padding-top: 60px;

    width: 850px;

    height: 250px;

    border: 1px solid #f69726;

    border-radius: 25px;

    background: -moz-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,177,0,1)), color-stop(100%, rgba(246,143,3,1)));

    background: -moz-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,177,0,1)), color-stop(100%, rgba(246,143,3,1)));

    background: -webkit-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -o-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -ms-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab100', endColorstr='#f68f03', GradientType=1 );

    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);


}
.welcome__title {

    font: 40px 'Unbounded';

    margin-bottom: 10px;

    color: #fff;


}
.welcome__address {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 15px;

    color: #fff;


}
.welcome__phone {

    font-size: 25px;

    font-weight: 900;

    color: #fff;


}
.welcome__email {

    display: block;

    color: #fff;


}
/*end sites*/

/*promotion*/
.container {

    max-width: 1340px;

    padding: 0 20px;

    margin: 0 auto;


}
.section-seo1 {

    height: 670px;

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, #d6d6d6;

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, -moz-linear-gradient(left, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, -webkit-gradient(left top, right top, color-stop(0%, #d6d6d6), color-stop(50%, #ffffff), color-stop(100%, #d6d6d6));

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, -webkit-linear-gradient(left, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, -o-linear-gradient(left, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, -ms-linear-gradient(left, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

    background: url(/local/templates/main/images/seo_section1.webp) 65% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

    background-repeat: repeat, repeat;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6', GradientType=1 );

    background-repeat: no-repeat;

    padding-left: 18%;

    padding-top: 180px;


}
.section-seo1 .section-seo__title {

    font: 50px 'Unbounded';

    color: #343434;

    margin-bottom: 44px;


}
.section-seo1 .section-seo__text {

    font-size: 20px;

    line-height: 27px;

    color: #343434;


}
.section-seo2 {

    background: #1e7e96;

    background: -moz-linear-gradient(left, #1e7e96 0%, #00a6e7 50%, #1e7e96 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, #1e7e96), color-stop(50%, #00a6e7), color-stop(100%, #1e7e96));

    background: -webkit-linear-gradient(left, #1e7e96 0%, #00a6e7 50%, #1e7e96 100%);

    background: -o-linear-gradient(left, #1e7e96 0%, #00a6e7 50%, #1e7e96 100%);

    background: -ms-linear-gradient(left, #1e7e96 0%, #00a6e7 50%, #1e7e96 100%);

    background: linear-gradient(to right, #1e7e96 0%, #00a6e7 50%, #1e7e96 100%);

    background-repeat: repeat;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e7e96', endColorstr='#1e7e96', GradientType=1 );

    background-repeat: no-repeat;

    padding-top: 70px;

    padding-bottom: 40px;

    text-align: center;


}
.section-seo2 .section-seo__title {

    margin-bottom: 27px;


}
.section-seo2 .section-seo__text--color, .section-seo2 .section-seo__title--color {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.section-seo2 .section-seo__title {

    font: 50px 'Unbounded';

    color: #343434;

    margin-bottom: 44px;


}
.section-seo__img img {

    max-width: 100%;

    display: unset;


}
.section-seo__search {

    margin-bottom: 35px;

    display: flex;

    justify-content: center;


}
.section-seo__search img:first-child {

    margin-right: 40px;



}
.section-seo2 .section-seo__text, .section-seo2 .section-seo__title {

    margin-bottom: 27px;


}
.section-seo2 .section-seo__text--color, .section-seo2 .section-seo__title--color {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.section-seo2 .section-seo__text {

    font-size: 20px;

    line-height: 27px;


}
.section-seo3 {

    background: #cb9500;

    background: -moz-linear-gradient(left, #DAA000 0%, #FFBA26 50%, #DAA000 100%);

    background: -webkit-linear-gradient(left, #DAA000 0%, #FFBA26 50%, #DAA000 100%);

    background: -o-linear-gradient(left, #DAA000 0%, #FFBA26 50%, #DAA000 100%);

    background: -ms-linear-gradient(left, #DAA000 0%, #FFBA26 50%, #DAA000 100%);

    background: linear-gradient(to right, #D4721A 0%, #FF9B0E 50%, #D4721A 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBA26', endColorstr='#DAA000', GradientType=1 );

    padding-top: 60px;

    padding-bottom: 74px;

    text-align: center;


}
.section-seo3 .section-seo__title {

    margin-bottom: 10px;


}
.section-seo3 .section-seo__text--color, .section-seo3 .section-seo__title--color {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.section-seo3 .section-seo__text {

    font-size: 20px;

    line-height: 27px;


}
.section-seo3 .section-seo__title {

    font: 50px 'Unbounded';

    margin-bottom: 44px;


}
.section-seo3 .section-seo__img {

    margin-bottom: 25px;

    width: 100%;


}
.section-seo4 {

    background: #629c17;

    background: -moz-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, #629c17), color-stop(50%, #90c245), color-stop(100%, #629c17));

    background: -webkit-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -o-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -ms-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: linear-gradient(to right, #629c17 0%, #90c245 50%, #629c17 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629c17', endColorstr='#629c17', GradientType=1 );

    padding-top: 60px;

    text-align: center;


}
.section-seo4 .section-seo__title {

    margin-bottom: 10px;


}
.section-seo4 .section-seo__text--color, .section-seo4 .section-seo__title--color {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.section-seo4 .section-seo__title {

    font: 50px 'Unbounded';


}
.section-seo4 .section-seo__text--alt {

    float: right;

    width: 34%;

    text-align: right;

    font-size: 20px;

    line-height: 27px;

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    padding-right: 60px;

    margin-top: 85px;


}
.section-seo4 .section-seo__img {

    float: left;

    margin-top: 0px;

    margin-left: 54px;

    margin-bottom: -189px;


}
.clearfix {

    clear: both;


}
.section-seo5 {

    background: #00649a;

    background: -moz-linear-gradient(left, #00649a 0%, #6e9ce6 50%, #00649a 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, #00649a), color-stop(50%, #6e9ce6), color-stop(100%, #00649a));

    background: -webkit-linear-gradient(left, #00649a 0%, #6e9ce6 50%, #00649a 100%);

    background: -o-linear-gradient(left, #00649a 0%, #6e9ce6 50%, #00649a 100%);

    background: -ms-linear-gradient(left, #00649a 0%, #6e9ce6 50%, #00649a 100%);

    background: linear-gradient(to right, #00649a 0%, #6e9ce6 50%, #00649a 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00649a', endColorstr='#00649a', GradientType=1 );

    padding-top: 200px;

    padding-bottom: 90px;

    text-align: center;


}
.section-seo5 .section-seo__text--color, .section-seo5 .section-seo__title--color {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.section-seo5 .section-seo__title {

    font: 50px 'Unbounded';

    margin-bottom: 44px;


}
.section-seo5__middle {

    margin-top: 50px;


}
.section-seo5 .section-seo__text--alt:first-child {

    margin-right: 60px;

    margin-top: 30px;


}
.section-seo5 .section-seo__text {

    margin-bottom: 50px;


}
.section-seo5 .section-seo__text--alt {

    display: inline-block;

    font-size: 20px;

    line-height: 27px;

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    vertical-align: top;


}
.section-seo5 .section-seo__img {

    display: inline-block;

    vertical-align: top;


}
.content--seo .advantages:not(.new_block_advantages) {

    padding-top: 90px;

    background: rgba(243,243,243,1);

    background: -moz-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,243,243,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1)));

    background: -webkit-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: -o-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: -ms-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: linear-gradient(to right, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3', GradientType=1 );


}


.advantages.new_block_advantages{
            background-size: contain;
}

.advantages.new_block_advantages .advantages__list{
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768.98px) {
    .advantages.new_block_advantages{
                background-size: 100% 100%;
    }
    .advantages.new_block_advantages .advantages__list{
        grid-template-columns: 1fr;
    }
}

.we-offer {

    padding-bottom: 40px;

    padding-top: 100px;

    /*margin-top: -200px;*/

    background: rgba(243,243,243,1);

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, -moz-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, -webkit-gradient(left top, right top, color-stop(0%, rgba(243,243,243,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1)));

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, -webkit-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, -o-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, -ms-linear-gradient(left, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    background: url(/local/templates/main/images/we-offer-bg.webp) no-repeat center 300px, linear-gradient(to right, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3', GradientType=1 );


}
.we-offer__caption {

    margin-bottom: 200px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;

    z-index: 99;

    position: relative;


}

@media (max-width: 991.98px) {
    .we-offer__caption {
        font-size: 36px;
        word-break: break-all;
    }
}
@media (max-width: 375.98px) {
    .we-offer__caption {
        font-size: 32px;
    }
}


.we-offer__drawback {

    text-align: center;

    margin-bottom: 75px;

    overflow: hidden;


}
.we-offer__drawback-item {

    float: left;

    text-align: center;

    width: 400px;

    vertical-align: top;

    margin: 0 40px;


}
.we-offer__drawback-item:first-child .check::before{
    /*left: 66px;*/
}

@media only screen and (max-width: 900px) {
   .we-offer__drawback-item:first-child .check::before{
     /*left: 36px;*/
   } 
}


.we-offer__drawback-item:last-child {

    float: right;


}
.we-offer__drawback-item {

    float: left;

    text-align: center;

    width: 400px;

    vertical-align: top;

    margin: 0 40px;


}
.we-offer__drawback-title {

    font: 28px 'Unbounded';

    color: #343434;


}
.we-offer__drawback-text {

/*    display: inline-block;

    text-align: left;

    font-size: 20px;

    font-weight: 500;

    color: #343434;

    width: 350px;

    padding: 65px 0;

    margin-left: 40px;

    background: url(/local/templates/main/images/cross_icon.webp) no-repeat center;*/


}
.we-offer__drawback-text strong {

    font-weight: 900;


}
.we-offer__middle {

    font: 48px 'Unbounded';

    font-weight: 600;

    line-height: normal;

    color: #343434;

    text-align: center;

    line-height: 100px;

    margin-bottom: 70px;


}


@media (max-width: 991.98px) {
.we-offer__middle {
        font-size: 36px;
    }
}
@media (max-width: 375.98px) {
.we-offer__middle {
        font-size: 32px;
    }
}

.we-offer__middle span {

    display: block;

    font: 24px 'MuseoSansCyrl', Arial, sans-serif;

    font-weight: normal;

    font-weight: 700;

    color: #343434;


}
.we-offer__advantages::after,
.advantages_old .advantages__list::after {

    display: inline-block;

    width: 100%;

    content: '';

    height: 0;

    visibility: hidden;


}
.we-offer__advantages,
.advantages_old .advantages__list {

    display: grid;
    grid-template-columns: repeat(3, 1fr);     
    gap: 40px 170px;                              
    width: 100%;                               

    text-align: justify;


}

.advantages_old .advantages__list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-template-columns: unset;
    gap: 0px 85px;
    /*grid-template-columns: repeat(2, 1fr);*/
}

.advantages_old .advantages__list .advantages__item{
        max-width: 490px;
}

.we-offer__advantages-item,
.advantages_old .advantages__item {

    display: inline-block;

    /*width: 300px;*/

    vertical-align: top;

    text-align: center;

    margin-bottom: 80px;


}

.advantages_old .advantages__item:last-child {
    grid-column: 2 / 3;
}


@media (max-width: 991.98px) {
.advantages_old .advantages__item:last-child{
        grid-column: auto;
}

.we-offer__advantages,
.advantages_old .advantages__list {
     gap: 40px 70px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768.98px) {
.we-offer__advantages,
.advantages_old .advantages__list {
     gap: 35px;
        grid-template-columns: 1fr;
    }
}




.we-offer__advantages-img,
.advantages_old .advantages__img {

    display: inline-block;

    width: 119px;

    height: 119px;

    border-radius: 50%;

    margin-bottom: 30px;

    line-height: 119px;

    background: #ffe400;

    background: -moz-linear-gradient(45deg, #ffe400 0%, #fff822 100%);

    background: -webkit-linear-gradient(45deg, #ffe400 0%,#fff822 100%);

    background: linear-gradient(45deg, #ffe400 0%,#fff822 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#fff822',GradientType=1 );

    text-align: center;

    box-shadow: 0 0 10px 1px rgba(128,117,0,0.1);


}
.we-offer__advantages-img img,
.advantages_old .advantages__img img {

    vertical-align: middle;

    display: unset;


}
.we-offer__advantages-title,
.advantages_old .advantages__title {

    color: #262626;
    font: 22px 'Unbounded';
    font-weight: 600;
    margin-bottom: 15px;


}

@media (max-width: 991.98px) {
    .we-offer__advantages-title,
    .advantages_old .advantages__title {
        font-size: 28px;
    }
}
.we-offer__advantages-text,
.advantages_old .advantages__text {



    font-weight: 300;


    display: inline-block;

    /*width: 230px;*/

    font-size: 22px;
    color: #262626;
    line-height: 140%;


}

@media (max-width: 991.98px) {
    .we-offer__advantages-text,
    .advantages_old .advantages__text {
        font-size: 20px;
    }
}

.price-seo {

    background: rgba(232,232,232,1);

    background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(51%, rgba(248,248,248,1)), color-stop(100%, rgba(232,232,232,1)));

    background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=1 );

    padding: 0;

    padding-top: 0px;

    padding-top: 90px;


}
.price {

    position: relative;

    padding: 90px 0;

    background: rgba(232,232,232,1);

    background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(51%, rgba(248,248,248,1)), color-stop(100%, rgba(232,232,232,1)));

    background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=1 );


}
.price__list::after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;


}
.price-seo .price__item {

    position: relative;

    width: 27%;

    margin-right: 25px;

    background-color: #fff;

    overflow: hidden;


}

.price-seo.promotion-block_price .price__item {
        width: 31%;
}

@media (max-width: 991.98px) {
    .price-seo.promotion-block_price .price__item {
        width: 40%;
    }
}


@media (max-width: 600.98px) {
    .price-seo.promotion-block_price .price__item {
        margin: 0 auto;
    }
}

.price__item {

    position: relative;

    overflow: hidden;

    width: 24.1212%;

    display: inline-block;

    vertical-align: top;

    padding: 30px 0;

    background-color: #fff;

    text-align: center;

    -webkit-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    transition: box-shadow 0.4s linear;


}
.price__title {


    font: 24px 'Unbounded';

    font-weight: 600;
    color: #f6cb00;
    padding: 0 20px;
    min-height: 60px;


}

@media (max-width: 991.98px) {
.price__title {
        font-size: 28px;
        min-height: unset;
    }
}

.price__advantages::after {

    position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -18px;

    content: '';

    width: 50px;

    height: 1px;

    background: url(/local/templates/main/images/price_bottom_bg.webp) no-repeat center bottom;


}
.price__advantages li {

    margin-bottom: 20px;

    font-size: 18px;

    line-height: 120%;

    font-weight: 300;

    color: #262626;

    padding: 0 20px;

    background: url(/local/templates/main/images/price_li.webp) no-repeat left 2px;


}

@media (max-width: 991.98px) {
   .price__advantages li {
        font-size: 20px;
    }
}

.price__advantages {

    text-align: left;


}
.price__value {

    margin-bottom: 5px;

    color: #5a5a5a;

    font: 20px 'Unbounded';


}

.price__value.old_price{
text-decoration: line-through;
}


.price__value.stock_price{
font-size: 14px;
color: red;
}



.price__description--prodv {

    margin-bottom: 0;


}
.price-seo .price__description{

    height: 0;


}
.work-seo {

    background: rgba(232,232,232,1);

    background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(51%, rgba(248,248,248,1)), color-stop(100%, rgba(232,232,232,1)));

    background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    background: linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(248,248,248,1) 51%, rgba(232,232,232,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8', GradientType=1 );

    padding: 90px 0;


}
.work-seo__advantages {

    padding-top: 60px;

    background: url(/local/templates/main/images/work_seo_bg.webp) no-repeat top center;

    width: 1122px;

    margin: 0 auto;

    overflow: hidden;

    font-size: 0;


}
.work-seo__advantages-item {

    position: relative;

    display: inline-block;

    width: 260px;

    margin-right: 20px;

    vertical-align: top;

    text-align: left;

    margin-bottom: 130px;


}
.work-seo__advantages-title {

    color: #6a6a6a;

    font-size: 18px;

    font-weight: 900;

    margin-bottom: 10px;


}
.work-seo__advantages-text {

    color: #343434;

    font-size: 16px;

    line-height: 22px;

    font-weight: 300;


}
.work-seo__form-title2 {

    font: 40px 'Unbounded';

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;


}
.what-work {

    padding-top: 90px;

    padding-bottom: 30px;

    background: rgba(59,90,143,1);

    background: -moz-linear-gradient(left, rgba(59,90,143,1) 0%, rgba(87,135,207,1) 51%, rgba(59,90,143,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(59,90,143,1)), color-stop(51%, rgba(87,135,207,1)), color-stop(100%, rgba(59,90,143,1)));

    background: -webkit-linear-gradient(left, rgba(59,90,143,1) 0%, rgba(87,135,207,1) 51%, rgba(59,90,143,1) 100%);

    background: -o-linear-gradient(left, rgba(59,90,143,1) 0%, rgba(87,135,207,1) 51%, rgba(59,90,143,1) 100%);

    background: -ms-linear-gradient(left, rgba(59,90,143,1) 0%, rgba(87,135,207,1) 51%, rgba(59,90,143,1) 100%);

    background: linear-gradient(to right, rgba(59,90,143,1) 0%, rgba(87,135,207,1) 51%, rgba(59,90,143,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5a8f', endColorstr='#3b5a8f', GradientType=1 );


}
.what-work__description {

    font-size: 18px;
    font-weight: 900;

    text-align: center;

    margin-bottom: 70px;


    text-shadow: 0px 0px 5px rgba(64, 93, 0, 0.30);

    color: #fff;


}
.what-work__list {

    text-align: center;

    font-size: 0;


}
.what-work__item {

    display: inline-block;

    width: 23%;

    min-width: 265px;

    margin: 1%;

    margin-bottom: 1%;

    margin-bottom: 40px;

    text-align: left;

    color: #fff;

    font-weight: 300;

    vertical-align: top;


}
.what-work__title {

        display: flex;
    align-items: center;

    position: relative;

    /*padding-left: 45px;*/

    font-size: 18px;

    font-weight: 900;

    margin-bottom: 15px!important;

    vertical-align: top;


}
.what-work__text {

    font-size: 20px;

    line-height: 140%;


}
.what-work__number {

    /*position: absolute;*/
    position: relative;

    left: 0;

    /*top: -7px;*/
    top: 0;

    padding: 0 10px 0 0;

    font-size: 49px;

    font-weight: 900;

    vertical-align: top;


}
.what-work__item:nth-child(10) .what-work__title {

    width: 280px;


}
.what-work__item:nth-child(n+10) .what-work__title {

    /*padding-left: 71px;*/


}
.what-work__item:nth-child(12) .what-work__title {

    height: 44px;


}
.results {

    position: relative;

    padding: 120px 0;

    margin-bottom: 0;

    text-align: center;

    background: rgb(75 0 24) 0%;

    /*background: rgba(232,232,232,1);*/

    background: -webkit-linear-gradient(left, rgb(0 92 150) 0%, rgb(0 179 195) 50%, rgb(0 92 150) 100%);

    background: linear-gradient(left, rgb(0 92 150) 0%, rgb(0 179 195) 50%, rgb(0 92 150) 100%);

    /*background: linear-gradient(to right, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 50%, rgba(19,155,165,1) 100%);*/

    /*height: 750px;*/


}
.results .h1-alt {

    position: relative;

    z-index: 9;

    margin-bottom: 0;

    /*font: 50px 'Unbounded';*/

    letter-spacing: 1.5px;

    color: #fff;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);

    text-align: center;


}

.results .questions__item {

    position: relative;

    height: 181px;

    padding: 37px 15px;

    font: 23px 'Unbounded';


}

@media (max-width: 991.98px) {
    .results .questions__item {
        height: auto;
    }
}

.answer::after {

    content: '';

    position: absolute;

    bottom: -23px;

    z-index: 9999;

    width: 46px;

    height: 23px;

    background: url(/local/templates/main/images/answer_icon.webp) no-repeat;

    left: 35px;


}
.results .welcome {

    text-align: center;

    position: relative;

    bottom: 0;

    z-index: 99;

    display: inline-block;

    padding-top: 60px;

    width: 850px;

    height: 250px;

    border: 1px solid #f69726;

    border-radius: 25px;

    background: -moz-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,177,0,1)), color-stop(100%, rgba(246,143,3,1)));

    background: -moz-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,177,0,1)), color-stop(100%, rgba(246,143,3,1)));

    background: -webkit-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -o-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    background: -ms-radial-gradient(center, ellipse cover, rgba(250,177,0,1) 0%, rgba(246,143,3,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab100', endColorstr='#f68f03', GradientType=1 );

    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);

    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.12);


}
.maps-top .before {

    position: absolute;

    top: -76px;

    left: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(9deg);


}
.maps-top.maps-top-seo .before__con {

    position: absolute;

    top: -0;

    left: -0;

    width: 100%;

    height: 150px;

    transform: skewX(9deg);

    background: linear-gradient(to right, rgba(19,155,165,1) 0%, rgba(13,200,194,1) 100%);


}
.maps-top .after {

    position: absolute;

    top: -75px;

    right: -1%;

    width: 51.5%;

    height: 150px;

    transform: rotate(-9deg);


}
.maps-top.maps-top-seo .after__con {

    position: absolute;

    top: -0;

    right: -0;

    width: 100%;

    height: 150px;

    transform: skewX(-9deg);

    background: linear-gradient(to right, rgba(13,200,194,1) 0%, rgba(19,155,165,1) 100%);


}
.maps {

    height: 700px;

    position: relative;

    overflow: hidden;


}
/*end promotion*/

/*contacts*/
.contact {

    text-align: center;

    /*background-color: #f5f5f5;*/

    padding-top: 70px;


}
.contact__caption {

    font: 45px 'Unbounded';

    letter-spacing: 1.5px;

    color: #7D7B7B;

    margin-bottom: 15px;


}
@media only screen and (max-width: 380px) {

    .contact__caption {

        font: 28px 'Unbounded';


    }

}
@media only screen and (max-width: 480px) {

    .contact__caption {

        font: 34px 'Unbounded';


    }

}
.contact__description {

    margin-bottom: 65px;

    font: 48px 'Unbounded';

    font-weight: 600;

    color: #343434;

    letter-spacing: 1.5px;


}

@media (max-width: 991.98px) {
    .contact__description {
        font-size: 36px;
    }
}
@media (max-width: 375.98px) {
    .contact__description {
        font-size: 32px;
    }
}



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

    .contact__description {

        /*font: 24px 'Unbounded';*/


    }

}
@media only screen and (max-width: 480px) {

    .contact__description {

        margin-bottom: 45px;

        /*font: 28px 'Unbounded';*/


    }

}
.colorTit {

    color: #efbb05;


}
.contact__text {

    color: #343434;

    font-size: 20px;

    font-weight: 700;


}
.contact__text span {

    font-size: 30px;

    font-weight: 900;

    margin-bottom: 10px;

    display: inline-block;


}
@media only screen and (max-width: 380px) {

    .contact__text {

        font-size: 17px;


    }

}
@media only screen and (max-width: 480px) {

    .contact__text {

        color: #343434;

        font-size: 18px;

        font-weight: 500;


    }

}
.contact__list::after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;


}
.contact__list {

    text-align: justify;

    padding: 0 150px;

    margin-top: 90px;


}

.contact__list._about{
margin-bottom: 0;
padding-bottom: 80px;
}


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

    .contact__list {

        padding: 0 10px;

        margin-top: 50px;


    }

}
@media only screen and (max-width: 480px) {

    .contact__list {

        padding: 0 0px;

        margin-top: 50px;

        text-align: justify;


    }

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

    .contact__list {

        text-align: center;

        padding: 0;


    }

    .contact__list._about{
padding-bottom: 40px;
}

}
@media only screen and (max-width: 900px) {

    .contact__list {

        padding: 0 20px;


    }

}
@media only screen and (max-width: 1024px) {

    .contact__list {

        padding: 0 50px;


    }

}
.contact__item {

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-align: center;


}
.contact__item a {

    color: #343434;

    font-size: 20px;

    font-weight: 700;

    -webkit-transition: all .2s linear;

    transition: all .2s linear;


}
.contact__item span {

    position: relative;

    display: inline-block;

    width: 130px;

    height: 130px;

    background-color: #EFBB05;

    margin-bottom: 20px;

    border-radius: 50%;

    line-height: 130px;

    -webkit-transition: all .1s linear;

    transition: all .1s linear;


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

    .contact__item span {

        width: 100px;

        height: 100px;

        line-height: 100px;


    }

}
.contact__item span::before {

    content: '';

    position: absolute;

    top: -1px;

    left: -1px;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: none;

    border: 1px solid #D4AA16;

    border-radius: 50%;

    -moz-transition-property: all;

    -o-transition-property: all;

    -webkit-transition-property: all;

    transition-property: all;

    -moz-transition-duration: 275ms;

    -o-transition-duration: 275ms;

    -webkit-transition-duration: 275ms;

    transition-duration: 275ms;

    -moz-transition-timing-function: cubic-bezier(0.53,-0.67,0.73,0.74);

    -o-transition-timing-function: cubic-bezier(0.53,-0.67,0.73,0.74);

    -webkit-transition-timing-function: cubic-bezier(0.53,-0.67,0.73,0.74);

    transition-timing-function: cubic-bezier(0.53,-0.67,0.73,0.74);


}
.contact__item span img {

    max-width: 100%;

    height: auto;


}
@media only screen and (max-width: 400px) {

    .contact__item {

        margin: 0;

        margin-bottom: 50px;


    }

}
@media only screen and (max-width: 480px) {

    .contact__item {

        margin: 0px 10px;

        margin-bottom: 50px;


    }

}
@media only screen and (max-width: 640px) {

    .contact__item {

        margin: 0px 40px;

        margin-bottom: 50px;


    }

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

    .contact__item {

        margin: 0px 20px;

        margin-bottom: 50px;


    }

}
.contact__list::after {

    content: '';

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;


}
.contact .maps {

    height: 590px;


}
.contact__content {

    padding: 50px 0;

    /*background: #f5f5f5;*/

    position: relative;

    z-index: 1;

    box-shadow: 0 8px 16px rgba(0,0,0,0.1);


}
.contact__content-list {
/*        gap: 160px;
    column-count: 2;
    text-align: left;

    color: #343434;

    display: inline-block;

    font-size: 20px;

    line-height: 38px;

    position: relative;

    /*z-index: 999;*/
    margin: 0;
    padding: 0;*/


}


.contact__content-list {
    position: relative;
    line-height: 38px;
    font-size: 20px;
    color: #343434;
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr;      
    grid-auto-flow: column;              
    grid-template-rows: repeat(5, auto); 
    gap: 12px 100px;                      
    margin: 0 auto;
    max-width: 1030px;
    list-style: none;
    padding: 0;
}

@media (max-width: 1399.98px) {
    .contact__content-list {
        display: inline-block;
        /*gap: 60px;*/
    /*column-count: 1;*/
}
}
/*end contacts*/

/*advertising*/
.internet-reklama {

    /*margin-top: 165px;*/

    text-align: center;

    height: auto;

    background: linear-gradient(to right, #24A0BF 0%, #08B6FB 50%, #24A0BF 100%);

    background-repeat: repeat;

    background-repeat: no-repeat;

    padding: 90px 0;


}
.internet-reklama__caption {

    margin-bottom: 30px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    text-align: center;

    z-index: 99;

    position: relative;


}
.internet-reklama__caption-l2 {

    font: 28px 'Unbounded';

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    margin-bottom: 85px;


}
.internet-reklama__middle-bg {

    font-size: 0;


}
.internet-reklama__middle:first-child {

    padding-right: 40px;


}
.internet-reklama__middle {

    font-size: 0;

    text-align: center;

    width: 50%;

    display: inline-block;

    vertical-align: top;


}
.internet-reklama__drawback-item::after {

    background: url(/local/templates/main/images/ir_strelka_right.webp) no-repeat;

    background-size: auto;

    background-size: contain;

    width: 100px;

    height: 105px;

    position: absolute;

    bottom: -130px;

    right: 150px;

    content: '';


}
.internet-reklama__drawback-item::before {

    background: url(/local/templates/main/images/ir_strelka_left.webp) no-repeat;

    background-size: auto;

    background-size: contain;

    width: 100px;

    height: 105px;

    position: absolute;

    bottom: -130px;

    left: 140px;

    content: '';


}
.internet-reklama__drawback-item {

    position: relative;

    margin-bottom: 160px;


}
.internet-reklama__drawback-title {

    font: 28px 'Unbounded';

    color: #fff;

    margin-bottom: 15px;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);


}
.internet-reklama__drawback-text {

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    width: 320px;

    margin: 0 auto;


}
.clearfix {

    clear: both;


}
.internet-reklama__middle:last-child {

    padding-left: 40px;


}
.internet-reklama__middle:first-child {

    padding-right: 40px;


}
.internet-reklama__middle {

    font-size: 0;

    text-align: center;

    width: 50%;

    display: inline-block;

    vertical-align: top;


}
.internet-reklama-text-bottom {

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #fff;

    text-align: center;

    margin-top: 50px;

    margin-bottom: 20px;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}


@media (max-width: 991.98px) {
.internet-reklama-text-bottom {
        font-size: 36px;
    }
}
@media (max-width: 375.98px) {
.internet-reklama-text-bottom {
        font-size: 32px;
    }
}




.internet-reklama-text-bottom span {

    text-decoration: line-through;


}
.internet-reklama-text-bottom-l2 {

    font: 34px 'Unbounded';

    letter-spacing: 1.5px;

    color: #fff;

    text-align: center;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.internet-reklama__description-item:nth-child(2) {

    float: left;


}
.internet-reklama__description-item:nth-child(3) {

    float: right;


}
.internet-reklama__description-item {

    width: 45%;


}
.internet-reklama__description-item {

    width: 45%;


}
.internet-reklama__description-title {

    font: 22px 'Unbounded';

    color: #fff;

    text-align: center;

    margin-bottom: 20px;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);


}
.internet-reklama__description-text {

    text-align: center;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    display: inline-block;

    line-height: 26px;


}

.advantages__caption {

    margin-bottom: 80px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;

    z-index: 99;

    position: relative;


}
.internet-reklama-section2 {

    background: #629c17;

    background: -moz-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, #629c17), color-stop(50%, #90c245), color-stop(100%, #629c17));

    background: -webkit-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -o-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: -ms-linear-gradient(left, #629c17 0%, #90c245 50%, #629c17 100%);

    background: linear-gradient(to right, #629c17 0%, #90c245 50%, #629c17 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629c17', endColorstr='#629c17', GradientType=1 );

    padding: 90px 0;

    text-align: center;


}
.internet-reklama-tarifs {

    padding: 90px 0 0;


}

.internet-reklama-tarifs .workseo__form-items .workseo__form-item .consult-error,
.internet-reklama-tarifs .personal_data .consult-error{
    color: #136063;
}

.internet-reklama-section2 .container {

    background: url(/local/templates/main/images/we-offer-bg2.webp) no-repeat center 80%;


}
@media (max-width: 2980px) and (min-width: 1020px) {

    .contR {

        position: absolute;

        top: 200px;

        height: 680px;

        width: 60%;

        left: 20%;


    }

}
/*.internet-reklama__caption {

    margin-bottom: 30px;

    font: 50px 'Unbounded';

    letter-spacing: 1.5px;

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    text-align: center;

    z-index: 99;

    position: relative;


}*/
.internet-reklama-section2 .internet-reklama__caption-l3 {

    width: 73%;

    margin: 0 auto;

    margin-bottom: 180px;


}
.internet-reklama__caption-l3 {

    font: 28px 'Unbounded';

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);

    margin-bottom: 110px;


}
@media (max-width: 2980px) and (min-width: 1020px) {

    .internet-reklama-section2 .we-offer__drawback {

        margin-bottom: 130px;


    }

}
.we-offer__drawback {

    text-align: center;

    margin-bottom: 75px;

    overflow: hidden;


}
.internet-reklama-section2 .we-offer__middle {

    margin-bottom: 0px;


}
.internet-reklama-section2 .we-offer__middle {

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
/*.we-offer__middle {

    font: 50px 'Unbounded';

    line-height: normal;

    color: #343434;

    text-align: center;

    line-height: 100px;

    margin-bottom: 70px;


}*/
.internet-reklama-section2 .we-offer__middle span {

    display: block;

    font: 24px 'MuseoSansCyrl', Arial, sans-serif;

    font-weight: normal;

    font-weight: 700;

    color: #fff;

    text-shadow: 0 0 5px rgba(0,0,0,0.3);


}
.tarif-ir {

    color: #343434;

    font-size: 0;

    text-align: center;


}
.tarif-ir .tarif-ir__box1, .tarif-ir .tarif-ir__box2 {

    display: inline-block;

    font-size: 16px;

    vertical-align: top;


}
.tarif-ir .tarif-ir__box1 {

    width: 20%;

    min-width: 340px;

    overflow: hidden;


}
.tarif-ir__box1 > .tarif-ir__item:first-child {

    width: 100%;

    border-radius: 5px 0 0 5px;

    padding: 0;


}
.tarif-ir__box1 > .tarif-ir__item:first-child, .tarif-ir__box2 > .tarif-ir__item:first-child {

    text-transform: uppercase;

    font-weight: 600;

    margin-bottom: 5px;

    line-height: 60px;

    color: #fff;

    font-size: 15px;

    text-shadow: 0px 0 2px rgba(0,0,0,0.1);

    width: 100%;

    text-align: center;

    background-color: #f4ac21;


}
.tarif-ir .tarif-ir__box1 .tarif-ir__item {

    padding-left: 30px;

    border-radius: 5px 0 0 5px;

    border-left: 1px solid #eee;


}
.tarif-ir__item {

    width: 100%;

    border-bottom: 1px solid #eee;

    line-height: 24px;

    padding: 10px 0;

    position: relative;

    text-align: left;


}
.tarif-ir .tarif-ir__box2 {

    width: 160px;


}
.tarif-ir .tarif-ir__box1, .tarif-ir .tarif-ir__box2 {

    display: inline-block;

    font-size: 16px;

    vertical-align: top;


}
.tarif-ir-bg .tarif-ir__item:first-child {

    border-top: 1px solid #eee;


}
.tarif-ir__box2 .tarif-ir__item {

    text-align: center;


}
.tarif-ir__item {

    width: 100%;

    border-bottom: 1px solid #eee;

    line-height: 24px;

    padding: 10px 0;

    position: relative;

    text-align: left;


}
.tarif-ir__box2 > .tarif-ir__item:first-child {

    padding: 0;


}
.tarif-ir__item:nth-child(2n) {

    background-color: #FAFAFA;


}
.tarif-ir__question {

    position: relative;

    margin-left: 10px;


}
.tarif-ir__question::before {

    content: '?';

    text-align: center;

    line-height: 24px;

    width: 24px;

    height: 24px;

    font-size: 17px;

    color: #343434;

    position: relative;

    background-color: #FDC24F;

    border-radius: 50%;

    display: inline-block;

    vertical-align: top;

    cursor: pointer;

    color: #fff;

    transition: all .2s linear;


}
.tarif-ir__question span {

    position: absolute;

    top: -15px;

    left: 35px;

    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);

    z-index: 99;

    visibility: hidden;

    opacity: 0;

    background-color: #fff;

    padding: 10px 15px;

    border-radius: 5px;

    line-height: 20px;

    transition: opacity .2s linear;

    min-width: 280px;


}
.tarif-ir__item br {

    display: none;


}
.price__button:hover {

    background-color: #FFB924;


}
.price__button--ir {

    width: 150px;

    height: 40px;

    line-height: 40px;

    font-size: 15px;

    margin-top: 15px;


}
.tarif-ir__box2 .price__button {

    display: inline-block;

    background-color: #F1E125;

    -webkit-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 6px 27px 0px rgba(0,0,0,0.1);

    text-align: center;

    font: 16px 'Unbounded';

    font-size: 16px;

    color: #fff;

    line-height: 40px;

    transition: .3s;


}
.results-ir{

    /*height: 900px;*/


}
.results-ir .welcome {

    bottom: -50px;


}
.reviews__caption {

    font: 32px 'Unbounded';

    line-height: normal;

    letter-spacing: 1.5px;

    color: #fff;

    text-align: center;

    line-height: 44px;

    margin-bottom: 30px;


}
.maps{

    width: 100%;

    height: 100%;


}


.questions__item .questions__icon{

    color: #f9b300;

    text-align: center;

    line-height: 77px;

    font-size: 41px;

    position: absolute;

    top: -37px;

    right: -38px;

    width: 77px;

    height: 77px;

    border-radius: 50%;

    background-color: #fff;

    box-shadow: 0 4px 10px rgba(0,0,0,0.06);

    z-index: 99;


}

.questions__item > .questions__icon > span{

    display: inline-block;

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    transition: all .4s;


}

.questions__item:hover .answer{

}

@media only screen and (min-width: 644.98px) {
    .questions__item > .questions__icon.active > span,
    .questions__item:hover span{
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    /*.questions__item:hover > .questions__icon > span{}*/
    .questions__item:hover .answer{
        opacity: 1;
        visibility: visible; 
    }
}

@media only screen and (max-width: 644.98px) {
    .questions__item .questions__icon:hover .answer{
    opacity: 1;
    visibility: visible; 
    }
    .questions__item > .questions__icon:hover > span{
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .questions__item > .questions__icon.active > span{
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .questions__item > .questions__icon:not(.active) > span{
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

}

@media only screen and (max-width: 644.98px) {
    .questions__item .questions__icon.active .answer{
    opacity: 1;
    visibility: visible;
    }
    .questions__item .questions__icon:not(.active) .answer{
    opacity: 0;
    visibility: hidden;
    }
}


/*.questions__icon:hover .answer,
.questions__icon:active .answer{

    opacity: 1;

    visibility: visible;


}*/


.questions__icon.active .answer{

    opacity: 1;

    visibility: visible;


}

.answer{

    position: absolute;

    left: -20px;

    color: #343434;

    font: 18px 'MuseoSansCyrl', Arial, sans-serif;

    line-height: 27px;

    z-index: 9999;

    width: 500px;

    visibility: hidden;

    padding: 40px;

    background-color: #fff;

    box-shadow: 0 4px 10px rgba(0,0,0,0.12);

    transition: 0.2s;

    bottom: 110px;

    border-radius: 10px;

    opacity: 0;


}

.answer p{

    margin-bottom: 10px;


}

.answer:after{

    content: '';

    position: absolute;

    bottom: -23px;

    z-index: 9999;

    width: 46px;

    height: 23px;

    background: url(/local/templates/main/images/answer_icon.webp) no-repeat;

    left: 35px;


}

.questions__item:nth-child(3) .answer{

    right: -20px;

    left: auto;


}

.questions__item:nth-child(3) .answer:after{

    right: 35px;

    left: auto;


}

.questions__item:last-child .answer{

    right: -20px;

    left: auto;


}


.questions__item:last-child .answer:after{

    right: 35px;

    left: auto;


}

@media (max-width: 991.98px) {
    .questions__item:last-child .answer{
        left: 50%;
        right: auto;
    }
    .questions__item:last-child .answer:after{
        left: 50%;
        right: auto;
    }
}

@media (max-width: 991.98px) {

    .h1-alt, .internet-reklama__caption, .internet-reklama-section2 .we-offer__middle, .advantages__caption, .we-offer__middle, .work-seo__form-title2{

        font-size: 36px;

        line-height:40px;


    }

}

@media (max-width: 375.98px) {

    .h1-alt, .internet-reklama__caption, .internet-reklama-section2 .we-offer__middle, .advantages__caption, .we-offer__middle, .work-seo__form-title2{

        font-size: 32px;



    }

}
@media only screen and (max-width: 992px) {

    .h1--m80 {

        margin-bottom: 20px !important;


    }

}
@media only screen and (max-width: 480px) {

/*    .advantages_old .advantages__item {

        text-align: center;

        min-width: auto;

        
    }*/
    
}
@media only screen and (max-width: 768px) {

/*    .advantages_old .advantages__item {

        width: auto;

        
    }*/
    .advantages__list{

        padding-top: 0;

        padding-bottom: 0;

        
    }
    
}
@media only screen and (max-width: 992px) {

    .advantages_old .advantages__item {

           /* width: 560px;
           */
        /*margin-bottom: 40px;*/

        
    }

}
@media only screen and (max-width: 480px) {

    .advantages__title, .advantages__text {

        margin-left: 0;


    }

}
@media only screen and (max-width: 600px) {

    .advantages__title, .internet-reklama__caption-l3 {

        font: 28px 'Unbounded';


    }

}
@media only screen and (max-width: 480px) {

    .advantages__title, .advantages__text {

        margin-left: 0;


    }

}
@media only screen and (max-width: 480px) {

    .advantages__img {

        display: inline-block;

        float: none;

        margin-bottom: 20px;


    }

}
@media only screen and (max-width: 480px) {

    .design, .advantages, .steps-work-post {

        padding-top: 10px;


    }

}
@media only screen and (max-width: 992px) {

    .advantages_old {

        padding-top: 50px;

        padding-bottom: 100px;


    }

}

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

    .steps-work__list .slick-prev, .steps-work__list .slick-next {

        top: 150px !important;


    }

}
@media only screen and (max-width: 480px) {

    .steps-work__list .slick-prev, .steps-work__list .slick-next {

        top: 190px !important;


    }

}
@media only screen and (max-width: 900px) {

    .steps-work__list .slick-prev, .steps-work__list .slick-next {

        top: 210px !important;


    }

}
@media (max-width: 470px) {

    .slick-arrow {

        margin-top: -25px !important;


    }

}
@media only screen and (max-width: 900px) {

    .steps-work__text {

        display: inline-block;

        text-align: center !important;


    }

}
@media only screen and (max-width: 380px) {

    .steps-work__title {

        margin-bottom: 15px;


    }

}
@media only screen and (max-width: 900px) {

    .steps-work__title {

        float: none !important;

        display: inline-block;


    }

}

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

/*    .steps-work__description {

        font-size: 16px;

        line-height: 23px;


    }*/

}
@media only screen and (max-width: 900px) {

    .steps-work__description {

        margin-right: 0 !important;

        margin-left: 0 !important;


    }
    .steps-work__icon{
        display: none!important;

    }

}
@media only screen and (max-width: 992px) {

    .steps-work__description {

        width: auto;


    }

}
@media only screen and (max-width: 900px) {

    .steps-work__img {

        top: 0;

        position: absolute;

        z-index: 99;

        width: 100%;


    }

}
@media only screen and (max-width: 380px) {

    .steps-work__item {

        padding-top: 0;


    }

}
@media only screen and (max-width: 480px) {

    .clients_old .steps-work__item {

        padding-top: 0!important;

        /*margin-left: 50px!important;*/


    }

}
@media only screen and (max-width: 900px) {

    .steps-work__item {

        padding-top: 310px;

        margin-top: 0;

        text-align: center !important;


    }

}
@media only screen and (max-width: 1200px) {

    .steps-work__item {

        margin-left: 0 ;

        margin-right: 0 ;


    }

}
@media only screen and (max-width: 380px) {

    .design__text {

        font-size: 24px;


    }

}
@media only screen and (max-width: 480px) {

    .design__text {

        font-size: 26px;


    }

}
@media only screen and (max-width: 380px) {

    .design__description::before {

        width: 310px;

        height: 215px;

        top: -70px;

        margin-left: -155px;


    }

}
@media only screen and (max-width: 900px) {

    .design__description::before {

        left: 50%!important;

        width: 350px!important;

        height: 230px!important;

        top: 70px;

        margin-left: -175px;


    }

}
@media only screen and (max-width: 992px) {

    .design__description::before {

        left: -10px;

        width: 470px;

        height: 310px;

        top: 70px;


    }

}
@media only screen and (max-width: 1024px) {

    .design__description::before {

        left: -60px;

        width: 600px;

        height: 400px;


    }

}
.design__description p:last-child {

    font-weight: 700;

    margin-bottom: 0;


}
@media only screen and (max-width: 600px) {

    .design__description p {

        width: auto;


    }

}
@media only screen and (max-width: 992px) {

    .h1--m130 {

        margin-bottom: 100px!important;


    }
    .design__description .bold{
        padding-top: 180px
    }
    .design__text{
        margin-top: 20px
    }

}
@media only screen and (max-width: 1024px) {

    .price__item:nth-child(1), .price__item:nth-child(2) {

        height: 570px;


    }

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

    .price__item {

        display: inline-block;

        width: auto;

        max-width: 500px;

        height: auto !important;

        padding: 50px 0;


    }

}
@media only screen and (max-width: 1024px) {

    .price__item {

        width: 49%;

        height: 630px;

        margin-bottom: 20px;


    }

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

    .price__list {

        text-align: center;


    }
    .price__item {

        width: 100%;


    }

}
@media only screen and (max-width: 480px) {

    .price {

        padding: 50px 0 !important;

        padding-bottom: 0 !important;


    }

}
@media only screen and (max-width: 992px) {

    .price {

        padding: 70px 0;


    }

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

    .work-seo__form {

        background: none;

        max-width: 570px;

        padding: 0 20px;


    }

}
@media (max-width: 992px) {

    .workseo__form-items {

        flex-wrap: wrap;


    }

}
@media (max-width: 540px) {

    .workseo__form-item {

        width: 100%;


    }

}
@media (max-width: 992px) {

    .workseo__form-item {

        width: 100%;
        margin: 0 0 30px;

    }

    .work-seo__form .feedback__input-placeholder{
        margin-bottom: 0;
    }

    .work-seo__form .feedback__input{
        margin-top: 5px;
    }

}

@media (max-width: 540px) {

    .workseo__form-item {

        flex: 1 0 100% !important;


    }
    .work-seo__form .feedback__input {
        width: 100%;
    }

}

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

    .all-site__title {

        font-size: 30px;

        margin-top: 30px;

        margin-bottom: 40px;


    }

}

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

    .all-site {

        font-size: 20px;

        background-position: left 6px;


    }

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

    .all-site {

        width: 100% !important;


    }

}
@media only screen and (max-width: 1024px) {

    .all-site {

        width: 50%;


    }

}
@media only screen and (max-width: 1024px) {

    .all-site-bg {

        padding-left: 0;


    }

}
@media only screen and (max-width: 480px) {

    .amount-of-work__text {

        /*font-size: 40px;*/

        padding: 74px 0;


    }

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

    .amount-of-work__text {

        padding: 68px 0;


    }

}
@media only screen and (max-width: 900px) {

    .amount-of-work__text {

        /*font-size: 46px;*/


    }

}
@media only screen and (max-width: 480px) {

    .reviews__caption, .reviews__client-name {

        padding: 0 20px;


    }

}
@media only screen and (max-width: 480px) {

    .reviews__caption {

        font-size: 26px;


    }

}
@media only screen and (max-width: 900px) {

    .reviews__caption {

        padding: 0 10px;

        left: 0!important;

        width: 100%;


    }
    .reviews__item-left .reviews__photo{

        /*margin-top: 120px;
        */

    }

}
@media only screen and (max-width: 480px) {

    .questions__item {

        margin: 0!important;

        margin-bottom: 70px !important;


    }

}
@media only screen and (max-width: 900px) {

    .questions__item {

        margin-bottom: 70px !important;


    }

}
@media only screen and (max-width: 1024px) {

    .questions__item {

        margin: 0px 15px;

        margin-bottom: 70px;


    }

}
@media only screen and (max-width: 480px) {

    .questions__list {

        padding-top: 80px;


    }

}
@media only screen and (max-width: 1024px) {

    .questions__list {

        width: 100%;

        text-align: center!important;

        padding-left: 0;


    }
    .questions .h1-alt{

        margin-bottom: 0;


    }

}
@media only screen and (max-width: 1024px) {

    .questions__item .questions__icon {

        right: auto;

        left: 50%;

        /*margin-left: -35px;
        */
        top: -45px;

        transform: translate(-50%, 0);


    }

}
@media only screen and (max-width: 480px) {

    .slogan_caption {

        font-size: 30px;

        margin-bottom: 100px;


    }

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

    .slogan_caption {

        padding: 0 20px;


    }
    .answer{

        font-size: 14px;

        padding: 20px;

        left: 50%;

        transform: translate(-50%, 0);

        width: calc(100vw - 10%);


    }
    .answer:after{

        left: 50%;

        transform: translate(-50%, 0);


    }
    .questions__item:nth-child(3) .answer,
    .questions__item:nth-child(3) .answer:after{

        right: inherit;

        left: 50%;

        transform: translate(-50%, 0);


    }

}
@media only screen and (max-width: 1024px) {

    .slogan__list::after {

        bottom: -180px;

        top: auto !important;


    }

}
@media only screen and (max-width: 767.98px) {

    .slogan__list {

        padding: 0 10px;


    }
     .slogan__list::after {
     }

}
@media only screen and (max-width: 1024px) {

    .slogan__item:first-child {

        margin-bottom: 100px;


    }

}
@media only screen and (max-width: 600px) {

    .slogan__item {

        margin-left: 0;

        margin-right: 0;

        width: 98%;

        border-width: 4px;

        padding: 30px 25px 30px 25px;


    }

}
@media only screen and (max-width: 480px) {

    .slogan__title {

        background: url(/local/templates/main/images/slogan_bg_480.webp) no-repeat 0px 100%;

        background-size: auto;

        background-size: contain;

        width: 102%;


        /*font: 30px 'Unbounded';*/

        /*line-height: normal;*/

        /*height: 55px;*/

        /*line-height: 55px;*/


    }

}
@media only screen and (max-width: 600px) {

    .slogan__title {

        width: 101.7%;


    }

}
@media only screen and (max-width: 900px) {

    .welcome {

        width: 98%;


    }

}
@media only screen and (max-width: 480px) {

    .welcome__title {

        font-size: 36px;


    }

}
@media only screen and (max-width: 480px) {

    .welcome__address {

        font-size: 18px;

        padding: 0 10px;


    }

}


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

    .section-seo__title {

        font-size: 36px!important;


    }

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

    .section-seo__title {

        font-size: 46px;


    }

}
@media only screen and (max-width: 480px) {

    .section-seo__text--alt, .section-seo__text {

        font-size: 18px !important;

        line-height: 24px !important;


    }

}
@media only screen and (max-width: 480px) {

    .section-seo1 {

        height: auto!important;

        padding-bottom: 290px!important;

        padding-top: 50px!important;

        background: url(/local/templates/main/images/seo_section1.webp) no-repeat 50% 95%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%)!important;

        background-size: 200px, contain!important;

        text-align: center;


    }

}
@media only screen and (max-width: 600px) {

    .section-seo1 {

        background: url(/local/templates/main/images/seo_section1.webp) no-repeat 95% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

        background-size: 250px, contain;


    }

}
@media only screen and (max-width: 600px) {

    .section-seo1 {

        padding-left: 0%!important;


    }

}
@media only screen and (max-width: 640px) {

    .section-seo1 {

        padding-top: 130px;

        background-size: 250px, contain;

        height: 480px;


    }

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

    .section-seo1 {

        padding-left: 4%;


    }

}
@media only screen and (max-width: 900px) {

    .section-seo1 {

        background: url(/local/templates/main/images/seo_section1.webp) 85% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

        padding-left: 7%;

        background-repeat: no-repeat;

        padding-top: 170px;

        background-size: 330px, contain;

        height: 600px;


    }

}
@media only screen and (max-width: 1024px) {

    .section-seo1 {

        background: url(/local/templates/main/images/seo_section1.webp) 80% 62%, linear-gradient(to right, #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%);

        padding-left: 10%;

        background-repeat: no-repeat;


    }

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

    .section-seo__search img {

        width: 39%;


    }

}
@media only screen and (max-width: 600px) {

    .section-seo__title {

        font-size: 36px;


    }

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

    .section-seo__title {

        font-size: 46px;


    }

}
@media only screen and (max-width: 992px) {

    .section-seo4 .section-seo__text--alt {

        padding-right: 0;

        margin-top: 30px;

        float: none;

        text-align: center;

        width: 100%!important;


    }

}
@media only screen and (max-width: 1024px) {

    .section-seo4 .section-seo__text--alt {

        width: 35%;


    }

}
@media only screen and (max-width: 1200px) {

    .section-seo4 .section-seo__text--alt {

        width: 29%;


    }

}
@media only screen and (max-width: 1280px) {

    .section-seo4 .section-seo__text--alt {

        padding-right: 20px;


    }

}
@media only screen and (max-width: 640px) {

    .section-seo__text br {

        display: none;


    }

}
@media only screen and (max-width: 992px) {

    .section-seo4 .section-seo__text--alt {

        text-align: center;


    }

}
@media only screen and (max-width: 600px) {

    .section-seo4 .section-seo__img {

        margin-bottom: -25.7%!important;


    }
    .we-offer__caption{

        /*font: 36px 'Unbounded';

        line-height: 40px;*/


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__caption {

        margin-bottom: 70px;


    }

}
@media only screen and (max-width: 640px) {

    .section-seo4 .section-seo__img {

        margin-bottom: -150px;


    }

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

    .section-seo4 .section-seo__img {

        margin-bottom: -23%;


    }

}
@media only screen and (max-width: 992px) {

    .section-seo4 .section-seo__img {

        float: none;

        margin: 0 auto;

        margin-top: 34px;

        margin-bottom: -161px;

        width: unset!important;


    }

}
@media only screen and (max-width: 1024px) {

    .section-seo4 .section-seo__img {

        margin-top: 72px;

        margin-left: 0;

        width: 625px;

        margin-bottom: -152px;


    }

}
@media only screen and (max-width: 1280px) {

    .section-seo4 .section-seo__img {

        margin-left: 0px;


    }

}
@media only screen and (max-width: 992px) {

    .we-offer__drawback {

        margin-bottom: 100px;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item {

        float: none !important;

        margin: 0 auto;

        margin-bottom: 0px;

        max-width: 500px;

        width: auto;

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 1024px) {

    .we-offer__drawback-item {

        margin: 0;


    }

}
@media only screen and (max-width: 480px) {

    .we-offer__drawback-text {

        max-width: 350px;

        width: auto;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-text {

        margin-left: 0;

        background-position: center !important;

        text-align: center;


    }

}
.we-offer__drawback-text {

    display: inline-block;

    text-align: left;

    font-size: 20px;

    line-height: 140%;

    font-weight: 500;

    color: #343434;

    width: 350px;

    padding: 65px 0;

    margin-left: 40px;

    background: url(/local/templates/main/images/cross_icon.webp) no-repeat center;

    background-position-x: center;

    background-position-y: center;


}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item:last-child {

        margin-bottom: 200px;


    }

}
.we-offer__drawback-item:last-child {

    float: right;


}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item {

        float: none !important;

        margin: 0 auto;

        margin-bottom: 0px;

        max-width: 500px;

        width: auto;

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 1024px) {

    .we-offer__drawback-item {

        margin: 0;


    }

}
.check::before {

    position: absolute;

    top: 7px;

    left: -34px;

    content: '';

    width: 25px;

    height: 25px;

    background: url(/local/templates/main/images/check.svg) no-repeat;


}
.check {

    display: inline-block;

    position: relative;


}
.internet-reklama-section2 .we-offer__drawback-text {

    background: none;

    padding: 20px 0;


}
.internet-reklama-section2 .we-offer__middle{

    padding-top: 40px;


}
@media only screen and (max-width: 480px) {

    .internet-reklama-section2 .internet-reklama__caption-l3 {

        margin-bottom: 50px!important;

        font: 24px 'Unbounded';


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama-section2 .internet-reklama__caption-l3 {

        margin-bottom: 60px;


    }

}
@media only screen and (max-width: 992px) {

    .internet-reklama-section2 .internet-reklama__caption-l3 {

        margin-bottom: 150px;


    }

}
.internet-reklama-section2 .we-offer__drawback {

    width: 85%;
    margin: 0 auto 100px;


}
@media only screen and (max-width: 992px) {

    .we-offer__drawback {

        margin-bottom: 100px;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama-section2 .we-offer__drawback-item:last-child {

        margin-bottom: 150px;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item:last-child {

        margin-bottom: 200px;


    }

}
.we-offer__drawback-item:last-child {

    float: right;


}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item {

        float: none !important;

        margin: 0 auto;

        margin-bottom: 0px;

        max-width: 500px;

        width: auto;

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 1024px) {

    .we-offer__drawback-item {

        margin: 0;


    }

}
@media only screen and (max-width: 480px) {

    .we-offer__drawback-text {

        max-width: 350px;

        width: auto;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-text {

        margin-left: 0;

        background-position: center !important;

        text-align: center;


    }

}
@media only screen and (max-width: 500px) {

    .internet-reklama-section2 .container {

        top: 500px;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama-section2 .container {

        top: 440px;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama-section2 .container {

        background: url(/local/templates/main/images/we-offer-bg-900px.webp) no-repeat center 79%!important;

        background-size: auto;

        background-size: 800px!important;


    }

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

    .internet-reklama-section2 .container {

        background: url(/local/templates/main/images/we-offer-bg-900px.webp) no-repeat center 87%;

        background-size: 900px;


    }


}
@media only screen and (max-width: 900px) {

    .internet-reklama-section2 .container {

        background: url(/local/templates/main/images/we-offer-bg-900px.webp) no-repeat center 85%;

        background-size: 100%;


    }

}
@media only screen and (max-width: 992px) {

    .internet-reklama-section2 .container {

        background: url(/local/templates/main/images/we-offer-bg2.webp) no-repeat center 58%;

        background-size: 100%;


    }

}
@media only screen and (max-width: 1024px) {

    .internet-reklama-section2 .container {

        background: url(/local/templates/main/images/we-offer-bg2.webp) no-repeat center 64%;

        background-size: 110%;


    }

}
@media (max-width: 1020px) and (min-width: 180px) {

    .contR {

        position: absolute;

        top: 200px;

        height: 680px;

        width: 100%;

        left: 0;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama__middle:first-child {

        padding-right: 0px;

        width: 100%;

        margin-bottom: 60px;


    }

}
@media only screen and (max-width: 1024px) {

    .internet-reklama__middle:first-child {

        padding-right: 20px;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama__drawback-item::before, .internet-reklama__drawback-item::after {

        display: none;


    }

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

    .internet-reklama__drawback-item::after {

        right: 24%;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama__drawback-item::after {

        right: 200px;


    }

}
@media only screen and (max-width: 1024px) {

    .internet-reklama__drawback-item::after {

        right: 100px;


    }

}
@media only screen and (max-width: 420px) {

    .internet-reklama__drawback-text {

        width: auto;

        line-height: 24px;

        font-size: 16px;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama__description-item:nth-child(2) {

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama__description-item:nth-child(2), .internet-reklama__description-item:nth-child(3) {

        float: none;

        width: 80%;

        display: inline-block;


    }

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

    .internet-reklama__drawback-item::before {

        left: 24%;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama__drawback-item::before {

        left: 200px;


    }

}
@media only screen and (max-width: 1024px) {

    .internet-reklama__drawback-item::before {

        left: 100px;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama__drawback-item {

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 900px) {

    .internet-reklama__middle:last-child {

        padding-left: 0px;

        width: 100%;


    }

}
@media only screen and (max-width: 1024px) {

    .internet-reklama__middle:last-child {

        padding-left: 20px;


    }

}
@media only screen and (max-width: 640px) {

    .internet-reklama-text-bottom {

        /*font: 30px 'Unbounded';*/


    }

}
@media only screen and (max-width: 640px) {

    .internet-reklama-text-bottom-l2 {

        font: 28px 'Unbounded';


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama, .internet-reklama-section2, .internet-reklama-tarifs {

        padding: 50px 0;


    }

}
@media only screen and (max-width: 480px) {

    .internet-reklama-tarifs .advantages__caption {

        padding: 0 15px;


    }

}
@media only screen and (max-width: 420px) {

    .tarif-ir {

        padding-left: 210px;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir {

        padding-left: 220px;


    }

}
@media only screen and (max-width: 680px) {

    .tarif-ir {

        padding-left: 259px;


    }

}
@media only screen and (max-width: 680px) {

    .tarif-ir {

        display: flex;

        overflow-x: scroll;


    }

}
@media only screen and (max-width: 420px) {

    .tarif-ir .tarif-ir__box1 {

        width: 0;

        min-width: 210px!important;

        overflow: hidden;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir .tarif-ir__box1 {

        width: 0;

        min-width: 220px;


    }

}
@media only screen and (max-width: 680px) {

    .tarif-ir .tarif-ir__box1 {

        position: absolute;

        left: 0;

        z-index: 111;

        background-color: #fff;

        padding-bottom: 55px;


    }

}
@media only screen and (max-width: 900px) {

    .tarif-ir .tarif-ir__box1 {

        border-right: 1px solid #EEE;


    }

}
@media only screen and (max-width: 992px) {

    .tarif-ir .tarif-ir__box1 {

        width: 0;

        min-width: 260px;


    }

}
@media only screen and (max-width: 1024px) {

    .tarif-ir .tarif-ir__box1 {

        width: 0;

        /*min-width: 300px;*/


    }

}
@media only screen and (max-width: 992px) {

    .tarif-ir .tarif-ir__box2 {

        width: 140px;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir__box1 > .tarif-ir__item:first-child, .tarif-ir__box2 > .tarif-ir__item:first-child {

        font-size: 14px;


    }

}
@media only screen and (max-width: 1024px) {

    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(1){

        padding: 22px 0;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir .tarif-ir__box1 .tarif-ir__item {

        padding-left: 20px;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir__box1 > .tarif-ir__item:first-child, .tarif-ir__box2 > .tarif-ir__item:first-child {

        font-size: 14px;


    }

}
@media only screen and (max-width: 1024px) {

    .tarif-ir .tarif-ir__box1 .tarif-ir__item {

        padding-left: 14px;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir .tarif-ir__box1 .tarif-ir__item {

        padding-left: 20px;


    }

}
@media only screen and (max-width: 1024px) {

    .tarif-ir .tarif-ir__box1 .tarif-ir__item {

        padding-left: 14px;


    }

}
@media only screen and (max-width: 992px) {

    .tarif-ir .tarif-ir__box2 {

        text-align: left;


    }

}
@media only screen and (max-width: 900px) {

    .results-ir .welcome {

        bottom: 220px;


    }

}
@media only screen and (max-width: 900px) {

    .welcome {

        width: 98%!important;


    }

}
@media only screen and (max-width: 480px) {

    .portfolio, .benefits {

        padding-top: 50px;


    }

}
@media only screen and (max-width: 992px) {

    .portfolio {

        padding-top: 70px;


    }
    .portfolio__item{

        padding:10px 40px 50px 40px;


    }
    .portfolio__list{
        margin: 0!important;
        padding: 0!important;
        width: 100%!important;

    }
    .container .h1{
        margin-bottom: 40px
    }
    .portfolio__list{
        margin-bottom: 40px!important;

    }

}
@media only screen and (max-width: 1024px) {

    .porfolio__img {

        height: 190px;


    }

}
@media (max-width: 470px) {

    .slick-arrow {

        margin-top: 25px !important;


    }

}
@media only screen and (max-width: 480px) {

    .amount-of-work__text {

        /*font-size: 40px!important;*/

        padding: 74px 0;


    }

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

    .amount-of-work__text {

        padding: 68px 0;


    }

}
@media only screen and (max-width: 900px) {

    .amount-of-work__text {

        /*font-size: 46px;*/


    }

}
@media only screen and (max-width: 992px) {

    .amount-of-work {

        margin-bottom: 90px;


    }

}
@media only screen and (max-width: 600px) {

    .we-offer__caption {

        /*font: 31px 'Unbounded';*/


    }

}
@media only screen and (max-width: 480px) {

    .we-offer {

        padding-top: 50px;

        padding-bottom: 0px;

        background-position-y: 42%;


    }

}
@media only screen and (max-width: 600px) {

    .we-offer {

        background-position-y: 41%;


    }

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

    .we-offer {

        background-position-y: 44%;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer {

        background: url(/local/templates/main/images/we-offer-bg-900px.webp) no-repeat center 300px, linear-gradient(to right, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,243,1) 100%);

        background-position-y: 300px, 0%!important;

        background-size: auto, auto;

        background-position-y: 40%!important;

        background-size: 920px, contain!important;


    }

}
@media only screen and (max-width: 992px) {

    .we-offer {

        padding-top: 130px;

        padding-bottom: 20px;

        background-size: 100%, contain;

        background-position-y: 280px;


    }

}
@media only screen and (max-width: 480px) {

    .we-offer__drawback-text {

        max-width: 350px;

        width: auto;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-text {

        margin-left: 0;

        background-position: center !important;

        text-align: center;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item:last-child {

        margin-bottom: 200px;


    }

}
.we-offer__drawback-item:last-child {

    float: right;


}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item {

        float: none !important;

        margin: 0 auto;

        margin-bottom: 0px;

        max-width: 500px;

        width: auto;

        margin-bottom: 40px;


    }

}
@media only screen and (max-width: 1024px) {

    .we-offer__drawback-item {

        margin: 0;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__drawback-item:last-child {

        margin-bottom: 200px;


    }

}
@media only screen and (max-width: 992px) {

    .we-offer__advantages {

        text-align: center;


    }

}
@media only screen and (max-width: 900px) {

    .we-offer__advantages-item,
    .advantages_old .advantages__item {

        display: block;

        margin: 0 auto;

        margin-bottom: 0px;

        width: auto;

        max-width: 500px;

        margin-bottom: 50px;


    }

}
@media only screen and (max-width: 480px) {

    .price {

        padding: 50px 0 !important;

        padding-bottom: 50px;

        padding-bottom: 0 !important;


    }

}
@media only screen and (max-width: 992px) {

    .price-seo {

        padding-top: 70px;

        padding-bottom: 0;


    }

}
@media only screen and (max-width: 992px) {

    .price {

        padding: 70px 0;


    }

}
@media only screen and (max-width: 900px) {

    .price-seo .price__list {

        text-align: center;


    }

}
@media only screen and (max-width: 1024px) {

    .price-seo .price__list {

        text-align: justify;


    }

}
.price-seo .price__list {

    text-align: center;


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

    .price__list {

        text-align: center;


    }

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

    .price-seo .price__item {

        width: auto!important;

        max-width: 500px!important;


    }

}
@media only screen and (max-width: 900px) {

    .price-seo .price__item {

        width: 50%;


    }

}
@media only screen and (max-width: 1024px) {

    .price-seo .price__item {

        width: 31%;

        /*margin-right: 0;*/

        height: auto !important;


    }

}
@media only screen and (max-width: 1024px) {

    .price__item:nth-child(1), .price__item:nth-child(2) {

        height: 570px;


    }

}
@media only screen and (max-width: 1200px) {

    .price-seo .price__item {

        width: 30.7%;


    }

}
@media only screen and (max-width: 1280px) {

    .price-seo .price__item {

        width: 28.7%;


    }

}
@media only screen and (max-width: 1024px) {

    .work-seo {

        padding-top: 60px;


    }

}
@media only screen and (max-width: 1200px) {

    .work-seo__advantages .slick-arrow {

        margin-top: -16px !important;


    }

}
@media (max-width: 470px) {

    .work-seo__advantages .slick-arrow {

        margin-top: -75px !important;


    }

    .work-seo__advantages .slick-prev{
        left: -60px;

    }.work-seo__advantages .slick-next{
        right: -60px;

    }

}
@media only screen and (max-width: 600px) {

    .work-seo__advantages {

        background: url(/local/templates/main/images/work_seo_bg.webp) no-repeat 54% top!important;

        height: 150px;


    }


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

    .work-seo__advantages {

        padding: 0 25px!important;

        padding-top: 60px!important;

        background: url(/local/templates/main/images/work_seo_bg.webp) no-repeat 57% top;


    }
    .work-seo__advantages-item {

        text-align: center!important;
        margin-left: 20px;


    }

}
@media only screen and (max-width: 1200px) {

    .work-seo__advantages {

        overflow: visible;


    }

}
@media only screen and (max-width: 1200px) {

    .work-seo__advantages {

        padding: 0 50px;

        padding-top: 60px;

        width: 100%;

        background: url(/local/templates/main/images/work_seo_bg.webp) no-repeat 70% top;


    }

}
@media only screen and (max-width: 480px) {

    .results {

        padding-top: 50px;

        /*height: 1800px;*/


    }

}

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

    .questions__item {

        margin: 0 !important;

        margin-bottom: 0px;

        margin-bottom: 70px !important;


    }

}
@media only screen and (max-width: 900px) {

    .questions__item {

        margin-bottom: 70px !important;


    }

}
@media only screen and (max-width: 1024px) {

    .questions__item {

        margin: 0px 15px;

        margin-bottom: 70px;


    }

}
.section-case{
    display: flex;
    /*background:#F5F5F5;*/
    align-items: center;
    justify-content: center;

}

.color-back{
    /*border-radius: 25px;*/
    margin: 0 auto;
    position: relative
}
.type-block{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 15px;
    align-items: flex-end;
    /*align-items: center;*/
    /*position: absolute;
    top: 40px;
    right: 47px;*/
    text-align: right;
    color: white
}
@media (max-width: 767.98px) {
    .type-block{
        display: none;
    }
}
.title-block, .preview-block{
    /*padding-left: 8px;*/
    /*color: white*/
}
.title-block .sh1{
    font-family: "Unbounded", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 110%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.title-block .sh1 a:hover{
    opacity: 0.9;
}

@media (max-width: 991.98px) {
    .title-block .sh1{
        font-size: 20px;
    }
}
@media (max-width: 375.98px) {
    .title-block .sh1{
        font-size: 18px;
    }
}

.sh2{
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    text-align: right;
    color: #fff;
}
.sh3{
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    color: #43d3e6;
}

.section-case.advertising-case .sh3,
.section-case.__ads .sh3,
.our-works__item[data-section-code="portfolio-ads"] .reviews-slider .reviews-slider__item .sh3{
    color: #ffa8df;
}

.sh4{
    font-family: "Unbounded", sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 110%;
    color: #a6f228;

}
.sh5{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
}

.sh6{
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    color: #fff;
}

@media (max-width: 991.98px) {
   .sh6{
        font-size: 16px;
    }
}
@media (max-width: 375.98px) {
   .sh6{
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .info-block .sh4{
        font-size: 24px;
    }
    .top_block_case .sh6{
        /*font-size: 16px;*/
    }
    .top_block_case .sh6 br{
        display: none;
    }
}

.top_block_case .left_top_block_case{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.left_top_block_case .title-block{
    max-width: 900px;
}


.left_top_block_case .title-block .sh6 br{
    display: none;
}

.info-block .sh5, .info-block .sh4{
    text-align: left
}

.bottom_block_case .right_top_block_case{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.right_top_block_case .preview-block{
    font-weight: 400;

}

.right_top_block_case .preview-block p{
    margin-bottom: 1rem;
}

.right_top_block_case .preview-block ol,
.right_top_block_case .preview-block ul{
    margin: 10px 0 0 -10px;
}

.right_top_block_case .preview-block ol li,
.right_top_block_case .preview-block ul li{
    margin: 10px 0 0;
}

.right_top_block_case .preview-block ol{
    list-style: decimal;
}
.right_top_block_case .preview-block ul{
    list-style: disc;
}

.preview-block{
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: #fff;

}
.image-block{
    z-index: 20;
    /*background: white;*/
    /*position: absolute;*/

}.image-block img{
    width:100%;
    /*height: 101%*/
    border-radius: 12px;
    max-width: 677px;
    transition: all 0.3s;
}
.image-block img:hover{
    transform: scale(1.1);
}

.niz-back{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 190px;
    width:100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.info-block{
    /*display: flex;*/
    /*position:absolute;*/
    /*top: 446px;*/
    /*left: 0;*/
    /*width: 100%;*/

}

.info-block {
  display: grid;
  grid-auto-flow: column;
  /*grid-auto-columns: max-content;*/
  /*justify-content: space-between;*/
  /*gap: 100px;*/
 align-items: flex-end;
  max-width: 677px;
}

.info-block.__mobile{
    display: none;
}

@media (max-width: 1280px) {
  .info-block {
    margin: 40px 0 0;
    gap: 50px;
}
}

@media (max-width: 768px) {
  .info-block:not(.__mobile) {
    display: none;
}
  .info-block.__mobile {
    display: flex;
    justify-content: space-between;
}
}


/*@media (max-width: 767px) {
  .info-block {
    grid-auto-flow: row;
    gap: 20px;
    justify-items: start;
}
}*/

@media (max-width: 768px) {
    .info-block {
      display: flex;
      flex-wrap: wrap;
      gap: 40px 60px;                           
      justify-content: stretch;                 
      align-items: start;
  }
}

.info-block .info-item{
    max-width: 220px;
}

.info-item{
    color: white;
    z-index:100;
    /*margin-left:10px;*/

}

.btn-case a{
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    /*text-decoration: underline;*/
    /*text-decoration-skip-ink: none;*/
    /*color: #fff;*/
}

.btn-case a{
    color: #4932c8;
    border-radius: 40px;
    padding: 10px 27px;
    background: #fff;
    text-decoration: none;
}
.btn-case a:hover{
    background: #efefef;
}

.btn-case a:hover{
    text-decoration: none;
}

.link1, .link2{
    font-size:60px;
    color:#00B0C9;
    z-index: 20000;

}.link1:hover, .link2:hover{
    color:#1A1649;

}
.acase{
    padding-left:240px;

}.bcase{
    padding-right:240px;

}
.case__content{
    position: relative;
    margin-bottom: 100px;

}.case__content button{
}
.image-block{
    height: 250px;
    /*height: 232.23px;*/
    /*width:776px;*/
    margin: 20px auto;

}

.reviews-slider__item .image-block{
height: auto;
}

@media only screen and (max-width: 1280px) {
   .image-block{
    height: auto;
} 
}
    .btn-case{
        margin-top: 20px;
    }
@media (max-width: 2980px) and (min-width: 981px){
    .section-case{
        /*height:800px;*/
        /*display:flex;*/

    }
    .color-back{
        /*width:1300px;*/
        /*height:650px;*/
        /*padding:57px 64px;*/

    }
    .case__content .slick-prev{
    }.case__content .slick-next{
    }
    .traffic-growth{
        /*padding-left:37px;*/

    }.orders{
        /*padding-left:40px;*/

    }.time-stay{
        /*margin-left:-14px;*/
        /*width: 177px*/
    }
    .btn-case{
        /*margin-top: 20px;*/
        /*width: 180px;
        height: 50px;
        margin-left:15px;
        margin-top:-15px;*/

    }.btn-case a{
        /*padding: 16px 25px;*/
        /*margin-top: 30px;*/

    }.noDescA{
        display: none
    }.info-item{
        /*width:200px;*/

    }.preview-block{
        /*margin-top: 23px;*/

    }.image-block{
        /*top: 157px;*/

    }.sh5{
        line-height:20px;
        min-height: 40px;

    }.info-table{
        display: none;

    }

}
@media (max-width: 980px) and (min-width: 681px){
    .section-case{
        /*height:800px;*/
        display:flex;

    }
    .color-back{
     /*   width:650px;
        height:562px;
        padding:32px 37px;*/

    }.image-block{
        /*height: 232.23px;
        width:576px;
        margin: 30px auto;
*/
    }
    .case__content .slick-prev{
        /*margin-left:220px;*/
        /*z-index:20001;*/

    }.case__content .slick-next{
        /*margin-right:220px;*/
        /*z-index:20001*/
    }
    .traffic-growth{
        /*padding-left:37px;*/

    }.orders{
        /*padding-left:20px;*/

    }.time-stay{
        /*margin-left:-14px;*/
        /*width: 157px*/
    }
    .btn-case{
/*        width:140px;
        height: 50px;
        margin-right:45px;
        margin-top:0px;*/

    }.btn-case a{
        /*padding: 8px 10px;*/

    }.noDescA{
        display: none
    }.info-item{
        /*width:200px;*/

    }.preview-block{
        margin-top: 23px;

    }.image-block{
        top: 157px;

    }.sh5{
        line-height:20px;

    }.info-table{
        display: none;

    }

}

@media (max-width: 680px) {
    .section-case{
        /*width:100%;*/
        /*height:720px;*/
        /*padding-top: 300px*/
    }
    .color-back{
        /*width:350px;
        height:582px;
        padding:22px 10px;*/

    }.image-block{
        /*height: 152.23px;
        width:330px;
        margin:70px auto 20px auto;*/

    }
    .case__content .slick-prev{
        margin-left:0;
        z-index:20001
    }.case__content .slick-next{
        margin-right:0;
        z-index:20001
    }
    .preview-block{
        /*margin-top: 10px;*/

    }.image-block{
        top: 140px;

    }
    .btn-case a{
        padding:15px 25px;
        width: 180px;
        margin:3px auto 40px auto;
        height: 50px;

    }
    .type-block .sh3, .sh2{
        /*display: none*/
    }.info-block{
        /*display: none*/
    }
    .preview-block{
        /*font-size:80%;*/

    }.niz-back{
        height: 260px;
        z-index:5;

    }.title-block .sh1{
        /*font-size: 26px;*/

    }.image-block img{
       /* width:96%;
        height:100%;*/

    }
    .info-table{
        position:absolute;
        top: 370px;
        left: 0;
        width: 100%;
        font-family:'MuseoSansCyrl', Arial, sans-serif;
        z-index:20;

    }
    .info-table .btn-case td{
        padding-top:8px
    }
    .info-item{
        /*height: 40px;*/
        vertical-align: middle;

    }
    .info-table .sh4{
        font-size:22px;
        line-height: 20px;
        vertical-align: middle;
        text-align: left;
        padding-left: 5%
    }
    .info-table .sh5{
        width: 70%;
        padding:0 5%;
        line-height:16px;
        vertical-align: middle;
        font-size: 15px;
        text-align: left
    }

    .info-block .info-item{
        /*width: auto !important;*/
    }

}
@media (max-width: 470px) {
    .case__content .slick-prev{
        margin-left:0;
        z-index:20001;

    }.case__content .slick-next{
        margin-right:0;
        z-index:20001;

    }.case__content{
        margin-bottom: 0;
        /*margin-bottom: 100px;
        margin-top: -300px*/
    }.case__content button{
    }.slick-arrow{

    }.image-block img{
        /*width:96%;
        height:100%;*/

    }

}
@media (max-width: 2980px) and (min-width: 761px){

    .mob_slider{
        display: none
    }

}
@media (max-width: 760px) {

    .desc_slider{
        display: none
    }

}
@media only screen and (max-width: 1024px) {

    .slogan__list {

        height: auto;


    }

}
.section-page{
    padding: 50px 0;
    color: #434343;
    line-height: 1.5
}
.section-page ul {

    margin: 15px 0 20px;

    padding-left: 40px;

    list-style: disc;


}
.section-page h1, .section-page p {

    margin-bottom: 15px;


}
@media only screen and (max-width: 1024px) {

    .tarif-ir__item {

        height: 69px;


    }

}
@media only screen and (max-width: 1024px) {

    .tarif-ir__box2 .tarif-ir-bg .tarif-ir__item:nth-child(1){

        padding: 22px 0;


    }

}
@media only screen and (max-width: 992px) {

    .tarif-ir .tarif-ir__box2 {

        width: 140px;


    }

}
@media only screen and (max-width: 420px) {

    .tarif-ir {

        padding-left: 210px;


    }

}
@media only screen and (max-width: 480px) {

    .tarif-ir {



    }

}

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

    .tarif-ir {

        display: flex;

        overflow-x: scroll;


    }

}


.steps-work-post .reviews__carousel .owl-prev, .steps-work-post .reviews__carousel .owl-next {

    background-color: #8D375F !important;

    border: none !important;

    background: none !important;


}

.steps-work-post .reviews__carousel .owl-next {

    transform: translate(0, -50%);


}

.clients_old .reviews__carousel .owl-prev, .clients_old .reviews__carousel .owl-next {

    background-color: #7B9CD6 !important;

    border: none !important;

    background: none !important;


}

.clients_old .reviews__carousel .owl-next {

    transform: translate(0, -50%);


}

.steps-work .reviews__carousel .owl-prev, .steps-work .reviews__carousel .owl-next {

    background-color: #47808A !important;

    border: none !important;

    background: none !important;


}

.steps-work .reviews__carousel .owl-next {

    transform: translate(0, -50%);


}

.reviews .reviews__carousel .owl-prev, .reviews .reviews__carousel .owl-next {

    background-color: #fff !important;

    border: none !important;

    background: none !important;


}

.reviews .reviews__carousel .owl-next {

    transform: translate(0, -50%);


}

.case__content .slick-arrow {



}

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

    .case__content .slick-arrow {




    }

    .work-seo .h1--m80 {

        margin-bottom: 60px!important;


    }
    .work-seo .h1--m80 br{

        display: none;


    }
    .work-seo__form-title2{

        font: 36px 'Unbounded'!important;

        line-height:40px;

        margin-top: 70px!important;


    }

}
@media only screen and (max-width: 680px) {

    .work-seo .slick-arrow {

        background-size: 90px !important;

        top: 50% !important;

        width: 40px !important;

        height: 80px !important;

        margin-top: -55px !important;


    }
    .work-seo .slick-next {

        right: -50px;

        background: url(/local/templates/main/images/slider_arrows.webp) no-repeat -60px 0;

        background-size: auto;


    }
    .work-seo .slick-arrow {

        margin-top: -105px !important;


    }

}
.advantages .advantages__list {

    list-style: none;

    padding: 68px 0;

    margin: 0;

    display: grid;

    gap: 20px;

    color: #fff;


}
.advantages .advantages__item::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    width: 16px;

    height: 16px;

    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.79423 0.0885807L7.18673 5.48108L6.22176 6.44605L0.829258 1.05355L1.79423 0.0885807Z" fill="%23a6f228"/%3E%3Cpath d="M10.5439 8.83822L15.9364 14.2307L14.9714 15.1957L9.57889 9.80319L10.5439 8.83822Z" fill="%23a6f228"/%3E%3Cpath d="M15.9364 1.05355L10.5439 6.44605L9.57889 5.48108L14.9714 0.0885807L15.9364 1.05355Z" fill="%23a6f228"/%3E%3Cpath d="M7.18673 9.80319L1.79423 15.1957L0.829257 14.2307L6.22176 8.83822L7.18673 9.80319Z" fill="%23a6f228"/%3E%3C/svg%3E');

    background-size: contain;


}
.advantages .advantages__item {

    position: relative;

    font-size: 32px;

    line-height: 120%;

    color: #fff;

    padding: 0 0 0 40px;


}
.advantages .advantages__item span {

    font-weight: 600;

    color: #a6f228;


}
/*.advantages .advantages__title {

    font-size: 64px;

    font-weight: 300;

    line-height: 90%;

    text-transform: uppercase;

    color: #fff;


}
.advantages .advantages__title span {

    font-weight: 900;

    color: #a6f228;


}*/

.portfolio-page {

   /* padding-top: 50px;

    padding-bottom: 50px;
    */

}
.content.portfolio-page > .container {

    max-width: 100%;

    padding: 0;


}
.portfolio-page__title {

    position: relative;

    margin-bottom: 50px;

    margin-top: 50px;

    font: 50px 'Unbounded';

    letter-spacing: 1.5px;

    color: #343434;

    text-align: center;


}
.dop-menu {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    text-align: center;


}
.dop-menu__item.active::after {

    content: '';

    position: absolute;

    bottom: -8px;

    left: 25px;

    width: 13px;

    height: 20px;

    background: url(/local/templates/main/images/map_icon1.svg) no-repeat;


}
.dop-menu__item.active {

    color: #FFFFFF;

    background-color: #A6BB00;


}
.dop-menu__item {

    position: relative;

    display: inline-block;

    color: #fff;

    font-size: 16px;

    border-radius: 20px;

    background-color: #809000;

    margin: 0 10px;

    padding: 10px 30px;


}

.portfolio-header {

    background-size: cover !important;

    position: relative;

    min-height: 550px;

   /* box-shadow: 0 1px 5px rgba(0,0,0,0.3);
   */
    z-index: 111;


}
@media (max-width: 991px) {

    .portfolio-header {

        height: auto;

        padding: 320px 0 60px;


    }

    .portfolio-header.no-background {

        /*padding-top: 20px;*/
        /*min-height: unset;*/


    }

}

.portfolio-item__bg::after {

    display: inline-block;

    width: 100%;

    height: 0;

    visibility: hidden;

    content: '';


}
.portfolio-item__bg {

    position: relative;


}
.portfolio-item__bg {

    text-align: center;

    max-width: 960px;

    margin: 0px auto;

    margin-top: 0px;

    margin-top: 70px;


}
.portfolio-item__mockup {

    background: url(/local/templates/main/images/mockup_bg.webp) no-repeat center 0px;

    background-size: auto;

    background-size: contain;

    padding: 4.6% 6% 30.3% 6%;

    overflow: hidden;


}

.portfolio-page .container {

    width: 100%;


}
.content-portfolio {

    position: relative;


}

.portfolio-page__list img{
        transition: transform 0.4s ease;
}

.portfolio-page__list a:hover img{
    transform: scale(1.05);
}


.portfolio__box1.portfolio__box1-mockup {

    padding: 180px 0 50px 0;


}
.portfolio__box1 .container {

    /*max-width: 1120px;*/

    text-align: left;


}
.portfolio__text {

    position: relative;

    z-index: 112;


}
.portfolio__text-top::after {

    width: 100%;

    height: 0;

    visibility: hidden;

    content: '';

    display: inline-block;


}
.portfolio__text-top {

    text-align: justify;

    padding-bottom: 30px;

    margin-bottom: 50px;

    border-bottom: 1px solid #476fb0;

    border-bottom-color: rgb(71, 111, 176);


}
.portfolio-item__company-name {

    display: inline-block;

    vertical-align: top;

    font-size: 18px;

    font-weight: 700;

    padding-left: 45px;

    background: url(/local/templates/main/images/company_name_icon.webp) no-repeat left center;

    line-height: 22px;

    color: #fff;


}

.portfolio-item__link:hover::after {

    background-color: transparent;


}
.portfolio-item__link::after {

    position: absolute;

    bottom: 0;

    left: 45px;

    content: '';

    background-color: #fff;

    width: 100%;

    height: 1px;


}
элемент {


}
.portfolio__text a:hover {

    border-bottom: 1px solid transparent;


}
.portfolio__text a {

    border-bottom: 1px solid #fff;


}
.portfolio-item__link {

    display: inline-block;

    vertical-align: top;

    font-size: 18px;

    font-weight: 700;

    padding-left: 45px;

    background: url(/local/templates/main/images/link_icon.webp) no-repeat left center;

    line-height: 22px;

    border-bottom: 0 !important;

    color: #fff;

    position: relative;

    overflow: hidden;

    text-transform: uppercase;

    text-decoration: none !important;


}
.portfolio-item__link::after {

    position: absolute;

    bottom: 0;

    left: 45px;

    content: '';

    background-color: #fff;

    width: 100%;

    height: 1px;


}
.portfolio-item__date {

    display: inline-block;

    vertical-align: top;

    font-size: 18px;

    font-weight: 700;

    padding-left: 45px;

    background: url(/local/templates/main/images/date_icon.webp) no-repeat left center;

    line-height: 22px;

    color: #fff;


}
.portfolio__box1 .portfolio__text--left {

    float: none;


}

.portfolio__text--left {

    width: 50%;

    float: left;


}
/*.portfolio__text h1 {

    font: 26px 'Unbounded';

    color: #fff;

    margin-bottom: 20px;

    margin-top: 25px;


}*/
.portfolio__text p {

/*    line-height: 26px;

    font-size: 17px;

    color: #fff;

    padding-bottom: 15px;*/


}
.portfolio__box1 .portfolio__text--right {

    position: absolute;

    z-index: 9;

    right: 0;

    top: 142px;


}
.portfolio__text--right {

    width: 45%;

    float: right;


}


.portfolio__box2 .portfolio__text--right{
    pointer-events: none;
}


.portfolio__box2 {

    position: relative;
    z-index: 1;

    padding: 60px 0 50px 0;

    padding-bottom: 50px;

    box-shadow: 0 3px 6px rgba(0,0,0,.2);

    background-color: #A9A7A7;


}
.portfolio__box2 .container {

    /*max-width: 1120px;*/

    text-align: left;

    min-height: 600px;


}

.portfolio__box3 {
    position: relative;
    z-index: 0;
    padding: 60px 0 50px 0;
    background-image: linear-gradient(to left, #006da3 -10%, #67a7cf 50%, #006ca4 110%);
    background-color: transparent; /* важно */
}

.portfolio__box3[style*="background-color"] {
    background-image: none !important;
}

.portfolio__box3 {

    padding-bottom: 440px;


}

.portfolio__box3 .container {

    /*max-width: 1120px;*/

    text-align: left;


}
.pf-bottom-form {

    position: absolute;

    bottom: 30px;

    width: 100%;

    text-align: center;


}
.portfolio__adap {
    display: none;
    position: relative;
    width: 380px;
    height: 765px;
    margin: 0 auto;
}

.portfolio__adap:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url(/local/templates/main/images/iphone.webp) center center no-repeat;
background-size: contain;
z-index: 1;
}

@media (max-width: 991px) {
    .portfolio__adap {
        /*display: none;*/
    }
}
@media (max-width: 700px) {
    .portfolio__adap {
     width: 513px;
     background-size: contain;
 }
}
@media (max-width: 555px) {
    .portfolio__adap {
        width: 445px;
        height: 575px;
        margin: 0;
        background: url(/local/templates/main/images/iphone.webp) right center no-repeat;
        background-size: 110% 100%;
    }
}

@media (max-width: 425px) {
    .portfolio__adap {
        width: 395px;
        height: 495px;
    }
}
@media (max-width: 375px) {
    .portfolio__adap {
/*        width: 275px;
        height: 425px;*/
    }
}

.portfolio__adap_border {

    width: 344px;
    height: 753px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    left: 0;
    top: 0;


}
@media (max-width: 700px) {
 .portfolio__adap_border {
    width: 227px;
    height: 394px;
    left: 60px;
    top: 174px;
}
}
@media (max-width: 555px) {
    .adap-wrap{
        margin: 0 0 70px -50px;
    }
    .portfolio__adap_border {
        width: 218px;
        height: 341px;
        left: 35px;
        top: 65px;
    }
}
@media (max-width: 425px) {
    .adap-wrap{
        margin: 0 0 40px -40px;
    }
    .portfolio__adap_border {
        width: 193px;
        height: 292px;
        left: 31px;
        top: 56px;
    }
}
@media (max-width: 375px) {
    .adap-wrap{
        margin: 0 0 100px -80px;
    }

    .portfolio__adap_border {
/*        width: 121px;
        height: 211px;
        left: 32px;
        top: 74px;*/
    }
}


.container_phone {
      position: relative;
      width: 380px;
      height: 760px;
      border-radius: 60px;
      overflow: hidden;
      margin: 0 auto;
    }

    .screen-mask_phone {
      position: absolute;
      top: 12px;
      left: 22px;
      width: 337px;
      height: 736px;
      border-radius: 42px;
      overflow: hidden;
      z-index: 2;
    }

    .background-image_phone {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 736px;
      background: url('/upload/iblock/5b9/apfckl3l04trqm4aa9krldjheq8950o1.png') no-repeat center top;
      background-size: 100% auto;
      will-change: transform;
    }

    .phone-frame_phone {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('/local/templates/main/images/iphone.webp') no-repeat center center;
      background-size: contain;
      z-index: 3;
      pointer-events: none;
    }


.direction__caption {

    margin-top: 100px !important;

    margin-bottom: 25px;

    font: 48px 'Unbounded';

    font-weight: 600;

    letter-spacing: 1.5px;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);

    color: #fff;


}


@media (max-width: 375.98px) {
    .direction__caption {
        font-size: 32px;
    }
}
@media (max-width: 991.98px) {
    .direction__caption {
        font-size: 36px;
    }
}

.direction__description {

    line-height: 160%;
    font-size: 24px;
    font-weight: 700;

    margin-bottom: 35px;

    /*font-size: 30px;*/

    /*font-weight: 500;*/

    /*text-shadow: 0px 0px 5px rgba(64, 93, 0, 0.30);*/

    color: #fff;

    max-width: 770px;
    
    margin: 0 auto 30px;

}

@media (max-width: 1399.98px) {
    .direction__description {
        font-size: 22px;
    }
}
@media (max-width: 991.98px) {
    .direction__description {
        font-size: 20px;
    }
}
@media (max-width: 767.98px) {
    .direction__description {
    }
}




.footer-portfolio .footer__order::after, .footer__order--detail::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    line-height: 60px;

    font-size: 20px;

    width: 100%;

    height: 100%;

    opacity: 1;

    border-radius: 50px;

    background: rgb(255, 239, 42);

    background: linear-gradient(rgb(255, 239, 42) 0%, rgb(254, 194, 25) 100%);

    transition: 0.2s linear;

    z-index: -1;


}
.footer__order--detail {

    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    display: inline-block;
    padding: 20px 80px;
    background: #ffca13;

    /*background: rgba(255,239,42,1);*/

    /*background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgb(255, 157, 36) 100%);*/

    /*-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);

    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1);*/

    /*border: none;*/

    /*border-bottom-width: medium;

    border-bottom-style: none;

    border-bottom-color: currentcolor;*/

    /*border-bottom: 6px solid #ffdd20;*/

/*    font: 20px 'Appetite-Rounded';

    line-height: normal;

    width: 250px;

    height: 60px;

    line-height: 60px;*/

    /*border-radius: 0;*/


}



.footer__order--detail::after{
    display: none;
    border-radius: 0;  
}

.footer__order {

/*    font: 16px 'Unbounded';

    text-align: center;*/

    /*text-shadow: 0px 2px 4px rgba(0, 63, 117, 0.3);*/

/*    color: #fff;

    cursor: pointer;

    line-height: 44px;*/


}


.direction__description__btn,
.direction__description__btn:hover{
    color: #393939 !important;
}


.portfolio__text-top br {

    display: none;


}
.portfolio__box1.portfolio__box1-mockup {

    padding: 180px 0 50px 0;


}
.portfolio-page, .portfolio-page .container{

    /*padding: 0!important;
    margin: 0 auto;
    */

}

.portfolio-header {

    margin-top: -70px

}

@media (max-width: 991px) {

    .portfolio-header {

        margin-top: 0;


    }

}

.portfolio-item__bg {

    padding-top: 130px

}

.portfolio__box1 {

    /*padding-top: 130px;*/

    padding: 40px 0;

}


.portfolio__box1 .portfolio__text{
    padding-top: 40px;
}

.portfolio__box1 .bx-breadcrumb {
    margin-bottom: 40px;
}

.portfolio__text p {

/*    line-height: 26px;

    font-size: 17px;

    color: #fff;

    padding-bottom: 15px;*/


}

.fancybox_portfolio{
    margin-bottom: 20px;
    display: block;
}

.pf-bottom-form {

    position: absolute;

    bottom: 30px;

    width: 100%;

    text-align: center;


}

.footer__order--detail {

    position: static !important;

    transform: translate(0%);

    margin: 0 auto 70px;


}
.footer__order--detail:hover, 
.footer__order--detail:active {
    background: #ffca13 !important;

    /*background: linear-gradient(to bottom, rgba(255,239,42,1) 0%, rgb(255, 157, 36) 100%);*/


}

.logo-page__title {

    text-align: center;

    font-size: 15px;

    width: 230px;

    margin: 30px auto;

    color: #003C5B;


}
.logo-page__img {

    text-align: center;

    line-height: 160px;

    height: 160px;

    margin-bottom: 10px;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;


}
.logo-page-text-bg {

    overflow: hidden;

    /*width: 85%;
    */
    margin: 0 auto;


}
.logo-page-text-bg h1 {

    font: 400 28px 'Unbounded';

    color: #343434;

    margin-top: 40px;


}
.logo-page-text.left {

    float: left;

    padding: 0 40px;

    padding-left: 40px;

    padding-left: 0;


}
.logo-page-text {

    line-height: 26px;

    font-size: 17px;

    color: #343434;

    max-width: 50%;

    margin-top: 15px;


}
.logo-page-text.right {

    float: right;

    padding: 0 40px;

    padding-right: 40px;

    padding-right: 0;


}
.logo-page-text {

    line-height: 26px;

    font-size: 17px;

    color: #343434;

    max-width: 50%;

    margin-top: 15px;


}
.content_block{
    margin-bottom: 50px
}
.logo-page-text-bg {

    overflow: hidden;

    /*width: 85%;
    */
    margin: 28px auto 0;


}
.logo-page-text.right.logo-contact {

    text-align: center;

    padding: 30px 50px;

    background: #FFE381;

    border-radius: 16px;

    margin-left: 40px;

    max-width: 45%;


}
.logo-page-text p {

    margin-bottom: 15px;


}
.logo-portfolio {

    padding-bottom: 72px;

    min-height: 460px;

    position: relative;

    padding-top: 72px;

    margin-bottom: 50px!important;


}
.content-page h1 {

    font: 36px 'Unbounded';

    letter-spacing: 1.5px;

    color: #343434;

    text-shadow: 0 0 1px rgba(0,0,0,0.5);

    margin-bottom: 25px;

    margin-top: 50px!important;


}
.back_button {

    top: 30px;

    position: absolute;

    display: block;

    text-align: left;

    color: #00A9ED !important;

    font-size: 14px;

    font-weight: 400;

    line-height: 25px;

    padding-left: 40px;

    background: url(/local/templates/main/images/back_button.svg) no-repeat left center;

    background-size: 30px;

    margin-left: 80px;


}
.logo__content {

    max-width: 80%;

    margin: 0 auto;


}
.logo__content p {

    line-height: 26px;

    font-size: 17px;

    padding-bottom: 15px;


}
.logo-portfolio img {

    max-width: 100%;

    height: auto;

    margin: 0 auto;


}
.logo-portfolio a:hover {

    text-decoration: underline;


}
.logo-portfolio a {

    color: #7E88B9;


}
.portfolio-item__mouse {

    position: absolute;

    left: -170px;

    bottom: 20%;

    height: 200px;

    cursor: pointer;


}
.portfolio-item__mouse .hover {

    transition: all .2s;

   /* position: absolute;

    top: 0;

    left: 0;
    */

}
.portfolio-item__bg {

    position: relative;


}
.portfolio-item__mouse .no-hover {

    transition: all .2s;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;


}
.portfolio-links {

    position: fixed;

    width: 90%;

    bottom: 50%;

    left: 50%;

    transform: translate(-50%, 0);

    margin-top: -45px;

    z-index: 113;


}
.portfolio-prev, .portfolio-next {

    display: none;

    position: absolute;

    top: 0;

    /*display: block;*/

    background-color: #ffca13;

    border-radius: 45px;

    width: 70px;

    height: 70px;


}
.portfolio-prev {

    left: 30px;


}
.portfolio-next {

    right: 30px;


}
.portfolio-prev a, .portfolio-next a {

    display: block;

    line-height: 0;

    font-size: 0;

    width: 70px;

    height: 70px;

    padding: 0;

    color: transparent;

    cursor: pointer;

    border: none;

    outline: none;

    transition: 0.2s;

    /*background-size: 30px!important;*/

    text-align: center;

    transition: all .2s;

    position: static;


}
.portfolio-prev a {

    background: url(/local/templates/main/images/slider_arrows_prev.webp) center no-repeat;

    background-position-x: center;

    background-size: 40%;

    background-position-x: 17px;


}
.portfolio-next a {

    background: url(/local/templates/main/images/slider_arrows_next.webp) center no-repeat;

    background-position-x: center;

    background-size: 40%;

    background-position-x: 23px;


}


@media only screen and (max-width: 786px) {
.portfolio-prev a,
.portfolio-next a{
    background-size: 33%;
    background-position-y: 9px;
}
}


.portfolio-item__mouse:hover .no-hover {

    opacity: 1;


}
.portfolio__review::after {

    position: absolute;

    bottom: 10px;

    right: -60px;

    content: '';

    width: 200px;

    height: 150px;

    background: url(/local/templates/main/images/review_left.webp) no-repeat;


}
.portfolio__review::before {

    position: absolute;

    top: 10px;

    left: -60px;

    content: '';

    width: 200px;

    height: 150px;

    background: url(/local/templates/main/images/review_right.webp) no-repeat;


}

.portfolio__review {

    position: relative;

    width: 500px;

    padding-top: 60px;

    padding-bottom: 30px;

    text-align: center;

    font: 600 italic 20px 'MinionPro';

    color: #fff;


}

.portfolio__review-client-name {

    margin-top: 15px;

    font: 16px 'Unbounded';

    color: #FFFFFF;


}
.reviews__read-more::after {

    width: 233px;

    content: '';

    height: 2px;

    opacity: 0;

    position: absolute;

    bottom: -5px;

    left: 30px;

    background-color: #ffe2b7;

    transition: .3s;


}

.portfolio__review .reviews__read-more {

    /*margin-top: 0;*/

    text-decoration: none;


}
.portfolio__text a {

    border-bottom: 1px solid #fff;


}
.reviews__read-more {

    display: inline-block;

    background: url(/local/templates/main/images/reviews_read_more.webp) no-repeat 0 0;

    padding-left: 30px;

    line-height: 20px;

    margin-top: 27px;

    height: 20px;

    margin-bottom: 5px;

    font: 16px 'Unbounded';

    color: #ffe2b7;

    cursor: pointer;

    position: relative;

    border-bottom: 0 !important;


}


.portfolio__text .title:first-child, .portfolio__text h1:first-child {

    margin-top: 0;


}
.portfolio__text .title, .portfolio__text h1 {

    font: 42px 'Unbounded';

    font-weight: 600;

    color: #fff;

    margin-bottom: 20px;

    margin-top: 25px;


}

@media (max-width: 991.98px) {
.portfolio__text .title, .portfolio__text h1 {
        font-size: 30px;
    }
}
@media (max-width: 375.98px) {
.portfolio__text .title, .portfolio__text h1 {
        font-size: 28px;
    }
}

.portfolio__box1 .portfolio__text--left .h1,
.portfolio__box1 .portfolio__text--left h1,
.portfolio__text--h1 .h1,
.portfolio__text--h1 h1 {
    font-family: "Raleway", sans-serif;
    font-size: calc(1.325rem + .9vw);
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.portfolio__box1 .portfolio__text--left{
    margin-top: 60px;
}

@media (min-width: 1200px) {

    .portfolio__text--h1 h1,
    .portfolio__box1 .portfolio__text--left h1{
            font-size: 2rem;
    }
}


.portfolio__text p, 
.portfolio__text ul,
.portfolio__text ol  {
    list-style: inherit;

    line-height: 160%;

    font-size: 20px;

    color: #fff;

    padding-bottom: 15px;


}

.portfolio__text ul li{
margin: 10px 0 0;
}
.portfolio__text ol li{
margin: 10px 0 0;
}

.portfolio__text ol  {
    list-style: decimal;
}
/*.portfolio__text ol {

    list-style-type: decimal;

    list-style-position: outside;

    padding-left: 45px;

    margin-bottom: 30px;


}*/

.portfolio__text {

    position: relative;


}
.portfolio__box3 .container {

    text-align: left;



}

.portfolio__box3--mb {

    padding-bottom: 1260px;


}

@media (max-width: 992px) {
    .portfolio__box3 {
        /*padding-bottom: 1180px;*/
    }
}

@media (max-width: 700px) {
    .portfolio__box3 {
        /*padding-bottom: 1070px;*/
        /*padding-bottom: 440px;*/
    }
}

@media (max-width: 555px) {
    .portfolio__box3 {
        /*padding-bottom: 1050px;*/
    }
}
@media (max-width: 425px) {
    .portfolio__box3 {
        /*padding-bottom: 910px;*/
    }
}
.portfolio-header__video-bg.active {

    display: block;


}
.portfolio-header__video-bg {

    display: none;

    overflow: hidden;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;


}
.portfolio-header__video-bg video {

    width: 100%;

    -webkit-filter: blur(5px);

    -moz-filter: blur(5px);

    -o-filter: blur(5px);

    -ms-filter: blur(5px);

    filter: blur(5px);


}



.tts p b {

  display: inline-block;

  margin-top: 20px;


}

.tts p {

  margin-bottom: 10px;


}

.tts ol li {

  color: #343434;


}

.tts * {

  color: #343434 !important;


}

.tts a {

  text-decoration: underline;

  color : #003eef !important;


}

.stati {

  min-height: 63vh;


}

.tts-link a {

  color: #3488ca;

  font-size: 20px;


}

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

/*  .advantages_old .advantages__item {

    display: flex;

    flex-direction: column;

    width: 100%;

    align-items: center;


}*/
/*.advantages_old .advantages__title{

    margin-left: 0;


}*/
/*.advantages_old .advantages__text {

    margin-left: 0;


}*/

}
@media only screen and (max-width: 767.98px) {

    .logo-page-text.left,
    .logo-page-text.right,
    .logo-page-text.right.logo-contact{

        max-width: 100%;

        /*padding: 0;*/

        margin: 0;


    }

}

.top_block_case{
    /*display: flex;
    width: 100%;
    justify-content: space-between;*/
}

.bottom_block_case{
    display: grid;
    grid-template-columns: 677px 1fr;
    gap: 0 55px;
    margin-top: 25px;
}

.bottom_block_case .left_top_block_case{
    margin-top: 20px;
}

@media (max-width: 767px) {
    .bottom_block_case .left_top_block_case{
        margin-top: 0;
    }
}

.bottom_block_case_info{
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
}

.type-block_mobile{
    display: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    margin: 0 0 20px;  
}

@media (max-width: 767.98px) {
    .type-block_mobile{
        display: block;
    }
}


.bottom_block_case_info {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 50px;
  align-items: center;
}

.bottom_block_case_info .case_info_domain{
    position: relative;
    padding: 0 0 0 10px;
}

@media (max-width: 769.98px) {
    .bottom_block_case_info{
        display: block;
        font-size: 16px;
    }
    .bottom_block_case_info .case_info_domain{
        margin: 0 0 0 20px;
    }
    .bottom_block_case_info .case_info_region{
        margin: 0 20px 10px 0;
        display: block;
    }
}

@media (max-width: 375.98px) {
    .bottom_block_case_info{
        font-size: 15px;
    }
}


.bottom_block_case_info .case_info_domain:before {
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    left: -24px;
    top: 0;
    background: url(../images/icon-2.svg) no-repeat 0 0;
}



@media (max-width: 767px) {
  .bottom_block_case_info {
    grid-auto-flow: row;
    gap: 10px;
    justify-items: start;
}
}


.section-case .reviews.section-nav .reviews-slider:not(.slick-slider) .reviews-slider__item{
margin-bottom: 50px;
}

.reviews-slider .reviews-slider__item{
    border-radius: 6px;
}

.reviews-slider__item {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.reviews-slider__item:hover {
    transform: scale(1.01);
}

.reviews-slider__item * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.reviews-slider .reviews-slider__item{
    background: url(/local/templates/main/images/case_decor.webp) no-repeat 0 0;
    background-size: cover;
    /*border-radius: 6px;*/
}

.advertising-case .reviews-slider .reviews-slider__item,
.our-works__item[data-section-code="portfolio-ads"] .reviews-slider .reviews-slider__item{
    background: url(/local/templates/main/images/adv_decor_1920.webp) no-repeat 0 0;
    background-size: cover;
    /*border-radius: 6px;*/
}


@media (max-width: 767px) {
.reviews-slider .reviews-slider__item{
    background: url(/local/templates/main/images/case_decor_mobile.webp) no-repeat 0 0;
    background-size: cover;
}

.advertising-case .reviews-slider .reviews-slider__item,
.our-works__item[data-section-code="portfolio-ads"] .reviews-slider .reviews-slider__item{
    background: url(/local/templates/main/images/adv_decor_375.webp) no-repeat 0 0;
    background-size: cover;
}
}

.section-case.__ads .reviews-slider .reviews-slider__item{
    background: url(/local/templates/main/images/adv_decor_375.webp) no-repeat 0 0;
    /*background: url(/local/templates/main/images/case_decor_ads.webp) no-repeat 0 0;*/
    background-size: cover;
}

.reviews-slider .slick-slide{
    text-align: left;
}

.slider-arrows-wrapper{
    position: absolute;
    bottom: 50px;
    right: 64px;
    z-index: 1;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    display: grid;
    grid-auto-flow: column;        
    gap: 20px;
}

.slider-arrows-wrapper .slick-arrow{
    position: relative;
    opacity: 0.7;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 11px 25px;
}

.slider-arrows-wrapper .slick-prev.slick-arrow:before,
.slider-arrows-wrapper .slick-next.slick-arrow:before{
    content: '';
    position: absolute;
    width: 33px;
    height: 15px;
    left: 25px;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../images/arrow_slider.svg) no-repeat 0 0;
}
.slider-arrows-wrapper .slick-next.slick-arrow:before{
    left: inherit;
    right: 25px;
    transform: translate(0, -50%) scale(-1, 1);
}
.slider-arrows-wrapper .slick-prev.slick-arrow{
    padding-left: 68px;
}

.slider-arrows-wrapper .slick-next.slick-arrow{
    padding-right: 68px;
}

.slider-arrows-wrapper .slick-arrow:hover{
    color: #1b164b;
    background: #a6f228;
    border-color: #a6f228;
    opacity: 1;
}

.slider-arrows-wrapper .slick-arrow:hover:before{
    background: url(../images/arrow_slider_active.svg) no-repeat 0 0;
}

/*.reviews-slider .slick-track {
  display: flex !important;
  align-items: stretch;
}

.reviews-slider .slick-slide {
  height: auto !important;
  display: flex;
}*/

.reviews-slider .slick-slide > div {
  /*height: 100%;*/
  /*display: flex;*/
  /*flex-direction: column;*/
}

.reviews-slider__item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bottom_block_case,
.info-block {
  flex: 1;
}

.section-case .reviews{
    margin-top: 25px;
}

.section-case.promotion-case .reviews{
/*margin-top: 0;*/
}

    .color-back{
        padding:57px 64px;
    }

.preview-block .preview-expand{
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #fff;
    margin-top: 15px;
}

.preview-block .preview-expand:hover{
    text-decoration: none;
}

@media only screen and (max-width: 1600px) {
    .portfolio-header__subtitle{
        font-size: 20px;
    }
    .portfolio-header__desc{
        font-size: 19px;
        font-weight: 400;
        margin: 0 0 60px;
    }
    .portfolio-header__advantages-card{
        font-size: 19px;
        font-weight: 400;
    }
}

@media only screen and (max-width: 1280px) {
    .section-case .reviews{
        /*margin-top: 0;*/
        padding-top: 0;
    } 

    .top_block_case{
        flex-direction: column;
    }

    .bottom_block_case {
        display: grid;
        grid-template-columns: 677px 1fr;
        gap: 0 55px;
        margin-top: 45px;
    }

    .bottom_block_case {
        grid-template-columns: 1fr;      
        gap: 30px;                       
    }
    .section-case .reviews{
        margin-top: 31px;
    }


    .color-back{
        max-width: 860px;
        padding: 57px 64px 127px 64px;
    }

    .slider-arrows-wrapper{
        right: inherit;
        left: 50%;
        max-width: calc(860px - 128px);
        width: 100%;
        margin: 0 auto;
        transform: translate(-50%, 0);
        display: flex;
        justify-content: space-between;
    }

    .type-block .sh2{
        order: -1;
    }

    .type-block .sh3 span{
        display: none;
    }

    .type-block .sh2,
    .type-block .sh3{
        font-size: 20px;
        text-transform: uppercase;
    }
    .info-block{
       max-width: calc(860px - 128px);
   }
   .info-block .info-item {
    max-width: unset;
}
}

@media only screen and (max-width: 768px) {
    .color-back{
        width: 100%;
        padding: 36px 20px 126px;
    }
    .section-case .reviews {
        max-width: 475px;
    }
    .left_top_block_case .image-block {
        margin-bottom: 0;
    }
    .top_block_case .left_top_block_case{
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 10px;
    }
    .bottom_block_case{
        margin-top: 30px;
    }
    .right_top_block_case .btn-case.info-item{
        display: none;
    }
    .preview-block{
        margin-top: 0;
    }
    .info-block{
        margin: 0;
        gap: 40px 30px;
    }
    .info-block .info-item {
        max-width: calc(50% - 15px);
        width: 42%;
    }
    .slider-arrows-wrapper .slick-prev.slick-arrow{
            padding-right: 12px;
    }
    .slider-arrows-wrapper .slick-prev.slick-arrow span{
        display: none;
    }
    .slider-arrows-wrapper{
        padding: 0 35px;
    }
    .info-block .sh5{
        font-size: 14px;
        margin-top: 5px;
    }
}


@media only screen and (max-width: 475.98px) {
    .section-case .reviews {
        max-width: 100%;
        /*padding: 0 20px;*/
        /*margin-top: 0;*/
    }
    .section-case.promotion-case .container-alt{
        padding: 0;
    }
    .section-case.promotion-case .reviews-slider:not(.slick-slider){
        padding: 0 20px;
    }
    .color-back{
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn-case a{
            font-size: 14px;
    padding: 15px 20px;
    }
}

@media only screen and (max-width: 375.98px) {
    .section-case .reviews {
        /*max-width: 375px;*/
        /*padding: 0;*/
    }
    .slider-arrows-wrapper .slick-next.slick-arrow span{
        display: none;
    }
        .slider-arrows-wrapper .slick-arrow{
        padding: 21px 25px;
    }
}


@media only screen and (max-width: 992px) {
        .steps-work__list .steps-work__title {
        align-items: center;
    }

    .steps-work__img {
        width: 250px;
                left: 50%;
        transform: translate(-50%, 0);
    }
    .work-seo__form-title{
        position: relative;
    }

}



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

    .steps-work__img {
        display: inline-block;
        margin: 0 auto;
    }

}


#header{
    position: relative;
    z-index: 120;
}

.portfolio__box3.box_seo_ads{
padding-bottom: 440px;
}