/* Start:/local/templates/lift/components/bitrix/news/lifts/style.css?17621068206831*/ #portfolio {width:100%; margin:0 0 0px; } #portfolio .wrap {max-width:1440px; width:calc(100% - 80px); height:100%; margin:0 auto; } #portfolio .wrap h2 {margin:70px 0 40px;} div.sorter-wrap {display:flex; gap:8px;} div.sorter-wrap a {display:inline-block; padding:8px 12px; border-radius:8px; font-size:14px; color:var(--gray1); background:var(--gray2); margin:0 0 60px; cursor:pointer;} div.sorter-wrap a.current {color:#fff; background:var(--black);} div.sorter-wrap a span.mobile {display:none;} /*ВАРИАНТ ШАХМАТКИ .portfolio-plitka {display:grid; grid-template-columns: repeat(4, 1fr); width:100%; gap:12px;} .portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1; } .portfolio-plitka a.obj:nth-child(6n + 4), .portfolio-plitka a.obj:nth-child(6n + 1) { grid-column: auto /span 2; grid-row: auto /span 2; } -----//ВАРИАНТ ШАХМАТКИ//-----*/ /*ШАБЛОН-ПЛИТКИ-ПРОСТОЙ для отфильтрованных результатов*/ .portfolio-plitka {width:calc(100% - 80px); margin:0 auto; display:grid; grid-template-columns: repeat(4, 1fr); gap:12px;} .portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1; } .portfolio-plitka a.obj { grid-column: auto /span 1; grid-row: auto /span 1; } /*-----//ШАБЛОН-ПЛИТКИ-ПРОСТОЙ//-----*/ /*ШАБЛОН-ПЛИТКИ-СЛОЖНЫЙ*/ .portfolio-plitka.slojno {display:grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: row dense;gap:12px; grid-template-areas: "bigLeft bigLeft right1 right2" "bigLeft bigLeft bigRight bigRight" "left1 left2 bigRight bigRight" "big big big big"; } .portfolio-plitka.rovno { grid-template-areas: "bigLeft bigRight right1 right2" "left1 left2 big big" ;} .portfolio-plitka.slojno a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 1) {grid-area: auto / bigLeft / span 2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 2) {grid-area: auto / right1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 3) {grid-area: auto / right2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 4) {grid-area: auto / left1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 5) {grid-area: auto / left2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 6) {grid-area: auto / bigRight / span 2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {grid-area: auto / big / span 2; aspect-ratio:2 / 1; } /*-----//ШАБЛОН-ПЛИТКИ-СЛОЖНЫЙ//-----*/ .portfolio-plitka a.obj {position:relative; border-radius:8px; overflow:hidden; transition: all 0.14s ease-in-out;} .portfolio-plitka a.obj.hidden {display:none;} .portfolio-plitka a.obj:hover {transform: scale(0.98);} .portfolio-plitka a.obj img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 0.14s ease-in-out; } .portfolio-plitka a.obj:hover img {transform: scale(1.14);} .portfolio-plitka a.obj p{position:absolute; z-index:2; bottom:0; left:0; right:0; backdrop-filter: blur(8px); margin:0; background:#1C232Bbb; color:#fff; border-radius:8px;} .portfolio-plitka a.obj:hover p{background:var(--link);} .portfolio-plitka a.obj p span {display:inline-block; padding:16px 32px 16px 30px; font-weight:700; background: url(/local/templates/lift/assets/img/arrow-w.svg) right center no-repeat;} .portfolio-plitka a.obj p small {display:inline-block; color:var(--gray2); display:block; position:relative; left:30px; bottom:14px; font-size:14px;} .portfolio-plitka a.obj.vse {background:var(--black); display:flex; align-items: center; justify-content: center; } .portfolio-plitka a.obj.vse:hover {transform: scale(1);} .portfolio-plitka a.obj.vse p {position:Relative; background:none;} .portfolio-plitka a.obj.vse:hover p {background:none;} .portfolio-plitka a.obj.vse p span {background-image:none; display:block; padding:12px 32px 12px 30px; display:inline-block; font-weight:700; } /*---MOBILE---*/ @media screen and (max-width:768px){ #portfolio .wrap {max-width:1440px; width:calc(100% - 40px);} .portfolio-plitka {display:grid; grid-template-columns: repeat(2, 1fr); width:calc(100% - 40px); gap:12px;} .portfolio-plitka a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;} .portfolio-plitka a.obj { grid-column: auto /span 1; grid-row: auto /span 1; } .portfolio-plitka.slojno { grid-template-columns: repeat(2, 4fr); grid-template-areas: "bigLeft right1" "right2 left1" "left2 bigRight" "big big" } .portfolio-plitka.slojno a.obj {display:flex; background:#aaa; width:100%; aspect-ratio: 1 / 1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 1) {grid-area: auto / bigLeft;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 2) {grid-area: auto / right1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 3) {grid-area: auto / right2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 4) {grid-area: auto / left1;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 5) {grid-area: auto / left2;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 6) {grid-area: auto / bigRight;} .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {grid-area: auto / big; } .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {aspect-ratio:16 / 9; } } @media screen and (max-width:450px){ div.sorter-wrap a span.pc {display:none;} div.sorter-wrap a span.mobile {display:block;} .portfolio-plitka {width:calc(100% - 24px);} .portfolio-plitka a.obj p span {padding-left:12px; padding-right:0; background:none;} .portfolio-plitka a.obj p small {padding-left:12px; padding-right:12px; overflow:hidden; left:0; white-space: nowrap; text-overflow: ellipsis;} .portfolio-plitka a p {font-size:14px;} .portfolio-plitka {gap:8px;} .portfolio-plitka.slojno {gap:8px;} .portfolio-plitka.slojno {display:grid; grid-auto-flow: row dense; grid-template-columns: repeat(1, auto); grid-template-areas: "bigLeft right1" "right2 left1" "left2 bigRight" "big big" } .portfolio-plitka a.obj {aspect-ratio:4 / 5;} .portfolio-plitka.slojno a.obj {aspect-ratio:4 / 5;} .portfolio-plitka a.obj:nth-of-type(7n + 7) {aspect-ratio:4 / 5; } .portfolio-plitka.slojno a.obj:nth-of-type(7n + 7) {aspect-ratio:4 / 5; } } /* End */ /* Start:/local/templates/lift/components/bitrix/news.detail/lift-detail/style.css?175421042312637*/ #type-screen {width:100%; height:calc(100vh - 100px); background: url(/local/templates/lift/components/bitrix/news.detail/lift-detail/pics/poster.jpg) center no-repeat; border:none; background-size:cover; position:relative;} #type-screen .video-wrap {position: relative; overflow: hidden; width:100vw; height:calc(100%); max-width:100%; } #type-screen .video-wrap .overlay {width:calc(100% - 40px); left:0; right:0; margin:auto; height:100%; position:absolute; z-index:5; display:flex; align-items: center; justify-content: center; flex-direction: column;} /*----Анимация заголовка----*/ #type-screen .video-wrap .overlay h1 {color:#fff; text-shadow:0 10px 20px #00000044; position:relative; top:-40px; -webkit-animation:tracking-in-contract-bck 1s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-contract-bck 1s cubic-bezier(.215,.61,.355,1.000) both } /*----//Анимация заголовка//----*/ /*----СТРЕЛКА ВНИЗ----*/ #type-screen .video-wrap .overlay a.arrow-down {position:absolute; width:20px; height:20px; padding:12px; margin:auto; bottom:120px; left:0; right:0; -webkit-animation:slide-bottom 2s cubic-bezier(.86,0.000,.07,1.000) 1s infinite alternate both;animation:slide-bottom 2s cubic-bezier(.86,0.000,.07,1.000) 1s infinite alternate both;} @-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(100px);transform:translateY(100px)}} /*----//СТРЕЛКА ВНИЗ//----*/ #type-screen .video-wrap #video { border:none; position: absolute; min-width:100%; min-height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 16 / 9; } @media screen and (max-width:500px){ #type-screen .video-wrap .overlay h1 {font-size:32px; text-align:Center; width:80%;} } /* #type-screen .video-wrap iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%); @media (min-aspect-ratio: 16/9) { height: 56.25vw } @media (max-aspect-ratio: 16/9) { width: 177.78vh } } */ #forwho {width:100%; padding:120px 0; display: flex; flex-direction: column; width: 100%; background: radial-gradient(500px 500px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;} #forwho .wrap {width:calc(100% - 80px); max-width:1440px; margin:0 auto;} #forwho .wrap h2 {font-size:48px; color:#fff; text-align:Center; margin-top:0;} #forwho .wrap p {font-size:16px; color:#fff; text-align:Center;} #forwho .wrap .plitka {display:flex; gap:40px; margin:90px auto 0;} #forwho .wrap .plitka .for {position:relative; width:100%;} #forwho .wrap .plitka .for:after {content:''; position:Absolute; right:-20px; bottom:0; height:210px; width:1px; background: rgb(130,141,153); background: linear-gradient(0deg, rgba(130,141,153,0) 0%, rgba(130,141,153,1) 50%, rgba(130,141,153,0) 100%);} #forwho .wrap .plitka .for:last-child:after {display:none;} #forwho .wrap .plitka .for h3 {font-size:32px; color:#fff; margin:60px 0 40px;} #forwho .wrap .plitka .for p {font-size:16px; color:var(--gray2); text-align:left; margin:0;} /*---Кнопка---*/ #forwho div.button {display:flex; justify-content: center; margin-top:120px;} #forwho div.button a {margin:0; border-radius:100px; display:flex; padding:16px 30px; background:var(--link); position:relative; font-size:18px; gap:12px;} #forwho div.button a span { border-radius:100px; color:#fff;} /*---MOBILE---*/ @media screen and (max-width:1280px){ #forwho .wrap .plitka .for h3 {font-size:22px;} } @media screen and (max-width:768px){ #forwho .wrap .plitka .for h3 {font-size:22px;} #forwho .wrap .plitka {flex-wrap: wrap; gap:80px;} #forwho .wrap .plitka .for {width:calc(50% - 40px);} #forwho .wrap .plitka .for:after {right:-40px;} #forwho .wrap .plitka .for:nth-child(even):after {display:none;} } @media screen and (max-width:450px){ #forwho {padding:0 0 90px; background: radial-gradient(500px 900px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;} #forwho .wrap {width:calc(100% - 40px);} #forwho .wrap h2 {margin: 90px 0; font-size:32px;} #forwho .wrap p {display:none;} #forwho .wrap .plitka .for h3 {margin:40px 0 40px 20px;} #forwho .wrap .plitka {flex-wrap: wrap; gap:40px;} #forwho .wrap .plitka .for {width:calc(100%);} #forwho .wrap .plitka .for:after {left:0px; height: calc(100% - 60px);} #forwho .wrap .plitka .for:nth-child(even):after {display:block;} #forwho .wrap .plitka .for p {margin:0 0 0 20px; display:block; font-size:14px;} #forwho div.button {display:none;} } #type-design {width:100%; background:none; position:relative; clip-path: polygon(0% 60px, 100% 00%, 100% 100%, 0 100%);} #type-design .design {width:100%; height:100vh; position:relative; overflow: hidden; margin-top:-60px; } #type-design .design:nth-child(odd) {clip-path: polygon(0% 60px, 100% 00%, 100% 100%, 0 calc(100% - 60px));} #type-design .design:nth-child(even) {clip-path: polygon(0% 0px, 100% 60px, 100% calc(100% - 60px), 0 100%);} #type-design .design:nth-child(odd)::after {content:''; position:absolute; z-index:1; left:0%; bottom:0%; width:50%; height:100%; background: rgb(28,35,43); background: linear-gradient(90deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); opacity:0.7;} #type-design .design:nth-child(even)::after {content:''; position:absolute; z-index:1; right:0%; bottom:0%; width:50%; height:100%; background: rgb(28,35,43); background: linear-gradient(-90deg, rgba(28,35,43,1) 0%, rgba(28,35,43,0) 100%); opacity:0.7;} #type-design .design .text {width:100%; height:50%; position:absolute; bottom:0; left:0; z-index:2; /* background: rgb(28,35,43); background: linear-gradient(0deg, rgba(28,35,43,0.6) 0%, rgba(28,35,43,0) 100%); */} #type-design .design .text .wrap {width:calc(100% - 80px); max-width:1440px; height:100%; margin:0 auto; display:flex; flex-direction: column; justify-content: flex-start; position:Relative;} #type-design .design .text .wrap h1 {font-size:96px; color:#fff; opacity:0; position:Relative; top:30px;} #type-design .design:nth-child(even) .text .wrap h1 {text-align:right;} #type-design .design .text .wrap h1.step.active {transition: all 1.7s cubic-bezier(0.2, 0, 0.0, 1); top:0; opacity:1;} #type-design .design .pic {min-width: 100%; min-height:100%; z-index: -1; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); pointer-events: none; /* height:100%; width:100%; object-fit:cover; position:absolute; left:0;top:0; z-index: -1; */} /*------MOBILE------*/ @media screen and (max-width:1440px){ #type-design .design .text .wrap h1 {font-size:72px;} } @media screen and (max-width:1280px){ #type-design .design .text .wrap h1 {font-size:48px;} } @media screen and (max-width:450px){ #type-design .design {height:70vh;} #type-design .design .pic {height:100vh;} #type-design .design .pic.left89proc {left:89%;} #type-design .design .pic.left20proc {left:20%;} #type-design .design .text .wrap h1 {font-size:32px;} } #uslugi {width:100%; background:var(--gray3); margin:90px 0 0px;} #uslugi .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column; position:relative; z-index:2;} #uslugi .uslugi-plitka {display: grid; gap:0px; grid-template-columns: 1fr 1fr; align-items: center; margin: 0 0 90px;} /* #uslugi .uslugi-plitka:last-child {margin: 0 0 120px;} */ #uslugi .uslugi-plitka:nth-child(odd) {direction: rtl;} #uslugi .uslugi-plitka .descript {text-align:left; padding:0 90px;} #uslugi .uslugi-plitka:nth-child(even) .descript {padding: 0 90px 0 0;} #uslugi .uslugi-plitka .descript h2 {margin:0 0 0px;} #uslugi .uslugi-plitka .pic {width:100%; aspect-ratio: 1920 / 1280; border-radius:8px; overflow:hidden; position:relative;} #uslugi .uslugi-plitka .pic img {width:100%; height:100%; object-fit:cover;} #uslugi .uslugi-plitka .pic video {width:100%; height:100%; object-fit:cover;} #uslugi .uslugi-plitka a.pic {position:absolute; left:0; top:0; width:100%; height:100%; border:none; } #uslugi .uslugi-plitka a.pic .go360 {position:absolute; left:0; top:0; width:100%; height:100%; border:none; } #uslugi .uslugi-plitka a.pic iframe {width:100%; height:100%; object-fit:cover; border:none;} #uslugi .uslugi-plitka a.pic .go360::after {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#00000011 url(/local/templates/lift/assets/img/go360.svg)center no-repeat; clip-path: circle(60px); transition: all 0.5s ease-in-out;} #uslugi .uslugi-plitka a.pic .go360:hover::after {background-color:#00000033; background-size:50px; clip-path: circle(100%);} a.gde {display:inline-block; margin:20px 0 0; font-size:14px; color:var(--link);} .descript p {margin:40px 0 0; overflow:hidden; position:relative;} /*---MOBILE---*/ @media screen and (max-width:1024px){ #uslugi .uslugi-plitka .descript { padding-right:0px;} } @media screen and (max-width:768px){ #uslugi .wrap {width:calc(100% - 40px);} #uslugi .uslugi-plitka .descript h2 {font-size:22px;} #uslugi .uslugi-plitka .descript p {font-size:14px; } #uslugi .uslugi-plitka .descript {text-align:left; padding:0 0 0 40px;} #uslugi .uslugi-plitka:nth-child(even) .descript {padding: 0 40px 0 0;} } @media screen and (max-width:450px){ #uslugi {margin:0; padding:90px 0;} #uslugi .uslugi-plitka {display:flex; flex-direction: column;} #uslugi .uslugi-plitka .descript {padding:0;} #uslugi .uslugi-plitka .descript p {margin-bottom:40px;} } #dop {width:100%; background:var(--gray3); margin:30px 0 0px; padding:90px 0px 0; background: radial-gradient(500px 500px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;} #dop {width:100%; background:var(--gray3); margin:30px 0 0px; padding:90px 0px 120px; background: radial-gradient(500px 500px at 81.07% 7.36%, rgba(0, 102, 255, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%), #1C232B;} #dop .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column; gap: 90px 0px; position:relative; z-index:2;} #dop .dop-plitka {display: grid; gap:0px; grid-template-columns: 1fr 1fr; align-items: center; margin: 0px;} /* #dop .dop-plitka:last-child {margin: 0 0 120px;} */ #dop .dop-plitka:nth-child(odd) {direction: rtl;} #dop .dop-plitka .descript {text-align:left; padding:0 90px;} #dop .dop-plitka:nth-child(even) .descript {padding: 0 90px 0 0;} #dop .dop-plitka .descript h2 {margin:0 0 40px; color:#fff;} #dop .dop-plitka .descript p {margin:0; color:var(--gray1); margin-bottom:20px;} #dop .dop-plitka .descript p b {color:#fff; font-weight:bold;} #dop .dop-plitka .descript p:last-child {margin-bottom:0px;} #dop .dop-plitka .pic {width:100%; aspect-ratio: 1 / 1; border-radius:8px; overflow:hidden;} #dop .dop-plitka .pic img {width:100%; height:100%; object-fit:cover;} #dop .dop-plitka .pic video {width:100%; height:100%; object-fit:cover;} /*---MOBILE---*/ @media screen and (max-width:1024px){ #dop .dop-plitka .descript { padding-right:0px;} } @media screen and (max-width:768px){ #dop .wrap {width:calc(100% - 40px); } #dop .dop-plitka .descript h2 {font-size:22px;} #dop .dop-plitka .descript p {font-size:14px; } #dop .dop-plitka .descript {text-align:left; padding:0 0 0 40px;} } @media screen and (max-width:450px){ #dop {padding:120px 0 0px; clip-path: polygon( 0% calc(0% + 30px), 100% 00%, 100% 100%, 0 calc(100% - 30px));} #dop .wrap {width:calc(100%);} #dop {margin:90px 0 90px;} #dop .dop-plitka {position:relative; display:flex; flex-direction: column;} #dop .dop-plitka .descript {margin:0 auto; padding:0 20px;} #dop .dop-plitka:nth-child(even) .descript {padding: 0 20px;} #dop .dop-plitka .descript p {margin-bottom:40px;} #dop .dop-plitka .pic {margin-top:60px; border-radius:0; clip-path: polygon(0% 0, 100% calc(0% + 30px), 100% calc(100% - 30px), 0 100%);} #dop .dop-plitka:nth-child(even) .pic {clip-path: polygon(0% 30px, 100% 00%, 100% 100%, 0 calc(100% - 30px));} } /* End */ /* Start:/local/templates/lift/components/bitrix/news.list/about/style.css?17542457852196*/ #about {width:100%; background:var(--gray3);} #about .wrap {max-width:1440px; width:calc(100% - 80px); margin:0 auto; display:flex; align-items: flex-start; flex-direction: column;} #about div.wrap h2{color:var(--black); margin:90px 0 60px;} .about-plitka {display: grid; gap:12px; max-width:1440px; width:calc(100% - 80px); margin:0 auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .about-plitka a{display:block; border-radius:12px; overflow:hidden; width:100%;height:100%; background:#aaaaaa33; position:relative;} .about-plitka a img {position:absolute; width:100%; height:100%; object-fit:cover; transition: all 2s ease-in-out;} .about-plitka a:nth-child(1) { grid-column-start:1; aspect-ratio:1 / 1; } .about-plitka a:nth-child(2) { grid-column-start:2; } .about-plitka a:nth-child(3) { grid-column-start:3; grid-column-end:5; } .about-descript {width:100%; margin:60px 0 120px; display: flex; justify-content: space-between;} .about-descript p {max-width:714px; color:var(--gray1); margin:0; width:50%;} .about-descript div.button a {border-radius:100px; display:inline-block; padding:16px 30px; background:var(--gray2); position:relative; font-size:18px;} .about-descript div.button a span {margin:40px 0; border-radius:100px; color:var(--black);} /*---MOBILE---*/ @media screen and (max-width:768px){ #about .wrap {width:calc(100% - 40px);} .about-plitka {width:calc(100% - 40px); margin:0 auto;} } @media screen and (max-width:450px){ #about div.wrap h2 {margin-bottom:40px;} .about-plitka {width:calc(100% - 40px); margin:0 auto; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 40px 8px;} .about-plitka a:nth-child(1) {grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;} .about-plitka a:nth-child(2) {grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;} .about-plitka a:nth-child(3) {grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;} .about-descript {flex-direction: column; margin:40px 0 0;} .about-descript p {width:100%;} .about-descript .button {margin:90px 0;} } /* End */ /* /local/templates/lift/components/bitrix/news/lifts/style.css?17621068206831 */ /* /local/templates/lift/components/bitrix/news.detail/lift-detail/style.css?175421042312637 */ /* /local/templates/lift/components/bitrix/news.list/about/style.css?17542457852196 */