/* Start:/local/templates/pixelplus.ru_2015.mobile/components/bitrix/menu/seo-landing/style.css?16359323347059*/
.seo-landing-menu {
}

    .seo-landing-menu__list {
      margin: 0;
      padding: 0 17px 0 0;
      list-style: none;
      color: #fff;
    }

        .seo-landing-menu__list--lvl1 {
        }

        .seo-landing-menu__list--lvl2 {
            font-size: .8em;
        }

      .seo-landing-menu__item {
        align-items: center;
      }

        .seo-landing-menu__item--lvl1 {
            display: flex;
            flex-wrap: wrap;
            padding: 8px 0;
        }

            .seo-landing-menu__item--lvl1 + .seo-landing-menu__item--lvl1 {
                border-top: 1px solid rgba(255, 255, 255, 0.35);
            }

        .seo-landing-menu__item--lvl2 {
            padding: 3px 0;
        }

            .seo-landing-menu__item--lvl1 svg {
                margin-right: 17px;
            }

            .seo-landing-menu__link {
              color: #fff;
              text-decoration: none;

                display: flex;
                align-items: flex-start;
            }

              .seo-landing-menu__link:hover {
                text-decoration: underline;
              }

              .seo-landing-menu__link--parent:after {
                  content: '';
                  width: 7px;
                  height: 12px;
                  display: inline-block;
                  margin-left: 9px;
                  margin-top: 5px;
                  vertical-align: middle;
                  background-color: transparent;
                  background-image: url("data:image/svg+xml;charset=utf-8,<svg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.54048 0.459351C1.32148 0.459351 1.10048 0.525841 0.91648 0.661593C0.48448 0.980194 0.41548 1.56106 0.76048 1.96001L4.26048 6.00024L0.760479 10.0405C0.415479 10.4394 0.484479 11.0203 0.916479 11.3389C1.34748 11.6566 1.97748 11.5928 2.32148 11.1948L6.32148 6.57742C6.61448 6.23942 6.61448 5.76106 6.32148 5.42307L2.32148 0.805656C2.12448 0.577556 1.83348 0.459351 1.54048 0.459351Z' fill='white' fill-opacity='0.8'/></svg>");
                  background-position: 50% 50%;
                  background-repeat: no-repeat;
                  transition: .3s;
              }

                a.seo-landing-menu__link--parent.seo-landing-menu__link--selected:after {
                  transform: rotate(90deg);
                }

            .seo-landing-menu__item-dropdown {
                display: none;
                flex: 0 0 100%;
                max-width: 100%;
                padding: 15px;
            }
                .seo-landing-menu__item--lvl2 .seo-landing-menu__item-dropdown {
                    display: block;
                    padding: 6px 15px 0 6px;
                }

        .seo-landing-menu__item--lvl3 {
            padding: 3px 0;
        }
                .seo-landing-menu__link--selected + .seo-landing-menu__item-dropdown {
                    display: block;
                }

@media screen and (min-width: 1024px) {
  .seo-landing-menu {
      overflow: hidden;
  }

        .seo-landing-menu__inner {
            overflow: auto;
            max-height: 550px;
            margin-right: -17px;
        }
}

