/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */a{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}

a, a:hover {
    text-decoration: none;
}

footer {
    display: block;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 60px;
    min-height: 78px;
    color: #ffffff;
    /* height: auto; */
    background: #163f71;
    z-index: 999999;
}

.ob_usluge {
    display: none;
}

@media(max-width: 768px) {
    footer {
        min-height: 65px;
        height: 65px;
    }

    .container-fluid.footer-container {
        display: flex;
        align-items: center;
    }

    .container-fluid.scroll-container {
        padding-bottom: 62px;
    }
}

footer .container-fluid {
    position: relative;
}


.site-row {
    display: flex;
    justify-content: center;
}


.main-wrapper {
    flex-grow: 1;
}


.site-row .main-wrapper {
    margin-right: 30px;    
}

.aside-banner {
    text-align: center;
    padding: 20px 0;
}

.aside-wraper {
    width: 300px;
    flex-shrink: 0;
}

.aside-content {
    position: sticky;
    top: 0;
}

@media(max-width: 768px) {

    .aside-banner {
         display: none;
    }
    .site-row .main-wrapper {
        margin-right: 0;
    }

    .site-row {
        flex-direction: column;
    }

    .site-title {
        font-size: 20px;
    }

    .aside-wraper {
        width: 100%;
    }
}


/*Containers*/
.container, .container-fluid {
    padding: 0px 20px 0px 16px;
    margin-bottom: 0;
}

div.container-fluid, footer.container-fluid{
    max-width: 720px;
    margin:auto;
    margin-bottom: 50px;
}

div.container-fluid {
    margin-bottom: 0;
}

.container-fluid.scroll-container {
    padding-bottom: 82px;
}
/*Containers*/


.offer_sticker {
    color: #1d2124;
}

.offer_sticker_close {
    font-size: 30px !important;
}



/*NEW*/

.site-content {
    min-height: 100px;
}

.row-header {
    flex-wrap: nowrap;
    align-items: center;
    display: flex;
    padding: 20px 0;
}

.no-link, .no-link:hover, .no-link:visited {
    display: block;
    color: inherit;
    text-decoration: none;
}


/*Publication*/
.publication {
    display: flex;
    height: 64px;
    align-items: center;
    margin: 0 -5px;
}

.publication__play {
    min-width: 40px;
}

.publication__time {
    margin-right: 10px;
    font-size: 11px;
}

.publication__time +.publication__btn_goodok {
    margin-left: -12px;
}
/*Publication*/


/*Show more button*/
.show-more {
    height: 50px;
    padding: 0 30px;
    background: transparent;
    cursor: pointer;
    border: 2px solid #4a90e2;
    font-size: 18px;
    color: #4a90e2;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 20px;
    position: relative;
}

.show-more.is-pending {
    opacity: .7;
    color: transparent;
}
.show-more.is-pending:before {
    content: "";
    color: #4a90e2;
    font-size: 8px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    transform: translate(-50%, -50%)  scale(.5);
    z-index: 1000;
}
/*Show more button*/


/* song */
.song {
    margin-top: 20px;
}

.song__row {
    display: flex;
    margin-bottom: 10px;
}

.song__image {
    max-width: 50%;
    flex-shrink: 0;
    margin-right: 24px;
}

.song__image img {
    max-width: 100%;
}

.song__player {
    max-width: 100%;
}

.song__title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
    color: black;
}

.song__text {
    color: rgb(80, 96, 113);
    width: 100%;
}

.song__descr {
    margin-bottom: 14px;
}

.song__meta>div {
    margin-bottom: 5px;
}
.song__other {
    font-size:  18px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.song__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap !important;
    height: auto;
}

.song__name {
    display: flex;
    height: auto !important;
    flex-wrap: wrap;
}

.song__buttons {
    width: 100%;
}

.song__buttons {
    display: flex;
    padding: 0 0 20px;
    flex-wrap: wrap;
}

.song__btn {
    max-width: 100%;
    width: auto;
    display: flex;
    border: 2px solid #4a90e2;
    align-items: center;
    padding: 0 10px;
    padding-right: 50px;
    background-position: calc(100% - 8px) center;
    background-size: 30px;
    color: #4a90e2;
    font-size: 18px;
    text-decoration: none !important;
}

.song__btn .purchase {
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    background-position: calc(100% - 8px) center;
    background-size: 30px;
    padding-right: 10px;
    background: transparent;
}

.song__btn._download {
    padding-right: 50px;
}

.song__btn._purchase {
    padding-right: 0;
}
.song__play{
    min-width: 40px;
}



