.header {
    padding: 18px 0px 12px;
}
.head_flex{
    display: flex;
    /*gap: 35px;*/
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    align-items: center;
}

.menuButton {
    font-size: 14px;
    line-height: 18px;
    color: #474653;
}

.menuButton:hover {
    border: 1px solid #474653;
}

.menuButton:focus {
    border: 1px solid #F7F7F8;
    /*color: #474653;*/
}

.whiteBtn {
    border: 1px solid #FFF !important;
    font-size: 14px;
    line-height: 18px !important;
    color: #FFF !important;
}

.whiteBtn:hover {
    border: 1px solid #F7F7F8 !important;
    color: #474653 !important;
    background-color: #FFF;
}

.whiteBtn:focus {
    background-color: #F7F7F8 !important;
    color: #474653 !important;
}
    /* social links */
    .social-icons {
      display: flex;
      justify-content: center;
      list-style: none;
     /* margin-top: 0.25rem;
      margin-bottom: 1rem;*/
      padding-left: 0;
    }

    .social-icons>li {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
    }

    .social-icons a {
      position: relative;
      background-color: #eee;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: background-color .3s ease-in-out;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: .25rem;
    }

    .social-icons a:hover {
      background-color: #e0e0e0;
    }

    .social-icons a::before {
      content: "";
      position: absolute;
      width: 1.2rem;
      height: 1.2rem;
      left: .65rem;
      top: .65rem;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .social-icons .social-icon-twitter::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231da1f2' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-fb::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%234267B2' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-vk::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%232787f5' d='M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z'/%3E%3C/svg%3E");
    }

    .social-icons .social-icon-telegram::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2327a7e7' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z'/%3E%3C/svg%3E");
    }

/* social links */
.logo {
width: 150px;
}
.bgTrans .menuButton{
    color: white;
}
.bgTrans {
    background: #00818e;
}
.menu .pinkBtn{
    color: white;
}
.bgTrans .menuButton {
    font-size: 14px;
    color: white;
    line-height: 18px;
}
.bgTrans .burgerBtn{
    color: white;
}
.bgTrans .menuButton:hover {
    border: 1px solid #fff;
}

.bgTrans .menuButton:focus {
    border: 1px solid #F7F7F8;
    /*color: #474653;*/
}

.menu {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;

}
.menu .linkButton{

}
.bold {
    font-weight: 700;
}

.burgerBtn {
    display: none;
    border: 1px solid transparent;
}


.linkGroup {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    /*gap: 12px;*/
}
.linkGroup .linkButton{
    margin-right: 12px;

}
.linkButton {
    border-radius: 10px;
    padding: 12px 5px;
    letter-spacing: -0.02em;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    height: fit-content;
    color: #474653;
    border: 1px solid transparent;
}

.hamburger {
    margin-left: auto;
    color: #474653;
    cursor: pointer;
}
.bgTrans .hamburger{
    color: white;
}
.nav-drill {
    transform: translateX(100%);
}
.nav-is-toggled{
    overflow: hidden;
}
.nav-is-toggled .nav-drill {
    transform: translateX(0);
    display: flex;
}

.nav-is-toggled .menuButton {
    color: #474653;
    position: fixed;
    right: 15px;
}

.nav-is-toggled .hamburger, .nav-is-toggled .burgerBtn{
    color: #474653;
}

.nav-is-toggled::after {
    opacity: 1;
    visibility: visible;
}

.nav-drill {
    display: none;
    position: fixed;
    z-index: 2500;
    top: 0;
    right: 0;
    width: 310px;
    height: calc(100vh + 40px);
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: 0.45s;
}

#ham {
    z-index: 2000;
}

.nav-items {
    flex: 0 0 100%;
    list-style: none;
    padding-left: 10px;
    padding-top: 35px;
}

.nav-item:not(:last-child) {
    border-bottom: solid 1px #daf9f4;
}

.nav-link {
    display: block;
    padding: 0.875em 1em;
    background-color: #fff;
    color: #474653;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 300;
    text-decoration: none;
}
@media (min-width: 1025px) and (max-width: 1200px){
    .header{
        padding: 18px 152px 12px
    }
}
@media (max-width: 1081px) {
    .bgTrans .menuButton{
        font-size: 14px;
    }
    .menuButton{
        font-size: 14px;
    }
    .header {
        gap: 6px;
        padding-top: 23px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12px;
        align-items: center;
    }

}
@media (min-width: 769px) and (max-width: 1020px){
    .linkGroup .linkButton{
        padding: 12px 4px;
        margin-right: 4px;
    }
}
        @media (max-width: 768px) {
            .social-icons a {
                position: relative;
                background-color: #eee;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                transition: background-color .3s ease-in-out;
                width: 1.5rem;
                height: 1.5rem;
                border-radius: .25rem;
            }

            .social-icons a:hover {
                background-color: #e0e0e0;
            }

            .social-icons a::before {
                content: "";
                position: absolute;
                width: 1rem;
                height: 1rem;
                left: .2rem;
                top: .45rem;
                background: transparent no-repeat center center;
                background-size: 100% 100%;
            }
            .btnBold {
                font-size: 11px;
                line-height: 10px;
            }
            .footerLeft {
                display: flex;
                justify-content: space-between;
                align-items: center;
                /* gap: 16px; */
                flex-wrap: wrap;
            }
            .footer {
                height: 100%;
            }
        }
@media (max-width: 428px) {
    .header {
        padding: 15px 15px 12px;
    }
}
@media (max-width: 375px) {

}
@media (max-width: 320px) {
}