.landing-menu {
    font-family: 'Ubuntu', serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 99;
}
.landing-menu-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.45)), #CC0000;
    background-blend-mode: overlay, normal;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;
    outline: none;
  }

    .landing-menu-button:after {
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.6816 6.53078L6.33014 1.17942C6.20636 1.05555 6.04114 0.987305 5.86496 0.987305C5.68879 0.987305 5.52356 1.05555 5.39979 1.17942L5.00569 1.57342C4.74925 1.83015 4.74925 2.24742 5.00569 2.50376L9.49944 6.99751L5.00071 11.4963C4.87693 11.6201 4.80859 11.7852 4.80859 11.9613C4.80859 12.1376 4.87693 12.3027 5.00071 12.4267L5.3948 12.8206C5.51867 12.9445 5.6838 13.0127 5.85998 13.0127C6.03615 13.0127 6.20138 12.9445 6.32515 12.8206L11.6816 7.46435C11.8057 7.34009 11.8738 7.17418 11.8734 6.99781C11.8738 6.82075 11.8057 6.65494 11.6816 6.53078Z' fill='white' fill-opacity='0.95'/><path d='M6.873 6.53078L1.52154 1.17942C1.39777 1.05555 1.23255 0.987305 1.05637 0.987305C0.880194 0.987305 0.714968 1.05555 0.591196 1.17942L0.197098 1.57342C-0.0593443 1.83015 -0.0593443 2.24742 0.197098 2.50376L4.69085 6.99751L0.192112 11.4963C0.068339 11.6201 0 11.7852 0 11.9613C0 12.1376 0.068339 12.3027 0.192112 12.4267L0.586209 12.8206C0.71008 12.9445 0.875208 13.0127 1.05138 13.0127C1.22756 13.0127 1.39278 12.9445 1.51656 12.8206L6.873 7.46435C6.99707 7.34009 7.06521 7.17418 7.06482 6.99781C7.06521 6.82075 6.99707 6.65494 6.873 6.53078Z' fill='white' fill-opacity='0.95'/></svg>");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      content: '';
      display: inline-block;
      height: 14px;
      margin-left: 14px;
      vertical-align: middle;
      width: 12px;
    }

  .landing-menu-inner {
    background: #CC0000;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) inset;
    display: none;
    left: 0;
    padding: 26px;
    position: absolute;
    right: 0;
    top: 100%;
  }

@media screen and (min-width: 1024px) {
    .landing-menu {
        left: 0;
        position: fixed;
        right: auto;
        top: 30%;
    }

    .landing-menu-button {
        border-radius: 0 0 7px 7px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        padding: 12px 30px;
        transform: rotate(-90deg) translateX(-100%);
        transform-origin: 0 0;
        transition: .3s;
    }

    .landing-menu-button--active {
        border-radius: 0;
    }

    .landing-menu-button:after {
        background-image: url("data:image/svg+xml;charset=utf-8,<svg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='20' height='2' rx='1' fill='white'/><rect y='8' width='20' height='2' rx='1' fill='white'/><rect y='16' width='20' height='2' rx='1' fill='white'/></svg>");
        width: 18px;
        height: 20px;
    }

    .landing-menu-button--active:after {
        background-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.222168' y='14.3639' width='20' height='2' rx='1' transform='rotate(-45 0.222168 14.3639)' fill='white'/><rect x='1.41406' width='20' height='2' rx='1' transform='rotate(45 1.41406 0)' fill='white'/></svg>");
    }

    .landing-menu-inner {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        left: 45px;
        min-width: 320px;
        top: 0;
    }
}

/* End */


/* Start:/local/components/pixelplus/portfolio.links/templates/.default/style.css?1776151473804*/
.case-tags-list{
    display: flex;
    flex-wrap: wrap;
    gap: var(--offset--sm, 8px);
    justify-content: center;
    margin-top: 20px;
}
.case-tags-list--left{
    justify-content: start;
}

.case-tags-list > a{
    background-color: rgba(255, 255, 255, .35);
    color: inherit;
    font-size: var(--font-size--medium);
    padding: var(--offset--xxs, 8px) var(--offset--sm, 16px);
    border-radius: 20px;
    text-decoration: none;
}
.case-tags-list--invert > a{
    background-color: rgba(0, 0, 0, .05);
}
.case-tags-list > a:hover{
    background-color: rgba(255, 255, 255, .75);
    color: #000;
}
.case-tags-list--invert > a:hover{
    background-color: rgba(0, 0, 0, .15);
}

.portfolio-dev-new .lm_slider_wr .lm_slider li .case-tags-list{
    color: #fff;
}
/* End */


/* Start:/local/templates/pixelplus.ru_2015.mobile/components/bitrix/catalog.element/new_portfolio/style.css?16259940636431*/
.portfolio-dev-new
{
	position:relative;
}
.portfolio-dev-new .projects-nav:hover .project-nav-details { top: 0; }

.portfolio-dev-new .project-nav-details p {
    margin: 0;
    display: block;
    color: #ffffff;
}

.portfolio-dev-new  .project-nav-details p.project-nav-next-prev {
    font-size: 10px;
    color: #999999;
    text-transform: uppercase;
}

.portfolio-dev-new  .project-nav-details p.project-nav-title,
.portfolio-dev-new  .project-nav-details p.project-nav-description {
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}

