body > div:not(.overfooter) {
  /*display: none;*/
}

.about-section .description {
  padding: 60px 30px 60px calc(50% - 1424px/2);
}
.double-block.yellow .blocks .text {
  padding-right: calc(50% - 1424px/2);
}
.double-block.blue .blocks .text {
  padding-left: calc(50% - 1424px/2);
}

@media only screen and (max-width: 1860px) {
 
  .about-section li {
    font-size: 20px;
  }
  .about-section li strong {
    font-size: 60px;
  }
  .about-section li b {
    font-size: 24px;
  }
  .about-section h3 {
    font-size: 32px;
  }
  .double-block {
    padding-top: 60px;
  }
  .double-block .heading h3 {
    margin-bottom: 14px;
    font-size: 42px;
  }
  .double-block .heading {
    font-size: 24px;
  }
  .double-block .image {
    width: 44%;
  }
  .double-block .text {
    width: 56%;
  }
  .double-block.yellow .blocks .text {
    padding-left: 60px;
  }
  .double-block.blue .blocks .text {
    padding-right: 60px;
  }
  .middle-2 {
    padding: 80px 0;
  }
  .overfooter .right .link {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1740px) {
  .main h1 {
    font-size: 64px;
  }
  .main h2 {
    font-size: 26px;
  }
  .main {
    height: 100vh;
    box-sizing: border-box;
  }
  .about-us .frame h3 {
    font-size: 150px;
  }
  .about-us .frame {
    font-size: 32px;
    padding-left: 80px;
  }
  .about-us .frame h3 span {
    font-size: 75px;
  }
  .ask-to-action .action h4 {
    font-size: 46px;
    margin-bottom: 42px;
  }
  .ask-to-action .ask h3 {
    font-size: 42px;
    margin-bottom: 26px;
  }
  .ask-to-action .ask p:not(:last-child) {
    margin-bottom: 24px;
  }
  .ask-to-action .action .heading {
    margin-bottom: 60px;
  }
  .ask-to-action .action > ul > li h5 {
    font-size: 28px;
    padding: 22px;
  }
  .ask-to-action .action > ul > li .answer {
    font-size: 20px;
    padding: 24px 24px 24px 22px;
  }
  .ask-to-action .ask {
    font-size: 24px;
  }
  .ask-to-action .action {
    padding-top: 60px;
  }
  .ask-to-action {
    padding: 60px 0;
  }

  .video-section h3 {
    margin-bottom: 60px;
  }
  .video-section {
    padding: 80px 0;
  }
  .map .inside .caption h3 {
    margin-bottom: 20px;
    font-size: 32px;
  }
  .map .inside .caption {
    right: 60px;
    font-size: 18px;
    width: 460px;
  }
  .interactive-list {
    padding: 60px 0;
  }
  .interactive-list .heading h3 {
    font-size: 42px;
    margin-bottom: 24px;

  }
  .interactive-list .heading {
    font-size: 24px;
    padding: 0 100px;
    margin-bottom: 40px;
  }
  .interactive-list .list .right .heading-el {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .interactive-list .list .right h3 {
    padding: 14px 0;
    font-size: 24px;
    margin-bottom: 24px;
  }
  .interactive-list .list .left {
    width: 500px;
    font-size: 24px;
    padding-top: 20px;
  }
  .interactive-list .list .right {
    width: 600px;
        font-size: 20px;
    padding-right: 0;
  }
  .interactive-list .list .right .heading-el p {
    width: 400px;
  }
  .interactive-list .list .right .heading-el .ico img {
    width: 90px;
  }
  .interactive-list .list .right .heading-el .ico {
    width: 100px;
    height: 100px;
  }
  .interactive-list .list .right p {
    margin-bottom: 20px;
  }
  .interactive-list .list .left li .heading-small {
    margin-bottom: 6px;
    padding: 10px;
  }
  .interactive-list .list .left li.active:after {
    right: 14px;
  }
  .double-block .text {
    padding-bottom: 40px;
  }
  .middle-2 {
    padding: 60px 0;
  }
  .middle-2 h3 {
    font-size: 32px;
    line-height: 1.35;
  }
  .middle-2 p {
    font-size: 24px;
  }
  .overfooter .left img {
    width: 120px;
  }
  .overfooter .right .img img {
    width: 80px;
  }
  .overfooter .right .link {
    font-size: 26px;
  }

}

@media only screen and (max-width: 1500px) {
  .inside {
    width: 1200px;
  }
  .main h1 {
    margin-bottom: 24px;
    font-size: 56px;
  }
  .main .caption {
    width: 700px;
  }
  .main-middle {
    padding: 60px 0;
    font-size: 26px;
  }
  .main-middle h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .about-us .frame h3 {
    font-size: 120px;
  }
  .about-us .frame {
    padding-left: 50px;
    font-size: 24px;
  }
  .about-us .frame small {
    font-size: 18px;
    margin-top: 20px;
  }

  .ask-to-action .action h4 {
    font-size: 36px;
    margin-bottom: 30px;
  }
  .ask-to-action .action .heading {
    font-size: 24px;
  }
  .ask-to-action .action > ul > li h5 {
    font-size: 24px;
  }
  .ask-to-action .ask h3 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .ask-to-action .ask p:not(:last-child) {
    margin-bottom: 20px;
  }
  .ask-to-action .ask {
    font-size: 20px;
  }
  .video-section h3 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  .video-section {
    padding: 60px 0;
  }
  .about-section li {
    gap: 20px;
  }
  .about-section .description {
    padding-left: calc(50% - 1160px/2);
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .about-section li .ico img {
    width: 80px;
  }
  .about-section li .ico {
    width: 80px;
  }
  .about-section li .txt {
    width: 448px;
  }
  .about-section li strong {
    font-size: 52px;
    margin-right: 4px;
  }
  .about-section li b {
    font-size: 20px;
  }
  .about-section h3 {
    font-size: 28px;
  }
  .about-section li:not(:last-child) {
    margin-bottom: 40px;
  }
  .interactive-list .heading h3 {
    font-size: 36px;
  }
  .double-block {
    font-size: 24px;
  }
  .double-block.yellow .blocks .text {
    padding-right: calc(50% - 1160px / 2);
  }
  .double-block.blue .blocks .text {
    padding-left: calc(50% - 1160px / 2);
  }
  .middle-2 h3 {
    font-size: 28px;
  }

  .overfooter .left .text {
    width: 100%;
    margin-top: 14px;
    line-height: 1.35;
  }

  .overfooter .left {
    padding-right: 30px;
    padding-left: calc(50% - 1160px / 2);
  }
  .overfooter .left img {
    width: auto;
  }
  .overfooter .right {
    padding-left: 30px;
    padding-right: calc(50% - 1160px / 2);
  }
  .overfooter .right .link {
    font-size: 24px;
    width: 420px;
  }
  .overfooter .elements {
    justify-content: left;
  }
  .map .countries .country .label {
    font-size: 14px;
    padding: 6px 12px;
  }
  .map .inside .caption h3 {
    font-size: 28px;
  }
  .map .countries .country-14 {
    top: 95%;
  }
  .map .countries .country .description {
    padding: 10px 20px 20px 20px;
    font-size: 18px;
  }
  .map .countries .country .description h6 {
    font-size: 48px;
  }

}
@media only screen and (max-width: 1260px) {
  .about-section li .txt {
      width: 430px;
  }
}
@media only screen and (max-width: 1200px) {
  .inside {
    width: 960px;
  }
  .main {
    padding-bottom: 60px;
  }
  .main h1 {
    margin-bottom: 16px;
    font-size: 42px;
  }
  .main h2 {
      font-size: 20px;
  }
  .main .caption {
    width: 540px;
  }
  .main-middle {
    padding: 40px 0;
    font-size: 22px;
  }
  .main-middle h3 {
    font-size: 28px;
  }
  .about-us .frame h3 {
    font-size: 100px;
    line-height: 1;
    margin-bottom: 12px;
  }
  .about-us .frame h3 span {
    font-size: 50px;
  }
  .about-us .frame .caption {
    width: 400px;
  }
  .ask-to-action .ask h3 {
    font-size: 32px;
    line-height: 1.2;
  }
  .ask-to-action .action .heading{
    padding-left: 0;
    padding-right: 0;
  }
  .ask-to-action .action h4 {
    font-size: 32px;
    line-height: 1.1;
  }
  .ask-to-action .ask h3 {
    width: 280px;
    max-width: 100%;
  }
  .about-section .description {
    padding-left: calc(50% - 920px / 2);
  }
  .about-section h3 {
    font-size: 24px;
  }
  .about-section li .txt {
    width: 330px;
  }
  .about-section li b {
    font-size: 18px;
  }
  .about-section li {
    gap: 10px;
    font-size: 18px;
  }
  .interactive-list .heading {
    padding: 0;
  }

  .interactive-list .list .left {
    width: 400px;
    font-size: 20px;
  }
  .interactive-list .list .right {
    width: 490px;
  }
  .interactive-list .list .right .heading-el {
    font-size: 24px;
  }
  .interactive-list .list .right .heading-el p {
    width: 340px;
  }
  .interactive-list .list .left .ico {
    width: 46px;
    height: 46px;
  }
  .interactive-list .list .left .ico img {
    width: 40px
  } 
  .interactive-list .list .right .heading-el .ico {
    width: 80px;
    height: 80px;
  }
  .interactive-list .list .right .heading-el .ico img {
    width: 66px;
  }
  .interactive-list .list .right {
    font-size: 18px;
  }
  .double-block.yellow .blocks .text {
    padding-right: calc(50% - 920px / 2);
    padding-left: 30px;
  }
  .double-block.blue .blocks .text {
    padding-left: calc(50% - 920px / 2);
    padding-right: 30px;
  }
  .double-block {
    font-size: 20px;
  }
  .double-block p:not(:last-child) {
    margin-bottom: 30px;
  }
  .double-block .heading {
    font-size: 20px;
  }
  .double-block .heading h3 {
    font-size: 36px;
  }
  .double-block .heading {
    margin-bottom: 60px;
  }
  .double-block.yellow .blocks .text {
    padding-left: 30px;
  }
  .middle-2 h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .overfooter .left {
    padding-right: 20px;
    padding: 50px 46px 50px calc(50% - 920px / 2);
  }
  .overfooter .right {
    padding-left: 20px;
    padding-right: calc(50% - 920px / 2);
  }
  .overfooter .right .link {
    font-size: 22px;
    width: 320px;
  }
  .ask-to-action .action > ul > li h5 {
    font-size: 20px;
    padding: 20px;
  }
  .ask-to-action .action > ul > li h5:after {
    background-size: 12px;
    right: 12px;
  }
  .video-section h3 {
    margin-bottom: 28px;
    font-size: 28px;
  }
  .map .countries .country .label {
    font-size: 12px;
    padding: 3px 6px;
  }
  .double-block.blue .blocks .text {
    padding-right: 10px;
  }
  .double-block.yellow .heading .inside,
  .double-block.blue .heading .inside {
    width: 960px;
  }
}

@media only screen and (max-width: 960px) {
  .about-us .frame {
    font-size: 20px;
  }
  .about-us .frame .caption {
    width: 370px;
  }
  .ask-to-action .ask {
    font-size: 18px;
  }
  .about-section h3 {
    margin-bottom: 30px;
    padding-right: 0;
  }
  .about-section .description {
    padding-left: calc(50% - 720px / 2);
  }
  .about-section li .ico {
    width: 54px;
  }
  .about-section li .ico img {
    width: 54px;
  }
  .about-section .description {
    padding-right: 10px;
  }
  .about-section li .txt {
    width: calc(100% - 66px);
  }
  .about-section h3 {
    font-size: 20px;
  }
  .map {
    display: none;
  }
  .interactive-list .heading h3 {
    font-size: 32px;
  }
  .interactive-list .heading {
    font-size: 20px;
  }
  .interactive-list .list .left li .heading-small {
    gap: 12px
  }
  .interactive-list .list .left {
    width: 380px;
  }
  .double-block.yellow .blocks .text {
    padding-right: 20px;
  }
  .double-block.blue .blocks .text {
    padding-left: 20px;
  }
  .double-block p:not(:last-child) {
      margin-bottom: 20px;
  }
  .double-block {
    font-size: 18px;
  }
  .double-block .heading {
    margin-bottom: 30px;
  }
  .double-block .heading h3 {
    font-size: 32px;
  }

  .middle-2 h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 921px) {
  .interactive-list .list .left .tab .desc {
    display: none;
  }
  div.interactive-list .list .left li.active .heading-small:after {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5355 11.4842H1.4646M24.5355 11.4842L14.6479 21.3717M24.5355 11.4842L14.6479 1.59668' stroke='%23F5B2AD' stroke-width='1.9775' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  }
}
@media only screen and (max-width: 920px) {
  .interactive-list .list .left {
    width: 100%;
  }
  .interactive-list .list .left li .desc {
    font-size: 18px;
  }
  .interactive-list .list .left li.tab .heading-small {
    border-top: 2px solid #A32638;
  }
  .image-2 {
    aspect-ratio: 1.5;
  }
  .interactive-list .list .right {
    display: none;
  }
  .interactive-list .list .left li.active .heading-small:after {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.5397 10.8334C27.1534 11.4192 27.1534 12.3689 26.5397 12.9547L17.1112 21.9547C16.4975 22.5405 15.5025 22.5405 14.8888 21.9547L5.46026 12.9547C4.84658 12.3689 4.84658 11.4192 5.46026 10.8334C6.07394 10.2476 7.06891 10.2476 7.68259 10.8334L16 18.7727L24.3174 10.8334C24.9311 10.2476 25.9261 10.2476 26.5397 10.8334Z' fill='%23A32638'/%3E%3C/svg%3E%0A");
  }
  .interactive-list .list .left li .heading-small:after {
    right: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.5397 10.8334C27.1534 11.4192 27.1534 12.3689 26.5397 12.9547L17.1112 21.9547C16.4975 22.5405 15.5025 22.5405 14.8888 21.9547L5.46026 12.9547C4.84658 12.3689 4.84658 11.4192 5.46026 10.8334C6.07394 10.2476 7.06891 10.2476 7.68259 10.8334L16 18.7727L24.3174 10.8334C24.9311 10.2476 25.9261 10.2476 26.5397 10.8334Z' fill='%23A32638'/%3E%3C/svg%3E%0A");
  }
  .overfooter .right,
  .overfooter .left {
    width: 100%;
    padding: 60px 20px; 
    text-align: center;
    justify-content: center;
  }
  .overfooter .elements {
    justify-content: center;
  }
  .overfooter .right .link {
    width: 300px;
    margin-right: 10px;
  }
  .interactive-list .list .left li .heading-small p {
    width: calc(100% - 70px);
  }
  .interactive-list .list .left li .heading-small:after {
    /*right: 10px !important;*/
  }
  .interactive-list .list .left {
    padding-top: 0;
  }
  .interactive-list .list .left li .desc h3 {
    font-size: 22px;
    color: #000;
  }
  .interactive-list .list .left li .desc .more {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 860px) {
  .video-section {
    padding: 50px 0;
  }
  .inside {
    width: 760px;
  }
  .about-us .frame .caption {
    width: 304px;
  }
  .about-us .frame small {
    font-size: 14px;
  }
  .main {
    height: 500px;
  }
  .main h1 {
    font-size: 32px;
  }
  .main h2 {
    font-size: 16px;
    line-height: 1.35;
  }
  .main .caption {
    width: 400px;
  }
  .main-middle {
    font-size: 18px;
  }
  .main-middle h3 {
    font-size: 20px;
  }
  .about-us .frame {
    font-size: 18px;
    padding-left: 30px;
  }
  .about-us .frame small {
    font-size: 16px;
  }
  .about-us .frame h3 span {
    font-size: 32px;
  }
  .about-us .frame h3 {
    font-size: 75px;
  }
  .ask-to-action {
    padding: 40px 0;
  }

  .ask-to-action .action .heading {
    font-size: 18px;
  }
  .ask-to-action .action > ul > li .answer {
    font-size: 18px;
  }
  .ask-to-action .action h4 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .middle-2 p,
  .middle-2 h3 {
    font-size: 18px;
  }
  .interactive-list .heading h3 {
    font-size: 28px;
  }
  .main h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 761px) {
  .image-mobile {
    display: none;
  }
}
@media only screen and (max-width: 760px) {
  .about-section .description {
    padding-left: 20px;
  }
  .main {
    height: 420px;
    padding-bottom: 30px;
  }
  .about-us .frame {
    width: 100%;
  }
  .about-us .frame .caption {
    width: auto;
  }
  .ask-to-action .ask h3,
  .ask-to-action .action,
  .ask-to-action .ask {
    width: 100%;
  }

  .about-section .image {
    order: -1;
    width: 100%;
    height: 360px;
  }
  .about-section .description {
    width: 100%;    
  }
  .interactive-list .heading h3 {
    font-size: 24px;
  }
  .double-block .heading h3 {
    font-size: 26px;
  }

  .double-block .blocks .text {
    width: 100%;
  }
  .double-block .image {
    display: none;
  }
  .double-block .image-mobile {
    width: 100%;
    height: 360px;
  }
  .double-block.blue .image-mobile {
    margin-bottom: 30px;
  }
  .double-block.blue {
    padding-top: 0;
  }
  .double-block.yellow .blocks .text,
  .double-block.blue .blocks .text {
    padding: 30px 20px;
  }

  .double-block .heading {
    margin-bottom: 10px;
  }

  .about-us .frame {
    padding-left: 36px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .about-us {
    justify-content: space-between;
    align-items: flex-end;
    background-size: cover;
    aspect-ratio: unset;
    height: 580px;
  }
  .about-us .frame h3 {
    font-size: 100px;
  }
  .about-us .frame h3 span {
    font-size: 50px;
  }
}
@media only screen and (max-width: 530px) {
  .main {
    height: 526px;
    padding-bottom: 20px;
    background-image: url(../images/main-mobile.jpg);
  }
  .main .caption {
    width: auto;
  }
  .main h1 span br {
    display: none;
  }
  .main h2 {
    font-size: 14px;
  }
  .main h1 {
    margin-bottom: 14px;
    font-size: 26px;
  }
  .interactive-list {
    padding: 40px 0;
  }
  .ask-to-action .ask h3 {
    font-size: 26px;
  }
  .interactive-list .list .left li {
    margin-bottom: 0;
  }
  .interactive-list .list .left li .heading-small:after {
    right: 0px !important;
    background-size: 16px;
  }
  .interactive-list .list .left li.active .heading-small {
    border-top: none;
  }
  .interactive-list .list .left li .heading-small {
    padding: 4px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  .interactive-list .heading h3 {
    font-size: 20px;
  }
  .ask-to-action .action > ul > li h5 {
    font-size: 18px;
  }
  .video-section h3 {
    font-size: 26px;
  }
  .ask-to-action .action .heading {
    margin-bottom: 40px;
  }
}


footer .bottom-section .inner {
  padding-bottom: 34px;
  padding-top: 34px;
}