/* Start:/local/templates/html/components-template/services-list/style.css?178775084510815*/
.services-list {
/*! CSS Used from: https://slam.by/local/templates/slam/styles.css?1648472555305315 */
/*! CSS Used from: https://slam.by/local/templates/slam/template_styles.css?16484725557132 */
/*! CSS Used from: https://slam.by/local/templates/slam/css/components/stub-services_s2.css?15692297933445 */ }
.services-list a {
background-color: transparent; }
.services-list a:active,
.services-list a:hover {
outline: 0; }
.services-list svg:not(:root) {
overflow: hidden; }
.services-list * {
box-sizing: border-box;
-webkit-appearance: none; }
.services-list :after,
.services-list :before {
box-sizing: border-box; }
.services-list a {
color: #7a4281;
text-decoration: underline;
cursor: pointer; }
.services-list a:focus,
.services-list a:hover {
color: #e48023;
text-decoration: underline;
outline: 0; }
.services-list a:active {
outline: 0; }
.services-list a {
transition: all 0.15s ease; }
.services-list p {
margin: 0 0 1.2em; }
.services-list .h4,
.services-list h4 {
font-family: Circe-Bold;
font-weight: 700;
color: #555;
word-wrap: break-word;
text-transform: uppercase;
font-family: Circe-Bold, Helvetica, Arial, sans-serif; }
.services-list .h4,
.services-list h4 {
font-size: 20px;
line-height: 1.3;
margin: 1.5em 0 0.4em; }
.services-list .row {
margin-left: -15px;
margin-right: -15px; }
.services-list .row:after,
.services-list .row:before {
content: " ";
display: table; }
.services-list .row:after {
clear: both; }
.services-list .col-xs-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px; }
.services-list .col-xs-12 {
float: left; }
.services-list .col-xs-12 {
width: 100%; }
.services-list a {
text-decoration: none !important; }
.services-list .stub-services .ttl {
display: inline-block;
vertical-align: middle;
color: transparent;
text-transform: uppercase;
font-size: 24px;
font-family: Circe-Bold, Helvetica, Arial, sans-serif;
line-height: 1.1;
letter-spacing: 2px;
background: linear-gradient(to right, #7a4281 0, #e48023 100%);
-webkit-background-clip: text;
background-clip: text;
overflow: hidden;
margin: 0;
max-height: 3.2em; }
.services-list .services-list .ttl {
color: transparent;
text-transform: uppercase;
font-size: 20px;
font-family: Circe-Bold, Helvetica, Arial, sans-serif;
line-height: 1.1;
letter-spacing: 2px;
background: linear-gradient(to right, #7a4281 0, #e48023 100%);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 12px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.services-list .stub-services .ttl,
.services-list .ttl {
color: #81467b !important;
background: 0 0 !important; } }
@media (max-width: 1279px) {
.services-list .stub-services .ttl {
font-size: 20px; } }
@media (max-width: 1023px) {
.services-list .stub-services .subtitle {
line-height: 1.4; }
.services-list .stub-services .ttl {
max-height: 4.3em; } }
@media (max-width: 767px) {
.services-list .stub-services .subtitle {
font-size: 16px;
margin-bottom: 30px; }
.services-list .stub-services .ttl {
font-size: 18px;
max-height: 4.2em; }
.services-list .services-list .ttl {
font-size: 18px;
line-height: 1.2; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.services-list .stub-services .ttl {
color: #81467b;
background: transparent; } }
.services-list .stub-services_s2 {
z-index: 2; }
.services-list .stub-services_s2 .services-list {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
position: relative; }
.services-list .stub-services_s2 .services-list:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 3;
border: 2px solid white; }
@media (max-width: 575px) {
.services-list .stub-services_s2 .services-list:before {
content: none; } }
.services-list .stub-services_s2 .services-list:after {
content: "";
flex-grow: 1; }
.services-list .stub-services_s2 .services-list__item {
position: relative;
border: solid;
border-width: 0 1px 1px 0;
border-color: transparent #E3E3E3 #E3E3E3 transparent; }
@media (max-width: 575px) {
.services-list .stub-services_s2 .services-list__item {
border: none;
border-bottom: 1px solid #E3E3E3; } }
.services-list .stub-services_s2 .services-list__item__i {
width: 100%; }
.services-list .stub-services_s2 .services-list__item__icon {
margin-bottom: 25px; }
@media (max-width: 575px) {
.services-list .stub-services_s2 .services-list__item__icon {
margin-bottom: 10px; } }
.services-list .stub-services_s2 .services-list__item__icon svg {
width: 50px;
height: 50px; }
.services-list .stub-services_s2 .services-list__item__icon svg path {
fill: url(#grad-services); }
.services-list .stub-services_s2 .services-list__item__title {
text-transform: none;
font-size: 26px;
font-weight: 400;
letter-spacing: 2.5px;
line-height: 1.25;
max-height: none; }
@media (max-width: 1469px) {
.services-list .stub-services_s2 .services-list__item__title {
font-size: 24px; } }
@media (max-width: 1199px) {
.services-list .stub-services_s2 .services-list__item__title {
font-size: 22px;
line-height: 1.4; } }
@media (max-width: 767px) {
.services-list .stub-services_s2 .services-list__item__title {
margin-bottom: 10px; } }
.services-list .stub-services_s2 .services-list__item__text-list__wrap {
display: none;
height: 0;
transition: height 0.3s;
overflow: hidden; }
@media (min-width: 1024px) {
.services-list .stub-services_s2 .services-list__item {
height: 350px;
cursor: pointer; }
.services-list .stub-services_s2 .services-list__item__i {
position: absolute;
top: 0;
left: 0;
padding: 25px;
width: 100%;
min-height: 100%; }
.services-list .stub-services_s2 .services-list__item:hover .services-list__item__i {
background-color: #3c46a5;
z-index: 3;
pointer-events: none; }
.services-list .stub-services_s2 .services-list__item:hover .services-list__item__text-desc {
color: #ffffff; }
.services-list .stub-services_s2 .services-list__item:hover .services-list__item__text-list__wrap {
display: block; }
.services-list .stub-services_s2 .services-list__item:hover .ttl {
color: #fff !important; }
.services-list .stub-services_s2 .services-list__item:hover .services-list__item__icon svg path {
fill: #fff; }
.services-list .stub-services_s2 .services-list__item__text-list {
display: flex;
flex-direction: column;
align-items: flex-start; }
.services-list .stub-services_s2 .services-list__item__text-list__item {
margin-bottom: 15px; }
.services-list .stub-services_s2 .services-list__item__text-list__item-i {
color: white;
border-bottom: 1px solid white;
line-height: 1;
z-index: 3; }
.services-list .stub-services_s2 .services-list__item__text-list__item-i:hover {
opacity: 0.6; }
.services-list .stub-services_s2 .services-list__item {
width: 33.33%; } }
@media (min-width: 1024px) {
.services-list .stub-services_s2 .services-list__item {
width: 25%; } }
@media (max-width: 1023px) {
.stub-services_s2 .services-list__item {
width: 50%;
height: auto; }
.stub-services_s2 .services-list__item .services-list__item__i {
padding: 40px 36px 15px; }
.services-list__title {
font-size: 40px; } }
@media (max-width: 767px) {
.services-list .row > * {
padding: 0; }
.services-list .stub-services .subtitle {
margin-bottom: 0px; } }
@media (max-width: 575px) {
.stub-services_s2 .services-list__item {
width: 100%; }
.stub-services_s2 .services-list__item .services-list__item__i {
padding: 20px 0 24px; }
.services-list .row > * {
padding: 0 15px; }
.services-list__title {
font-size: 28px; } }
.services__header {
color: #666666;
text-align: center;
margin-top: 30px; }
.services__header h1 {
font-weight: 500;
font-size: 34px; }
@media (max-width: 767px) {
.services__header h1 {
text-align: left; } }
.services__header .subtitle {
text-align: center;
margin-bottom: 100px;
font-size: 18px;
letter-spacing: 1.8px;
line-height: 1.6; }
@media (max-width: 767px) {
.services__header .subtitle {
font-size: 16px;
margin-bottom: 40px; } }
.services-page .link-full:before {
z-index: 3; }
.services-page .stub-services_s2 .services-list__item:hover {
height: auto;
z-index: 5; }
.services-page .stub-services_s2 .services-list__item:hover .services-list__item__text-list__wrap {
display: block;
height: auto;
pointer-events: auto; }
@media (max-width: 1023px) {
.services-page.services-list .stub-services_s2 .services-list__item {
border: none; }
.services-page.services-list .stub-services_s2 .services-list__item__text-list__wrap {
display: block;
height: auto; }
.services-page .services-list__item__text-list {
padding-bottom: 5px; }
.services-page .stub-services_s2 .services-list__item__text-list__item:not(:last-child) {
margin-bottom: 15px; }
.services-page .stub-services_s2 .services-list__item__text-list__item-i {
color: #666666;
border-bottom: 1px solid #666666;
line-height: 1; } }
@media (max-width: 575px) {
.services-page.services-list .stub-services_s2 {
margin: 0 -15px; }
.services-page .stub-services_s2 .services-list__item {
padding: 0 15px; }
.services-page .stub-services_s2 .services-list__item:nth-child(odd) {
background-color: #3c46a5; }
.services-page .stub-services_s2 .services-list__item:nth-child(odd) .services-list__item__title,
.services-page .stub-services_s2 .services-list__item:nth-child(odd) .services-list__item__text,
.services-page .stub-services_s2 .services-list__item:nth-child(odd) .services-list__item__text-list__item-i {
color: #ffffff !important; }
.services-page .stub-services_s2 .services-list__item:nth-child(odd) .services-list__item__icon svg path {
fill: #ffffff; } }
.services-list .stub-services_s2 .services-list__item__text-list__item-i {
position: relative;
z-index: 3; }
/* End */
/* Start:/local/templates/html/components-template/services/style.css?178775084513617*/
.services-downloadlink {
position: absolute;
right: 4.5vw;
bottom: -30px;
width: 100%;
max-width: 420px;
height: 50px;
border: 1px solid #894083;
padding: 0 20px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #894083;
fill: #894083;
gap: 8px;
font-size: 18px;
font-weight: 700;
transition: all ease .3s; }
@media (max-width: 1469px) {
.services-downloadlink {
max-width: 320px;
right: 3vw; } }
@media (max-width: 1199px) {
.services-downloadlink {
position: static; } }
@media (max-width: 767px) {
.services-downloadlink {
height: 40px;
font-size: 15px;
max-width: 360px; } }
@media (max-width: 575px) {
.services-downloadlink {
border-color: transparent; } }
@media (hover: hover) {
.services-downloadlink:hover {
cursor: pointer;
background-color: #894083;
color: #fff;
fill: #ffffff; } }
.services {
margin-top: 53px; }
.services .container {
position: relative; }
@media (max-width: 1199px) {
.services {
position: relative; } }
@media (max-width: 767px) {
.services {
margin-top: 16px; } }
.services .subtitle {
color: #282828; }
@media (max-width: 767px) {
.services__title {
padding: 0 15px; } }
@media (max-width: 575px) {
.services__title {
padding: 0; } }
.services__title h1 {
font-size: 2.8rem;
margin-bottom: 40px; }
@media (max-width: 575px) {
.services__title h1 {
position: relative;
z-index: 2;
font-size: 24px; } }
.services__title--v2 {
color: #894083;
margin-bottom: 26px; }
.services__title--v2 h1 {
margin-bottom: 0; }
.services__title--v2 p {
color: #282828;
font-size: 2.8rem;
font-weight: 800;
text-transform: uppercase; }
@media (max-width: 575px) {
.services__title--v2 p {
position: relative;
z-index: 2;
font-size: 22px; } }
.services__subtitle {
font-size: 24px;
font-weight: 700;
color: #894083; }
@media (max-width: 767px) {
.services__subtitle {
font-size: 18px; } }
.services__btn {
margin-top: 60px; }
@media (max-width: 767px) {
.services__btn {
margin-top: 20px; } }
.services-content-wrap .services__descr {
overflow: visible;
display: block;
-webkit-line-clamp: unset;
margin-top: 0; }
.services__descr {
margin-top: 46px;
font-weight: bold;
font-size: 1.5rem;
line-height: 35px;
letter-spacing: 0.02em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; }
@media (max-width: 767px) {
.services__descr {
padding: 0 15px; } }
@media (max-width: 575px) {
.services__descr {
padding: 0;
font-size: 16px;
line-height: 24px;
position: relative;
z-index: 2; } }
.services__subdescr {
margin-top: 40px;
font-weight: normal;
font-size: 1.125rem;
line-height: 27px;
letter-spacing: 0.02em; }
@media (max-width: 1199px) {
.services__subdescr {
font-size: 18px; }
.services__subdescr ul {
margin-top: -12px; } }
@media (max-width: 575px) {
.services__subdescr {
font-size: 16px;
line-height: 22px; }
.services__subdescr ul {
margin-top: -24px; } }
.services__subdescr li {
position: relative;
padding-left: 32px;
font-size: 22px; }
@media (max-width: 1199px) {
.services__subdescr li {
padding-left: 24px;
font-size: 18px; } }
@media (max-width: 767px) {
.services__subdescr li {
font-size: 16px; } }
@media (max-width: 575px) {
.services__subdescr li {
font-size: 14px; } }
.services__subdescr li:before {
content: '\2714';
color: #894083;
position: absolute;
left: 0;
top: 0;
font-size: 18px;
display: flex;
align-items: center; }
@media (max-width: 1199px) {
.services__subdescr li:before {
font-size: 16px; } }
.services__subdescr li:not(:last-child) {
margin-bottom: 10px; }
.services__subdescr p {
margin-bottom: 25px; }
.services-img-wrap {
position: absolute;
right: 0;
top: 0; }
@media (max-width: 1199px) {
.services-img-wrap {
position: absolute;
width: 35%;
top: -60px;
z-index: -1;
opacity: .7;
padding: 0; }
.services-img-wrap img {
width: 100%;
height: 100%; } }
@media (max-width: 767px) {
.services-img-wrap {
width: 180px;
top: -30px; } }
@media (max-width: 1199px) {
.services__img-wrap {
position: absolute; } }
.services .animate-field .el {
position: absolute;
opacity: 0.1;
animation: opacityElement 3s infinite; }
@keyframes opacityElement {
0% {
opacity: 0.1; }
5% {
opacity: 0.2; }
10% {
opacity: 0.4; }
20% {
opacity: 0.6; }
30% {
opacity: 0.8; }
40% {
opacity: 1; }
50% {
opacity: 1; }
60% {
opacity: 0.8; }
70% {
opacity: 0.6; }
80% {
opacity: 0.4; }
90% {
opacity: 0.2; }
100% {
opacity: 0.1; } }
.services .animate-field .el:nth-child(1) {
animation-delay: 0.5s; }
.services .animate-field .el:nth-child(2) {
animation-delay: 1s; }
.services .animate-field .el:nth-child(3) {
animation-delay: 1.5s; }
.services .animate-field .el:nth-child(4) {
animation-delay: 2s; }
.services .animate-field .el:nth-child(5) {
animation-delay: 2.5s; }
.services .animate-field .el:nth-child(6) {
animation-delay: 3s; }
.services .animate-field .el:nth-child(7) {
animation-delay: 3.5s; }
.services .animate-field .el:nth-child(8) {
animation-delay: 4s; }
.services .animate-field .el:nth-child(9) {
animation-delay: 4.5s; }
.services .animate-field .el:nth-child(10) {
animation-delay: 5s; }
.services .animate-field .el:nth-child(11) {
animation-delay: 5.5s; }
.services .animate-field .el:nth-child(12) {
animation-delay: 6s; }
.services .animate-field .el:nth-child(13) {
animation-delay: 6.5s; }
.services .animate-field .el:nth-child(14) {
animation-delay: 7s; }
.services .animate-field .el:nth-child(15) {
animation-delay: 7.5s; }
.services .animate-field .el:nth-child(16) {
animation-delay: 8s; }
.services .animate-field .el:nth-child(17) {
animation-delay: 8.5s; }
.services .animate-field .el:nth-child(18) {
animation-delay: 9s; }
.services .animate-field .el:nth-child(19) {
animation-delay: 9.5s; }
.services .animate-field .el:nth-child(20) {
animation-delay: 10s; }
.services .animate-field .el-line-big {
position: relative;
width: 0;
height: 100%;
z-index: 100; }
.services .animate-field .el-line-big .lazy-img-wrap.loaded {
left: -200px; }
.services .animate-field .el-line-big__ball {
position: absolute;
z-index: 100;
top: -30px;
left: 0;
width: 175px;
height: 175px;
border-radius: 50%;
transform: translateY(0);
user-select: none; }
.services .animate-field .el-line-big__ball img {
animation: rotate 15s linear infinite; }
@media (max-width: 1199px) {
.services .animate-field {
display: none; } }
.services .animate-field {
position: relative;
z-index: 1;
width: 100%; }
.services .animate-field .el {
position: absolute;
z-index: 20;
animation: opacityElement 5s infinite; }
.services .animate-field .el:nth-child(3) {
left: 68%;
width: 1px;
bottom: 60px;
height: 70px;
background-color: #ff8600;
animation-delay: 2.5s; }
@media (max-width: 1469px) {
.services .animate-field .el:nth-child(3) {
left: 73%; } }
.services .animate-field .el:nth-child(1) {
top: auto;
bottom: 45px;
left: 65%;
width: 4px;
height: 33px;
background-color: #7a4281;
animation-delay: 0s; }
@media (max-width: 1469px) {
.services .animate-field .el:nth-child(1) {
left: 70%; } }
.services .animate-field .el:nth-child(2) {
left: 62%;
width: 2px;
bottom: 35px;
height: 70px;
background-color: #894083;
animation-delay: 2s; }
@media (max-width: 1469px) {
.services .animate-field .el:nth-child(2) {
left: 67%; } }
@media (max-width: 1023px) {
.services .services-content-wrap {
order: 2; }
.services .services-img-wrap {
order: 1; } }
.services-card {
height: 210px;
width: 25%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
background: linear-gradient(95.83deg, #F40752 6.68%, #FF5E25 141.32%);
opacity: 0.7;
transition: all ease .3s; }
@media (max-width: 1199px) {
.services-card {
width: 50%;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2; } }
@media (min-width: 1024px) {
.services-card {
cursor: pointer; }
.services-card:hover {
opacity: 1;
text-decoration: none; }
.services-card:hover .icon {
transform: translateX(6px); } }
@media (max-width: 575px) {
.services-card {
width: 100%; } }
.services-card:not(:last-child) {
border-right: 1px solid #f2f2f2; }
@media (max-width: 575px) {
.services-card:not(:last-child) {
border-right: none;
border-bottom: 1px solid #f2f2f2; } }
.services-card:nth-child(2) {
background: linear-gradient(92.57deg, #0061FF 9.34%, #2AB5C5 165.02%); }
@media (max-width: 1199px) {
.services-card:nth-child(2) {
border-bottom: 1px solid #f2f2f2;
border-right: none; } }
.services-card:nth-child(3) {
background: linear-gradient(90.17deg, #FF480E -12.38%, #F0831E 126.08%); }
.services-card:nth-child(4) {
background: linear-gradient(91.21deg, #1950FC 7.99%, #7046F7 113.29%, #07C8F9 113.29%); }
@media (max-width: 1199px) {
.services-card:nth-child(4) {
border-right: none; } }
.services-card__wrapper {
display: flex; }
@media (max-width: 1199px) {
.services-card__wrapper {
flex-wrap: wrap; } }
@media (max-width: 575px) {
.services-card__wrapper {
margin-bottom: 67px; } }
.services-card__row {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between; }
.services-card__img {
width: 55px;
height: 55px;
position: relative;
margin-right: 10px;
flex-shrink: 0; }
.services-card__img .lazy-img-wrap {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center; }
.services-card__img .lazy-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain; }
.services-card__text {
text-transform: uppercase;
font-size: 16px;
line-height: 1.5;
font-weight: 800;
color: #ffffff; }
@media (max-width: 1469px) {
.services-card__text {
font-size: 14px; } }
.services-card .icon {
margin-left: 10px;
fill: #ffffff;
opacity: 0.6;
transition: all ease .3s; }
.services-linklist {
margin-top: 30px;
margin-left: -20px;
position: relative;
background: linear-gradient(91.21deg, #ffffff00 0%, #993492 100%); }
@media (max-width: 767px) {
.services-linklist {
margin-left: -15px; } }
.services-linklist:before {
content: '';
background-color: #fff;
position: absolute;
right: 4px;
top: 4px;
left: 4px;
bottom: 4px;
z-index: 1; }
.services-linklist__inner {
position: relative;
z-index: 2;
padding: 30px;
padding-left: 20px; }
.services-linklist__link {
transition: all ease .3s; }
.services-linklist__list {
column-gap: 30px;
column-count: 2;
font-size: 18px;
line-height: 1.25;
color: #894083;
font-weight: 400; }
@media (max-width: 575px) {
.services-linklist__list {
column-count: 1;
font-size: 16px; } }
.services-linklist__list li {
display: inline-flex;
align-items: center;
position: relative;
padding-left: 25px;
transition: all ease .3s; }
.services-linklist__list li .icon {
position: absolute;
left: 0px;
top: 4px;
margin: auto 0; }
.services-linklist__list li:not(:last-child) {
margin-bottom: 12px; }
.services-linklist__list li:hover {
transform: translateX(5px); }
.services-linklist__list li:hover .services-linklist__link {
cursor: pointer;
font-weight: 500;
text-decoration: underline; }
.services-page .services__descr {
margin-bottom: 80px; }
@media (max-width: 767px) {
.services-page .services__descr {
margin-bottom: 40px; } }
/* End */
/* Start:/local/templates/html/components-template/our-projects-tab-content-v2/style.css?17877508454766*/
.our-projects .our-projects-content .tab-pane {
display: none;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto auto auto auto;
gap: 40px 30px; }
@media (max-width: 1469px) {
.our-projects .our-projects-content .tab-pane {
gap: 30px; } }
@media (max-width: 1199px) {
.our-projects .our-projects-content .tab-pane {
gap: 24px; } }
.our-projects .our-projects-content .tab-pane.active {
display: grid; }
.op-tab-item {
grid-column: 6 span;
grid-row: span 1; }
.op-tab-item__img {
position: relative;
padding-bottom: 50%;
border-radius: 10px;
overflow: hidden; }
@media (max-width: 767px) {
.op-tab-item__img {
border-radius: 5px; } }
.op-tab-item:nth-child(3) {
grid-column: span 8;
grid-row: span 2; }
.op-tab-item:nth-child(3) .op-tab-item__img {
padding-bottom: 59%; }
@media (max-width: 1469px) {
.op-tab-item:nth-child(3) .op-tab-item__img {
padding-bottom: 59.5%; } }
@media (max-width: 1199px) {
.op-tab-item:nth-child(3) .op-tab-item__img {
padding-bottom: 60.5%; } }
@media (max-width: 1023px) {
.op-tab-item:nth-child(3) .op-tab-item__img {
padding-bottom: 50%; } }
.op-tab-item:nth-child(4) {
grid-column: span 4; }
.op-tab-item:nth-child(5) {
grid-column: span 4; }
@media (max-width: 1023px) {
.op-tab-item:nth-child(2), .op-tab-item:nth-child(3), .op-tab-item:nth-child(5), .op-tab-item:nth-child(6) {
grid-column: span 6;
grid-row: span 1; }
.op-tab-item:nth-child(1), .op-tab-item:nth-child(4) {
grid-column: span 12;
grid-row: span 1; }
.op-tab-item:nth-child(7) {
display: none; } }
.op-tab-item .lazy-img-wrap {
position: absolute;
right: 0;
bottom: 0;
top: 0;
left: 0;
display: inline-flex;
transform: translateY(100px);
transition: transform 0.3s ease 0s; }
.op-tab-item .lazy-img-wrap::after {
content: '';
background: rgba(137, 64, 131, 0.4);
border: 1px solid rgba(204, 204, 204, 0.1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0;
transition: opacity 0.3s; }
@media (min-width: 1024px) {
.op-tab-item .lazy-img-wrap:hover::after {
opacity: 1; } }
.op-tab-item .lazy-img-wrap.loaded {
transform: translateY(0px); }
.op-tab-item img {
width: 100%;
height: 100%;
object-fit: cover;
max-width: 100%; }
.op-tab-item__content {
margin-top: 26px;
position: relative;
pointer-events: none; }
@media (max-width: 767px) {
.op-tab-item__content {
margin-top: 10px; } }
.op-tab-item__title {
font-weight: 800;
font-size: 24px;
line-height: 133%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #000;
transition: visibility 0.3s, opacity 0.3s;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; }
.op-tab-item__description {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
padding: 1rem 0;
font-weight: normal;
font-size: 22px;
height: 100vh;
max-height: 72px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.3;
letter-spacing: 0.02em;
color: #000;
transition: visibility 0.3s, opacity 0.3s, transform 0.3s; }
@media (max-width: 1469px) {
.op-tab-item__description {
display: none; } }
@media (min-width: 1024px) {
.op-tab-item:hover .op-tab-item__title {
opacity: 0;
visibility: hidden; }
.op-tab-item:hover .op-tab-item__description {
opacity: 1;
visibility: visible;
transform: translateY(-35px); } }
@media (min-width: 576px) {
.op-tab-bottom {
display: none; } }
.op-tab-bottom__link {
font-size: 16px;
display: block;
padding: 20px 0px; }
.op-tab-bottom__link a {
color: #894083;
text-decoration: underline; }
@media (max-width: 1700px) {
.op-tab-item:nth-child(5) .lazy-img-wrap {
width: 100%; } }
@media (max-width: 1023px) {
.op-tab-item__title {
font-size: 16px; }
.op-tab-bottom__left p {
font-size: 18px;
line-height: 28px; } }
@media (max-width: 767px) {
.op-tab-bottom__left {
padding: 60px 0; }
.op-tab-bottom__right {
position: relative;
z-index: 1;
align-self: end;
transform: translateX(15px); } }
@media (max-width: 575px) {
.op-tab-item {
grid-column: 12 span !important;
transform: none !important; } }
/* End */
/* Start:/local/templates/html/components-template/about-trust/style.css?178775084516684*/
.about-trust {
background: url("data:image/svg+xml,%3Csvg width='1598' height='1190' viewBox='0 0 1598 1190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.03' d='M1614.84 498.513C1577.01 341.756 1460.88 205.126 1284.77 111.593C1108.66 18.0609 891.5 -16.7589 679.655 7.73113C465.563 35.0742 279.14 119.773 151.734 248.463C24.3278 377.153 -22.7693 536.018 11.1568 691.123C48.9859 847.879 165.12 984.51 341.228 1078.04C362.399 1090.8 385.817 1100.71 405.333 1108.97C569.261 1178.33 756.852 1204.44 942.438 1180.25C1156.53 1152.91 1342.95 1068.21 1470.36 939.521C1601.67 812.482 1650.42 658.122 1614.84 498.513ZM417.529 1007.61C340.06 967.23 275.485 917.083 227.707 858.827C440.389 773.826 746.516 656.085 940.85 673.638C869.864 803.375 779.955 917.498 678.459 1000.09C648.175 1025.32 613.989 1048.89 582.05 1069.62C524.567 1056.71 469.924 1033.59 417.529 1007.61ZM1108.7 619.121C1113.79 606.058 1121.12 590.141 1126.21 577.077C1255.6 624.216 1376.01 682.767 1472.4 738.767C1449.8 793.874 1415.49 844.028 1373.38 890.878C1353.74 909.198 1334.1 927.518 1314.46 945.838C1316.24 923.766 1314.12 900.042 1309.74 879.171C1291.31 757.248 1225.79 668.663 1108.7 619.121ZM1299.02 536.073C1256.09 517.908 1209.25 498.091 1164.07 482.779C1164.66 475.421 1171.41 466.862 1172 459.505C1172.59 452.147 1177.09 446.441 1179.93 436.23C1290.99 460.397 1385.97 458.739 1462.62 434.108C1495.85 497.62 1504.47 565.939 1499.14 632.157C1437.29 598.377 1369.28 565.798 1299.02 536.073ZM1197.68 341.032C1207.98 288.328 1212.13 236.826 1215.68 192.681C1293.15 233.066 1355.48 286.065 1403.26 344.321C1353.46 361.292 1284.74 362.648 1197.68 341.032ZM1082.98 136.533C1089.48 181.128 1084.74 239.988 1073.85 300.05C980.174 260.416 905.546 209.82 830.917 159.224C800.285 138.655 769.653 118.087 739.021 97.518C854.701 89.4015 974.755 102.156 1082.98 136.533ZM1051.6 400.954C1046.51 414.017 1043.67 424.228 1042.48 438.943L1040.24 441.796C819.888 371.39 522.42 306.396 231.799 331.792C238.542 323.233 245.286 314.674 258.18 304.913C337.32 224.275 449.341 161.354 575.197 127.11C633.743 151.881 687.201 189.715 744.562 229.201C828.653 287.605 922.204 353.815 1051.6 400.954ZM1008.53 534.893C1001.19 550.809 993.854 566.726 986.519 582.643C749.251 546.924 420.176 673.976 172.245 770.692C120.216 664.988 115.737 545.167 164.838 436.603C395.728 401.151 691.663 435.064 1008.53 534.893ZM737.231 1097.23C750.125 1087.47 765.267 1074.86 778.161 1065.1C888.648 971.094 986.956 852.917 1063.03 710.117C1128.79 745.548 1168.17 807.859 1177.86 888.039C1182.7 928.13 1183.05 973.926 1172.75 1026.63C1042.87 1085.8 887.447 1111.34 737.231 1097.23Z' fill='white'/%3E%3C/svg%3E ") no-repeat right bottom, radial-gradient(135.23% 462.15% at -4.45% 17.65%, #74076B 0%, #8d1e7b 36.62%, #952498 99.63%);
padding: 67px 0 440px; }
@media (max-width: 1469px) {
.about-trust {
padding-bottom: 340px; } }
@media (max-width: 1199px) {
.about-trust {
padding-bottom: 200px; } }
@media (max-width: 1023px) {
.about-trust {
padding-top: 50px;
padding-bottom: 140px; } }
.about-trust .container {
position: relative; }
.about-trust .about-title {
font-weight: 800;
font-size: 58px;
line-height: 1.5;
display: flex;
align-items: center;
letter-spacing: 0.02em;
text-transform: uppercase; }
@media (max-width: 1199px) {
.about-trust .about-title {
font-size: 48px; } }
@media (max-width: 1023px) {
.about-trust .about-title {
font-size: 36px; } }
@media (max-width: 767px) {
.about-trust .about-title {
font-size: 28px; } }
.about-trust .about-subtitle {
font-weight: 700;
font-size: 24px;
line-height: 35px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #894083; }
.about-trust .about-content {
font-size: 22px;
line-height: 1.5;
letter-spacing: 0.02em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; }
@media (max-width: 1469px) {
.about-trust .about-content {
font-size: 20px; } }
@media (max-width: 767px) {
.about-trust .about-content {
font-size: 16px; } }
.about-trust .about-content ul {
margin-bottom: 29px; }
.about-trust .about-content li {
margin-bottom: 4px; }
.about-trust .about-content a {
color: inherit;
position: relative; }
.about-trust .about-content a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 3px;
height: 1px;
background: #fff;
opacity: 1;
transition: opacity 0.3s; }
.about-trust .about-content a:hover {
text-decoration: none; }
.about-trust .about-content a:hover::after {
opacity: 0; }
.about-trust .about-content p {
margin-bottom: 30px; }
.about-trust__title {
color: #fff;
margin-bottom: 60px; }
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='46' viewBox='0 0 21 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2969 1L1.4165 23.0121L20.2969 45.0242' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
background-size: 25px 46px; }
@media (max-width: 1199px) {
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
top: -150px; } }
.about-trust__slider .swiper-button-prev .icon,
.about-trust__slider .swiper-button-next .icon {
fill: rgba(0, 0, 0, 0);
stroke: #fff;
transition: stroke 0.3s; }
@media (min-width: 1024px) {
.about-trust__slider .swiper-button-prev,
.about-trust__slider .swiper-button-next {
cursor: pointer; }
.about-trust__slider .swiper-button-prev:hover,
.about-trust__slider .swiper-button-next:hover {
box-shadow: none;
opacity: .4; }
.about-trust__slider .swiper-button-prev:hover .icon,
.about-trust__slider .swiper-button-next:hover .icon {
stroke: #8B8B8B; } }
.about-trust__slider .swiper-button-prev {
top: 230px;
left: 0; }
@media (max-width: 1469px) {
.about-trust__slider .swiper-button-prev {
left: -20px; } }
.about-trust__slider .swiper-button-next {
top: 230px;
left: auto;
right: 0;
transform: scale(-1); }
@media (max-width: 1469px) {
.about-trust__slider .swiper-button-next {
right: -20px; } }
.at-slide {
width: 100%; }
.at-slide__left {
position: relative;
padding: 0 35px 0 15px;
max-width: 45%;
flex: 1 0 45%; }
.at-slide__right {
padding: 54px 15px 0 35px;
max-width: 55%;
flex: 1 0 55%;
position: relative; }
.at-slide__icon-wrap {
height: 228px;
width: 228px;
border-radius: 50%;
background: #fff; }
.at-slide__icon {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center; }
.at-slide__customer {
position: absolute;
top: 90px;
left: 245px;
display: flex;
align-items: flex-end; }
.at-slide__img-wrap {
height: 102px;
min-width: 102px;
border: 2px solid #ffffff;
border-radius: 50%;
background: #fff;
display: none !important; }
.at-slide__img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
display: none; }
.at-slide__customer-content {
padding-left: 15px; }
@media (min-width: 1024px) {
.at-slide__customer-content {
padding-right: 32px; } }
.at-slide__customer-title {
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
margin-bottom: 7px; }
.at-slide__customer-position {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.02em;
color: #FFFFFF; }
.at-slide__title {
font-weight: 700;
font-size: 44px;
line-height: 1.5;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fff;
margin-bottom: 10px;
position: relative;
z-index: 1; }
@media (max-width: 1469px) {
.at-slide__title {
font-size: 40px; } }
.at-slide__title::before {
z-index: -1;
position: absolute;
top: -10px;
left: -33px;
transform: translate(-50%, -50%);
content: '';
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='43' height='32' viewBox='0 0 43 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.9507 32L39.0661 32C39.923 32 40.7447 31.6451 41.3506 31.0134C41.9565 30.3817 42.2969 29.5249 42.2969 28.6316V15.1579C42.2969 14.2645 41.9565 13.4078 41.3506 12.7761C40.7447 12.1444 39.923 11.7895 39.0661 11.7895L27.3116 11.7895V10.1053C27.3169 8.32025 27.9994 6.60993 29.21 5.34773C30.4206 4.08553 32.061 3.37397 33.7731 3.36842C34.2015 3.36842 34.4471 3.03926 34.75 2.72341C35.0529 2.40755 35.0276 2.13089 35.0276 1.68421C35.0276 1.23753 34.8575 0.809143 34.5545 0.493292C34.2516 0.177441 33.8407 1.90735e-06 33.4123 1.90735e-06C30.8417 1.90735e-06 28.3764 1.06466 26.5588 2.95976C24.7411 4.85487 23.72 7.42518 23.72 10.1053L23.72 28.6316C23.72 29.5249 24.0603 30.3817 24.6662 31.0134C25.2721 31.6451 26.0939 32 26.9507 32ZM3.52764 32H15.643C16.4999 32 17.3216 31.6451 17.9275 31.0134C18.5334 30.3817 18.8738 29.5249 18.8738 28.6316L18.8738 15.1579C18.8738 14.2645 18.5334 13.4078 17.9275 12.7761C17.3216 12.1444 16.4999 11.7895 15.643 11.7895H3.90625V10.1053C3.91158 8.32025 4.59406 6.60993 5.80468 5.34773C7.0153 4.08553 8.65572 3.37397 10.3678 3.36842C10.7962 3.36842 11.2071 3.19098 11.51 2.87513C11.6046 2.24328 11.6046 2.13089 11.6046 1.68421C11.6046 1.23753 11.4344 0.809143 11.1314 0.493292C10.8285 0.177441 10.4176 1.90735e-06 9.98918 1.90735e-06C7.41862 1.90735e-06 4.95334 1.06466 3.13568 2.95976C1.31802 4.85487 0.296875 7.42518 0.296875 10.1053V28.6316C0.296875 29.5249 0.637257 30.3817 1.24314 31.0134C1.84903 31.6451 2.67079 32 3.52764 32Z' fill='white'/%3E%3C/svg%3E%0A");
background-size: contain;
height: 32px;
width: 42px; }
.at-slide__content {
color: #fff;
max-width: 650px; }
@media (max-width: 1469px) {
.at-slide__content {
max-width: 560px; } }
@media (max-width: 1023px) {
.at-slide__content {
max-width: none; } }
.at-slide__content-more {
display: inline-flex;
cursor: pointer;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.02em;
margin-top: 50px;
transition: all ease .3s;
color: #FFFFFF; }
@media (min-width: 1024px) {
.at-slide__content-more:hover {
text-decoration: underline; } }
.about-trust-list {
margin-top: -330px; }
@media (max-width: 1469px) {
.about-trust-list {
margin-top: -300px; } }
@media (max-width: 1199px) {
.about-trust-list {
margin-top: -160px; } }
@media (max-width: 1023px) {
.about-trust-list {
margin-top: -100px; } }
@media (max-width: 767px) {
.about-trust-list {
margin-bottom: 50px; } }
.about-trust-list .swiper-container {
background: #FFFFFF;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08); }
.about-trust-list .swiper-slide {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px; }
@media (max-width: 575px) {
.about-trust-list .swiper-slide {
width: 200%; } }
.about-trust-list .swiper-slide .lazy-img-wrap {
display: flex;
align-items: center;
justify-content: center; }
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
height: 52px;
width: 52px;
border-radius: 0;
background-color: #FFFFFF; }
@media (max-width: 767px) {
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
display: none; } }
.about-trust-list .swiper-button-prev .icon,
.about-trust-list .swiper-button-next .icon {
fill: rgba(0, 0, 0, 0);
stroke: #666666;
transition: stroke 0.3s; }
.about-trust-list .swiper-button-prev:hover,
.about-trust-list .swiper-button-next:hover {
box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.28); }
.about-trust-list .swiper-button-prev:hover .icon,
.about-trust-list .swiper-button-next:hover .icon {
stroke: #8B8B8B; }
.about-trust-list .swiper-button-prev {
left: -10px; }
.about-trust-list .swiper-button-prev .icon {
transform: scale(-1); }
.about-trust-list .swiper-button-next {
right: -10px;
left: auto; }
@media (max-width: 575px) {
.about-trust-list--v8 .swiper-slide {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%; } }
.about-trust-list--v4 {
margin-bottom: 180px; }
@media (max-width: 1199px) {
.about-trust-list--v4 {
margin-bottom: 60px; } }
@media (max-width: 575px) {
.about-trust-list--v4 {
margin-bottom: 20px; }
.about-trust-list--v4 .swiper-slide {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%; } }
@media (max-width: 1199px) {
.at-slide__icon-wrap {
height: 208px;
width: 208px; }
.at-slide__customer {
top: 77px;
left: 225px; }
.at-slide__img-wrap {
height: 100px;
min-width: 100px;
width: 100px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: -130px;
left: auto; }
.about-trust__slider .swiper-button-next {
right: 0; }
.about-trust__slider .swiper-button-prev {
right: 100px; } }
@media (max-width: 1023px) {
.about-title {
font-size: 48px;
margin-bottom: 60px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
background-size: 20px 32px;
top: -120px;
left: auto; }
.at-slide .row {
flex-direction: column; }
.at-slide__left {
margin-bottom: 30px; }
.at-slide__left,
.at-slide__right {
max-width: 100%;
flex: 1 0 100%; }
.at-slide__icon-wrap {
width: 147px;
height: 147px; }
.at-slide__customer {
top: 40px;
left: 170px; }
.at-slide__customer-content {
max-width: 330px; }
.at-slide__img-wrap {
width: 88px;
height: 88px;
min-width: auto; }
.at-slide__left {
padding-bottom: 20px; }
.at-slide__right {
padding: 30px 15px 20px; }
.at-slide__right:after {
height: 24px;
width: 24px; }
.at-slide__title {
padding-left: 40px;
font-size: 30px; }
.at-slide__title::before {
height: 24px;
width: 24px;
left: 3px;
transform: translate(0%, -50%); }
.at-slide__content-more {
margin-top: 30px; }
.about-trust-list {
padding: 0 30px; } }
@media (max-width: 767px) {
.about-title {
font-size: 34px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: -110px; }
.at-slide {
padding: 0 20px; }
.about-trust-list .swiper-slide {
gap: 15px; }
.about-trust-list {
padding: 0 15px; } }
@media (max-width: 575px) {
.about-title {
font-size: 28px;
margin-bottom: 0; }
.about-title.about-adv__title {
margin-bottom: 16px; }
.about-trust {
padding-top: 26px; }
.about-trust__slider .swiper-button-next,
.about-trust__slider .swiper-button-prev {
top: auto;
bottom: 5px;
background-size: 12px; }
.about-trust__slider .swiper-button-prev {
right: 45px; }
.at-slide {
padding: 0 5px; }
.at-slide__title {
padding-left: 0;
font-size: 20px;
margin-bottom: 8px; }
.at-slide__title::before {
content: none; }
.about-content:not(.about-fs__content) p {
margin-bottom: 16px; }
.at-slide__content-more {
font-size: 18px;
margin-top: 25px; }
.at-slide__left {
padding: 20px 10px 0;
margin-bottom: 16px; }
.at-slide__right:after {
content: none; }
.at-slide__customer {
top: 20px;
left: 60px;
max-width: none; }
.at-slide__icon-wrap {
height: 46px;
width: 46px; }
.at-slide__img-wrap {
height: 52px;
width: 52px;
flex-shrink: 0; }
.at-slide__customer-content {
padding-left: 10px;
padding-right: 5px; }
.at-slide__customer-title {
font-size: 14px; }
.at-slide__customer-position {
font-size: 12px; }
.about-trust-list .swiper-button-prev,
.about-trust-list .swiper-button-next {
display: none; }
.about-trust-list {
padding: 0; } }
/* End */
/* Start:/local/templates/.default/components/bitrix/news.list/main_news/style.css?1787750844532*/
@media (max-width: 768px) {
.topic-item__content .topic-item__title {
height: unset;
margin: 0 0 15px;
}
}
@media (min-width: 770px) and (max-width: 1022px) {
.topic-item__content .topic-item__title {
height: unset;
margin-bottom: auto;
}
.topic-item__content .topic-item__pos {
margin-top: unset;
margin-bottom: 15px;
}
}
@media (min-width: 1023px){
.topic-item__content .topic-item__pos {
margin-top: 20px;
}
}
/* End */
/* /local/templates/html/components-template/services-list/style.css?178775084510815 */
/* /local/templates/html/components-template/services/style.css?178775084513617 */
/* /local/templates/html/components-template/our-projects-tab-content-v2/style.css?17877508454766 */
/* /local/templates/html/components-template/about-trust/style.css?178775084516684 */
/* /local/templates/.default/components/bitrix/news.list/main_news/style.css?1787750844532 */