.footer-social__icons a {
    display: inline-block;
    width: 35px;
    height: 30px;
    cursor: pointer;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #b2b8ba;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px;
}

  .footer-social__icons a:hover {
    color: #fff;
}

.footer-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right:15px
}

@media (min-width: 768px) {
    .footer-wrapper {
        width:750px
    }
}

@media (min-width: 992px) {
    .footer-wrapper {
        width:970px
    }
}

@media (min-width: 1200px) {
    .footer-wrapper {
        width:1170px
    }
}

.row {
    margin-left: -15px;
    margin-right:-15px
}

.footer-wrapper:before, .footer-wrapper:after, .row:before, .row:after {
    content: " ";
    display:table
}

.footer-wrapper:after, .row:after {
    clear:both
}



.footer {
    display: block;
    background: #000;
    padding: 20px 0;
    width: 100%;
    position:relative
}

.footer-nav {
    padding:0 0
}

.footer-nav__item {
    padding-inline-end:30px
}

.products-navigation-item {
    padding-inline-start:16px
}

.footer-nav__title {
    font-size: 16px;
    color: #fff;
    margin: 0 0 24px;
    font-weight: 700;
    white-space:nowrap
}

.footer-nav__list {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight:300
}

.footer-nav__list-item_link-icon {
    display: flex;
    align-items:center
}

.footer-nav__list-item:not(:last-of-type) {
    margin-bottom:10px
}

.footer-nav__list-item a {
    display: block;
    width: fit-content;
    color: #b3b3b3;
    font-size: 14px;
    white-space:normal;
    text-decoration: none;
}

.footer-nav__list-item a:hover {
    color:#ffffff
}

.new-badge__circle {
    position: relative;
    width:fit-content
}

.new-badge__circle::before {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c26f;
    animation:blink 1.5s infinite
}

.new-badge__circle:hover::before {
    animation:none
}

.footer-bottom {
    margin-top:0
}

.footer-brand {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom:none;
      display: flex;
  justify-content: center;
  align-items: center;
}


.footer-brand__logo {
  display: block;
  width: 160px;
  height: 80px; 
  background-image: url('/images/logo-apd-footer-pic-large.png');
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center; 
  filter: grayscale(100%) brightness(1.1); 
  transition: filter 0.3s ease;
}
.footer-brand__logo:hover {
  filter: none;
}

.footer-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 28px 0;
    gap: 10px;
 
}

.footer-copyright {
    display: flex;
    justify-content: center;
    padding-top:28px
}

.footer-copyright .copyright {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    gap:10px
}

.footer-mobile__copyright {
    margin-top:28px
}

.footer-copyright__text {
    text-align: start;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #fff;
}

.footer-copyright__text {
    line-height:20px
}



.footer-social__links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 24px;
    margin-bottom: 28px;
    max-height:50px
}

.footer-accordion {
    display:none
}



@media screen and (max-width: 991px) {
    .social-copyright {
        width: max-content;
        margin-top:30px
    }

    .footer-wrapper {
        width:initial
    }

    .footer--mobile-apps {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin: 0;
        grid-gap:16px
    }

    .footer-accordion {
        display: block;
        margin-inline-start: 16px;
        margin-inline-end:16px
    }

    .footer-desktop {
        display:none
    }

    .footer-accordion section {
        width: 100%;
        border-top: 1px solid #383838;
        padding-top: 16px;
        padding-bottom:16px
    }

    .exchange-pairs-end, .footer-nav__list {
        margin-top:10px !important
    }

    .footer-accordion section:last-child {
        border-bottom:1px solid #383838
    }

    .footer-accordion section > a {
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        color:#fff
    }

    .footer-nav__list-item a {
        font-style: normal;
        font-weight: normal;
        line-height: 20px;
        position:relative
    }

    .footer-accordion__toggle {
        display: flex;
        justify-content:space-between
    }

    .footer-accordion__icon {
        transition:transform 0.3s ease-in-out
    }

.footer-accordion__content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
section.active .footer-accordion__content {

}
    .footer-nav-list_autoheight {
        min-height:unset
    }

    .nowrap {
        white-space:nowrap
    }
}

@media screen and (min-width: 380px) {
    .footer-nav {
        padding:0
    }

    .footer-nav__item:not(:first-of-type) {
        padding-inline-start:10px
    }
}

