/* ------ Fonts ------- */
@font-face {
  font-family: 'OrpheusPro';
  src: url('../fonts/OrpheusPro/OrpheusPro.eot'); /* IE9 Compat Modes */
  src: local('OrpheusPro'), local('OrpheusPro'), url('../fonts/OrpheusPro/OrpheusPro.woff2') format('woff2');/* Super Modern Browsers */
  font-display: swap;
  src: url('../fonts/OrpheusPro/OrpheusPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/OrpheusPro/OrpheusPro.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/OrpheusPro/OrpheusPro.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/OrpheusPro/OrpheusPro.svg#OrpheusPro') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NeueHaasUnica-ExtraLight';
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.eot'); /* IE9 Compat Modes */
  src: local('NeueHaasUnica-ExtraLight'), local('NeueHaasUnica-ExtraLight'), url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.woff2') format('woff2');/* Super Modern Browsers */
  font-display: swap;
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.svg#NeueHaasUnica-ExtraLight') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NeueHaasUnica-Light';
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.eot'); /* IE9 Compat Modes */
  src: local('NeueHaasUnica-Light'), local('NeueHaasUnica-Light'), url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.woff2') format('woff2');/* Super Modern Browsers */
  font-display: swap;
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Light.svg#NeutraText-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NeueHaasUnica-Regular';
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot'); /* IE9 Compat Modes */
  src: local('NeueHaasUnica-Regular'), local('NeueHaasUnica-Regular'), url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff2') format('woff2');/* Super Modern Browsers */
  font-display: swap;
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Regular.svg#NeueHaasUnica-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'NeueHaasUnica-Medium';
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.eot'); /* IE9 Compat Modes */
  src: local('NeueHaasUnica-Medium'), local('NeueHaasUnica-Medium'), url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.woff2') format('woff2');/* Super Modern Browsers */
  font-display: swap;
  src: url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NeueHaasUnica/NeueHaasUnica-Medium.svg#NeueHaasUnica-Medium') format('svg'); /* Legacy iOS */
}


body {
  font-family: 'NeueHaasUnica-Light', sans-serif;
  color: #000;
  font-size: 18px;
  padding: 0;
  margin: 0;

}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

div, p, form, input, a, span, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input, input:hover, input:focus, input:active,
button, button:hover, button:focus, button:active {
  outline: none;
}

body .elementor-widget-text-editor {
  color: #000;
}

p, li {
  font-family: 'NeueHaasUnica-Light', sans-serif;
  margin: 0;
}

p:last-child, li:last-child {
  margin-bottom: 0;
}

.content li {
 margin-bottom: 20px;
}

.elementor-widget {
  font-size: 18px;
  line-height: 1.56em;
  letter-spacing: 0.001em;
  margin-bottom: 1.15em;
}

strong, b {
  font-family: 'NeueHaasUnica-Regular', sans-serif;
}

li::marker {
  color: inherit;
}

li {
  display: list-item;
}

ul, li {
  display: block;
  padding: 0;
  margin: 0;
}

ul, ol {
  padding-left: 1em;
}

ul > li, ol > li {
  display: list-item;
}

div, input, a, span, button, li {
  font-family: 'NeueHaasUnica-Light', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}

.elementor-widget-heading .elementor-heading-title {
  color: #000;
  letter-spacing: 0.014em;
  font-weight: 500;
  font-family: 'OrpheusPro', sans-serif;
  line-height: 1.3em;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 39px; 
}

h3 {
  font-size: 38px;
}

h4 {
  font-size: 36px;
}

h5 {
  font-size: 33px;
}

h6 {
  font-size: 30px;
}

.no-scroll {
  overflow: hidden;
}

