html {
overflow-x: hidden;
margin-right: calc(-1 * (100vw - 100%));
}
body{
color: #252525;
font-family: 'Myriad Pro 400';
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 140%;
/* background-color: #fff; */
}
body.black {
background-color: #131313;
}
.wrap-bg {
background-color: #fff;
}
body.white {
background-color: #fff;
transition: 0.5s linear 0.5s;
}
body.white.header--hide {
background-color: #131313;
transition: none ;
}
body.overflow {
overflow: hidden;
}
::selection {
background-color: #F5DD07;
color: #000 !important;
}
body.dark {
background-size: cover;
background-image: url('../images/dark-background.jpg');
background-repeat: no-repeat;
}
.overflow-hidden {
overflow: hidden;
}
.wrapper {
/*overflow-x: hidden;*/
position: relative;
}
/*start container*/
.container{
max-width: 1920px;
margin: 0 auto;
padding: 0 70px;
}
@media (max-width:1920px) {
.container{
padding:0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.container{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.container{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:375px) {
.container{
padding: 0 15px;
}
}
/*end container*/
#goals{
user-select: none;
}
/* Section header (START) */
.section-header {
margin-bottom: 88px;
}
.section-header.direction-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.section-header.mb-128 {
margin-bottom: 128px;
}
.section-header__title {
width: 100%;
user-select: none;
}
.section-header__description {
margin-top: 64px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.section-header.direction-row .section-header__description {
margin-top: 0;
}
.section-header.direction-row .section-header__title {
width: 100%;
}
.section-header.direction-row .section-header__description,
.section-header.direction-row .section-header__title {
width: calc(50% - 16px);
}
.section-header__description-text {
max-width: 1172px;
}
.section-header__description-text p {
margin-bottom: 0;
}
.section-header__description-button {
margin-left: 48px;
}
@media screen and (max-width: 1920px) {
.section-header {
margin-bottom: calc(56px + (88 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-header.mb-128 {
margin-bottom: calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1599px) {
.section-header.direction-row {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
grid-gap: 48px;
}
.section-header.direction-row .section-header__description,
.section-header.direction-row .section-header__title {
width: 100%;
}
.section-header.direction-row {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
grid-gap: calc(32px + (48 - 32) * ((100vw - 767px) / (1599 - 767)));
}
}
@media screen and (max-width: 1366px) {
.section-header {
margin-bottom: calc(48px + (56 - 48) * ((100vw - 767px) / (1366 - 767)));
}
.section-header.mb-128 {
margin-bottom: calc(64px + (104 - 64) * ((100vw - 767px) / (1366 - 767)));
}
}
@media screen and (max-width: 768px) {
.section-header {
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (767 - 375)));
}
.section-header__description-text {
font-size: 18px;
}
.section-header__description {
flex-direction: column;
justify-content: flex-start;
margin-top: 32px;
}
.section-header__description-button {
margin: 32px 0 0;
}
.section-header.mb-128 {
margin-bottom: 64px;
}
.section-header.direction-row {
grid-gap: calc(24px + (32 - 24) * ((100vw - 375px) / (767 - 375)));
}
}
@media screen and (max-width: 375px) {
.section-header__description-text {
font-size: 16px;
}
.section-header {
margin-bottom: 40px;
}
}
/* Section header (END) */
/*start button-global*/
.button-global{
color: #252525;
font-size: 20px;
font-family: 'Myriad Pro 600';
line-height: 120%;
padding: 10px 20px 10px 10px;
margin-left: -10px;
position: relative;
outline: none;
white-space: nowrap;
}
.button-global::before{
content: '';
position: absolute;
top: 0;
left: 10px;
right: 0;
bottom: 0;
border: 2px solid #F5DD07;
border-radius: 8px;
transition: 0.2s;
opacity: 0;
}
.button-global svg{
position: absolute;
top: 0;
right: 0px;
transition: 0.3s;
}
.button-global span{
position: relative;
}
.button-global span::before{
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
height: 2px;
background-color: #F5DD07;
transition: 0.2s;
}
.button-global:hover svg{
transform: rotate(45deg);
}
/* .button-global:focus::before{
opacity: 1;
} */
/* .button-global:focus span::before{
opacity: 0;
} */
.button-global:active span::before{
background-color: #E7D00A;
}
.button-global_white-text{
color: #FFF;
}
.button-global_white-text svg path{
stroke: #fff;
}
@media (max-width:1366px){
.button-global{
font-size: 18px;
}
}
@media (max-width:768px){
.button-global{
font-size: 16px;
padding-right: 16px;
}
.button-global svg{
width: 16px;
height: 16px;
}
}
/*end button-global*/
/*start title-h4*/
.title-h4{
font-size: 52px;
line-height: 130%;
font-family: 'Myriad Pro 700';
}
@media (max-width:1920px) {
.title-h4{
font-size:calc(34px + (52 - 34) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h4{
font-size: 34px;
}
}
@media (max-width:768px) {
.title-h4{
font-size:calc(28px + (34 - 28) * ((100vw - 375px) / (768 - 375)));
}
}
/*end title-h4*/
/*start title-h5*/
.title-h5{
font-size: 34px;
line-height: 130%;
font-family: 'Myriad Pro 600';
}
@media (max-width:1920px) {
.title-h5{
font-size:calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h5{
font-size:calc(22px + (28 - 22) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.title-h5{
font-size:22px;
}
}
/*end title-h5*/
/*start title-h6*/
.title-h6 {
font-size: 28px;
line-height: 150%;
font-family: 'Myriad Pro 600';
}
@media (max-width:1920px) {
.title-h6 {
font-size:calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h6 {
font-size:calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.title-h6 {
font-size:calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:375px) {
.title-h6 {
font-size: 22px;
}
}
/*end title-h5*/
/*start title-h3*/
.title-h3{
font-size: 64px;
line-height: 130%;
font-family: 'Myriad Pro 700', sans-serif;
font-weight: 700;
}
@media (max-width:1920px) {
.title-h3{
font-size:calc(52px + (64 - 52) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h3{
font-size:calc(34px + (52 - 34) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.title-h3{
font-size:calc(28px + (34 - 28) * ((100vw - 375px) / (768 - 375)));
}
}
/*end title-h3*/
/*start title-h2*/
.title-h2{
font-size: 88px;
line-height: 130%;
font-family: 'Myriad Pro 700';
}
@media (max-width:1920px) {
.title-h2{
font-size:calc(64px + (88 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h2{
font-size:calc(52px + (64 - 52) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.title-h2{
font-size:calc(34px + (52 - 34) * ((100vw - 375px) / (768 - 375)));
}
}
/*end title-h1*/
/*start margin-192*/
.margin-192{
margin: 192px 0;
}
@media (max-width:1920px) {
.margin-192{
margin:calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1366px) {
.margin-192{
margin:calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
}
@media (max-width:768px) {
.margin-192{
margin:calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
}
/*end margin-192*/
/*start padding-192*/
.padding-192{
padding: 192px 0;
}
@media (max-width:1920px) {
.padding-192{
padding:calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1366px) {
.padding-192{
padding:calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
}
@media (max-width:768px) {
.padding-192{
padding:calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
}
/*end padding-192*/
/*start padding-96*/
.padding-96{
padding: 96px 0;
}
@media (max-width:1920px) {
.padding-96{
padding:calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1366px) {
.padding-96{
padding:calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768))) 0;
}
}
@media (max-width:768px) {
.padding-96{
padding:calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) 0;
}
}
/*end padding-96*/
/*start padding-bottom-192*/
.padding-bottom-192{
padding-bottom: 192px;
}
@media (max-width:1920px) {
.padding-bottom-192{
padding-bottom:calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.padding-bottom-192{
padding-bottom:calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.padding-bottom-192{
padding-bottom:calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
}
/*end padding-bottom-192*/
/*start padding-top-192*/
.padding-top-192{
padding-top: 192px ;
}
@media (max-width:1920px) {
.padding-top-192{
padding-top:calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.padding-top-192{
padding-top:calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.padding-top-192{
padding-top:calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
}
/*end padding-top-192*/
/*start button-detailed*/
.button-detailed{
border-radius: 10px;
background:#FFF;
padding: 14px;
position: relative;
overflow: hidden;
transition: 0.3s ease-out;
min-width: 64px;
outline: none;
}
.button-detailed svg{
display: block;
}
.button-detailed span{
position: absolute;
opacity: 0;
right: 74px;
top: 50%;
transform: translateY(-50%);
transition: 0.4s ease-out;
color: #252525;
font-size: 16px;
line-height: 120%;
font-family: 'Myriad Pro 600';
white-space: nowrap;
}
.button-detailed.hover span{
opacity: 1;
}
.button-detailed.hover{
padding-left: 120px;
padding-right: 22px;
background-color: #F5DD07;
min-width: 178px;
}
.button-detailed svg{
transition: 0.3s;
}
.button-detailed.hover svg{
transform: rotate(45deg);
}
.button-detailed:active{
background-color: #E7D00A;
}
/* .button-detailed:focus::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
border: 1px solid #E7D00A;
} */
.button-detailed_white-hover.hover{
background-color: #fff;
}
@media (max-width:1366px) {
.button-detailed{
font-size:calc(52px + (88 - 52) * ((100vw - 1366px) / (1920 - 1366)));
min-width: 56px;
}
.button-detailed span{
font-size: 14px;
right: 64px;
}
.button-detailed svg{
width: 28px;
height: 28px;
}
.button-detailed.hover{
min-width: 156px;
padding-left: 105px;
}
}
@media (max-width:768px) {
.button-detailed{
padding: 12px;
border-radius: 8px;
min-width: 44px;
cursor: pointer;
background-color: #F5DD07;
}
.button-detailed svg{
width: 20px;
height: 20px;
}
.button-detailed.hover svg {
transform: rotate(0deg);
}
.button-detailed.hover{
min-width: 44px;
width: 44px;
padding-right: 12px;
padding-left: 12px;
}
.button-detailed span{
width: 48px;
display: none;
}
.button-detailed_white-hover{
background-color: #fff;
}
}
/*end button-detailed*/
/*start title*/
.title {
font-size: 88px;
line-height: 110%;
color: #252525;
font-family: 'Myriad Pro 700';
}
@media (max-width:1920px) {
.title{
font-size:calc(52px + (88 - 52) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title{
font-size:52px;
}
}
@media (max-width:768px) {
.title{
font-size:calc(34px + (52 - 34) * ((100vw - 375px) / (768 - 375)));
}
}
/*end title*/
/*start footer*/
.footer {
background-color: #131313;
color: #fff;
}
.footer-top {
padding-top: 105px;
padding-bottom: 65px;
user-select: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer__items {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 27px;
}
.footer__title {
margin-bottom: 25px;
}
.footer__title-btn {
color: #6A6A6A;
font-size: 22px;
padding: 10px;
margin: -10px;
line-height: 140%;
font-family: 'Myriad Pro 600';
transition: 0.3s;
}
.footer__title-btn.disable{
pointer-events: none;
}
.footer__title-btn:hover{
color: #F5DD07;
}
.footer__link + .footer__link{
margin-top: 24px;
}
.footer__link-btn {
font-size: 18px;
line-height: 140%;
transition: 0.3s;
padding: 10px;
margin: -10px;
}
.footer__link-btn:hover{
color: #F5DD07;
}
.footer__title.contacts {
margin-bottom: 0;
margin-top: 65px;
}
.footer__box {
margin-top: 105px;
display: flex;
align-items: center;
grid-gap: 125px;
}
.footer__box-subtitle {
color: #6A6A6A;
font-size: 16px;
margin-bottom: 15px;
line-height: 140%;
}
.footer__box-link {
display: flex;
align-items: center;
grid-gap: 30px;
}
.footer__box-btn {
font-size: 20px;
padding: 10px;
margin: -10px;
line-height: 140%;
transition: 0.3s;
}
.footer__box-btn:hover{
color: #F5DD07;
}
.footer__social {
margin-left: auto;
display: flex;
grid-gap: 40px;
align-items: center;
}
.footer__social-btn {
padding: 10px;
margin: -10px;
}
.footer__social-btn svg{
display: block;
}
.footer__social-btn svg path{
transition: 0.3s;
}
.footer__social-btn:hover svg path{
fill: #F5DD07;
}
.footer-bottom {
padding: 65px 0;
}
.footer-bottom__inner {
display: grid;
grid-template-columns: 1fr min-content 1fr;
}
.footer-bottom__left {
display: flex;
align-items: center;
grid-gap: 45px;
}
.footer-bottom__link {
color: #6A6A6A;
font-size: 16px;
line-height: 140%;
}
.footer-bottom__link a{
transition: 0.3s;
padding: 10px;
margin: -10px;
}
.footer-bottom__link a:hover{
color: #F5DD07;
}
.footer-bottom__right {
display: flex;
align-items: center;
grid-gap: 53px;
justify-content: flex-end;
}
.footer__box-items{
display: flex;
align-items: center;
grid-gap: 125px;
}
@media (max-width:1920px) {
.footer-top{
padding-top: calc(70px + (105 - 70) * ((100vw - 1366px) / (1920 - 1366)));
padding-bottom: calc(45px + (65 - 45) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer__title-btn{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer__link-btn{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer__box{
margin-top: calc(70px + (105 - 70) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer__box-subtitle{
font-size: calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer__box-btn{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer-bottom{
padding-top: calc(48px + (65 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.footer-bottom__link{
font-size:calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.footer__box-items{
grid-gap: calc(90px + (125 - 90) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.footer__items{
grid-template-columns: repeat(3, 1fr);
grid-gap: 140px 16px;
}
.footer__title-btn{
font-size: 18px;
}
.footer__title{
margin-bottom: 15px;
}
.footer__link + .footer__link{
margin-top: 15px;
}
.footer__link-btn{
font-size: 14px;
}
.footer__title.contacts{
margin-top: 40px;
}
.footer-bottom{
padding-top: 32px;
padding-bottom: 48px;
}
.footer-bottom__logo{
width: 32px;
display: flex;
justify-content: center;
flex-direction: column;
}
.footer-bottom__logo img{
width: 100%;
}
.footer-bottom__left{
flex-direction: column;
grid-gap: 8px;
align-items: flex-start;
justify-content: center;
}
.footer-bottom__right{
flex-direction: column;
grid-gap: 8px;
align-items: flex-end;
}
.footer__box-items{
flex-direction: column;
grid-gap: 48px;
}
.footer__box-subtitle{
font-size: 14px;
}
.footer__box-btn{
font-size: 16px;
}
.footer__box-link{
flex-direction: column;
align-items: flex-start;
grid-gap: 15px;
}
.footer__box{
grid-template-columns: repeat(3, 1fr);
grid-gap: 105px 16px;
display: grid;
margin-top: -255px;
}
.footer__social{
grid-column: span 3;
width: 100%;
justify-content: center;
}
.footer__box-items{
grid-column-start: 3;
align-items: flex-start;
}
.footer-top{
padding-top: 48px;
padding-bottom: 32px;
}
.footer-bottom__link{
font-size: 12px;
}
}
@media (max-width:650px) {
.footer__items{
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 12px;
}
.footer__title-btn{
font-size: 14px;
}
.footer__title{
margin-bottom: 10px;
}
.footer__link + .footer__link{
margin-top: 10px;
}
.footer__box {
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px 12px;
margin-top: -140px;
}
.footer__box-items {
grid-column-start: 2;
}
.footer__social{
grid-column: span 2;
}
.footer__box-subtitle{
font-size: 12px;
}
.footer__box-btn{
font-size: 14px;
}
.footer-bottom__inner{
display: flex;
flex-direction: column;
align-items: center;
}
.footer-bottom__logo{
order: -1;
margin-bottom: 32px;
}
.footer-bottom__left{
grid-gap: 12px;
margin-bottom: 12px;
align-items: center;
}
.footer-bottom__right{
grid-gap: 12px;
align-items: center;
}
.footer-bottom{
padding-top: 24px;
}
}
@media (max-width:375px) {
}
/*end footer*/
/*start home*/
.home {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
position: relative;
}
.home::before{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(37, 37, 37, 0.00) 66.77%, #252525 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.00) 26.13%), linear-gradient(0deg, rgba(10, 33, 15, 0.10) 0%, rgba(10, 33, 15, 0.10) 100%);
}
.home-wrapper{
position: relative;
z-index: 2;
}
.home__inner {
height: 100vh;
min-height: 850px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.home__title {
font-size: 120px;
line-height: 110%;
max-width: 1300px;
margin-bottom: 85px;
font-family: 'Myriad Pro 700';
}
.home__title span{
color: #F5DD07;
}
.home__text {
font-size: 28px;
line-height: 140%;
width: 620px;
}
.home__scroll {
display: flex;
align-items: center;
grid-gap: 16px;
position: absolute;
left: 0;
bottom: 125px;
}
.home__scroll-anim {
padding-bottom: 15px;
position: relative;
}
.home__scroll-anim::before{
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 20px;
height: 20px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzcgNy41TDEwLjAwMDMgMTMuMzMzM0w0LjE2Njk5IDcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
animation-name: animation-arrow-home;
animation-duration: 2s;
animation-timing-function:ease-out;
animation-iteration-count:infinite;
}
.home__scroll-text {
font-size: 16px;
line-height: 140%;
font-family: 'Myriad Pro 600';
}
@keyframes animation-arrow-home {
0%{
transform: translateY(0) translateX(-50%);
opacity: 0;
}
10%{
opacity: 1;
}
100%{
opacity: 0;
transform: translateY(12px) translateX(-50%);
}
}
@media (max-width:1920px) {
.home__title{
font-size: calc(88px + (120 - 88) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(70px + (85 - 70) * ((100vw - 1366px) / (1920 - 1366)));
}
.home__scroll{
bottom: calc(95px + (125 - 95) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.home__title{
font-size: calc(64px + (88 - 64) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: calc(55px + (70 - 55) * ((100vw - 768px) / (1366 - 768)));
}
.home__text{
font-size: calc(24px + (28 - 24) * ((100vw - 768px) / (1366 - 768)));
width: calc(500px + (620 - 500) * ((100vw - 768px) / (1366 - 768)));
}
.home__inner{
min-height: calc(700px + (850 - 700) * ((100vw - 768px) / (1366 - 768)));
}
.home__scroll{
bottom: calc(70px + (95 - 70) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.home__title{
font-size: calc(34px + (64 - 34) * ((100vw - 375px) / (768 - 375)));
margin-bottom: calc(45px + (55 - 45) * ((100vw - 375px) / (768 - 375)));
}
.home__text{
font-size: calc(20px + (24 - 20) * ((100vw - 375px) / (768 - 375))) ;
width:calc(280px + (500 - 280) * ((100vw - 375px) / (768 - 375))) ;
}
.home__inner{
min-height: calc(600px + (700 - 600) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll-text{
font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll{
grid-gap: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll-anim svg{
width: calc(29px + (36 - 29) * ((100vw - 375px) / (768 - 375)));
height: calc(29px + (36 - 29) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll-anim::before{
width:calc(17px + (20 - 17) * ((100vw - 375px) / (768 - 375)));
height:calc(17px + (20 - 17) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll-anim{
padding-bottom: calc(8px + (15 - 8) * ((100vw - 375px) / (768 - 375)));
}
.home__scroll{
bottom: calc(55px + (70 - 55) * ((100vw - 375px) / (768 - 375))) ;
}
}
/*end home*/
/*start direction*/
.direction {
padding: 192px 0;
background-color: #252525;
color: #fff;
}
.direction__title {
margin-bottom: 65px;
color: #fff;
}
.direction__box {
display: flex;
justify-content: space-between;
grid-gap: 50px;
align-items: flex-start;
margin-bottom: 88px;
grid-gap: 50px;
}
.direction__text {
/* width: 840px; */
font-size: 22px;
line-height: 150%;
}
.direction__items {
display: flex;
flex-wrap: wrap;
grid-gap: 48px 32px;
}
.direction__item {
cursor: pointer;
padding: 48px 56px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 642px;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 865px;
transition: 0.4s ease-out;
}
.direction__items_height .direction__item {
height: 725px;
}
.direction__item.mini{
width: 705px;
}
.direction__item.big{
width: 1020px;
}
.direction__item::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(4, 13, 20, 0.00) 0%, rgba(4, 13, 20, 0.40) 100%);
}
.direction__content{
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-user-select: none;
}
.direction__content {
background-color: transparent;
position: relative;
z-index: 2;
display: flex;
align-items: flex-end;
grid-gap: 48px;
justify-content: space-between;
}
.direction__content:hover{
background-color: transparent;
}
.direction__content-title {
margin-bottom: 30px;
}
.direction__content-text {
font-size: 18px;
line-height: 150%;
max-width: 650px;
}
@media (max-width:1920px) {
.direction{
padding: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.direction__title{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__item{
width: calc(615px + (865 - 615) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(500px + (642 - 500) * ((100vw - 1366px) / (1920 - 1366)));
padding: 48px calc(40px + (56 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__items_height .direction__item{
height: calc(640px + (725 - 640) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__items{
grid-gap: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__content-title{
margin-bottom: calc(24px + (30 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__item.mini {
width: calc(500px + (705 - 500) * ((100vw - 1366px) / (1920 - 1366)));
}
.direction__item.big{
width: calc(732px + (1020 - 732) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.direction{
padding: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
.direction__item{
width: calc(340px + (615 - 340) * ((100vw - 768px) / (1366 - 768)));
height: calc(400px + (500 - 400) * ((100vw - 768px) / (1366 - 768)));
padding: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768))) calc(24px + (40 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.direction__items_height .direction__item{
height: calc(400px + (640 - 400) * ((100vw - 768px) / (1366 - 768)));
}
.direction__items {
grid-gap: calc(16px + (32 - 16) * ((100vw - 768px) / (1366 - 768))) calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.direction__item.big{
width: calc(400px + (732 - 400) * ((100vw - 768px) / (1366 - 768)));
}
.direction__item.mini{
width:calc(280px + (500 - 280) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1300px) {
.direction__content{
flex-direction: column;
grid-gap: 16px;
align-items: flex-start;
}
.direction__content-text{
font-size: 16px;
}
.direction__content-title{
margin-bottom: 8px;
}
}
@media (max-width:1200px) {
.direction__box{
flex-direction: column;
align-items: flex-start;
grid-gap: 32px;
margin-bottom: 55px;
}
.direction__title{
margin-bottom: 32px;
}
.direction__text{
font-size: 18px;
width: 100%;
}
}
@media (max-width:768px) {
.direction{
padding: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
.direction__title {
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.direction__text{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.direction__box{
grid-gap: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.direction__box{
margin-bottom: calc(40px + (55 - 40) * ((100vw - 375px) / (768 - 375)));
}
.direction__item{
padding: 32px 24px;
}
}
@media (max-width:700px) {
.direction__item{
width: 100%;
height: 340px;
}
.direction__items_height .direction__item{
height: 420px;
}
.direction__item.big{
width: 100%;
}
.direction__item.mini{
width: 100%;
}
.direction__items{
grid-gap: 16px;
}
}
/*end direction*/
/*start project-top*/
.project-top__title {
margin-bottom: 64px;
}
.project-top__box {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 88px;
grid-gap: 32px;
}
.project-top__box-text {
width: 920px;
font-size: 22px;
line-height: 135%;
}
.project-block {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 330px);
grid-gap: 32px;
}
.project-block--color-all-white .project-block__item-title {
color: #fff;
}
.project-block__item {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 48px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
border-radius: 1px;
overflow: hidden;
cursor: pointer;
grid-row: span 2;
}
.project-block .project-block__item:nth-child(1){
border: 1px solid #F2F2F2;
background-size: contain;
background-position: bottom right;
}
.project-block:not(.project-block--item-three) .project-block__item:nth-child(2) .project-block__item-title{
color: #fff;
}
.project-block:not(.project-block--item-three) .project-block__item:nth-child(3){
grid-row: span 1;
background-color: #F5DD07;
}
.project-block--item-three .project-block__item:nth-child(3) {
grid-row: span 2;
}
.project-block--item-three .project-block__item:nth-child(4) {
display: none;
}
.project-block--item-three .project-block__item:nth-child(2){
color: #fff;
position: relative;
}
.project-block--item-three .project-block__item:nth-child(2)::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(63, 63, 63, 0.46) 0%, rgba(63, 63, 63, 0.00) 100%);
}
.project-block--item-three .project-block__item:nth-child(2) .project-block__item-title{
position: relative;
z-index: 2;
}
.project-block--item-three .project-block__item:nth-child(2) .project-block__item-btn{
position: relative;
z-index: 2;
}
.project-block--item-three .project-block__item:nth-child(3){
background-color: #F5DD07;
}
.project-block__item:nth-child(4){
grid-row: span 1;
background-color: #F2F2F2;
}
.project-block__item-title {
margin-bottom: 16px;
}
.project-block__item-btn {
margin-left: auto;
margin-top: auto;
}
.project-block__item-text {
font-size: 18px;
line-height: 140%;
}
@media (max-width:1920px) {
.project-top__title{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-top__box-text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-top__box{
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-block__item {
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-block {
grid-template-rows: repeat(2, calc(285px + (330 - 285) * ((100vw - 1366px) / (1920 - 1366))));
grid-gap: 32px calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-block__item-text{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.project-top__title{
margin-bottom: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.project-top__box-text{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.project-top__box{
margin-bottom: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.project-block__item-text{
font-size: 16px;
}
}
@media (max-width:1200px) {
.project-top__box{
flex-direction: column;
}
.project-block{
grid-gap: 24px 16px;
}
.project-block__item{
padding: 24px;
}
.project-block__item-btn{
margin-top: 16px;
}
.project-block{
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
}
.project-block__item{
grid-row: span 1;
}
.project-block__item-text{
margin-bottom: auto;
}
.project-block__item:nth-child(1),.project-block__item:nth-child(1){
min-height: 490px;
}
.project-top__box-text {
width: 100%;
}
.project-block--item-three {
/* display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap; */
grid-template-rows: repeat(3, 240px);
grid-gap: 16px;
}
.project-block--item-three .project-block__item:nth-child(1){
grid-row: span 2;
}
.project-block--item-three .project-block__item:nth-child(2){
grid-row: span 2;
}
.project-block--item-three .project-block__item:nth-child(3) {
grid-row: span 1;
grid-column: span 2;
}
/* .project-block--item-three .project-block__item:nth-child(1),
.project-block--item-three .project-block__item:nth-child(2),
.project-block--item-three .project-block__item:nth-child(3) {
width: 100%;
height: 240px;
min-height: initial;
background-position: center center;
} */
}
@media (max-width:768px) {
.project-top__title{
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.project-top__box-text{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.project-top__box{
margin-bottom: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375)));
}
/* .project-block--item-three .project-block__item:nth-child(1),
.project-block--item-three .project-block__item:nth-child(2),
.project-block--item-three .project-block__item:nth-child(3) {
height: calc(240px + (320 - 240) * ((100vw - 375px) / (768 - 375)));
} */
}
@media (max-width:700px) {
.project-block{
grid-gap: 8px;
grid-template-columns: repeat(1, 1fr);
}
.project-block__item:nth-child(3),.project-block__item:nth-child(4){
min-height: 240px;
}
.project-block__item:nth-child(1),.project-block__item:nth-child(2){
min-height: 320px;
}
.project-block__item-text{
font-size: 14px;
}
.project-block--item-three{
grid-template-columns: repeat(1, 1fr);
grid-template-rows: auto;
grid-gap: 16px;
}
.project-block--item-three .project-block__item:nth-child(3) {
grid-row: span 1;
grid-column: span 1;
}
.project-block--item-three .project-block__item:nth-child(1){
grid-row: span 1;
}
.project-block--item-three .project-block__item:nth-child(2) {
grid-row: span 1;
}
.project-block--item-three .project-block__item{
height: 320px;
}
}
@media (max-width:400px) {
.project-block .project-block__item:nth-child(1){
background-size: cover;
background-position: center;
}
}
/*end project-top*/
/*start project-notext*/
.project-notext{
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 50px;
margin-bottom: 64px;
}
.project-notext_index{
margin-bottom: 88px;
}
@media (max-width:1920px) {
.project-notext{
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.project-notext_index{
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.project-notext{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.project-notext_index{
margin-bottom: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.project-notext{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.project-notext_index{
margin-bottom: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:740px) {
.project-notext{
flex-direction: column;
align-items: flex-start;
grid-gap: 24px;
}
}
/*end project-notext*/
/*start investment-strategy*/
.investment-strategy {
margin: 192px 0;
}
@media (max-width:1920px) {
.investment-strategy{
margin: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1366px) {
.investment-strategy{
margin: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
}
@media (max-width:768px) {
.investment-strategy{
margin: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
}
/*end investment-strategy*/
/*start largest-manufacturer*/
.largest-manufacturer{
margin: 192px 0;
}
.largest-manufacturer__title{
margin-bottom: 64px;
}
.largest-manufacturer__text{
max-width: 1170px;
font-size: 34px;
margin-bottom: 88px;
line-height: 140%;
}
.largest-manufacturer__text b{
font-family: 'Myriad Pro 600';
}
.largest-manufacturer__btn{
margin-bottom: 104px;
}
@media (max-width:1920px) {
.largest-manufacturer{
margin: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.largest-manufacturer__title{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.largest-manufacturer__text{
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.largest-manufacturer__btn {
margin-bottom: calc(96px + (104 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.largest-manufacturer{
margin: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
.largest-manufacturer__title{
margin-bottom:calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.largest-manufacturer__text{
margin-bottom: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
max-width: 100%;
}
.largest-manufacturer__btn {
margin-bottom: calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.largest-manufacturer{
margin: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
.largest-manufacturer__text{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (768 - 375)));
}
.largest-manufacturer__title{
margin-bottom:calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375))) ;
}
.largest-manufacturer__btn {
margin-bottom:calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375))) ;
}
}
/*end largest-manufacturer*/
/*start slider-global*/
/* .slider-global {
margin: 192px 0;
} */
.slider-global__wrapper {
overflow: hidden;
}
.slider-global__slider {
overflow: initial;
max-width: 1920px;
margin: 0 auto;
padding: 0 72px;
}
.slider-global__bottom {
display: flex;
margin-top: 65px;
align-items: center;
justify-content: space-between;
grid-gap: 50px;
}
.slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
width: 575px;
height: 2px;
background: #E4E4E4;
position: relative;
}
.slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal span{
background-color: #252525;
height: 100%;
}
.slider-global__arrows {
display: flex;
align-items: center;
grid-gap: 15px;
margin-left: auto;
}
.slider-global__arrow {
width: 64px;
height: 64px;
border: 1px solid #E4E4E4;
border-radius: 10px;
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
transition: 0.3s;
}
.slider-global__arrow:hover{
background-color: #F5DD07;
border-color: #F5DD07;
}
/* .slider-global__arrow:focus{
border-color: #F5DD07;
} */
.slider-global__arrow.swiper-button-disabled{
opacity: 0.4;
pointer-events: none;
border-color: #E4E4E4;
}
@media (max-width:1920px) {
/* .slider-global{
margin: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
} */
.slider-global__slider{
padding:0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.slider-global__arrow{
width: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.slider-global__arrow svg{
width: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.slider-global__bottom{
margin-top: calc(55px + (65 - 55) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
/* .slider-global{
margin: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
} */
.slider-global__slider{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr{
height: calc(440px + (490 - 440) * ((100vw - 768px) / (1366 - 768)));
}
.slider-global__arrow{
width:calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768))) ;
height:calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768))) ;
}
.slider-global__arrow svg{
width: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
height: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width: calc(450px + (575 - 450) * ((100vw - 768px) / (1366 - 768)));
}
.slider-global__bottom{
margin-top: 55px;
}
}
@media (max-width:768px) {
/* .slider-global{
margin: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
} */
.slider-global__slider{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
}
.slider-global__bottom{
margin-top:calc(40px + (55 - 40) * ((100vw - 375px) / (768 - 375))) ;
}
.slider-global__arrow{
width: 44px;
height: 44px;
}
.slider-global__arrow svg{
width: 20px;
height: 20px;
}
.slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width: calc(180px + (450 - 180) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:375px) {
.slider-global__slider{
padding: 0 15px;
}
}
/*end slider-global*/
/*start card-centr*/
.card-centr {
background-color: #F2F2F2;
width: 100%;
height: 560px;
padding: 48px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: 0.3s;
}
.card-centr:hover{
background-color: #F5DD07;
}
.card-centr:hover .card-centr__tag{
border-color: #fff;
}
.card-centr__images {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 300px;
}
.card-centr__images img{
width: 100%;
height: 100%;
object-fit: cover;
}
.card-centr.noimage .card-centr__images{
width: 300px;
top:0;
right: 0px;
bottom: 0px;
}
.card-centr__inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
}
.card-centr__tag {
font-size: 16px;
line-height: 140%;
border-radius: 6px;
border: 1px solid #F5DD07;
display: inline-block;
margin-bottom: 40px;
padding: 8px 16px;
transition: 0.3s;
}
.card-centr__content{
width: 490px;
}
.card-centr__title {
margin-bottom: 32px;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.card-centr__text {
font-size: 18px;
line-height: 150%;
color: #6A6A6A;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.card-centr__bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
width: 100%;
}
.card-centr__date {
font-size: 18px;
line-height: 150%;
color: #6A6A6A;
}
@media (max-width:1920px) {
.card-centr__images{
width:calc(200px + (300 - 200) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.card-centr__tag{
padding: calc(6px + (8 - 6) * ((100vw - 1366px) / (1920 - 1366))) calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366)));
font-size:calc(14px + (16 - 14) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.card-centr__content{
width:calc(360px + (490 - 360) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.card-centr__title{
margin-bottom: calc(24px + (30 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-centr__text{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-centr__date{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-centr{
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366)));
height:calc(495px + (560 - 495) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.card-centr{
padding: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
height: calc(440px + (495 - 440) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr__tag{
font-size: calc(12px + (14 - 12) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
padding: calc(3px + (6 - 3) * ((100vw - 768px) / (1366 - 768))) calc(12px + (14 - 12) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr__title{
margin-bottom: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr__content{
width: calc(295px + (360 - 295) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr__text{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
}
.card-centr__date{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1000px) {
.card-centr__images{
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 120px;
width: 100%;
}
.card-centr{
padding-top: 136px;
}
.card-centr__tag{
margin-bottom: 16px;
}
.card-centr__content{
width: 100%;
}
.card-centr.noimage .card-centr__images{
width: 300px;
left: auto;
bottom: 0;
height: 100%;
}
.card-centr.noimage{
padding-top: 24px;
}
.card-centr.noimage .card-centr__tag{
margin-bottom: 24px;
}
}
@media (max-width:768px) {
.card-centr__tag{
font-size: 12px;
padding: 3px 12px;
}
.card-centr{
height: 440px;
}
.card-centr__text{
font-size: 14px;
}
.card-centr__date{
font-size: 14px;
}
.card-centr__bottom{
align-items: flex-end;
}
.card-centr:hover{
background-color: #f2f2f2;
}
.button-detailed.button-detailed_white-hover.card-centr__btn{
background-color: #F5DD07;
}
/* .investment-strategy{
margin: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
} */
}
/*end card-center*/
/*start contacts*/
.contacts__top {
display: grid;
grid-gap: 56px;
align-items: center;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 88px;
}
.contacts__text {
width: 480px;
color: #A6A6A6;
font-size: 20px;
line-height: 140%;
}
.contacts__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 64px 56px;
}
.contacts__item {
position: relative;
}
.contacts__item.error .contacts__input{
border-color: #EE2525;
}
.contacts__item.error.valid .contacts__input{
border-color: #EE2525;
}
.contacts__input {
border: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
font-size: 22px;
line-height: 140%;
color: #252525;
font-family: 'Myriad Pro 400';
outline: none;
padding-bottom: 20px;
transition: 0.2s;
}
/* .contacts__input:focus{
border: none;
}
.contacts__focus{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
border-radius: 8px;
border: 2px solid #F5DD07;
opacity: 0;
pointer-events: none;
transition: 0.2s;
} */
/* .contacts__input:focus + .contacts__placeholder + .contacts__focus{
opacity: 1;
} */
.contacts__input:hover{
border-color: #252525;
}
.contacts__item.valid .contacts__placeholder{
opacity: 0;
}
.contacts__item.valid .contacts__input{
border-color: #252525;
}
.contacts__input:focus{
border-color: #252525;
}
.contacts__input:focus + .contacts__placeholder{
opacity: 0;
}
.contacts__input::placeholder {
font-size: 22px;
position: absolute;
top: 0;
left: 0;
line-height: 140%;
transition: 0.1s;
pointer-events: none;
color: #252525;
}
.contacts__placeholder {
font-size: 22px;
position: absolute;
top: 0;
left: 0;
line-height: 140%;
transition: 0.1s;
pointer-events: none;
}
.contacts__placeholder span{
color: #A6A6A6;
}
.contacts__textarea {
resize: none;
border: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
height: 100%;
outline: none;
}
.textarea-max-length {
position: absolute;
bottom: -25px;
text-align: right;
width: 100%;
color: #A6A6A6;
font-size: 16px;
display: block;
line-height: 140%;
transform: translateY(8px);
}
.textarea-max-length p{
display: inline;
}
.contacts__bottom {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 56px;
margin-top: 64px;
}
.contacts__approval {
width: 450px;
color: #A6A6A6;
font-size: 18px;
line-height: 140%;
}
.contacts__approval a{
text-decoration: underline;
}
.contacts__btn {
margin-top: 20px;
}
.contacts__button {
display: flex;
align-items: center;
background-color: transparent;
border: none;
color: #252525;
font-size: 20px;
line-height: 140%;
font-family: 'Myriad Pro 600';
grid-gap: 16px;
cursor: pointer;
outline: none;
position: relative;
}
.contacts__button:active .contacts__button-img{
background-color: #E7D00A;
}
.contacts__button input{
cursor: pointer;
}
.contacts__button::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 10px;
border: 1px solid #F5DD07;
opacity: 0;
transition: 0.2s;
}
/* .contacts__button:focus::before{
opacity: 1;
} */
.contacts__button-img {
width: 64px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background:#F2F2F2;
transition: 0.3s;
}
.contacts__button:hover .contacts__button-img{
background-color: #F5DD07;
}
.textarea_item{
grid-row: span 2;
grid-row-start: 2;
grid-row-end: 4;
grid-column-start: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contacts{
position: relative;
}
.form-successfully{
background-color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
}
.form-successfully__title{
font-size: 52px;
line-height: 140%;
margin-bottom: 24px;
font-family: 'Myriad Pro 700';
text-align: center;
color: #252525;
}
.form-successfully__text{
font-size: 20px;
text-align: center;
line-height: 140%;
}
.form-successfully__img {
position: relative;
width: 112px;
height: 112px;
margin-bottom: 72px;
margin-left: auto;
margin-right: auto;
}
.form-successfully__img-1-block{
transform: translateY(-30px);
opacity: 0;
animation-name: animationPismo;
animation-iteration-count:1;
animation-timing-function:ease-out;
animation-fill-mode:forwards;
animation-duration: 1.7s;
animation-delay: 0.4s;
transition: 0.2s;
}
.form-successfully__img.active-image-2 .form-successfully__img-2{
opacity: 1;
}
.form-successfully__img.active-image-2 .form-successfully__img-1{
opacity: 0;
}
.form-successfully__img.active-image-3 .form-successfully__img-2{
opacity: 0;
}
.form-successfully__img.active-image-3 .form-successfully__img-3{
opacity: 1;
}
@keyframes animationPismo {
0%{
transform: translateY(-30px);
opacity: 0;
}
15%{
opacity: 1;
}
100%{
transform: translateY(35px);
opacity: 1;
}
}
.form-successfully__img-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.2s;
}
.form-successfully__img-1 svg{
overflow: initial;
display: block;
width: 100%;
height: 100%;
}
.form-successfully__img-1 img{
width: 100%;
height: 100%;
object-fit: contain;
}
.form-successfully__img-1-block {
position: relative;
}
.form-successfully__img-1-block::before{
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0OCA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjEzNTcgMi4xMTEzM0g0LjQxOTY5QzMuMDgzMyAyLjExMTMzIDEuOTk5OTQgMy44MDI3IDEuOTk5OTQgNS44ODkxMVY1MS4yMjI0QzEuOTk5OTQgNTMuMzA4OCAzLjA4MzMgNTUuMDAwMiA0LjQxOTY5IDU1LjAwMDJINDMuMTM1N0M0NC40NzIxIDU1LjAwMDIgNDUuNTU1NSA1My4zMDg4IDQ1LjU1NTUgNTEuMjIyNFY1Ljg4OTExQzQ1LjU1NTUgMy44MDI3IDQ0LjQ3MjEgMi4xMTEzMyA0My4xMzU3IDIuMTExMzNaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjQTZBNkE2IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 44px;
height: 53px;
}
.form-successfully__img-2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: 0.3s;
}
.form-successfully__img-2 img{
width: 100%;
height: 100%;
object-fit: contain;
}
.form-successfully__img-3 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: 0.3s;
}
.form-successfully__img-3 img{
width: 100%;
height: 100%;
object-fit: contain;
}
.form-successfully__title {}
.form-successfully__text {}
@media (max-width:1920px) {
.contacts__top{
grid-gap:calc(24px + (56 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__text{
width: calc(440px + (480 - 440) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__inner{
grid-gap: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (56 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__input{
padding-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__input,.contacts__placeholder{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__btn{
margin-top: calc(0px + (20 - 0) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__bottom{
margin-top: calc(84px + (64 - 84) * ((100vw - 1366px) / (1920 - 1366)));
grid-gap: calc(24px + (56 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__approval{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.form-successfully__text{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.contacts__btn{
margin-top: 0;
}
.contacts__text{
font-size: 16px;
width: calc(343px + (440 - 343) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__top{
grid-gap: 24px;
margin-bottom: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__title{
font-size: calc(34px + (52 - 34) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__inner{
grid-gap: 56px calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__input, .contacts__placeholder {
font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.textarea-max-length{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__bottom{
margin-top:calc(80px + (84 - 80) * ((100vw - 768px) / (1366 - 768))) ;
grid-gap:calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768))) ;
}
.contacts__approval{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
width: calc(340px + (450 - 340) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__button{
font-size: 18px;
}
.contacts__button-img{
width: 56px;
height: 56px;
}
.contacts__button-img svg{
width: 28px;
height: 28px;
}
.form-successfully__img{
margin-bottom:calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768))) ;
}
.form-successfully__title{
font-size: calc(34px + (52 - 34) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.form-successfully__text{
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.form-successfully__img{
width: 96px;
height: 96px;
}
}
@media (max-width:768px) {
.contacts__title{
font-size: calc(28px + (34 - 28) * ((100vw - 375px) / (768 - 375)));
}
.contacts__button-img{
width: 44px;
height: 44px;
}
.contacts__button-img svg{
width: 20px;
height: 20px;
}
.contacts__button{
font-size: 16px;
grid-gap: 12px;
}
.form-successfully__img{
margin-bottom: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375)));
}
.form-successfully__title{
margin-bottom: 16px;
font-size: calc(28px + (34 - 28) * ((100vw - 375px) / (768 - 375)));
}
.form-successfully__text{
font-size: 16px;
}
.form-successfully__img{
width: calc(64px + (88 - 64) * ((100vw - 375px) / (768 - 375)));
height: calc(64px + (88 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:710px) {
.contacts__text{
font-size: 14px;
}
.contacts__top{
flex-direction: column;
grid-gap: 24px;
align-items: flex-start;
display: flex;
}
.contacts__input{
padding-bottom: 12px;
}
.textarea-max-length{
font-size: 14px;
text-align: left;
transform: translateY(-5px);
}
.contacts__text{
width: 100%;
}
.contacts__top{
margin-bottom: 48px;
}
.contacts__inner{
display: flex;
flex-direction: column;
grid-gap: 32px;
}
.contacts__input, .contacts__placeholder{
font-size: 16px;
}
.contacts__bottom{
display: flex;
flex-direction: column;
grid-gap: 32px;
}
.contacts__approval{
width: 100%;
grid-gap: 32px;
font-size: 14px;
}
.contacts__bottom{
margin-top: 25px;
}
.contacts__textarea{
height: auto;
min-height: min-content;
}
.contacts__textarea{
height: 36px;
padding-bottom: 0;
}
.contacts__item.tel_item{
order: 2;
}
.contacts__item.name_item{
order: 1;
}
.contacts__item.company_item{
order: 4;
}
.contacts__item.mail_item{
order: 3;
}
.contacts__item.textarea_item{
order: 5;
}
}
/*end contacts*/
/*start press-center__top*/
.press-center__top {
margin: 88px 0 68px;
}
.press-center__top-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 36px;
align-items: center;
}
.press-center__top-text {
max-width: 770px;
font-size: 26px;
line-height: 140%;
}
@media (max-width:1920px) {
.press-center__top{
margin: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) 0 calc(48px + (68 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-center__top-inner{
grid-gap: calc(24px + (36 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-center__top-text {
font-size:calc(22px + (26 - 22) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.press-center__top{
margin: calc(55px + (72 - 55) * ((100vw - 768px) / (1366 - 768))) 0 calc(44px + (48 - 44) * ((100vw - 768px) / (1366 - 768)));
}
.press-center__top-text{
font-size:calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1000px) {
.press-center__top-inner{
display: flex;
flex-direction: column;
grid-gap: 16px;
align-items: flex-start;
}
.press-center__top-text{
max-width: 100%;
}
.press-center__top-text br{
display: none;
}
}
@media (max-width:768px) {
.press-center__top{
margin: calc(40px + (55 - 40) * ((100vw - 375px) / (768 - 375))) 0 calc(28px + (44 - 28) * ((100vw - 375px) / (768 - 375)));
}
.press-center__top-text{
font-size:calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375))) ;
}
}
/*end press-center__top*/
/*start press-releases-slider*/
.press-releases-slider{
padding-top: 128px;
}
@media (max-width:1920px) {
.press-releases-slider{
padding-top: calc(96px + (128 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.press-releases-slider{
padding-top: calc(64px + (96 - 64) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width: 768px) {
.press-releases-slider{
padding-top: calc(55px + (64 - 55) * ((100vw - 375px) / (768 - 375)));
}
}
/*end press-releases-slider*/
/*start padding-top-128*/
.padding-top-128{
padding-top: 128px;
}
@media (max-width:1920px) {
.padding-top-128{
padding-top: calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.padding-top-128{
padding-top: calc(72px + (104 - 72) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.padding-top-128{
padding-top: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
/*end padding-top-128*/
.first-window .company-title-h1{
font-size: 120px;
max-width: 1430px;
}
@media (max-width:1920px) {
.first-window .company-title-h1{
font-size: calc(88px + (120 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.first-window .company-title-h1{
font-size: calc(52px + (88 - 52) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.first-window .company-title-h1{
font-size: calc(34px + (52 - 34) * ((100vw - 375px) / (768 - 375)));
}
}
/*start current-news*/
.current-news {}
.current-news__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius: 1px;
border: 1px solid #F2F2F2;
box-shadow: 0px 3px 18.1px 0px rgba(7, 48, 100, 0.06);
}
.current-news__form {
padding: 72px 175px 72px 96px;
background: #FFF;
}
.current-news__title {
margin-bottom: 25px;
}
.current-news__text {
font-size: 20px;
line-height: 140%;
margin-bottom: 65px;
width: 550px;
}
.current-news__images {
position: relative;
overflow: hidden;
background-color: #F2F2F2;
}
.current-news__images img{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.current-news__btn {
margin-top: 40px;
}
.current-news__button {
display: flex;
align-items: center;
grid-gap: 16px;
font-size: 20px;
font-family: 'Myriad Pro 600';
line-height: 140%;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
.current-news__button-anim {
width: 64px;
height: 64px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
background:#F2F2F2;
transition: 0.3s;
}
.current-news__btn .contacts__button svg{
transition: 0.3s;
}
.current-news__button:hover .current-news__button-anim{
background-color: #F5DD07;
}
.current-news__btn .contacts__button:hover svg{
transform: rotate(45deg);
}
@media (max-width:1920px) {
.current-news__form{
padding: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366))) calc(90px + (175 - 90) * ((100vw - 1366px) / (1920 - 1366))) calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366))) calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.current-news__text{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(48px + (65 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.current-news__btn{
margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.current-news__images img{
width:calc(490px + (608 - 490) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1800px) {
.current-news__text{
width: 100%;
}
}
@media (max-width:1366px) {
.current-news__form{
padding: calc(40px + (64 - 40) * ((100vw - 768px) / (1366 - 768))) calc(16px + (90 - 16) * ((100vw - 768px) / (1366 - 768))) calc(40px + (64 - 40) * ((100vw - 768px) / (1366 - 768))) calc(32px + (64 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.current-news__title{
margin-bottom: calc(15px + (25 - 15) * ((100vw - 768px) / (1366 - 768)));
font-size: calc(28px + (34 - 28) * ((100vw - 768px) / (1366 - 768)));
}
.current-news__text{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 768px) / (1366 - 768)));
}
.current-news__btn{
margin-top: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.current-news__images img{
width: calc(295px + (490 - 295) * ((100vw - 768px) / (1366 - 768)));
}
.current-news__text{
font-size:calc(14px + (18 - 14) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:768px) {
.current-news__title{
font-size:calc(26px + (28 - 26) * ((100vw - 375px) / (768 - 375))) ;
}
}
@media (max-width:740px) {
.current-news__inner{
display: flex;
flex-direction: column;
align-items: stretch;
}
.current-news__images{
height: 280px;
}
.current-news__images img{
width: 295px;
}
.current-news__form{
padding: 32px 24px 40px;
}
.current-news__title{
margin-bottom: 15px;
}
.current-news__text{
font-size: 14px;
margin-bottom: 32px;
}
.current-news__btn{
margin-top: 24px;
}
}
/*end current-news*/
/*start social-network*/
.social-network__inner {
display: flex;
border-radius: 1px;
background: #F5DD07;
align-items: center;
grid-gap: 10px;
padding: 64px 96px;
justify-content: space-between;
}
.social-network__title {
font-size: 34px;
line-height: 140%;
font-family: 'Myriad Pro 600';
max-width: 360px;
}
.social-network__items {
display: flex;
align-items: center;
grid-gap: 60px;
}
.social-network__item {
font-size: 22px;
font-family: 'Myriad Pro 600';
display: flex;
align-items: center;
grid-gap: 24px;
line-height: 140%;
}
@media (max-width:1920px) {
.social-network__inner{
padding: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366))) calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366)));
grid-gap:10px;
}
.social-network__title{
font-size: calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.social-network__item img{
width: calc(56px + (60 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.social-network__items{
grid-gap: calc(30px + (60 - 30) * ((100vw - 1366px) / (1920 - 1366)));
}
.social-network__item{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
grid-gap: calc(12px + (24 - 12) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.social-network__inner{
flex-direction: column;
align-items: flex-start;
grid-gap:32px;
padding: 32px;
}
.social-network__title br{
display: none;
}
.social-network__item img{
width: 44px;
}
.social-network__item{
grid-gap: 12px;
font-size: 16px;
}
.social-network__items{
grid-gap: 24px 40px;
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
}
.social-network__title{
font-size: 26px;
max-width: 100%;
}
}
@media (max-width:768px) {
.social-network__items{
display: grid;
grid-template-columns: repeat(3, 1fr);
/* grid-gap: 15px; */
/* justify-content: space-between; */
/* width: 100%; */
}
}
@media (max-width:700px) {
.social-network__inner{
padding: 32px 24px;
grid-gap: 24px;
}
.social-network__title{
font-size: 24px;
}
.social-network__items{
grid-template-columns: repeat(1, 1fr);
grid-gap: 16px;
}
}
@media (max-width:500px) {
.social-network__items{
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 16px;
}
}
/*end social-network*/
/*start slider-minicard*/
.slider-minicard__slider {
overflow: initial;
max-width: 1920px;
margin: 0 auto;
padding: 0 72px;
}
.slider-minicard__wrapper{
overflow: hidden;
}
.minicard-centr {
position: relative;
}
.minicard-centr__images {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
transition: 0.3s;
}
.minicard-centr{
border-radius: 1px;
overflow: hidden;
cursor: pointer;
}
.minicard-centr__images img{
width: 100%;
height: 100%;
object-fit: cover;
}
.minicard-centr:hover .minicard-centr__images{
transform: scale(1.15);
}
.minicard-centr{
height: 560px;
padding: 48px;
position: relative;
width: 100%;
}
.minicard-centr__inner{
z-index: 2;
position: relative;
color: #fff;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.minicard-centr__inner .card-centr__title{
margin-top: 160px;
}
.minicard-centr__inner .card-centr__title {
-webkit-line-clamp: 3;
}
.minicard-centr__icon{
width: 64px;
height: 64px;
border-radius: 10px;
background: #FFF;
position: relative;
}
.minicard-centr__icon::before{
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 36px;
height: 36px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDEwSDEwQzkuNDQ3NzIgMTAgOSAxMC40NDc3IDkgMTFWMjVDOSAyNS41NTIzIDkuNDQ3NzIgMjYgMTAgMjZIMjZDMjYuNTUyMyAyNiAyNyAyNS41NTIzIDI3IDI1VjExQzI3IDEwLjQ0NzcgMjYuNTUyMyAxMCAyNiAxMFoiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkgMjMuMDYwNUwxNC4yMyAxNy4zMjgxQzE0LjYzMjcgMTYuODg2NiAxNS4zNjEzIDE2Ljg5MTQgMTUuNzU3NSAxNy4zMzhMMTkuMjk5IDIxLjMzMDdDMTkuNjc1NCAyMS43NTUxIDIwLjM1ODUgMjEuNzg0MiAyMC43NzQzIDIxLjM5MzZMMjIuMjEgMjAuMDQ0OEMyMi42MzE0IDE5LjY0ODggMjMuMzI1NiAxOS42ODUgMjMuNjk4IDIwLjEyMjJMMjcgMjQiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNMjAgMTVDMjAgMTQuNDQ3NyAyMC40NDc3IDE0IDIxIDE0QzIxLjU1MjMgMTQgMjIgMTQuNDQ3NyAyMiAxNUMyMiAxNS41NTIzIDIxLjU1MjMgMTYgMjEgMTZDMjAuNDQ3NyAxNiAyMCAxNS41NTIzIDIwIDE1WiIgc3Ryb2tlPSIjMjUyNTI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.minicard-centr.noimage {
background-color: #F2F2F2;
}
.minicard-centr.noimage .minicard-centr__inner{
color: #252525;
}
.minicard-centr.noimage .minicard-centr__images{
left: auto;
width: 300px;
}
.minicard-centr.noimage .minicard-centr__icon::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjMzMyAxOC4zMzMzTDkuODMzMDEgOVYyNy42NjY3TDI3LjMzMyAxOC4zMzMzWiIgc3Ryb2tlPSIjMjUyNTI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.minicard-centr.noimage:hover .minicard-centr__images{
transform: scale(1);
}
.minicard-centr.noimage{
transition: 0.3s;
}
.minicard-centr.noimage:hover{
background-color: #F5DD07;
}
.minicard-centr.noimage:hover .card-centr__tag{
border-color: #fff;
}
.minicard-centr.noimage .minicard-centr__images{
display: flex;
justify-content: flex-end;
}
.minicard-centr.noimage .minicard-centr__images img{
object-fit: contain;
width: auto;
height: auto;
}
.minicard-centr .card-centr__title{
margin-bottom: auto;
}
.minicard-centr .card-centr__tag {
margin-bottom: 0;
}
.minicard-centr .card-centr__content{
width: 100%;
}
.minicard-centr-popup{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(37, 37, 37, 0.60);
z-index: 1000;
opacity: 0;
pointer-events: none;
transition: 0.3s;
display: flex;
flex-direction: column;
overflow: hidden;
}
.minicard-centr-popup.active{
opacity: 1;
pointer-events: initial;
}
.minicard-centr-popup__carousel{
position: relative;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10;
}
.minicard-centr-popup__track{
display: flex;
height: 100%;
}
.minicard-centr-popup__viewport{
position: relative;
width: 100%;
height: 100%;
overflow: visible;
}
.minicard-centr-popup__slide{
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 80px 0 50px;
position: relative;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
outline: 0;
overflow: auto;
overflow-x: hidden;
}
.minicard-centr-popup__slide::before,
.minicard-centr-popup__slide::after{
content: "";
flex: 0 0 0;
margin: auto;
}
.minicard-centr-popup__inner{
position: relative;
align-self: center;
}
.minicard-centr-popup__box{
height: 740px;
width: 1480px;
position: relative;
display: none;
}
.minicard-centr-popup__box .f-button.is-close-btn{
display: none;
}
.fancybox__backdrop{
background: rgba(37, 37, 37, 0.60);
}
.fancybox__slide{
padding: 60px 15px 50px !important;
}
.minicard-centr-popup__close{
position: absolute;
top: -104px;
right: -104px;
z-index: 4;
padding: 32px;
cursor: pointer;
}
.minicard-centr-popup__close svg{
display: block;
}
.minicard-centr-popup__play{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 76px;
height: 76px;
border-radius: 50%;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;
z-index: 4;
cursor: pointer;
box-shadow: 0px 4px 20px 0px rgba(27, 72, 128, 0.12);
transition: 0.2s;
}
.minicard-centr-popup__play:hover{
background-color: #F5DD07;
}
.minicard-centr-popup__play.close{
opacity: 0;
pointer-events: none;
}
.minicard-centr-popup__video-box{
position: relative;
width: 100%;
height: 100%;
}
.minicard-centr-popup__video{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.minicard-centr-popup__video-poster{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
z-index: 3;
height: 740px;
transition: 0.2s;
width: 1480px;
}
.minicard-centr-popup__video-link{
width: 1480px;
height: 740px;
object-fit: cover;
}
.minicard-centr-popup__video-poster.close{
opacity: 0;
pointer-events: none;
}
.minicard-centr-popup.popup-images{
display: block;
}
.popup-images__box{
width: 1470px;
height: auto;
padding: 64px 72px;
background-color: #fff;
}
.swiper-slide.popup-images__slide img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.swiper-slide.popup-images__slide{
height: 655px;
}
.popup-images__slider{
overflow: hidden;
}
.popup-images__title{
font-size: 26px;
margin-bottom: 48px;
font-family: 'Myriad Pro 600';
padding-right: 100px;
line-height: 140%;
}
.slider-global__numbers{
color: #6A6A6A;
font-size: 18px;
line-height: 140%;
margin-right: 48px;
min-width: 36px;
display: flex;
align-items: center;
}
.popup-images__box .slider-global__bottom{
margin-top: 48px;
grid-gap: 0;
}
.popup-images__box .minicard-centr-popup__close{
top: 0;
right: 0;
}
@media (max-width:1920px) {
.slider-minicard__slider{
padding:0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr{
height: calc(395px + (560 - 395) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr__inner .card-centr__title{
margin-top: calc(70px + (160 - 70) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr__icon{
width: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr__icon::before {
width: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr-popup__video-poster,.minicard-centr-popup__box,.minicard-centr-popup__video-link{
width: calc(1215px + (1480 - 1215) * ((100vw - 1366px) / (1920 - 1366)));
height:calc(610px + (740 - 610) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.minicard-centr-popup__play{
width: calc(60px + (76 - 60) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(60px + (76 - 60) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr-popup__play img{
width: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr-popup__close{
padding: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.minicard-centr-popup__close svg{
width: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.popup-images__box{
height: auto;
}
.popup-images__title{
font-size:calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.swiper-slide.popup-images__slide{
height: calc(695px + (655 - 695) * ((100vw - 1366px) / (1920 - 1366)));
}
.popup-images__box .slider-global__bottom{
margin-top: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.popup-images__box {
padding: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) calc(48px + (72 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.slider-global__numbers{
margin-right:calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1500px) {
.minicard-centr-popup__close{
top: -85px;
right: -85px;
}
}
@media (max-width:1366px) {
.slider-minicard__slider{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
.minicard-centr .card-centr__bottom{
align-items: flex-end;
}
.minicard-centr__inner .card-centr__title{
margin-top: 70px;
}
.minicard-centr{
height: 395px;
}
.minicard-centr-popup__video-poster,.minicard-centr-popup__box,.minicard-centr-popup__video-link{
width: calc(705px + (1215 - 705) * ((100vw - 768px) / (1366 - 768))) ;
height: calc(355px + (635 - 355) * ((100vw - 768px) / (1366 - 768))) ;
}
.minicard-centr-popup__play{
width: calc(44px + (60 - 44) * ((100vw - 768px) / (1366 - 768))) ;
height: calc(44px + (60 - 44) * ((100vw - 768px) / (1366 - 768))) ;
}
.minicard-centr-popup__play img{
width: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768))) ;
}
.minicard-centr-popup__close{
padding: 24px;
}
.minicard-centr-popup__close svg{
width: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768))) ;
height: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768))) ;
}
.popup-images__box{
height: auto;
}
.popup-images__title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
font-size:calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768))) ;
}
.swiper-slide.popup-images__slide{
height:calc(615px + (695 - 615) * ((100vw - 768px) / (1366 - 768))) ;
}
.popup-images__box .slider-global__bottom{
margin-top: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.popup-images__box {
padding: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.slider-global__numbers{
margin-right: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.slider-global__numbers{
font-size:calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768))) ;
}
.popup-images__box .slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width: calc(325px + (575 - 325) * ((100vw - 768px) / (1366 - 768)));
}
.minicard-centr-popup__close{
right: -35px;
}
}
@media (max-width:1200px) {
.minicard-centr{
height: 345px;
padding: 24px;
}
.minicard-centr__inner .card-centr__title{
margin-top: 65px;
}
.minicard-centr .card-centr__title{
font-size: 24px;
}
.minicard-centr__icon{
width: 44px;
height: 44px;
}
.minicard-centr__icon::before {
width: 20px;
height: 20px;
}
}
@media (max-width:768px) {
.slider-minicard__slider{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
}
.minicard-centr-popup__play{
width: 44px;
height: 44px;
}
.minicard-centr-popup__play img{
width: 20px;
}
.minicard-centr-popup__close svg{
width: calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375)));
height: calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375)));
}
.minicard-centr-popup__close{
padding: calc(12px + (24 - 12) * ((100vw - 375px) / (768 - 375)));
}
.popup-images__title{
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (768 - 375)));
}
.swiper-slide.popup-images__slide{
height:calc(405px + (615 - 405) * ((100vw - 375px) / (768 - 375))) ;
}
.popup-images__box .slider-global__bottom{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.popup-images__box {
padding: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) calc(15px + (32 - 15) * ((100vw - 375px) / (768 - 375)));
}
.slider-global__numbers{
margin-right:calc(16px + (32 - 16) * ((100vw - 375px) / (768 - 375))) ;
}
.slider-global__numbers{
font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
.popup-images__box .slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width: calc(105px + (325 - 105) * ((100vw - 375px) / (768 - 375)));
}
.popup-images__title{
padding-right: calc(0px + (100 - 0) * ((100vw - 375px) / (768 - 375)));
}
.minicard-centr-popup__video-poster,.minicard-centr-popup__video-link{
width:calc(345px + (705 - 345) * ((100vw - 375px) / (768 - 375))) ;
height:calc(170px + (355 - 170) * ((100vw - 375px) / (768 - 375))) ;
}
.minicard-centr-popup__box{
width:calc(345px + (705 - 345) * ((100vw - 375px) / (768 - 375))) ;
/* height:calc(170px + (355 - 170) * ((100vw - 375px) / (768 - 375))) ; */
}
}
@media (max-width:600px) {
.minicard-centr-popup__close{
right: -20px;
top: -70px;
}
}
@media (max-width:450px) {
.minicard-centr-popup__close {
right: -15px;
top: -50px;
}
}
@media (max-width:375px) {
.slider-minicard__slider{
padding: 0 15px;
}
.popup-images__box {
padding: 40px 15px;
}
.popup-images__title{
padding-right: 0;
}
}
/*end slider-minicard*/
/*start press-filter*/
.press-filter {
margin-bottom: 64px;
}
.press-filter__inner {
display: grid;
/* grid-template-columns: repeat(3, 1fr); */
grid-template-columns: 1fr minmax(0, 30%) minmax(0, 30%);
grid-gap: 32px;
align-items: stretch;
}
.press-filter__search {
position: relative;
}
.press-filter__search::before{
content: '';
position: absolute;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: 6px;
right: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzMzMzMgMTQuMTY2N0MxMS41NTUgMTQuMTY2NyAxNC4xNjY3IDExLjU1NSAxNC4xNjY3IDguMzMzMzNDMTQuMTY2NyA1LjExMTY3IDExLjU1NSAyLjUgOC4zMzMzMyAyLjVDNS4xMTE2NyAyLjUgMi41IDUuMTExNjcgMi41IDguMzMzMzNDMi41IDExLjU1NSA1LjExMTY3IDE0LjE2NjcgOC4zMzMzMyAxNC4xNjY3WiIgc3Ryb2tlPSIjQTZBNkE2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNSAxMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSIjQTZBNkE2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.press-filter__search-input {
color: #252525;
font-size: 18px;
line-height: 140%;
padding-bottom: 20px;
font-family: 'Myriad Pro 400';
border: none;
outline: none;
border-bottom: 1px solid #E4E4E4;
width: 100%;
transition: 0.3s;
padding-right: 30px;
height: 100%;
}
.press-filter__search-input:hover{
border-color: #252525;
}
.press-filter__search.valid .press-filter__search-input{
border-color: #252525;
}
.press-filter__search-input::placeholder{
color: #A6A6A6;
font-size: 18px;
line-height: 140%;
padding-bottom: 20px;
font-family: 'Myriad Pro 400';
}
/* .nice-select.press-filter__select-items{
width: 100%;
border: none;
border-bottom: 1px solid #E4E4E4;
border-radius: 0;
padding-left: 0;
font-size: 18px;
line-height: 140%;
font-family: 'Myriad Pro 400';
height: 100%;
padding-bottom: 20px;
transition: 0.3s;
}
.nice-select.press-filter__select-items::after{
width: 20px;
height: 20px;
border: none;
top: 5px;
right: 0;
transition: 0.3s;
margin-top: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(0);
transform-origin: 50% 50%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzcgNy41TDEwLjAwMDMgMTMuMzMzM0w0LjE2Njk5IDcuNSIgc3Ryb2tlPSIjMjUyNTI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.nice-select.press-filter__select-items:hover{
border-color: #252525;
}
.nice-select.press-filter__select-items.open{
border-color: #252525;
}
.nice-select.press-filter__select-items.open::after{
transform: rotate(180deg);
}
.nice-select.press-filter__select-items .list{
margin-top: 0;
overflow-y: auto;
width: 100%;
max-height: 320px;
border-radius: 1px;
background: #FFF;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.04), 0px 30px 16px 0px rgba(0, 0, 0, 0.06);
} */
.jq-selectbox.jqselect.press-filter__select-items.press-filter__select-items_years{
width: 270px;
}
.jq-selectbox.jqselect.press-filter__select-items{
height: 100%;
width: 100%;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select{
width: 100%;
border: none;
border-bottom: 1px solid #E4E4E4;
border-radius: 0;
padding-left: 0;
font: initial;
font-family: 'Myriad Pro 400';
height: 100%;
padding-bottom: 20px;
transition: 0.3s;
text-shadow: none;
box-shadow: none;
background: transparent;
padding-right: 30px;
color: #252525;
font-size: 18px;
line-height: 140%;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__trigger{
border: none;
width: 20px;
height: 20px;
border: none;
top: 5px;
right: 0;
position: absolute;
transition: 0.3s;
margin-top: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(0);
transform-origin: 50% 50%;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzcgNy41TDEwLjAwMDMgMTMuMzMzM0w0LjE2Njk5IDcuNSIgc3Ryb2tlPSIjMjUyNTI1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__trigger-arrow{
display: none;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown{
margin-top: 0;
overflow: hidden;
width: 100%;
border-radius: 1px;
background: #FFF;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.04), 0px 30px 16px 0px rgba(0, 0, 0, 0.06);
padding: 16px 16px 16px 0;
border: none;
margin: 0;
top: 98% !important;
min-width: 200px;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select-text{
padding-top: 2px;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul{
overflow-y: auto !important;
color: #252525;
font-size: 18px;
padding-right: 8px;
line-height: 140%;
font-family: 'Myriad Pro 400';
max-height: 290px !important;
}
.jq-selectbox.jqselect.press-filter__select-items:hover .jq-selectbox__select{
border-color: #252525;
}
.jq-selectbox.jqselect.press-filter__select-items.dropdown.opened .jq-selectbox__select{
border-color: #252525;
}
.jq-selectbox.jqselect.press-filter__select-items.dropdown.opened .jq-selectbox__trigger{
transform: rotate(180deg);
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul .sel{
background: transparent;
color: #252525;
font-family: 'Myriad Pro 600';
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul li{
padding: 10px 0px 10px 32px;
transition: 0.3s;
min-height: auto;
cursor: pointer;
white-space: normal;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul::-webkit-scrollbar-button{
display: none;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul::-webkit-scrollbar {
width: 2px;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb{
background-color: #F5DD07;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul::-webkit-scrollbar-track{
background-color: #E4E4E4;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul li:hover{
background: transparent;
color: #A6A6A6;
}
.press-filter__media .press-filter__inner{
grid-template-columns: minmax(0, 32%) 270px 1fr;
}
@media (max-width:1920px) {
.press-filter{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-filter__search-input{
padding-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select{
padding-bottom: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul li {
padding-left: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.press-filter__inner{
grid-template-columns:1fr 1fr minmax(0, 23%) minmax(0, 23%);
}
.press-filter__search{
grid-column: span 2;
}
.jq-selectbox.jqselect.press-filter__select-items.press-filter__select-items_years{
width: 100%;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown{
top: 99% !important;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select,.press-filter__search-input{
padding-bottom: 16px;
}
.press-filter__search-input,.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select{
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul li{
padding-left: 24px;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul{
max-height: calc(265px + (290 - 265) * ((100vw - 768px) / (1366 - 768))) !important;
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.press-filter {
margin-bottom: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.press-filter__media .press-filter__inner{
grid-template-columns: minmax(0, 1fr) 270px ;
}
}
@media (max-width:768px) {
.press-filter {
margin-bottom: 32px;
}
.press-filter__search-input,.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__select{
font-size: 16px;
}
.jq-selectbox.jqselect.press-filter__select-items .jq-selectbox__dropdown ul{
max-height: 265px !important;
font-size: 16px;
}
}
@media (max-width:700px) {
.press-filter__inner{
grid-template-columns: minmax(0, 49%) minmax(0, 49%);
grid-gap: 24px 16px;
}
.press-filter__media .press-filter__inner{
grid-template-columns: minmax(0, 1fr) 80px ;
}
}
/*end press-filter*/
/*start press-result*/
.press-result{
margin-bottom: 65px;
}
.press-result__inner{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 52px 32px;
}
.press-result__threeinner{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 52px 32px;
}
@media (max-width:1920px) {
.press-result{
margin-bottom: calc(48px + (65 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-result__inner {
grid-gap:calc(32px + (52 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-result__threeinner{
grid-gap:calc(32px + (52 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.press-result{
margin-bottom: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.press-result__inner{
grid-gap:calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768))) calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.press-result__threeinner{
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px 16px;
}
}
@media (max-width:768px) {
.press-result{
margin-bottom: 32px;
}
}
@media (max-width:700px) {
.press-result__inner{
grid-template-columns: repeat(1, 1fr);
grid-gap: 16px;
}
.press-result__threeinner{
grid-template-columns: repeat(1, 1fr);
grid-gap: 16px;
}
}
/*end press-result*/
/*start press-pagination*/
.press-pagination {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 192px;
}
.press-pagination.justify-content-flex-start {
justify-content: flex-start;
}
.press-pagination__list {
margin: 0 48px;
overflow: hidden;
max-width: 615px;
}
.swiper-slide.press-pagination__link {
width: auto;
}
.press-pagination__link-btn {
width: 62px;
height: 62px;
cursor: pointer;
transition: 0.3s;
font-size: 20px;
color: #6A6A6A;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 10px;
}
.press-pagination__link-btn:hover{
background-color: #F2F2F2;
}
.swiper-slide.press-pagination__link.swiper-slide-active .press-pagination__link-btn{
color: #252525;
}
.press-pagination__scrollbar{
height: 2px;
background-color: #E4E4E4;
margin-top: 10px;
}
.press-pagination__scrollbar .swiper-scrollbar-drag{
background-color: #252525;
height: 100%;
cursor: pointer;
}
@media (max-width:1920px) {
.press-pagination{
margin-bottom: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-pagination__list{
margin: 0 calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
max-width: calc(450px + (615 - 450) * ((100vw - 1366px) / (1920 - 1366)));
}
.press-pagination__link-btn {
width: calc(58px + (62 - 58) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(58px + (62 - 58) * ((100vw - 1366px) / (1920 - 1366)));
font-size:calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.press-pagination{
margin-bottom: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
.press-pagination__list{
max-width: 450px;
margin: 0 40px;
}
.press-pagination__link-btn {
width: 58px;
height: 58px;
font-size: 18px;
}
.press-pagination.justify-content-flex-start {
justify-content: center;
}
}
@media (max-width:768px) {
.press-pagination{
margin-bottom: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:700px) {
.press-pagination__arrow{
display: none;
}
.press-pagination__list{
max-width: 280px;
}
.press-pagination__link-btn {
width: 50px;
height: 50px;
font-size: 16px;
}
.press-pagination__scrollbar{
margin-top: 6px;
}
}
/*end press-pagination*/
/*start button-scroll-top*/
.button-scroll-top{
width: 76px;
height: 76px;
position: fixed;
bottom: 100px;
right: 70px;
z-index: 10;
cursor: pointer;
opacity: 0;
box-shadow: 0px 4px 20px 0px rgba(27, 72, 128, 0.12);
background-color: #fff;
border-radius: 50%;
pointer-events: none;
transition: 0.3s;
display: flex;
justify-content: center;
align-items: center;
}
.button-scroll-top:hover{
background-color: #F5DD07;
}
.button-scroll-top.active{
opacity: 1;
pointer-events: initial;
}
@media (max-width:1920px) {
.button-scroll-top{
width: calc(60px + (76 - 60) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(60px + (76 - 60) * ((100vw - 1366px) / (1920 - 1366)));
right: calc(48px + (76 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.button-scroll-top img{
width: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.button-scroll-top{
width: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
height: calc(45px + (60 - 45) * ((100vw - 768px) / (1366 - 768)));
right: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.button-scroll-top img{
width: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.button-scroll-top img{
width: 20px;
}
.button-scroll-top{
width: 45px;
height: 45px;
right: calc(16px + (32 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:768px) {
.button-scroll-top{
right: 15px;
}
}
/*end button-scroll-top*/
/*start detail-press*/
.detail-press {
padding-top: 88px;
}
.detail-press__top {
margin-bottom: 105px;
}
.detail-press__top-title {
margin-bottom: 48px;
max-width: 1500px;
}
.detail-press__top-link {
display: flex;
align-items: center;
grid-gap: 48px;
}
.detail-press__top-tag {
border-radius: 6px;
border: 1px solid #F5DD07;
font-size: 18px;
padding: 8px 20px;
line-height: 140%;
}
.detail-press__top-date {
color:#6A6A6A;
font-size: 20px;
line-height: 140%;
}
.detail-press__inner {
display: flex;
grid-gap: 145px;
justify-content: space-between;
}
.detail-press__content {
width: 1325px;
font-size: 22px;
line-height: 140%;
}
.detail-press__content a {
display: inline;
border-bottom: 2px solid #F5DD07;
}
.detail-press__content span {
display: block;
margin-top: 10px;
color: #72757c;
font-size: 0.8em;
}
.detail-press__content div{
position: relative;
}
.detail-press__content img{
width: 100%;
height: auto;
object-fit: contain;
/* height: 590px; */
display: block;
margin: 0 !important;
}
.detail-press__content div{
overflow: hidden;
}
.detail-press__content div::after{
content: '';
position: absolute;
bottom: 0;
right: -1px;
width: 512px;
height: 325px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMyIgdmlld0JveD0iMCAwIDUxMiAzMjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMzczXzQyOTAyKSI+CjxwYXRoIGQ9Ik0xMzEgMzM2TDY0MyAxM1YzMzZIMTMxWiIgZmlsbD0iI0Y1REQwNyIvPgo8cGF0aCBkPSJNMTU3IDM4Mkw2NTkgNjdWMzgySDE1N1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTM3M180MjkwMiI+CjxyZWN0IHdpZHRoPSI1MTIiIGhlaWdodD0iMzIzIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
background-position: bottom right;
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
}
.detail-press__content p.subtitle{
font-size: 26px;
line-height: 140%;
}
.detail-press__content p span{
font-size: 22px;
line-height: 140%;
}
.detail-press__content b{
font-family: 'Myriad Pro 600';
}
.detail-press__content p a{
display: inline-block;
font-family: 'Myriad Pro 600';
border-bottom: 2px solid #F5DD07;
}
.detail-press__content li{
padding-left: 28px;
position: relative;
}
.detail-press__content li + li{
margin-top: 16px;
}
.detail-press__content li::before{
content: '';
position: absolute;
width: 6px;
border-radius: 50%;
height: 6px;
background-color: #F5DD07;
left: 3px;
top: 10px;
}
.detail-press__content blockquote{
border-radius: 1px;
background: #F2F2F2;
font-size: 24px;
line-height: 140%;
padding: 64px 72px;
position: relative;
}
.detail-press__content blockquote p{
position: relative;
padding-left: 112px;
}
.detail-press__content blockquote p::before{
content: '';
position: absolute;
top: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 56px;
height: 49px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA1NiA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU2IDM0LjA0NzhDNTYgMzUuMTUzNCA1NS40NDE5IDM2LjE4MSA1NC41MjMxIDM2Ljc2N0wzNS42MDMgNDguODM1N0MzNC45MDUyIDQ5LjI4MDggMzQgNDguNzY5IDM0IDQ3LjkyOTRWMS4wNjg5NEMzNCAwLjQ3ODU4IDM0LjQ2OSAwIDM1LjA0NzYgMEg1NC45NTI0QzU1LjUzMSAwIDU2IDAuNDc4NTggNTYgMS4wNjg5NFYzNC4wNDc4WiIgZmlsbD0iI0Y1REQwNyIvPgo8cGF0aCBkPSJNMjIgMzQuMDQ3OEMyMiAzNS4xNTM0IDIxLjQ0MTkgMzYuMTgxIDIwLjUyMzEgMzYuNzY3TDEuNjAyOTYgNDguODM1N0MwLjkwNTE5NyA0OS4yODA4IDAgNDguNzY5IDAgNDcuOTI5NFYxLjA2ODk0QzAgMC40Nzg1OCAwLjQ2OTAzNiAwIDEuMDQ3NjIgMEgyMC45NTI0QzIxLjUzMSAwIDIyIDAuNDc4NTggMjIgMS4wNjg5NFYzNC4wNDc4WiIgZmlsbD0iI0Y1REQwNyIvPgo8L3N2Zz4K);
}
.detail-press__content blockquote p{
font-size: 24px;
line-height: 140%;
}
.detail-press__social-items {
display: flex;
align-items: center;
grid-gap: 16px;
}
.detail-press__social-item {
width: 64px;
display: flex;
transition: 0.3s;
align-items: center;
justify-content: center;
height: 64px;
border-radius: 10px;
background:#F2F2F2;
cursor: pointer;
overflow: hidden;
}
.detail-press__social-item:hover{
background-color: #F5DD07;
}
@media (max-width:1920px) {
.detail-press{
padding-top: calc(64px + (88 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__top-title{
max-width: calc(1100px + (1500 - 1100) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__top-tag{
padding: 8px calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__top{
margin-bottom: calc(88px + (105 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content img{
/* height: calc(500px + (590 - 500) * ((100vw - 1366px) / (1920 - 1366))); */
}
.detail-press__content div::after{
width: calc(430px + (512 - 430) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(270px + (325 - 270) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__social-item{
width: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__social-item svg{
width:calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366))) ;
height: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__inner{
grid-gap:calc(60px + (145 - 60) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.detail-press__content p.subtitle{
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content blockquote {
padding: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content blockquote p {
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content p span{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content blockquote p::before{
width: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(42px + (49 - 42) * ((100vw - 1366px) / (1920 - 1366)));
}
.detail-press__content blockquote p{
padding-left: calc(104px + (112 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.detail-press{
padding-top: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__top-title{
margin-bottom: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__top-tag{
padding: 8px calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__top-date{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__top{
margin-bottom: calc(65px + (88 - 65) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__content img{
/* height: calc(480px + (500 - 480) * ((100vw - 768px) / (1366 - 768))) ; */
}
.detail-press__content div::after{
width: calc(350px + (430 - 350) * ((100vw - 768px) / (1366 - 768)));
height: calc(220px + (270 - 220) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__social-item{
width: calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768)));
height: calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__social-item svg{
width: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
height: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__inner{
grid-gap: 60px;
}
.detail-press__content p.subtitle{
font-size: calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__content{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__content blockquote p{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.detail-press__content p span{
font-size: 20px;
}
}
@media (max-width:1200px) {
.detail-press__inner{
flex-direction: column;
grid-gap: 48px;
}
.detail-press__content{
max-width: 100%;
}
.detail-press__content blockquote {
padding: 48px;
}
.detail-press__content blockquote p::before{
width: 40px;
height: 35px;
}
.detail-press__content blockquote p{
padding-left: 88px;
}
}
@media (max-width:768px) {
.detail-press{
padding-top: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.detail-press__top-title{
margin-bottom: 32px;
}
.detail-press__top-tag{
padding: 8px 14px;
font-size: 14px;
}
.detail-press__top-link{
grid-gap: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.detail-press__top-date{
font-size:calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375))) ;
}
.detail-press__top{
margin-bottom: calc(50px + (65 - 50) * ((100vw - 375px) / (768 - 375)));
}
.detail-press__content img{
/* height: calc(320px + (480 - 320) * ((100vw - 375px) / (768 - 375))); */
}
.detail-press__content div::after{
width: calc(210px + (350 - 210) * ((100vw - 375px) / (768 - 375)));
height: calc(135px + (220 - 135) * ((100vw - 375px) / (768 - 375)));
}
.detail-press__social-item{
width: 44px;
height: 44px;
}
.detail-press__social-item svg{
width: 20px;
height: 20px;
}
.detail-press__inner{
grid-gap: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.detail-press__content{
font-size:calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375))) ;
}
.detail-press__content p.subtitle{
font-size:calc(20px + (22 - 20) * ((100vw - 375px) / (768 - 375))) ;
}
.detail-press__content li::before{
top: 8px;
}
}
@media (max-width:600px) {
.detail-press__content blockquote{
padding: 24px;
}
.detail-press__content blockquote p{
padding-left: 0;
padding-top: 52px;
}
.detail-press__content blockquote p::before{
width: 32px;
height: 28px;
}
.detail-press__content blockquote p{
font-size: 16px;
}
.detail-press__content p span{
font-size: 18px;
}
}
/*end detail-press*/
/*start copy-span-adress copy-requisites*/
.copy-span-adress,.copy-requisites{
position: relative;
}
.copy-span-adress span,.copy-requisites span{
display: none;
}
.copy-span-adress::before,.copy-requisites::before{
content: '';
position: absolute;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-size: contain;
transition: 0.3s;
opacity: 0;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTcuOTk5OUwxMy40MjQ2IDI1LjQyNDZMMjkuMzM0NSA5LjUxNDY1IiBzdHJva2U9IiMyNTI1MjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.copy-span-adress.active,.copy-requisites.active{
background-color: #F5DD07;
}
.requisites__items .copy-requisites.active{
background-color: #F5DD07;
}
.copy-span-adress svg,.copy-requisites svg{
transition: 0.3s;
}
.copy-span-adress.active svg,.copy-requisites.active svg{
opacity: 0;
}
.copy-span-adress.active::before,.copy-requisites.active::before{
opacity: 1;
}
@media (max-width:1920px) {
.copy-span-adress::before,.copy-requisites::before{
width:calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366))) ;
height: calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.copy-span-adress::before,.copy-requisites::before{
width: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
height: calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.copy-span-adress::before,.copy-requisites::before{
width: 20px;
height: 20px;
}
}
/*end copy-span-adress copy-requisites*/
/*start sustainable-top*/
.sustainable-top .press-center__top-inner{
display: block;
}
.sustainable-top .press-center__top-title{
max-width: 1200px;
}
/*end sustainable-top*/
/*start direction-sustainable*/
.direction-sustainable .direction__items{
color: #fff;
}
@media (max-width:768px) {
.direction-sustainable .direction__items.direction__items_height{
flex-direction: column;
}
.direction-sustainable .direction__item{
width: 100%;
}
}
/*end direction-sustainable*/
/*start value-resurs*/
.value-resurs__items {
display: flex;
flex-wrap: wrap;
grid-gap: 32px;
}
.value-resurs__item {
border-radius: 1px;
background: #F2F2F2;
padding: 48px 56px;
display: flex;
grid-gap: 45px;
overflow: hidden;
height: 425px;
width: 865px;
transition: 0.4s ease-out;
position: relative;
}
.value-resurs__item.mini{
width: 710px;
}
.value-resurs__item.big{
width: 1020px;
background-color: #F5DD07;
}
.value-resurs__number {
margin-top: 5px;
font-size: 20px;
line-height: 140%;
}
.value-resurs__content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 408px;
}
.value-resurs__content-text {
font-size: 20px;
color: #6A6A6A;
line-height: 140%;
}
.value-resurs__image {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 0;
transition: 0.4s ease-out;
}
.value-resurs__item.big .value-resurs__image{
width: 375px;
}
.value-resurs__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.value-resurs__text{
max-width: 1175px;
font-size: 24px;
line-height: 140%;
}
.value-resurs__top-title{
margin-bottom: 48px;
}
.value-resurs__top{
margin-bottom: 64px;
}
@media (max-width:1920px) {
.value-resurs__item{
width:calc(615px + (865 - 615) * ((100vw - 1366px) / (1920 - 1366))) ;
grid-gap: calc(24px + (45 - 24) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(400px + (425 - 400) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366))) calc(40px + (56 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__item.big{
width: calc(730px + (1020 - 730) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__item.mini{
width:calc(500px + (710 - 500) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.value-resurs__items{
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__number{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__content-text{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__content{
width: calc(350px + (408 - 350) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__item.big .value-resurs__image {
width: calc(235px + (375 - 235) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__top{
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__text{
max-width:calc(940px + (1175 - 940) * ((100vw - 1366px) / (1920 - 1366))) ;
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
.value-resurs__top-title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.value-resurs__top-title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.value-resurs__text{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
max-width: 940px;
}
.value-resurs__top{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.value-resurs__content-title{
font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.value-resurs__item.big{
background: #F2F2F2;
width: 100%;
}
.value-resurs__items{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
}
.value-resurs__item{
width: 100%;
height: auto;
min-height: 430px;
display: flex;
flex-direction: column;
grid-gap: 0;
padding: 148px 24px 24px 24px;
}
.value-resurs__number{
margin-bottom: 20px;
font-size: 16px;
margin-top: 0;
}
.value-resurs__content-title{
margin-bottom: 8px;
}
.value-resurs__content{
display: block;
width: 100%;
}
.value-resurs__item.mini{
width: 100%;
}
.value-resurs__image{
left: 0;
bottom: auto;
width: 100%;
height: 120px;
}
.value-resurs__content-text{
font-size: 16px;
}
.value-resurs__item.big .value-resurs__image{
width: 100%;
}
}
@media (max-width:768px) {
.value-resurs__top-title{
margin-bottom:calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375))) ;
}
.value-resurs__text{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
.value-resurs__top{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.value-resurs__content-title{
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:650px) {
.value-resurs__items{
grid-template-columns: repeat(1, 1fr);
grid-gap: 8px;
}
.value-resurs__content-text{
font-size: 14px;
}
.value-resurs__item{
min-height: 400px;
}
}
/*end value-resurs*/
/*start scroll-block*/
.scroll-block__inner {
display: grid;
grid-gap: 32px;
grid-template-columns: repeat(2, 1fr);
}
.scroll-block__box-text {
font-size: 22px;
margin-top: 55px;
width: 660px;
}
.scroll-block__box-text b{
font-family: 'Myriad Pro 600';
}
.scroll-block__list {
counter-reset: counter;
list-style: none;
}
.scroll-block__link:nth-child(n+10)::before{
content: counter(counter);
}
.scroll-block__link {
padding: 44px 0;
font-size: 22px;
line-height: 140%;
border-bottom: 1px solid #f2f2f2;
padding-left: 132px;
position: relative;
/* cursor: pointer; */
}
.scroll-block__link b{
display: block;
font-family: 'Myriad Pro 600';
margin-bottom: 16px;
}
.scroll-block__list.news-list .logistics-block__link .logistics-block__link-title{
padding-left: 60px;
position: relative;
}
.scroll-block__list.news-list .logistics-block__link .logistics-block__link-title::before{
content: '';
position: absolute;
left: 0;
top: 15px;
border-radius: 50%;
width: 6px;
height: 6px;
background-color: #F5DD07;
}
.news-list__text{
margin-top: 24px;
padding-left: 60px;
color: #6A6A6A;
font-size: 22px;
line-height: 140%;
}
.scroll-block__list.news-list .logistics-block__link{
display: block;
}
.scroll-block__link:hover::before{
background-color: #F5DD07;
}
.scroll-block__link::before{
position: absolute;
content: '0' counter(counter);
counter-increment: counter;
width: 83px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background:#F2F2F2;
font-size: 22px;
line-height: 140%;
top: 34px;
left: 0;
transition: 0.3s;
}
@media (max-width:1920px) {
.scroll-block__box-text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.scroll-block__link {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(40px + (44 - 40) * ((100vw - 1366px) / (1920 - 1366))) 0;
padding-left: 132px;
}
.scroll-block__box-text{
width: calc(540px + (660 - 540) * ((100vw - 1366px) / (1920 - 1366)));
}
.scroll-block__inner{
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.scroll-block__link::before {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
top: calc(30px + (34 - 30) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.scroll-block__inner {
display: block;
}
.scroll-block__box-text{
width: 100%;
}
.scroll-block__box-title br{
display: none;
}
.scroll-block__box-text{
margin-top: 32px;
font-size: 18px;
}
.scroll-block__list{
margin-top: 30px;
}
.scroll-block__link{
font-size: 18px;
padding: 32px 0;
padding-left: 90px;
}
.scroll-block__link::before{
width: 67px;
height: 44px;
font-size: 18px;
/* top: 22px; */
top: 50%;
transform: translateY(-50%);
}
.before-top .scroll-block__link::before{
top: 28px;
transform: translateY(0);
}
}
@media (max-width:768px) {
.scroll-block__box-text{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.scroll-block__link{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
padding: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
padding-left: 90px;
}
.scroll-block__link::before{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
/* .scroll-block__list{
margin-top: calc(12px + (30 - 12) * ((100vw - 375px) / (768 - 375)));
} */
}
@media (max-width:500px) {
/* .scroll-block__link{
padding-left: 0;
padding-top: 75px;
}
.scroll-block__link::before{
top: 15px;
} */
.transfer-before .scroll-block__link{
padding-left: 0;
padding-top: 70px;
}
.transfer-before .scroll-block__link::before{
top: 15px;
transform: translateY(0);
}
}
@media (max-width:375px) {
.scroll-block__link::before{
width: 65px;
height: 40px;
}
.scroll-block__list{
margin-top: 12px;
}
}
/*end scroll-block*/
/*start teoria-bussiness*/
.teoria-bussiness .scroll-block__box-text{
margin-top: 48px;
}
@media (max-width:1920px) {
.teoria-bussiness .scroll-block__box-text{
margin-top: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.teoria-bussiness .scroll-block__box-text{
margin-top: 32px;
}
}
@media (max-width:768px) {
.teoria-bussiness .scroll-block__box-text{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end teoria-bussiness*/
/*start materials-meting*/
.materials-meting .reporting-block__wrapper{
width: 0;
height: 0;
opacity: 0;
pointer-events: none;
overflow: hidden;
}
.materials-meting .container .container{
padding: 0;
}
/*end materials-meting*/
/*start download-files*/
.download-files {
border-radius: 1px;
border: 1px solid #F2F2F2;
padding: 24px 32px;
display: grid;
grid-template-columns: 1fr 65px;
align-items: center;
grid-gap: 60px;
transition: 0.3s;
}
.download-files__box {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 35px;
width: 100%;
}
.download-files__box-title {
font-size: 22px;
line-height: 140%;
}
.download-files__box-size {
font-size: 22px;
white-space: nowrap;
line-height: 140%;
color: #A6A6A6;
text-transform: uppercase;
}
.download-files__image {
border-radius: 8px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.download-files:hover .download-files__image{
background-color: #F5DD07;
}
.download-files:hover{
box-shadow: 0px 4px 20px 0px rgba(27, 72, 128, 0.08);
border-color: transparent;
}
@media (max-width:1920px) {
.download-files{
padding: calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366))) 32px;
grid-gap: calc(32px + (60 - 32) * ((100vw - 1366px) / (1920 - 1366)));
grid-template-columns: 1fr calc(56px + (65 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.download-files__box-title{
font-size:calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.download-files__box-size{
font-size:calc(18px + (22 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.download-files__image{
width:calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) ;
height:calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.download-files__image img{
width:calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366))) ;
height:calc(28px + (36 - 28) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.download-files{
padding: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768))) calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
grid-template-columns: 1fr calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768)));
grid-gap:calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768))) ;
}
.download-files__box-title{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.download-files__box-size{
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.download-files__image{
width:calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768))) ;
height:calc(44px + (56 - 44) * ((100vw - 768px) / (1366 - 768))) ;
}
.download-files__image img{
width:calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768))) ;
height:calc(20px + (28 - 20) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1200px) {
.download-files:hover{
box-shadow: none;
border-color: #f2f2f2;
}
.download-files .download-files__image{
background-color: #F5DD07;
}
}
@media (max-width:768px) {
.download-files__image{
width: 44px;
height: 44px;
}
.download-files__image img{
width: 20px;
height: 20px;
}
.download-files__box-title{
font-size:calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.download-files__box-size{
font-size:calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
.download-files{
padding: 12px calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
grid-template-columns: 1fr 44px;
grid-gap: 24px;
}
}
@media (max-width:650px) {
.download-files__box{
flex-direction: column;
grid-gap: 8px;
align-items: flex-start;
}
.download-files{
grid-gap: 15px;
}
}
@media (max-width:375px) {
.download-files{
padding: 12px 16px;
}
}
/*end download-files*/
/*start lessons-block__download*/
.lessons-block__download{
margin-top: 88px;
}
.lessons-block__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px;
}
.lessons-block__inner.mb-64 {
margin-bottom: 64px;
}
.lessons-block__text {
font-size: 22px;
line-height: 140%
}
.lessons-block__text.grey {
margin-top: 32px;
border-radius: 1px;
background: #F2F2F2;
padding: 36px 48px;
}
@media (max-width:1920px) {
.lessons-block__download{
margin-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.lessons-block__inner{
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.lessons-block__text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.lessons-block__text.grey{
margin-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(32px + (36 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.lessons-block__inner.mb-64 {
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.lessons-block__download{
margin-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.lessons-block__inner.mb-64 {
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.lessons-block__inner{
display: flex;
flex-direction: column;
grid-gap: 40px;
}
.lessons-block__text{
font-size: 18px;
}
.lessons-block__text.grey{
margin-top: 32px;
padding: 24px;
}
}
@media (max-width:768px) {
.lessons-block__download{
margin-top: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
.lessons-block__inner{
grid-gap: calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
}
.lessons-block__text{
font-size:calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.lessons-block__text.grey{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
padding: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
.lessons-block__inner.mb-64 {
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/*end lessons-block__download*/
/*start policy-development*/
.policy-development__top {
max-width: 1175px;
}
.policy-development__title {
margin-bottom: 48px;
}
.policy-development__text {
font-size: 24px;
line-height: 140%;
}
.policy-development__link{
margin-top: 64px;
}
.policy-development__images {
margin-top: 88px;
height: 800px;
}
.policy-development__images img{
width: 100%;
height: 100%;
object-fit: cover;
}
.policy-development__inner {
margin-top: 88px;
display: flex;
grid-gap: 25px;
justify-content: space-between;
}
.policy-development__text-left {
width: 720px;
font-size: 26px;
line-height: 140%;
}
.policy-development__text-left b{
font-family: 'Myriad Pro 600';
}
.policy-development__box .lessons-block__text.grey{
margin-top: 40px;
}
.lessons-block__text.grey b{
font-family: 'Myriad Pro 600';
}
.policy-development__box {
width: 870px;
}
@media (max-width:1920px) {
.policy-development__title {
margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__text{
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__link{
margin-top: calc(55px + (64 - 55) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__images{
margin-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(700px + (800 - 700) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__inner{
margin-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__text-left{
width: calc(730px + (720 - 730) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.policy-development__box{
width: calc(515px + (870 - 515) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.policy-development__box .lessons-block__text.grey{
margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.policy-development__text-left{
width:calc(600px + (730 - 600) * ((100vw - 1200px) / (1366 - 1200))) ;
}
.policy-development__images{
height:calc(560px + (700 - 560) * ((100vw - 768px) / (1366 - 768)));
margin-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.policy-development__inner{
margin-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.policy-development__title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.policy-development__text{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768))) ;
}
.policy-development__link{
margin-top: calc(48px + (55 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.policy-development__text-left{
font-size: calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1200px) {
.policy-development__inner{
flex-direction: column;
grid-gap: 32px;
}
.policy-development__text-left{
width: 100%;
}
.policy-development__box{
width: 100%;
}
.policy-development__box .lessons-block__text.grey{
margin-top: 32px;
}
}
@media (max-width:768px) {
.policy-development__images{
height:calc(360px + (560 - 360) * ((100vw - 375px) / (768 - 375)));
margin-top: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__inner{
margin-top: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__title{
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__text{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__link{
margin-top: calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__text-left{
font-size: calc(20px + (22 - 20) * ((100vw - 375px) / (768 - 375)));
}
.policy-development__box .lessons-block__text.grey{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end policy-development*/
/*start control-tools*/
.control-tools .project-notext__title{
max-width: 872px;
}
/*end control-tools*/
/*start obligations-documents*/
.obligations-documents .download-files{
border-bottom: none;
}
.obligations-documents .download-files:last-child{
border-bottom: 1px solid #f2f2f2;
}
.obligations-documents__title{
max-width: 1405px;
margin-bottom: 64px;
}
.obligations-documents__items .download-files:hover + .download-files{
border-top-color: transparent;
}
@media (max-width:1920px) {
.obligations-documents__title {
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.obligations-documents__title {
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.obligations-documents__items .download-files:hover + .download-files{
border-top-color: #f2f2f2;
}
}
@media (max-width:768px) {
.obligations-documents__title {
margin-bottom: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
}
}
/*end obligations-documents*/
/*start rating-development*/
.rating-development {}
.rating-development__inner {}
.rating-development__box {
padding-top: 128px;
}
.rating-development__box-title {
margin-bottom: 55px;
font-family: 'Myriad Pro 700';
font-size: 34px;
line-height: 140%;
}
.rating-development__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 64px 32px;
}
.rating-development__item {
display: flex;
flex-direction: column;
}
.rating-development__item-image {
border-radius: 1px;
background: #F2F2F2;
height: 244px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 32px;
}
.rating-development__item-image img{
width: 211px;
}
.rating-development__item-title {
font-size: 22px;
font-family: 'Myriad Pro 600';
margin-bottom: 16px;
}
.rating-development__item-text {
font-size: 18px;
line-height: 140%;
margin-bottom: 25px;
}
.rating-development__item-btn {
display: flex;
margin-top: auto;
}
.rating-development__item-btn .button-global{
pointer-events: none;
}
.rating-development__item-btn .button-global svg{
top: 6px;
right: -3px;
}
.rating-development__item:hover .button-global span::before{
background-color: #E7D00A;
}
@media (max-width:1920px) {
.rating-development__box{
padding-top: calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1500px) {
.rating-development__box-title{
margin-bottom: 48px;
}
.rating-development__items {
grid-template-columns: repeat(3, 1fr);
grid-gap: 48px 24px;
}
.rating-development__item-image{
margin-bottom: 24px;
}
.rating-development__item-title{
font-size: 20px;
}
.rating-development__item-text{
font-size: 16px;
}
}
@media (max-width:1366px) {
.rating-development__box{
padding-top: calc(88px + (104 - 88) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1000px) {
.rating-development__box-title{
font-size: 28px;
margin-bottom: 32px;
}
.rating-development__items {
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px 16px;
}
.rating-development__item-image{
height: 190px;
margin-bottom: 16px;
}
.rating-development__item-image img{
width: 165px;
}
.rating-development__item-title{
margin-bottom: 8px;
font-size: 18px;
}
.rating-development__item-text{
font-size: 14px;
margin-bottom: 8px;
}
}
@media (max-width:768px) {
.rating-development__box{
padding-top: calc(72px + (72 - 72) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:650px) {
.rating-development__items{
grid-template-columns: repeat(1, 1fr);
grid-gap: 24px;
}
}
/*end rating-development*/
/*start reporting-block*/
.reporting-top{
margin-bottom: 0;
}
.reporting-block {
padding-top: 64px;
}
.reporting-block__wrapper {
overflow: hidden;
}
.reporting-block__slider {
max-width: 1920px;
margin: 0 auto 105px;
padding: 0px 70px;
}
.reporting-block__slider .swiper-wrapper{
flex-wrap: wrap;
grid-gap: 16px;
}
.reporting-block__slide.swiper-slide {
width: auto;
}
.reporting-block__slide-button {
border-radius: 10px;
padding: 16px 30px;
background-color: transparent;
outline: none;
font-size: 18px;
color: #252525;
font-family: 'Myriad Pro 400';
line-height: 140%;
cursor: pointer;
transition: 0.3s;
border: 1px solid #E4E4E4;
}
.reporting-block__slide-button:hover{
border-color: #F5DD07;
}
.reporting-block__slide-button.active{
background-color: #F5DD07;
border-color: #F5DD07;
}
.questions-block .reporting-block__slide-button.active{
background-color: transparent;
border-color: #e4e4e4;
}
.questions-block .reporting-block__slide-button.active:hover{
background-color: transparent;
border-color: #F5DD07;
}
.reporting-block__slide-button.mixitup-control-active{
background-color: #F5DD07;
border-color: #F5DD07;
}
.reporting-block__slide-button.mixitup-control-active.active{
background-color: #F5DD07;
border-color: #F5DD07;
}
.reporting-block__item-top:hover .download-files__image{
background-color: #F5DD07;
}
.reporting-block__item {
border: 1px solid #f2f2f2;
}
.reporting-block__item + .reporting-block__item{
/* border-top: none; */
margin-top: -1px;
}
.reporting-block__item-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32px 32px 32px;
cursor: pointer;
transition: 0.3s;
grid-gap: 15px;
}
.reporting-block__item.active .reporting-block__item-top{
padding-bottom: 24px;
}
.reporting-block__item-downloads .download-files{
border-left: none;
border-right: none;
border-bottom: none;
}
.reporting-block__item-downloads .download-files:first-child{
border-top: none;
}
.reporting-block__item-downloads .download-files:hover + .download-files{
border-top-color: transparent;
}
.reporting-block__item-date {
font-size: 28px;
line-height: 140%;
font-family: 'Myriad Pro 600';
}
.reporting-block__item-downloads{
display: none;
}
.reporting-block__item.active .reporting-block__item-btn .download-files__image{
background-color: #F5DD07;
}
.reporting-block__item-btn .download-files__image{
position: relative;
}
.reporting-block__item-btn .download-files__image::after,.reporting-block__item-btn .download-files__image::before{
content: '';
position: absolute;
background-color: #252525;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
}
.reporting-block__item-btn .download-files__image::before{
width: 18px;
height: 2px;
}
.reporting-block__item-btn .download-files__image::after{
width: 2px;
height: 18px;
}
.reporting-block__item.active .reporting-block__item-btn .download-files__image::after{
height: 0;
}
.reporting-block__item-downloads {
padding-bottom: 32px;
}
@media (max-width:1920px) {
.reporting-block__slide-button{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366))) calc(26px + (30 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block{
padding-top: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__slider{
padding: 0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(88px + (105 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__item-date{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__item-top{
padding-top: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
padding-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__item-downloads{
padding-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__slider .swiper-wrapper{
grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__item-btn .download-files__image::before{
width: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
}
.reporting-block__item-btn .download-files__image::after{
height: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.reporting-block__slide-button{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
padding: 12px calc(20px + (26 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block{
padding-top: calc(40px + (56 - 40) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block__slider{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
margin-bottom:calc(64px + (88 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block__item-date{
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block__item-top{
padding-top: 24px;
padding-bottom: 24px;
padding-left: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
padding-right: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block__item-downloads{
padding-bottom: 24px;
}
.reporting-block__item-btn .download-files__image::before{
width: calc(10px + (14 - 10) * ((100vw - 768px) / (1366 - 768)));
}
.reporting-block__item-btn .download-files__image::after{
height: calc(10px + (14 - 10) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.reporting-block__slider .swiper-wrapper{
grid-gap: 0;
flex-wrap: nowrap;
}
.reporting-block__item-top .download-files__image {
background-color: #F5DD07;
}
.reporting-block__item-downloads .download-files:hover + .download-files{
border-top-color: #f2f2f2;
}
}
@media (max-width:768px) {
.reporting-block__item-btn .download-files__image::before{
width:10px;
}
.reporting-block__item-btn .download-files__image::after{
height: 10px;
}
.reporting-block__slide-button{
font-size: 14px;
padding: 12px 20px;
}
.reporting-block{
padding-top:calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375))) ;
}
.reporting-block__slider{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
margin-bottom: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
}
.reporting-block__item-date{
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
}
.reporting-block__item-top{
padding: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
.reporting-block__item.active .reporting-block__item-top{
padding-bottom: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
.reporting-block__item-downloads{
padding-bottom: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:375px) {
.reporting-block__slider{
padding: 0 15px;
}
.reporting-block__item-top{
padding: 16px;
}
.reporting-block__item.active .reporting-block__item-top,.reporting-block__item-downloads{
padding-bottom: 16px;
}
}
/*end reporting-block*/
/*start business-direction*/
.business-direction{
background-color: #fff;
padding-top: 88px;
}
.business-direction .direction__title{
color: #252525;
}
.business-direction .direction__box{
margin-bottom: 64px;
}
.business-direction .direction__text{
color: #252525;
}
@media (max-width:1920px) {
.business-direction .direction__box{
margin-bottom:calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.business-direction{
padding-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.business-direction .direction__box{
margin-bottom:calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) ;
}
.business-direction{
padding-top: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.business-direction .direction__box{
margin-bottom:calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375))) ;
}
.business-direction{
padding-top: calc(40px + (52 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/*end business-direction*/
/*start sale-goods*/
.sale-goods .policy-development__top{
max-width: 1260px;
}
@media (max-width:1920px) {
.sale-goods .policy-development__top{
max-width: calc(1035px + (1260 - 1035) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.sale-goods .policy-development__top{
max-width: 100%;
}
.sale-goods .policy-development__images{
margin-top: 55px;
}
}
@media (max-width:768px) {
.sale-goods .policy-development__images{
margin-top: calc(40px + (55 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/*end sale-goods*/
/*start recycling*/
.recycling .scroll-block__inner{
grid-template-columns: 1024px 1fr;
}
.recycling .scroll-block__box-text{
width: 870px;
}
@media (max-width:1920px) {
.recycling .scroll-block__inner{
grid-template-columns: calc(730px + (1024 - 730) * ((100vw - 1366px) / (1920 - 1366))) 1fr;
}
.recycling .scroll-block__box-text{
width: calc(730px + (870 - 730) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.recycling .scroll-block__box-text{
width: calc(600px + (730 - 600) * ((100vw - 1200px) / (1366 - 1200)));
}
}
@media (max-width:1200px) {
.recycling .scroll-block__box-text{
width: 100%;
}
}
/*end recycling*/
/*start oil-refining*/
.oil-refining__bottom-text{
max-width: 1425px;
font-size: 34px;
line-height: 140%;
}
.oil-refining__bottom-text b{
font-family: 'Myriad Pro 600';
}
.oil-refining__items{
margin: 88px 0;
}
@media (max-width:1920px) {
.oil-refining__items{
margin: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.oil-refining__bottom-text{
font-size: calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.oil-refining__items{
margin: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768))) 0;
}
.oil-refining__bottom-text{
font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.oil-refining__items{
margin: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375))) 0;
}
.oil-refining__bottom-text{
font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end oil-refining*/
/*start production-development*/
.production-development__box{
width: 100%;
height: 800px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 72px 88px;
margin-top: 88px;
}
.production-development__image{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.production-development__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.production-development__box-text{
z-index: 2;
font-size: 34px;
line-height: 140%;
font-family: 'Myriad Pro 600';
width: 535px;
}
@media (max-width:1920px) {
.production-development__box{
margin-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(700px + (800 - 700) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366))) calc(64px + (88 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.production-development__box-text{
font-size:calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.production-development__box{
margin-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
height:calc(560px + (700 - 560) * ((100vw - 768px) / (1366 - 768))) ;
}
.production-development__box-text{
font-size: calc(24px + (28 - 24) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1300px) {
.production-development__box{
height: auto;
padding: 0;
}
.production-development__image{
height: 560px;
position: relative;
}
.production-development__box-text{
width:100%;
margin-top: 32px;
}
}
@media (max-width:768px) {
.production-development__box{
margin-top: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
}
.production-development__image{
height: calc(360px + (560 - 360) * ((100vw - 375px) / (768 - 375)));
}
.production-development__box-text{
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end production-development*/
/*start logistics-block*/
.logistics-block__link:nth-child(1){
padding-top: 0;
}
.logistics-block__link {
padding: 36px 0;
display: grid;
grid-template-columns: 350px 1fr;
grid-gap: 48px;
border-bottom: 1px solid #f2f2f2;
}
.logistics-block__link-title {
font-size: 28px;
line-height: 140%;
font-family: 'Myriad Pro 600';
}
.logistics-block__link-item {
font-size: 22px;
line-height: 140%;
position: relative;
padding-left: 28px;
}
.logistics-block__link-item + .logistics-block__link-item{
margin-top: 16px;
}
.logistics-block__link-item::before{
content: '';
position: absolute;
width: 6px;
height: 6px;
background-color: #F5DD07;
left: 3px;
top: 10px;
border-radius: 50%;
}
@media (max-width:1920px) {
.logistics-block__link-title{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.logistics-block__link{
grid-gap:calc(24px + (48 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
grid-template-columns: calc(300px + (350 - 300) * ((100vw - 1366px) / (1920 - 1366))) 1fr;
padding: calc(32px + (36 - 32) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.logistics-block__link-item{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.logistics-block__list{
margin-top: 64px;
}
.logistics-block__link-title{
font-size: 24px;
}
.logistics-block__link{
grid-template-columns: 225px 1fr;
grid-gap: 24px;
}
.logistics-block__link{
padding: 24px 0;
}
.logistics-block__link-item{
font-size: 18px;
}
}
@media (max-width:650px) {
.logistics-block__list{
margin-top: 32px;
}
.logistics-block__link-title{
font-size: 22px;
margin-bottom: 24px;
}
.logistics-block__link{
display: block;
padding: 16px 0;
}
.logistics-block__link-item{
font-size: 16px;
}
.logistics-block__link-item + .logistics-block__link-item{
margin-top: 8px;
}
}
/*end logistics-block*/
/*start logistics-numbers*/
.logistics-numbers__title{
margin-bottom: 104px;
}
@media (max-width:1920px) {
.logistics-numbers__title{
margin-bottom: calc(96px + (104 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.logistics-numbers__title{
margin-bottom: calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.logistics-numbers__title{
margin-bottom: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
/*end logistics-numbers*/
/*start indicators-complex*/
@media (max-width: 1200px){
.indicators-complex__items .row-items__item span{
width: 345px;
}
}
/*end indicators-complex*/
/*start ecology-block*/
.ecology-block{
padding-top: 0;
margin-top: 128px;
}
.ecology-block__title{
margin-bottom: 64px;
}
@media (max-width:1920px) {
.ecology-block{
margin-top: calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
.ecology-block__title{
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.ecology-block{
margin-top: calc(72px + (104 - 72) * ((100vw - 768px) / (1366 - 768)));
}
.ecology-block__title{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:768px) {
.ecology-block{
margin-top: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
.ecology-block__title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/*end ecology-block*/
/*start card-hover__items*/
.card-hover__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 32px;
}
.card-hover__items.column-3{
grid-template-columns: repeat(3, 1fr);
}
.card-hover__item {
padding: 48px 36px;
min-height: 535px;
border-radius: 1px;
transition: 0.3s;
border: 1px solid #E4E4E4;
}
.card-hover__item:hover{
background-color: #F5DD07;
border-color: #F5DD07;
}
.card-hover__item:hover .card-hover__item-top{
background-color: #fff;
}
.card-hover__item:nth-child(even){
background-color: #f2f2f2;
}
.card-hover__item:nth-child(even):hover{
background-color: #F5DD07;
border-color: #F5DD07;
}
.card-hover__item-top {
width: 96px;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background: #F2F2F2;
margin-bottom: 36px;
font-size: 34px;
line-height: 140%;
font-family: 'Myriad Pro 600';
transition: 0.3s;
}
.card-hover__item:nth-child(even) .card-hover__item-top{
background-color: #fff;
}
.card-hover__item-title {
font-size: 34px;
line-height: 130%;
font-family: 'Myriad Pro 600';
}
.card-hover__item-text {
font-size: 20px;
line-height: 140%;
margin-top: 24px;
}
@media (max-width:1920px) {
.card-hover__item-top{
width: calc(80px + (96 - 80) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(80px + (96 - 80) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (34 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-hover__item-title{
font-size: calc(26px + (34 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-hover__item-text{
margin-top: calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-hover__item{
min-height: calc(480px + (530 - 480) * ((100vw - 1366px) / (1920 - 1366))) ;
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (36 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-hover__items{
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.card-hover__item-top img{
width:calc(40px + (52 - 40) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1200px) {
.card-hover__items{
grid-template-columns: repeat(2, 1fr);
grid-gap: 16px;
}
.card-hover__item-top{
width: 60px;
height: 60px;
font-size: 24px;
}
.card-hover__item-title{
font-size: 24px;
margin-top: 32px;
}
.card-hover__item-text{
font-size: 16px;
margin-top: 8px;
}
.card-hover__item{
padding: 24px 16px;
min-height: 400px;
}
.card-hover__item-top img{
width: 32px;
}
.card-hover__items.column-3{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:650px) {
.card-hover__item{
min-height: 360px;
}
.card-hover__items{
grid-template-columns: repeat(1, 1fr);
}
.card-hover__items.column-3{
grid-template-columns: repeat(1, 1fr);
}
.card-hover__item-title{
font-size: 22px;
}
}
/*end card-hover__items*/
/*start gaz-block*/
.gaz-block .lessons-block__text{
font-size: 24px;
}
.gaz-block .lessons-block__text.grey{
margin-top: 0;
}
@media (max-width:1920px) {
.gaz-block .lessons-block__text{
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.gaz-block .lessons-block__text{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.gaz-block .lessons-block__text{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
}
/*end gaz-block*/
/*start exology-block-text*/
.exology-block-text .title-h5{
max-width: 1175px;
}
@media (max-width:1920px) {
.exology-block-text .title-h5{
max-width: calc(1000px + (1175 - 1000) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.exology-block-text .title-h5{
max-width: 1000px;
font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.exology-block-text .title-h5{
font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end exology-block-text*/
/*start ecology-production*/
.ecology-production__inner{
margin-bottom: 104px;
}
@media (max-width:1920px) {
.ecology-production__inner{
margin-bottom: calc(96px + (104 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.ecology-production__inner{
margin-bottom: calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.ecology-production__inner{
grid-gap: 32px;
}
}
@media (max-width:768px) {
.ecology-production__inner{
grid-gap: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.ecology-production__inner{
margin-bottom: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
/*end ecology-production*/
/*start statistics-indicators*/
.statistics-indicators__text{
max-width: 520px;
margin-top: 48px;
font-size: 24px;
line-height: 140%;
}
.statistics-indicators__inner{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px;
}
.statistics-indicators__rows.row-items{
padding: 0;
}
.statistics-indicators__table {
margin-top: 128px;
}
.statistics-indicators__link {
padding: 48px 0;
border-top: 1px solid #F2F2F2;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 32px;
width: 100%;
}
.statistics-indicators__link:last-child{
border-bottom: 1px solid #F2F2F2;
}
.statistics-indicators__date {
font-size: 34px;
line-height: 140%;
font-family: 'Myriad Pro 600';
}
.statistics-indicators__column {}
.statistics-indicators__column-num {
font-size: 28px;
line-height: 140%;
font-family: 'Myriad Pro 600';
margin-bottom: 4px;
}
.statistics-indicators__column-text {
font-size: 20px;
line-height: 140%;
}
#indicators-drilled-wells .statistics-indicators__text{
width: 100%;
max-width: 720px;
}
@media (max-width:1920px) {
.statistics-indicators__text{
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
.statistics-indicators__table{
margin-top:calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.statistics-indicators__date{
font-size: calc(28px + (34 - 28) * ((100vw - 1366px) / (1920 - 1366)));
}
.statistics-indicators__column-num{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.statistics-indicators__column-text{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.statistics-indicators__link{
grid-gap:calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1366px) {
#indicators-drilled-wells .statistics-indicators__text{
max-width: 585px;
}
}
@media (max-width:1200px) {
#indicators-drilled-wells .statistics-indicators__text{
max-width: 100%;
}
.statistics-indicators__inner{
display: block;
}
.statistics-indicators__rows.row-items{
margin-top: 56px;
padding: 72px 0;
}
.statistics-indicators__title br{
display: none;
}
.statistics-indicators__text{
max-width: 625px;
font-size: 20px;
margin-top: 32px;
}
.statistics-indicators__table{
margin-top: 72px;
}
.statistics-indicators__link{
padding: 24px 0;
grid-gap: 24px 16px;
grid-template-columns: repeat(3, 1fr);
}
.statistics-indicators__date{
grid-column: span 3;
font-size: 26px;
}
.statistics-indicators__column-num{
font-size: 22px;
}
.statistics-indicators__column-text{
font-size: 16px;
}
}
@media (max-width:768px) {
.statistics-indicators__text{
margin-top: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
font-size:calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375))) ;
}
.statistics-indicators__rows.row-items{
margin-top: calc(48px + (56 - 48) * ((100vw - 375px) / (768 - 375)));
padding: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375))) 0;
}
}
@media (max-width:650px) {
.statistics-indicators__table{
margin-top: 64px;
}
.statistics-indicators__link{
display: block;
padding: 16px 0;
}
.statistics-indicators__date{
margin-bottom: 16px;
font-size: 24px;
}
.statistics-indicators__column-num{
font-size: 20px;
}
.statistics-indicators__column-text{
font-size: 14px;
}
.statistics-indicators__column + .statistics-indicators__column{
margin-top: 12px;
}
}
/*end statistics-indicators*/
/*start indicators-drilled*/
.indicators-drilled__text{
max-width: 720px;
font-size: 28px;
line-height: 140%;
}
.indicators-drilled__text b{
font-family: 'Myriad Pro 600';
}
@media (max-width:1920px) {
.indicators-drilled__text{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.indicators-drilled__text{
max-width: 100%;
font-size: 24px;
}
.indicators-drilled .lessons-block__inner{
grid-gap: 48px;
}
}
@media (max-width:768px) {
.indicators-drilled__text{
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
}
.indicators-drilled .lessons-block__inner{
grid-gap: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/*end indicators-drilled*/
/*start well-repair*/
.well-repair .production-development__box-text{
color: #fff;
}
.well-repair__top-title{
margin-bottom: 64px;
}
.well-repair__top{
margin-bottom: 192px;
}
.well-repair__link{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px;
}
.well-repair__link .lessons-block__text.grey{
margin-top: 0;
}
.well-repair__link-text{
max-width: 715px;
font-size: 28px;
line-height: 140%;
}
.well-repair__link-text b{
font-family: 'Myriad Pro 600';
}
.well-repair .production-development__box-text{
width: 545px;
}
@media (max-width:1920px) {
.well-repair__top-title {
margin-bottom:calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.well-repair__link-text{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.well-repair__top{
margin-bottom: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1200px) {
.well-repair__top-title{
margin-bottom: 48px;
}
.well-repair .production-development__box-text {
color: #252525;
width: 100%;
font-size: 26px;
}
.well-repair__link{
display: block;
}
.well-repair__link-text{
max-width: 100%;
font-size: 24px;
margin-bottom: 32px;
}
.well-repair__top {
margin-bottom: 96px;
}
}
@media (max-width:768px) {
.well-repair__top-title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.well-repair__link-text{
font-size:calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375))) ;
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.well-repair__top{
margin-bottom: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
.well-repair .production-development__box-text{
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (768 - 375)));
}
}
/*end well-repair*/
/*start strategy-block*/
.strategy-block .ecology-block__title{
max-width: 1500px;
}
/*end strategy-block*/
/*start reporting-documents*/
.reporting-documents__downloads .download-files:first-child{
border-bottom: none;
}
.reporting-documents__downloads .download-files + .download-files{
border-bottom: none;
}
.reporting-documents__downloads .download-files:hover:last-child{
border-bottom-color: transparent;
}
.reporting-documents__downloads .download-files:hover + .download-files{
border-top-color: transparent;
}
.reporting-documents__downloads .download-files:last-child{
border-bottom: 1px solid #f2f2f2;
}
@media (max-width:1200px) {
.reporting-documents__downloads .download-files:hover + .download-files{
border-top-color: #f2f2f2;
}
}
/*end reporting-documents*/
/*start investment-attractiveness*/
.investment-attractiveness__title{
margin-bottom: 48px;
}
.investment-attractiveness__text{
font-size: 24px;
line-height: 140%;
max-width: 1175px;
margin-bottom: 88px;
}
@media (max-width:1920px) {
.investment-attractiveness__title {
margin-bottom:calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.investment-attractiveness__text{
font-size: calc(28px + (24 - 28) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
max-width:calc(950px + (1175 - 950) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.investment-attractiveness__title {
margin-bottom:calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768))) ;
}
.investment-attractiveness__text{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: 72px;
max-width: 950px;
}
}
@media (max-width:1200px) {
.reporting-documents__downloads .download-files:hover:last-child{
border-bottom-color: #f2f2f2;
}
}
@media (max-width:768px) {
.investment-attractiveness__title {
margin-bottom:calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375))) ;
}
.investment-attractiveness__text{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
margin-bottom: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
/*end investment-attractiveness*/
/*start investors__top*/
.investors__top .press-center__top-inner{
display: block;
}
/*end investors__top*/
/*start investors-information*/
.investors-information .investors-information__downloads .reporting-block__wrapper{
height: 0;
overflow: hidden;
pointer-events: none;
width: 0;
opacity: 0;
}
.investors-information .investors-information__downloads .container{
padding: 0;
}
.investors-information__title{
margin-bottom: 64px;
}
.investors-information__box{
display: grid;
grid-template-columns: 1fr 570px;
align-items: stretch;
grid-gap: 32px;
}
.investors-information__downloads .download-files + .download-files{
border-bottom: none;
}
.investors-information__downloads .download-files:first-child{
border-bottom: none;
}
.investors-information__downloads .download-files:last-child{
border-bottom: 1px solid #f2f2f2;
}
.investors-information__downloads .download-files:hover + .download-files{
border-top-color: transparent;
}
.investors-information__downloads .download-files:hover:last-child{
border-bottom-color: transparent;
}
.investors-information__box .project-block__item{
grid-row: span 1;
}
.investors-information__box .project-block__item .project-block__item-title{
color: #252525;
}
.investors-information__box .project-block__item{
border: 1px solid #f2f2f2;
}
.investors-information_top-104{
padding-top: 104px;
}
@media (max-width:1920px) {
.investors-information__box {
grid-gap:calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
grid-template-columns: 1fr calc(410px + (570 - 410) * ((100vw - 1366px) / (1920 - 1366)));
}
.investors-information__title{
margin-bottom: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.investors-information_top-104{
padding-top: calc(96px + (104 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.investors-information__title{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.investors-information_top-104{
padding-top:calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1200px) {
.investors-information__box{
display: flex;
flex-direction: column;
grid-gap: 32px;
}
.investors-information__box .project-block__item{
min-height: 240px;
background-position: right bottom;
background-size: contain;
}
.investors-information__downloads .download-files:hover + .download-files{
border-top-color: #f2f2f2;
}
.investors-information__downloads .download-files:hover:last-child{
border-bottom-color: #f2f2f2;
}
}
@media (max-width:768px) {
.investors-information__title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.investors-information_top-104{
padding-top:calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375))) ;
}
.investors-information__box .project-block__item{
min-height: calc(320px + (240 - 320) * ((100vw - 375px) / (768 - 375)));
}
.investors-information__box{
grid-gap:calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:375px) {
.investors-information__box .project-block__item{
background-size: cover;
background-position: center;
}
}
/*end investors-information*/
/*start insiders-investors*/
.insiders-investors .project-block__item{
background-color: #F5DD07;
}
/*end insiders-investors*/
/*start shareholders-block*/
.shareholders-block__title{
margin-bottom: 48px;
}
.shareholders-block__download{
margin-top: 80px;
}
.shareholders-block__text{
max-width: 1022px;
font-size: 26px;
line-height: 140%;
}
.meeting-shareholders .project-block__item{
background-color: #F5DD07;
}
.shareholders-block .project-block__item{
min-height: 448px;
}
.registrar-shareholders .project-block__item{
background-color: #f2f2f2;
}
@media (max-width:1920px) {
.shareholders-block__title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.shareholders-block__text{
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.shareholders-block__download{
margin-top: calc(55px + (80 - 55) * ((100vw - 1366px) / (1920 - 1366)));
}
.shareholders-block .project-block__item{
min-height: calc(400px + (488 - 400) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.shareholders-block__title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.shareholders-block__text{
font-size:calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768))) ;
}
.shareholders-block__download{
margin-top:calc(50px + (55 - 50) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1200px) {
.shareholders-block .project-block__item{
min-height: 240px;
}
}
@media (max-width:768px) {
.shareholders-block__title{
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.shareholders-block__text{
font-size:calc(20px + (22 - 20) * ((100vw - 375px) / (768 - 375))) ;
}
.shareholders-block__download{
margin-top: calc(32px + (50 - 32) * ((100vw - 375px) / (768 - 375)));
}
.shareholders-block .project-block__item{
min-height: calc(320px + (240 - 320) * ((100vw - 375px) / (768 - 375)));
}
}
/*end shareholders-block*/
/*start insider-information-title*/
.insider-information-title{
padding-top: 88px;
}
.insider-information-title__link{
max-width: 1140px;
}
@media (max-width:1920px) {
.insider-information-title__link{
max-width: calc(950px + (1140 - 950) * ((100vw - 1366px) / (1920 - 1366)));
}
.insider-information-title{
padding-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.insider-information-title__link{
max-width: 950px;
}
.insider-information-title{
padding-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.insider-information-title{
padding-top: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
}
/*end insider-information-title*/
/*start insider-information*/
.insider-information__title{
margin-bottom: 64px;
}
@media (max-width:1920px) {
.insider-information__title{
margin-bottom:calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.insider-information__title{
margin-bottom:calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:768px) {
.insider-information__title{
margin-bottom:calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) ;
}
}
/*end insider-information*/
/*start questions-block*/
.questions-block__item-box{
max-width: 1440px;
padding: 0 32px 32px;
font-size: 22px;
line-height: 140%;
}
@media (max-width:1920px) {
.questions-block__item-box{
font-size: calc(20px + (22 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.questions-block__item-box{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
padding: 0 calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768))) calc(16px + (32 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.questions-block__item-box{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
padding: 0 calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375))) 16px;
}
.questions-block .reporting-block__item-date{
font-size: calc(18px + (24 - 18) * ((100vw - 375px) / (768 - 375)));
}
}
/*end questions-block*/
/*start bonds-block*/
.bonds-block__item{
margin-top: 104px;
}
.bonds-block__item-title{
margin-bottom: 48px;
}
@media (max-width:1920px) {
.bonds-block__item{
margin-top: calc(96px + (104 - 96) * ((100vw - 1366px) / (1920 - 1366)));
}
.bonds-block__item-title{
margin-bottom:calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.bonds-block__item{
margin-top: calc(72px + (96 - 72) * ((100vw - 768px) / (1366 - 768)));
}
.bonds-block__item-title{
margin-bottom:calc(32px + (40 - 32) * ((100vw - 768px) / (1366 - 768))) ;
}
.bonds-block__item-title{
font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.bonds-block__item{
margin-top: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
.bonds-block__item-title{
margin-bottom: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.bonds-block__item-title{
font-size: calc(24px + (26 - 24) * ((100vw - 375px) / (768 - 375)));
}
}
/*end bonds-block*/
/*start questions-registry*/
.questions-registry__title{
margin-bottom: 56px;
}
.questions-registry__link{
padding-left: 28px;
position: relative;
font-size: 22px;
line-height: 140%;
}
.questions-registry__link + .questions-registry__link{
margin-top: 16px;
}
.questions-registry__link::before{
content: '';
position: absolute;
left: 4px;
border-radius: 50%;
background-color: #F5DD07;
width: 6px;
height: 6px;
top: 10px;
}
@media (max-width:1920px) {
.questions-registry__link{
font-size:calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.questions-registry__title{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.questions-registry__link{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.questions-registry__title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.questions-registry__link{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.questions-registry__title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
}
}
/*end questions-registry*/
/*start information-registrar*/
.information-registrar__inner{
display: grid;
grid-template-columns: 1fr 1025px;
grid-gap: 24px;
}
.information-registrar__link{
padding: 24px 0;
font-size: 16px;
line-height: 140%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 104px;
border-top: 1px solid #f2f2f2;
}
.information-registrar__link:last-child{
border-bottom: 1px solid #f2f2f2;
}
.information-registrar__title{
color: #6A6A6A;
}
@media (max-width:1920px) {
.information-registrar__inner{
grid-template-columns: 1fr calc(730px + (1025 - 730) * ((100vw - 1366px) / (1920 - 1366)));
}
.information-registrar__link{
padding: calc(20px + (24 - 20) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media (max-width:1200px) {
.information-registrar__inner{
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px;
}
.information-registrar__link{
padding: 16px 0;
grid-gap: 64px;
}
}
@media (max-width:768px) {
.information-registrar__link{
grid-gap: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
}
.information-registrar__inner{
grid-gap: calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
}
}
/*end information-registrar*/
/*start general-meeting*/
.general-meeting__text-left{
font-size: 26px;
}
.general-meeting .lessons-block__text.grey{
margin-top: 40px;
}
@media (max-width:1920px) {
.general-meeting__text-left{
font-size:calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.general-meeting .lessons-block__text.grey{
margin-top: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.general-meeting__text-left{
font-size:calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:1200px) {
.general-meeting .lessons-block__text.grey{
margin-top: 24px;
}
}
@media (max-width:768px) {
.general-meeting__text-left{
font-size:calc(20px + (22 - 20) * ((100vw - 375px) / (768 - 375))) ;
}
}
/*end general-meeting*/
/*start documents-extraordinary*/
.documents-extraordinary__title{
margin-bottom: 56px;
}
@media (max-width:1920px) {
.documents-extraordinary__title{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.documents-extraordinary__title{
margin-bottom: calc(40px + (48 - 40) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.documents-extraordinary__title{
margin-bottom: calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
}
}
/*end documents-extraordinary*/
/*start policy-principles*/
.policy-principles__title{
margin-bottom: 48px;
max-width: 1175px;
}
.policy-principles__list{
max-width: 1145px;
margin-bottom: 88px;
}
.policy-principles__list .questions-registry__link{
font-size: 24px;
}
@media (max-width:1920px) {
.policy-principles__list .questions-registry__link{
font-size:calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.policy-principles__list{
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.policy-principles__title{
margin-bottom:calc(40px + (48 - 40) * ((100vw - 768px) / (1366 - 768))) ;
}
.policy-principles__list .questions-registry__link{
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.policy-principles__list{
margin-bottom:calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768))) ;
}
}
@media (max-width:768px) {
.policy-principles__title{
margin-bottom:calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375))) ;
}
.policy-principles__list .questions-registry__link{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
.policy-principles__list{
margin-bottom: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
.policy-principles__list .questions-registry__link + .questions-registry__link{
margin-top: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
}
}
/*end policy-principles*/
/*start payment-documents*/
.payment-documents__title{
max-width: 1175px;
margin-bottom: 65px;
}
.payment-documents__columns{
display: grid;
padding: 0 32px;
grid-gap: 32px;
grid-template-columns: repeat(5, 1fr);
}
.payment-documents__column-title{
color: #A6A6A6;
font-size: 18px;
line-height: 140%;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.payment-documents__column{
display: flex;
flex-direction: column;
grid-gap: 24px;
justify-content: space-between;
}
.payment-documents__column-text{
font-size: 22px;
line-height: 140%;
}
@media (max-width:1920px) {
.payment-documents__title{
margin-bottom: calc(56px + (65 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.payment-documents__columns{
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.payment-documents__column-title{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.payment-documents__column-text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.payment-documents__column{
grid-gap: calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.payment-documents__title{
margin-bottom:calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) ;
}
.payment-documents__column-title{
font-size:calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768))) ;
}
.payment-documents__column-text{
font-size:calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768))) ;
}
.payment-documents__column{
grid-gap: 16px;
}
}
@media (max-width:1200px) {
.payment-documents__columns{
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
}
@media (max-width:950px) {
.payment-documents__columns{
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:768px) {
.policy-principles__title{
margin-bottom:calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) ;
}
.payment-documents__column-title{
font-size: 14px;
max-width: 70%;
}
.payment-documents__column-text{
font-size: 16px;
}
.payment-documents__columns{
grid-gap: 12px;
grid-template-columns: repeat(1, 1fr);
padding: 0 calc(16px + (32 - 16) * ((100vw - 375px) / (768 - 375)));
}
.payment-documents__column{
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:550px) {
.payment-documents__column{
display: flex;
grid-gap: 8px;
}
.payment-documents__column-title{
max-width: 69%;
}
}
@media (max-width:375px) {
.payment-documents__columns{
padding: 0 16px;
}
}
/*end payment-documents*/
/*start number-wells*/
.number-wells{
overflow-x: hidden;
position: relative;
}
.number-wells__inner{
max-width: 1920px;
margin: 0 auto;
padding: 0 70px;
position: relative;
}
.number-wells__fon{
}
.number-wells__title{
margin-bottom: 65px;
}
.number-wells__inner {
}
.number-wells__fon {
position: relative;
height: 600px;
}
.number-wells__fon-numbers {
position: absolute;
top: 38px;
left: 0px;
}
.number-wells__fon-number {
font-size: 20px;
line-height: 28px;
text-align: right;
}
.number-wells__fon-number + .number-wells__fon-number{
margin-top: 52px;
}
.number-wells__fon-lines {
padding-left: 50px;
top: 0;
left: 90px;
bottom: 0;
}
.number-wells__fon-linesinner{
position: relative;
padding-top: 52px;
height: 600px;
display: flex;
flex-direction: column;
}
.number-wells__fon-line {
position: relative;
}
.number-wells__fon-line:last-child{
position: absolute;
top: -90px;
margin-top: 0;
left: 50px;
bottom: 0;
}
.number-wells__fon-line:last-child:before{
width: 1px;
height: 600px;
}
.number-wells__fon-line::before{
content: '';
position: absolute;
height: 1px;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: #f2f2f2;
}
.number-wells__fon-line + .number-wells__fon-line{
margin-top: 80px;
}
.number-wells__description {
margin-left: 140px;
display: flex;
margin-top: 50px;
grid-gap: 72px;
font-size: 18px;
line-height: 140%;
}
.number-wells__description-link {
padding-left: 48px;
position: relative;
}
.number-wells__description-link::before{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 32px;
height: 12px;
}
.number-wells__description-link.one::before{
background-color: #F5DD07;
}
.number-wells__description-link.two::before{
background-color: #E4E4E4;
}
.number-wells__slider.swiper {
max-width: 1600px;
padding-right: 90px;
position: absolute;
left: 130px;
right: 0;
top: 30px;
}
.number-wells__slider.swiper .swiper-wrapper {
justify-content: space-between;
}
.number-wells__slide.swiper-slide {
width: 65px;
position: relative;
display: flex;
justify-content: flex-end;
flex-direction: column;
height: 550px;
}
.number-wells__slide-lines {
display: flex;
grid-gap: 20px;
align-items: flex-end;
justify-content: center;
}
.number-wells__slide-line {
width: 12px;
}
.number-wells__slide-line.yellow {
background-color: #F5DD07;
transition: 0.3s ease-out;
}
.number-wells__slide-line.grey {
background-color: #E4E4E4;
transition: 0.5s ease-out;
}
.number-wells__slide-year {
font-size: 24px;
line-height: 32px;
font-family: 'Myriad Pro 600';
text-align: center;
margin-top: 30px;
}
.swiper-slide.number-wells__slide .number-wells__slide-line.yellow{
height: 0;
}
.swiper-slide.number-wells__slide .number-wells__slide-line.grey{
height: 0;
}
.swiper-slide.number-wells__slide.active:nth-child(1) .number-wells__slide-line.yellow{
height: 87px;
}
.swiper-slide.number-wells__slide.active:nth-child(1) .number-wells__slide-line.grey.active{
height: 450px;
}
.swiper-slide.number-wells__slide.active:nth-child(2) .number-wells__slide-line.yellow{
height: 125px;
}
.swiper-slide.number-wells__slide.active:nth-child(2) .number-wells__slide-line.grey.active{
height: 370px;
}
.swiper-slide.number-wells__slide.active:nth-child(3) .number-wells__slide-line.yellow{
height: 45px;
}
.swiper-slide.number-wells__slide.active:nth-child(3) .number-wells__slide-line.grey.active{
height: 405px;
}
.swiper-slide.number-wells__slide.active:nth-child(4) .number-wells__slide-line.yellow{
height: 135px;
}
.swiper-slide.number-wells__slide.active:nth-child(4) .number-wells__slide-line.grey.active{
height: 480px;
}
.swiper-slide.number-wells__slide.active:nth-child(5) .number-wells__slide-line.yellow{
height: 120px;
}
.swiper-slide.number-wells__slide.active:nth-child(5) .number-wells__slide-line.grey.active{
height: 450px;
}
.swiper-slide.number-wells__slide.active:nth-child(6) .number-wells__slide-line.yellow{
height: 110px;
}
.swiper-slide.number-wells__slide.active:nth-child(6) .number-wells__slide-line.grey.active{
height: 300px;
}
.swiper-slide.number-wells__slide.active:nth-child(7) .number-wells__slide-line.yellow{
height: 50px;
}
.swiper-slide.number-wells__slide.active:nth-child(7) .number-wells__slide-line.grey.active{
height: 395px;
}
.swiper-slide.number-wells__slide.active:nth-child(8) .number-wells__slide-line.yellow{
height: 87px;
}
.swiper-slide.number-wells__slide.active:nth-child(8) .number-wells__slide-line.grey.active{
height: 298px;
}
.swiper-slide.number-wells__slide.active:nth-child(9) .number-wells__slide-line.yellow{
height: 45px;
}
.swiper-slide.number-wells__slide.active:nth-child(9) .number-wells__slide-line.grey.active{
height: 247px;
}
.swiper-slide.number-wells__slide.active:nth-child(10) .number-wells__slide-line.yellow{
height: 33px;
}
.swiper-slide.number-wells__slide.active:nth-child(10) .number-wells__slide-line.grey.active{
height: 218px;
}
.number-wells__slider-bottom{
display: none;
}
@media (max-width:1920px) {
.number-wells__inner{
padding: 0 calc(48px + (72 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__fon-number{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__slide-year{
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__slider.swiper{
max-width:calc(1145px + (1600 - 1145) * ((100vw - 1366px) / (1920 - 1366))) ;
left: calc(150px + (130 - 150) * ((100vw - 1366px) / (1920 - 1366)));
padding-right: calc(35px + (90 - 35) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__description{
margin-top: calc(35px + (48 - 35) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__description{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.number-wells__title{
margin-bottom:calc(55px + (65 - 55) * ((100vw - 1366px) / (1920 - 1366))) ;
}
}
@media (max-width:1366px) {
.number-wells__slider.swiper{
padding-right: 35px;
left: 150px;
}
.number-wells__inner{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
.number-wells__title{
margin-bottom: calc(48px + (55 - 48) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.number-wells__fon-number{
font-size: 16px;
}
.number-wells__fon-lines{
padding-left: 45px;
margin-right: calc(-30px + (-43 - (-30)) * ((100vw - 768px) / (1200 - 768)));
}
.number-wells__slide-year{
font-size: 20px;
}
.number-wells__description{
flex-direction: column;
grid-gap: 16px;
font-size: 14px;
margin-left: 80px;
margin-top: 20px;
}
.number-wells__fon-line:last-child{
left: 16px;
}
.number-wells__slider.swiper{
left: 120px;
max-width: 100%;
}
.number-wells__description-link{
padding-left: 40px;
}
.number-wells__slider-bottom{
display: flex;
margin-top: 48px;
}
.slider-global__bottom.number-wells__slider-bottom .slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width: 470px;
}
}
@media (max-width:768px) {
/* .number-wells__fon-number{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
} */
.number-wells__fon-lines{
margin-right: calc(-15px + (-30 - (-15)) * ((100vw - 375px) / (768 - 375)));
}
.slider-global__bottom.number-wells__slider-bottom .slider-global__pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
width:calc(180px + (470 - (180)) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__description{
margin-left:calc(0px + (80 - (0)) * ((100vw - 375px) / (768 - 375))) ;
margin-top: calc(10px + (15 - (10)) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__slider-bottom{
margin-top: calc(24px + (48 - (24)) * ((100vw - 375px) / (768 - 375))) ;
}
.number-wells__slider.swiper{
left: calc(90px + (120 - (90)) * ((100vw - 375px) / (768 - 375)));
padding-right: calc(15px + (35 - (15)) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__title{
margin-bottom: calc(25px + (48 - (25)) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__description{
grid-gap: calc(8px + (16 - (8)) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__fon-lines{
padding-left: calc(35px + (45 - 35) * ((100vw - 375px) / (768 - 375)));
}
.number-wells__slide-year{
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375))) ;
}
}
@media (max-width:700px) {
.number-wells__slide-lines{
grid-gap: 12px;
}
}
@media (max-width:375px) {
.number-wells__fon-number{
/* padding: 0 15px; */
}
.number-wells__fon-lines{
margin-right: -15px;
}
.number-wells__slider.swiper{
padding-right: 15px;
left: 90px;
}
.number-wells__description{
margin-left: 0;
}
}
/*end number-wells*/
/*start management-process*/
.management-process .slider-global__wrapper{
padding-top: 50px;
}
.management-process{
overflow-x: hidden;
}
.management-process .slider-global__wrapper{
overflow: initial;
}
.management-process__title{
margin-bottom: 55px;
max-width: 1630px;
}
.management-process__slider{
max-width: 1920px;
margin: 0 auto;
padding: 0 72px;
}
.pin-slider__swiper.slider-eclogy{
padding: 0;
}
.management-process__text{
font-size: 28px;
width: 420px;
line-height: 140%;
}
.management-process__text b{
font-family: 'Myriad Pro 600';
}
.management-process__slider .pin-slider__slide{
padding-right: 0;
}
@media (max-width:1920px) {
.management-process__slider{
padding: 0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.management-process__title{
margin-bottom: calc(48px + (55 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.management-process__text{
width: calc(350px + (420 - 350) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.pin-slider__navigations{
}
}
@media (max-width:1366px) {
.management-process__slider{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
.management-process .swiper-pagination-progressbar.swiper-pagination-horizontal.pin-slider__progressbar{
width: calc(450px + (575 - 450) * ((100vw - 768px) / (1366 - 768)));
}
.management-process__title{
margin-bottom: calc(55px + (48 - 55) * ((100vw - 768px) / (1366 - 768)));
}
.management-process__text{
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.management-process__text{
width: calc(295px + (350 - 295) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.management-process__slider{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
}
.management-process .swiper-pagination-progressbar.swiper-pagination-horizontal.pin-slider__progressbar {
width: calc(180px + (450 - 180) * ((100vw - 375px) / (768 - 375)));
}
.management-process__title{
margin-bottom: calc(48px + (55 - 48) * ((100vw - 375px) / (768 - 375)));
}
.management-process__text{
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
width: calc(260px + (295 - 260) * ((100vw - 375px) / (768 - 375)));
}
.management-process .slider-global__wrapper{
padding-top: 45px;
}
}
@media (max-width:375px) {
.management-process__slider{
padding: 0 15px;
}
.management-process__text{
width: calc(215px + (260 - 215) * ((100vw - 320px) / (375 - 320)));
}
}
/*end management-process*/
/*start around-block*/
.around-block .project-block .project-block__item:nth-child(1) {
background-position: center;
background-size: cover;
}
.around-block .project-block__item{
background-position: center;
background-size: cover;
}
.around-block .section-header__description-text{
font-size: 22px;
max-width: 1200px;
}
@media (max-width:1920px) {
.around-block .section-header__description{
margin-top:calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366))) ;
}
.around-block .section-header{
margin-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.around-block .section-header__description-text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.around-block .section-header__description{
margin-top:calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768))) ;
}
.around-block .section-header__description-text{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:1200px) {
.around-block .project-block--item-three{
grid-template-columns: repeat(1, 1fr);
grid-template-rows: auto;
}
.around-block .project-block--item-three .project-block__item:nth-child(1) {
grid-row: span 1;
}
.around-block .project-block--item-three .project-block__item:nth-child(2) {
grid-row: span 1;
}
.around-block .project-block--item-three .project-block__item:nth-child(3) {
grid-row: span 1;
grid-column: span 1;
}
.around-block .project-block--item-three .project-block__item{
height: 240px;
min-height: auto;
}
.around-block .section-header{
margin-bottom: 64px;
}
}
@media (max-width:768px) {
.around-block .project-block--item-three .project-block__item{
height: calc(320px + (240 - 320) * ((100vw - 375px) / (768 - 375)));
}
.around-block .section-header{
margin-bottom: calc(48px + (64 - 48) * ((100vw - 375px) / (768 - 375)));
}
.around-block .section-header__description{
margin-top:calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375))) ;
}
.around-block .section-header__description-text{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:375px) {
.around-block .project-block--item-three .project-block__item{
height: 320px;
}
}
/*end around-block*/
/* Breadcrumb (START) */
.breadcrumb{
overflow-x: hidden;
/* margin-top: 164px; */
padding-top: 164px;
}
.breadcrumb__slider{
overflow: initial;
padding: 0 72px;
max-width: 1920px;
margin: 0 auto;
}
.breadcrumb__slide.swiper-slide {
width: auto;
}
.breadcrumb__slide.swiper-slide:last-child{
pointer-events: none;
}
.breadcrumb__slide-link{
padding-right: 36px;
position: relative;
}
.breadcrumb__slide-link::before{
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMy4zMzM2NkwxMC42NjY3IDguMDAwMzNMNiAxMi42NjciIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
}
.breadcrumb__slide-btn {
font-size: 18px;
line-height: 140%;
}
.swiper-slide.breadcrumb__slide:last-child{
color: #A6A6A6;
}
.swiper-slide.breadcrumb__slide:last-child .breadcrumb__slide-link{
padding-right: 22px;
}
.swiper-slide.breadcrumb__slide:last-child .breadcrumb__slide-link::before{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzMzOTggOC42NjY1TDEwLjY2NzMgMTEuOTk5OEwxNC4wMDA3IDguNjY2NSIgc3Ryb2tlPSIjQTZBNkE2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiA0LjY2NjVIMTAuNjY2N1YxMS45OTk4IiBzdHJva2U9IiNBNkE2QTYiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
@media (max-width:1920px) {
.breadcrumb__slide-btn{
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.breadcrumb__slider{
padding: 0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.breadcrumb{
/* margin-top: calc(156px + (164 - 156) * ((100vw - 1366px) / (1920 - 1366))); */
padding-top: calc(156px + (164 - 156) * ((100vw - 1366px) / (1920 - 1366)));
}
.breadcrumb__slide-link{
padding-right: calc(32px + (36 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.breadcrumb__slide-btn{
font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
}
.breadcrumb__slider{
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
}
.breadcrumb{
/* margin-top:calc(114px + (156 - 114) * ((100vw - 768px) / (1366 - 768))) ; */
padding-top: calc(114px + (156 - 114) * ((100vw - 768px) / (1366 - 768)));
}
.breadcrumb__slide-link{
padding-right: calc(28px + (32 - 28) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.breadcrumb__slide-btn{
font-size: 14px;
}
.breadcrumb__slider{
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
}
.breadcrumb{
/* margin-top: calc(100px + (114 - 100) * ((100vw - 375px) / (768 - 375))); */
padding-top: calc(100px + (114 - 100) * ((100vw - 375px) / (768 - 375)));
}
.breadcrumb__slide-link{
padding-right: 28px;
}
}
@media (max-width:375px) {
.breadcrumb__slider{
padding: 0 15px;
}
.breadcrumb{
/* margin-top: 100px; */
padding-top: 100px;
}
}
/* Breadcrumb (END) */
/* Navigation tabs (START) */
.navigation-tabs {
display: flex;
align-items: stretch;
background-color: transparent;
position: relative;
}
.navigation-tabs::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 100%;
background-color: #fff;
border-bottom: 2px solid transparent;
transition: border-bottom-color .3s ease, left 1s ease;
pointer-events: none;
}
.navigation-tabs::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 100%;
background-color: #fff;
border-bottom: 2px solid transparent;
transition: border-bottom-color .3s ease, right 1s ease;
pointer-events: none;
}
.navigation-tabs.fixed::before,
.navigation-tabs.fixed::after {
border-bottom-color: #E4E4E4;
pointer-events: all;
}
.navigation-tabs.fixed::before {
left: -100vw;
right: 0;
}
.navigation-tabs.fixed::after {
left: 0;
right: -100vw;
}
.navigation-tabs.fixed {
position: fixed;
top: 119px;
transition: top .3s ease;
background-color: #fff;
z-index: 101;
}
@media screen and (max-width: 1920px) {
.navigation-tabs.fixed {
top: calc(91px + (119 - 91) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.navigation-tabs.fixed {
top: calc(65px + (91 - 65) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.navigation-tabs.fixed {
top: calc(51px + (65 - 51) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.navigation-tabs.fixed {
top: 51px;
}
}
body.header--hide .navigation-tabs.fixed {
top: 0;
}
.navigation-tabs__item {
display: block;
padding: 20px 32px;
color: #A6A6A6;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
transition: all .3s ease;
border-bottom: 2px solid #E4E4E4;
cursor: pointer;
}
.navigation-tabs__swiper.swiper {
overflow: inherit;
max-width: 100%;
margin: 0;
}
@media(max-width: 630px) {
.navigation-tabs__swiper.swiper {
max-width: calc(360px + (500 - 360) * ((100vw - 375px) / (630 - 375)));
}
}
.navigation-tabs__swiper.swiper .swiper-slide {
width: auto;
}
.navigation-tabs__item.active {
font-family: 'Myriad Pro 600', sans-serif;
color: #252525;
font-weight: 600;
border-bottom-color: #F5DD07;
}
.navigation-tabs__item:hover {
color: #252525;
}
/* .navigation-tabs-page.navigation-tabs{
overflow: hidden;
display: block;
}
.navigation-tabs-page.navigation-tabs .navigation-tabs__swiper{
max-width: 1920px;
margin: 0 auto;
padding: 0 72px;
}
.navigation-tabs.navigation-tabs-page.fixed::after{
border-bottom: 0;
}
*/
@media screen and (max-width: 1920px) {
.navigation-tabs__item {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.navigation-tabs__item {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
padding: calc(12px + (18 - 12) * ((100vw - 768px) / (1366 - 768))) calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.navigation-tabs__item {
font-size: 18px;
padding: 12px 16px;
}
}
/* Navigation tabs (END) */
/* First window (START) */
.first-window {
padding: 0 0 48px;
overflow: hidden;
max-width: 100vw;
}
.first-window__only-text {
max-width: 1343px;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; /* 150% */
}
.first-window .reporting-block__items {
margin-top: 64px;
}
.first-window.first-window--padding-bottom-none {
padding: 0;
}
.first-window h1 {
padding: 88px 0;
color: #252525;
font-family: 'Myriad Pro 700', sans-serif;
font-size: 88px;
font-style: normal;
font-weight: 700;
line-height: 1.11;
}
.first-window.first-window--h1-bottom-none h1 {
padding-bottom: 0;
}
.first-window.big-h1 h1 {
font-size: 120px;
max-width: 1406px;
}
.first-window.first-window--big-padding h1 span {
background-color: #F5DD07;
background-image: linear-gradient(94deg, #F5DD07 32.4%, #FFF6A6 46%, #FFFCDF 47%, #F5DD07 60.3%);
background-size: 300% 100%;
background-position: 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: animateGradientTitleSpan 3s linear infinite;
-moz-animation: animateGradientTitleSpan 3s linear infinite;
animation: animateGradientTitleSpan 3s linear infinite;
}
.first-window.first-window--big-padding h1 span::selection{
background-image:linear-gradient(0deg, #000 100%, #000 100%);
color: #000 !important;
animation: none;
-webkit-animation:none;
-webkit-text-fill-color:#000;
}
.first-window.first-window--big-padding h1 {
padding: 144px 0 192px;
}
.first-window__breadcrumb {
/* margin-top: 64px; */
}
@keyframes animateGradientTitleSpan {
0% {background-position: 100% 0}
99.9% {background-position: -100% 0; background-image: none;}
100% {background-position: 100% 0; background-image: linear-gradient(94deg, #F5DD07 32.4%, #FFF6A6 44.55%, #FFFCDF 47.94%, #F5DD07 60.3%);}
}
@media screen and (max-width: 1920px) {
.first-window h1 {
padding: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) 0;
font-size: calc(64px + (88 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.first-window.big-h1 h1 {
font-size: calc(88px + (120 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
.first-window.first-window--big-padding h1 {
padding-top: calc(104px + (144 - 104) * ((100vw - 1366px) / (1920 - 1366)));
padding-bottom: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
.first-window .reporting-block__items {
margin-top: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366)));
}
.first-window__only-text {
max-width: calc(1030px + (1343 - 1030) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(22px + (24 - 22) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1699px) {
.first-window {
padding-bottom: 64px;
}
.first-window.first-window--padding-bottom-none {
padding-bottom: 0;
}
}
@media screen and (max-width: 1366px) {
.first-window h1 {
padding: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768))) 0;
font-size: calc(52px + (64 - 52) * ((100vw - 768px) / (1366 - 768)));
}
.first-window.big-h1 h1 {
font-size: calc(52px + (88 - 52) * ((100vw - 768px) / (1366 - 768)));
max-width: 95%;
}
.first-window.first-window--big-padding h1 {
padding-top: calc(88px + (104 - 88) * ((100vw - 768px) / (1366 - 768)));
padding-bottom: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
.first-window .reporting-block__items {
margin-top: calc(40px + (56 - 40) * ((100vw - 768px) / (1366 - 768)));
}
.first-window__only-text {
max-width: 100%;
font-size: calc(20px + (22 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.first-window h1 {
padding: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375))) 0;
}
.first-window h1,
.first-window.big-h1 h1 {
font-size: calc(34px + (52 - 34) * ((100vw - 375px) / (768 - 375)));
max-width: 95%;
}
.first-window.first-window--big-padding h1 span {
display: inline-block;
}
.first-window.first-window--big-padding h1 {
padding-top: calc(64px + (88 - 64) * ((100vw - 375px) / (768 - 375)));
padding-bottom: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
.first-window .reporting-block__items {
margin-top: 40px;
}
.first-window__only-text {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
.first-window {
padding-bottom: calc(56px + (64 - 56) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.first-window h1,
.first-window.big-h1 h1 {
font-size: 34px;
}
}
/* First window (END) */
/* Row items (START) */
.row-items {
display: flex;
justify-content: flex-start;
padding: 152px 0;
}
.row-items__item {
flex: 1;
color: #252525;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
font-family: 'Myriad Pro 400', sans-serif;
padding-right: 24px;
overflow: hidden;
position: relative;
}
.row-items__item:last-child{
padding-right: 0;
}
.row-items__item span {
position: relative;
}
.row-items__item p {
position: relative;
z-index: 2;
}
.row-items__item p::after,
.row-items__item span::after {
content: '';
position: absolute;
top: 0;
right: -100%;
bottom: 0;
left: -100%;
transform: translateX(-33.3%);
transition: all 3s ease;
background: linear-gradient(to right, transparent 0%, #fff 50%, #fff 100%);
}
.row-items__item p::after {
transition-delay: .5s;
}
.row-items__item.animate p::after,
.row-items__item.animate span::after {
transform: translateX(100%);
}
.row-items__item span {
font-family: 'Myriad Pro 700', sans-serif;
font-size: 140px;
font-weight: 700;
line-height: 0.94;
}
.row-items__item p {
margin: 16px 0 0;
}
.row-items__item strong {
font-family: 'Myriad Pro 600', sans-serif;
font-weight: 600;
}
.row-items{
position: relative;
overflow-x: hidden;
}
.row-items__animation{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
pointer-events: none;
}
.row-items__animation-block{
position: absolute;
pointer-events: none;
z-index: 4;
top: 100px;
bottom: 100px;
/* transform: translateX(-100%); */
width: 0%;
background-color: #F5DD07;
transition: ease-in-out 0.7s;
}
.row-items__animation-block.active{
/* transform: translateX(100%); */
width: 100%;
}
.row-items__animation-block.active-2{
/* transform: translateX(100%); */
width: 0%;
right: 0;
}
.row-items__animation-link.active{
animation: scaleAnim 1s ease-out 1 forwards;
}
.row-items__animation-links{
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.row-items__animation-link{
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #F5DD07;
position: relative;
transform: scale(0.35);
opacity: 0;
}
.row-items__animation-link::before{
content: '';
position: absolute;
left: 50%;
top: 50%;
opacity: 0.12;
background: radial-gradient(50% 50% at 50% 50%, rgba(245, 221, 7, 0.00) 0%, #F5DD07 100%);
width: 130px;
height: 130px;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.block-rows-items{
position: relative;
overflow: hidden;
}
.row-items__animation-block-mobile{
display: none;
}
@keyframes scaleAnim{
0%{
transform: scale(0.35);
opacity: 0;
}
10%{
opacity: 1;
}
70%{
transform: scale(1);
opacity: 1;
}
100%{
opacity: 0;
transform: scale(1);
}
}
@media (max-width:1920px) {
.row-items{
padding: calc(104px + (152 - 104) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.row-items__item span{
font-size: calc(120px + (140 - 120) * ((100vw - 1366px) / (1920 - 1366)));
}
.row-items__item{
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.row-items__item p{
margin-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
}
.row-items__animation-block{
top: calc(70px + (100 - 70) * ((100vw - 1366px) / (1920 - 1366)));
bottom: calc(70px + (100 - 70) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.row-items{
padding: calc(72px + (104 - 72) * ((100vw - 768px) / (1366 - 768))) 0;
}
.row-items__item span{
font-size: 120px;
z-index: 2;
}
.row-items__item{
font-size: 26px;
}
.row-items__animation-link:nth-child(5),.row-items__animation-link:nth-child(6){
display: none;
}
}
@media (max-width:1200px) {
.row-items__animation-links{
display: none;
}
.row-items__animation-block{
display: flex;
flex-direction: column;
grid-gap: 40px;
justify-content: space-between;
background-color: transparent;
top: 70px;
bottom: 70px;
}
.row-items__animation-block-mobile{
height: 140px;
width: 100%;
background-color: #F5DD07;
display: block;
}
.row-items__animation-mobile{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding-top: 130px;
padding-bottom: 130px;
}
.row-items__animation-circle {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #F5DD07;
position: relative;
transform: scale(0.35);
opacity: 0;
}
.row-items__animation-circle::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
opacity: 0.12;
background: radial-gradient(50% 50% at 50% 50%, rgba(245, 221, 7, 0.00) 0%, #F5DD07 100%);
width: 82px;
height: 82px;
transform: translate(-50%, -50%);
border-radius: 50%;
}
.row-items__animation-item{
display: flex;
align-items: center;
justify-content: space-around;
}
.row-items__animation-circle.active {
animation: scaleAnim 1s ease-out 1 forwards;
}
.row-items{
flex-direction: column;
grid-gap: 56px;
}
.row-items__item{
display: flex;
align-items: center;
grid-gap: 12px;
padding-right: 0;
width: 100%;
}
.row-items__item p{
margin-top: 0;
}
.row-items__item span{
min-width: 235px;
}
.row-items__item p::after, .row-items__item span::after{
top: -5px;
bottom: -5px;
}
}
@media (max-width:768px) {
.row-items{
padding: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375))) 0;
}
.row-items__item span{
font-size: calc(88px + (120 - 88) * ((100vw - 375px) / (768 - 375)));
}
.row-items__item{
font-size: calc(22px + (26 - 22) * ((100vw - 375px) / (768 - 375)));
}
}
@media (max-width:700px) {
.row-items__item{
display: block;
}
.row-items__item span{
width: auto;
}
.row-items__item p{
margin-top: 8px;
}
.row-items__animation-circle{
height: 13px;
width: 13px;
}
.row-items__animation-circle::before{
width: 52px;
height: 52px;
}
}
/* Row items (END) */
/* Confidence (START) */
.confidence .section-header__title{
max-width: 1230px;
}
@media (max-width:1920px) {
.confidence .section-header__title{
max-width: calc(900px + (1230 - 900) * ((100vw - 1366px) / (1920 - 1366)));
}
.confidence .section-header__description-text{
max-width: calc(745px + (1172 - 745) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.confidence .section-header__title{
max-width: 900px;
}
.confidence .section-header__description-text{
max-width: 745px;
}
}
/* Confidence (END) */
/* Priority company (START) */
.priority-company .direction__items {
margin-top: 88px;
color: #fff;
}
.priority-company .section-header{
margin-bottom: 0;
}
@media (max-width:1920px) {
.priority-company .direction__items {
margin-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.priority-company .direction__items {
margin-top: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.priority-company .direction__items {
margin-top: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375)));
}
}
/* Priority company (END) */
/* Header (START) */
header {
height: 120px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 102;
border-bottom: 1px solid #E4E4E4;
transition: 0.3s;
}
header.no-border {
border-bottom-color: transparent;
}
header.dark {
background-color: transparent;
border-bottom-color: transparent;
transition: 0.3s ;
}
header::before {
content: '';
position: absolute;
top: 120px;
height: 100vh;
left: 0;
right: 0;
background: rgba(37, 37, 37, 0.6);
z-index: 0;
pointer-events: none;
opacity: 0;
transition: all .3s;
}
@media (max-width: 533px) {
/* header::before {
background: none;
} */
}
header.substrate::before {
opacity: 0.48;
}
header > .container {
height: 100%;
position: relative;
z-index: 1;
/* background-color: #fff; */
transition: .3s;
}
header.dark > .container {
background-color: transparent;
}
body.header--hide header {
transform: translateY(-100%);
}
.header {
display: flex;
height: 100%;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
}
.header__logotype svg,
.header__logotype img {
width: 100%;
height: auto;
}
.header__logotype svg path[fill="white"] {
fill: #252525;
transition: all .3s ease;
}
header.dark .header__logotype svg path[fill="white"] {
fill: #fff;
}
.header__logotype {
width: 211px;
margin-right: 64px;
display: flex;
justify-content: flex-start;
align-items: center;
transform: translateY(-8px);
}
.header__navigation {
flex: 1;
height: 100%;
opacity: 1;
transition: all 0.3s ease;
}
.header__navigation.disabled {
opacity: 0;
pointer-events: none;
}
.header__search {
margin-left: 56px;
position: relative;
}
.header__search > button {
display: flex;
justify-content: center;
align-items: center;
outline: none;
border: 0;
background: transparent;
position: relative;
cursor: pointer;
}
.header__search > button::after {
content: '';
position: absolute;
left: -12px;
right: -12px;
top: -12px;
bottom: -12px;
}
.header__navigation > ul {
display: flex;
height: 100%;
}
.header__navigation > ul > li {
height: 100%;
display: flex;
align-items: center;
}
.header__navigation > ul > li > a {
padding: 16px 24px;
position: relative;
border-radius: 6px;
transition: all .3s ease;
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 1.55;
}
header.dark .header__navigation > ul > li > a {
color: #fff;
}
.header__navigation > ul > li > a.active,
.header__navigation > ul > li > a.hover {
background-color: #F5DD07;
}
header.dark .header__navigation > ul > li > a.active {
color: #000;
}
.header__navigation > ul > li > a.open-dropdown {
padding: 16px 48px 16px 24px;
}
.header__navigation > ul > li > a.open-dropdown::after {
content: '';
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-56%) scale(1, 1);
width: 16px;
height: 16px;
transition: all .3s ease;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M12.6654 6L7.9987 10.6667L3.33203 6' stroke='%23252525' stroke-width='1.8' stroke-linejoin='round'/%3e%3c/svg%3e");
}
header.dark .header__navigation > ul > li > a.open-dropdown::after {
filter: invert(1);
}
.header__navigation > ul > li > a.hover.open-dropdown::before {
content: '';
position: absolute;
top: 100%;
bottom: -33px;
left: -150px;
cursor: default;
right: -150px;
}
.header__navigation > ul > li > a.hover::after {
transform: translateY(-50%) scale(1, -1);
}
.header__navigation .dropdown {
position: fixed;
opacity: 0;
top: 120px;
left: 0;
right: 0;
min-height: 450px;
background-color: #fff;
box-shadow: 0px 12px 26px 0px rgba(120, 120, 120, 0.10), 0px 46px 46px 0px rgba(120, 120, 120, 0.09), 0px 104px 63px 0px rgba(120, 120, 120, 0.05), 0px 186px 74px 0px rgba(120, 120, 120, 0.01), 0px 290px 81px 0px rgba(120, 120, 120, 0.00);
padding: 40px 0 122px;
background-repeat: no-repeat;
background-image: url('../images/logo-for-navigation-dropdown.jpg');
background-position: calc(100% - (48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)))) bottom;
transition: all 0s ease;
pointer-events: none;
}
.header__navigation .dropdown::before {
content: '';
position: absolute;
top: 120px;
bottom: -100vh;
left: 0;
right: 0;
opacity: 0.48;
background: rgba(37, 37, 37, 0.6);
z-index: 0;
pointer-events: none;
}
.header__navigation .dropdown::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 1;
}
.header__navigation .dropdown > .container {
position: relative;
z-index: 2;
}
.header__navigation > ul > li > a.hover + .dropdown {
opacity: 1;
pointer-events: all;
}
.header__navigation .dropdown__inner {
display: flex;
grid-gap: 32px;
}
.header__navigation .dropdown__inner ul {
display: flex;
flex-direction: column;
grid-gap: 24px;
}
.header__navigation .dropdown__inner li a.active,
.header__navigation .dropdown__inner li a:hover {
color: #F5DD07;
}
.header__language-option,
.header__navigation .dropdown__inner li a {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
transition: all .3s ease;
}
.header__navigation .dropdown__link {
min-width: 267px;
}
.dropdown__link .button-global.disable{
pointer-events: none;
}
.header__navigation .dropdown__link .button-global{
font-size: 22px;
}
.header__language.disabled {
opacity: 0;
pointer-events: none;
}
.header__language {
position: relative;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
opacity: 1;
transition: all .3s ease;
}
header.dark .header__language {
color: #fff;
}
header.dark .header__language svg {
filter: invert(1);
}
.header__language-selected {
display: flex;
align-items: center;
grid-gap: 6px;
cursor: pointer;
padding: 2px 0;
border-bottom: 1px dashed #6A6A6A;
}
.header__language-selected > svg,
.header__language-selected > span {
cursor: pointer;
}
.header__language-selected > svg {
transform: scale(1, -1);
transition: all .3s ease;
}
.header__language-selected.active > svg {
transform: scale(1, 1);
}
.header__language-select {
position: absolute;
top: calc(100% + 14px);
left: 50%;
padding: 8px 0;
background-color: #fff;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.04), 0px 30px 16px 0px rgba(0, 0, 0, 0.06);
transform: translateX(-50%) translateY(-25%);
opacity: 0;
transition: all .3s ease;
pointer-events: none;
}
.header__language-select.active {
opacity: 1;
transform: translateX(-50%) translateY(0%);
pointer-events: all;
}
.header__language-option:hover {
background-color: #F5DD07;
}
.header__language-option {
padding: 10px 0;
width: 58px;
text-align: center;
cursor: pointer;
background-color: #fff;
transition: all .3s ease;
}
.header__language-option.disabled {
display: none;
}
.header__search-box > .header__search-clear {
position: relative;
margin-right: 50px;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
outline: none;
border: 0;
background: transparent;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease;
}
.header__search-box > .header__search-clear.visible {
opacity: 1;
transition: opacity 0.3s ease;
}
header.dark .header__search-box {
border-bottom-color: #fff;
}
.header__search-open img {
transition: all .3s ease;
}
header.dark .header__search-open img {
filter: invert(1);
}
.header__search-box > .header__search-clear::before {
content: '';
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
}
.header__search-box > .header__search-clear::after {
content: '';
position: absolute;
right: -12px;
top: 0;
bottom: 0;
border-right: 1px solid #F2F2F2;
}
.header__search-box > .header__search-clear svg path {
transition: all .3s ease;
}
.header__search-box > .header__search-clear:hover svg path {
stroke: #000;
transition: all .3s ease;
}
header.dark .header__search-box > .header__search-clear:hover svg path {
stroke: #fff;
}
.header__search-box {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 802px;
opacity: 0;
pointer-events: none;
display: flex;
align-items: center;
grid-gap: 10px;
border-bottom: 1px solid #252525;
transition: all .3s ease;
}
.header__search-box > input {
width: 100%;
outline: none;
border: 0;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
padding: 14px 0;
background-color: transparent;
transition: all .3s ease;
}
header.dark .header__search-box > input {
color: #fff;
}
.header__search.active .header__search-box {
opacity: 1;
pointer-events: all;
}
.mobile-burger {
display: none;
}
@media screen and (max-width: 1920px) {
.header__navigation .dropdown {
top: calc(92px + (120 - 92) * ((100vw - 1366px) / (1920 - 1366)));
}
header {
height: calc(92px + (120 - 92) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__navigation > ul {
padding-left: calc(4px - 4 * ((100vw - 1366px) / (1920 - 1366)));
padding-right: calc(4px - 4 * ((100vw - 1366px) / (1920 - 1366)));
}
.header__navigation > ul > li {
margin-left: calc((4px - 4 * ((100vw - 1366px) / (1920 - 1366))) * -1);
margin-right: calc((4px - 4 * ((100vw - 1366px) / (1920 - 1366))) * -1);
}
.header__navigation > ul > li > a {
font-size: calc(14px + (18 - 14) * ((100vw - 1366px) / (1920 - 1366)));
padding: 16px calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__logotype {
width: calc(160px + (211 - 160) * ((100vw - 1366px) / (1920 - 1366)));
margin-right: calc(40px + (64 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__search {
margin-left: calc(32px + (56 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__navigation .dropdown__link {
min-width: calc(192px + (267 - 192) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__language-option,
.header__language,
.header__navigation .dropdown__inner li a {
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__search-box {
width: calc(600px + (802 - 600) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__search-box > input {
font-size: calc(18px + (22 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.header__navigation .dropdown__link .button-global{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
header::before{
top: calc(92px + (120 - 92) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
header {
height: calc(66px + (92 - 66) * ((100vw - 768px) / (1366 - 768)));
}
header::before{
top: calc(66px + (92 - 66) * ((100vw - 768px) / (1366 - 768)));
}
.header__search-box > input {
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1279px) {
header {
height: calc(66px + (80 - 66) * ((100vw - 768px) / (1279 - 768)));
}
header::before{
top: calc(66px + (80 - 66) * ((100vw - 768px) / (1279 - 768)));
}
.header__logotype {
position: relative;
z-index: 10;
transform: translateY(0px);
}
.header__navigation {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100vh;
padding-top: calc(66px + (80 - 66) * ((100vw - 768px) / (1279 - 768)));
background-color: #fff;
opacity: 0;
pointer-events: none;
transition: all .3s ease;
}
.header__navigation.open {
opacity: 1;
pointer-events: all;
}
.header__navigation::before {
content: '';
position: absolute;
right: 100%;
top: 0;
bottom: 0;
left: calc((30px + (48 - 30) * ((100vw - 768px) / (1366 - 768))) * -1);
background-color: #fff;
}
.header__navigation::after {
content: '';
position: absolute;
left: 100%;
top: 0;
bottom: 0;
right: calc((30px + (48 - 30) * ((100vw - 768px) / (1366 - 768))) * -1);
background-color: #fff;
}
.header__navigation > ul {
display: flex;
height: auto;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
padding: 48px 0 0;
position: relative;
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100vh - (166px + (180 - 166) * ((100vw - 768px) / (1279 - 768))) - 100px);
}
.header__navigation > ul::before {
content: '';
position: fixed;
top: calc(65px + (80 - 65) * ((100vw - 768px) / (1279 - 768)));
left: 0;
right: 0;
height: 48px;
background: linear-gradient(to bottom, #fff, transparent);
z-index: 10;
pointer-events: none;
}
.header__navigation > ul::after {
content: '';
position: fixed;
bottom: 145px;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(to top, #fff, transparent);
z-index: 10;
pointer-events: none;
display: none;
}
.header__navigation > ul > li > a,
.header__navigation > ul > li > a.open-dropdown {
padding: 0;
margin-bottom: 24px;
}
.header__navigation > ul > li {
margin-left: initial;
margin-right: initial;
}
.header__navigation .dropdown {
position: initial;
opacity: 0;
top: initial;
left: initial;
right: initial;
min-height: initial;
background-color: #fff;
box-shadow: initial;
padding: initial;
background-repeat: initial;
background-image: initial;
background-position: initial;
pointer-events: none;
max-height: 0;
overflow: hidden;
transition: all .3s linear;
}
.header__navigation .dropdown > .container {
padding: initial;
}
.header__navigation > ul > li > a.hover.open-dropdown::before,
.header__navigation .dropdown::before,
.header__navigation .dropdown::after {
display: none;
}
.header__navigation > ul > li > a.active, .header__navigation > ul > li > a.hover {
background-color: initial;
}
header .button-global {
font-size: 16px;
}
.header__navigation > ul > li > a,
.header__navigation > ul > li > a.open-dropdown {
font-size: 20px
}
.header__navigation > ul > li > a.open-dropdown::after {
right: initial;
left: calc(100% + 4px);
}
.header__navigation > ul > li > a.hover + .dropdown {
max-height: 100vh;
}
.header__navigation > ul > li {
flex-direction: column;
align-items: flex-start;
}
.header__navigation .dropdown__inner {
flex-direction: column;
grid-gap: initial;
}
.header__navigation .dropdown__inner ul {
grid-gap: initial;
}
.header__navigation .dropdown__inner ul li {
margin-bottom: 24px;
}
.header__navigation .dropdown__link {
min-width: initial;
margin-bottom: 24px;
}
.header__navigation > ul > li {
margin-bottom: 16px;
}
.mobile-burger {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
position: relative;
z-index: 10;
background: transparent;
border: 0;
outline: none;
cursor: pointer;
}
header.dark .mobile-burger {
filter: invert(1);
}
.mobile-burger::before {
content: '';
position: absolute;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
}
.mobile-burger svg:first-child {
transition: all .3s ease;
}
.mobile-burger svg:last-child {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
pointer-events: none;
transition: all .3s ease;
}
.mobile-burger.active svg:first-child {
opacity: 0;
pointer-events: none;
}
.mobile-burger.active svg:last-child {
opacity: 1;
pointer-events: all;
}
.header__language {
position: fixed;
top: initial;
bottom: 0;
height: 100px;
left: calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
right: calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
opacity: 0;
pointer-events: none;
transition: all .3s ease;
display: flex;
align-items: center;
}
.mobile-menu-opened .header__language {
opacity: 1;
pointer-events: all;
}
.header__search {
margin-left: 32px;
margin-right: 32px;
flex: 1;
display: flex;
justify-content: flex-end;
}
.header__language-selected {
display: none;
}
.header__language-select {
position: initial;
top: initial;
left: initial;
padding: initial;
background-color: initial;
box-shadow: initial;
transform: initial;
opacity: 1;
transition: all .3s ease;
pointer-events: all;
display: flex;
justify-content: flex-start;
align-items: center;
}
.header__language-option:hover {
background-color: transparent;
}
.header__language-option.disabled,
.header__language-option {
display: flex;
opacity: 1;
padding: initial;
width: initial;
text-align: center;
cursor: pointer;
background-color: initial;
transition: all .3s ease;
margin-right: 30px;
font-size: 18px;
color: #A6A6A6;
border-bottom: 1px dashed transparent;
}
.header__language-option.disabled {
color: #252525;
border-bottom-color: #252525;
}
.header__search-box > input {
padding: calc(7px + (10 - 7) * ((100vw - 375px) / (1279 - 375))) 0;
}
.header__logotype {
width: 120px;
}
.header__navigation > ul > li {
width: 100%;
}
.header__navigation > ul > li > a::after {
transform: translateY(-65%) scale(1, 1);
}
.header__navigation > ul > li > a.hover::after {
transform: translateY(-65%) scale(1, -1);
}
header.dark .header__navigation > ul > li > a {
color: #252525;
}
.header__navigation .dropdown__link .button-global{
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
header {
height: calc(52px + (66 - 52) * ((100vw - 375px) / (768 - 375)));
}
header::before{
top: calc(52px + (66 - 52) * ((100vw - 375px) / (768 - 375)));
}
.header__logotype {
width: calc(112px + (120 - 112) * ((100vw - 375px) / (768 - 375)));
}
.mobile-burger {
width: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
height: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
}
.header__search {
margin-left: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
margin-right: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.mobile-burger svg:last-child {
width: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
height: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
}
.header__navigation > ul {
padding: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) 0 0;
max-height: calc(100vh - (152px + (166 - 152) * ((100vw - 375px) / (768 - 375))) - 100px);
}
.header__navigation > ul > li > a, .header__navigation > ul > li > a.open-dropdown {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (768 - 375)));
}
.header__language, .header__navigation .dropdown__inner li a {
font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (768 - 375)));
}
.header__language-option {
font-size: 18px;
}
header .button-global {
font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
.header__navigation > ul > li {
margin-bottom: calc(8px + 8 * ((100vw - 375px) / (768 - 375)));
}
.header__navigation > ul > li > a.open-dropdown::after {
width: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
height: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
background-size: contain;
}
.header__search-box > input {
font-size: 16px;
}
.header__navigation .dropdown__link .button-global{
font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 533px) {
.header__search.active {
flex: 1;
display: flex;
justify-content: flex-end;
position: absolute;
left: 0;
right: 0;
background-color: #fff;
margin-left: 0;
margin-right: 0;
z-index: 11;
}
.header__search-box {
width: 100%;
}
}
@media screen and (max-width: 375px) {
header {
height: 52px;
}
.header__navigation .dropdown__link .button-global svg{
width: 12px;
height: 12px;
top: 6px;
}
}
/* Header (END) */
/* Two blocks (START) */
.two-blocks {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.two-blocks__block {
width: calc(50% - 16px);
}
.two-blocks__block-sticky-box {
position: sticky;
top: 0;
}
.two-blocks__block--text-max-width p {
max-width: 721px;
}
.two-blocks__block,
.two-blocks__block-sticky-box {
display: flex;
flex-direction: column;
gap: 32px;
}
.two-blocks__block.big-gap,
.two-blocks__block-sticky-box.big-gap {
gap: 56px;
}
.two-blocks__block blockquote {
padding: 32px;
border-radius: 1px;
background: #F2F2F2;
}
.two-blocks strong {
font-weight: 600;
font-family: 'Myriad Pro 600', sans-serif;
}
.two-blocks__block ol {
list-style-type: none
}
.two-blocks__block ol li {
padding: 36px 0 36px 131px;
position: relative;
}
.two-blocks__block ol li:first-child {
padding-top: 0;
}
.two-blocks__block ol li:last-child {
padding-bottom: 0;
}
.two-blocks__block ol li:not(:last-child){
border-bottom: 1px solid #f2f2f2;
}
.two-blocks__block ol li > span {
position: absolute;
top: 0;
left: 0;
padding: 8px 30px;
gap: 4px;
border-radius: 10px;
background-color: #F2F2F2;
border: 1px solid #f2f2f2;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
transition: all .3s ease;
}
.two-blocks__block ol li:not(:first-child) > span {
top: 36px;
}
.two-blocks__block ol li:hover > span {
border-radius: 10px;
border-color: #F5DD07;
background: #F5DD07;
}
@media screen and (max-width: 1920px) {
.two-blocks__block ol li > span,
.two-blocks {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
line-height: 1.5;
}
.two-blocks__block--text-max-width p {
max-width: calc(545px + (721 - 545) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.two-blocks__block ol li > span,
.two-blocks {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.two-blocks__block ol li > span {
padding: 8px calc(24px + (30 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.two-blocks__block ol li {
padding: 36px 0 36px calc(94px + (131 - 94) * ((100vw - 768px) / (1366 - 768)));
}
.two-blocks__block--text-max-width p {
max-width: 100%;
}
.two-blocks__block blockquote {
padding: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.two-blocks {
flex-direction: column;
}
.two-blocks__block {
width: 100%;
}
.two-blocks__block:not(:last-child) {
margin-bottom: 32px;
}
.two-blocks__block ol li > span,
.two-blocks {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.two-blocks__block ol li > span {
padding: 8px 24px;
}
.two-blocks__block ol li {
padding: 32px 0 32px 94px;
}
.two-blocks__block blockquote {
padding: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 500px) {
.two-blocks__block ol li {
padding: 16px 0;
}
.two-blocks__block ol li > span {
padding: 8px 24px;
position: initial;
top: initial;
left: initial;
right: initial;
bottom: initial;
display: block;
width: max-content;
margin-bottom: 16px;
}
}
@media screen and (max-width: 375px) {
.two-blocks {
font-size: 16px;
}
}
/* Two blocks (END) */
/* About company (START) */
@media screen and (max-width: 768px) {
.about-company .two-blocks {
margin-bottom: calc(64px + (72 - 64) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.about-company .two-blocks {
margin-bottom: 64px;
}
}
/* About company (END) */
/* Success and progress (START) */
.success-and-progress {
overflow: hidden;
}
/* Success and progress (END) */
/* Development company (START) */
.development-company {
overflow: hidden;
}
/* Development company (END) */
/* Pin slider (START) */
.pin-slider {
position: relative;
}
.pin-slider::before {
content: '';
position: absolute;
left: calc((48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366))) * -1);
right: calc(100% + calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366))));
top: 22px;
height: 2px;
background-color: #F5DD07;
transition: right 2.5s linear;
}
.pin-slider.animate::before {
right: calc((48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366))) * -1);
}
.pin-slider--with-slide-title::before {
top: 127px;
}
.pin-slider__swiper.swiper {
padding: 0 47px;
overflow: initial;
}
.pin-slider--with-slide-title .pin-slider__swiper {
padding: 0;
}
.pin-slider__slide {
padding-right: 47px;
}
.pin-slider__slide > *:not(.pin-slider__pin) {
opacity: 0;
transition: opacity 1s ease 0.5s;
}
.pin-slider__slide > *.animate:not(.pin-slider__pin) {
opacity: 1;
}
.pin-slider--with-slide-title .pin-slider__slide {
padding-left: 119px;
}
.pin-slider--with-slide-title .title {
margin-bottom: 6px;
}
.pin-slider--with-slide-title .title-h5 {
margin-bottom: 32px;
}
.pin-slider__navigations {
display: flex;
margin-top: 88px;
justify-content: space-between;
align-items: center;
grid-gap: 50px;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.pin-slider__progressbar {
width: 575px;
height: 2px;
background: #E4E4E4;
position: relative;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.pin-slider__progressbar span {
background-color: #252525;
height: 100%;
}
.pin-slider__pin {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: #F5DD07;
position: relative;
margin-bottom: 88px;
box-shadow: inset 0 0 0 3px #fff;
border: 2px solid #F5DD07;
}
.pin-slider__pin::after,
.pin-slider__pin::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 50%;
transform: scale(0.5);
box-shadow: 0 0 15px #F5DD07;
pointer-events: none;
z-index: -1;
}
.pin-slider__pin.animate::after {
animation: pinShadowAnimate 2s ease 0.5s forwards;
}
.pin-slider__pin.animate::before {
animation: pinShadowAnimate 2s ease forwards;
}
@keyframes pinShadowAnimate {
from {
transform: scale(0.5);
opacity: 1;
}
to {
transform: scale(3);
opacity: 0;
}
}
.pin-slider--with-slide-title .pin-slider__pin {
margin-bottom: 21px;
margin-left: -119px;
}
.pin-slider__arrows {
display: flex;
align-items: center;
grid-gap: 15px;
}
@media screen and (max-width: 1920px) {
.pin-slider--with-slide-title::before {
/*top: 127px;*/
top: calc(86px + (127 - 86) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1365px) {
.pin-slider--with-slide-title .pin-slider__slide .pin-slider__pin {
order: -1;
margin-left: 21px;
margin-bottom: 42px;
}
.pin-slider--with-slide-title .pin-slider__slide {
padding-left: 0;
display: flex;
flex-direction: column;
}
.pin-slider--with-slide-title::before {
top: 21px;
}
}
/* Pin slider (END) */
/* Values company (START) */
.values-company {
padding: 96px 0;
}
/* Values company (END) */
/* padding sections (START) */
.section-padding-88 {
padding: 88px 0;
}
.section-padding-top-88 {
padding-top: 88px;
}
.section-padding-bottom-88 {
padding-bottom: 88px;
}
.section-padding-96 {
padding: 96px 0;
}
.section-padding-52 {
padding: 52px 0;
}
.section-padding-top-96 {
padding-top: 96px;
}
.section-padding-bottom-96 {
padding-bottom: 96px;
}
.section-padding-bottom-128 {
padding-bottom: 128px;
}
.section-padding-top-52 {
padding-top: 52px;
}
.section-padding-bottom-52 {
padding-bottom: 52px;
}
.section-padding-bottom-104 {
padding-bottom: 104px;
}
.section-padding-top-104 {
padding-top: 104px;
}
.section-padding-192 {
padding: 192px 0;
}
.section-padding-top-192 {
padding-top: 192px;
}
.section-padding-bottom-192 {
padding-bottom: 192px;
}
@media screen and (max-width: 1920px) {
.section-padding-96 {
padding: calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.section-padding-top-96 {
padding-top: calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-96 {
padding-bottom: calc(64px + (96 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-192 {
padding: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.section-padding-top-192 {
padding-top: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-192 {
padding-bottom: calc(128px + (192 - 128) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-88 {
padding: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.section-padding-top-88 {
padding-top: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-88 {
padding-bottom: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-52 {
padding: calc(44px + (52 - 44) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.section-padding-top-52 {
padding-top: calc(44px + (52 - 44) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-52 {
padding-bottom: calc(44px + (52 - 44) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-104 {
padding-bottom: calc(88px + (104 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-top-104 {
padding-top: calc(88px + (104 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
.section-padding-bottom-128 {
padding-bottom: calc(104px + (128 - 104) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.section-padding-96 {
padding: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768))) 0;
}
.section-padding-top-96 {
padding-top: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-96 {
padding-bottom: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-192 {
padding: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768))) 0;
}
.section-padding-top-192 {
padding-top: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-192 {
padding-bottom: calc(96px + (128 - 96) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-88 {
padding: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768))) 0;
}
.section-padding-top-88 {
padding-top: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-88 {
padding-bottom: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-52 {
padding: calc(28px + (44 - 28) * ((100vw - 768px) / (1366 - 768))) 0;
}
.section-padding-top-52 {
padding-top: calc(28px + (44 - 28) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-52 {
padding-bottom: calc(28px + (44 - 28) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-104 {
padding-bottom: calc(56px + (88 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-top-104 {
padding-top: calc(56px + (88 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.section-padding-bottom-128 {
padding-bottom: calc(72px + (104 - 72) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.section-padding-96 {
padding: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375))) 0;
}
.section-padding-top-96 {
padding-top: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-bottom-96 {
padding-bottom: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-192 {
padding:calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375))) 0;
}
.section-padding-top-192 {
padding-top: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-bottom-192 {
padding-bottom: calc(80px + (96 - 80) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-88 {
padding: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375))) 0;
}
.section-padding-top-88 {
padding-top: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-bottom-88 {
padding-bottom: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375)));
}
.section-padding-52 {
padding: 28px 0;
}
.section-padding-top-52 {
padding-top: 28px;
}
.section-padding-bottom-52 {
padding-bottom: 28px;
}
.section-padding-bottom-104 {
padding-bottom: 56px;
}
.section-padding-top-104 {
padding-top: 56px;
}
.section-padding-bottom-128 {
padding-bottom: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
}
/* workers-rights (START) */
/* police (START) */
.police {
font-family: 'Myriad Pro 400', sans-serif;
}
.police h1 {
font-family: 'Myriad Pro 700', sans-serif;
font-size: 88px;
font-style: normal;
font-weight: 700;
line-height: 1.1;
margin: 88px 0;
}
@media screen and (max-width: 1920px) {
.police h1 {
font-size: calc(50px + (68 - 50) * ((100vw - 1366px) / (1920 - 1366)));
margin: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
}
@media screen and (max-width: 1366px) {
.police h1 {
font-size: calc(38px + (50 - 38) * ((100vw - 768px) / (1366 - 768)));
margin: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768))) 0;
}
}
@media screen and (max-width: 768px) {
.police h1 {
font-size: calc(34px + (38 - 34) * ((100vw - 375px) / (768 - 375)));
margin: calc(40px + (56 - 40) * ((100vw - 375px) / (768 - 375))) 0;
}
}
@media screen and (max-width: 375px) {
.police h1 {
font-size: calc(28px + (34 - 28) * ((100vw - 320px) / (375 - 320)));
}
}
.police li {
margin-bottom: 30px;
}
@media screen and (max-width: 1920px) {
.police li {
margin-bottom: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police li {
margin-bottom: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police li {
margin-bottom: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.police li {
margin-bottom: 15px;
}
}
.police ol {
list-style-type: none;
max-width: 1320px;
}
.police ul {
list-style-type: none;
margin-top: 30px;
}
@media screen and (max-width: 1920px) {
.police ul {
margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police ul {
margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police ul {
margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.police ul {
margin-top: 15px;
}
}
.police ul li {
padding-left: 26px;
position: relative;
}
.police ul li:before {
content: '';
display: block;
width: 6px;
height: 6px;
background-color: #F5DD07;
border-radius: 5px;
position: absolute;
top: 10px;
left: 0;
}
.police p{
font-size: 22px;
max-width: 1320px;
line-height: 140%;
}
@media screen and (max-width: 1920px) {
.police p {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police p {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
.police > ol {
counter-reset: section;
padding: 0;
}
.police > ol > li {
counter-increment: section;
font-family: 'Myriad Pro 700', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 1.34;
margin-top: 40px;
}
@media screen and (max-width: 1920px) {
.police > ol > li {
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police > ol > li {
font-size: calc(21px + (24 - 21) * ((100vw - 768px) / (1366 - 768)));
margin-top: calc(35px + (40 - 35) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police > ol > li {
font-size: calc(16px + (21 - 16) * ((100vw - 375px) / (768 - 375)));
margin-top: calc(25px + (35 - 25) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.police > ol > li {
font-size: 16px;
margin-top: 25px;
}
}
.police > ol > li::before {
content: counter(section) ".";
width: 30px;
display: inline-block;
text-align: right;
}
@media screen and (max-width: 768px) {
.police > ol > li::before {
width: 25px;
}
}
@media screen and (max-width: 500px) {
.police > ol > li::before {
width: 20px;
}
}
.police > ol > li > ol {
counter-reset: subsection;
padding: 0;
margin-top: 30px;
}
@media screen and (max-width: 1920px) {
.police > ol > li > ol {
margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police > ol > li > ol {
margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police > ol > li > ol {
margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.police > ol > li > ol {
margin-top: 15px;
}
}
.police > ol > li > ol > li {
counter-increment: subsection;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 1.42;
}
@media screen and (max-width: 1920px) {
.police > ol > li > ol > li {
font-size: calc(18px + (21 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police > ol > li > ol > li {
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police > ol > li > ol > li {
font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 768px) {
.police > ol > li > ol > li {
font-size: 14px;
}
}
.police > ol > li > ol > li::before {
content: counter(section) "." counter(subsection) ".";
}
.police > ol > li > ol > li > ol {
counter-reset: subsubsection;
padding-left: 30px;
margin-top: 30px;
}
@media screen and (max-width: 1920px) {
.police > ol > li > ol > li > ol {
margin-top: calc(25px + (30 - 25) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.police > ol > li > ol > li > ol {
margin-top: calc(20px + (25 - 20) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.police > ol > li > ol > li > ol {
margin-top: calc(15px + (20 - 15) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.police > ol > li > ol > li > ol {
margin-top: 15px;
}
}
.police > ol > li > ol > li > ol > li {
counter-increment: subsubsection;
}
.police > ol > li > ol > li > ol > li::before {
content: counter(section) "." counter(subsection) "." counter(subsubsection) ".";
}
/* Police page (END) */
/* company-goal (START) */
.company-goal .pin-slider {
margin-top: 175px;
}
.company-goal .press-center__top-text{
max-width: 100%;
font-size: 22px;
}
@media screen and (max-width: 1920px) {
.company-goal .press-center__top-text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.company-goal .pin-slider{
margin-top: calc(150px + (175 - 150) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.company-goal .press-center__top-text{
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.company-goal .pin-slider{
margin-top: calc(115px + (150 - 115) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1000px) {
.company-goal .press-center__top-inner{
grid-gap: 32px;
}
}
@media screen and (max-width: 768px) {
.company-goal .press-center__top-text{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.company-goal .press-center__top-inner{
grid-gap: calc(24px + (32 - 24) * ((100vw - 375px) / (768 - 375)));
}
.company-goal .pin-slider{
margin-top: 115px;
}
}
/* company-goal (END) */
/* four-card (START) */
.four-card {
display: flex;
align-items: stretch;
grid-gap: 32px;
}
.four-card__item {
border-radius: 1px;
border: 1px solid #E4E4E4;
background-color: #FFF;
padding: 48px 36px;
color: #252525;
flex: 1;
transition: 0.3s;
}
.four-card__item:hover{
background-color: #F5DD07;
border-color: #F5DD07;
}
.four-card__item:nth-child(even) {
background-color: #F2F2F2;
}
.four-card__item:nth-child(even):hover {
background-color: #F5DD07;
border-color: #F5DD07;
}
.four-card__item:nth-child(even) .four-card__number {
background-color: #fff;
}
.four-card__number {
display: flex;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
border-radius: 16px;
background-color: #F2F2F2;
text-align: center;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: 1.29;
margin-bottom: 36px;
}
.four-card__title {
font-family: 'Myriad Pro 600', sans-serif;
font-size: 34px;
font-style: normal;
font-weight: 600;
line-height: 1.29;
margin-bottom: 24px;
}
.four-card__text {
font-family: 'Myriad Pro 400', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.4;
min-height: calc(20px * 1.4 * 5);
}
@media screen and (max-width: 1920px) {
.four-card {
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.four-card__title {
font-size: calc(26px + (34 - 26) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.four-card__text {
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
min-height: calc((18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366))) * 1.4 * 5);
}
.four-card__item {
padding: calc(32px + (48 - 32) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (36 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.four-card__number {
width: calc(80px + (96 - 80) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(80px + (96 - 80) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (34 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.four-card__item {
padding: calc(24px + (32 - 24) * ((100vw - 767px) / (1366 - 767))) calc(16px + (24 - 16) * ((100vw - 767px) / (1366 - 767)));
}
.four-card__title {
font-size: calc(24px + (26 - 24) * ((100vw - 767px) / (1366 - 767)));
margin-bottom: calc(8px + (16 - 8) * ((100vw - 767px) / (1366 - 767)));
}
.four-card__text {
font-size: calc(16px + (18 - 16) * ((100vw - 767px) / (1366 - 767)));
min-height: calc(calc(16px + (18 - 16) * ((100vw - 767px) / (1366 - 767))) * 1.4 * 5);
}
.four-card__number {
width: calc(52px + (80 - 52) * ((100vw - 767px) / (1366 - 767)));
height: calc(52px + (80 - 52) * ((100vw - 767px) / (1366 - 767)));
font-size: calc(24px + (26 - 24) * ((100vw - 767px) / (1366 - 767)));
}
}
@media screen and (max-width: 1024px) {
.four-card {
display: flex;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
gap: 16px;
}
.four-card__item {
flex: initial;
width: calc( 50% - 8px);
}
}
@media screen and (max-width: 768px) {
.four-card__item {
padding: 24px 16px;
}
.four-card__title {
font-size: 22px;
margin-bottom: 8px;
}
.four-card__text {
font-size: 16px;
min-height: calc(16px * 1.4 * 5);
}
.four-card__number {
width: 52px;
height: 52px;
font-size: 24px;
}
}
@media screen and (max-width: 499px) {
.four-card {
gap: 16px;
}
.four-card__item {
width: 100%;
}
}
@media screen and (max-width: 375px) {
}
/* four-card (END) */
/* gray box (START) */
.gray-box {
display: flex;
justify-content: space-between;
grid-gap: 32px;
border-radius: 1px;
padding: 64px 96px;
background-color: #F2F2F2;
}
.gray-box__item {
font-size: 22px;
flex: 1;
}
.gray-box__item-button {
margin-top: 48px;
display: flex;
}
@media screen and (max-width: 1920px) {
.gray-box__item {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.gray-box {
grid-gap: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
padding: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366))) calc(72px + (96 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.gray-box__item-button {
margin-top: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.gray-box {
padding: calc(40px + (48 - 40) * ((100vw - 768px) / (1366 - 768))) calc(48px + (72 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.gray-box__item {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.gray-box__item p br {
display: none;
}
.gray-box__item p {
max-width: 340px;
}
.gray-box__item-button {
margin-top: 40px;
}
.gray-box .button-secondary__text{
font-size: 18px;
}
.gray-box .button-secondary__svg svg{
width: 28px;
height: 28px;
}
.gray-box .gray-box__item p{
max-width: 100%;
}
}
@media screen and (max-width: 1000px) {
.gray-box {
flex-direction: column;
grid-gap: 24px;
}
.gray-box .gray-box__item p{
max-width: 340px;
}
.gray-box .button-secondary__text {
font-size: 16px;
}
.gray-box .button-secondary__svg{
padding: 12px;
}
.gray-box .button-secondary__svg svg {
width: 20px;
height: 20px;
}
.button-secondary{
grid-gap: 12px;
}
}
@media screen and (max-width: 768px) {
.gray-box {
grid-gap: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
padding: 40px calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375)));
}
.gray-box__item {
font-size: 18px;
}
.gray-box__item p br {
display: none;
}
.gray-box__item p {
max-width: 340px;
}
.gray-box__item-button {
margin-top:calc(32px + (40 - 32) * ((100vw - 375px) / (768 - 375)));
}
}
@media screen and (max-width: 375px) {
.gray-box .gray-box__item{
padding-right: 5px;
}
}
/* gray box (END) */
/*start popupform-resume*/
.popupform-resume{
display: none;
width: 1775px;
padding: 128px 72px;
}
.popupform-resume .f-button.is-close-btn, .is-compact .popupform-resume.fancybox__content>.f-button.is-close-btn{
top: 32px;
opacity: 1;
right: 32px;
width: 35px;
height: 35px;
background-position: center;
background-size: contain;
border-radius: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljk5OTkgMjYuOTk5OUw5IDkiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNy4wMDAxIDlMOSAyNy4wMDAxIiBzdHJva2U9IiMyNTI1MjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.popupform-resume .f-button.is-close-btn svg, .is-compact .popupform-resume.fancybox__content>.f-button.is-close-btn svg{
display: none;
}
.popupform-resume__title{
margin-bottom: 72px;
color: #252525;
}
.popupform-resume__content{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 64px 56px;
}
.popupform-resume__content div:nth-child(3){
grid-column-start: 2;
grid-row-start: 1;
}
.popupform-resume .textarea_item{
grid-row: span 1;
grid-row-start:3;
grid-row-end: initial;
grid-column-start: 1;
}
.popupform-resume .textarea-max-length{
text-align: left;
transform: translateY(0);
margin-top: 10px;
}
.popupform-resume .contacts__textarea{
min-height: 164px;
}
.popupform-resume__add{
grid-column-start: 2;
}
.popupform-resume__bottom{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 56px;
margin-top: -30px;
}
.popupform-resume__otpravka{
grid-column-start: 2;
margin-top: -10px;
}
.popupform-resume__otpravka .contacts__btn{
margin-top: 75px;
}
.popupform-resume__add-item{
position: relative;
z-index: 1;
}
.popupform-resume__add-file{
position: absolute;
top: -15px;
left: -20px;
right: -15px;
bottom: -15px;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.popupform-resume__add{
display: flex;
align-items: flex-start;
}
.popupform-resume__add-label{
position: relative;
font-size: 20px;
line-height: 140%;
padding-left: 32px;
border-bottom: 2px dashed #F5DD07;
padding-bottom: 5px;
vertical-align: middle;
}
.popupform-resume__add-label::before{
content: '';
position: absolute;
left: 0;
top: -2px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTM1NjQgMTEuNDY1MkwxMS40Mjk5IDQuNTcwODlDMTMuNDgwMiAyLjUyMDY0IDE2LjgwNDMgMi41MjA2NCAxOC44NTQ2IDQuNTcwODlDMjAuOTA0OCA2LjYyMTE1IDIwLjkwNDggOS45NDUyNiAxOC44NTQ2IDExLjk5NTVMMTAuODk5NiAxOS45NTA1QzkuNTMyNzcgMjEuMzE3MyA3LjMxNjY5IDIxLjMxNzMgNS45NDk4NiAxOS45NTA1QzQuNTgzMDIgMTguNTgzNiA0LjU4MzAyIDE2LjM2NzYgNS45NDk4NiAxNS4wMDA3TDEzLjkwNDggNy4wNDU3N0MxNC41ODgyIDYuMzYyMzUgMTUuNjk2MyA2LjM2MjM1IDE2LjM3OTcgNy4wNDU3N0MxNy4wNjMxIDcuNzI5MTggMTcuMDYzMSA4LjgzNzIyIDE2LjM3OTcgOS41MjA2NEw5LjQ4NTM5IDE2LjQxNDkiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.popupform-resume__attached{
display: flex;
align-items: center;
padding: 12px 24px;
border: 1px solid #F2F2F2;
width: 100%;
grid-gap: 24px;
max-width: 705px;
margin-top: -30px;
}
.popupform-resume__attached-text {
margin-right: auto;
font-size: 18px;
line-height: 140%;
}
.popupform-resume__attached-size {
color:#A6A6A6;
font-size: 16px;
line-height: 140%;
white-space: nowrap;
text-transform: uppercase;
}
.popupform-resume__content-item{
position: relative;
}
.popupform-resume__attached{
display: none !important;
}
.popupform-resume__content-item.active .popupform-resume__attached{
display: flex !important;
}
.popupform-resume__add-item{
display: inline-block;
}
.popupform-resume__content-item.active .popupform-resume__add-item{
height: 0;
pointer-events: none;
opacity: 0;
overflow: hidden;
}
.popupform-resume__attached-link{
display: flex;
grid-gap: 32px;
justify-content: space-between;
width: 100%;
align-items: center;
}
.popupform-resume__attached-close{
cursor: pointer;
}
.popupform-resume__attached-close img{
display: block;
}
.popupform-resume .contacts__approval a{
display: inline;
}
.popupform-resume__anim-block{
margin-top: 80px;
display: flex;
justify-content: center;
}
.popupform-resume__anim .form-successfully__img{
margin-bottom: 80px;
}
.popupform-resume__anim .form-successfully__box{
padding: 0 15px;
}
.popupform-resume__button-input{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
}
.popupform-resume__otpravka .contacts__btn{
display: inline-block;
}
.popupform-resume_nobefore::before{
display: none;
}
@media screen and (max-width: 1920px) {
.popupform-resume{
width: calc(1270px + (1775 - 1270) * ((100vw - 1366px) / (1920 - 1366)));
padding-left: calc(48px + (72 - 48) * ((100vw - 1366px) / (1920 - 1366)));
padding-right: calc(48px + (72 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__title{
font-size: 54px;
margin-bottom: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__content{
grid-gap: calc(56px + (64 - 56) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (56 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__bottom{
grid-gap: calc(24px + (56 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__otpravka .contacts__btn{
margin-top: calc(64px + (75 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__add-label{
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume .contacts__textarea {
min-height: calc(148px + (164 - 148) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__anim .form-successfully__img {
margin-bottom: calc(72px + (80 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.popupform-resume__anim-block{
margin-top: calc(72px + (80 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.popupform-resume .f-button.is-close-btn, .is-compact .popupform-resume.fancybox__content>.f-button.is-close-btn{
width:calc(32px + (35 - 32) * ((100vw - 768px) / (1366 - 768))) ;
height:calc(32px + (35 - 32) * ((100vw - 768px) / (1366 - 768))) ;
}
.popupform-resume__title{
font-size: calc(34px + (54 - 34) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: calc(56px + (64 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__otpravka .contacts__btn{
margin-top: calc(56px + (64 - 56) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__content{
grid-gap: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__bottom{
grid-gap: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume .textarea-max-length{
margin-top: 10px;
}
.popupform-resume .contacts__approval{
width: 100%;
}
.popupform-resume {
padding-left: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
padding-right: calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__add-label{
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
padding-left:calc(28px + (32 - 28) * ((100vw - 768px) / (1366 - 768))) ;
}
.popupform-resume__add-label::before{
width: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
height: calc(20px + (24 - 20) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume .contacts__textarea {
min-height: calc(128px + (148 - 128) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__anim .form-successfully__img{
margin-bottom: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
.popupform-resume__anim-block {
margin-top: calc(64px + (72 - 64) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1200px) {
.popupform-resume__attached-link{
flex-direction: column;
grid-gap: 4px;
align-items: flex-start;
}
.popupform-resume__attached{
grid-gap: 16px;
}
.popupform-resume__attached-text{
font-size: 16px;
}
.popupform-resume__attached-size{
font-size: 14px;
}
.popupform-resume__attached{
padding: 12px 16px;
}
}
@media screen and (max-width: 768px) {
.popupform-resume__add-file{
left: -10px;
}
.popupform-resume__anim .form-successfully__img{
margin-bottom: calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375)));
}
.popupform-resume__anim-block {
margin-top:calc(40px + (64 - 40) * ((100vw - 375px) / (768 - 375))) ;
}
}
@media screen and (max-width: 730px) {
.popupform-resume{
padding: 40px 16px 60px;
}
.popupform-resume .f-button.is-close-btn, .is-compact .popupform-resume.fancybox__content>.f-button.is-close-btn {
width: 24px;
height: 24px;
top: 16px;
right: 16px;
}
.popupform-resume__title{
font-size: 28px;
margin-bottom: 32px;
}
.popupform-resume__content{
grid-template-columns: repeat(1, 1fr);
grid-gap: 32px;
}
.popupform-resume__add {
grid-column-start: 1;
}
.popupform-resume .contacts__textarea{
min-height: 36px;
height: 36px;
}
.popupform-resume .contacts__item.name_item{
grid-row-start: 1;
}
.popupform-resume .contacts__item.tel_item{
grid-row-start: 2;
}
.popupform-resume .contacts__item.company_item{
grid-row-start: 3;
}
.popupform-resume .textarea-max-length{
font-size: 14px;
margin-top: 0px;
}
.popupform-resume .textarea_item {
grid-row-start: 5;
}
.popupform-resume__bottom{
display: block;
}
.popupform-resume__otpravka{
margin-top: 0;
}
.popupform-resume__bottom{
margin-top: 32px;
}
.popupform-resume__otpravka .contacts__btn{
margin-top: 32px;
}
.popupform-resume__otpravka .contacts__approval{
font-size: 14px;
}
.popupform-resume__add-label{
font-size: 16px;
padding-left: 28px;
}
.popupform-resume__content div:nth-child(3){
grid-column-start: 1;
grid-row-start: 3;
}
}
@media screen and (max-width: 375px) {
.popupform-resume .contacts__input, .popupform-resume .contacts__placeholder {
font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (375 - 320)));
}
}
/*end popupform-resume*/
/* button-secondary (START) */
.button-secondary {
display: flex;
align-items: center;
grid-gap: 16px;
border: 0;
outline: none;
background: transparent;
cursor: pointer;
}
.button-secondary[disabled] {
cursor: not-allowed;
}
.button-secondary__svg {
padding: 14px;
border-radius: 10px;
background-color: #F2F2F2;
transition: all .3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.button-secondary__svg.white {
background-color: #fff;
}
.button-secondary:hover .button-secondary__svg {
background-color: #F5DD07;
}
.button-secondary:active .button-secondary__svg {
background-color: #E7D00A;
}
.button-secondary[disabled] .button-secondary__svg {
background-color: #F2F2F2;
}
.button-secondary[disabled] .button-secondary__svg svg {
opacity: 0.4;
}
.button-secondary__svg > svg {
width: 28px;
height: 28px;
}
.button-secondary__text {
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 1.33;
}
.button-secondary[disabled] .button-secondary__text {
opacity: 0.4;
}
.button-secondary__text {
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 1.33;
}
@media screen and (max-width: 1366px) {
.button-secondary__svg {
padding: 14px;
}
.button-secondary__svg > svg {
width: 20px;
height: 20px;
}
.button-secondary__text {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.button-secondary__svg {
padding: 12px;
}
.button-secondary__text {
font-size: 16px;
}
}
/* button-secondary (END) */
/* block director (START) */
.block-director {
display: flex;
align-items: center;
grid-gap: 151px;
}
.block-director__image {
width: 753px;
height: 686px;
}
.block-director__image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.block-director__text {
flex: 1;
}
.block-director__text svg {
margin-bottom: 56px;
}
.block-director__text p {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.block-director__name {
margin-top: 104px;
color: #252525;
font-size: 26px;
font-style: normal;
font-family: 'Myriad Pro 600', sans-serif;
font-weight: 600;
line-height: 1.46;
}
.block-director__position {
margin-top: 8px;
color: #A6A6A6;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
}
@media screen and (max-width: 1920px) {
.block-director__text svg {
margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.block-director__text p {
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.block-director__name {
margin-top: calc(88px + (104 - 88) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)));
}
.block-director__position {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.block-director__image {
width: calc(496px + (753 - 496) * ((100vw - 1366px) / (1920 - 1366)));
height: calc(555px + (686 - 555) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.block-director {
grid-gap: calc(48px + (151 - 48) * ((100vw - 1024px) / (1366 - 1024)));
}
.block-director__image img {
object-position: top;
}
.block-director__image {
margin-bottom: 48px;
}
.block-director__text p {
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.block-director__text svg {
width: 48px;
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.block-director__name {
margin-top: calc(64px + (88 - 64) * ((100vw - 768px) / (1366 - 768)));
font-size: calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768)));
}
.block-director__position {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1024px) {
.block-director {
flex-direction: column;
}
.block-director__image {
width: 100%;
height: calc(400px + (660 - 400) * ((100vw - 768px) / (1024 - 768)));
}
}
@media screen and (max-width: 768px) {
.block-director__image {
height: calc(345px + (400 - 345) * ((100vw - 325px) / (768 - 325)));
}
.block-director__text svg {
width: calc(32px + (48 - 32) * ((100vw - 325px) / (768 - 325)));
height: calc(28px + (42 - 28) * ((100vw - 325px) / (768 - 325)));
margin-bottom: calc(24px + (48 - 24) * ((100vw - 325px) / (768 - 325)));
}
.block-director__text p {
font-size: calc(22px + (24 - 22) * ((100vw - 325px) / (768 - 325)));
}
.block-director__name {
margin-top: calc(40px + (64 - 40) * ((100vw - 325px) / (768 - 325)));
font-size: 22px;
}
.block-director__position {
font-size: calc(16px + (18 - 16) * ((100vw - 325px) / (768 - 325)));
}
}
@media screen and (max-width: 325px) {
.block-director__text svg {
width: 32px;
height: 28px;
margin-bottom: 24px;
}
.block-director__name {
margin-top: 40px;
}
.block-director__position {
font-size: 16px;
}
}
/* block director (END) */
/* title-h1 (START) */
.title-h1{
font-size: 120px;
line-height: 1.3;
font-family: 'Myriad Pro 700', sans-serif;
}
@media (max-width:1920px) {
.title-h1 {
font-size: calc(88px + (120 - 88) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width:1366px) {
.title-h1 {
font-size: calc(64px + (88 - 64) * ((100vw - 768px) / (1366 - 768)));
}
}
@media (max-width:768px) {
.title-h1 {
font-size: calc(52px + (64 - 52) * ((100vw - 375px) / (768 - 375)));
}
}
/* title-h2 (END) */
/* Vertical line (START) */
.vertical-line {
display: flex;
flex-direction: column;
padding-top: 32px;
position: relative;
}
.vertical-line__item {
display: flex;
width: 100%;
justify-content: space-between;
position: relative;
}
.vertical-line__item::before {
content: '';
position: absolute;
top: 0;
bottom: 100%;
left: 50%;
width: 1px;
background-color: #F5DD07;
transform: translateX(-0.5px);
transition: all .5s linear;
}
.vertical-line__item:first-child::before {
top: 17px;
}
.vertical-line__item.animate2::before {
bottom: 0;
}
.vertical-line__item.animate2:last-child::before {
bottom: calc(100% - 40px);
}
.vertical-line__item-title,
.vertical-line__item-text {
width: calc(50% - 334px / 2);
}
.vertical-line__item-title .title-h1 {
line-height: 1.3;
}
.vertical-line__item-text {
display: flex;
flex-direction: column;
grid-gap: 32px;
padding-top: 16px;
}
.vertical-line__item-text p {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
}
.vertical-line__item-title .title-h1,
.vertical-line__item-text p {
max-width: 570px;
}
.vertical-line__item:nth-child(even) {
flex-direction: row-reverse;
}
.vertical-line__item:nth-child(odd) .vertical-line__item-title,
.vertical-line__item:nth-child(even) .vertical-line__item-text {
text-align: right;
}
.vertical-line__item:nth-child(odd) .vertical-line__item-title {
display: flex;
justify-content: flex-end;
}
.vertical-line__item:nth-child(even) .vertical-line__item-text {
align-items: flex-end;
}
.vertical-line__pin {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: #F5DD07;
box-shadow: inset 0 0 0 3px #fff;
border: 2px solid #F5DD07;
position: absolute;
top: 110px;
left: 50%;
transform: translateX(-50%);
}
.vertical-line__item:first-child .vertical-line__pin,
.vertical-line__item:last-child .vertical-line__pin {
top: 17px;
}
.vertical-line__pin::after,
.vertical-line__pin::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 50%;
transform: scale(0.5);
box-shadow: 0 0 15px #F5DD07;
pointer-events: none;
z-index: -1;
}
.vertical-line__item.animate1 .vertical-line__pin::after {
animation: pinShadowAnimate 2s ease 0.5s forwards;
}
.vertical-line__item.animate1 .vertical-line__pin::before {
animation: pinShadowAnimate 2s ease forwards;
}
@keyframes pinShadowAnimate {
from {
transform: scale(0.5);
opacity: 1;
}
to {
transform: scale(3);
opacity: 0;
}
}
@media screen and (max-width: 1920px) {
.vertical-line__item-title,
.vertical-line__item-text {
width: calc(50% - (240px + (334 - 240) * ((100vw - 1366px) / (1920 - 1366))) / 2);
}
.vertical-line__item:first-child .vertical-line__pin, .vertical-line__item:last-child .vertical-line__pin {
top: calc(12px + (17 - 12) * ((100vw - 1366px) / (1920 - 1366)))
}
.vertical-line__pin {
top: calc(75px + (110 - 75) * ((100vw - 1366px) / (1920 - 1366)))
}
.vertical-line__item-text p {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)))
}
.vertical-line__item-title .title-h1,
.vertical-line__item-text p {
max-width: calc(514px + (570 - 514) * ((100vw - 1366px) / (1920 - 1366)))
}
}
@media screen and (max-width: 1366px) {
.vertical-line__item-text p {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)))
}
.vertical-line__item-text {
grid-gap: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)))
}
.vertical-line__pin {
top: calc(68px + (75 - 68) * ((100vw - 1366px) / (1920 - 1366)))
}
}
@media screen and (max-width: 768px) {
.vertical-line__item-text p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__item {
padding-left: calc(104px + (191 - 104) * ((100vw - 375px) / (768 - 375)));
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.vertical-line__item:nth-child(even) .vertical-line__item-text,
.vertical-line__item:nth-child(odd) .vertical-line__item-title {
justify-content: flex-start;
align-items: flex-start;
text-align: left;
}
.vertical-line__item:nth-child(even) {
flex-direction: column;
}
.vertical-line__item-title, .vertical-line__item-text {
width: 100%;
}
.vertical-line__pin,
.vertical-line__item::before {
left: calc(52px + (68 - 52) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__item-text {
padding-top: calc(16px + (32 - 16) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__item:first-child .vertical-line__pin,
.vertical-line__item:last-child .vertical-line__pin {
top: calc(28px + (37 - 28) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__pin {
top: calc(70px + (87 - 70) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__item:first-child::before {
top: calc(48px + (57 - 48) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__pin {
width: calc(26px + (46 - 26) * ((100vw - 375px) / (768 - 375)));
height: calc(26px + (46 - 26) * ((100vw - 375px) / (768 - 375)));
}
.vertical-line__item-text {
grid-gap: calc(8px + (24 - 8) * ((100vw - 375px) / (768 - 375)));
}
}
/* Vertical line (END) */
/* .general-meeting-of-shareholders (START) */
.general-meeting-of-shareholders .two-blocks__block:first-child {
padding: 16px 0;
}
.general-meeting-of-shareholders .two-blocks__block > p {
max-width: 721px;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 1.46;
}
.general-meeting-of-shareholders .two-blocks__block > p strong {
font-family: 'Myriad Pro 600', sans-serif;
font-weight: 600;
}
.general-meeting-of-shareholders .two-blocks__block blockquote p {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
}
@media screen and (max-width: 1920px) {
.general-meeting-of-shareholders .two-blocks__block:first-child {
padding: calc(32px - (32 - 16) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.general-meeting-of-shareholders .two-blocks__block > p {
font-size: calc(24px + (26 - 24) * ((100vw - 1366px) / (1920 - 1366)))
}
.general-meeting-of-shareholders .two-blocks__block blockquote p {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)))
}
}
@media screen and (max-width: 1366px) {
.general-meeting-of-shareholders .two-blocks__block:first-child {
padding: 0;
}
.general-meeting-of-shareholders .two-blocks__block > p {
font-size: calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768)))
}
.general-meeting-of-shareholders .two-blocks__block blockquote p {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)))
}
}
@media screen and (max-width: 768px) {
.general-meeting-of-shareholders .two-blocks__block:first-child {
padding: 0;
}
.general-meeting-of-shareholders .two-blocks__block > p {
font-size: calc(20px + (22 - 20) * ((100vw - 375px) / (768 - 375)))
}
.general-meeting-of-shareholders .two-blocks__block blockquote p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)))
}
}
/* .general-meeting-of-shareholders (END) */
/* .peoples (START) */
.peoples {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.peoples__item {
width: calc( (100% - 32px * 3) / 4 );
margin-bottom: 0;
display: block;
max-height: 0;
overflow: hidden;
transition: all .5s ease;
opacity: 0;
}
.peoples__item.active {
opacity: 1;
margin-bottom: 64px;
max-height: 650px;
}
.peoples__image {
height: 420px;
margin-bottom: 32px;
}
.peoples__image > img {
object-fit: cover;
width: 100%;
height: 100%;
}
.peoples__name {
margin-bottom: 16px;
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 1.5;
}
.peoples__position {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.peoples__button {
width: 100%;
}
.peoples__button-more {
padding: 10px 20px 12px 0;
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 1.2;
border: 0;
background: transparent;
outline: none;
cursor: pointer;
position: relative;
}
.peoples__button-more::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 20px;
height: 2px;
background-color: #F5DD07;
}
.peoples__button-more::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 0;
transition: all .3s ease;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='Icon'%3e%3cpath id='Vector' d='M15.8346 7.5L10.0013 13.3333L4.16797 7.5' stroke='%23252525' stroke-width='2' stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e ");
}
.peoples__button-more.revert::after {
transform: scale(1, -1);
}
.peoples__button-more:hover::after {
transform: scale(1, -1);
}
.peoples__button-more.revert:hover::after {
transform: scale(1, 1);
}
@media screen and (max-width: 1920px) {
.peoples__item {
width: calc((100% - (24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366))) * 3) / 4);
}
.peoples__image {
height: calc(360px + (420 - 360) * ((100vw - 1366px) / (1920 - 1366)));
margin-bottom: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)))
}
.peoples__name {
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)))
}
.peoples__position {
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)))
}
.peoples__button-more {
padding: 10px 20px calc(10px + (12 - 10) * ((100vw - 1366px) / (1920 - 1366))) 0;
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)))
}
}
@media screen and (max-width: 1366px) {
.peoples__item {
width: calc((100% - (16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366))) * 3) / 4);
}
.peoples__image {
height: 360px;
margin-bottom: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)))
}
.peoples__name {
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
margin-bottom: calc(8px + (16 - 8) * ((100vw - 768px) / (1366 - 768)))
}
.peoples__position {
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)))
}
.peoples__item.active {
margin-bottom: calc(24px + (64 - 24) * ((100vw - 768px) / (1366 - 768)))
}
.peoples__button {
margin-top: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.peoples__button-more {
padding: 10px 20px 10px 0;
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.peoples__button-more::before {
right: calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.peoples__button-more::after {
width: calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768)));
height: calc(16px + (20 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1023px) {
.peoples__item {
width: calc((100% - (16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)))) / 2);
}
}
@media screen and (max-width: 768px) {
.peoples__image {
height: calc(280px + (360 - 280) * ((100vw - 375px) / (768 - 375)));
margin-bottom: 16px;
}
.peoples__name {
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
margin-bottom: 8px;
}
.peoples__position {
font-size: 16px;
}
.peoples__item.active {
margin-bottom: 24px;
}
.peoples__button {
margin-top: calc(18px + (24 - 18) * ((100vw - 375px) / (768 - 375)));
}
.peoples__button-more {
padding: 10px 20px 10px 0;
font-size: 16px;
}
.peoples__button-more::before {
right: 16px;
}
.peoples__button-more::after {
width: 16px;
height: 16px;
}
}
@media screen and (max-width: 500px) {
.peoples__image {
aspect-ratio: 344 / 280;
}
.peoples__item {
width: 100%;
}
.peoples__item.active {
max-height: 75vh;
}
}
/* .peoples (END) */
/* table (START) */
.table,
.table__group {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.table {
align-items: stretch;
}
.table__lines-1 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.table__lines-1 > svg {
width: 50%;
height: auto;
}
.table__lines-2 {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 50%;
}
.table__lines-2 > svg {
width: 68%;
height: auto;
}
.table__lines-3-4 {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.table__lines-3-4 > svg:first-child {
width: 33.33%;
margin-right: 16.67%;
}
.table__lines-3-4 > svg:last-child {
width: 17.3%;
height: auto;
}
.table__lines-5 {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.table__lines-5 > svg {
width: 50%;
height: auto;
}
.table__lines {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.table__item {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 44px 107px;
min-height: 130px;
border-radius: 14px;
background: #F2F2F2;
color: #252525;
text-align: center;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 1.5;
transition: background .3s ease;
}
.table__item:hover {
background: #F5DD07;
}
.table-gray {
color: #6A6A6A;
}
.table-column {
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
}
.table-mb-20 {
margin-bottom: 20px;
}
.table .table-33 {
width: calc(33.33% - (16px * 3 / 2));
}
.table .table-66 {
width: calc(66.67% - (16px * 2 / 3));
}
.table .table-50 {
width: calc(50% - 16px);
}
@media screen and (max-width: 1920px) {
.table__lines-3-4 > svg:first-child {
height: calc(46px + (69 - 46) * ((100vw - 1366px) / (1920 - 1366)));
}
.table__item {
padding: calc(24px + (44 - 24) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (107 - 24) * ((100vw - 1366px) / (1920 - 1366)));
min-height: calc(124px + (130 - 124) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.table__lines-3-4 > svg:first-child {
height: calc(28px + (46 - 28) * ((100vw - 768px) / (1366 - 768)));
}
.table__item {
padding: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768))) 24px;
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
word-break: break-word;
}
}
@media screen and (max-width: 767px) {
.table__group,
.table, .table__group {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.table__item {
word-break: initial;
width: 100%;
font-size: 18px;
padding: 16px 24px;
min-height: initial;
margin-bottom: 12px;
}
.table .table-33,
.table .table-66,
.table .table-50 {
width: 100%;
}
.table-mb-20 {
margin-bottom: 12px;
}
.table__lines-1,
.table__lines-2,
.table__lines-3-4,
.table__lines-5 {
display: none;
}
.table-children {
margin-left: 44px;
width: calc(100% - 44px) !important;
}
.table-order-1 {
order: 1;
position: relative;
}
.table-order-1:nth-child(1)::before{
content: '';
position: absolute;
top: 50px;
left: 15px;
width: 30px;
height: 55px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCAzMSA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuOTk5ODM0IC0xLjYzMDc1ZS0wNkwxLjAwMDk2IDE2LjA2MDFMMS4wMDA5NiAzNEMxLjAwMDk2IDQ1LjU5NzkgMTAuNDAzIDU1IDIyLjAwMDkgNTVMMzEgNTUiIHN0cm9rZT0iI0E2QTZBNiIvPgo8L3N2Zz4K);
}
.table-order-1:nth-child(1)::after{
content: '';
position: absolute;
width: 30px;
height: 118px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 60px;
left: 15px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMTE5IiB2aWV3Qm94PSIwIDAgMzEgMTE5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45OTk4MzQgLTIuMjc2MTVlLTA2TDEuMDAwOTYgMzQuNDU2MUwxLjAwMDk2IDk3QzEuMDAwOTYgMTA4LjU5OCAxMC40MDI5IDExOCAyMi4wMDA5IDExOEwzMSAxMTgiIHN0cm9rZT0iI0E2QTZBNiIvPgo8L3N2Zz4K);
}
.table__item:nth-child(4){
margin-bottom: 40px;
}
.table__item:nth-child(4)::before{
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 1px;
height: 40px;
background-color: #A6A6A6;
z-index: -1;
}
.table-order-2 {
order: 2;
}
.table-order-3 {
order: 3;
}
.table-order-4 {
order: 4;
}
.table-order-5 {
order: 5;
}
}
/* table (END) */
/* legal information (START) */
.legal-information p {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
max-width: 1320px;
}
.legal-information p:not(:last-child) {
margin-bottom: 32px;
}
@media screen and (max-width: 1920px) {
.legal-information p {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.legal-information p {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.legal-information p:not(:last-child) {
margin-bottom: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.legal-information p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.legal-information p:not(:last-child) {
margin-bottom: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
}
}
/* legal information (END) */
/* contacts (START) */
.contacts__table {
display: flex;
flex-direction: column;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.contacts__table p {
font-size: 20px;
max-width: 369px;
}
.contacts__row {
display: flex;
padding: 34px 0;
border-top: 1px solid #F2F2F2;
}
.contacts__row:last-child {
border-bottom: 1px solid #F2F2F2;
}
.contacts__table-dont-border .contacts__row {
padding: 0 0 64px;
}
.contacts__table-dont-border .contacts__row:last-child {
padding: 0;
}
.contacts__col-one {
flex: 1;
}
.contacts__col-two {
display: flex;
flex-direction: column;
width: 571px;
grid-gap: 8px;
}
.contacts__col-three {
display: flex;
flex-direction: column;
width: 420px;
grid-gap: 8px;
}
.contacts__gray {
color: #A6A6A6;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.contacts__email {
font-size: 20px;
padding-bottom: 4px;
width: max-content;
border-bottom: 1.4px solid #F5DD07;
}
.contacts__phone {
color: #252525;
font-family: 'Myriad Pro 600', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 1.5;
}
.contacts__schema {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
outline: none;
border: 0;
background: 0;
width: max-content;
padding-bottom: 4px;
border-bottom: 1.4px solid #F5DD07;
cursor: pointer;
position: relative;
}
.contacts__schema::after {
content: '';
position: absolute;
top: 0;
left: calc(100% + 8px);
bottom: 0;
width: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position-y: top;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M12.5 5L17.5 2.5V15L12.5 17.5V5Z' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath opacity='0.4' d='M7.5 15L12.5 17.5V5L7.5 2.5V15Z' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2.5 5L7.5 2.5V15L2.5 17.5V5Z' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.contacts__table .contacts__schema {
margin-top: 16px;
}
.section__table-gray {
border-radius: 1px;
background: #F2F2F2;
padding: 88px 72px;
grid-gap: 64px;
}
.contacts__col-four {
width: 499px;
margin-right: 32px;
font-size: 28px;
}
.contacts__col-five {
flex: 1;
display: flex;
flex-direction: column;
}
.contacts__col-five p {
display: flex;
width: 100%;
grid-gap: 104px;
max-width: initial;
margin: 24px 0;
}
.contacts__col-five p > span {
display: flex;
flex: 1;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
.contacts__col-five p > span:first-child {
color: #6A6A6A;
}
.section-header__pb-56 {
margin-bottom: 56px;
}
.requisites__top{
display: flex;
align-items: center;
justify-content: space-between
}
.requisites__items{
display: flex;
align-items: center;
grid-gap: 16px;
}
.requisites__items .detail-press__social-item{
background-color: #fff;
}
.requisites__items .detail-press__social-item:hover {
background-color: #F5DD07;
}
.requisites__items .copy-span-adress.active{
background-color: #F5DD07;
}
@media screen and (max-width: 1920px) {
.section__table-gray {
padding: calc(72px + (88 - 72) * ((100vw - 1366px) / (1920 - 1366))) calc(48px + (72 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__phone,
.contacts__table {
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__col-two {
width: calc(400px + (571 - 400) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__col-three {
width: calc(299px + (420 - 299) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__email,
.contacts__schema,
.contacts__gray,
.contacts__table p {
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__col-four {
width: calc(359px + (499 - 359) * ((100vw - 1366px) / (1920 - 1366)));
margin-right: calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__col-five p > span {
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
}
.contacts__col-five > p {
margin:calc(16px + (24 - 16) * ((100vw - 1366px) / (1920 - 1366))) 0;
}
.contacts__table-dont-border .contacts__row {
padding-bottom: calc(48px + (64 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.contacts__col-five p > span {
font-size: 16px;
}
.section-header__pb-56 {
margin-bottom: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__phone,
.contacts__table {
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__gray {
font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__col-two {
width: calc(400px + (400 - 400) * ((100vw - 1024px) / (1366 - 1024)));
}
.contacts__col-three {
width: calc(230px + (299 - 230) * ((100vw - 1024px) / (1366 - 1024)));
}
.contacts__row {
padding: calc(24px + (34 - 24) * ((100vw - 768px) / (1366 - 768))) 0;
}
.contacts__col-five p {
grid-gap: calc(24px + (104 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__col-five > p {
margin: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768))) 0;
}
.contacts__table-dont-border .contacts__row {
padding: 0 0 calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.section__table-gray {
padding: calc(56px + (72 - 56) * ((100vw - 768px) / (1366 - 768))) calc(32px + (48 - 32) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__col-four {
font-size: calc(24px + (26 - 24) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 1024px) {
.contacts__row {
flex-wrap: wrap;
}
.contacts__col-one {
width: 100%;
flex: initial;
margin-bottom: 24px;
}
.contacts__col-two {
width: calc(100% - 226px);
}
.contacts__col-three {
width: 226px;
}
.contacts__col-four {
width: 100%;
margin-bottom: 16px;
}
}
@media screen and (max-width: 768px) {
.section-header__pb-56 {
margin-bottom: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
}
.contacts__table p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.contacts__phone, .contacts__table {
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
}
.contacts__email, .contacts__schema, .contacts__gray, .contacts__table p {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.contacts__col-one {
margin-bottom: calc(8px + (24 - 8) * ((100vw - 375px) / (768 - 375)));
}
.section__table-gray {
padding: calc(48px + (56 - 48) * ((100vw - 768px) / (1366 - 768))) calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.contacts__col-five p > span {
font-size: 16px;
word-break: break-word;
}
.contacts__col-five > p {
margin: 12px 0;
}
.contacts__col-four {
font-size: calc(22px + (24 - 22) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 650px) {
.requisites__top{
flex-direction: column;
grid-gap: 24px;
align-items: flex-start;
}
}
@media screen and (max-width: 599px) {
.contacts__col-two,
.contacts__col-three {
width: 100%;
}
.contacts__col-two {
margin-top: 16px;
}
.contacts__col-three {
margin-top: 24px;
}
.contacts__col-four {
margin-bottom: 16px;
margin-right: 0;
}
.contacts__col-five p {
display: flex;
justify-content: space-between;
}
.contacts__col-five p > span {
width: calc(50% - 12px);
flex: initial;
}
}
/* contacts (END) */
/* investors-corruption (START) */
.investors-corruption {
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
}
.investors-corruption h5 {
margin-bottom: 40px;
font-family: 'Myriad Pro 700';
}
.investors-corruption p {
margin-bottom: 24px;
}
.investors-corruption ul li {
position: relative;
padding-left: 22px;
margin-bottom: 16px;
}
.investors-corruption ul li::before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #F5DD07;
}
.investors-corruption__inner{
max-width: 1320px;
}
@media screen and (max-width: 1920px) {
.investors-corruption h5 {
margin-bottom: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366)));
}
.investors-corruption {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px) {
.investors-corruption h5 {
margin-bottom: calc(24px + (32 - 24) * ((100vw - 768px) / (1366 - 768)));
}
.investors-corruption {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.investors-corruption p {
margin-bottom: calc(16px + (24 - 16) * ((100vw - 768px) / (1366 - 768)));
}
}
@media screen and (max-width: 768px) {
.investors-corruption h5 {
margin-bottom: 24px;
}
.investors-corruption {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.investors-corruption p {
margin-bottom: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
}
.investors-corruption ul li {
margin-bottom: calc(12px + (16 - 12) * ((100vw - 375px) / (768 - 375)));
}
.investors-corruption ul li::before {
top: calc(7px + (10 - 7) * ((100vw - 375px) / (768 - 375)));
}
}
/* investors-corruption (END) */
/* 404 (START) */
.text404 {
text-align: center;
color: #fff;
margin-bottom: 72px;
margin-top: -120px;
}
.text404 p {
color: #A6A6A6;
margin-top: 20px;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.error404 {
position: relative;
margin-top: 200px;
}
.error404 > img {
max-width: 100%;
width: 100%;
position: relative;
z-index: 10;
opacity: 0;
transition: all .5s ease;
}
.error404 > img.active {
opacity: 1;
}
.in_tele {
position: absolute;
top: 19%;
right: 34%;
left: 20%;
bottom: 28%;
z-index: 9;
opacity: 0;
transition: all .5s ease;
}
.in_tele.active {
opacity: 1;
}
.error4404__tele-logo {
position: absolute;
top: 8%;
right: 8.3%;
left: 84%;
bottom: 81.6%;
z-index: 2;
}
.error4404__tele-logo > img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.error404__noise,
.error404__slides {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.error404__noise {
z-index: 3;
}
.error404__slides {
z-index: 1;
}
.error404__slide {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.error404__slide > img {
opacity: 0;
transition: all 3s ease;
}
.error404__slide.active > img {
opacity: 1;
}
.error404__slide img {
object-fit: cover;
width: 100%;
height: 100%;
}
.error404__images {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.error404__images > .img > img {
width: 100%;
height: 100%;
object-fit: contain;
}
.error404__images > .img {
position: absolute;
opacity: 0;
transition: all .75s ease;
}
.error404__images > .img.active {
opacity: 1;
}
.error404__images > .img:nth-child(1) {
left: 4%;
top: 9%;
bottom: 69%;
right: 76%;
}
.error404__images > .img:nth-child(2) {
left: 70%;
top: 2%;
bottom: 62%;
right: 0%;
}
.error404__images > .img:nth-child(3) {
left: 0;
top: 47%;
bottom: -15%;
right: 50%;
}
.error404__images > .img:nth-child(4) {
left: 50%;
top: 50%;
bottom: -15%;
right: 0%;
}
.history__cinema-back-bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.history__cinema-back-outer-scratch,.history__cinema-back-inner-scratch {
height: 100%
}
.history__cinema-back-outer-scratch:after {
content: '';
width: 120%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-left: 100px;
opacity: .085;
background: url("/local/templates/oil_resource/images/scratch.png") repeat center center;
-webkit-animation: scratch 0.45s steps(1) infinite;
animation: scratch 0.45s steps(1) infinite
}
.history__cinema-back-inner-scratch:after {
content: '';
width: 120%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-left: 100px;
opacity: .085;
background: url("/local/templates/oil_resource/images/scratch.png") repeat center center;
-webkit-animation: scratch 0.45s steps(1) infinite;
animation: scratch 0.45s steps(1) infinite;
left: 30%;
-webkit-animation: inner-scratch 2s infinite;
animation: inner-scratch 2s infinite
}
.history__cinema-back-grain:after {
content: '';
width: 110%;
height: 110%;
position: absolute;
top: -5%;
left: -5%;
opacity: .08;
background: url("/local/templates/oil_resource/images/grain.jpg") repeat center center;
-webkit-animation: grain 0.5s steps(1) infinite;
animation: grain 0.5s steps(1) infinite
}
@-webkit-keyframes grain {
0%,100% {
-webkit-transform: translate(0, 0, 0);
transform: translate(0, 0, 0)
}
10% {
-webkit-transform: translate(-1%, -1%);
transform: translate(-1%, -1%)
}
20% {
-webkit-transform: translate(1%, 1%);
transform: translate(1%, 1%)
}
30% {
-webkit-transform: translate(-2%, -2%);
transform: translate(-2%, -2%)
}
40% {
-webkit-transform: translate(3%, 3%);
transform: translate(3%, 3%)
}
50% {
-webkit-transform: translate(-3%, -3%);
transform: translate(-3%, -3%)
}
60% {
-webkit-transform: translate(4%, 4%);
transform: translate(4%, 4%)
}
70% {
-webkit-transform: translate(-4%, -4%);
transform: translate(-4%, -4%)
}
80% {
-webkit-transform: translate(2%, 2%);
transform: translate(2%, 2%)
}
90% {
-webkit-transform: translate(-3%, -3%);
transform: translate(-3%, -3%)
}
}
@keyframes grain {
0%,100% {
-webkit-transform: translate(0, 0, 0);
transform: translate(0, 0, 0)
}
10% {
-webkit-transform: translate(-1%, -1%);
transform: translate(-1%, -1%)
}
20% {
-webkit-transform: translate(1%, 1%);
transform: translate(1%, 1%)
}
30% {
-webkit-transform: translate(-2%, -2%);
transform: translate(-2%, -2%)
}
40% {
-webkit-transform: translate(3%, 3%);
transform: translate(3%, 3%)
}
50% {
-webkit-transform: translate(-3%, -3%);
transform: translate(-3%, -3%)
}
60% {
-webkit-transform: translate(4%, 4%);
transform: translate(4%, 4%)
}
70% {
-webkit-transform: translate(-4%, -4%);
transform: translate(-4%, -4%)
}
80% {
-webkit-transform: translate(2%, 2%);
transform: translate(2%, 2%)
}
90% {
-webkit-transform: translate(-3%, -3%);
transform: translate(-3%, -3%)
}
}
@-webkit-keyframes scratch {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0.075
}
10% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%)
}
20% {
-webkit-transform: translateX(1%);
transform: translateX(1%)
}
30% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
opacity: 0.09
}
40% {
-webkit-transform: translateX(3%);
transform: translateX(3%)
}
50% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%);
opacity: 0.05
}
60% {
-webkit-transform: translateX(8%);
transform: translateX(8%)
}
70% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%)
}
80% {
-webkit-transform: translateX(10%);
transform: translateX(10%);
opacity: 0.02
}
90% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%)
}
}
@keyframes scratch {
0%,100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0.075
}
10% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%)
}
20% {
-webkit-transform: translateX(1%);
transform: translateX(1%)
}
30% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%);
opacity: 0.09
}
40% {
-webkit-transform: translateX(3%);
transform: translateX(3%)
}
50% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%);
opacity: 0.05
}
60% {
-webkit-transform: translateX(8%);
transform: translateX(8%)
}
70% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%)
}
80% {
-webkit-transform: translateX(10%);
transform: translateX(10%);
opacity: 0.02
}
90% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%)
}
}
@-webkit-keyframes inner-scratch {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0.08
}
10% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%)
}
20% {
-webkit-transform: translateX(1%);
transform: translateX(1%)
}
30% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%)
}
40% {
-webkit-transform: translateX(3%);
transform: translateX(3%)
}
50% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%);
opacity: 0.06
}
60% {
-webkit-transform: translateX(8%);
transform: translateX(8%)
}
70% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%)
}
80% {
-webkit-transform: translateX(10%);
transform: translateX(10%);
opacity: 0.03
}
90% {
-webkit-transform: translateX(20%);
transform: translateX(20%)
}
100% {
-webkit-transform: translateX(30%);
transform: translateX(30%)
}
}
@keyframes inner-scratch {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0.08
}
10% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%)
}
20% {
-webkit-transform: translateX(1%);
transform: translateX(1%)
}
30% {
-webkit-transform: translateX(-2%);
transform: translateX(-2%)
}
40% {
-webkit-transform: translateX(3%);
transform: translateX(3%)
}
50% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%);
opacity: 0.06
}
60% {
-webkit-transform: translateX(8%);
transform: translateX(8%)
}
70% {
-webkit-transform: translateX(-3%);
transform: translateX(-3%)
}
80% {
-webkit-transform: translateX(10%);
transform: translateX(10%);
opacity: 0.03
}
90% {
-webkit-transform: translateX(20%);
transform: translateX(20%)
}
100% {
-webkit-transform: translateX(30%);
transform: translateX(30%)
}
}
@media screen and (max-width: 1920px){
.error404 {
margin-top: calc(160px + (200 - 160) * ((100vw - 1366px) / (1920 - 1366)));
}
.text404 {
margin-bottom: calc(176px - (176 - 72) * ((100vw - 1366px) / (1920 - 1366)));
}
.text404 p {
font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 1366px){
.error404 {
margin-top: calc(110px + (160 - 110) * ((100vw - 768px) / (1366 - 768)));
}
.text404 {
margin-top: calc((30px - (120 - 30) * ((100vw - 768px) / (1366 - 768))) * -1);
margin-bottom: calc(164px + (176 - 164) * ((100vw - 768px) / (1366 - 768)));
}
.text404 p {
font-size: calc(16px + (18 - 16) * ((100vw - 1366px) / (1920 - 1366)));
margin-top: calc(12px + (20 - 12) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media screen and (max-width: 768px){
.error404 {
margin-top: calc(110px + (110 - 110) * ((100vw - 375px) / (768 - 375)));
}
.text404 {
margin-top: calc((0px - (30 - 0) * ((100vw - 375px) / (768 - 375))) * -1);
margin-bottom: calc(144px + (164 - 144) * ((100vw - 375px) / (768 - 375)));
}
.text404 .title-h3 {
font-size: calc(26px + (34 - 26) * ((100vw - 375px) / (768 - 375)));
}
.text404 p {
margin-top: 12px;
font-size: 16px;
}
}
/* 404 (END) */
/* RESULT SEARCH (START) */
.result-search h5 span,
.result-search h6 span,
.result-search__item p span {
color: #E7D00A;
}
.result-search {
margin-bottom: 72px;
}
.result-search__item p {
color: #6A6A6A;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
.result-search__item p i {
color: #A6A6A6;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
}
.result-search .breadcrumb {
margin: 0;
}
.result-search .breadcrumb__slider {
padding: 0;
}
.result-search__items {
display: flex;
flex-direction: column;
grid-gap: 72px;
}
.result-search__item {
display: flex;
flex-direction: column;
grid-gap: 24px;
max-width: 1324px;
}
.result-search-form {
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid #E4E4E4;
width: 872px;
}
.result-search-form input {
flex: 1;
color: #252525;
font-family: 'Myriad Pro 400', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.36;
border: 0;
padding-right: 20px;
outline: none;
}
.result-search-form button {
width: 22px;
height: 22px;
border: 0;
outline: none;
position: relative;
background-color: transparent;
cursor: pointer;
}
.result-search-form button::before {
content: '';
position: absolute;
left: -12px;
right: -12px;
top: -12px;
bottom: -12px;
}
@media screen and (max-width: 1920px) {
.result-search-form {
width: calc(623px + (827 - 623) * ((100vw - 1366px) / (1920 - 1366)));
}
.result-search__item p,
.result-search__item p i,
.result-search-form input {
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
}
.result-search {
margin-bottom: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.result-search__items {
grid-gap: calc(64px + (72 - 64) * ((100vw - 1366px) / (1920 - 1366)));
}
.result-search .breadcrumb {
padding: 0 calc(48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366)));
margin: 0 calc((48px + (70 - 48) * ((100vw - 1366px) / (1920 - 1366))) * -1);
}
}
@media screen and (max-width: 1366px) {
.result-search-form {
width: calc(421px + (623 - 421) * ((100vw - 768px) / (1366 - 768)));
}
.result-search__item p,
.result-search__item p i,
.result-search-form input {
font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
}
.result-search {
margin-bottom: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.result-search__items {
grid-gap: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
}
.result-search .breadcrumb {
padding: 0 calc(30px + (48 - 30) * ((100vw - 768px) / (1366 - 768)));
margin: 0 calc((30px + (48 - 30) * ((100vw - 768px) / (1366 - 768))) * -1);
}
}
@media screen and (max-width: 768px) {
.result-search-form {
width: 100%;
}
.result-search__item p,
.result-search__item p i,
.result-search-form input {
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.result-search {
margin-bottom: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
}
.result-search__items {
grid-gap: calc(32px + (48 - 32) * ((100vw - 375px) / (768 - 375)));
}
.result-search .breadcrumb {
padding: 0 calc(15px + (30 - 15) * ((100vw - 375px) / (768 - 375)));
margin: 0 calc((15px + (30 - 15) * ((100vw - 375px) / (768 - 375))) * -1);
}
}
/* RESULT SEARCH (END) */
/*start table-struct*/
.table-struct {
}
.table-struct__item {
border-radius: 14px;
background: #F2F2F2;
text-align: center;
padding: 44px;
font-size: 28px;
line-height: 140%;
position: relative;
font-family: 'Myriad Pro 600';
}
.table-struct__item:last-child::before{
display: none;
}
.table-struct__item::before{
content: '';
position: absolute;
left: 50%;
bottom: -80px;
transform: translateX(-50%);
height: 70px;
width: 9px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI3MSIgdmlld0JveD0iMCAwIDggNzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY0NjQ0IDcwLjM1MzZDMy44NDE3MSA3MC41NDg4IDQuMTU4MjkgNzAuNTQ4OCA0LjM1MzU1IDcwLjM1MzZMNy41MzU1MyA2Ny4xNzE2QzcuNzMwNzkgNjYuOTc2MyA3LjczMDc5IDY2LjY1OTcgNy41MzU1MyA2Ni40NjQ1QzcuMzQwMjcgNjYuMjY5MiA3LjAyMzY5IDY2LjI2OTIgNi44Mjg0MiA2Ni40NjQ1TDQgNjkuMjkyOUwxLjE3MTU3IDY2LjQ2NDVDMC45NzYzMDggNjYuMjY5MiAwLjY1OTcyNSA2Ni4yNjkyIDAuNDY0NDYzIDY2LjQ2NDVDMC4yNjkyMDEgNjYuNjU5NyAwLjI2OTIwMSA2Ni45NzYzIDAuNDY0NDYzIDY3LjE3MTZMMy42NDY0NCA3MC4zNTM2Wk0zLjUgLTIuMTg1NTdlLTA4TDMuNSA3MEw0LjUgNzBMNC41IDIuMTg1NTdlLTA4TDMuNSAtMi4xODU1N2UtMDhaIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=);
}
.table-struct__item + .table-struct__item{
margin-top: 90px;
}
/*end table-struct*/
/*start padding-bottom-0*/
.padding-bottom-0 h1{
padding-bottom: 0;
}
.padding-bottom-0{
padding-bottom: 0;
}
/*end padding-bottom-0*/
/*start corporate-block*/
.corporate-block__inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 32px;
}
.corporate-block__title {
margin-bottom: 56px;
}
.corporate-block__inner .corporate-block__text {
max-width: 740px;
font-size: 22px;
line-height: 140%;
font-family: 'Myriad Pro 400';
}
.corporate-block__link {
border-radius: 14px;
font-family: 'Myriad Pro 600';
background: #F2F2F2;
font-size: 28px;
line-height: 140%;
text-align: center;
padding: 40px;
position: relative;
}
.corporate-block__link::before{
content: '';
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
width: 8px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI0MSIgdmlld0JveD0iMCAwIDggNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY0NjQ0IDQwLjM1MzZDMy44NDE3MSA0MC41NDg4IDQuMTU4MjkgNDAuNTQ4OCA0LjM1MzU1IDQwLjM1MzZMNy41MzU1MyAzNy4xNzE2QzcuNzMwNzkgMzYuOTc2MyA3LjczMDc5IDM2LjY1OTcgNy41MzU1MyAzNi40NjQ1QzcuMzQwMjcgMzYuMjY5MiA3LjAyMzY5IDM2LjI2OTIgNi44Mjg0MyAzNi40NjQ1TDQgMzkuMjkyOUwxLjE3MTU3IDM2LjQ2NDVDMC45NzYzMDkgMzYuMjY5MiAwLjY1OTcyNyAzNi4yNjkyIDAuNDY0NDY1IDM2LjQ2NDVDMC4yNjkyMDIgMzYuNjU5NyAwLjI2OTIwMiAzNi45NzYzIDAuNDY0NDY0IDM3LjE3MTZMMy42NDY0NCA0MC4zNTM2Wk0zLjUgLTIuMTg1NTdlLTA4TDMuNSA0MEw0LjUgNDBMNC41IDIuMTg1NTdlLTA4TDMuNSAtMi4xODU1N2UtMDhaIiBmaWxsPSIjRTRFNEU0Ii8+Cjwvc3ZnPgo=);
}
.corporate-block__link:last-child::before{
display: none;
}
.corporate-block__link + .corporate-block__link{
margin-top: 60px;
}
@media (max-width: 1920px) {
.corporate-block__title{
margin-bottom: calc(48px + (56 - 48) * ((100vw - 1366px) / (1920 - 1366)));
}
.corporate-block__inner .corporate-block__text{
font-size: calc(20px + (22 - 20) * ((100vw - 1366px) / (1920 - 1366)));
max-width: calc(515px + (740 - 515) * ((100vw - 1366px) / (1920 - 1366)));
}
.corporate-block__link{
padding: calc(32px + (40 - 32) * ((100vw - 1366px) / (1920 - 1366)));
font-size: calc(26px + (28 - 26) * ((100vw - 1366px) / (1920 - 1366)));
}
}
@media (max-width: 1200px) {
.corporate-block__inner{
grid-template-columns: repeat(1, 1fr);
grid-gap: 48px;
}
.corporate-block__title{
margin-bottom: 40px;
}
.corporate-block__inner .corporate-block__text{
max-width: 100%;
}
.corporate-block__link{
font-size: 24px;
padding: 28px 15px;
}
.corporate-block__link::before{
height: 32px;
}
.corporate-block__link + .corporate-block__link {
margin-top: 52px;
}
.corporate-block__link::before{
bottom: -42px;
}
.corporate-block__inner .corporate-block__text{
font-size: 18px;
}
}
@media (max-width: 768px) {
.corporate-block__title{
margin-bottom: calc(24px + (40 - 24) * ((100vw - 375px) / (768 - 375)));
}
.corporate-block__inner .corporate-block__text{
font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (768 - 375)));
}
.corporate-block__inner{
grid-gap: calc(40px + (48 - 40) * ((100vw - 375px) / (768 - 375)));
}
.corporate-block__link{
font-size: calc(22px + (24 - 22) * ((100vw - 375px) / (768 - 375)));
padding: calc(24px + (28 - 24) * ((100vw - 375px) / (768 - 375))) 15px;
}
}
/*end corporate-block*/