.portfolio-dev-new  .projects-nav .project-nav-prev,
.portfolio-dev-new  .projects-nav .project-nav-next {
    display: block;
    position: absolute;
    top: 0;
    width: 70px;
    height: 70px;
    border: none;
    background: #181818 url(/img/portfolio-new/portfolio-nav-arrows.png);
    background-repeat: no-repeat;
}

.portfolio-dev-new .projects-nav .project-nav-prev {
    right: 71px;
    background-position: 0% 0% !important;
}

.portfolio-dev-new .projects-nav .project-nav-prev:hover { background-position: 0% 100% !important; }

.portfolio-dev-new .projects-nav .project-nav-next {
    right: 0;
    background-position: 100% 0% !important;
}

.portfolio-dev-new .projects-nav .project-nav-next:hover {
    right: 0;
    background-position: 100% 100% !important;
}
.portfolio-dev-new .projects-nav 
{
    width: 100%;
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 2;
    padding-bottom: 70px;
}
.portfolio-dev-new .project-nav-details 
{
    height: 54px;
    position: absolute;
    top: -70px;
    right: 142px;
    z-index: 2;
    background: #181818;
    padding: 8px 14px;
    /*white-space: nowrap;*/
    -webkit-transition: top 0.35s;
    -moz-transition: top 0.35s;
    -o-transition: top 0.35s;
    transition: top 0.3s;
}
.portfolio-dev-new  .project-nav-details p.project-nav-next-prev 
{
    font-size: 10px;
    color: #999999;
    text-transform: uppercase;
}
.portfolio-dev-new .project-nav-details p.project-nav-title,
.portfolio-dev-new .project-nav-details p.project-nav-description
{
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}
.wide-block.additional
{
    min-height: 400px;
}
.portfolio-page-nav {
	position: fixed;
	top: 50%;
	margin: -184px 0 0 0;
	right: 48px;
	width: 37px;
	z-index:5;
}

