/* Start:/local/templates/ibs/template_styles.css?175518091715158*/
@charset "UTF-8";
[data-pdf] {
position: relative;
}
.pdfjs__toolbar {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: 100;
display: flex;
align-items: center;
}
.pdfjs__panel {
background: rgba(0, 0, 0, .75);
height: 44px;
margin: 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100px;
color: #FFFFFF;
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
gap: 8px;
}
.pdfjs__buttons {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.pdfjs__page {
padding: 0 15px;
border-right: 1px solid rgba(255, 255, 255, .2);
display: flex;
height: 100%;
align-items: center;
}
.pdfjs_opener {
width: 40px;
height: 40px;
background: rgba(0,0,0,.75);
position: absolute;
top: 12px;
right: 12px;
z-index: 1000;
}
.pdfjs_opener__url {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: transparent;
border-radius: 20px;
transition: .2s all;
}
.pdfjs_opener__url:hover {
background: rgba(255,255,255,.1);
}
.pdfjs-viewer {
height: 512px;
}
.pdfjs__button {
border: 0;
background: transparent;
width: 44px;
height: 44px;
border-radius: 100px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.pdfjs__button:hover {
background: rgba(196, 199, 197, .08);
}
.block-1-6-layout-hero--planet-nsi .wrap:after {
content: "";
display: block;
position: absolute;
right: 32px;
top: 100px;
width: 170px;
height: 70px;
background: no-repeat center center url('data:image/svg+xml;utf8,');
background-size: 170px 70px;
background-size: contain;
}
@media (max-width: 1439px) {
.block-1-6-layout-hero--planet-nsi .wrap:after {
right: 24px;
width: 155px;
height: 63px;
}
}
@media (max-width: 1023px) {
.block-1-6-layout-hero--planet-nsi .wrap:after {
top: 80px;
right: 16px;
width: 135px;
height: 55px;
}
}
@media (max-width: 767px) {
.block-1-6-layout-hero--planet-nsi .wrap:after {
display: none;
}
}
.block-1-6-layout-hero--planet-nsi:after {
display: none;
}
@media (max-width: 767px) {
.block-1-6-layout-hero--planet-nsi:after {
display: block;
content: "";
height: 96px;
width: 100%;
background: no-repeat center center url('data:image/svg+xml;utf8,');
background-size: 126px 51px;
background-position: center 40%;
margin-top: -24px;
background-color: #F5F5F5;
}
}
.media-item__link {
min-height: 30.5vw !important;
}
.services {
margin-top: 168px;
}
@media (max-width: 768px) {
.services {
margin-top: 64px;
}
}
@media (max-width: 1280px) {
.services {
margin-top: 100px;
}
}
html .top-menu {
width: 100% !important;
margin-left: 0 !important;
}
html .top-main-buttons {
text-align: left;
}
html .top-main-button {
display: inline-block;
margin: 0;
padding: 5px 15px;
background-color: #fff;
border: 3px solid #fff;
color: #000;
font-size: 16px;
transition: .3s background-color, .3s color;
}
html .top-main-button:hover {
background-color: transparent;
color: #fff;
}
.personal-data table {
border-collapse: collapse;
border: 1px solid #000;
}
.personal-data th,
.personal-data td {
border: 1px solid #000;
padding: 8px;
}
.personal-data h2 {
font-size: 44px;
}
@media (max-width: 1279px) {
.personal-data h2 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.personal-data table {
overflow: hidden;
overflow-x: scroll;
display: block;
}
.personal-data h2 {
font-size: 28px;
}
}
.project-products-block {
}
.project-products-block__item {
display: block;
margin-bottom: 22px;
}
.project-products-block__link {
position: relative;
display: block;
padding: 20px;
background-color: #f0f0f0;
color: #000;
text-decoration: none;
}
.project-products-block__link:hover {
background-color: #d6d6d6;
color: #000;
text-decoration: none;
}
.project-products-block__link::after{
position: absolute;
top: 50%;
right: 20px;
width: 32px;
height: 32px;
display: block;
content: "";
background: no-repeat right center url('/local/markup/build/img/icon/arrow-right.svg');
transition: 0.3s;
transform: translateY(-50%);
}
.project-products-block__link:hover::after {
right: 44px;
}
.media-banner {
width: 100%;
height: 100%;
position: relative;
}
.media-banner .media-banner__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.media-banner__info {
display: flex;
flex-direction: column;
position: relative;
padding: 60px;
z-index: 10;
font-family: regular, sans-serif !important;
}
.media-banner__title {
font-size: 40px;
line-height: 95%;
font-weight: 400;
color: #FFFFFF;
margin-bottom: 24px;
}
.media-banner__desc {
margin-bottom: 24px;
}
.media-banner__desc,
.media-banner__button {
font-size: 22px;
line-height: 120%;
font-weight: 400;
color: #FFFFFF;
}
.media-banner__button {
padding: 12px 24px;
background-color: #947ff9;
width: fit-content;
border-radius: 40px;
transition: background-color .3s ease;
}
.media-banner__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
}
.media-banner__button:hover,
.media-banner:hover .media-banner__button {
background-color: #7e63f7;
}
@media (max-width: 767px) {
.media-items .media-banner {
min-height: 104vw;
}
.projects-items .media-banner {
min-height: 440px;
}
}
@media (max-width: 1024px) {
.media-banner__title {
font-size: 32px;
}
.media-banner__desc,
.media-banner__button {
font-size: 18px;
}
}
@media (max-width: 1600px) {
.media-banner__title {
font-size: 36px;
}
.media-banner__desc {
margin-bottom: 16px;
}
.media-banner__desc,
.media-banner__button {
font-size: 20px;
}
.media-banner__info {
padding: 24px;
}
}
.smartcaptcha-error {
color: #e01b3c;
font-size: 16px;
line-height: 28px;
letter-spacing: -.01em;
text-overflow: ellipsis;
}
/* End */
/* /local/templates/ibs/template_styles.css?175518091715158 */