@media screen and (min-width: 992px) {
    .footer-nav__item {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
        width:20%
    }

    .footer {
        padding:20px 0
    }

    .footer .logotype {
        display:block
    }

    .footer--mobile-apps {
        justify-content:flex-end
    }

    .footer--mobile-apps {
        margin-top: 0;
        margin-bottom:0
    }

    .new-badge__circle_tooltip-new {
        position: absolute;
        top: -30px;
        right: -30px;
        z-index: -1;
        opacity: 0;
        transition:opacity 0.3s ease-in-out
    }

    .new-badge__circle:hover .new-badge__circle_tooltip-new {
        z-index: 1;
        opacity:1
    }

    .new-badge__circle::before {
        right:-10px
    }

    .footer-mobile__copyright {
        display:none
    }

    .footer-social__copyright {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height:100%
    }

    .footer-social {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        justify-content: flex-start;
        border: none;
        margin-bottom: 90px;
        margin-top: 16px;
        padding:0
    }

    .footer-copyright {
 /*       justify-content: flex-start; */
        white-space: nowrap;
        padding-top: 40px;
        padding-inline-end: 15px;
        padding-inline-start:15px
    }

    .footer-bottom {
        display: flex;
        justify-content: flex-end;
        margin-top:0
    }

    .footer-brand {
        align-items: flex-end;
        flex-wrap: wrap;
        padding-top: 6px;
        margin-bottom:24px
    }

    .footer-brand::after {
        content: "";
        height: 1px;
        width: 100%;
        border-bottom: 1px solid #383838;
        display: block;
        margin-top:22px
    }


    .footer-nav {
        display: flex;
        justify-content:space-between
    }




    .without-title {
        margin-top: 45.5px;
        padding-inline-start:0 !important
    }

    .copyright {
        white-space:break-spaces
    }

    .footer-separator {
        display: block;
        height: 1px;
        width: 100%;
        border-bottom: 1px solid #383838;
        margin-top: 24px;
        margin-bottom:22px
    }

    .footer-social__links {
        display: grid;
        grid-template-rows: repeat(auto-fit, 70px);
        grid-gap: 15px;
        width: fit-content;
        margin-bottom:0
    }

    .last-column {
        padding-inline-end: 0 !important;
        padding-inline-start:0 !important
    }

}

@media (min-width: 1200px) {

    .footer-social__links {
        width:235px
    }

    .nowrap {
        white-space:nowrap
    }

    .copyright {
        display: flex;
        flex-direction: column;
        text-align: left;
        align-items:flex-start
    }

    .last-column {
        width:21.5%
    }
}
 *  Owl Carousel - Animate Plugin
 */

/*
 *  Owl Carousel - Auto Height Plugin
 */

/*
 *  Owl Carousel - Core
 */

/* No Js */

/*
 *  Owl Carousel - Lazy Load Plugin
 */

/*
 *  Default theme - Owl Carousel CSS File
 */

/*
 *  Owl Carousel - Video Plugin
 */
.cta-button {
    background: linear-gradient(to bottom, #ffde03 0, #ffde03 0);
    border: none;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 10px;
    font-size: 13px;
    font-weight: 900;
    border-radius: 5px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: normal;
    text-transform: none;
    width: 175px;
    min-width: auto;
    color: #2c2e2e;
}

.cta-button:hover {
    background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%);
    color: #333;
}

@media screen and (max-width: 540px) {
    .cta-button {
        line-height: normal;
        height: auto;
        padding: 12px 5px;
        font-size: 12px;
    }
}

.cta-button {
    background: linear-gradient(to bottom, #ffde03 0, #ffde03 0);
    border: none;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 10px;
    font-size: 13px;
    font-weight: 900;
    border-radius: 5px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: normal;
    text-transform: none;
    width: 175px;
    min-width: auto;
    color: #2c2e2e;
}

.cta-button:hover {
    background: linear-gradient(to bottom, #ffde03 0, #ffc107 100%);
    color: #333;
}

@media screen and (max-width: 540px) {
    .cta-button {
        line-height: normal;
        height: auto;
        padding: 12px 5px;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    li {
        font-size: 1em;
    }

    li {
        text-shadow: none;
    }
}

::-webkit-input-placeholder {
    opacity: 1;
}

a {
    color: #4a90e2;
    text-decoration: none;
}

@media screen and (max-width: 960px) {
    li {
        font-size: 1em;
        text-shadow: none;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cute-6-phone {
        flex: auto !important;
    }

    .cute-12-phone {
        flex: auto !important;
    }

    .cute-3-tablet {
        flex: auto !important;
    }

    .cute-12-tablet {
        flex: auto !important;
    }

    .cute-2-desktop {
        flex: auto !important;
    }
}
   .scale-zaloopa {
    transition: 1s; /* Время эффекта */
   }
   .scale-zaloopa:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
   }
   a.button-zaloopa{
 display:inline-block;
 padding:0.46em 1.6em;
 border:0.1em solid #000000;
 margin:0 0.2em 0.2em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#000000;
 text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
 background-color:#FFFFFF;
 text-align:center;
 transition: all 0.15s;
}
a.button-zaloopa:hover{
 text-shadow: 0 0 2em rgba(255,255,255,1);
 color:#FFFFFF;
 border-color:#000000;
}
@media all and (max-width:30em){
 a.button-zaloopa{
  display:block;
  margin:0.4em auto;
 }
}
.telegramsub_mail {
    background-image: url(/images/pattern-map.png);
    position: relative;
}
.telegramsub_form {
    padding: 40px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}
div.telegramsub_form > p {
    font-size: px;
    max-width: 560px;
    text-align: center;
    margin: 20px 0;
    font-family: 'Open Sans', sans-serif;
}
.telegramsub_input {
    position: relative;
}
.telegramsub_input input {
  width: calc(455px - 34px);
    height: calc(55px - 34px);
    border-radius: 8px;
    border: none;
    padding: 17px 20px;
    color: #000;
    font-size: 16px;
}
.telegramsub_input button {
    position: absolute;
    top: calc(50% - 10px);
    right: -70px;
    background-color: #3CB6E3;
    width: 137px;
    height: 47px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
        border: none;
}
.telegramsub_input button p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
@media (max-width:768px) {
  .telegramsub_input input {
    width: calc(100vw - 15px);
}
.telegramsub {
    padding-bottom: 50px;
}
.telegramsub_input button {
    width: 137px;
    height: 54px;
}