/*
Theme name: Designic
*/

/* ===== InterTight ===== */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-900.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight Black Italic'), local('InterTight-BlackItalic'),
       url('fonts/InterTight/InterTight-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ExtraBold */
@font-face {
  font-family: 'InterTight';
  src: local('InterTight ExtraBold'), local('InterTight-ExtraBold'),
       url('fonts/InterTight/InterTight-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight ExtraBold Italic'), local('InterTight-ExtraBoldItalic'),
       url('fonts/InterTight/InterTight-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'InterTight';
  src: local('InterTight Bold'), local('InterTight-Bold'),
       url('fonts/InterTight/InterTight-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight Bold Italic'), local('InterTight-BoldItalic'),
       url('fonts/InterTight/InterTight-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* SemiBold */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-600.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight SemiBold Italic'), local('InterTight-SemiBoldItalic'),
       url('fonts/InterTight/InterTight-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-500.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-500italic.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-500italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Regular / Italic */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-400.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-400italic.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-400italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: 'InterTight';
  src: url('fonts/InterTight/opt/InterTight-300.woff2') format('woff2'),
       url('fonts/InterTight/opt/InterTight-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight Light Italic'), local('InterTight-LightItalic'),
       url('fonts/InterTight/InterTight-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* ExtraLight */
@font-face {
  font-family: 'InterTight';
  src: local('InterTight ExtraLight'), local('InterTight-ExtraLight'),
       url('fonts/InterTight/InterTight-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight ExtraLight Italic'), local('InterTight-ExtraLightItalic'),
       url('fonts/InterTight/InterTight-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Thin */
@font-face {
  font-family: 'InterTight';
  src: local('InterTight Thin'), local('InterTight-Thin'),
       url('fonts/InterTight/InterTight-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'InterTight';
  src: local('InterTight Thin Italic'), local('InterTight-ThinItalic'),
       url('fonts/InterTight/InterTight-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}


/*GENERAL | BROWSERS FIX'S" */
*{
  font-family: 'InterTight',"InterTight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  color: #181E34;
  line-height: 1.2;
}
html{
    scroll-behavior: smooth;
    line-height: 1.2;
}

figure{
    margin: 0;
}

nav{
    height: auto;
    line-height: 1;
    background-color: transparent;
    box-shadow: none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #181E34 !important;
  transition: background-color 9999s ease-in-out 0s !important;
}


.row{
    margin-bottom: 0;
}
.row .col{
    padding: 0;
}

/*.lines{
    position: relative;
    padding: 0 2.5vw;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.lines > *{
    height: 100vh;
    box-sizing: border-box;
    top: 0;
    border-right: 1px solid red;
    z-index: 99999;
}*/

.designic-row{
    display: flex;
    flex-flow: row wrap;
}
.designic-col-1{
    width: 18.8596491228%;
}
.designic-offset-1{
    margin-left: 18.8596491228%;;
}


.designic-col-2{
    width: 8.1871345029%;
}
.designic-offset-2{
    margin-left: 8.1871345029%;;
}
.designic-col-1-2{
    width: 27.0467836257%;
}
.designic-offset-1-2{
    margin-left: 27.0467836257%;;
}


.designic-col-3{
    width: 9.4298245614%;
}
.designic-col-1-3{
    width: 36.4766081871%;;
}
.designic-offset-3{
    margin-left: 9.4298245614%;;
}


.designic-col-4{
    width: 9.4298245614%;
}
.designic-col-3-4{
    width: 18.8596491228%;
}
.designic-col-1-4{
    width: 45.906432748499995%;
}
.designic-offset-2-4{
    margin-left: 27.0467836257%;
}


.designic-col-5{
    width: 8.1871345029%;
}
.designic-offset-5{
    margin-left: 8.1871345029%;
}
.designic-col-1-5{
    width: 54.093567251399996%;
}
.designic-offset-1-5{
    margin-left: 54.093567251399996%;
}
.designic-offset-2-5{
    margin-left: 35.233918128599996%;
}
.designic-col-4-5{
    width: 17.616959064299998%;
}
.designic-offset-4-5{
    margin-left: 17.616959064299998%;
}




.designic-col-6{
    width: 18.8596491228%;
}
.designic-col-1-6{
    width: 73.245614035%;
}

.designic-col-7{
    width: 3.9473684211%;
}
.designic-col-6-7{
    width: 22.807017543900002%;
}

.designic-col-8{
    width: 3.9473684211%;
}
.designic-offset-8{
    margin-left: 3.9473684211%;
}
.designic-col-7-8{
    width: 7.8947368422%;
}
.designic-offset-7-8{
    margin-left: 7.8947368422%;
}


.designic-col-9{
    width: 18.8596491228%;
}
.designic-col-6-9{
    width: 45.906432748600004%
}
.designic-col-7-8-9,
.designic-col-7-9{
    width: 26.754385965%
}
.designic-col-6-7-8-9,
.designic-col-6-9{
    width: 45.614035087800005%;
}
.designic-row .designic-col.contact__group{
    width: 27.3%;
}


.selected{
    color: #B4A774;
}

.material-tooltip{
    border-radius: 1px;
    background: #EFEBBA;
    color: #181E34;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    overflow: unset;
    padding: 4px 10px;
    line-height: 1.2;
    min-height: unset;
}
.material-tooltip:after{
    content: ' ';
    display: block;
    position: absolute;
    left: calc(50% - 8px);
    top: 100%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #EFEBBA transparent transparent transparent;
    transform: rotate(0deg);
}

.btn, 
.btn-large, 
.btn-small{
    background-color: #D9D6AB;
    padding: 14px 32px;
    color: #181E34;
    height: auto;
    box-shadow: unset;
    line-height: 1;
    font-weight: 500;
}
.btn:hover, 
.btn-large:hover, 
.btn-small:hover,
.btn:focus, 
.btn-large:focus, 
.btn-small:focus{
    background-color: #544B71;
}

.btn-fill,
.btn-outline{
    display: inline-block;
    display: inline-flex;
    flex-flow: row wrap;
    gap: 12px;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
    border-radius: 1px;
    border: 0px solid;
    padding: 14px 32px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    transition: 0.3s ease-in-out;
}
.btn-fill span,
.btn-outline span{
    transition: 0.3s ease-in-out;
    text-decoration: none;
}
.btn-fill{
    background-color: #D9D6AB;
    border-color: #D9D6AB;
    position: relative;
}
.btn-fill:hover,
.btn-fill:focus{
    background-color: #544B71;
    border-color: #544B71;
    color: #ffffff;
    gap: 2.5rem;
    opacity: 1;
}
.btn-fill:hover span,
.btn-fill:focus span{
    color: #ffffff;
}
.btn-fill:hover .polygon-animated {
    clip-path: polygon(50% 0, 75% 0, 50% 30%, 50% 100%, 0% 100%, 50% 30%);
}
.polygon-animated {
  /* display: none; */
  position: absolute;
  top: 0;
  right: 36px;
  height: 100%;
  aspect-ratio: 1;
  background-color: #fafbf5;
  transform: scale(1.01);

  clip-path: polygon(50% 0, 50% 0, 50% 30%, 50% 100%, 50% 100%, 50% 30%);
  transition: clip-path 0.3s ease-in-out;
}
.form-submit .polygon-animated{
    height: calc(100% + 1px);
    background-color: #F5F7FF;

}
.polygon-animated-bg-gray {
    background: #f4f7fe;
}

.hero-polygon {
    position: absolute;
    bottom: 0;
    /* was bottom: 0 */
    right: 46%;
    transform: translateX(50%) scale(1.005);
    z-index: 10;
    height: 150%;
    /* was 100% */
    aspect-ratio: 1.5;
    background-color: #f4f7fe;
    clip-path: polygon(50% 0%, 100% 0%, 50% 50%, 50% 100%, 0% 100%, 50% 50%);
}
.polygon-animation {
    position: relative;
    overflow: hidden;
}

[type="radio"].with-gap:checked+span:after{
    transform: scale(.66);
}

.btn-fill i,
.btn-fill i svg{
    display: block;
}
.btn-fill svg,
.btn-fill svg path{
    transition: 0.3s ease-in-out;
}
.btn-fill:hover svg path,
.btn-fill:focus svg path{
    stroke: #ffffff;
}


.btn-outline{
    border: 1px solid #544B71;
}
.btn-outline:hover,
.btn-outline:focus{
    border-color: #E6C9D2;
    background-color: #E6C9D2;
}

.input-field.col,
.input-field.col.form-item{
    position: relative;
    margin: 0;
}
.input-field>input,
input:not([type]), 
input[type=text]:not(.browser-default), 
input[type=password]:not(.browser-default), 
input[type=email]:not(.browser-default), 
input[type=url]:not(.browser-default), 
input[type=time]:not(.browser-default), 
input[type=date]:not(.browser-default), 
input[type=datetime]:not(.browser-default), 
input[type=datetime-local]:not(.browser-default), 
input[type=tel]:not(.browser-default), 
input[type=number]:not(.browser-default), 
input[type=search]:not(.browser-default), 
textarea.materialize-textarea{
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    padding: 10px 4px 12px 4px;
}
.input-field>input.icon_prefix,
input.icon_prefix:not([type]), 
input[type=text].icon_prefix:not(.browser-default), 
input.icon_prefix[type=text]:not(.browser-default), 
input[type=email].icon_prefix:not(.browser-default), 
input.icon_prefix[type=tel]:not(.browser-default){
    padding: 10px 28px 8px!important;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    border-color: rgba(119,110,150,0.4);
    border-color: rgb(119 110 150 / 40%);
    padding-left: 4px;
}
.input-field>label,
.input-field.col>label{
    left: 4px;
    top: 10px;
    color: #544B71;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500;
    opacity: 0.2;
    height: 100%;
    width: calc(100% - 4px);
    top: 36px;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(0px);
}


input.valid:not([type]), 
input.valid:not([type]):focus, 
input.valid[type=text]:not(.browser-default), 
input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown,
input:not([type]):focus:not([readonly]), 
input[type=text]:not(.browser-default):focus:not([readonly]), 
input[type=password]:not(.browser-default):focus:not([readonly]), 
input[type=email]:not(.browser-default):focus:not([readonly]), 
input[type=url]:not(.browser-default):focus:not([readonly]), 
input[type=time]:not(.browser-default):focus:not([readonly]), 
input[type=date]:not(.browser-default):focus:not([readonly]), 
input[type=datetime]:not(.browser-default):focus:not([readonly]), 
input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]),
input[type=text]:not(.browser-default):hover:not([readonly]),
input[type=email]:not(.browser-default):hover:not([readonly]),
input[type=tel]:not(.browser-default):hover:not([readonly]){
    border-bottom: 1px solid #776E96;
    border-color: rgba(119,110,150,1);
    border-color: rgb(119 110 150 / 100%);
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;
}
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus{
    border-bottom: 1px solid #D66438;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;
}
input::-webkit-input-placeholder{
    opacity: 0.2;
    color: #544B71;
    font-weight: 500;
}
.input-field>label:not(.label-icon).active{
    top: 14px;
}
.input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label{
    margin: 0;
    pointer-events: none;
    left: 28px;
    top: 10px;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
        opacity: 0.4;
}
.input-field .prefix{
    display: block;
    width: auto;
    top: unset;
    bottom: 16px;
    font-size: 15px;
}
.icon{
    display: inline-block;
}
.input-field .prefix svg,
.icon svg{
    display: block;
}
#page{
    padding-top: 84px;
}
#header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FAFBF5;
    z-index: 910;
    padding: 17px 48px;
    transition: 0.5s ease-in-out;
}
.site-header__row{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
#page{
    background-color: #FAFBF5;
}
.page-container{
    padding: 40px 48px 100px;
}
.page__row{
    display: flex;
    flex-flow: row wrap;
    gap: 54px;
    margin-top: 80px;
}
.page__nav,
.article__nav{
    width: 100%;
    max-width: 21.56vw;
    position: sticky;
    top: 140px;
    height: 100%;
}
.page__nav .page__nav-title,
.article__nav-title{
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
.page__nav .page__nav-list,
.article__nav-list > ul{
    display: flex;
    flex-flow: column wrap;
    gap: 24px;
}
.article__nav-list > ul > li > ul,
.article__nav-list > ul > li > ol{
    display: flex;
    flex-flow: column wrap;
    gap: 8px;
    margin-top: 8px;
}
.article__nav-list ol::marker, 
.article__nav-list ol li::marker{
    color: #544B71;
    opacity: 0.6;
    font-weight: 500;
}
.article__nav-list > ul > li a,
.page__nav .page__nav-list-item,
.article__nav-list > ul > li > ul > li > a,
.article__nav-list > ul > li > ol > li > a{
    display: block;
    color: #544B71;
    opacity: 0.6;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    padding-left: 0;
    position: relative;
    transition: 0.3s ease-in-out;
}
.article__nav-list > ul > li a::before,
.page__nav .page__nav-list-item::before{
    content: ' ';
    display: block;
    position: absolute;
    background-color: #544B71;
    left: 0;
    top: 8px;
    opacity: 0;
    width: 5px;
    height: 5px;
    transition: 0.3s ease-in-out;
}
.article__nav-list > ul > li:hover,
.article__nav-list > ul > li:focus,
.article__nav-list > ul > li:hover > a,
.article__nav-list > ul > li:focus > a,
.page__nav .page__nav-list-item:hover > a,
.page__nav .page__nav-list-item:focus > a,
.article__nav-list > ul > li > ul > li:hover > a,
.article__nav-list > ul > li > ul > li:focus > a,
.article__nav-list > ul > li > ol > li:hover > a,
.article__nav-list > ul > li > ol > li:focus > a{
    color: #D3ADB8;
    opacity: 1;
}
.article__nav-list > ul > li a.active,
.page__nav .page__nav-list-item.active{
    padding-left: 21px;
    opacity: 1;
}
/*fix для статьи*/
.article__nav-list > ul > li > ol > li > a.active,
.article__nav-list > ul > li > ul > li > a.active{
    padding-left: 0;

}
.article__nav-list > ul > li > ol > li > a::before,
.article__nav-list > ul > li > ul > li > a::before{
    left: calc(-1em - 8px);
}

.article__nav-list > ul > li a.active::before,
.page__nav .page__nav-list-item.active::before{
    opacity: 1;
}


.page-container .page__content,
.page-container .page__content .title,
.article__text{
    width: 100%;
    max-width: 46.04vw;
}
.page-container .page__content .title{
    margin-top: 0;
    margin-bottom: 20px;
}
.page-container .page__content p,
.page-container .page__content *{
    font-weight: 400;
    font-size: 16px;
}
.article__text,
.article__text p,
.article__text *{
    font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
}
.article__text * > b,
.article__text * > strong{
    font-weight: 500;
}
.article__text picture,
.article__text img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.article__text ul,
.article__text ol{
    padding-left: 1em;
}
.article__text li{
    margin: 12px 0;
}
.page-container .page__content h1,
.page-container .page__content h2,
.page-container .page__content h3,
.page-container .page__content h4,
.page-container .page__content h5,
.page-container .page__content h6,
.article__text h1,
.article__text h1 *,
.article__text h2,
.article__text h2 *,
.article__text h3,
.article__text h3 *,
.article__text h4,
.article__text h4 *,
.article__text h5,
.article__text h5 *,
.article__text h6,
.article__text h6 *{
    font-weight: 500;
    line-height: 1.2;

}
.article__text h2,
.article__text h2 *{
    font-size: 48px;
}
.page-container .page__content h1,
.page-container .page__content h2,
.article__text h1,
.article__text h1 *{
    font-size: 48px;
}
.page-container .page__content h1,
.page-container .page__content h2,
.article__text h1{
    margin: 40px 0 24px;
}
.article__text h2:first-child{
    margin-top: 0;
}
.article__text h4{   
    margin: 32px 0 20px;
}
.page-container .page__content h4,
.article__text h4,
.article__text h4 *{
    font-size: 26px;
}
.page-container .page__content h5{
    margin: 42px 0 20px;
}
.page-container .page__content h5,
.page-container .page__content h5 *{
    font-size: 18px;
}

.article__text .wp-caption{
    max-width: 100%;
}

.site-content{
    min-height: calc(100vh - 282px);
    background-color: #FAFBF5;
}
.site-content.site-content__not-found{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.customize-support #header{
    top: 32px;
}
.site-branding{
    margin-right: auto;
}
.site-branding img,
.site-footer__logo img,
.site-branding svg,
.site-footer__logo svg{
    display: block;
    max-width: 100%;
    transition: 0.25s;
}
.site-footer__logo svg{
    height: 60px;
    width: auto;
}
.sidenav{
    background: #FAFBF5;
}
.sidenav__logo{
    text-align: center;
}
.sidenav__logo img{
    max-width: 150px;
    height: auto;
}
.sidenav__user{
    margin-bottom: 2rem;
}
.sidenav__user .avatar__wrapper img{
    border-radius: 50%;
}
.sidenav .user-view{
    padding: 0;
}
.sidenav__user .avatar__wrapper,
.sidenav .sidenav__user .user-view > a.avatar__wrapper{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
    padding: 16px;
    background: rgb(50,50,50,0.5);
}
.sidenav .user-view .name{
    margin-top: 0;
}
.sidenav__contact{
    display: flex;
    flex-flow: column wrap;
    gap: 2rem;
    color: #ffffff;
    padding: 32px;
}
.sidenav__contact .link--anim{
    color: #ffffff;
}
.sidenav__footer{
    padding: 32px;
}

.site-header__actions{
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    /*padding-right: 6px;*/
}
.site-header__actions .btn-fill{
    padding: 14px 32px;
    position: relative;
}
.site-header__actions .btn-fill > .text{
    line-height: 1;
}

.sidenav-trigger{
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    transition: 0.25s;
    background-color: transparent;
    border: none;
}
.burger-icon{
    display: block;
    width: 100%;
    margin: auto;
    height: 100%;
    position: relative;
    opacity: 0.6;
    transition: 0.25s;
}
.burger-icon::before,
.burger-icon::after{
    content: '';
    display: block;
    background: #181E34;
    height: 2px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    width: 22px;
}
.sidenav-trigger.active .burger-icon{
    opacity: 1;
}
.sidenav-trigger.active .burger-icon::before,
.sidenav-trigger.active .burger-icon::after{
    /*width: 18px;*/
    width: 25px;
    height: 1px;
}
.burger-icon::before{
    top: calc(50% - 4px);
}
.burger-icon::after{
    top: calc(50% + 2px);
}
.active .burger-icon::before{
    transform: rotate(45deg);
    top: calc(50% - 3px);
}
.active .burger-icon::after{
    width: 100%;
    top: calc(50% - 3px);
    transform: rotate(-45deg);
}

.login__links{
    color: #fff;
}

.user.user--header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 15px;
}
.user__image{
    overflow: hidden;
    border-radius: 50%;
}
.user__image img{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: 0.25s;
}
.user.user--header:hover .user__image img{
    transform: scale(1.25);
}
.user__name .user__link{
    color: #fff;
}

.sidenav li>a{
    color: #181E34;
}

.site-header__menu{
    margin: auto;
    flex-grow: 1;
}
.site-menu li > a,
.site-menu li > a > span,
.link--anim{
    display: inline-block;
    position: relative;
}
.link--anim{
    color: #111111;
}

.site-header .menu-item > a,
.site-header .menu-item > a > span{
    transition: 0.3s ease-in-out;
}
.site-header .menu-item > a:hover,
.site-header .menu-item > a:focus,
.site-header .menu-item > a:hover span,
.site-header .menu-item > a:focus span{
    color: #D3ADB8;
}

.site-header .menu-item.menu-item-has-children{
    padding-right: 28px;
    position: relative;
}
.site-header .menu-item.menu-item-has-children::after{
    content: ' ';
    display: block;
    cursor: pointer;
    top: 50%;
    right: 1px;
    width: 15px;
    height: 8px;
    position: absolute;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'><path d='M1 1.5L7.5 6.5L14 1.5' stroke='currentColor' stroke-width='1.3'/></svg>");
    transform: translateY(-50%);
    transition: 0.3s;
}

.site-header .menu-item.menu-item-has-children:hover > a > span{
    color: #D3ADB8;
}
.site-header .menu-item.menu-item-has-children:hover::after,
.site-header .menu-item.menu-item-has-children:focus::after{
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'><path d='M1 1.5L7.5 6.5L14 1.5' stroke='%23D3ADB8' stroke-width='1.3'/></svg>");
}
.site-header .menu-item.menu-item-has-children.open::after{
    transform: translateY(-50%) rotate(180deg);
}
/*
.site-menu li > a > span::after,
.link--anim::after{
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 0;
    background-color: #fff;
    left: 0;
    bottom: -5px;
    transition: 0.25s;
}
.link--anim::after{
    background-color: #111111;
}
.link--anim.link--anim--white::after{
    background-color: #fff;
}
.link--anim.next::after{
    left: unset;
    right: 0;
}
.site-menu li > a:hover span::after,
.site-menu li > a:focus span::after,
.link--anim:hover::after{
    width: 100%;
}*/
.hide-on-med-and-down.site-header__menu.site-header__menu--visible {
    display: flex;
    flex-flow: column wrap;
}

li.current-menu-item>a,
li.current_page_item>a,
li.current_page_parent>a{
    font-weight: 900;
}

.site-menu li.current-menu-item>a>span::after,
.site-menu li.current_page_item>a>span::after,
.site-menu li.current-post-ancestor>a>span::after, 
.site-menu li.current-menu-parent>a>span::after,
.site-menu li.current_page_paren>a>span::after{
    width: 100%;
    height: 2px;
}

/**/
.site-header nav.site-menu > ul {
    display: flex;
    flex-flow: row wrap;
    gap: 0;
    width: 100%;
    justify-content: flex-start;
}
/*
.site-header nav.site-menu > ul #menu-item-8357{
    margin-left: 48px;
}
.site-header nav.site-menu > ul #menu-item-8359{
    margin-left: 140px;
}
.site-header nav.site-menu > ul #menu-item-10909{
    margin-left: 64px;
}
.site-header nav.site-menu > ul #menu-item-8361{
    margin-left: 71px;
}*/
.site-header nav.site-menu > ul > li > a {
    display: block;
    padding: 0;
    background: transparent;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    position: relative;
}
.site-header nav.site-menu > ul > li > a > .menu-item__wrapper{
    position: relative;
    line-height: 1;
}
.site-header nav.site-menu > ul > li > a > .menu-item__wrapper::before{
    content: ' ';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: -12px;
    top: calc(50% - 4px);
    background: transparent;
}
.site-header nav.site-menu > ul > li.current_page_item > a,
.site-header nav.site-menu > ul > li.current-menu-item > a,
.site-header nav.site-menu > ul > li.current_page_parent > a,
.site-header nav.site-menu > ul > li.current_page_item > a > span,
.site-header nav.site-menu > ul > li.current-menu-item > a > span,
.site-header nav.site-menu > ul > li.current_page_parent > a > span{
    color: #776E96;
    font-style: italic;
} 
.site-header nav.site-menu > ul > li.current_page_item > a > .menu-item__wrapper::before,
.site-header nav.site-menu > ul > li.current-menu-item > a > .menu-item__wrapper::before,
.site-header nav.site-menu > ul > li.current_page_parent > a > .menu-item__wrapper::before{
    background-color: #776E96;
}

.site-header .menu-item{
    width: 100%;
}
.menu-item__1{
    max-width: 17.5%;
    text-align: right;
}
.menu-item__2{
    max-width: 17.2%;
    text-align: right;
}
.menu-item__3{
    margin-left: calc(15.3% + 1px);
    max-width: 10%;
}
.menu-item__4{
    max-width: 6%;
    margin-left: 3%;
}
.menu-item__5{
    max-width: 6%;
    margin-left: 6.8%;
}

/*
.site-header nav.site-menu > ul > li > a[href="#"] {
    cursor: default !important;
    color: #999 !important;
    pointer-events: none;
}
*/

.site-header nav.site-menu > ul > li > a + ul {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    height: auto;
    overflow: hidden;
    display: none;
}

.site-header nav.site-menu > ul > li.dropdown-items > a + ul {
    flex-flow: column wrap;
    border-color: transparent;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: -100%;
    left: 20%;
    left: calc(calc(100vw - 700px) / 2.25);
    width: 100%;
    max-width: 700px;
    background: rgba(27, 27, 27, 0.9);
    z-index: 999;
    -webkit-box-shadow: 0 4px 5px 0 rgba(27, 27, 27, 0.14), 0 1px 10px 0 rgba(27, 27, 27, 0.12), 0 2px 4px -1px rgba(27, 27, 27, 0.3);
    box-shadow: 0 4px 5px 0 rgba(27, 27, 27, 0.14), 0 1px 10px 0 rgba(27, 27, 27, 0.12), 0 2px 4px -1px rgba(27, 27, 27, 0.3);
    transform: scale(0);
    transition: 0.25s;
}

.site-header nav.site-menu > ul > li.dropdown-items:hover > a + ul, .site-header nav.site-menu > ul > li.dropdown-items:focus > a + ul {
    opacity: 1;
    visibility: visible;
    bottom: calc(-100% - 44px);
    transform: scale(1);
}

.site-header nav.site-menu > ul > li.dropdown-items:hover > a {
    background-color: rgba(27, 27, 27, 0.9);
}

.site-header nav.site-menu > ul > li > a + ul > li {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: stretch;
}

nav.site-menu > ul > li > a + ul > li > a {
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: auto;
    transition: 0.25s;
}

nav.site-menu > ul > li > a + ul > li > a:hover, nav.site-menu > ul > li > a + ul > li > a:focus {
    background-color: transparent;
    color: #f0f0f0;
}

nav.site-menu > ul > li > a + ul > li.current-menu-item > a, nav.site-menu > ul > li > a + ul > li.current_page_item > a {
    color: #fff;
}

.menu-item__wrapper {
    position: relative;
}

nav.site-menu > ul > li > a + ul > li.current-menu-item > a .menu-item__wrapper:before, nav.site-menu > ul > li > a + ul > li.current_page_item > a .menu-item__wrapper:before {
    background: #fff;
}
/**/

.sidenav li>a:hover,
.sidenav li>a:focus,
.sidenav li.current-menu-item>a,
.sidenav li.current_page_item>a,
.sidenav li.current-post-ancestor>a,
.sidenav li.current-menu-parent>a{
    background-color: rgba(0,0,0,0.5);
}

.btn,
.card,
.card-panel{
    border-radius: 1px;
}

.title,
.subtitle{
    text-transform: uppercase;
}

.title__block{
    padding: 2rem 0;
    text-align: center;
}
.title__block .title{
    text-transform: uppercase;
    font-size: 3rem;
    margin: 0;
}
.title__block .subtitle{
    margin: 0;
    color: #ccc;
    font-size: 1.25rem;
}

.card{
    width: 300px;
    overflow: hidden;
}
.card--big{
    width: auto;
    max-width: 100%;
    height: auto;
}
.archive__row .card--big,
.archive__row .card--big .card__link{
    width: 100%;
}
.posts__row .card--big{
    max-width: calc(100% - 300px - 2rem);
}
.card.slick-slide{
    margin: 15px;
}

.card .tags,
.card .cats{
    position: absolute;
    z-index: 5;
    max-width: 100%;
}
.card:not(.card--big) .tags{
    left: 24px;
    bottom: -20px;
    max-width: calc( 100% - 94px);
}
.card:not(.card--big) .tags .chip{
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}
.card:not(.card--big) .cats{
    right: 0;
    top: 12px;
}
.card.card--big .tags{
    top: 0;
    left: 0;
    padding: 24px;
}
.card.card--big .cats{
    right: 0;
    top: 0;
    padding: 24px;
}

.card img{
    max-width: 100%;
    height: auto;
    transition: 0.25s;
}
.card:hover img,
.card:focus img{
    transform: scale(1.05);
}

.card .icon{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}


.card .card-title{
    color: #111111;
    margin-top: 0;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.3px;
    text-decoration-color: transparent;
    transition: 0.25s;
}
.card--big .card-title{
    background: linear-gradient(transparent, rgba(17, 17, 17, 0.5));
    margin: 0;
    width: 100%;
}
.card .card-title:hover,
.card .card-title:focus{
    text-decoration-color: #111111;
}

.card.card--big .card-title:hover,
.card.card--big .card-title:focus{
    text-decoration-color: #ffffff;
}


.card.card--mini{
    box-shadow: none;
    margin: 0;
    width: 100%;
    max-width: 570px;
}
.related__posts .slick-track .card.card--mini{
    margin: 0 48px;
}
.card.card--mini .card-image picture{
    aspect-ratio: 571/263;
    inset: 0px;
    display: block;
    overflow: hidden;
}
.card.card--mini .card-image img{
    display: block;
    margin: auto;
}
.card.card--mini .card-content{
    padding: 32px;
}
.card.card--mini .card-title{
    font-size: 26px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: calc(1.2em * 3);
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: 500;
}
.card.card--mini .card__text{
    font-weight: 300;
    line-height: 1;
    font-size: 20px;
    opacity: 0.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: calc(1.2em * 2);
    overflow: hidden;
}
.card.card--mini .card__text p{
    margin: 0;
}
.card.card--mini .card__text span{
    font-weight: 300!important;
}
.card.card--mini .text-link.card__textlink{
    display: inline-block;
    margin-top: 56px;
    color: #181E34;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.3px;
}
/*
.related__posts{
    padding: 0px 0 0 25px;
}
.related__posts .slick-initialized .slick-track{
    display: flex;
}
*/
.related-posts__list.slick-initialized.slick-slider .slick-track{
    display: flex;
}
.related__posts .card.card--mini{
    background-color: #ffffff;
    height: inherit;
    display: flex;
    flex-flow: column wrap;
    transition: 0.3s ease-in-out;
}
.related-posts__list.slick-initialized.slick-slider .related__posts .card.card--mini{
    max-width: 29.688vw;
    width: 100% !important;
}
.related__posts .card.card--mini:hover,
.related__posts .card.card--mini:focus{
    background-color: #EFEBBA;
}
.related__posts .card.card--mini .card-content{
    display: flex;
    flex-flow: column wrap;
    flex-grow: 1;
}
.related__posts .card.card--mini .card-content .card-footer{
    margin-top: auto;
}



/*breadcrumbs*/
.breadcrumbs,
.breadcrumbs > ul{
    text-transform: uppercase;
    color: #181E34;
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    margin: 20px 0 0;
}
.project__header-breadcrumbs .breadcrumbs, 
.project__header-breadcrumbs .breadcrumbs > ul{
    margin: 0;
}
.breadcrumbs > ul > li,
.breadcrumbs > ul > li > a{
    background: transparent;
    padding: 0;
}
.breadcrumbs > ul > li:hover,
.breadcrumbs > ul > li:focus,
.breadcrumbs > ul > li > a:hover,
.breadcrumbs > ul > li > a:focus{
    background: transparent;
}
.breadcrumbs a,
a.breadcrumbs-item span{
    color: #B4A774;
}
.breadcrumbs-item{
    display: inline-block;
    padding-bottom: 2px;
}
/*a.breadcrumbs-item,*/
.breadcrumbs-item span,
a.breadcrumbs-item span{
    border-bottom: 1px solid;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
}
span.breadcrumbs-item span{
    border-bottom: unset;
}
.breadcrumbs-item.breadcrumbs-item--active,
.breadcrumbs-item.breadcrumbs-item--active span{
    color: #181E34;
    text-decoration: none;
    border-bottom-color: transparent;
}

/*CTA*/
.cta.cta--inline{
    background-color: #F5F7FF;
    padding: 60px 120px;
    margin: 60px 0;
    text-align: center;
}
.cta.cta--inline .cta__title,
.cta.cta--inline .cta__title *{
    font-size: 26px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 40px;
}
.cta.cta--inline.cta--without-btn .cta__title,
.cta.cta--inline.cta--without-btn .cta__title *{
    margin-bottom: 0;
}
.cta.cta--inline .cta__button,
.cta.cta--inline .cta__button span{
    font-size: 16px;
    font-weight: 400;
}
.cta.cta--inline .polygon-animated{
    background-color: #fafbf5;
    height: calc(100% + 1px);
}

.site-content > .cta-form {
    background: #F5F7FF;
    padding-top: 110px;
}
.cta-form__header .cta-form__title{
    text-align: center;
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.2;
}
.cta-form__header .cta-form__title .selected{
    font-style: italic;
    color: #776E96;
}
.cta-form__header picture{
    height: 328px;
    display: block;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cta-form__header picture::before,
.cta-form__header picture::after{
    display: none;
    content: ' ';
    position: absolute;
    left: 50%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 43px 407px 53px;
    border-color: transparent transparent #F5F7FF transparent;
    transform: rotate(34deg);
    z-index: 2;
}
.cta-form__header img{
    height: auto;
    margin: auto;
    display: block;
    position: absolute;
    top: -77vh;
    z-index: 1;
}
.cta-form__header picture::before{
    left: 50%;
    top: 29%;
}
.cta-form__header picture::after{
    top: -20%;
    transform: rotate(-144deg);
    left: 55%;
}

.cta-form__body .cta-form__title{
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    max-width: 570px;
    line-height: 1.2;
    margin: 62px auto 25px;
}
.cta-form__form{
    padding-bottom: 80px;
}
[type="radio"]+span:before, 
[type="radio"]+span:after{
    width: 24px;
    height: 24px;
    transition: 0.3s;
}

.cta-form__footer{
    padding: 60px 48px 140px;
}
.cta-form__footer-row{
    justify-content: space-between;
}
.designic-col-6-9.cta-form__footer-text{
    width: 46%;
}
.cta-form__footer .row .col{
    padding: 0;
}
.cta-form__footer .cta-form__title{
    font-size: 48px;
    font-weight: 500;
    margin: 0;
    text-align: right;
    line-height: 1.2;
}
.cta-form__footer .cta-form__title .selected{
    font-style: italic;
}
.cta-form__footer .cta-form__text{
    font-size: 20px;
    font-weight: 300;
    max-width: 522px;
    line-height: 1.2;
    margin: 14px 0 30px;
}
.show-more.cta-form__text-block{
    position: relative;
}
.cta-form__footer .show-more__hidden .cta-form__text{
    margin: 0;
}

/*SHOW MORE*/
.show-more__hidden{
    margin-bottom: 40px;
}
.show-more__btn{
    display: inline;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 0; 
    color: #181E34;
    border-bottom: 1px solid #181E34;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s ease-in-out;
}
.show-more__btn:hover,
.show-more__btn:focus{
    opacity: 0.6;
}

/*FORM*/
.form{
    max-width: 45.83%;
    margin: auto;
    padding: 0 48px;
}

.form-row{
   /* gap: 150px;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.form-row.row::after{
    content: none;
}
.input-field.form-item > input[type=text],
.input-field.form-item > input[type=tel],
.input-field.form-item > input[type=email]{
    border-bottom-color: rgba(119, 110, 150, 0.41);
}

.input-field.form-item.form-item__radio:hover [type="radio"]+span:before,
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after{
    border-color: #181E34;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after{
    background-color: #B4A774;
	border-color: #B4A774;
}

.form-row.form-row__radio{
    gap: 10px;
    justify-content: space-between;
    margin-top: 50px;
}

.row.form-row__radio .form-item__radio{
    float: none;
    display: inline-block;
}
.row.form-row__radio .form-item__radio label,
.row.form-row__radio .form-item__radio label span{
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    color: #181E34;
    opacity: 1;
}
.input-field.form-item.form-item__radio > label{
    top: 0;
    left: 0;
    position: relative;
    min-height: 25px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.input-field.form-item.form-item__radio > label > span{
    display: block;
    margin: auto 0;
}
.input-field.form-item {
    width: calc(50% - 75px);
}
.input-field.form-item.form-item__radio{
    width: 201px;
    width: calc(25% - 8px);
}
.input-field.form-item.form-item__radio [type="radio"]+span:before, 
.input-field.form-item.form-item__radio [type="radio"]+span:after{
    margin: auto 0;
    top: 0;
}


.form-item__radio [type="radio"]:not(:checked)+span, 
.form-item__radio [type="radio"]:checked+span{
    height: auto;
}
.form-privacy{
    position: relative;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    color: #181E34;
    text-align: center;
    margin: 60px auto 40px;
}
.form-privacy .link-text{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.3px;
    color: #181E34;
}
.form-submit{
    text-align: center;
    margin-bottom: 0;
}
.success-block{
    margin: auto;
    max-width: 622px;
    text-align: center;
    margin-top: 140px;
}
.success-block__text{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 0;
}
.success-block__btns{
    margin: 0;
}


/*TO TOP*/
.to-top{
    position: fixed;
    bottom: 48px;
    right: 48px;
    padding: 10px;
    z-index: 90;
}

/*FOOTER*/
.site-footer{
    background-color: #101423;
    padding: 44px 48px;
}
.site-footer__container{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    /*gap: 72px;*/
}
.site-footer__container a{
    transition: 0.3s ease-in-out;
}
.site-footer__container a:hover,
.site-footer__container a:focus,
.site-footer__menu .menu .menu-item:hover a, 
.site-footer__menu .menu .menu-item:hover a span,
.site-footer__menu .menu .menu-item:focus a, 
.site-footer__menu .menu .menu-item:focus a span{
    color: #d3adb8;
}
.site-footer__column{
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    align-items: flex-start;
}
.site-footer__column.site-footer__socials{
    align-items: flex-end;
}
.site-footer__description{
    text-align: left;
    color: #ffffff;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    order: 1;
}
.col.site-footer__column.site-footer__logo {
    padding: 0;
    justify-content: flex-start;
}

.site-footer__menu{
    order: 3;
    text-align: left;
}
/*
.site-footer__container .site-footer__menu{
    margin-left: 285px;
    margin-right: 0;
}
.site-footer__container .site-footer__menu.site-footer__menu--2{
    margin-left: 115px;
    margin-right: auto;
}*/
.site-footer__menu .menu{
    display: flex;
    flex-flow: column wrap;
    margin: 0;
}
.site-footer__menu .menu .menu-item{
    margin: 0 0 16px;
}
.site-footer__menu .menu .menu-item a,
.site-footer__menu .menu .menu-item a span{
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    padding: 0;
    letter-spacing: 0.2px;
}
.footer-group{
    order: 2;
}
.footer-group__title{
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 16px;
    line-height: 1;
    color: #ffffff;
}
.footer-group__phone,
.footer-group__email{
    display: block;
    color: #ffffff;
    margin-bottom: 2px;
    font-size: 26px;
    font-weight: 500;
}
.site-footer__logo{
    order: 4;
}
.site-footer__socials{
    order: 5;
}
.socials{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 35px;
}
.social-item a,
.social-item img,
.social-item svg{
    display: block;
}
.social-item svg path{
    transition: 0.3s;
}
.social-item:hover svg path,
.social-item:focus svg path{
    fill: #d3adb8;
}
.site-footer__language{
    line-height: 1;
    order: 6;
    align-items: flex-end;
}

.site-footer__language .language-switcher{
     font-weight: 300;
     font-size: 16px;
}
.site-footer__language .language-switcher__seporator,
.site-footer__language .language-switcher__item{
    color: #fff;
    transition: 0.5s ease-in-out;
}
.site-footer__language .language-switcher__item.active{
    opacity: 0.4;
    cursor: pointer;
}
.site-footer__language .language-switcher__item.active:hover,
.site-footer__language .language-switcher__item.active:focus{
    opacity: 0.6;
}
.site-footer__copyright{
    order: 7;
    text-align: center;
    color: #aaaaaa;
    flex-grow: 1;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;
}
.site-footer__copyright > span,
.site-footer__copyright > a{
    color: #FFFFFF;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
}
.site-footer__copyright > a.site-footer__sitemap{
    text-align: right;
}
.designic-offset-8.footer-group.footer-group--2{
    margin-left: 4.24%;
}
/*
.designic-offset-7-8.site-footer__menu--2{
    margin-left: 8.18%;
}*/
.designic-offset-7-8.site-footer__menu--2{
    margin-left: 7.2%;
    width: 10%;
}
.designic-offset-7-8.site-footer__language {
    margin-left: 8.19%;
}

/*MODAL*/
.modal-overlay{
    background: #181e34;
    z-index: 899;
}
.modal-form{
    right: 0;
    left: auto;
    height: 100%;
    max-height: 100vh;
    top: 0!important;
}
.modal-form-custom {
  background: #FAFBF5;
  padding: 36px;
  max-width: 960px;
  justify-content: center;
  z-index: 9999;
  transform: unset !important;
  right: -100%;
  opacity: 1 !important;
  transition: 0.3s;
}
.modal-form-custom.open {
    transform: unset !important;
    right: 0;
    transition: 0.3s;
}

.input-field.form-item.form-item__radio{
    margin: 0;
}
.modal-form-custom .row.form-row.form-row__radio {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 8px !important;
}
.modal-form-custom .input-field.form-item.form-item__radio{
    width: calc(42% - 10px);
}

/* ===== Form items (radio) ===== */
/*
.modal-form-custom .input-field.form-item.form-item__radio {
  width: calc(50% - 8px);
  margin: 0;
}
.modal-form-custom .input-field.form-item.form-item__radio label {
  position: initial;
}
.modal-form-custom .input-field.form-item.form-item__radio span:before,
.modal-form-custom .input-field.form-item.form-item__radio span:after {
  top: -5px;
}
*/

.modal-form-custom .row.form-row__radio .form-item__radio label span {
  font-size: 16px !important;
}
.modal-form-custom .modal-header__title {
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}
.modal-form-custom .modal-header__title .selected {
  font-style: italic;
  color: #776E96;
}
.modal-form-custom .modal-form__desc {
  font-size: 20px;
  line-height: 120%;
  font-weight: 300;
  max-width: 70%;
  text-align: center;
  margin: 40px auto 32px;
}


.modal-form-custom .form {
  margin: 0;
  padding: 0;
}
.modal-form-custom .form-privacy {
  margin-top: 28px;
}
.modal-form-custom .form-privacy span {
  font-size: 42px;
}
.modal-form-custom .form-privacy a {
  color: inherit;
  text-decoration: underline;
}
.modal-form-custom .form-submit {
  justify-content: start;
}

.modal .modal-content {
  padding: 0;
}
.modal-form-custom .modal-content {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.form-privacy a {
    color: inherit;
    text-decoration: underline;
}


.modal-form-close {
  font-size: 16px;
  line-height: 100%;
  top: 29px;
  right: 45px;
  position: absolute;
  width: 32px;
  height: 32px;
}
.modal-form-custom .modal-form-close {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.modal-form-custom .modal-form-close svg rect,
.modal-form-custom .modal-form-close svg path{
    transition: 0.3s;
}
.modal-form-custom .modal-form-close:hover svg rect,
.modal-form-custom .modal-form-close:focus svg rect
{
    fill: #544b71;
}
.modal-form-custom .modal-form-close:hover svg path,
.modal-form-custom .modal-form-close:focus svg path{
    stroke: #ffffff;
}

#modal-form.modal-form-custom {
  justify-content: center;
  flex-direction: column;
}

/*POSTS ROW*/
.posts__row{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}
.posts__row.posts__row--equal{
    align-items: stretch;
}

.posts__footer{
    text-align: center;
    padding: 3rem 1rem;
}
.posts__footer a{
    margin: 1em;
}

/*ARTICLE | SINGLE*/
.article__breadcrubms{
    padding: 0px 48px 20px;
}
.article__content > .article__date{
    padding: 20px 48px 72px;
    color: #181E34;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}
.article__date__title{
    font-style: italic;
    opacity: 0.4;
}
.article__image{
    background-color: #f9f9f9;
    text-align: center;
}
.article__image picture{
    aspect-ratio: 15 / 4;
    inset: 0px;
    display: block;
    overflow: hidden;
}
.article__image img{
    display: block;
    margin: auto;
}


.article__title{
    background-color: #f9f9f9;
    text-align: center;
}
.article__title .title{
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2;
    padding: 0 48px;
    max-width: 100%;
    text-align: left;
    margin: 0 auto 0 0;
    max-width: 1200px;
    text-transform: unset;
}
.article__title.article__title--privacy .title{
    padding: 0;
}
.article__title .tags{
    max-width: 100%;
    text-align: left;
    margin: auto;
    margin-top: 36px;
    padding: 0 48px;
    margin-bottom: 60px;
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
}
.article__title .tags .tag{
    color: #544B71;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
}

.article__info{
    padding: 44.5px 48px 52.5px;
}
.article__info-title{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
}
.article__info-value{
    display: inline-block;
    margin-left: 32px;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
}
.article__date{
    text-align: left;
}


.article__body{
    padding-bottom: 3rem;
}
.article__body .container{
    padding: 48px;
}
.article__row{
    display: flex;
    flex-flow: row wrap;
    padding: 80px 48px 100px;
    gap: 56px;
}
.article__footer .row{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.article__footer .prev__block{
    text-align: right;
}

.related.related-posts{
    padding: 0 0 150px;
}
.related__header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 64px;
    padding: 0 48px;
}
.related__header-title{
    font-size: 60px;
    font-weight: 500;
    margin: 0;
}
.related__header-nav{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 40px;
}
.slider-nav__counter{
    font-size: 26px;
    font-weight: 500;
}
.btn-fill.slider-nav__button {
    padding: 14px;
}
.btn-fill.slider-nav__button.slick-disabled{
    opacity: .6;
    cursor: default;
}
.btn-fill.slider-nav__button.slick-disabled:focus,
.btn-fill.slider-nav__button.slick-disabled:active,
.btn-fill.slider-nav__button.slick-disabled:hover{
    background-color: #D9D6AB;
    border-color: #D9D6AB;
}
.btn-fill.slider-nav__button.slick-disabled:focus svg path,
.btn-fill.slider-nav__button.slick-disabled:active svg path,
.btn-fill.slider-nav__button.slick-disabled:hover svg path{
    stroke: #181E34;
}
.related-posts__list:not(.slick-initialized){
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    padding: 0 48px;
}

.project-slider__buttons{
    padding: 0 48px;
    margin: 60px 0;
    text-align: right;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    gap: 40px;
}

.project__related{
    padding: 140px 48px;
}
.related-projects__title{
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 60px;
}
.related-projects__title .selected{
    font-style: italic;
}

.related-projects__list{
    justify-content: space-between;
}
.related-project__item a{
    transition: 0.3s ease-in-out;
}
.related-project__item picture, 
.related-project__item img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.related-project__meta{
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 48px;
    text-transform: uppercase;
    display: block;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}
.related-project__item--next .related-project__meta{
    text-align: right;
    justify-content: flex-end;
}
.related-project__title{
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    margin: 16px 0 0;
}
.related-project__button{
    padding: 14px;
}
.related-project__button--prev{
    margin-right: 20px;
}
.related-project__button--next{
    margin-left: 20px;
}

.not-found{
    text-align: center;
}
.not-found__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 124px;
}
.not-found__subtitle{
    font-weight: 500;
    font-size: 48px;
    margin-top: 12px;
    margin-bottom: 18px;
}
.not-found__subtitle .selected{
    color: #B4A774;
    font-style: italic;
}
.not-found__text{
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 300;
}
.not-found__block .anim-num{
    display: inline-block;
    transition: 0.25s;
}
.not-found__block .anim-num.anim-end{
    background-color: transparent;
}
.not-found__block .btn-outline{
    margin-left: 32px;
}


/*CONTACT*/
.page,
.page--contact{
    padding: 9px 48px 0;
}
.page--contact .page-title .title,
.page--contact .page-title .subtitle{
    text-transform: none;
}
.page--contact .page-title .title{
    font-weight: 500;
    font-size: 80px;
    margin: 38px 0 0;
}
.page--contact .page-title .subtitle{
    font-size: 20px;
    font-weight: 300;
    max-width: 500px;
    margin-top: 8px;
    line-height: 1.3;
}

.contact-information{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding-bottom: 60px;
    justify-content: space-between;
    padding-top: 20px;
}
.page--contact .contact-information__title{
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 32px;
}
.page--contact .contact-information__title .selected{
    font-style: italic;
    color: #B4A774;
}
.contact-information__text,
.contact-information__item,
.contact__group-item{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    margin: 0;
}
.contact-information__workhours{
    margin-top: 1em;
    margin-bottom: 28px;
}
.contact-information__item-title,
.contact__group-item-title{
    display: inline-block;
    min-width: 4em;
}
.contact-information__item--phone{
    margin-bottom: 12px;
}
.contact__group-phone{
    margin-bottom: 6px;
}
.contact-information__item--phone .contact-information__item-link,
.contact__group-phone .contact__group-item__link{
    font-weight: 500;
}
.contact-information__item--email .contact-information__item-link,
.contact__group-email .contact__group-item__link,
.contact-parnters__content .text a,
.article__text a:not(.btn-fill){
    font-weight: 400;
    color: #B4A774;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.3px;
}
.contact-information__image picture,
.contact-information__image img,
.contact-information__map #map{
    display: block;
    position: relative;
    box-sizing: border-box;
}
.contact-information__map #map{
    height: 300px;
}

.contact-parnters__title{
    font-size: 48px;
    margin: 0 0 26px;
    font-weight: 500;
}
.contact-parnters__content{
    font-size: 20px;
    font-weight: 300;
    max-width: 836px;
    line-height: 1.2;
}
.contact-parnters__content .text{
    margin: 17px 0 0;
}
.contact-parnters__content .text:first-child{
    margin: 0;
}
.contact-parnters__content .text:last-child{
    margin: 24px 0 0;
}

.contact-parnters{
        padding: 68px 0 0px;
}

.contact__groups{
    padding: 58px 0;
}
.contact__group-title{
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 20px;
    max-width: 342px;
    line-height: 1.2;
}


/*PORTFOLIO*/
.paralax-picture picture{
    aspect-ratio: 1920/512;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
}
.paralax-picture picture img{
    top: -30%;
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.project__header-row{
    padding: 25px 48px;
}
.project__header-date{
    text-align: right;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
}
.project__header-date__title{
    opacity: 0.4;
    font-style: italic;
    margin-right: 20px;
}
.project__header-info{
    padding: 25px 48px;
}
.project__header-info .title{
    margin-top: 0;
    margin-bottom: 56px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    font-size: 80px;
    text-transform: none;
}

.project__number{
    font-size: 20px;
    display: flex;
    flex-flow: row wrap;
}
.project__number--name{
    display: inline-block;
    font-weight: 300;
    min-width: 5em;
}
.project__number--value{
    font-weight: 500;
    display: inline-block;
    max-width: calc(100% - 5em);
}
.project__short_desc{
    font-weight: 300;
    font-size: 20px;
}

.project__article{
    padding: 40px 48px 140px;
}
.project__article .row .col{
    padding: 0;
}
.project__article-text{
    margin: 60px 0 45px;
    background-color: #FAFBF5;
}
.project__article-text p{
    margin-top: 0;
    margin-bottom: 1em;
}
.project__image--second picture,
.project__image--second image{
    max-width: 342px;
    display: block;
    margin-left: auto;
}

.project__article-row{
    position: relative;
}
.project__article-row .project__image--second{
    margin-left: auto;
    height: 100%;
}
.project__article-post{
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}

.project__images{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
.project__images.slick-slider .slick-track{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.project__images-item.slick-slide picture, 
.project__images-item.slick-slide img{
    height: 100%;
}
.project__images.slick-slider .project__images-item{
    margin-left: 48px;
    margin-right: 48px;
    cursor: pointer;
    height: auto;
}
.project__images.slick-slider .project__images-item:last-child{
    margin-right: 0;
}

.project__images{
    margin-bottom: 140px;
}
.project__authors .block-title{
    padding: 0 25px;
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    margin: 0 0 60px;
}
.project__authors .block-title .selected{
    font-style: italic;
}
.project__authors-items{
    padding: 0 48px;
}
.project__authors-item {
    margin: 20px 0;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 64px;
    font-size: 20px;
    font-weight: 400;
}
.project__authors-item__position{
    font-weight: 300;
    width: calc(50% - 32px);
    text-align: right;
}
.project__authors-item__name{
    text-transform: uppercase;
    width: calc(50% - 32px);
    text-align: left;
}


/*BLOG*/
.blog .blog__header{
    background-color: #FAFBF5;
    padding: 0 48px;
}
.blog .title.title--main{
    font-size: 8.1vw;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 0;
    letter-spacing: 0;
}
.blog__title .subtitle{
    font-size: 1.35vw;
    font-weight: 500;
    text-transform: none;
    line-height: 1.2;
}
.blog__title .selected{
    display: block;
}
.blog__title .subtitle .select{
    color: #B4A774;
}
.blog .blog__posts{
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 2.6vw;
    padding: 2.08vw 2.50vw;
    background-color: #F5F4DA;
}
.blog .blog__posts.blog__posts__empty{
    background-color: transparent;
    padding-top: 52px;
    padding-bottom: 72px;
}
.blog__posts .spinner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
}
.blog__posts .spinner i.icon{
    animation: spin 1s linear infinite;
}

.blog .card{
    /* max-width: 21.56vw; */
    max-width: 21.5vw;
    width: 100%;
    margin: 0;
    display: flex;
    flex-flow: column wrap;
    border-radius: 0;
    box-shadow: unset;
    background-color: #FAFBF5;
    box-sizing: border-box;
    min-height: 48rem;
}
.blog .card .card-header{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    opacity: 0.3;
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
    padding: 20px 24px 16px;
}
.blog .card .card-header,
.blog .card .card-footer{
    max-width: 100%;
    width: 100%;
}
.blog .card .card-footer{
    padding: 4px 24px 20px;
    margin-top: auto;
}

.blog .card .card-image .card__link{
    display: block;
    max-width: 100%;
    width: 100%;
    position: relative;
    aspect-ratio: 366 / 440;
    overflow: hidden;
}
.blog .card .card-image .card__link img{
    width: 100%;
    height: 100%;
    object-fit: cover;       /* обрезка по центру */
    transition: all 1s ease;
}

.blog .card .card-content{
    position: relative;
    padding: 20px 24px;
}
.blog .card .card__text{
    opacity: 0;
    color: #181E34;
    height: 0;
    /*overflow: hidden;*/
    transition: opacity 1s ease, height 0s ease 1s;
    margin: 12px 0 0;
    position: relative;
}
.blog .card .card__text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: calc(1.4em * 3);
    overflow: hidden;
    opacity: 0.6;
}
.blog .card .card__text,
.blog .card .card__text p{
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
}
.blog .card .card__text p > span{
    font-weight: 300px;
}
.blog .card .card__text .card__textlink{
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px solid #181E34;
    margin-top: 36px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
}


.blog__filters {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 0;
    margin-top: 76px;
}

.blog__filters-categorys{
    width: 100%;
    max-width: 100%;
    margin-bottom: 28px;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.blog__filters-categorys .cat-item{
    font-weight: 500;
    line-height: 1.2;
    font-size: 2.5vw;
    color: #544B71;
    opacity: 0.2;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.blog__filters-categorys .cat-item:hover,
.blog__filters-categorys .cat-item:focus{
    color: #D3ADB8;
    opacity: 1;
}
.blog__filters-categorys .cat-item.active{
    color: #181E34;
    opacity: 1;
}
.blog__filters-categorys__separator {
    margin: auto 36.5px;
    font-size: 28px;
    line-height: 1;
    color: #544B71;
    opacity: 0.2;
}

.search-form .row{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    gap: 16px;
    justify-content: flex-end;
}
.input-field.search-form__input,
.input-field.search-form__submit{
    margin-top: 0;
    margin-bottom: 0;
}
.clear_search{
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 16px;
}
.btn-search{
    border-color: #544B71;
    padding: 7px 14px;
    font-size: 18px;
    font-weight: 400;
    text-transform: unset;
}

.search-info{
    padding-bottom: 72px;
}
.blog__filters-categorys + .search-info{
    margin-top: 12px;
}
.search-info__text{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 10px;
}
.search-info__count{
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
}

.blog__filters-tags{
    display: flex;
    flex-flow: row wrap;
    gap: 1.04vw;
    justify-content: center;
}
.blog__filters .tag{
    display: inline-block;
    font-weight: 300;
    font-size: 0.94vw;
    line-height: 1.2;
    padding: 8px 16px;
    border: 1px solid;
    border-color: #776E9633;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.blog__filters .tag:hover,
.blog__filters .tag:focus{
    border-color: #776E96;
}
.blog__filters .tag.active,
.blog__filters .tag.active .text{
    color: #fff;
    background-color: #776E96;
    border-color: #776E96;
}
.blog__filters .tag.active .text{
    margin-right: 8px;
}

.blog__filters-clear{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 40px 12px 72px;
}
.filter-clear{
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.3px;
    opacity: 0.6;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.blog__filters-clear.blog__filters-clear--hidden .filter-clear{
    pointer-events: none;
}
.blog__filters-clear:not(.blog__filters-clear--hidden) .filter-clear:hover{
    opacity: 1!important;
}
.filter-clear.hidden{
    opacity: 0;
    cursor: none;
}

.blog .card:not(.card--noimage):hover .card-image .card__link{
  aspect-ratio: 275 / 182;
}
.blog .card:not(.card--noimage):hover .card-image .card__link img {
  object-fit: cover;       /* картинка снова подгоняется */
}


.blog .card .card-title{
    font-weight: 500;
    line-height: 1.2;
    font-size: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: calc(1.2em * 4);
    overflow: hidden;
    margin-bottom: 0;

}
.blog .card:not(.card--noimage):hover .card__text{
    /*height: auto;*/
    opacity: 1;
}
.blog .card:not(.card--noimage):hover .card__text > p{
    opacity: 0.6;
}

.blog .card .card-footer{
    background-color: #FAFBF5;
    z-index: 3;
}
.blog .card .tags{
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    position: relative;
    bottom: 0;
    left: 0;
    max-width: unset;
}
.blog .card .tags .tag{
    opacity: 0.4;
    color: #544B71;
    font-weight: 300;
    font-size: 16px;
    line-height: 1;
}
.blog .card .tags .tags__empty{
    display: block;
    height: 20px;
}
.blog .card .card-image{
    padding: 0 24px;
    max-width: 100%;
    width: 100%;
}

.blog__empty{
    color: #544B71;
    width: 100%;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
}

.blog__search-empty{
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.blog__search-empty__title{
    font-weight: 500;
    font-size: 26px;
    line-height: 1.2;
    margin: 0 0 20px;
}
.blog__search-empty__subtitle{
    font-weight: 300;
    line-height: 1.2;
    font-size: 18px;
    margin: 0;
}


.blog__more{
    width: 100%;
    text-align: center;
    background-color: #F5F4DA;
    padding: 1.56vw 2.50vw 5.21vw;
}
.blog__more .showmore{
    position: relative;
}
.blog__more .showmore .spinner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.blog .showmore .spinner i.icon{
    animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}


span.btn-fill.icon.related-project__button.related-project__button--prev {
    padding: 10px;
}
span.btn-fill.icon.related-project__button.related-project__button--next {
    padding: 10px;
}


span.btn-fill.icon.related-project__button.related-project__button--next 
svg, span.btn-fill.icon.related-project__button.related-project__button--prev  svg {
    width: 12px;
    height: 12px;
}

span.related-project__meta:hover {
    text-decoration: underline;
}


[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {
    border: 1px solid #544b7138;
}

.input-field.form-item.form-item__radio label {
    font-family: 'InterTight', "InterTight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; 
}p.cta-form__title .selected {
    color: #776E96;
}


.designic-col-1-3.site-footer__column.site-footer__description {
    padding-right: 90px;
}


a:hover {opacity:0.8;}


.article__title {
    background-color: #fafbf5;
    text-align: center;
}
p.article__readlater-form__success {
    max-width: 210px;
    background: #efebba;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    top: -40px;
}
a.text-link.card__textlink {
    text-transform: uppercase;
}

.btn-fill.slider-nav__button {
    padding: 13px;
}
.btn-fill.slider-nav__button svg {
    width: 12px;
    height: 12px;
}

.project__header-row {
    padding-top: 42px;
    padding-bottom: 42px;
}
.project__header-info {
    padding-top: 10px;
}
.project__header-info {
    padding-bottom: 80px;
}
.project__header-info .title { 
    margin-bottom: 45px; 
}
.col.s12.m12.l6.project__header-col.project__short_desc p {
    font-size: 16px;
}

.designic-col-1-4.project__image.project__image--first {
    max-width: 672px;
}


.project__images-item img {
    object-fit: cover;
    object-position: center;
}
.designic-col-1-4.project__image.project__image--first picture, .designic-col-1-4.project__image.project__image--first img {
    height: 720px;
    object-fit: cover;
    object-position: center;
}
.project__images {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.project__images:not(.slick-slider){
    gap: 8%;
    justify-content: center;
}
.project__images-item{
    cursor: pointer;
}

.project__authors {
    padding-bottom: 140px;
}

.col.s12.m12.l6.project__header-col.project__short_desc p {
    font-size: 20px;
    font-weight: 300;
}
.project__article-text p,
.project__article-text * {
    font-size: 20px;
    font-weight: 300;
}
.project__article-text ul,
.project__article-text ul > li,
.project__article-text ul:not(.browser-default)>li{
    list-style-type: square;
}

.project__article-post {
     position: relative;
   
    margin-top: -265px;
}
/* Дубль кода формы */

.form-line-form h2 {
    text-align: center;
    font-size: 48px;
    color: #181E34;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 0px;
}.form-line-form h2 b {
    color: #776E96;
    font-weight: 500;
    font-style: italic;
}
.form-line-form p {
    font-size: 18px;
    font-weight: 300;
    color: #181E34;
    text-align: center;
}


.form-line-form a {
    height: 52px;
    background: #D9D6AB;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 258px;
    margin: auto;
    margin-top: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #181E34;
}
.form-line-form {
    max-width: 580px;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 140px;
}
section.form-line {
    background-size: cover;
}

.form-line-form a:hover {
    color: #fff;
    background: #544B71;
}
 
.form-line-form a i {
    margin-left: 10px;
}
.form-line-form a:hover i {
    color:#fff;
    
}
 


/*  */
.form-line-form a:hover path {
    stroke: #fff;
}

.form-line-form a *  {
    -webkit-transition: .3s 
ease-out;
    transition: .3s 
        ease-out;}

.form-line-form a {
    -webkit-transition: .3s 
ease-out;
    transition: .3s 
        ease-out;}


.cta-form__header p.cta-form__title {
    font-weight: 500 !IMPORTANT;
}
/*.cta-form__header
p.cta-form__title {
    margin-top: 0px;
}*/

article.designic-col-1.related-project__item.related-project__item--prev {
    min-width: 422px;
}
article.designic-col-6-7-8-9.related-project__item.related-project__item--next {
    max-width: 830px;
}



article.designic-col-6-7-8-9.related-project__item.related-project__item--next  picture, 
article.designic-col-6-7-8-9.related-project__item.related-project__item--next img {
    height: 450px;
    object-fit: cover;
    object-position: center;
}


article.designic-col-1.related-project__item.related-project__item--prev  picture, 
article.designic-col-1.related-project__item.related-project__item--prev img {
    height: 230px;
    object-fit: cover;
    object-position: center;
}
.cta-form__form {
    margin-top: -20px;
}
a.designic-col-9.designic-offset-7-8.site-footer__sitemap {
    font-weight: 300;
    letter-spacing: 0.1em;
}
a.designic-col-6.designic-offset-2-5.site-footer__privacy {
    font-weight: 300;
    letter-spacing: 0.1em;
}


.form [type="checkbox"].filled-in{
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
}
.form [type="checkbox"].filled-in + span{
    position: relative;
    padding-left: 36px;
    cursor: pointer;
    text-align: left;
    display: block;
    font-size: 20px;
    max-width: 800px;
}
.modal-content__form .form [type="checkbox"].filled-in + span{
    max-width: 100%;
}
.form [type="checkbox"].filled-in + span::before,
.form [type="checkbox"].filled-in + span::after{
    content: ' ';
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    transition: 0.3s;
}
.form [type="checkbox"].filled-in + span::before{
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 1px;
    border: 1px solid rgba(84,75,113,.24);
    transition-duration: .3s;
}
.form [type="checkbox"].filled-in + span::after{
    width: 14px;
    height: 14px;
    border: none;
    top: 5px;
    left: 3px;
    background-color: #b4a774;
    opacity: 0;
    transition-duration: .3s;
}
.form-privacy:hover label [type="checkbox"].filled-in + span::before,
.form [type="checkbox"].filled-in:checked+span::before{
    border-color: #181e34;
}
.form [type="checkbox"].filled-in:checked+span::after{
    opacity: 1;
}

.cta-project{
    position: relative;
}
.cta-project__container{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-grow: 1;
    max-width: 100%;
}
.cta-project__image{
    margin: auto;
    text-align: center;
}
.cta-project__title{
    margin: 0;
    font-size: 48px;
    font-weight: 500;
    max-width: 884px;
    text-align: center;
    line-height: 1.2;
}
.cta-project__title .selected{
    color: #776E96;
    text-transform: lowercase;
    font-style: italic;
}
.cta-project__text{
    margin: 24px 0 48px;
    font-size: 20px;
    font-weight: 300;
    max-width: 570px;
    text-align: center;
    line-height: 1.2;
}
.cta-project__action .polygon-animated{
    background-color: #EEEFFA;
    height: calc(100% + 1px);
}
.cta-project__image--desk{
    display: block;
}
.cta-project__image--mob{
    display: none;
}

.f-carousel__toolbar__column.is-right,
.f-button.is-arrow{
    background-color: #ffffff;
}


/*ADAPTIVITY*/
@media(max-width:1450px){

    .form{
        padding: 0 36px;
    }

    #page{
        padding-top: 74px;
    }
    .blog__breadcrubms{
        margin-top: 24px;
    }

    #header{
        padding: 14px 36px;
    }

    .related__header{
        padding: 0 36px;
    }
    .related__posts .slick-track .card.card--mini{
        margin: 0 36px;
    }

    .site-branding.designic-col-1-2{
        width: 25.0467836257%;
    }
    .site-header__actions.designic-col-9{
        width: 20.8596491228%;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 16px;
    }

    .site-header .menu-item.menu-item-has-children{
        padding-right: 2px;
    }
    .site-header .menu-item.menu-item-has-children::after{
        right: -25px;
    }
    .menu-item__2{
        margin-left: calc(3% + 2px);
    }
    .menu-item__3 {
        margin-left: calc(15% + 3px);
    }
    .menu-item__4 {
        margin-left: calc(3% - 3px);
    }
    
    .card.card--mini .card-content{
        padding: 32px 20px;
    }

    /*
    .site-header__actions{
        padding-right: 3px;
    }*/
    .btn-fill,
    .btn-outline{
        font-size: 16px;
    }
    input:not([type]), 
    input[type=password]:not(.browser-default), 
    input[type=url]:not(.browser-default), 
    input[type=time]:not(.browser-default), 
    input[type=date]:not(.browser-default), 
    input[type=datetime]:not(.browser-default), 
    input[type=datetime-local]:not(.browser-default), 
    
    input[type=number]:not(.browser-default), 
    input[type=search]:not(.browser-default), 
    textarea.materialize-textarea,
    .input-field>label,
    .input-field.col>label,
    .search-form input[type=text]:not(.browser-default){
        font-size: 16px;
    }
    .input-field>input,
    .input-field>label,
    .input-field.col>label,
    input[type=tel]:not(.browser-default),
    input[type=email]:not(.browser-default), 
    input[type=text]:not(.browser-default){
        font-size: 20px;
    }
    input[type=tel]:not(.browser-default),
    input[type=email]:not(.browser-default), 
    input[type=text]:not(.browser-default){
        line-height: 1;
        padding: 12px 0;
    }
    .input-field>input.icon_prefix, input.icon_prefix:not([type]), input[type=text].icon_prefix:not(.browser-default), input.icon_prefix[type=text]:not(.browser-default), input[type=email].icon_prefix:not(.browser-default), input.icon_prefix[type=tel]:not(.browser-default){
        padding: 10px 24px 8px !important;
    }
    .designic-col-1-3.site-footer__column.site-footer__description{
        padding-right: 4.2vw;
    }
    .site-footer{
        padding: 44px 36px;
    }

    .site-footer__description,
    .footer-group__phone, 
    .footer-group__email{
        font-size: 20px;
    }
    .footer-group__title,
    .site-footer__menu .menu .menu-item a, 
    .site-footer__menu .menu .menu-item a span{
        font-size: 16px;
    }
    .site-footer__menu.designic-col-6,
    .site-footer__column.site-footer__socials{
        width: 22.807017543900002%;
    }
    .site-footer__menu.designic-col-9{
        width: 6%;
    }
    .designic-offset-7-8.site-footer__menu--2,
    .designic-offset-7-8.site-footer__language{
            margin-left: 4.24%;
    }
    .designic-col-9.site-footer__language{
        width: 10%;
    }
    .site-footer__copyright > span, 
    .site-footer__copyright > a{
        font-size: 16px;
        line-height: 1.3;
    }
    .to-top{
        right: 36px;
    }

    .modal-form-custom .modal-form__desc{
        font-size: 16px;
    }
    .modal-form-custom .input-field.form-item.form-item__radio {
        width: calc(46% - 10px);
    }

    .blog .blog__header{
        padding: 0 36px;
    }
    .search-form .row{
        padding-bottom: 6px;
    }
    .blog__title .subtitle{
        font-size: 20px;
    }

    .blog .blog__posts.blog__posts__empty{
        padding-top: 12px;
        padding-bottom: 40px;
    }
    .blog__search-empty__title{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .blog__search-empty__subtitle{
        font-size: 16px;
    }

    .page--contact{
        padding: 9px 36px 0;
    }

    
    .blog .card{
        min-height: 36rem;
    }
    .blog .card .tags .tag,
    .blog .card .card-header{
        font-size: 14px;
    }
    .blog .card .tags{
        gap: 8px;
    }
    .blog .card .card-title{
        font-size: 20px;
    }
    .blog .card .card__text, 
    .blog .card .card__text p,
    .blog .card .card__text .card__textlink
    {
        font-size: 16px;
    }
    .blog .card .card__text .card__textlink{
        margin-top: 30px;
    }
    .blog .card .card-header{
        padding: 20px 20px 12px;
    }
    .blog .card .card-image{
        padding: 0 20px;
    }
    .blog .card .card-content{
        padding: 20px;
    }
    .blog .card .card-footer{
        padding: 0px 20px 20px;
    }
    .blog__filters-clear{
        padding: 24px 12px 28px;
    }
    .filter-clear{
        font-size: 16px;
    }
    .filter-clear:hover{
        opacity: 1;
    }

    .page__nav,
    .article__nav{
        max-width: 24.5vw;
    }
    .page__nav .page__nav-title,
    .article__nav-title{
        font-size: 20px;
    }
    .article__text{
        max-width: 60.35vw;
    }
    .article__nav-list > ul > li,
    .article__nav-list > ul > li a,
    .article__nav-list ul li a,
    .page__nav .page__nav-list-item{
        font-size: 16px;
    }

    .article__title .title{
        font-size: 36px;
        max-width: 1000px;
        padding: 0 36px;
    }
    .article__title.article__title--privacy .title{
        padding: 0;
    }
    .article__title .tags .tag{
        font-size: 14px;
    }
    .page-container .page__content h1,
    .article__text h1,
    .article__text h3{
        font-size: 36px;
    }

    .page-container .page__content h4,
    .article__text h4{
        font-size: 20px;
    }

    .article__breadcrubms{
        padding: 24px 36px 20px;
    }
    .article__content > .article__date{
        padding: 20px 36px 60px;
        font-size: 14px;
    }
    .article__title .tags{
        margin-top: 16px;
        margin-bottom: 68px;
        padding: 0 36px;
    }
    .article__info{
        padding: 10px 36px 20px;
    }
    .article__info-title{
        font-size: 14px;
    }
    .article__info-value{
        font-size: 20px;
    }
    .article__readlater .article__info-title{
        font-size: 20px;
    }

    .page-container .page__content h2{
        font-size: 36px;
    }

    .site-header nav.site-menu > ul > li > a{
        font-size: 16px;
    }

    .breadcrumbs,
    .breadcrumbs > ul{
        gap: 12px;
    }
    .breadcrumbs-item,
    a.breadcrumbs-item span,
    .breadcrumbs-item span{
        font-size: 16px;
    }

    .cta-form__header .cta-form__title{
        font-size: 36px;
        margin-bottom: 40px;
    }
    .cta-form__body .cta-form__title,
    .cta-form__footer .cta-form__text,
    .form [type="checkbox"].filled-in + span,
    .show-more__btn{
        font-size: 16px;
    }
    .cta-form__footer .cta-form__title{
        font-size: 36px;
    }

    .project__related{
        padding: 80px 36px;
    }
    
    .blog .title.title--main{
        font-size: 8vw;
    }
    .blog__filters-tags{
        gap: 0.83vw;
    }
    .blog__filters .tag{
        font-size: 14px;
    }

    .input-field.form-item{
        width: calc(50% - 35px);
    }

    .card.card--mini .card-title{
        font-size: 20px;
    }
    .card.card--mini .card__text{
        font-size: 16px;
    }
    .card.card--mini .text-link.card__textlink{
        font-size: 16px;
    }

    .cta.cta--inline{
        padding: 60px 100px;
        margin: 60px 0;
        text-align: center;
    }
    .cta.cta--inline .cta__title,
    .cta.cta--inline .cta__title *{
        font-size: 20px;
    }
    .cta-form__header picture{
        height: 246px;
    }

    .project__header-info .title{
        font-size: 60px;
    }
    .project__article{
        padding: 0px 36px 80px;
    }
    .project__number, 
    .project__header-date,
    .project__short_desc,
    .project__authors-item,
    .cta-project__text,
    .project__article-text p, 
    .project__article-text *,
    .related-project__meta{
        font-size: 16px;
    }
    .cta-project__title{
        max-width: 600px;
    }
    .related-project__meta{
        margin-bottom: 32px;
    }
    .project__header-info{
        padding: 10px 36px 80px;
    }
    .project__header-row{
        padding: 25px 36px;
    }
    .project__authors-item{
        margin: 18px 0;
    }
    .project__images{
        margin-bottom: 80px;
    }
    .project__authors .block-title{
        margin: 0 0 32px;
    }
    .project__images:not(.slick-slider){
        padding: 0 36px;
    }
    .project__images:not(.slick-slider) .project__images-item{
        max-width: 46%;
    }
    .project-slider__buttons{
        padding: 0 36px;
        margin: 60px 0 32px;
    }
    .project__images.slick-slider .project__images-item{
        margin-left: 36px;
        margin-right: 36px;
    }
    .project__images.slick-slider .project__images-item:last-child{
        margin-right: 36px;
    }

    .cta-form__footer{
        padding: 60px 36px 140px;
    }

    .project__authors .block-title,
    .cta-project__title,
    .related-projects__title{
        font-size: 36px;
    }
    .related-project__title{
        font-size: 20px;
    }



    .breadcrumbs, 
    .breadcrumbs > ul{
        margin: 0;
    }

    .search-info{
        padding-bottom: 41px;
    }
    .blog__filters-categorys + .search-info{
        margin-top: 12px;
    }
    .search-info__text{
        font-size: 20px;
        margin: 0 0 10px;
    }
    .search-info__count{
        font-size: 16px;
    }

    .page--contact .page-title .title{
        font-size: 60px;
    }
    .page--contact .page-title .subtitle,
    .contact-information__text, 
    .contact-information__item, 
    .contact__group-item,
    .contact-parnters__content{
        font-size: 16px;
    }
    .page--contact .contact-information__title,
    .contact-parnters__title{
        font-size: 36px;
    }
    .contact__group-title{
        font-size: 20px;
    }

    .article__readlater .input-field.form-item{
        width: calc(100% - 80px);
    }

    .not-found__title {
        font-size: 120px;
    }
    .not-found__subtitle{
        font-size: 36px;
        margin-top: 6px;
        margin-bottom: 8px;
    }
    .not-found__text{
        margin-bottom: 32px;
        font-size: 14px;
    }

    .success-block{
        max-width: 468px;
    }
    .success-block__text{
        font-size: 20px;
    }
}
/*fix related projects*/
@media(max-width:1500px) and (min-width:1200px){
    .related-projects__list .related-project__item--prev .related-project__meta{
        width: calc(100% + 10em);
    }
}
/*fix header button*/
@media(max-width: 1250px) and (min-width: 1200px){
    .site-header__actions .btn-fill .icon{
        display: none;
    }
}

@media(max-width: 1279px){
    .form{
        max-width: 100%;
        padding: 0 24px;
    }
    .input-field .prefix,
    .clear_search{
        bottom: 14px;
    }

    .hide-on-med-and-down.site-header__menu{
        display: none;
        width: 100%;
        flex-grow: 1;
    }
    .sidenav-trigger{
        width: 28px;
        height: 50px;
        padding-left: 7px;
        padding-bottom: 2px;
    }
    .site-header__menu {
        order: 3;
    }
    .site-header nav.site-menu > ul{
        gap: 32px;
        margin: 0 0 32px;
        flex-flow: column wrap;
    }

    .site-header nav.site-menu > ul > li > a{
        font-size: 28px;
    }
    .site-header nav.site-menu > ul > li > a + ul{
        display: flex;
        padding-top: 24px;
    }
    .site-header nav.site-menu > ul > li > a + ul > li{
        font-size: 16px;
        font-weight: 500;
    }
    
    .site-header__menu .btn-fill{
        line-height: 1;
        width: 100%;
        text-align: center;
        justify-content: center;
        position: relative;
    }
    .site-header__menu .btn-fill > .text{
        line-height: 1;
    }
    .site-header nav.site-menu > ul > li > a > .menu-item__wrapper::before{
        content: unset;
    }

    .modal-form .btn-fill{
        position: relative;
    }

    .project__article-text p, 
    .project__article-text *{
        font-size: 16px;
    }

    .related__header{
        padding: 0 24px;
    }
    .related__posts .slick-track .card.card--mini{
        margin: 0 24px;
        max-width: unset;
    }

    .cta-project__title{
        font-size: 36px;
        max-width: 637px;
    }
    .cta-project__text{
        font-size: 16px;
        max-width: 378px;
    }

    .search-info{
        width: 100%;
        padding-bottom: 32px;
    }
    .blog__filters-categorys + .search-info{
        margin-top: 16px;
    }
    .search-info__text{
        font-size: 20px;
        margin: 0 0 12px;
    }
    .search-info__count{
        font-size: 16px;
    }

    .success-block{
        max-width: 468px;
        margin-top: 88px;
    }
    .success-block__text{
        margin-bottom: 32px;
    }
}

@media(min-width: 1279px){
    body{
        overflow-y:auto !important;
    }

    .modal-form-custom .row.form-row.form-row__radio {
      justify-content: space-between;
    }

    .site-header nav.site-menu > ul > li > a + ul{
        position: absolute;
        padding: 30px 40px 24px;
        gap: 16px;
        width: 425px;
        background: #FAFBF5;
    }
    .site-header nav.site-menu > ul > li > a + ul > li{
        font-size: 20px;
    }
    .site-header nav.site-menu > ul > li.menu-item-has-children.open > a + ul{
          display: flex;
          top: 32px;
    }
    .blog .title.title--main{
        line-height: 1;
        margin-bottom: 20px;
    }

    .site-footer__menu{
        margin-top: 142px;
        margin-bottom: 32px;
        width: 20%;
    }
    .site-footer__copyright{
        margin-top: 48px;
    }

    .search-info{
        text-align: center;
    }

    .article__nav-title__arrow{
        display: none;
    }
}
@media(min-width: 1279px){
    .sidenav-trigger{
        display: none;
    }
}
@media(max-width: 1279px){

    .blog .card{
        min-height: unset;
    }
    .card:hover img,
    .card:focus img{
        transform: unset;
    }

    .designic-col-1-4.cta-form__footer-title,
    .designic-col-6-9.cta-form__footer-text{
        width: 100%;
        max-width: 100%;
    }

    .menu-item__1,
    .menu-item__2,
    .menu-item__3,
    .menu-item__4,
    .menu-item__5{
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin: 0;
    }
    .sidenav .sub-menu{
        display: none;
    }

    .to-top{
        right: 24px;
    }

    .article__nav,
    .page__nav{
        position: relative;
        top: 0;
        /*
        position: sticky;
        top: 56px;
        */
        max-width: 100%;
        border-top: 1px solid rgba(84,75,113,0.14);
        border-bottom: 1px solid rgba(84,75,113,0.14);
        background-color: #FAFBF5;
        z-index: 899;
    }
    .article__nav.fixed{
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        height: auto;
        padding: 0 20px;
        z-index: 900;
    }
    .article__nav.fixed + .article__text{
        margin-top: 122px;
    }
    .article__nav-title{
        margin: 0;
        padding: 20px 0;
    }
    .article__nav-title__position{
        margin-left: 0.5em;
        font-weight: 400;
    }
    .article__nav-title__colon{
        display: none;
    }
    .article__nav-title__arrow .icon{
        transform: rotate(180deg);
        transition: 0.25s;
        margin-left: 0.5em;
    }
    .article__nav-title.open .article__nav-title__arrow .icon{
        transform: rotate(0deg);
    }
    .article__text{
        max-width: 100%;
    }
    .article__nav-list{
        display: none;
    }
    .site-header__actions.designic-col-9{
        width: auto;
        flex-grow: 1;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        gap: 16px;
    }
    #header{
        padding: 22px 24px;
    }
    #page{
        padding-top: 88px;
    }
    .article__breadcrubms{
        padding: 24px 0 20px 20px;
    }
    .blog__filters-categorys,
    .blog__filters-tags,
    .breadcrumbs {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      gap: 0.5em; /* немного расстояния между элементами */
      padding-bottom: 0.5em;
      margin-bottom: -0.5em;

      overflow-x: auto;
      overflow-y: hidden;

      scrollbar-width: thin; /* Firefox */
      scrollbar-color: rgba(0,0,0,0.3) transparent;

      -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
    }

    /* Чтобы не ломался flex внутри при скролле */
    .blog__filters-categorys > *,
    .blog__filters-tags > *,
    .breadcrumbs > *{
      flex: 0 0 auto;
    }

    /* Для Chrome/Safari — стилизуем полосу */
    .blog__filters-categorys::-webkit-scrollbar,
    .blog__filters-tags::-webkit-scrollbar,
    .breadcrumbs::-webkit-scrollbar {
      height: 6px;
    }
    .blog__filters-categorys::-webkit-scrollbar-track,
    .blog__filters-tags::-webkit-scrollbar-track,
    .breadcrumbs::-webkit-scrollbar-track {
      background: transparent;
    }
    .blog__filters-categorys::-webkit-scrollbar-thumb,
    .blog__filters-tags::-webkit-scrollbar-thumb,
    .breadcrumbs::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.3);
      border-radius: 3px;
    }

    .blog__filters-categorys__separator{
        margin: auto 15px;
    }

    .blog .card .card-image .card__link{
        aspect-ratio: 303 / 161;
    } 
    .blog .card .card__text {
        display: block;
        height: auto;
        opacity: 1;
    }

    .related__header{
        margin-bottom: 40px;        
    }

    .site-footer{
        padding: 32px 24px;
    }
    .site-footer__container{
        gap: 36px;
    }
    .site-footer__logo{
        order: 0;
    }
    .site-footer__logo svg{
        height: 40px;
        width: auto;
    }
    .site-footer__logo.designic-col-1{
        width: 25%;
    }
    .designic-offset-7-8.site-footer__language {
        margin-left: auto;
        justify-content: flex-end;
        align-items: center;
        order: 1;
        margin-left: auto;
    }
    .site-footer__language .language-switcher{
        font-size: 14px;
    }
    .site-footer__description{
        width: 100%;
        max-width: 100%;
        font-size: 20px;
        order: 2;
    }
    .designic-col-1-3.site-footer__column.site-footer__description{
        padding-right: calc(100vw - 48px - 440px);
    }
    .footer-group--1{
        margin-left: 0;
        width: 100%;
        max-width: calc(50% - 36px);
        order: 3;
    }
    .footer-group--2{
        width: 100%;
        max-width: calc(50% - 36px);
        order: 4;
    }
    .designic-offset-8.footer-group.footer-group--2{
        margin-left: 0;
    }
    .site-footer__container .site-footer__menu{
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        max-width: calc(50% - 36px);
        flex-grow: 1;
        order: 5;
    }
    .site-footer__container .site-footer__menu.site-footer__menu--2{
        margin: 0;
        width: 100%;
        max-width: calc(50% - 36px);
        flex-grow: 1;
        order: 6;
    }
    .site-footer__socials{
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
        order: 7;
    }

    .site-footer__copyright{
        flex-flow: row wrap;
        gap: 20px;
        order: 8;
    }
    .site-footer__privacy{
        margin-left: 0;
        width: auto;
    }
    .site-footer__privacy{
        text-align: left;
    }
    .site-footer__sitemap{
        text-align: right;
        margin-left: 0;
    }

    .site-footer__menu .menu .menu-item a, 
    .site-footer__menu .menu .menu-item a span{
        padding: 0;
    }
    .designic-col-6.designic-offset-2-4.site-footer__column.site-footer__socials{
        margin-left: 0;
        width: 100%;
    }
    .site-footer__column{
        align-items: flex-start;
    }

    .modal-form-custom {
        max-width: 100%;
        width: 100%;
        justify-content: center;
      }

    .article__content > .article__date{
        padding: 20px 24px;
        font-size: 14px;
        display: block;
    }
    .article__title .title{
        padding: 40px 24px 28px;
        font-size: 36px;
    }
    .article__title.article__title--privacy .title{
        padding: 0;
    }
    .article__title .tags{
        margin: 0;
        padding: 0 24px;
    }
    .article__info{
        /*padding: 40px 24px 32px;*/
        padding: 52px 24px 32px;
    }
    .paralax-picture picture{
        aspect-ratio: 768/912;
    }
    .article__row{
        padding: 60px 24px 40px;
    }
    .article__info-title,
    .article__info-value{
        width: 100%;
        display: block;
        text-align: left;
    }
    .article__info-title{
        font-size: 14px;
    }
    .article__info-value{
        font-size: 20px;
        margin-top: 14px;
        margin-left: 0;
    }
    .article__readlater{
        gap: 12px;
    }
    .article__readlater .article__info-title{
        font-size: 18px;
    }

    .cta-project__image--desk{
        display: none;
    }
    .cta-project__image--mob{
        display: block;
    }


    .page, .page--contact{
        padding: 9px 24px;
    }
    .page--contact .page-title .title{
        font-size: 36px;
    }
    .contact-parnters__title{
        font-size: 36pxpx;
    }
    .page, .page--contact{
        padding: 0;
    }
    .page--contact .page__breadcrumbs{
        padding: 20px 24px;
    }
    .page--contact .page-title{
        padding: 0 24px;
    }
    .page--contact .page-title .title{
        margin: 26px 0 0;
    }
    .page--contact .page-title .subtitle{
        font-size: 14px;
        line-height: 1.2;
        margin-top: 12px;
    }
    .contact-information{
        padding-top: 35px;
        padding-bottom: 45px;
    }
    .contact-information__content {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
    }
    .page--contact .contact-information__title{
        font-size: 28px;
        margin: 0 0 19px;
    }
    .contact-information__text{
        font-size: 14px;
    }
    .contact-information__workhours{
        margin-bottom: 24px;
    }
    .contact-information__text, 
    .contact-information__item, 
    .contact__group-item{
        font-size: 14px;
    }
    .contact-information__image{
        margin-top: 30px;
        width: 100%;
        max-width: 100%;
    }
    .contact-parnters{
        padding: 0 20px;
    }
    .contact-parnters__content{
        font-size: 14px;
    }
    .contact__groups{
        padding: 40px 20px 22px;
    }
    .designic-row .designic-col.contact__group{
        width: calc(50% - 16px);
    }
    .designic-col.contact__group {
        margin-bottom: 36px;
    }
    .contact__group-item.contact__group-title{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact__group-phone{
        margin-bottom: 12px;
    }

    .contact-information__image picture, 
    .contact-information__image img{
        aspect-ratio: 768 / 320;
        object-fit: cover;
    }
    .contact-information__map #map{
        aspect-ratio: unset;
        width: 100%;
        max-width: 100%;
    }


    .project__header-info{
        padding: 0 20px 20px;
    }
    .project__header-row{
        padding: 24px 0 0 0;
    }
    .project__header-breadcrumbs .breadcrumbs > ul{
        padding: 0 20px;
    }
    .project__header-date__title{
        font-size: 14px;
    }
    .row.project__header-row .col.project__header-breadcrumbs,
    .row.project__header-row .col.project__header-date{
        width: 100%;
    }
    .project__header-row--breadcrumbs .project__header-date{
        text-align: left;
        padding: 12px 20px 24px 20px;
        font-size: 14px;
    }
    .project__header-info .title{
        text-align: left;
        font-size: 36px;
        margin-bottom: 24px;
    }
    .project__header-image picture{
        aspect-ratio: 768/320;
    }
    .paralax-picture.project__header-image picture img{
        top: 0;
    }
    .project__image--second picture, 
    .project__image--second image{
        max-width: 100%;
    }


    .project__header-info .title{
        text-align: left;
        font-size: 52px;
    }



    .project__article{
        padding: 20px 24px 20px;
    }
    .project__article-text p,
    .project__short_desc p{
        margin: 0;
    }
    /*
    .project__images-item{
        padding: 0 24px;
    }*/

    .project__authors{
        margin: 0 0 60px;
        padding-bottom: 0;
    }
    .project__article-post__button{
        margin-top: 32px;
    }
    .project__images{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .project__authors .block-title{
        font-size: 28px;
        margin-bottom: 24px;
        margin-top: 0;
    }
    .project__authors-items{
        padding: 0 20px;
        display: flex;
        flex-flow: column wrap;
        gap: 32px;
    }
    .project__authors-item{
        margin: 0;
        flex-flow: column wrap;
        gap: 12px;
    }
    .project__authors-item__position,
    .project__authors-item__name{
        width: 100%;
        text-align: center;
    }
    .project__authors-item__position{
        font-size: 16px;
    }
    .project__authors-item__name{
        font-size: 16px;
    }

    .designic-col-1.related-project__item{
        width: 38.859649%;
    }
    .designic-col-6-7-8-9.related-project__item{
        width: 55.614035%;
    }
    .related-project__link {
        display: flex;
        flex-flow: column wrap;
        height: 100%;
    }
    .related-project__meta{
        order: 3;
        margin-bottom: 0;
        margin-top: auto;
    }

    .related-project__title{
        margin: 16px 0 24px;
    }



    /*.blog .title.title--main{
        font-size: 60px;
    }*/
    .blog .blog__header{
        padding: 0;
    }
    .blog__breadcrubms,
    .blog__title,
    .blog__filters-categorys,
    .blog__filters-tags,
    .search-info{
        padding-left: 24px;
        padding-right: 24px;
    }
    .blog__filters{
        margin-right: 0;
    }
    .blog__filters-categorys .cat-item{
        font-size: 24px;
    }
    .blog__filters-categorys{
        margin-bottom: 24px;
    }
    .search-form .row{
        justify-content: flex-start;
        width: 100%;
    }
    /*.blog .blog__posts{
        gap: 16px;
        podding: 24px;
    }*/
    .blog .card{
        /*max-width: 352px;*/
        max-width: 46vw;
    }
    .blog .card:hover .card-image .card__link,
    .blog .card:not(.card--noimage):hover .card-image .card__link,
    .blog .card:hover .card-image .card__link{
      aspect-ratio: 303 / 161;
    }
    /*
    .blog .card:hover .card-image .card__link img,
    .blog .card:not(.card--noimage):hover .card-image .card__link img {
      object-fit: cover;     
    }
    .blog .card:hover .card__text{
        opacity: 0;
    }*/
    .blog__more{
        text-align: left;
    }
    .row.search-form__row::after{
        content: none;
    }
    .search-form,
    .row.search-form__row{
        position: relative;
        box-sizing: border-box;
    }
    .row.search-form__row{
        margin: 0;
        justify-content: space-between;
    }
    .input-field.search-form__input{
        width: calc(100% - 103px);
        margin-top: 32px;
        /*margin-left: 12px;*/
        margin-left: 0;
    }


    .site-content > .cta-form{
        padding-top: 40px;
    }
    .cta-form__header .cta-form__title{
        font-size: 28px;
        padding: 0 20px;
        margin: 0 0 20px;
    }
    .cta-form__body .cta-form__title{
        font-size: 16px;
        padding: 0 20px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .cta-form__footer .cta-form__title{
        font-size: 28px;
        text-align: center;
    }
    .cta-form__footer .cta-form__text{
        font-size: 16px;
        margin: 20px 0 12px;
    }
    .cta-form__header img{
        top: 0;
    }
    .form{
        max-width: 100%;
        padding: 0 20px;
    }
    .input-field.form-item.form-item__radio{
        width: calc(47% - 10px);
    }
    .form-privacy{
        margin-bottom: 36px;
        margin-top: 66px;
    }
    .cta-form__footer{
        padding: 40px 20px 80px;
    }

    .show-more.cta-form__text-block{
        max-width: 467px;
        margin: auto;
        text-align: center;
    }

    .site-header .menu-item.menu-item-has-children::after{
        content: unset;
    }
    .site-header .menu-item.menu-item-has-children > a > span{
        display: flex;
        gap: 12px;
        flex-flow: row wrap;
        align-items: center;
    }
    .site-header .menu-item.menu-item-has-children > a > span::after{
            content: ' ';
            display: block;
            cursor: pointer;
            width: 15px;
            height: 8px;
            position: relative;
            background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8' fill='none'><path d='M1 1.5L7.5 6.5L14 1.5' stroke='currentColor' stroke-width='1.3'/></svg>");
            transform: rotate(180deg);
            transition: 0.3s;
    }

}
@media(min-width: 768px) and (max-width: 1279px){
    
    .hide-on-med-and-down.site-header__menu{
        height: calc(100vh - 78px);
        justify-content: space-between;
        padding-bottom: 18px;
    }
    .customize-support .hide-on-med-and-down.site-header__menu{
        height: calc(100vh - 110px);
    }
    .site-header nav.site-menu > ul > li > a{
        font-size: 28px;
    }
    .site-header nav.site-menu > ul > li > a + ul > li{
        font-size: 20px;
    }
    .hide-on-med-and-down.site-header__menu .site-menu{
        margin-top: auto;
        margin-bottom: auto;
    }
    .site-header nav.site-menu > ul{
        margin-bottom: 0!important;
        margin-top: 50px!important;
    }

    .designic-offset-4-5.designic-col-6-9.project__short_desc,
    .project__header-numbers .designic-col-1-3{
        width: 100%;
        margin-left: 0;
    }
    .project__short_desc{
        margin-top: 16px;
    }
    .project__short_desc{
        margin: 40px 0 25px;
    }
    .project__article-text{
        margin: 40px 0 0;
    }
    .project__images.slick-slider .project__images-item img{
        height: 400px;
        width: auto;
    }
    article.designic-col-6-7-8-9.related-project__item.related-project__item--next picture, 
    article.designic-col-6-7-8-9.related-project__item.related-project__item--next img{
        height: 300px;
    }
    .designic-col-1.related-project__item{
        width: calc(40% - 20px);
    }
    .related-project__item--prev .related-project__thumb,
    .related-project__item--prev .related-project__info{
        max-width: 100%;
    }
    .designic-col-6-7-8-9.related-project__item{
        width: 60%;
    }
    .project__article-post{
        margin-top: 0;
    }
    article.designic-col-1.related-project__item.related-project__item--prev{
        min-width: unset!important;
    }

    .project__content{
        display: flex;
        flex-flow: row wrap;
    }
    .project__content > div{
        max-width: 100%;
        width: 100%;
        flex-grow: 1;
    }
    .project__article{
        order: 0;
    }
    .project__images.slick-slider{
        order: 1;
        margin-top: 80px;
    }
    .project-slider__buttons{
        order: 2;
        margin-top: 0;
        margin-bottom: 96px;
    }
    .project__authors{
        order: 3;
    }

    .site-content > .cta-form{
        padding-top: 80px;
    }
    .cta-form__header .cta-form__title{
        margin-bottom: 40px;
    }
    .site-footer__copyright{
        gap: 0!important;
    }
    .site-footer__privacy{
        width: 33% !important;
        margin-left: 35.9%!important;
    }
    .site-footer__copyright > a.site-footer__sitemap{
        width: 12.2%!important;
    }
    .input-field.form-item{
        width: calc(50% - 40px);
    }

    .project__images:not(.slick-slider){
        padding: 0 24px;
    }
    .project__image.project__image--first > picture{
        aspect-ratio: 400 / 405;
        display: block;
    }
    .cta-project__image--mob{
        max-height: 400px;
    }


    .project__image.project__image--first{
        /*width: calc(100% - 18.8596491228% - 16px);*/
        width: calc(100% - 33% - 16px);
        height: auto;
    }
    .designic-col-9.project__image.project__image--second {
        width: 33%;
        height: auto;
    }

    .cta-form__header .cta-form__title,
    .cta-form__footer .cta-form__title,
    .project__authors .block-title{
        font-size: 36px;
    }
    .form{
        padding: 0 24px;
    }

    .cta-form__body .cta-form__title{
        margin-top: 40px;
        margin-bottom: 32px;
    }
    .cta-form__header img{
        top: -100%;
    }
    .cta-form__footer{
        padding: 40px 24px 80px;
    }
    .form-row.form-row__radio{
        margin-top: 32px;
    }
    .form-privacy{
        margin-top: 40px;
    }
    /*
    .site-footer__container{
        justify-content: space-between;
    }*/

    .project__article{
        padding-bottom: 20px;
    }
    .project-slider__buttons{
        justify-content: center;
    }

    .blog .blog__posts.blog__posts__empty{
        padding-top: 0px;
        padding-bottom: 80px;
        text-align: left;
    }
    .blog__search-empty__title{
        font-size: 20px;
        margin-bottom: 12px;
        text-align: left;
    }
    .blog__search-empty__subtitle{
        font-size: 16px;
        text-align: left;
    }

    .card.card--mini .card-title{
        font-size: 20px;
    }
    .card.card--mini .card__text{
        font-size: 16px;
    }
    .card.card--mini .text-link.card__textlink{
        font-size: 16px;
    }


    .designic-offset-8.footer-group.footer-group--2,
    .site-footer__container .site-footer__menu.site-footer__menu--2{
        margin-left: 27px;
    }
    .site-footer__container .site-footer__menu.site-footer__menu--2{
        margin-top: 6px;
    }

    .site-footer__privacy{
        margin-right: 9px;
        margin-left: auto !important;
    }

    .contact-information__content{
        display: flex;
        flex-flow: row wrap;
    }
    .contact-information__content .contact-information__title{
        flex-grow: 1;
        width: 100%;
        order: 0;
    }
    .contact-information__content .contact-information__item{
        width: 50%;
    }
    .contact-information__address{
        order: 1;
    }
    .contact-information__workhours{
        order: 3;
    }
    .contact-information__item--phone{
        order: 2;
    }
    .contact-information__item--email{
        order: 4;
    }
}
@media(min-width: 1100px){
    .sidebar{
        position: sticky;
        top: 140px;
    }
}
@media(max-width: 1100px){
    .posts .title{
        text-align: center;
    }
    .posts__row{
        justify-content: center;
    }
    .posts__row .card--big{
        max-width: 100%;
    }
}
@media(max-width:998px){
    #header{
        padding: 14px 24px;
    }

    .cta.cta--inline{
        padding: 60px 70px;
        margin: 40px 0;
    }

    .cta-form__header .cta-form__title{
        font-size: 36px;
    }
    .cta-form__body .cta-form__title{
        font-size: 16px;
    }

    .related__header-title{
        font-size: 52px;
    }

    .project__images.slick-slider .project__images-item{
        margin-left: 24px;
        margin-right: 24px;
    }
    .project__images.slick-slider .project__images-item:last-child{
        margin-right: 24px;
    }

    .site-footer {
        padding: 32px 24px;
    }
    .designic-col-1-3.site-footer__column.site-footer__description{
        padding-right: 37vw;
    }
    .footer-group{
        margin-top: 12px;
    }
    .site-footer__container .site-footer__menu{
        margin-top: 6px;
    }
    .site-footer__container .site-footer__menu.site-footer__menu--2{
        /*margin: 6px 0 0 28px;
        margin: 0;*/
    }
    .site-footer__column.site-footer__socials{
        width: 50%;
    }
    .site-footer__copyright{
        margin-top: 8px;
        gap: 12px;
    }
    .site-footer__copyright > a.site-footer__sitemap{
        /*width: 13%;*/
        width: 30%;
    }
    .site-footer__privacy{
        width: 70%;
    }

    .not-found__subtitle{
        font-size: 36px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .not-found__text{
        margin-bottom: 40px;
    }

}
@media(max-width: 768px){
    .project__article-post{
        position: relative;
        width: 100%;
    }
    .project__related{
        padding: 60px 24px 60px;
    }
    .related-project__meta{
        font-size: 16px;
    }
    .related-project__button{
        padding: 8px;
    }
    .modal-form__desc {
        font-size: 16px;
        line-height: 120%;
      }

    .site-header nav.site-menu > ul{
        margin-bottom: 64px;
    }

    .site-footer__column.site-footer__socials{
        width: 100%;
    }
    .project-slider__buttons{
        justify-content: center;
    }
    .project__images.slick-slider .project__images-item img {
        height: 380px;
        width: auto;
    }

    .success-block{
        max-width: 315px;
        margin-top: 72px;
    }
    .success-block__text{
        font-size: 18px;
        margin-bottom: 24px;
    }
}
@media(max-width: 638px) and (min-width:601px){
    .related-project__item.related-project__item--prev .related-project__meta{
        width: calc(100% + 1em);
    }
}
@media(max-width:767px){
    .site-branding img,
    .site-branding svg{
        height: 28px;
        width: auto;
    }
    .breadcrumbs, 
    .breadcrumbs > ul{
        margin-top: 20px;
    }

    .hide-on-med-and-down.site-header__menu{
        margin-top: 40px;
        margin-bottom: 18px;
    }
    .site-header nav.site-menu > ul > li > a{
        font-size: 22px;
    }

    .page-container .page__content, 
    .page-container .page__content .title{
        max-width: 100%;
    }
    .page-container .page__content h2{
        font-size: 36px;
    }

    .contact-information__image picture, 
    .contact-information__image img{
        aspect-ratio: 375 / 320;
        object-fit: cover;
    }
    .contact-information__map #map{
        aspect-ratio: unset;
        width: 100%;
        max-width: 100%;
    }

    .related__header{
        padding: 0 20px;
    }
    .related__posts .slick-track .card.card--mini{
        margin: 0 20px;
        max-width: unset;
    }
    .card.card--mini .card-title{
        margin-bottom: 16px;
    }
    .card.card--mini .text-link.card__textlink{
        margin-top: 40px;
    }

    .cta-project__title{
        font-size: 28px;
        max-width: 100%;
        padding: 0 20px;
    }
    .cta-project__text{
        margin: 12px 0 32px;
        font-size: 16px;
        max-width: 100%;
        padding: 0 48px;
    }

    #modal-form.modal-form-custom.open{
        bottom: 0;
        top: 0 !important;
        height: 100%!important;
        max-height: unset;
    }

    .project__article-post__button{
        margin-top: 0;
    }
    .project__article-post__button{
        margin-top: 32px;
    }
    /*
    .project__number.project__number--client{
        margin-top: 0;
    }*/

    .project__article-text{
        margin: 28px 0 32px;
    }

    .project__images:not(.slick-slider){
        padding: 0 20px;
        margin-top: 8px;
    }
    .project__images:not(.slick-slider) .project__images-item{
        margin-bottom: 20px;
    }
    .project__images:not(.slick-slider) .project__images-item:last-child{
        margin-bottom: 0;
    }
    .project__article-post__button{
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .project__content{
        display: flex;
        flex-flow: row wrap;
    }
    .project__content > div{
        max-width: 100%;
        width: 100%;
        flex-grow: 1;
    }
    .project__article{
        order: 0;
    }
    .project__article-text{
        margin-bottom: 0;
    }
    .project__images.slick-slider{
        order: 1;
        margin-top: 12px;
        margin-bottom: 32px;
    }
    .project-slider__buttons{
        order: 2;
        margin-top: 0;
        margin-bottom: 60px;
    }
    .project__authors{
        order: 3;
    }

    .designic-row .designic-col.contact__group,
    .designic-col-1-4,
    .designic-col-1-5,
    .designic-col-6-9,
    .designic-col-1-3,
    .project__images:not(.slick-slider) .project__images-item
    {
        width: 100%;
        max-width: 100%;
    }
    .designic-col-9.project__image.project__image--second,
    .project__number--value{
        max-width: 100%;
        width: 100%;
    }
    .designic-col-1.site-footer__column.site-footer__logo{
        max-width: 50%;
        width: 100%;
    }
    .designic-col-9.designic-offset-7-8.site-footer__column.site-footer__language{
        margin: 0;
        margin-left: auto;
        max-width: 33%;
        width: 100%;
        text-align: right;
        justify-content: flex-end;
    }

    .to-top{
        bottom: 135px;
    }

    .card.card--mini{
        margin: 0;
    }

    #header{
        padding: 14px 20px;
    }
    .customize-support #header{
        top: 0;
    }

    .site-branding.designic-col-1-2{
        width: auto;
    }


    .cta.cta--inline{
        padding: 40px 20px;
    }
    .cta.cta--inline .cta__title,
    .cta.cta--inline .cta__title *{
        font-size: 18px;
        margin-bottom: 24px;
    }

    .site-content > .cta-form{
        padding-top: 40px;
    }
    .cta-form__header .cta-form__title{
        font-size: 28px;
        padding: 0 20px;
        margin: 0 0 20px;
    }
    .cta-form__body .cta-form__title{
        font-size: 16px;
        padding: 0 20px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .cta-form__footer .cta-form__title{
        font-size: 28px;
        text-align: center;
    }
    .cta-form__footer .cta-form__text{
        font-size: 16px;
        margin: 20px 0;
    }
    .cta-form__header img{
        top: 0;
    }
    .form{
        max-width: 100%;
        padding: 0 20px;
    }
    .input-field.form-item.form-item__radio{
        width: 100%;
    }
    .form-privacy{
        margin-bottom: 36px;
    }
    .form-submit .btn-fill{
        width: 100%;
        justify-content: center;
    }
    .cta-form__footer{
        padding: 40px 20px 80px;
    }

    .form-row{
        gap: 0;
    }
    .input-field.form-item{
        width: 100%;
    }


    .site-footer{
        padding: 28px 20px;
    }
    .to-top{
        right: 20px;
    }
    .site-footer__container{
        gap: 36px;
    }
    .site-footer__logo{
        order: 0;
    }
    .site-footer__language{
        order: 1;
    }
    .site-footer__description{
        font-size: 18px;
        order: 2;
    }
    .designic-col-1-3.site-footer__column.site-footer__description{
        padding-right: 0;
    }
    .footer-group--1{
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        order: 3;
    }
    .footer-group--2,
    .designic-offset-8.footer-group.footer-group--2{
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        order: 4;
    }
    .site-footer__container .site-footer__menu{
        margin-left: 0;
        order: 5;
        width: 100%;
        max-width: 100%;
    }
    .site-footer__container .site-footer__menu.site-footer__menu--2{
        width: 100%;
        max-width: 100%;
        margin: 0;
        order: 6;
    }
    .site-footer__socials{
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        order: 7;
    }
    .designic-col-6.designic-offset-2-4.site-footer__column.site-footer__socials{
        margin: 0;
    }

    .site-footer__copyright{
        flex-flow: row wrap;
        /*gap: 20px;*/
        order: 8;
        gap: 0;
        margin-top: 0;
    }
    .site-footer__privacy{
        margin-left: 0;
        text-align: left;
        width: 70%;
    }
    .site-footer__sitemap{
        width: 33%;
    }
    .site-footer__sitemap{
        text-align: right;
    }

    .site-footer__copyright > span{
        width: 100%;
        text-align: left;
        order: 2;
        margin-top: 20px;
    }

    .page--contact .page-title .title{
        font-size: 44px;
    }
    .contact-parnters__title{
        font-size: 28px;
    }

    .site-footer__menu .menu .menu-item:last-child{
        margin: 0;
    }
    .site-footer__menu .menu .menu-item a{
        padding-left: 0;
    }


    .sidenav-trigger{
        height: 60px;
        padding-left: 7px;
        padding-bottom: 2px;
    }
    #page{
        padding-top: 35px;
    }

    .form-row.form-row__radio{
        margin-top: 28px;
        gap: 12px;
    }
    .form [type="checkbox"].filled-in + span{
        font-size: 16px;
    }

    .row .col.s12.not-found__block{
        padding: 88px 20px 120px;
    }
    .not-found__title{
        font-size: 96px;
    }
    .not-found__subtitle{
        font-size: 28px;
        margin-bottom: 9px;
    }
    .not-found__text{
        font-size: 14px;
        margin: 8px 0 32px;
    }
    .not-found__block .btn-fill, 
    .not-found__block .btn-outline{
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 10px;
    }
    .not-found__block .btn-outline{
        margin-top: 32px;
        margin-left: 0;
    }



    .page, .page--contact{
        padding: 0;
    }
    .page--contact .page__breadcrumbs{
        padding: 7px 0 0;
    }
    .page--contact .page-title{
        padding: 0 20px;
    }
    .page--contact .page-title .title{
        margin: 26px 0 0;
    }
    .page--contact .page-title .subtitle{
        font-size: 16px;
        line-height: 1.2;
        margin-top: 12px;
    }
    .contact-information{
        padding-top: 35px;
        padding-bottom: 45px;
    }
    .contact-information__content {
        padding: 0 20px;
    }
    .page--contact .contact-information__title{
        font-size: 28px;
        margin: 0 0 19px;
    }
    .contact-information__workhours{
        margin-bottom: 24px;
    }
    .contact-information__text, 
    .contact-information__item, 
    .contact__group-item{
        font-size: 16px;
    }
    .contact-information__image{
        margin-top: 30px;
    }
    .contact-parnters{
        padding: 0 20px;
    }
    .contact-parnters__content{
        font-size: 16px;
    }
    .contact__groups{
        padding: 40px 20px 22px;
    }
    .designic-col.contact__group {
        margin-bottom: 28px;
    }
    .contact__group-item.contact__group-title{
        font-size: 18px;
        margin-bottom: 16px;
    }
    .contact__group-phone{
        margin-bottom: 12px;
    }

    .contact-information__image picture, 
    .contact-information__image img{
        aspect-ratio: 375/320;
    }
    .contact-information__map #map{
        aspect-ratio: unset;
        width: 100%;
        max-width: 100%;
    }

    .blog .blog__header{
        padding: 0;
    }
    .blog__title,
    .blog__filters-categorys,
    .blog__filters-tags{
        padding: 0 20px;
    }
    .search-info{
        padding-left: 20px;
        padding-right: 20px;
    }
    .blog__filters{
        margin-right: 0;
    }
    .blog__filters-categorys .cat-item{
        font-size: 24px;
    }
    .blog__filters-categorys__separator{
        margin: auto 13px;
    }
    .blog .title.title--main{
        font-size: 44px;
        margin-bottom: 25px;
        line-height: 1.1;
    }
    .blog__title .subtitle{
        font-size: 18px;
    }

    .blog .blog__posts.blog__posts__empty{
        padding-top: 0px;
        padding-bottom: 48px;
        text-align: left;
    }
    .blog__search-empty__title{
        font-size: 20px;
        margin-bottom: 12px;
        text-align: left;
    }
    .blog__search-empty__subtitle{
        font-size: 16px;
        text-align: left;  
    }


    .blog .blog__posts{
        gap: 5.33vw;
    }
    .blog .card{
        /*max-width: 335px;*/
        max-width: 89.33vw;
    }

    .search-form .row::after{
        content: unset;
    }
    .search-form__input{
        max-width: calc(100% - 95px);
    }

    .blog__filters{
        gap: 12px;
        margin-top: 32px;
    }
    .blog__filters-tags{
        margin-top: 0;
    }
    .blog__filters-clear{
        padding: 20px 20px 24px;
    }
    .blog .blog__posts{
        padding: 20px;
    }
    .blog .card .card-header{
        font-size: 14px;
    }
    /*
    .blog .card .card__text{
        display: none;
    }*/
    .blog .card .card-title{
        font-size: 18px;
    }
    .blog .card .tags .tag{
        font-size: 14px;
    }
    .blog .showmore{
        width: 100%;
        text-align: center;
        justify-content: center;
    }


    .article__breadcrubms{
        padding: 0;
    }
    .breadcrumbs > ul{
        padding: 0 20px;
    }
    .blog__breadcrubms .breadcrumbs > ul{
        padding: 0;
    }
    .article__date{
        padding: 24px 20px 40px;
        font-size: 14px;
    }
    .article__content > .article__date{
        display: flex;
        flex-flow: row wrap;
    }
    .article__content > .article__date > .article__date__value {
        padding: 0;
        margin: 9px 0 0;
        width: 100%;
    }
    .article__date__value{
        margin-left: 15px;
    }
    .article__info-title,
    .article__info-value{
        width: 100%;
        display: block;
        text-align: left;
    }
    .article__info-title{
        font-size: 14px;
    }
    .article__info-value{
        font-size: 20px;
    }
    .article__title .title{
        padding: 0 20px;
        font-size: 28px;
    }
    .article__title.article__title--privacy .title{
        padding: 0;
    }
    .article__readlater-form{
        justify-content: space-between;
    }
    .article__title .tags{
        padding: 0 20px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .article__title .title + .article__info{
        margin-top: 40px;
    }
    .row.article__info{
        padding: 0 20px;
    }
    .article__info-value{
        margin-left: 0;
        margin-top: 18px;
    }

    .article__row{
        padding: 0 20px 40px;
    }
    .article__readlater{
        gap: 12px;
        margin: 40px 0 24px;
    }
    .article__readlater .article__info-title{
        font-size: 18px;
    }
    .article__duration{
        align-items: flex-end;
        justify-content: flex-end;
    }
    .article__duration .article__info-title,
    .article__duration .article__info-value{
        margin-left: auto;
        margin-right: 0;
        display: inline-block;
        width: auto;
    }
    .article__duration .article__info-value{
        min-width: 108px;
    }
    .article__readlater .input-field.form-item{
        width: calc(100% - 100px);
    }
    .article__readlater-form #email{
        font-size: 14px;
    }
    .article__image.paralax-picture picture{
        aspect-ratio: 375/231 !important;
    }
    .article__image.paralax-picture picture img{
        top: 0;
    }

    .related__header-title{
        font-size: 40px;
    }
    .related.related-posts{
        padding: 0 0 72px;
    }
    .related__header{
        padding: 0 20px;
        margin-bottom: 32px;
    }
    .related__header-title{
        font-size: 40px;
    }
    .related__header-nav{
        width: 100%;
        justify-content: center;
        display: none;
    }

    .card.card--mini{
        width: 100%!important;
        max-width: 327px;
    }
    .card.card--mini .card-content{
        padding: 20px;
    }
    .card.card--mini .card-title{
        font-size: 18px;
    }
    .card.card--mini .card__text{
        font-size: 16px;
    }
    .card.card--mini .text-link.card__textlink{
        font-size: 16px;
    }

    .project__authors{
        margin: 60px 0 0;
        padding-bottom: 0;
    }
    .project__images.slick-initialized.slick-slider + .project__authors{
        margin-top: 0;
        margin-bottom: 60px;
    }
    .project__images:not(.slick-slider) + .project__authors{
        margin-top: 0;
        margin-bottom: 60px;
    }
    .project__authors .block-title{
        font-size: 28px;
        margin-bottom: 24px;
        margin-top: 0;
    }
    .project__authors-items{
        padding: 0 20px;
        display: flex;
        flex-flow: column wrap;
        gap: 32px;
    }
    .project__authors-item{
        margin: 0;
        flex-flow: column wrap;
        gap: 12px;
    }
    .project__authors-item__position,
    .project__authors-item__name{
        width: 100%;
        text-align: center;
    }
    .project__authors-item__position{
        font-size: 16px;
    }
    .project__authors-item__name{
        font-size: 16px;
    }

    .project__header-info{
        padding: 0 20px 20px;
    }
    .project__header-row{
        padding: 24px 0 0 0;
    }
    .project__header-date__title{
        font-size: 16px;
    }
    .project__header-row--breadcrumbs .project__header-date{
        text-align: left;
        padding: 12px 20px 24px 20px;
        font-size: 16px;
        margin-bottom: 12px;
    }
    .project__header-info .title{
        text-align: left;
        font-size: 36px;
        margin-bottom: 8px;
    }
    .project__number:last-child {
        margin-bottom: 0;
    }
    .project__header-image picture{
        aspect-ratio: 375/187;
    }
    .paralax-picture.project__header-image picture img{
        top: 0;
    }

    .project__number{
        font-size: 16px;
        margin: 20px 0;
    }
    .project__number--name,
    .project__number--value{
        display: block;
        width: 100%;
    }
    .project__number--value{
        margin-top:5px;
        font-size: 16px;
    }

    .project__short_desc{
        font-size: 16px;
        margin-top: 28px;
        /*margin-bottom: 16px;*/
        margin-bottom: 0;
        margin-left: 0;
    }
    .project__short_desc p{
        margin: 0;
    }

    .project__article{
        padding: 16px 20px 32px;
    }
    .project__images-item{
        padding: 0;
    }

    .project__related{
        font-size: 28px;
        padding: 60px 20px;
    }
    .related-projects__title{
        margin-bottom: 24px;
        font-size: 28px;
    }
    .related-project__item--prev{
        display: none;
    }
    .designic-col-6-7-8-9.related-project__item.related-project__item--next{
        width: 100%;
    }

    .project__image--first{
        margin-bottom: 20px;
    }
    .project__article-post{
        position: relative;
        margin-top: 0;
    }

    .project__images.slick-slider .project__images-item{
        margin-left: 20px;
        margin-right: 20px;
    }
    .project__images.slick-slider .project__images-item:last-child{
        margin-right: 20px;
    }

    div#content {
        padding-top: 90px;
    }
    a.waves-effect.waves-light.site-branding__link svg {
        width: 100%;
    }

    .modal-form-custom {
        max-width: 100%;
        min-width: 100%;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
      }
      .modal-form-custom .modal-header__title {
        font-size: 28px;
        font-weight: 500;
      }
      .modal-form-custom .modal-content {
        margin-top: 104px;
        justify-content: start;
        flex-direction: column;
      }
      .modal-form-custom .input-field.form-item.form-item__radio {
        width: 100%;
      }
      .modal-form-custom .form-privacy span {
        font-size: 16px;
      }
      .modal-form-custom .input-field.form-item.form-item__radio span:before,
      .modal-form-custom .input-field.form-item.form-item__radio span:after {
        top: 0;
      }

}

@media(max-width: 767px){
    h1{
        font-size: 3rem;
    }
    h2{
        font-size: 2rem;
    }
    .article__text h2,
    .article__text h2 *,
    .article__text h3,
    .article__text h3 *,
    .article__text h4,
    .article__text h4 *{
        font-size: 28px;
        white-space: break-spaces;
    }
    .title{
        word-break: break-word;
    }
    .login,
    .user.user--header{
        display: none;
    }
    .site-footer{
        padding-bottom: 2rem;
    }
    .archive__row{
        flex-direction: column-reverse;
    }
    .archive__sidebar{
        margin-bottom: 2rem;
    }
    .office-content{
        margin: 2rem auto;
        max-width: 100%;
    }
    .row .col.contact__block{
        padding: 0;
    }
    .card.card--big .tags .chip:not(:first-child){
        display: none;
    }
    .col.site-footer__column.site-footer__logo{
        justify-content: center;
    }

    .site-header__actions .btn-fill{
        line-height: 1;
        font-size: 12px;
    }

    article.designic-col-6-7-8-9.related-project__item.related-project__item--next  picture, 
    article.designic-col-6-7-8-9.related-project__item.related-project__item--next img{
        height: 190px;
    }

    .not-found__title {
        font-size: 96px;
    }
    .not-found__subtitle{
        font-size: 28px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .not-found__text{
        margin-bottom: 32px;
        font-size: 16px;
    }
}
@media(max-width:500px){
    .site-header__actions .btn-fill .icon{
        display: none;
    }
}
@media(max-width:767px){
.site-header__actions .btn-fill{
        padding: 8px 12px;
        font-size: 12px;
    }
}
@media(max-width:767px){
    .site-header__actions.designic-col-9{
        gap: 6px;
    }
    .sidenav-trigger{
        height: 28px;
        width: 32px;
        padding-left: 7px;
        padding-bottom: 2px;
    }
}
@media(max-width:767px){
    .site-branding.designic-col-1-2{
        max-width: calc(100% - 190px);
    }
}
@media(max-width: 300px){
    .site-header__actions .btn-fill{
        display: none;
    }
    .site-branding.designic-col-1-2{
        max-width: calc(100% - 40px);
    }
}


/* Andrei popup fix START */
 .modal-content{
    margin-top: 0px;
    height: fit-content;
  }
.modal-content.open {
    display: flex!important;
}
 .modal-form-close {
    width: 32px;
    height: 32px;
    background-color: #dad4b2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s;
}
 .modal-form-close:hover {
    background-color: #544b71;
    transition: 0.3s;
}
 .modal-form-close svg {
    width: 18px;
    height: 18px;
}
.modal-form-close:hover svg path,  
.modal-form-close:focus svg path{
    stroke: #fff;
    transition: 0.3s;
}
 .modal-form-close svg path,  
 .modal-form-close:focus svg path{
    stroke: #181E34;
    transition: 0.3s;
}

 .input-field input{
    padding: 0!important;
    padding-bottom: 3px!important;
    padding-left: 4px !important;
    margin: 0!important;
    box-sizing: border-box;
  }
.modal-form-custom {
  justify-content: center;
  align-items: center;
}

@media (max-width: 1791px) {
   .modal-form__desc {
    font-size: 16px;
    max-width: 344px;
  }
  h2.cta-form__title.modal-header__title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
   .modal-form__desc {
    font-size: 18px;
    max-width: 100%;
  }
  h2.cta-form__title.modal-header__title {
    font-size: 28px
  }
  .modal-form-close {
    top: 24px;
    right: 28px;
  }
   .modal-form__desc {
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 7px;
  }
  .modal-form-custom .modal-form__desc{
    max-width: 100%;
    margin: 24px auto;
  }
   .input-field {
    margin: 0;
    margin-top: 17px!important
  }
   .row.form-row.form-row__radio,
   .modal-form-custom .row.form-row.form-row__radio {
    margin-top: 28px;
  }
   .input-field.form-item.form-item__radio span:before,  .input-field.form-item.form-item__radio span:after {
    width: 20px;
    height: 20px;
  }
   [type="radio"]:not(:checked)+span, 
   [type="radio"]:checked+span {
    padding-left: 32px!important
  }
   .row.form-row.form-row__radio .form-item.input-field {
    margin-top: 0px!important
  }
   .form-privacy {
    margin-top: 40px;
  }
   .form [type="checkbox"].filled-in + span {
    padding-left: 32px;
  } 
}
/* Andrei popup fix end */
@media(min-width: 2000px){
    .designic-offset-7-8.site-footer__language{
        margin-left: 8.18%;
    }
    .designic-offset-7-8.site-footer__menu--2{
        margin-left: 7%;
    }

    .cta-project img.responsive-img,
    .cta-project picture,
    .cta-form__header img.responsive-img,
    .cta-form__header picture{
        width: 100%;
        max-width: unset;
    }

    .blog .card{
        min-height: 60rem;
    }
}

/*MacOS fix*/
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1279px) {
    html,
    body,
    .site-header nav.site-menu > ul > li > a,
    .material-tooltip,
    .btn-fill,
    .btn-outline,
    .input-field>input,
    input:not([type]), 
    input[type=text]:not(.browser-default), 
    input[type=password]:not(.browser-default), 
    input[type=email]:not(.browser-default), 
    input[type=url]:not(.browser-default), 
    input[type=time]:not(.browser-default), 
    input[type=date]:not(.browser-default), 
    input[type=datetime]:not(.browser-default), 
    input[type=datetime-local]:not(.browser-default), 
    input[type=tel]:not(.browser-default), 
    input[type=number]:not(.browser-default), 
    input[type=search]:not(.browser-default), 
    textarea.materialize-textarea,
    .input-field>label,
    .input-field.col>label,
    .input-field .prefix,
    .page__nav .page__nav-title,
    .article__nav-title,
    .article__nav-list > ul > li a,
    .page__nav .page__nav-list-item,
    .article__nav-list > ul > li > ul > li > a,
    .article__nav-list > ul > li > ol > li > a,
    .page-container .page__content p,
    .page-container .page__content *,
    .article__text,
    .article__text p,
    .article__text *,
    .article__text h2,
    .article__text h2 *,
    .page-container .page__content h1,
    .page-container .page__content h2,
    .article__text h1,
    .article__text h1 *,
    .page-container .page__content h4,
    .article__text h4,
    .article__text h4 *,
    .page-container .page__content h5,
    .page-container .page__content h5 *,
    .site-header nav.site-menu > ul > li > a,
    .title__block .title,
    .title__block .subtitle,
    .card.card--mini .card-title,
    .card.card--mini .card__text,
    .card.card--mini .text-link.card__textlink,
    .breadcrumbs-item span,
    a.breadcrumbs-item span,
    .cta.cta--inline .cta__title,
    .cta.cta--inline .cta__title *,
    .cta.cta--inline .cta__button,
    .cta.cta--inline .cta__button span,
    .cta-form__header .cta-form__title,
    .cta-form__body .cta-form__title,
    .cta-form__footer .cta-form__title,
    .cta-form__footer .cta-form__text,
    .show-more__btn,
    .row.form-row__radio .form-item__radio label,
    .row.form-row__radio .form-item__radio label span,
    .form-privacy,
    .success-block__text,
    .site-footer__menu .menu .menu-item a,
    .site-footer__menu .menu .menu-item a span,
    .footer-group__title,
    .site-footer__language .language-switcher,
    .site-footer__copyright > span,
    .site-footer__copyright > a,
    .modal-form-custom .row.form-row__radio .form-item__radio label span,
    .modal-form-custom .modal-header__title,
    .modal-form-custom .modal-form__desc,
    .modal-form-custom .form-privacy span,
    .modal-form-close,
    .modal-form-custom .modal-form-close,
    .article__content > .article__date,
    .article__title .tags .tag,
    .article__info-title,
    .article__info-value,
    .slider-nav__counter,
    .related-projects__title,
    .related-project__meta,
    .related-project__title,
    .not-found__title,
    .not-found__subtitle,
    .not-found__text,
    .page--contact .page-title .title,
    .page--contact .page-title .subtitle,
    .page--contact .contact-information__title,
    .contact-information__text,
    .contact-information__item,
    .contact__group-item,
    .contact-parnters__title,
    .contact-parnters__content,
    .contact__group-title,
    .project__header-date,
    .project__number,
    .project__short_desc,
    .project__authors .block-title,
    .project__authors-item,
    .blog .title.title--main,
    .blog__title .subtitle,
    .blog .card .card-header,
    .blog .card .card__text,
    .blog .card .card__text p,
    .blog .card .card__text .card__textlink,
    .blog__filters-categorys .cat-item,
    .blog__filters-categorys__separator,
    .btn-search,
    .search-info__text,
    .search-info__count,
    .blog__filters .tag,
    .filter-clear,
    .blog .card .tags .tag,
    .blog__empty,
    .blog__search-empty__title,
    .blog__search-empty__subtitle,
    .col.s12.m12.l6.project__header-col.project__short_desc p,
    .col.s12.m12.l6.project__header-col.project__short_desc p,
    .project__article-text p,
    .project__article-text *,
    .form-line-form h2,
    .form-line-form p,
    .form-line-form a,
    .form [type="checkbox"].filled-in + span,
    .cta-project__text{
        font-size: 0.99em;
        -webkit-font-smoothing: antialiased;
    }
    .blog .title.title--main{
            font-size: 8vw;
    }
    .designic-offset-7-8.site-footer__language{
        margin-left: 8.1%;
    }
    .blog .card{
        min-height: 360px;
    }
    .blog .card .card-title,
    .site-footer__description,
    .footer-group__phone, 
    .footer-group__email{
        font-size: 18px;
        -webkit-font-smoothing: antialiased;
    }
    .project__header-info .title{
        font-size: 40px;
    }
    .project__authors .block-title,
    .cta-project__title,
    .article__title .title{
        font-size: 24px;
    }
    .related__header-title{
        font-size: 36px;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1450px){
    .blog .card .card-title{
        font-size: 22px;
    }
    .site-footer__description,
    .footer-group__phone, 
    .footer-group__email{
        font-size: 18px;
    }
    .project__header-info .title{
        font-size: 50px;
    }
    .project__authors .block-title,
    .cta-project__title,
    .article__title .title{
        font-size: 36px;
    }
    .related__header-title{
        font-size: 48px;
    }
}