.d-flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.justify-content-center {
    justify-content: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.justify-content-end {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.justify-content-around {
    justify-content: space-around;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
}

.align-items-center {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.align-items-end {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end; 
}

.align-items-start {
   -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; 
}

.flex-wrap {
    display: -webkit-flex; 
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

@media (max-width: 1023px) {
    .col-xs-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.height-100 {
    height: 100%!important;
}

#latest-news {
  display: none;
}

@media screen and (max-width: 768px) {

    .height-100 {
        height: auto !important;
    }
}

/* ------ Header ------- */



.middle-xs {
    align-items: center;
}
.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.between-xs {
    justify-content: space-between;
}


.nav__header-logo {
    transition: .3s ease;
}

.nav__header-logo--blue {
    opacity: 1;
}


.nav__header-logo--white {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.nav__header-logo--white {
    position: absolute;
}




.imc-nav--white .nav__header-logo--blue {
    opacity: 0;
}

.imc-nav--white .nav__header-logo--white {
    opacity: 1;
}

.imc-nav--white .nav__list > li > a {
            color: #fff;
        }

    .imc-nav--white .nav__list  .menu-item-has-children:after {
         background-image: url(/img/icons/svg_dropdown_arrow-white.svg);
     }


.imc-nav--white .nav__toggle:after {
    content: url(/img/icons/svg_mobile_burger_menu.svg);
}




 .nav__toggle {
    cursor: pointer;
    z-index: 9999;
        display: none;
    }





/* Скрыто по умолчанию */

/* Показываем подменю при .open */

/* Для мобильной анимации (slideToggle) */
@media (max-width: 1023px) {



      .imc-nav.open .nav__list > li {
        width: 100%;
        position: relative;
        padding: 19px 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, .19);
    }

    .imc-nav.open .nav__list > li > a {
            font-size: 20px;
        }

    .imc-nav.open .nav__list .sub-menu a {
            font-size: 18px;
    }

    .imc-nav.open  .nav__list .menu-item-has-children:after {
        position: absolute;
                top: 15px;
            right: 0;
            width: 30px;
        height: 12px;
    }

    .imc-nav.open .nav__list .sub-menu > li {
        border-bottom: none;
    }

     .nav__list .sub-menu.open {
            width: 100%;
        position: relative;
        padding: 33px 33px 20px;
        background: #024276;
        margin-top: 22px;
        border-top: 1px solid hsla(0, 0%, 100%, .19);
    }




    .nav__menu-container {
            position: relative;
            height: 100%;
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            padding-top: 81px;
            z-index: 999;
        }


          .sub-menu {
            position: static;
            display: none; /* управляется JS */
            box-shadow: none;
          }

          .menu-item-has-children.open > .sub-menu {
            display: block;
          }

              .nav__toggle {
                display: block;
            }

          
        .nav__menu {
            background-color: #084c83;
            visibility: hidden;
            height: 0;
            overflow: hidden;
            width: 100%;
            transition: height .3s ease, visibility .3s ease;
            position: fixed;
            left: 0;
            top: 0;
            padding: 60px 23px 0 23px;
            z-index: 999;
        }


}





.imc-nav.open .nav__menu {
    visibility: visible;
    height: 100vh;

}





.imc-nav.open .nav__toggle:after {
    content: url(/img/icons/svg_mobile_close.svg);
}





  .nav__list .sub-menu.open {
    opacity: 1;
   visibility: visible;
}

    .nav__list .sub-menu {
        border: none;
        margin-top: 0;
        background: #084c83;
        position: absolute;
        display: block;
        opacity: 0;
        visibility: hidden;
            margin-top: 12px;
        padding: 15px 26px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        transition: .3s ease;
    }



  .nav__list .sub-menu a {
font-family: 'NeueHaasUnica-Light', sans-serif;
        font-size: 14px;
        white-space: nowrap;
        color: #fff;
        text-decoration: none;
    }

      .nav__list .sub-menu a:hover {
        text-decoration: underline;
    }



       .nav__list .sub-menu > li {
        padding: 11px 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, .19);
    }

         .nav__list .sub-menu > li:last-child {
        border-bottom: none;
    }

.nav__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nav__header-link img {
    width: 100%;
}

.imc-nav.fixed {
    background: #fff;
}





    .imc-nav {
        padding-bottom: 44px;
    }



.imc-nav {
    background-color: transparent;
    z-index: 999;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: .3s ease;
}


.nav__list > li > a {
            color: #000;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'NeueHaasUnica-Regular', sans-serif;
    }

    .nav__list > li  {
            position: relative;
        margin-right: 45px;
    }

    .nav__header-link {
        position: relative;
        max-width: 233px;
            z-index: 9999;
    }

    .nav__list .menu-item-has-children.open:after {
        transition: 0.3s ease;
        transform: translateY(50%) scaleY(-1);
      }

@media screen and (max-width: 1023px) {

        .imc-nav {
        padding-bottom: 20px;
    }

        .nav__header {
        width: 100%;
    }

    .nav__header-link {
        max-width: 156px;
    }


}


@media screen and (max-width: 1200px) {
    .nav__list > li {
        margin-right: 25px;
    }
}

        .nav__list li {
            list-style-type: none;
        }

        .nav__list li:last-child  {
        margin-right: 0px;
    }


    .imc-nav__content-wrapper {
            width: 100%;
        padding: 44px 80px 0;
    }

@media screen and (max-width: 1023px) {

     .imc-nav__content-wrapper {
        padding: 33px 23px 0;

    }

}

  

    .nav__list  .menu-item-has-children:after {
        position: relative;
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        top: 50%;
        transform: translateY(50%);

        display: inline-block;
         background-image: url(/img/icons/svg_dropdown_arrow.svg);
        
        width: 15px;
        height: 7px;
        margin-left: 7px;
        margin-bottom: 5px;
    
    }






.nav__toggle {
    outline: none;
    background: transparent;
    border: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.nav__toggle:after {
    content: url(/img/icons/svg_mobile_burger_menu-black.svg);
}

/* ------ Footer ------- */

.imc-footer {
        padding: 60px 0 40px;
        background: #000;
    }

    .mobile-padding {
        padding: 0 80px;
    }

    .page-width--lg {
    max-width: 1680px;
}

.footer__legal-wrapper {
    color: #848484;
}

.imc-footer__copy {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.2em;
    margin: 0;
        letter-spacing: 0.015em;
            line-height: 1.85em;
}

.imc-footer__address {
    opacity: .65;
    margin: 7px 0 39px;
}
 

.imc-footer__nav > li > a {
    color: #fff;
    -webkit-text-decoration: 1px solid underline;
    text-decoration: 1px solid underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    transition: .3s ease;
}

    .imc-footer__nav-item {
        margin-bottom: 15px;
    }

    .imc-footer__nav {
    -moz-columns: 2;
    column-count: 2;
    padding: 0;
    list-style: none;
    margin: 0;
    width: auto;
}

.imc-footer__contact-info-title {
    opacity: .8;
    font-weight: 400;
}

.copy--sixteen {
       font-family: 'NeueHaasUnica-Light', sans-serif;
    margin: 0;
    font-size: 16px;
        line-height: 1.625;
        letter-spacing: 0.015em;
}

.imc-footer__contact-info
 {
    max-width: 37%;
    color: #fff;
}

 .imc-footer__links-and-info-wrapper {
    width: 100%;
 }

.imc-footer__nav > li > a, .imc-footer__address a {
    color: #fff !important;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.imc-footer__nav > li {
        margin-bottom: 15px;
}

.imc-footer__nav > li {
    opacity: .7;
    font-size: 16px;
       line-height: 1.4em;
}

    .imc-footer__legal-link {
        margin-right: 0;
        margin-left: 10px;
    }

    .imc-footer__legal-link {
    color: #848484;
    transition: .3s ease;
}

    .footer__legal-links-wrapper {
        text-align: right;
    }

        .footer__legal-row {
        padding-top: 60px;
    }

    .imc-footer__nav > li >a:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}

.imc-footer__desktop-link:focus, .imc-footer__desktop-link:hover {
    opacity: .5;
}

.imc-footer__legal-link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

 .imc-footer__address a:hover {
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
}

    .imc-footer__mobile-link {
        display: none;
    }

@media screen and (max-width: 1023px) {

    .imc-footer__links-and-info-wrapper {
        margin: 20px 0 0;
    }

    .mobile-padding {
        padding: 0 23px;
    }


}


@media screen and (max-width: 768px) {
    .footer__legal-wrapper {
        color: #848484;
        max-width: 272px;
        margin-bottom: 18px;
    }

    .imc-footer__nav {
        width: 100%;
    }

    .imc-footer__mobile-link {
        display: block;
        width: 100%;
        margin-top: 45px;
    }

        .imc-footer__desktop-link {
        display: none;
    }

    .footer__legal-links-wrapper {
        text-align: left;
    }

    .imc-footer__legal-link {
        color: #848484;
        transition: .3s ease;
        margin-right: 10px;
        margin-left: 0;
    }

    .imc-footer__contact-info {
    max-width: 238px;
    margin-top: 30px;
    color: #fff;
}


}


/* ------ aspect-ratio Image ------- */

.background-blue {
position: relative!important;
    z-index: 1!important;
}




.background-blue:before  {
        content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 530px !important;
    left: 0 !important;
    z-index: -2;
    width: 100% !important;
    height: 63% !important;
    background-color: #eef2f6 !important;
}

@media screen and (max-width: 1023px) {

    .background-blue:before {
        top: 450px !important;
        width: 100% !important;
        height: 84%!important;
    }

}

.aspect-ratio {
width: 100%!important;
    padding-top: 70%;
    position: relative!important;
  }

.aspect-ratio > div {
    position: absolute!important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;

}

.aspect-ratio > .elementor-widget-container > img {
 display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;

}

/* ------ Style post-links ------- */
.post-links__return-button, .post-links__share-modal-button {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    outline: none;
    text-decoration: none;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    color: #084c83;
    position: relative;
    padding: 0;
    transition: .3s ease;
    letter-spacing: 0.01em!important;
}

    .post-links__return-button .previous-icon, .post-links__share-modal-button .previous-icon {
        margin-right: 15px;
    }

.post-links__return-button .previous-icon, .post-links__share-modal-button .previous-icon {
    transition: .3s ease;
    margin-right: 1rem;
}

.post-links__return-button:focus, .post-links__return-button:hover, .post-links__share-modal-button:focus, .post-links__share-modal-button:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}


.post-links__return-button:focus .previous-icon, .post-links__return-button:hover .previous-icon, .post-links__share-modal-button:focus .previous-icon, .post-links__share-modal-button:hover .previous-icon {
    opacity: 0;
}

.post-links__return-button:focus .after-icon, .post-links__return-button:hover .after-icon, .post-links__share-modal-button:focus .after-icon, .post-links__share-modal-button:hover .after-icon {
    opacity: 1;
}

.post-links__return-button:hover, .post-links__return-button:focus {
    text-decoration: underline;
  }


.post-links__return-button .after-icon, .post-links__share-modal-button .after-icon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease;
}

/* ------ Style button footer ------- */
.button--round.button--green {
    color: #000;
    background-color: #20e58f;
}


.button-text {
    position: relative;
    z-index: 1;
    font-weight: 500;
      font-family: 'NeueHaasUnica-Regular', sans-serif;
}

.button--round.button--green:hover {
    background-color: #fff;
}

.button--round {
    text-align: center;
    background-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    outline: none;
    text-decoration: none;
    transition: .3s ease;
    padding: 16px 47px;
    border-radius: 28px;
    font-weight: 500;
}

@media screen and (max-width: 1023px) {

    .button--round.button--green {
        font-size: 14px!important;
        padding: 12px 40px!important;
    }
}

/* ------ Style Contact form 7 ------- */

.contact-form-block__form {
    background: #e7edf3;
    padding: 42px 60px 50px 60px;
}

    .contact-form__title {
        font-family: 'OrpheusPro', sans-serif;
        font-size: 32px;
        line-height: 1.3em;
        margin-bottom: 20px;
    }

.contact-form__input-label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.contact-form__input {
    width: 100%;
    border: none;
        height: 30px;
        padding: 1px 2px;
}

.contact-form__input-wrapper {
        margin-bottom: 36px;
    }

.contact-form__textarea {
    border: none;
    height: 147px;
    width: 100%;
}

.contact-form-block__team-member-contact {
    font-size: 18px;
}

.contact-form__submit-wrapper {
    margin-top: 54px;
}

.contact-form__submit-label {
    font-size: 16px;
}

.contact-form__submit-button {
    display: inline-block;
}

.contact-form-block__form-wrapper {
        margin-bottom: 20px!important;
}



textarea {
    overflow: auto;
    vertical-align: top;
}

.wpcf7-list-item-label {
    font-size: 14px;
        font-weight: 500;
}

.wpcf7-spinner {
    margin: 0 4px;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-acceptance label {
    display: flex

}

.wpcf7-acceptance input {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}




.maps-marker__title {
        font-size: 15px!important;
        display: block;
    font-weight: bold!important;
    margin: 15px 0!important;

}

@media screen and (max-width: 567px) {

    .contact-form-block__form {
        padding: 0 20px 0 20px!important;
    }

}

/* ------ Style button Circle ------- */

.button--circle:focus:before, .button--circle:hover:before {
    background-position: 100%;
}

.button--circle.button--white {
    color: #fff;
}

.button--circle {
        font-size: 18px;
        font-weight: 500;

        height: 61px;
        padding: 0 20px 0 0;
    }

.button--circle {
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    background-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    outline: none;
    text-decoration: none;
 
    transition: .3s ease;
    background: #084c83;
    display: inline-block;
    position: relative;
    background: transparent;
    display: flex;
    align-items: center;
    min-width: auto;
}


.button--circle:before {
width: 65px;
    height: 61px;
    margin-right: 20px;
    content: "";
    background: url(/img/icons/svg_buttonarrow.svg) center center no-repeat;
background-size: 16px;
    border-radius: 50px;
    display: block;
    z-index: 1;
    transition: .3s ease;
}

.button--circle:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50px;
    width: 61px;
    height: 61px;
    border: 2px solid #20e58f;
    background: #20e58f;
    left: 0;
    transition: .5s ease;
    z-index: 0;
}

.button--circle:focus:after, .button--circle:hover:after {
    width: 100%;
    border-radius: 50px;
}

.button--circle:focus:before, .button--circle:hover:before {
    background-position: 100%;
}

.button--circle.button--black, .button--circle.button--white:focus, .button--circle.button--white:hover {
    color: #000;
}

@media screen and (max-width: 1023px) {

    .button--circle {
        font-size: 14px;
    }

    .button--circle:before {
        width: 40px;
        height: 40px;
        margin-right: 9px;
        background-size: 12px;
    }

    .button--circle:after {
        width: 40px;
        height: 40px;
    }


}

/*  Modal */



.modal.modal--is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.post-share-modal {
    background: hsla(0, 0%, 100%, .5);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.modal {
    position: fixed;
    z-index: 9999;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s, visibility .3s;
    overflow: hidden;
}

.modal, .nav__header-logo--white {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.post-share-modal__content-wrapper {
    background: #fff;
        box-shadow: 1px 1px 15px #c4c4c4;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 55px 90px 33px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: auto;
}

.post-share-modal__close-button {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: none;
    outline: none;
    text-decoration: none;
    font-family: neue-haas-unica;
    transition: .3s ease;
    background-image: url(/img/icons/svg_mobile_close-grey.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .article__social-link {
        font-size: 24px;
    }

@media screen and (max-width: 768px) {

    .article__social-link {
            font-size: 20px;
        }

    .post-share-modal__content-wrapper {
        padding: 50px 45px 33px 50px;
    }

    .post-share-modal__content-wrapper {
        width: calc(100% - 30px);
    }

}



.article__social-link {
    display: flex;
    align-items: center;
    color: #666;
    -webkit-text-decoration: 1px solid underline;
    text-decoration: 1px solid underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    margin-bottom: 22px;
}


.social-icon {
    margin-right: 14px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.article__social-link:focus .social-icon-path, .article__social-link:hover .social-icon-path {
    fill: #20e58f;
}

.article__social-link:focus, .article__social-link:hover {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}