.portfolio-page-nav a {
	display: block;
	width: 58px;
	height: 58px;
	background-image: url(/img/portfolio-new/page-nav-pic.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 14px 0 0 0;
	position: relative;
	border: none !important;
	transition: none;
}

.portfolio-page-nav a > span {
	position: absolute;
	top: -20px;
	right: 70px;
	padding: 0 0 14px 0;
	background: url(/img/promoting-yourself/page-nav-name.png) no-repeat 100% 100%;
	display: none;
	white-space: nowrap;
}

.portfolio-page-nav a > span span {
	display: inline-block;
	padding: 9px 15px;
	margin: 0 4px 0 0;
	background: #c01722;
	color: #ffffff;
	font-size: 12px;
	-webkit-border-radius: 3px 3px 0 3px;
	-moz-border-radius: 3px 3px 0 3px;
	border-radius: 3px 3px 0 3px;
}

.portfolio-page-nav a:first-child {
	margin: 0;
}

.portfolio-page-nav a.about {
	background-position: 0 0;
}

.portfolio-page-nav a.about:hover,
.portfolio-page-nav a.about.active {
	background-position: -58px 0;
}

.portfolio-page-nav a.features {
	background-position: 0 -58px;
}

.portfolio-page-nav a.features:hover,
.portfolio-page-nav a.features.active {
	background-position: -58px -58px;
}

.portfolio-page-nav a.design {
	background-position: 0 -116px;
}

.portfolio-page-nav a.design:hover,
.portfolio-page-nav a.design.active {
	background-position: -58px -116px;
}

.portfolio-page-nav a.planning {
	background-position: 0 -174px;
}

.portfolio-page-nav a.planning:hover,
.portfolio-page-nav a.planning.active {
	background-position: -58px -174px;
}

.portfolio-page-nav a.results {
	background-position: 0 -232px;
}

.portfolio-page-nav a.results:hover,
.portfolio-page-nav a.results.active {
	background-position: -58px -232px;
}

.portfolio-page-nav a.additional {
	background-position: 0 -290px;
}

.portfolio-page-nav a.additional:hover,
.portfolio-page-nav a.additional.active {
	background-position: -58px -290px;
}

.portfolio-page-nav a.seo {
	background-position: 0 -348px;
}

.portfolio-page-nav a.seo:hover,
.portfolio-page-nav a.seo.active {
	background-position: -58px -348px;
}

.portfolio-page-nav a.support {
	background-position: 0 -406px;
}

.portfolio-page-nav a.support:hover,
.portfolio-page-nav a.support.active {
	background-position: -58px -406px;
}
.wide-block.custom_code
{
    padding-top: 0px;
}
.portfolio-dev-new .project-details .project-details-item .project-icon
{
	height:auto!important;
}
.portfolio-dev-new .project-nav-details
{
	height:70px!important;
}
.project-details.grid
{
    align-items: baseline;	
}
.portfolio-dev-new .adaptive-design {
	line-height: 24px;
	margin: 35px 0 0 0;
	color: #000;
}
.portfolio-dev-new .large-title.keise-title{
	margin-bottom: 15px;
}
.portfolio-dev-new .keise-link {
	border: none;
	color: #c01621;
	display: inline-block;
	padding: 30px 0 30px 0;
	text-decoration: none;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.portfolio-dev-new .keise-link .icon-hand-pointer
{

	text-decoration: none;
	border: none;
	font-size: 45px;
	margin-right: 15px;

}
.portfolio-dev-new .keise-link span {
	border-bottom: 1px dotted #c01621;
}
.portfolio-dev-new .site_works-item
{
	font-size: 14px;
	text-align: center;
	text-align-last: center;
	vertical-align: top;
	width: 180px;
}
.portfolio-dev-new .site_worksgit {
	margin-bottom: 35px;
}
.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center
}
.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li .slider-logo
{
	position: static;
	left: unset;
	top: unset;
	margin: 0 0 40px 0;
	height: auto;
}
.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li .slider-logo > div
{

}
.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li .slider-title
{
	margin: 0 auto 25px;
	top: unset;
	max-width: 1000px;
}

.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li h1,
.portfolio-dev-new .lm_slider_wr.lm_slider_text_center .lm_slider li p
{
	position: unset;
}
/* End */


/* Start:/local/templates/pixelplus.ru_2015.mobile/css/components/callToAction.css?17206452053227*/
@keyframes pulse {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

.call-to-action {
    --cta-right-offset: 15px;
    --cta-bottom-offset: 15px;
    position: fixed;
    bottom: var(--cta-bottom-offset);
    right: var(--cta-right-offset);
    z-index: 10;
    transition: opacity .3s, visibility .3s
}

.call-to-action--hidden {
    opacity: 0;
    visibility: hidden
}

.call-to-action__open {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;
    background-color: var(--color-white);
    cursor: pointer;
    transition: opacity .3s, visibility .3s
}

.call-to-action--opened .call-to-action__open {
    opacity: 0;
    visibility: hidden
}

.call-to-action__open::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    animation: 2s infinite pulse
}

.call-to-action__image {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/pixelplus.ru_2015.mobile/css/components/../../images/rocket.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.call-to-action__open-text {
    position: absolute;
    bottom: calc(100% + 12px);
    right: 0;
    display: block;
    width: max-content;
    padding: 4px 8px;
    background-color: var(--color-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s 1s, visibility .3s 1s, transform .3s 1s
}

.call-to-action--shown .call-to-action__open-text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.call-to-action__form {
    --field-text-border-color: var(--color-gray--light);
    --field-text-color: var(--text-color);
    position: absolute;
    bottom: calc(-1 * var(--cta-bottom-offset));
    right: calc(-1 * var(--cta-right-offset));
    transform: translateY(100%);
    display: block;
    min-width: calc(100vw - 17px);
    padding: 48px 16px 24px;
    background-color: var(--color-gray--lighten);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, transform .3s
}

.call-to-action--opened .call-to-action__form {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.call-to-action__close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background-color: var(--color-primary);
    cursor: pointer
}

.call-to-action__close svg {
    width: 16px;
    height: 16px;
    stroke: var(--color-white);
    flex: 0 0 auto;
}

@media (min-width: 576px) {
    .call-to-action {
        --cta-right-offset: 48px;
        --cta-bottom-offset: 28px
    }

    .call-to-action__form {
        min-width: 420px;
        padding: 48px 32px 24px
    }
}

/* End */
/* /local/templates/pixelplus.ru_2015.mobile/components/bitrix/menu/seo-landing/style.css?16359323347059 */
/* /local/components/pixelplus/portfolio.links/templates/.default/style.css?1776151473804 */
/* /local/templates/pixelplus.ru_2015.mobile/components/bitrix/catalog.element/new_portfolio/style.css?16259940636431 */
/* /local/templates/pixelplus.ru_2015.mobile/css/components/callToAction.css?17206452053227 */