.tpl-component-424 .performance { padding-top: 40px; margin-bottom: 60px; }
.tpl-component-424 .performance .serv-block-title { text-align: center; text-transform: uppercase; }
.tpl-component-424 .performance .performance__in { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 27px; }
.tpl-component-424 .performance .performance__item { position: relative; float: left; width: 33.33%; padding-top: 47px; margin-bottom: 10px; }
@media(min-width: 1290px) {
.tpl-component-424 .performance .performance__item:nth-child(2), .tpl-component-424 .performance .performance__item:nth-child(5) { display: flex; justify-content: center; }
.tpl-component-424 .performance .performance__item:nth-child(3), .tpl-component-424 .performance .performance__item:nth-child(6) { display: flex; justify-content: flex-end; }
}
.tpl-component-424 .performance .performance__item:before { content: ''; position: absolute; left: 0; top: 18px; height: 4px; width: 100%; background: #069b95; }
.tpl-component-424 .performance .performance__item:last-child:before { width: calc(100% - 4px); }
.tpl-component-424 .performance .performance__item:last-child:after { content: ''; position: absolute; right: 0; top: 10px; width: 30px; height: 20px; background: url(/common/img/perf_arr.svg) center center no-repeat; background-size: 100% auto; }
.tpl-component-424 .performance .performance__round { position: absolute; left: 0; top: -47px; border: 4px solid #069b95; border-radius: 20px; padding-top: 2px; text-align: center; width: 39px; height: 39px; font-weight: 700; font-size: 19px; line-height: 150%; text-align: center; color: #069b95; background: #fff; }
.tpl-component-424 .performance .performance__block { background: #2260bc; color: #fff; width: calc(100% - 23px); border-radius: 16px; }
.tpl-component-424 .performance .performance__title { display: flex; align-items: center; justify-content: flex-start; font-weight: 700; font-size: 24px; line-height: 150%; height: 120px; padding-left: 134px; padding-right: 18px; border-bottom: 3px solid #d9d9d9; }
.tpl-component-424 .performance .performance__text { height: 181px; font-weight: 400; font-size: 18px; line-height: 150%; padding: 10px 23px 16px 32px; }
.tpl-component-424 .performance .performance__title:before { content: ''; position: absolute; left: 33px; top: 0; width: 77px; height: 95px; border-radius: 0 0 40px 40px; background: url(/common/img/perf_check.svg) center 27px no-repeat #f2f7ff; }
.tpl-component-424 .performance .performance__item-fb { border-radius: 16px; height: 301px; width: calc(100% - 23px); background: url(/common/img/perfback.jpg) bottom right no-repeat #2260bc; background-size: 100% auto; display: flex; justify-content: center; align-items: center; }
.tpl-component-424 .performance .performance__item-btn { position: relative; float: left; width: 374px; height: 90px; font-weight: 700; font-size: 27px; line-height: 122%; letter-spacing: 0.01em; color: #000; letter-spacing: 0.01em; display: flex; align-items: center; border: none; background: #fff; justify-content: center; border-radius: 4px; cursor: pointer; transition: 0.3s; }
.tpl-component-424 .performance .performance__item-btn span { display: block; position: relative; float: left; padding-right: 25px; }
.tpl-component-424 .performance .performance__item-btn span:after { content: ''; position: absolute; right: -2px; top: 50%; margin-top: -12px; width: 13px; height: 24px; background: url(/common/img/ind_arr.svg) center center no-repeat; background-size: 100% auto; }
.tpl-component-424 .performance .performance__item-btn:hover { color: #000; background: #cffff4; }
@media (max-width: 1691px) {
.tpl-component-424 .performance .performance__title { font-size: 22px; }
}
@media (max-width: 1519px) {
.tpl-component-424 .performance .performance__title { font-size: 18px; }
.tpl-component-424 .performance .performance__text { font-size: 16px; }
.tpl-component-424 .performance .performance__item-btn { width: 290px; font-size: 20px; height: 72px; }
.tpl-component-424 .performance .performance__item-btn span:after { width: 10px; }
}
@media (max-width: 1290px) {
.tpl-component-424 .performance .performance__item { width: 50%; }
.tpl-component-424 .performance .performance__item:nth-child(2n) { display: flex; justify-content: flex-end; }
.tpl-component-424 .performance .performance__block { width: calc(100% - 12px); }
}
@media (max-width: 990px) {
.tpl-component-424 .performance .performance__item { width: 100%; }
.tpl-component-424 .performance .performance__block { width: 100%; }
.tpl-component-424 .performance .performance__title { font-size: 20px; }
.tpl-component-424 .performance .performance__text { font-size: 18px; }
}
@media (max-width: 740px) {
.tpl-component-424 .performance .performance__in { margin-top: 14px; }
.tpl-component-424 .performance .performance__round { font-size: 16px; border: 2px solid #069b95; padding-top: 0; width: 26px; height: 26px; line-height: 140%; }
.tpl-component-424 .performance .performance__item { padding-top: 30px; margin-bottom: 13px; }
.tpl-component-424 .performance .performance__item:before { top: 13px; left: 2px; right: 0; width: auto; height: 2px; }
.tpl-component-424 .performance .performance__round { top: -30px; }
.tpl-component-424 .performance .performance__title:before { left: 17px; width: 44px; height: 52px; background-size: 26px auto; background-position: center 13px; }
.tpl-component-424 .performance .performance__title { font-weight: 700; font-size: 16px; line-height: 138%; padding-left: 71px; padding-right: 12px; padding-top: 11px; padding-bottom: 11px; height: auto; min-height: 69px; border-bottom: 2px solid #d9d9d9; }
.tpl-component-424 .performance .performance__text { height: auto; min-height: 182px; font-size: 14px; padding: 10px 18px 16px 18px; }
.tpl-component-424 .performance .performance__item-fb { height: 163px; width: 100%; }
.tpl-component-424 .performance .performance__item:last-child { padding-top: 24px; }
.tpl-component-424 .performance .performance__item:last-child:after { top: 6px; width: 20px; height: 14px; }
.tpl-component-424 .performance .performance__item-btn { font-size: 16px; width: 213px; height: 52px; }
}
.tpl-component-425 .main-cases { background: url(/common/img/main_case.jpg) no-repeat; background-size: cover; margin-bottom: 44px; }
.tpl-component-425 .main-cases .main-cases__in { min-height: 695px; padding-top: 92px; }
.tpl-component-425 .main-cases .serv-block-title { text-align: center; text-transform: uppercase; }
.tpl-component-425 .main-cases .main-cases__tabs { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 45px; }
.tpl-component-425 .main-cases .main-cases__tab { border: 1px dashed #818181; border-radius: 8px; padding: 20px 0 0 0; width: 180px; height: 62px; text-align: center; font-weight: 700; font-size: 18px; line-height: 122%; letter-spacing: 0.01em; text-align: center; color: #000; margin: 0 12px 12px 12px; cursor: pointer; transition: 0.2s; }
.tpl-component-425 .main-cases .main-cases__tab.main-cases__tab--active, .tpl-component-425 .main-cases .main-cases__tab:hover { background: #2260bc; border-color: #2260bc; color: #fff; }
.tpl-component-425 .main-cases .main-cases__lists { display: none; opacity: 0; }
.tpl-component-425 .main-cases .main-cases__lists.main-cases__list--active { display: block; opacity: 1; transition: 0.2s; }
.tpl-component-425 .main-cases .main-cases__list { margin-left: -15px; margin-top: 18px; width: calc(100% + 30px); }
.tpl-component-425 .main-cases .main-cases__item { position: relative; float: left; width: calc(100% - 30px); margin-left: 15px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); background: #fff; padding: 43px 42px; border-radius: 16px; margin-bottom: 30px; margin-top: 15px; }
.tpl-component-425 .main-cases .main-cases__item-img { position: relative; float: left; width: 333px; }
.tpl-component-425 .main-cases .main-cases__item-img img { display: block; }
.tpl-component-425 .main-cases .main-cases__item-right { position: relative; float: right; width: calc(100% - 361px); min-height: 290px; padding-bottom: 68px; }
.tpl-component-425 .main-cases .main-cases__item-prev { position: relative; float: left; border-radius: 100px; padding: 8px 12px; height: 34px; font-weight: 700; font-size: 12px; line-height: 150%; text-transform: uppercase; background: #b5b5b5; margin-bottom: 23px; color: #fff; }
.tpl-component-425 .main-cases .main-cases__item-text a { font-weight: 700; font-size: 20px; line-height: 120%; text-transform: uppercase; color: #2260bc; text-decoration: none; }
.tpl-component-425 .main-cases .main-cases__btn { position: absolute; bottom: 0; left: 0; background: #069B95; width: 185px; height: 62px; color: #fff; display: flex; justify-content: center; padding-top: 20px; border-radius: 4px; transition: 0.3s; text-decoration: none; }
.tpl-component-425 .main-cases .main-cases__btn span { display: block; position: relative; float: left; padding-right: 25px; font-weight: 500; font-size: 18px; line-height: 122%; letter-spacing: 0.01em; transition: 0.2s; }
.tpl-component-425 .main-cases .main-cases__btn span:after { content: ''; position: absolute; right: 0; top: 1px; width: 8px; height: 18px; background: url(/common/img/srv_arr_white.svg) center center no-repeat; background-size: 100% auto; }
.tpl-component-425 .main-cases .main-cases__btn:hover { opacity: 0.9; }
.tpl-component-425 .main-cases .owl-prev, .tpl-component-425 .main-cases .owl-next { position: absolute; top: 50%; width: 100%; height: 0; }
.tpl-component-425 .main-cases .owl-prev, .tpl-component-425 .main-cases .owl-next { position: absolute; top: 0; border: 2px solid #2260BC; width: 59px; height: 59px; background: url(/common/img/glr_arr.svg) center center no-repeat; z-index: 10; cursor: pointer; }
.tpl-component-425 .main-cases .owl-prev { top: 50%; left: -70px; margin-top: -38px; }
.tpl-component-425 .main-cases .owl-next { top: 50%; right: -70px; margin-top: -38px; transform: rotate(180deg); }
@media(max-width: 1845px) {
.tpl-component-425 .main-cases .owl-prev { left: -55px; }
.tpl-component-425 .main-cases .owl-next { right: -55px; }
}
@media(max-width: 1815px) {
.tpl-component-425 .main-cases .owl-prev { left: -25px; }
.tpl-component-425 .main-cases .owl-next { right: -25px; }
}
@media(max-width: 1755px) {
.tpl-component-425 .main-cases .owl-prev { left: -5px; }
.tpl-component-425 .main-cases .owl-next { right: -5px; }
}
@media(max-width: 1705px) AND (min-width: 1519px) {
.tpl-component-425 .main-cases .main-cases__list { margin-bottom: 60px; }
.tpl-component-425 .main-cases .owl-prev, .tpl-component-425 .main-cases .owl-next { top: 100%; margin-top: -12px; background-color: #fff; }
.tpl-component-425 .main-cases .owl-prev { left: 50%; margin-left: -74px; }
.tpl-component-425 .main-cases .owl-next { right: 50%; margin-right: -74px; }
}
@media (max-width: 1691px) AND (min-width: 1519px) {
.tpl-component-425 .main-cases .main-cases__item { padding: 34px 34px; }
.tpl-component-425 .main-cases .main-cases__item-img { width: 268px; }
.tpl-component-425 .main-cases .main-cases__item-prev { margin-bottom: 10px; padding: 6px 12px; height: 30px; }
.tpl-component-425 .main-cases .main-cases__item-right { width: calc(100% - 284px); min-height: 234px; }
.tpl-component-425 .main-cases .main-cases__item-text a { font-size: 18px; line-height: 124%; }
}
@media(max-width: 1519px) {
.tpl-component-425 .main-cases .main-cases__list { margin-left: 0; width: 100%; }
.tpl-component-425 .main-cases .owl-item { display: flex; justify-content: center; }
.tpl-component-425 .main-cases .owl-prev { left: 0; }
.tpl-component-425 .main-cases .owl-next { right: 0; }
.tpl-component-425 .main-cases .main-cases__item { width:calc(100% - 162px); margin-left: 0; }
}
@media (max-width: 990px) {
.tpl-component-425 .main-cases .main-cases__item-img { width: 100%; margin-bottom: 20px; }
.tpl-component-425 .main-cases .main-cases__item-right { width: 100%; }
}
@media (max-width: 740px) {
.tpl-component-425 .main-cases .main-cases__in { padding-top: 46px; }
.tpl-component-425 .main-cases .owl-nav { display: none; }
.tpl-component-425 .main-cases .main-cases__item { width: 100%; }
.tpl-component-425 .main-cases .wrapper { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
.tpl-component-425 .main-cases__item { max-width: 330px; }
.tpl-component-425 .main-cases .main-cases__tabs { margin-top: 33px; }
.tpl-component-425 .main-cases .main-cases__tab { margin: 0 4px 12px 4px; width: 139px; }
.tpl-component-425 .main-cases .main-cases__list { margin-top: 4px; }
.tpl-component-425 .main-cases .main-cases__item { padding: 24px 24px; }
.tpl-component-425 .main-cases .main-cases__item-right { min-height: 208px; }
.tpl-component-425 .main-cases .main-cases__item-img { margin-bottom: 12px; }
.tpl-component-425 .main-cases .main-cases__item-text a { font-size: 16px; }
.tpl-component-425 .main-cases .main-cases__item-prev { display: none; }
.tpl-component-425 .main-cases .owl-dots { position: relative; float: left; width: 100%; display: flex; justify-content: center; }
.tpl-component-425 .main-cases .owl-dot { position: relative; float: left; width: 9px; height: 9px; border: 1px solid #2260bc; border-radius: 9px; margin: 0 8px; }
.tpl-component-425 .main-cases .main-cases__item { margin-bottom: 20px; }
.tpl-component-425 .main-cases .owl-dot.active { background: #2260bc; }
}
@media (max-width: 360px) {
.tpl-component-425 .main-cases__item { max-width: 290px; }
.tpl-component-425 .main-cases .main-cases__item-right { min-height: 224px; }
}
.tpl-component-425 .case-detail { padding-top: 32px; }
.tpl-component-425 .case-detail__line1 { display: flex; justify-content: space-between; margin-bottom: 65px; }
@media (min-width: 1290px) {
.tpl-component-425 .case-detail__line1 { flex-direction: row-reverse; }
}
.tpl-component-425 .case-detail__line1 .case-detail__line1-text { position: relative; float: left; background: #f3f4f5; width: calc(50% - 5px); padding: 20px 40px 40px 40px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-prev { position: relative; float: left; border-radius: 100px; padding: 8px 12px; height: 34px; font-weight: 700; font-size: 12px; line-height: 150%; text-transform: uppercase; color: #fff; background:linear-gradient(138deg, #2851ba 0%, #04c2dc 100%); margin-top: 60px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-img { position: relative; float: right; width: calc(50% - 5px); }
.tpl-component-425 .case-detail__line1 .case-detail__line1-img img { display: block; max-width: 100%; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name { font-weight: 700; font-size: 32px; line-height: 120%; text-transform: uppercase; color: #2260bc; margin-top: 30px; padding-bottom: 19px; margin-bottom: 16px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name:after { content: ''; position: absolute; left: 0; bottom: 1px; height: 1px; width: 105px; background: #8a8b8b; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-subname { margin-bottom: 19px; }
.tpl-component-425 .case-detail .case-detail__subname { font-weight: 700; font-size: 24px; line-height: 150%; color: #000; }
.tpl-component-425 .case-detail .case-detail__text { font-weight: 400; font-size: 18px; line-height: 150%; color: #000; }
.tpl-component-425 .case-detail .case-detail__line2 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 57px; }
.tpl-component-425 .case-detail__line2 .case-detail__line2-col { position: relative; float: left; width: 50%; padding: 0 40px; border-left: 1px solid #8a8b8b; }
.tpl-component-425 .case-detail__line2 .case-detail__line2-col:nth-child(2n) { border-right: 1px solid #8a8b8b; }
.tpl-component-425 .case-detail__line2 .case-detail__text h2 { font-weight: 700; font-size: 24px; line-height: 126%; color: #000; }
.tpl-component-425 .case-detail__line2 .case-detail__text h3 { font-weight: normal; font-size: 24px; line-height: 150%; color: #000; margin-bottom: 37px; }
.tpl-component-425 .case-detail__line2 .case-detail__line2-col.case-detail__line2--btn { padding-bottom: 76px; }
.tpl-component-425 .case-detail__line2 .case-detail__text p { margin-bottom: 30px; }
.tpl-component-425 .case-detail__line2 .case-detail__text ul { margin-left: 26px; margin-bottom: 47px; }
.tpl-component-425 .case-detail__line2 .case-detail__btn { position: absolute; bottom: 0; left: 34px; background: #069B95; height: 62px; color: #fff; display: flex; justify-content: center; padding: 20px 32px 0 33px; border-radius: 4px; transition: 0.3s; text-decoration: none; cursor: pointer; }
.tpl-component-425 .case-detail__line2 .case-detail__btn span { display: block; position: relative; float: left; padding-right: 25px; font-weight: 500; font-size: 18px; line-height: 122%; letter-spacing: 0.01em; transition: 0.2s; }
.tpl-component-425 .case-detail__line2 .case-detail__btn span:after { content: ''; position: absolute; right: 0; top: 1px; width: 8px; height: 18px; background: url(/common/img/srv_arr_white.svg) center center no-repeat; background-size: 100% auto; }
.tpl-component-425 .case-detail__line2 .case-detail__btn:hover { opacity: 0.9; }
@media (max-width: 1691px) {
.tpl-component-425 .case-detail__line1 .case-detail__line1-prev { margin-top: 24px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name { font-size: 28px; }
}
@media (max-width: 1519px) {
.tpl-component-425 .case-detail .case-detail__subname { font-size: 20px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name { font-size: 24px; }
.tpl-component-425 .case-detail .case-detail__text { font-size: 16px; }
.tpl-component-425 .case-detail__line2 .case-detail__text h2 { margin-bottom: 12px; font-size: 20px; }
.tpl-component-425 .case-detail__line2 .case-detail__text h3 { font-size: 20px; }
}
@media (max-width: 1290px) {
.tpl-component-425 .case-detail__line1 { flex-wrap: wrap; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-img { width: 100%; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-text { width: 100%; padding-bottom: 42px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-prev { margin-top: 12px; }
.tpl-component-425 .case-detail__line2 .case-detail__line2-col { width: 100%; border: none; padding: 0; }
.tpl-component-425 .case-detail__line2 .case-detail__line2-col:nth-child(2n) { border: none; }
.tpl-component-425 .case-detail__line2 .case-detail__btn { left: 0; }
}
@media (max-width: 740px) {
.tpl-component-425 .case-detail { padding-top: 17px; }
.tpl-component-425 .case-detail__line1 { margin-bottom: 28px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-text { padding: 13px 18px 24px 18px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name { font-size: 16px; margin-top: 7px; padding-bottom: 17px; margin-bottom: 12px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name:after { width: 55px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-name br { display: none; }
.tpl-component-425 .case-detail .case-detail__subname { font-size: 16px; }
.tpl-component-425 .case-detail__line1 .case-detail__line1-subname { margin-bottom: 5px; }
.tpl-component-425 .case-detail .case-detail__text { font-size: 14px; }
.tpl-component-425 .case-detail__line2 .case-detail__text h2 { font-size: 16px; }
.tpl-component-425 .case-detail__line2 .case-detail__text h3 { font-size: 16px; margin-bottom: 27px; }
.tpl-component-425 .case-detail__line2 .case-detail__text ul { margin-bottom: 28px; }
.tpl-component-425 .case-detail__line2 .case-detail__text p { margin-bottom: 13px; }
.tpl-component-425 .case-detail__line2 .case-detail__btn { width: 246px; left: 50%; margin-left: -123px; }
}
.tpl-component-426 .logo-list .serv-block-title { text-align: center; text-transform: uppercase; }
.tpl-component-426 .logo-list { margin-bottom: 57px; }
.tpl-component-426 .logo-list .logo-list__title { margin-bottom: 26px; text-align: center; }
.tpl-component-426 .logo-list .logo-list__items { display: flex; justify-content: center; flex-wrap: wrap; }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item { position: relative; float: left; width: 16.65%; height: 196px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item:after { content: ''; position: absolute; top: 45px; bottom: 28px; right: 0; width: 1px; background: #c5c5c5; }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item:before { content: ''; position: absolute; top: 45px; bottom: 28px; left: -1px; width: 1px; background: #c5c5c5; }
.tpl-component-426 .logo-list .logo-list__item img { max-width: 100%; max-height: 121px; }
@media (max-width: 1691px) {
.tpl-component-426 .logo-list .logo-list__item img { max-width: 84%; margin-left: 8%; }
}
@media (max-width: 1290px) {
.tpl-component-426 .logo-list .logo-list__items .logo-list__item { width: 33.3%; height: 168px; margin-bottom: 10px; }
}
@media(max-width: 740px) {
.tpl-component-426 .logo-list .logo-list__in { margin-top: 30px; }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item { margin-bottom: 0; width: 50%; height: 110px; border-bottom: 1px solid #dfdfdf; }
.tpl-component-426 .logo-list .logo-list__items:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item:nth-child(2n) { border-left: 1px solid #dfdfdf; }
.tpl-component-426 .logo-list .logo-list__item img { max-width: 76%; margin-left: 12%; }
.tpl-component-426 .logo-list.logo-list__owl .logo-list__items .logo-list__item { width: 100%; min-width: 180px; }
.tpl-component-426 .logo-list.logo-list__owl .logo-list__wrapper { position: relative; float: left; width: 100%; max-width: 100%; margin: 0; padding: 0; }
.tpl-component-426 .logo-list.logo-list__owl .owl-dots { position: absolute; top: 100%; display: flex !important; justify-content: center; flex-wrap: wrap; left: 0; width: 100%; }
.tpl-component-426 .logo-list.logo-list__owl .owl-dots .owl-dot { position: relative; float: left; list-style: none; width: 8px; height: 8px; border: 1px solid var(--blue); border-radius: 8px; margin: 0 8px; }
.tpl-component-426 .logo-list.logo-list__owl .owl-dots .owl-dot.active { background-color: var(--blue); }
.tpl-component-426 .logo-list .logo-list__items .logo-list__item:before, .tpl-component-426 .logo-list .logo-list__items .logo-list__item:after { display: none; }
}
.tpl-component-netcat-module-search-result-by-type--old.tpl-template-170 .search-result-title { margin-top: 30px; margin-bottom: 10px; text-align: left; }
.tpl-component-netcat-module-search-result-by-type--old.tpl-template-170 .search-no-result { text-align: left; }
.tpl-component-netcat-module-search-result-by-type--old.tpl-template-170 .search-result-item { display: flex; align-items: flex-start; flex-direction: column; justify-items: flex-start; margin-bottom: 0.5rem; }