@media (max-width: 600px) {
    .song {
        margin-bottom: 10px; 
    }
    .song__row {
        flex-direction: column;
    }

    .song__image {
        max-width: 100%;
        margin-right: 0;
    }

    .song__descr {
        display: none;
    }

    .song__other {
        font-size: 15px;
    }

    .song__title {
        font-size: 18px;
        margin-top: 16px;
    }
    .song__btn {
        font-size: 14px;
    }
}
/* song */


/* banners */
.banners {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
    margin-bottom: 16px;
    margin-top: 16px;
}

/*Не показывать более 3х баннеров, пока они не обернуты в slick (чтобы не было некрисивого скачка при загрузке)*/
.banners > .banners__btn:nth-child(n+4) { 
    display: none;
}

.banners__btn {
    position: relative;
    width: calc(33.333333% - 4px);
    margin: 2px;
    cursor: pointer;
}

@media (max-width: 768px) {

    .banners__btn {
        width: calc(50% - 4px);
    }
}

.banners__btn.is-active{
    /*outline: 2px solid #4a90e2;*/
}

.banners__image {
    opacity: .6
}

.banners__image img {
    max-width: 100%;
}

.banners__btn.is-active .banners__image{
    opacity: 1;
}

.banners__text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    text-shadow: 2px 2px 5px black;
    transform: translate(-50%, -50%);
    font-size: 18px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media(max-width: 768px) {
    .banners > .banners__btn:nth-child(n+3) {
        display: none;
    }
}


.slick-dots {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    border: 1px solid silver;
    height: 8px;
    width: 8px;
    margin: 0 5px;
    background :transparent;
    border-radius: 50%;

}

.slick-dots .slick-active button {
    background: silver;
}
/* banners */

/* categories */
.categories {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
}


.categories__btn {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dbe9f9;
    height: 50px;
    font-size: 16px;
    transition: background .2s;
}

.categories__btn.is-active {
    background: #4a90e2 !important;
    color: white;
    font-weight: 600;
}

.categories__btn:hover {
    background: #d1e4f9;
}

.categories__toggler {
    background: #4a90e2;
    color: white;
    align-items: center;
    justify-content: center;
    height: 32px;
    font-size: 16px;
    position: relative;
    display: none;
}

@media(max-width: 768px) {
    .categories {
        display: none;
        flex-direction: column;
    }
    .categories.is-active {
        display: block;
    }
    .categories__btn {
        height: 32px;
    }
    .categories__btn.is-active {
        display: none;
    }

    .categories__toggler {
        display: flex;
    }

}
/* categories */



/*searchbar*/
.searchbar {
    display: flex;
    width: 100%;
    height: 36px;
    margin-bottom: 16px;
    width: auto;
    flex-grow: 1;
    margin-bottom: 0;
}

.searchbar__input {
    flex-grow: 1;
    padding: 0 20px;
    border-radius: 0px;
    border: 1px solid silver;
    max-width: calc(100vw - 136px);

}

.searchbar__btn {
    width: 123px;
    border: none;
    background: #4a90e2;
    color: white;
    cursor: pointer;
}
.searchbar-result {
    margin-bottom: 10px;
    font-style: italic;
}


@media(max-width: 768px) {
    .searchbar__btn {
        display: none;
    }

    .searchbar__input {
        background-image: url("../img/search.svg");
        background-repeat: no-repeat;
        background-position: calc(100% - 10px);
        background-size: 16px;
        border-radius: 3px;
        /* display: none; */
    }
}

/*searchbar*/



/*loader*/
.loader:after,
.spinner:after {
    content: "";
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: .8;
    z-index: 999;
    left:  0;
    top: 0;
}

.rbt-item-musicfun,
.rbt-item-goodok,
.rbt-item-tele2 {
    display: none;
}


.loader:before,
.spinner:before {
    content: "";
    color: #4a90e2;
    font-size: 20px;
    margin: auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 1;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    transform: translate(-50%, -50%)  scale(.5);
    z-index: 1000;
}

@-webkit-keyframes load4 {

    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {

    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}



/*Player*/
.site-player {
    width: 100%;
    min-height: 80px;
    position: relative;
    margin: 0 -16px;
    padding: 16px 0;
}


.jp-interface {
    display: flex;
}
.jp-controls {
    display: flex;
    align-items: center;
}

.jp-progress {
    margin: 5px 0;
}

.jp-progress-time {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 11px;
}

.jp-controls-holder {
    display: flex;
    flex-grow: 1;
}

.jp-current-time-duration {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
}

.jp-duration {
    text-align: right;
}

.jp-current-time, .jp-duration {
    width: 70px;
    display: inline-block;
}


.jp-play {
    background-color: transparent;
    background-image: url("../img/mp3fish/play.svg");
    background-position: top center;
    background-repeat: no-repeat;
    width: 55px;
    height: 45px;
    cursor: pointer;
    border: none;
    font-size: 0;
    color: transparent;
    outline: none !important;
}

.jp-state-playing .jp-play{
    background-image: url("../img/mp3fish/pause.svg");

}

.jp-play.loading {
    background-image: url("../img/mp3fish/load.svg");
}

.jp-seek-bar {
    width: 100% !important;
}

.jp-seek-bar, .jp-volume-bar {
    border: 1px solid #4a90e2;
    border-radius: 5px;
    cursor: pointer;
}

.jp-volume-controls {
    display: flex;
    align-items: center;
}

.jp-volume-bar {
    width: 70px;
    position: relative;
    top: 3px;
}

.jp-volume-icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 4px;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.717 27.717' width='512' height='512'%3e%3cpath d='M4.637 8.725H0v10.33h4.637l8.766 6.502s1.611 1.346 1.611-.045V2.066c0-1.092-1.418-.025-1.418-.025L4.637 8.725zM20.006 6.709a1.18 1.18 0 00-1.668 0 1.176 1.176 0 000 1.666 7.734 7.734 0 012.273 5.484 7.752 7.752 0 01-2.273 5.495 1.184 1.184 0 000 1.672c.23.23.531.344.836.344.301 0 .602-.113.832-.344a10.107 10.107 0 002.963-7.167 10.075 10.075 0 00-2.963-7.15z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%234A90E2'/%3e%3cpath d='M23.207 2.994a1.185 1.185 0 00-1.676 0 1.19 1.19 0 000 1.671 12.97 12.97 0 013.824 9.206 13.038 13.038 0 01-3.824 9.25 1.187 1.187 0 000 1.67 1.193 1.193 0 001.676 0 15.434 15.434 0 004.51-10.92c0-3.934-1.514-7.875-4.51-10.877z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%234A90E2'/%3e%3c/svg%3e");
}

.jp-volume-bar-value, .jp-play-bar {
    background: #4a90e2;
    height: 6px;
    position: relative;
    overflow: visible !important;
}


.jp-volume-bar-value:after,  .jp-play-bar:after {
    content: "";
    position: absolute;
    background: #4a90e2;
    border: 1px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
}


@media (max-width: 768px) {
    .jp-volume-controls {
        display: none;
    }

    .site-player {
        margin: 0;
        padding-top: 6px;
    }

    .jp-details {
        font-size: 12px;
    }

    .jp-title {
        max-width: calc(100vw - 110px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .jp-play {
        padding: 0;
        background-position: left;
    }
}
/*Player*/





/*Footer Banner*/
.footer-banner {
    background: #4a90e2;
    color: white;
    padding: 24px 16px;
    font-size: 12px;

}

.footer-banner a {
    color: white !important;
    /*font-weight: 600;*/
    text-decoration: underline;
}
.footer-banner__row {
    display: flex;
}
.footer-banner__col._links {
    flex-shrink: 0;
    margin-left: 16px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 22%;
    align-items: flex-end;
}

.footer-banner__link {
    margin-bottom: 10px;
}

.footer-banner__shared {
    margin-top: auto;
}

.footer-banner__nav-row a {
    text-decoration: none;
}
    

@media (max-width: 768px) {
    .footer-banner__row {
        flex-direction: column;
    }

    .footer-banner__col._links {
        align-items: flex-start;
        margin-left: 0;
        margin-top: 16px;
    }

    .footer-banner {
        margin: 0 -20px;
        padding-bottom: 24px;
    }

    .footer-banner__shared {
        margin-top: 16px;
    }

}
/*Footer Banner*/





/*Burger*/
.hamburger {
    z-index: 2;
    padding: 0 15px;
    position: absolute;
    right: 0;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    top: 50%;
    transform: scale(.6) translateY(-23px);


}


.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: black;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: black;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}


.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}


/* footer-full */
.footer-full { 
 }

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

.site-wrapper.container-fluid.scroll-container {
    padding-bottom: 0;
}

.footer-full .container-fluid {
    padding-bottom: 85px;
}

.footer-full {
    background: white;
    padding: 20px 0;
    margin-top: 30px;
}

.footer-full__copyright {
    text-align: center;
}

.mobile-only {
    display: none !important;
}

@media(max-width: 768px) {
    
    .mobile-only {
        display: block !important;
    }

}


.mobile-banner {
    text-align: center;
    padding: 10px 0;
    display: none;
}

@media(max-width: 768px) {
    .mobile-banner {
        display: block;
    }
}