@font-face {
    font-display: swap;
    font-family: 'Oswald';
    font-weight: 700;
    src: url('../fonts/oswald-v57-latin-700.woff2') format('woff2')
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
header {
    position: fixed;
    top: 0;
    width: 100%
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: #fff0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
h1 {
    font-size: 3.5rem;
    margin: .47rem 0
}
p {
    font-size: 1.2rem;
    margin: .4rem 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
html {
    font-size: 16px
}
body {
    font-size: .8rem
}
body,
html {
    font-family: "Helvetica","Roboto",sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: var(--black);
    background-color: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}
.mt6 {
    margin-top: 8rem
}
.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}
.z-1 {
    z-index: 10
}
.-z-1 {
    z-index: -10
}
.z-2 {
    z-index: 20
}
.-z-2 {
    z-index: -20
}
.z-3 {
    z-index: 50
}
.-z-3 {
    z-index: -50
}
.z-4 {
    z-index: 100
}
.-z-4 {
    z-index: -100
}
.z-5 {
    z-index: 99999
}
.-z-5 {
    z-index: -99999
}
.z-all {
    z-index: 2147483647
}
.-z-all {
    z-index: -2147483647
}
.pawtunes a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
    outline-width: 0;
    outline-style: none
}
.pawtunes .hidden {
    display: none
}
.pawtunes .header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    margin-top: 0;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.5rem;
    color: var(--black);
    border-bottom: .1rem solid rgb(0 0 0 / .1);
    background: var(--white);
    overflow: hidden;
    padding: 5px 40px;
    -webkit-box-shadow: 0 0 .2rem rgb(0 0 0 / .15);
    box-shadow: 0 0 .2rem rgb(0 0 0 / .15)
}
.pawtunes .header .media-icons,
.pawtunes .sidebar .media-icons {
    position: absolute;
    right: 40px
}
.pawtunes .header .media-icons a,
.pawtunes .sidebar .media-icons a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: rgb(164 164 164 / .16078);
    padding: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.pawtunes .header .media-icons a:hover,
.pawtunes .sidebar .media-icons a:hover {
    background-color: #adadad
}
.pawtunes .header .hidden {
    display: none
}
.pawtunes .header ::-webkit-scrollbar {
    width: .5rem;
    height: .5rem
}
.pawtunes .header ::-webkit-scrollbar-track {
    border-radius: .125rem;
    background: #fff0
}
.pawtunes .header ::-webkit-scrollbar-thumb {
    border-radius: .125rem;
    background-color: #bcdaf6
}
.pawtunes .header ::-webkit-scrollbar-thumb:hover {
    background: #d2e6f9
}
.pawtunes .header .logo {
    line-height: 3.125rem;
    display: inline-block;
    float: left;
    height: 3.125rem;
    margin: 0 0 0 2.5rem
}
.pawtunes .header .menu-items {
    color: var(--black);
    list-style: none
}
.pawtunes .header .menu-right {
    -ms-grid-column-align: end;
    justify-self: end;
    display: none
}
.pawtunes .header .menu-item {
    display: inline-block;
    margin: 0 2px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.pawtunes .header .menu-item>a {
    font-weight: 600;
    font-size: medium;
    padding: .5rem 1rem;
    display: inline-block;
    color: var(--black);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center
}
.pawtunes .header .menu-item:hover>a {
    font-weight: 600;
    color: var(--danger-col)
}
.pawtunes .header .menu-item:hover {
    background-color: var(--bg-color)
}
.pawtunes .header .menu-item.active {
    background-color: var(--danger-col)
}
.pawtunes .header .menu-item.active>a {
    color: var(--other-col);
    font-weight: 700
}
.pawtunes .header .logo img {
    vertical-align: middle
}
.pawtunes .header ul>li.dropdown.active>a {
    background: rgb(255 255 255 / .15)
}
.pawtunes .header ul>li.dropdown.active>ul {
    top: 100%;
    visibility: visible;
    opacity: 1
}
.pawtunes .main-container {
    font-size: 0;
    overflow: hidden;
    max-width: 45rem;
    margin: 0 auto;
    white-space: nowrap
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 1rem;
    text-align: left;
    overflow: hidden
}
td {
    padding: 25px;
    margin: 2px;
    border: 1px var(--primary-col) solid;
    -webkit-transition: background 0.3s ease-in-out,color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out,color 0.3s ease-in-out
}
td>strong {
    font-weight: 900;
    font-size: x-large
}
@media (max-height:125px) {
    .pawtunes .header {
        display: none
    }
    .pawtunes .main-container {
        display: none
    }
    .pawtunes body,
    .pawtunes html {
        overflow: hidden
    }
}
@media (min-height:340px) and (min-width:720px) {
    .pawtunes body,
    .pawtunes html {
        overflow: hidden
    }
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}
.visually-hidden {
    visibility: hidden;
    display: none
}
.sidebar,
.sb-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform,opacity
}
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}
.title {
    font-size: 25px!important;
    color: var(--danger-col) !important
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px
}
.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}
.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33%;
    flex: 0 0 8.33%;
    max-width: 8.33%
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%
}
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33%;
    flex: 0 0 83.33%;
    max-width: 83.33%
}
.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66%;
    flex: 0 0 91.66%;
    max-width: 91.66%
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
@media (min-width:576px) {
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .sm-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.music-player-body {
    position: fixed;
    bottom: 0;
    width: 100vw;
    margin: 0;
    padding: 0 2rem;
    background-color: var(--danger-col);
    font-size: 12px;
    -webkit-box-shadow: -3px -3px 6px rgb(0 0 0 / .27843);
    box-shadow: -3px -3px 6px rgb(0 0 0 / .27843);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Helvetica",sans-serif
}
.music-player {
    --primary-color: #ddd;
    --secondary-color: #999;
    --green-color: #2d5;
    --padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 5.2rem;
    padding: .6rem 1rem;
    color: var(--white)
}
i {
    color: var(--secondary-color)
}
i:hover {
    color: var(--primary-color)
}
.icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em
}
.hero {
    margin-top: 6rem;
    /* height: calc(100vh - 2rem); */
    overflow: hidden
}
.hero-btn {
    border-radius: 8px;
    padding: 5px 20px;
    background-color: #159756;
    border: 0;
    cursor: pointer
}
.subtitle {
    font-size: large
}
.market-btn {
    display: inline-block;
    padding: .3125rem .875rem;
    padding-left: 3rem;
    -webkit-transition: border-color 0.25s ease-in-out,background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out,background-color 0.25s ease-in-out;
    border: 2px solid var(--dark-col);
    border-radius: 10px;
    background-position: center left .75rem;
    background-color: var(--black);
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    -webkit-text-decoration: none;
    text-decoration: none
}
.market-btn .market-button-title {
    font-weight: 600;
    display: block;
    color: #fff;
    font-size: 1.2rem
}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -.25rem;
    color: #ccc
}
.market-btn:hover {
    background-color: #f7f7f7;
    -webkit-text-decoration: none;
    text-decoration: none
}
.market-btn:hover .market-button-title {
    color: #000
}
.market-btn:hover .market-button-subtitle {
    color: #999
}
.apple-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}
.google-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAgCAYAAADud3N8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHaADAAQAAAABAAAAIAAAAACHympmAAAEmklEQVRIDa1WW2xURRj+58zuttvddre0Sy+0NUGEBqLGtjE8GJVK0Qcf6MaQCIlBjY3GxJiUYEClVNyKqARNBHsJaowCPqghgFTU1mKk9moTGppADHQLQm97v509M+Ocpcvezp7uNp2XM//3f//3zWTmzAwC3uq+a2wAAdkYoId5OAmMds0FHZ9ef7E3KOeXu6Hak1u3IMDnuDCOF2eM3WCM7h7Z/tP38fhy9AXEcnYnG8rCCKH7BAGfqj1hvVjz7dba5TCLaggG+/urGcO3okDyl5s/hrAwWHfSerz2G2tZcn4pMaq3eRnV3JnxVO0VEZJWqYkwAC9Q1uaaDRy+9sbPITWuWk6Qk4JUYjFOHjQC06adscxDAEYkoDaTRT9Rd8L6nIwtpUVmGi0keDbgq9rjAEEsj2LqX9YXZtKbY8+fHlXnJWYTTOUUwfOir3LPHOBgRuvHGFAA9mWISW9f3n76TqK8cpRiKtModhBv1d5pEPwZGd+VZh7+m9lcM8Eji613ZE2TxyOQQmyY/KAUEWNGI79bj/L5Tn/n6zWjZ0O/4MZkzfhY0VQmYGJGBntbCZCCmfiCdH0BmPdz05/OR3WzTwkC+iH8K/5dPA/yCZfS0prKTIGYwGi3WZBknkupjAMwN/yioE+q0c5XxGC0CWE8Il7A7Z5uWBnDuW58oNQXSAHwA6RICBc5lPIaoN5Oc5/mQZ3TnJJH/AdDqClXwFfDF4RdPftBI3MUN1JKMQeo4AVfRauLaadN0XwOEF+7qU+/TutedPByDd/p/U6H1JARWS4QqBGMUy0mQSz1yHEukgId5j5DpoZyDUKw0VSoacnYNFLEjQ039+WbApVip+mifq3GLcNZNX6qPZuVqayeJ7LgR2du6Fa7Q6qbS20kWZnmST7/gaHXcyucU+D+al0Rcehuq4mnyZ3P2FQv+XwHhl7Lq/BPRrRYCIP7eHUpcersacRTYL6RRn1eqTUjUz5Dj23wVcMqf5K+yI27qiupS3stxSEeYIwvPn3rqkPaWNgIzkVN+QxdbYNN+eWBqXiZWD+MwdVRfT/1aK7EwIUef+/w87gzSMkD2s300IZtIMoZVVO95HccHHjFVBpQvWYBJA1yHVu/hvnwPzFj1sMIqdE1kKb8p2E6hquY8hnOfTjwUmFJ8L94fvo+wVrH0Q1riVt7hlJm1W4m9bpnYEypQHGmuZJ/+tDAy4Urg1lcMow5QUTvXratt+ZsIT8qmUWxyFkYDeQvN7z9cf/O4mJxRnFA8dyFPuH3eDuh0FLeOzyrkE+BEkxzSeDmJ3/vtBSJMwl4StUCwB9q3ZSKzWU9Y+PpOEr4PXEdCdoP979QvCI0q1MiJmCMTRDGdpX1DJ9NwDMMIqY6Erp+5K8dlhXheb1aHZ/ZPKO09QobPrqpFyQ1rlpOo5MCE59d2lFmDjsMaYkMJArsWDgQ2F95aXw+LS/DBPq34cleI/U9kZbP2DmJsma+SSbScrJMaPKI+z3+IurmL+l76ytr8HNyHBhpLukZ6c5Sc1E6v94AbtU/8jgGzT5u9RAH7AxBxx+/DXVt48/gRRWWQPgfJl7Uav+ITh4AAAAASUVORK5CYII=)
}
.counter-up {
    background: url(../img/banners/music.webp) no-repeat;
    min-height: 50vh;
    background-size: cover;
    background-attachment: fixed;
    padding: 0 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.counter-up:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / .8)
}
.counter-up .cu-content {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 76%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.counter-up .cu-content .box {
    border: 1px dashed rgb(255 255 255 / .6);
    width: calc(25% - 30px);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    margin: 24px
}
.cu-content .box .icon {
    font-size: 48px;
    color: #e6e6e6
}
.cu-content .box .counter {
    font-size: 50px;
    font-weight: 500;
    color: #f2f2f2;
    font-family: sans-serif
}
.cu-content .box .text {
    font-weight: 400;
    color: #ccc
}
@media screen and (max-width:1036px) {
    .counter-up {
        padding: 50px 50px 0 50px
    }
    .counter-up .cu-content .box {
        width: calc(50% - 30px);
        margin-bottom: 50px
    }
}
@media screen and (max-width:580px) {
    .counter-up .cu-content .box {
        width: 100%
    }
}
@media screen and (max-width:500px) {
    .counter-up {
        padding: 30px 20px 0 20px
    }
}
.marquee {
    background-color: var(--white);
    margin: 0 auto;
    height: 50px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}
.marquee-news {
    position: absolute;
    height: 100%;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--danger-col);
    color: var(--white);
    font-size: x-large;
    z-index: 1;
    font-weight: 700;
    margin: 0
}
.marquee-news>img {
    height: 100%
}
.marquee__content {
    height: 100%;
    display: inline-block;
    padding-left: 100%;
    will-change: transform;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: large;
    font-weight: 400;
    white-space: nowrap;
    background-color: var(--white);
    color: var(--danger-col);
    line-height: 30px;
    -webkit-animation: marquee 50s linear infinite forwards;
    animation: marquee 50s linear infinite forwards;
    animation-delay: -10s
}
.marquee__content:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
.list-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    list-style: none;
    padding: 0 10px;
    width: 12%;
    margin: 0
}
.list-inline>li {
    padding: 0 10px
}
@-webkit-keyframes marquee {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}
@keyframes marquee {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}
.spacer-h {
    height: 5.2rem
}
.pawtunes {
    margin-top: 8.5rem
}
footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2rem;
    position: relative;
    background: var(--white);
    width: 100%;
    background-size: cover
}
.footer-overlay {
    background-size: cover
}
footer .footer-content .link-boxes {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
footer .footer-content .link-boxes .box {
    width: calc(100% / 5 - 10px)
}
.footer-content .link-boxes .box .link_name {
    color: #1f1f1f;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative
}
.link-boxes .box .link_name:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px;
    width: 55px;
    background: #f44336
}
.footer-content .link-boxes .box li {
    margin: 6px 0;
    list-style: none
}
.footer-content .link-boxes .box li {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 400
}
.footer-content .link-boxes .box li a {
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration: none;
    text-decoration: none;
    opacity: .8;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.footer-content .link-boxes .box li a:hover {
    opacity: 1
}
.link-boxes .input-box input {
    height: 40px;
    width: 100%;
    outline: none;
    border: 1px solid #afafb6;
    background: var(--bg-color);
    border-radius: 5px;
    padding: 0 15px;
    font-size: 15px;
    color: var(--black);
    margin-top: 5px
}
.link-boxes .input-box input::-webkit-input-placeholder {
    color: #afafb6;
    font-size: 16px
}
.link-boxes .input-box input::-moz-placeholder {
    color: #afafb6;
    font-size: 16px
}
.link-boxes .input-box input:-ms-input-placeholder {
    color: #afafb6;
    font-size: 16px
}
.link-boxes .input-box input::-ms-input-placeholder {
    color: #afafb6;
    font-size: 16px
}
.link-boxes .input-box input::placeholder {
    color: #afafb6;
    font-size: 16px
}
.link-boxes .input-box input[type="submit"] {
    background: var(--danger-col);
    color: var(--bg-color);
    border: none;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin: 4px 0;
    opacity: .8;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.input-box input[type="button"]:hover {
    opacity: 1
}
footer .bottom-details {
    width: 100%;
    background: #6b6b6b;
    color: #fff
}
footer .bottom-details .bottom_text {
    max-width: 1250px;
    margin: auto;
    padding: 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.bottom-details .bottom_text a,
.bottom-details .bottom_text span {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    opacity: .8;
    -webkit-text-decoration: none;
    text-decoration: none
}
.bottom-details .bottom_text a:hover {
    opacity: 1;
    -webkit-text-decoration: underline;
    text-decoration: underline
}
.bottom-details .bottom_text a {
    margin-right: 10px;
    color: #000;
    text-decoration: underline
}
.app-icons {
    display: block
}
@media (max-width:900px) {
    footer .footer-content .link-boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .app-icons {
        display: block
    }
    footer .footer-content .link-boxes .input-box {
        width: 40%;
        margin-top: 10px
    }
}
@media (max-width:700px) {
    footer {
        position: relative
    }
    .app-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .footer-content .link-boxes .box {
        width: calc(100% / 3 - 10px);
        width: 100%
    }
    footer .footer-content .link-boxes .input-box {
        width: 60%
    }
    .bottom-details .bottom_text a,
    .bottom-details .bottom_text span {
        font-size: 11px
    }
}
@media (max-width:600px) {
    footer .footer-content .link-boxes .box {
        width: calc(100% / 2 - 10px);
        width: 100%
    }
    .app-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .footer-content .link-boxes .input-box {
        width: 100%
    }
    footer .bottom-details .bottom_text {
        padding: 20px 20px
    }
    .bottom-details .bottom_text a,
    .bottom-details .bottom_text span {
        font-size: 10px
    }
}
.tabs-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    margin-top: 20px;
    padding: 0 8px
}
.tab-container {
    max-width: 1260px;
    margin: auto
}
.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    border-bottom: 2px solid var(--danger-col)
}
.tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: none;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--black)
}
.tab:hover {
    background: var(--hover-color);
    color: #fff
}
.tab.active {
    background: var(--danger-col);
    color: #fff;
    font-weight: 700
}
.content {
    padding: 20px;
    display: none;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / .2);
    box-shadow: 0 2px 5px rgb(0 0 0 / .2);
    -webkit-animation: fadeIn 0.5s ease-in-out;
    animation: fadeIn 0.5s ease-in-out
}
.content.active {
    display: block
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.test-bg {
    display: -ms-grid;
    display: grid;
    height: 65%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    place-items: center;
    background: var(--primary-col)
}
.wrapper {
    max-width: 1260px;
    margin: auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.wrapper .box {
    background: #fff;
    width: calc(33% - 10px);
    padding: 15px;
    margin: 6px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / .15);
    box-shadow: 0 4px 8px rgb(0 0 0 / .15)
}
.wrapper .box i.quote {
    font-size: 20px;
    color: var(--danger-col)
}
.wrapper .box .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px
}
.box .info .name {
    font-weight: 600;
    font-size: 17px
}
.box .info .job {
    font-size: 16px;
    font-weight: 500;
    color: var(--danger-col)
}
.box .info .stars {
    margin-top: 2px
}
.box .info .stars i {
    color: #fa0
}
.box .content .image {
    height: 75px;
    width: 75px;
    padding: 3px;
    background: var(--hover-color);
    border-radius: 50%
}
.content .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff
}
.box:hover .content .image img {
    border-color: #fff
}
@media (max-width:1045px) {
    .wrapper .box {
        width: calc(50% - 10px);
        margin: 10px 0
    }
}
@media (max-width:702px) {
    .wrapper .box {
        width: 100%
    }
}
.card_wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px 1fr;
    grid-template-columns: 1fr repeat(12,minmax(auto,60px)) 1fr;
    grid-gap: 40px;
    padding: 60px 10px
}
.text--medium {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000
}
.text--small {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    color: #424242
}
.cards {
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    grid-column: 2/span 12;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px) 40px minmax(auto,60px);
    grid-template-columns: repeat(12,minmax(auto,60px));
    grid-gap: 40px
}
.card {
    overflow: hidden;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 4px 4px 7px rgb(92 108 119 / .18039);
    box-shadow: 4px 4px 7px rgb(92 108 119 / .18039)
}
@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.card {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 0.6s ease-out,-webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out,-webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out,transform 0.6s ease-out;
    transition: opacity 0.6s ease-out,transform 0.6s ease-out,-webkit-transform 0.6s ease-out
}
.card:first-child {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}
.card:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.card:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}
.card.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.card:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}
.card__image-container {
    width: 100%;
    height: 200px;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative
}
.card__image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}
.card__content {
    padding: 12px
}
.card__title {
    margin-bottom: 20px
}
.card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.card__price {
    margin-left: auto;
    padding: 2px 10px;
    background-color: var(--other-col);
    color: #909090;
    border-radius: 5px;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300
}
@media only screen and (max-width:1000px) {
    .card {
        -ms-grid-column-span: 6;
        grid-column-end: span 6
    }
}
@media only screen and (max-width:700px) {
    .card_wrapper {
        grid-gap: 20px
    }
    .card {
        -ms-grid-column-span: 12;
        grid-column-end: span 12
    }
}
@media only screen and (max-width:500px) {
    .card_wrapper {
        -ms-grid-columns: 10px 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 10px;
        grid-template-columns: 10px repeat(6,1fr) 10px;
        grid-gap: 10px
    }
    .cards {
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        grid-column: 2/span 6;
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(6,1fr);
        grid-gap: 20px
    }
    .card {
        -ms-grid-column-span: 6;
        grid-column-end: span 6
    }
}
.card-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    max-width: 1250px;
    padding: 20px;
    grid-gap: 20px;
    gap: 20px
}
.card-list .card-item {
    background: #fff;
    padding: 26px;
    border-radius: 12px;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / .04);
    box-shadow: 0 5px 10px rgb(0 0 0 / .04);
    list-style: none;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 2px solid #fff0;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease
}
.card-list .card-item:hover {
    border: 2px solid #000
}
.card-list .card-item img {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}
.card-list span {
    display: inline-block;
    background: #f7dff5;
    margin-top: 32px;
    padding: 8px 15px;
    font-size: .75rem;
    border-radius: 50px;
    font-weight: 600
}
.card-list .developer {
    background-color: #f7dff5;
    color: #b22485
}
.card-list .designer {
    background-color: #d1e8ff;
    color: #2968a8
}
.card-list .editor {
    background-color: #d6f8d6;
    color: #205c20
}
.card-item h3 {
    color: #000;
    font-size: 1.438rem;
    margin-top: 28px;
    font-weight: 600
}
.card-item .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    height: 40px;
    width: 40px;
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    margin-top: 40px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
.card-list .card-item:hover .arrow {
    background: #000;
    color: #fff
}
@media (max-width:1200px) {
    .card-list .card-item {
        padding: 15px
    }
}
@media screen and (max-width:980px) {
    .card-list {
        margin: 0 auto
    }
}
.sidebar {
    position: fixed;
    top: 0;
    right: -70%;
    width: 60%;
    height: 100%;
    padding: 5px;
    background: var(--white);
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
    padding-top: 20px;
    z-index: 999999
}
.sidebar.open {
    right: 0
}
.sidebar .media-icons {
    display: none
}
.sidebar.open>.logo {
    display: block;
    height: 5.5rem;
    float: none;
    margin-bottom: 5px
}
.sidebar.open>.logo>a>img {
    height: 80px
}
.sidebar.open>.media-icons {
    display: block!important;
    position: static;
    right: 0
}
.sidebar.open>.media-icons a {
    border-radius: 10px
}
.sidebar ul {
    list-style: none;
    padding: 0
}
.sidebar ul li {
    border-bottom: 1px solid #dadada
}
.sidebar ul li:hover {
    background-color: #707070
}
.sidebar ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--black);
    -webkit-text-decoration: none;
    text-decoration: none;
    height: 100%;
    padding: 15px
}
.sidebar ul li a svg {
    margin-right: 2px
}
.sidebar ul li a:hover {
    color: var(--danger-col)
}
.sb-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    display: none;
    transition: opacity 0.3s ease
}
.sb-overlay.show {
    pointer-events: auto
}
.menu-btn {
    display: none;
    background: #fff0;
    color: var(--black);
    border: none;
    padding: 10px 15px;
    cursor: pointer
}
.menu-btn:hover {
    background: var(--hover-color)
}
.dropdown {
    position: relative;
    display: none
}
.Marquee {
    display: inline-block;
    white-space: nowrap;
    min-width: 200%
}
.informa {
    color: var(--danger-col);
    border: 1px dotted #000;
    font-size: large;
    font-weight: 700
}
.informa:hover {
    background-color: var(--danger-col);
    color: var(--white) !important
}
.informa-btn {
    color: var(--white) !important;
    background-color: var(--danger-col);
    border-radius: 12px;
    padding: 10px 5px
}
.informa-btn:hover {
    background-color: var(--primary-col)
}
.contact-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: 1200px;
    margin: auto;
    padding: 2rem;
    background: var(--white);
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / .1);
    box-shadow: 0 4px 10px rgb(0 0 0 / .1)
}
.sobre-nos .contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.contact-info h1 {
    color: var(--primary-col);
    text-align: center
}
.contact-info p {
    color: var(--text-color);
    font-size: .8rem;
    margin-left: 2%
}
.contact-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.contact-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    background: var(--other-col);
    padding: .8rem 1.2rem;
    border-radius: 30px;
    color: var(--dark-col);
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.contact-btn svg {
    width: 20px;
    height: 20px;
    fill: var(--primary-col)
}
.contact-btn:hover {
    background: var(--hover-color);
    color: var(--white)
}
.contact-map iframe {
    width: 100%;
    height: 300px;
    border-radius: 8px
}
.location h2 {
    margin-bottom: 10px
}
.lb-content {
    width: 40%!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
#myradio {
    width: 75%
}
.contact-form {
    padding: 5px;
    width: 100%
}
.contact-form h2 {
    text-align: center;
    color: var(--primary-col)
}
.contact-form form {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}
.contact-form input,
.contact-form select,
.contact-form textarea {
    padding: .8rem;
    border: 1px solid #eee;
    border-radius: 5px
}
.contact-form input::-webkit-input-placeholder {
    word-break: break-word
}
.contact-form input::-moz-placeholder {
    word-break: break-word
}
.contact-form input:-ms-input-placeholder {
    word-break: break-word
}
.contact-form input::-ms-input-placeholder {
    word-break: break-word
}
.contact-form input::placeholder {
    word-break: break-word
}
.contact-form button {
    background: var(--danger-col);
    color: var(--white);
    padding: .8rem;
    border: none;
    border-radius: 5px;
    cursor: pointer
}
.contact-form button:hover {
    background: var(--hover-color)
}
.cf-container {
    background: #fff;
    max-width: 1200px;
    width: 100%;
    padding: 25px 20px 10px 20px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / .1);
    box-shadow: 0 0 10px rgb(0 0 0 / .1);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.cf-container .cf-text {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    font-family: "Poppins",sans-serif;
    background: -webkit-linear-gradient(right,var(--danger-col),var(--danger-col),var(--danger-col),var(--danger-col));
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}
@media (max-width:768px) {
    .cf-container {
        padding: 20px 15px
    }
    .cf-container .cf-text {
        font-size: 30px
    }
}
@media (max-width:480px) {
    .cf-container .cf-text {
        font-size: 24px
    }
}
@media only screen and (max-width:500px) {
    h1 {
        font-size: 2rem
    }
    .music-player-body {
        padding: 0;
        font-size: 8px
    }
    .music-player {
        padding: .25rem .25rem;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
    .music-player #myradio {
        width: 100%
    }
    .pawtunes .header .logo {
        margin: 0
    }
    .pawtunes .header {
        padding: 5px 10px
    }
    .container {
        max-width: 100%
    }
    .tab-container {
        width: 100%
    }
    .title {
        font-size: .9rem
    }
    .dropdown {
        display: inline-block
    }
    .pawtunes .header .menu-right {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 0;
        position: absolute
    }
    .pawtunes .header .media-icons {
        display: none
    }
    .sidebar.open .media-icons a {
        padding: 6px
    }
    .menu-btn {
        position: relative;
        display: block;
        font-size: 1rem;
        right: 0
    }
    .nav-bar {
        display: none
    }
    .header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none
    }
    .contact-info img {
        width: auto
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: small;
        padding: .25rem .5rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--other-col)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--dark-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .cf-container {
        width: 100%
    }
    footer .footer-content {
        padding: 20px 10px
    }
    .lb-content {
        width: 100%!important
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .sm-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (max-width:600px) {
    h1 {
        font-size: 2.5rem
    }
    .music-player-body {
        padding: 0
    }
    .music-player {
        padding: .5rem .5rem;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
    .music-player #myradio {
        width: 100%
    }
    .pawtunes .header .logo {
        margin: 0
    }
    .pawtunes .header {
        padding: 5px 20px
    }
    .container {
        max-width: 500px
    }
    .tab-container {
        width: 600px
    }
    .contact-info img {
        width: auto
    }
    .music-player-body {
        font-size: 9px
    }
    .title {
        font-size: 1rem
    }
    .dropdown {
        display: inline-block
    }
    .pawtunes .header .menu-right {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 0;
        height: 100%;
        position: absolute
    }
    .pawtunes .header .media-icons {
        display: none
    }
    .menu-btn {
        position: relative;
        display: block;
        font-size: 1.2rem;
        right: 0
    }
    .nav-bar {
        display: none
    }
    .header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: medium;
        padding: .5rem 1rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--other-col)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--dark-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .cf-container {
        width: 100%
    }
    footer .footer-content {
        padding: 40px 10px 40px 10px
    }
    .lb-content {
        width: 100%!important
    }
    #myradio {
        width: 100%
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .sm-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (min-width:600px) {
    h1 {
        font-size: 2.5rem
    }
    .pawtunes .header .logo {
        margin: 0
    }
    .pawtunes .header {
        padding: 5px 20px
    }
    .container {
        max-width: 600px
    }
    .tab-container {
        width: 600px
    }
    .contact-info img {
        width: auto
    }
    .music-player-body {
        font-size: 9px
    }
    .title {
        font-size: 1rem
    }
    .dropdown {
        display: inline-block
    }
    .pawtunes .header .menu-right {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 0;
        position: absolute
    }
    .pawtunes .header .media-icons {
        display: none
    }
    .menu-btn {
        position: relative;
        display: block;
        font-size: 1.2rem;
        right: 0
    }
    #myradio {
        width: 100%
    }
    .nav-bar {
        display: none
    }
    .header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: medium;
        padding: .5rem 1rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        font-weight: 600;
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--bg-color)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--danger-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .cf-container {
        width: 100%
    }
    footer .footer-content {
        padding: 40px 10px 40px 10px
    }
    .lb-content {
        width: 100%!important
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .sm-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (min-width:768px) {
    .container {
        max-width: 720px
    }
    .tab-container {
        width: 768px
    }
    .music-player-body {
        font-size: 12px
    }
    .title {
        font-size: 1.1rem
    }
    .dropdown {
        display: inline-block
    }
    .pawtunes .header .menu-right {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        right: 0;
        position: absolute
    }
    .pawtunes .header .media-icons {
        display: none
    }
    .menu-btn {
        position: relative;
        display: block;
        font-size: 1.2rem;
        right: 0
    }
    .nav-bar {
        display: none
    }
    .header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: medium;
        padding: .5rem 1rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        font-weight: 600;
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--bg-color)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--danger-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .contact-info img {
        width: auto
    }
    .cf-container {
        width: 768px
    }
    footer .footer-content {
        padding: 40px 20px 40px 20px
    }
    .lb-content {
        width: 85%!important
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .md-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .md-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #myradio {
        width: 55%
    }
}
@media only screen and (min-width:992px) {
    .container {
        max-width: 960px
    }
    .tab-container {
        width: 992px
    }
    .music-player-body {
        font-size: 14px
    }
    .title {
        font-size: 1.2rem
    }
    .dropdown {
        display: none
    }
    .pawtunes .header .menu-right {
        display: none
    }
    .pawtunes .header .media-icons {
        display: block
    }
    .menu-btn {
        display: none;
        right: 0
    }
    .nav-bar {
        display: block
    }
    .header {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none;
        margin-top: 0em;
        padding-left: 12px;
        margin-bottom: 0em
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: medium;
        padding: .5rem .5rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        font-weight: 400;
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--bg-color)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--danger-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .contact-info img {
        width: auto
    }
    .cf-container {
        width: 992px
    }
    footer .footer-content {
        padding: 40px 20px 40px 20px
    }
    .lb-content {
        width: 70%!important
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .lg-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .lg-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #myradio {
        width: 45%
    }
}
@media only screen and (min-width:1200px) {
    .container {
        max-width: 1140px
    }
    .tab-container {
        width: 1200px
    }
    .music-player-body {
        font-size: 16px
    }
    .title {
        font-size: 1.2rem
    }
    .dropdown {
        display: none
    }
    .pawtunes .header .menu-right {
        display: none
    }
    .menu-btn {
        display: none;
        right: 0
    }
    .nav-bar {
        display: block
    }
    .header {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
    .pawtunes .header .menu-items {
        color: var(--black);
        list-style: none
    }
    .pawtunes .header .menu-item {
        display: inline-block;
        margin: 0 2px;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease
    }
    .pawtunes .header .menu-item>a {
        font-weight: 400;
        font-size: medium;
        padding: .5rem 1rem;
        display: inline-block;
        color: var(--black);
        -webkit-transition: all 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
        text-align: center
    }
    .pawtunes .header .menu-item:hover>a {
        font-weight: 400;
        color: var(--danger-col)
    }
    .pawtunes .header .menu-item:hover {
        background-color: var(--bg-color)
    }
    .pawtunes .header .menu-item.active {
        background-color: var(--danger-col)
    }
    .pawtunes .header .menu-item.active>a {
        color: var(--other-col);
        font-weight: 700
    }
    .pawtunes .header .logo img {
        vertical-align: middle
    }
    .contact-info img {
        width: auto
    }
    .cf-container {
        width: 1200px
    }
    footer .footer-content {
        padding: 40px
    }
    .lb-content {
        width: 60%!important
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
        flex: 0 0 8.33%;
        max-width: 8.33%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66%;
        flex: 0 0 41.66%;
        max-width: 41.66%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
        flex: 0 0 58.33%;
        max-width: 58.33%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33%;
        flex: 0 0 83.33%;
        max-width: 83.33%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
        flex: 0 0 91.66%;
        max-width: 91.66%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .xl-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .xl-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #myradio {
        width: 45%
    }
}
:root {
    --vs-primary: 29 92 255
}
dialog {
    margin: auto;
    padding: 1rem 3rem;
    background: #fff;
    max-width: 400px;
    padding-top: 2rem;
    border-radius: 20px;
    border: 0;
    -webkit-box-shadow: 0 5px 30px 0 rgb(0 0 0 / .1);
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / .1);
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both
}
dialog::-ms-backdrop {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    background: rgb(255 255 255 / .4);
    z-index: 2;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}
dialog::backdrop {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    background: rgb(255 255 255 / .4);
    z-index: 2;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}
dialog .x {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border: none;
    background: none;
    position: absolute;
    top: 15px;
    right: 10px;
    -webkit-transition: ease filter,-webkit-transform 0.3s;
    transition: ease filter,-webkit-transform 0.3s;
    transition: ease filter,transform 0.3s;
    transition: ease filter,transform 0.3s,-webkit-transform 0.3s;
    cursor: pointer;
    -webkit-transform-origin: center;
    transform-origin: center
}
dialog .x:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
dialog h2 {
    font-weight: 600;
    font-size: 2rem;
    padding-bottom: 1rem
}
dialog p {
    font-size: 1rem;
    line-height: 1.3rem;
    padding: .5rem 0
}
dialog p a:visited {
    color: #1d5cff;
    color: rgb(var(--vs-primary))
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.bottom-sheet {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 2147483647
}
.bottom-sheet.show {
    opacity: 1;
    pointer-events: auto
}
.bottom-sheet .sheet-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .4;
    background: #000;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
.bottom-sheet .content {
    display: block!important;
    width: 100%;
    position: relative;
    background: #fff;
    color: #1c1c1e;
    max-height: 100vh;
    height: 50vh;
    padding: 16px 20px 40px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 0 -10px 30px rgb(0 0 0 / .1);
    box-shadow: 0 -10px 30px rgb(0 0 0 / .1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(.25,.8,.25,1);
    transition: -webkit-transform 0.3s cubic-bezier(.25,.8,.25,1);
    transition: transform 0.3s cubic-bezier(.25,.8,.25,1);
    transition: transform 0.3s cubic-bezier(.25,.8,.25,1),-webkit-transform 0.3s cubic-bezier(.25,.8,.25,1)
}
.bottom-sheet.show .content {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}
.bottom-sheet.dragging .content {
    -webkit-transition: none;
    transition: none
}
.bottom-sheet.fullscreen .content {
    border-radius: 0;
    padding-top: 44px
}
.bottom-sheet .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 8px
}
.header .drag-icon {
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px;
    margin-top: -8px
}
.header .drag-icon span {
    height: 5px;
    width: 36px;
    display: block;
    background: #d1d1d6;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}
.bottom-sheet .body {
    height: 100%;
    overflow-y: auto;
    padding: 8px 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
}
.bottom-sheet .body::-webkit-scrollbar {
    width: 0;
    display: none
}
.bottom-sheet .body h2 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem
}
.bottom-sheet .body p {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: #636366
}
@media (prefers-color-scheme:dark) {
    .bottom-sheet .content {
        background: #1c1c1e;
        color: #f5f5f7
    }
    .bottom-sheet .body p {
        color: #aeaeb2
    }
    .header .drag-icon span {
        background: #3a3a3c
    }
}
.ayoan_whatsapp_row {
    margin-right: -15px;
    margin-left: -15px
}
.ayoan_whatsapp_full:before,
.ayoan_whatsapp_full:after,
.ayoan_whatsapp_clearfix:before,
.ayoan_whatsapp_clearfix:after,
.ayoan_whatsapp_container:before,
.ayoan_whatsapp_container:after,
.ayoan_whatsapp_row:before,
.ayoan_whatsapp_row:after {
    display: table;
    content: " "
}
.ayoan_whatsapp_full:after,
.ayoan_whatsapp_clearfix:after,
.ayoan_whatsapp_container:after,
.ayoan_whatsapp_row:after {
    clear: both
}
.ayoan_whatsapp_container {
    width: 1170px;
    margin: 0 auto
}
.ayoan_whatsapp_scroll1::-webkit-scrollbar {
    width: 7px
}
.ayoan_whatsapp_scroll1::-webkit-scrollbar-track {
    background: #ccc
}
.ayoan_whatsapp_scroll1::-webkit-scrollbar-thumb {
    background: #9c9c9c
}
.ayoan_whatsapp_full {
    position: relative;
    width: 100%;
    display: block
}
.ayoan_whatsapp_chatbox_container {
    position: fixed;
    bottom: 135px;
    right: 20px;
    font-size: 14px;
    z-index: 999999999
}
.ayoan_whatsapp_chatbox_container .ayoan_whatsapp_chatbox {
    position: relative;
    top: 0;
    width: 400px
}
.ayoan_whatsapp_chatbox .widget-wrapper {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 19px rgb(0 0 0 / .05)
}
.ayoan_whatsapp_chatbox .widget-header {
    display: flex;
    flex-direction: row;
    background: #3cb743;
    padding: 20px 25px;
    border-radius: 10px 10px 0 0
}
.ayoan_whatsapp_chatbox .widget-header .wa-col-1 .header-icon {
    width: 40px;
    opacity: .8
}
.ayoan_whatsapp_chatbox .widget-header .wa-col-2 {
    flex-grow: 1;
    color: #fff;
    padding-left: 18px
}
.ayoan_whatsapp_chatbox .widget-header .wa-col-2 .header-title {
    font-size: 150%;
    margin-bottom: 8px;
    opacity: .8
}
.ayoan_whatsapp_chatbox .widget-header .wa-col-2 .header-content {
    font-size: 90%;
    font-weight: 300;
    letter-spacing: .3px;
    opacity: .8;
    line-height: 1.5
}
.ayoan_whatsapp_chatbox .widget-body {
    padding: 10px 10px 25px 10px;
    border-radius: 0 0 10px 10px
}
.ayoan_whatsapp_chatbox .widget-body .body-title {
    padding: 7px 15px 13px 15px;
    color: #aaa;
    font-weight: 300;
    font-size: 90%
}
.ayoan_whatsapp_chatbox .widget-body .body-content {
    height: 95px;
    overflow-x: hidden;
    overflow-y: auto
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list {
    height: 100%;
    margin: 0;
    padding: 0 15px 0 15px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item {
    margin-bottom: 15px;
    background: #f1f4f7;
    border-radius: 5px;
    border-left: 3px solid #aaa;
    display: flex;
    padding: 5px 0;
    cursor: pointer;
    transition: all 0.3s ease
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item:hover {
    background: #fff;
    box-shadow: 0 8px 20px 0 #ccc
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item:last-child {
    margin-bottom: 0
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item.active {
    border-left: 3px solid #3cb743
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-1 {
    padding: 15px;
    width: auto;
    min-width: 50px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .user-pro-pic-wrapper {
    border-radius: 100%;
    overflow: hidden;
    width: 50px;
    height: 50px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .user-pro-pic-wrapper .user-pro-pic {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 100%
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-2 {
    flex-grow: 1;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-break: break-word
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-2 .list-title {
    font-size: 110%;
    color: #222;
    font-weight: 400;
    margin-bottom: 2px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-2 .list-content {
    font-size: 90%;
    color: #aaa;
    margin-bottom: 5px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-2 .list-latest-text {
    color: #e6ac0a
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-2 .list-latest-text:empty {
    display: none
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-3 {
    width: 50px;
    min-width: 50px;
    text-align: center
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-3 .list-icon-wrapper .list-icon {
    width: 25px;
    height: 25px;
    margin-top: 28px
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item .wa-col-3 .list-icon-wrapper .list-icon path {
    fill: #aaa
}
.ayoan_whatsapp_chatbox .widget-body .body-content .user-list .item.active .wa-col-3 .list-icon-wrapper .list-icon path {
    fill: #3cb743
}
.ayoan_whatsapp_chatbox_container .widget-close-btn-row {
    position: relative;
    height: 100px;
    text-align: right
}
.ayoan_whatsapp_chatbox_container .widget-close-btn {
    background: #3cb743;
    border: none;
    padding: 20px 20px;
    border-radius: 100%;
    margin-top: 20px;
    box-shadow: 0 20px 15px rgb(0 0 0 / .1);
    outline: none!important
}
.ayoan_whatsapp_chatbox_container .widget-close-btn .icon {
    width: 20px;
    display: block
}
@media only screen and (max-width:500px) {
    .ayoan_whatsapp_chatbox_container {
        right: 2px
    }
    .ayoan_whatsapp_chatbox_container .ayoan_whatsapp_chatbox {
        width: 85%;
        height: auto;
        margin: auto
    }
    .rs-openChat {
        width: 356px!important
    }
}
@media only screen and (min-width:600px) {
    .ayoan_whatsapp_chatbox_container {
        right: 2px
    }
    .ayoan_whatsapp_chatbox_container .ayoan_whatsapp_chatbox {
        width: auto;
        height: auto
    }
}
@media only screen and (min-width:768px) {
    .ayoan_whatsapp_chatbox_container {
        right: 20px
    }
    .ayoan_whatsapp_chatbox_container .ayoan_whatsapp_chatbox {
        width: 400px
    }
}
/*!
 * anima.css
 * Version - 1.0.1
 * Original author: animate css - http://firstdonoharm.dev
 *
 * A ripped version of animate css
 */
:root{--anima-duration:1s}.anima{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--anima-duration);animation-duration:var(--anima-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@media print,(prefers-reduced-motion:reduce){.anima{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.anima[class*="Out"]{opacity:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.anima_fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.anima_fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.anima_fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.anima_slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}#lcl_overlay,#lcl_wrap{position:fixed;top:0;left:0}#lcl_window,#lcl_wrap:before{display:inline-block;vertical-align:middle}#lcl_contents_wrap,#lcl_corner_close{transition:opacity 0.3s}#lcl_txt,#lcl_wrap>*,#lcll_1,#lcll_2{box-sizing:border-box}#lcl_descr,#lcl_inline,#lcl_txt{line-height:20px}#lcl_thumbs_nav,#lcl_thumbs_nav *,.lcl_zoom_helper{user-select:none}@font-face{font-family:lc_lightbox;src:url(fonts/lc_lightbox.eot);src:url(fonts/lc_lightbox.eot) format("embedded-opentype"),url(fonts/lc_lightbox.woff) format("woff"),url(fonts/lc_lightbox.ttf) format("truetype"),url(fonts/lc_lightbox.svg) format("svg");font-weight:400;font-style:normal}#lcl_wrap{bottom:0;right:0;text-align:center;overflow-x:hidden;overflow-y:hidden;z-index:999999999;-webkit-overflow-scrolling:touch}#lcl_wrap:before{content:"";height:100%}#lcl_wrap>*{text-align:left}#lcl_corner_close,#lcl_thumbs_nav,.lcl_icon{box-sizing:content-box!important}#lcl_overlay{width:100%;height:100%;overflow:hidden;z-index:-1;background-position:top left;background-repeat:repeat;transform:translateZ(0)}#lcl_wrap:not(.lcl_pre_show){transition:0.35s ease-in}#lcl_loader{display:block;opacity:0;height:40px;width:40px;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;z-index:-1;transition:opacity 0.3s ease-out}#lcl_loader.lcl_loader_pre_first_el,.lcl_first_sizing #lcl_contents_wrap,.lcl_first_sizing #lcl_corner_close,.lcl_first_sizing #lcl_nav_cmd,.lcl_loading_iframe #lcl_contents_wrap,.lcl_loading_iframe #lcl_corner_close,.lcl_loading_iframe #lcl_nav_cmd,.lcl_loading_videojs #lcl_contents_wrap,.lcl_loading_videojs #lcl_corner_close,.lcl_loading_videojs #lcl_nav_cmd,.lcl_switching_elem #lcl_contents_wrap,.lcl_switching_elem #lcl_corner_close,.lcl_switching_elem:not(.lcl_outer_cmd):not(.lcl_fullscreen_mode) #lcl_nav_cmd,.lcl_toggling_fs #lcl_contents_wrap,.lcl_toggling_fs #lcl_corner_close,.lcl_toggling_fs #lcl_nav_cmd,.lcl_toggling_txt.lcl_inner_cmd #lcl_nav_cmd,.lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_under.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{opacity:0!important}.lcl_first_sizing #lcl_loader:not(.no_loader),.lcl_loading_iframe #lcl_loader:not(.no_loader),.lcl_loading_videojs #lcl_loader:not(.no_loader),.lcl_switching_elem #lcl_loader:not(.no_loader){opacity:1;z-index:99999}#lcll_1,#lcll_2{position:absolute;width:100%;height:100%;top:50%;left:50%;border-radius:50%;margin-top:-50%;margin-left:-50%;background:0 0;border-color:#aaa #aaa #fff0;border-width:3px;border-style:solid;animation:1.4s linear infinite lcl-loader}#lcl_elem_wrap,.lcl_tn_inner li{background-repeat:no-repeat;background-position:center center}#lcll_2{width:50%;height:50%;margin-left:-25%;margin-top:-25%;border-right-color:transparent!important;animation-duration:1.15s;animation-direction:reverse}@keyframes lcl-loader{100%{transform:rotate(360deg) translateZ(0)}}#lcl_subj.lcl_switching_el>*,.lcl_loading_iframe #lcl_progressbar,.lcl_loading_videojs #lcl_progressbar,.lcl_tn_mixed_types li.lcl_sel_thumb::before{opacity:0}.lcl_first_sizing #lcl_contents_wrap *,.lcl_is_resizing:not(.lcl_first_sizing):not(.lcl_toggling_txt):not(.lcl_toggling_tn):not(.lcl_toggling_fs) #lcl_window,.lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) #lcl_elem_wrap:not(.lcl_image_elem),.lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) .lcl_image_elem,.lcl_loading_iframe #lcl_contents_wrap *,.lcl_loading_videojs #lcl_contents_wrap *,.lcl_show_already_shaped #lcl_window,.lcl_switching_elem #lcl_contents_wrap *,.lcl_toggling_fs #lcl_contents_wrap *{transition:none!important}#lcl_window{text-align:left;z-index:30;width:100%;height:100%;max-height:100%;max-width:100%;min-width:50px;min-height:50px;line-height:0!important;overflow:visible;position:relative;top:0;left:0;transform:translateZ(0)}#lcl_elem_wrap:not(.lcl_image_elem) .lcl_elem,.lcl_image_elem{transition:0.3s ease-out}.lcl_toggling_fs #lcl_elem_wrap .lcl_elem,.lcl_toggling_fs #lcl_window,.lcl_toggling_fs .lcl_image_elem,.lcl_toggling_fs#lcl_wrap{transition:0.05s linear}.lcl_tn_hidden #lcl_window{margin-top:0!important}.lcl_pre_first_el:not(.lcl_show_already_shaped) #lcl_window{width:100px;height:100px;max-width:85px!important;max-height:85px!important}.lcl_is_closing #lcl_window{transition-timing-function:ease-in}#lcl_contents_wrap,#lcl_subj{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden!important}.lcl_on_mobile #lcl_subj{overflow:auto!important}#lcl_subj{z-index:10}#lcl_wrap:not(.lcl_switching_elem) #lcl_subj{transition:border-width 0.35s}.lcl_toggling_txt #lcl_subj{transition-delay:0.55s!important}#lcl_elem_wrap{position:relative;background-size:cover}.lcl_html_elem,.lcl_image_elem{position:absolute!important;top:0;left:0;right:0;bottom:0}.lcl_image_elem img{left:-99999px;position:fixed!important}.lcl_html_elem{line-height:normal;padding:15px;overflow-y:auto;background:#fdfdfd}.lcl_elem.video-js .vjs-poster,.lcl_postered_video,.lcl_tn_inner li{background-size:cover}.lcl_fullscreen_mode[lcl-type="iframe"] #lcl_subj{top:60px}.lcl_dailymotion_elem>*,.lcl_iframe_elem>*,.lcl_postered_video>iframe,.lcl_video_elem>*,.lcl_vimeo_elem>*,.lcl_youtube_elem>*{position:absolute;top:0;left:0;width:100%;height:100%}.lcl_elem.video-js{bottom:0;height:auto;left:0;position:absolute;right:0;top:0;width:auto;background:#000!important}#lcl_thumbs_nav:not(.lcl_tn_has_arr) span,#lcl_wrap[lcl-type="html"] .lcl_socials,#lcl_wrap[lcl-type="iframe"] .lcl_socials,.lcl_corner_close.lcl_inner_cmd .lcl_close,.lcl_elem.video-js .vjs-fullscreen-control,.lcl_last_elem .lcl_play,.lcl_no_carousel.lcl_last_elem .lcl_next:after,.lcl_no_carousel[lc-lelem="0"] .lcl_prev:after,.lcl_no_txt #lcl_txt,.lcl_normal_close #lcl_corner_close,.lcl_outer_cmd #lcl_corner_close,.lcl_zoom_icon.lcl_zoom_disabled:after{display:none!important}.lcl_elem.video-js .vjs-big-play-button{background-color:rgb(43 51 63 / .7);border:2px solid #fff;border-radius:50%;font-size:40px;line-height:62px;width:66px;height:66px;left:50%;top:50%;margin:-33px 0 0 -33px}.lcl_postered_video{background-position:center}.lcl_postered_video:not(.lcl_poster_clicked){cursor:pointer}.lcl_counter,.lcl_no_carousel.lcl_last_elem .lcl_next,.lcl_no_carousel[lc-lelem="0"] .lcl_prev,.lcl_zoom_icon.lcl_zoom_disabled{cursor:default!important}.lcl_postered_video:not(.lcl_poster_clicked):before{content:"\f0bf";box-sizing:border-box;font-size:38px!important;line-height:62px!important;text-indent:5px!important;color:#fff;border-radius:50%;background:rgb(43 51 63 / .7);top:50%;left:50%;width:66px;height:66px;margin-left:-33px;margin-top:-33px;border:2px solid #fff}.lcl_postered_video:not(.lcl_poster_clicked):hover:before{background:rgb(115 133 159 / .5)}.lcl_postered_video:not(.lcl_poster_clicked) iframe{display:none}.lcl_html_container{margin:auto;overflow:auto;position:relative}#lcl_wrap[lcl-type="html"]:not(.lcl_fullscreen_mode) .lcl_html_elem{position:static!important}#lcl_wrap[lcl-type="html"].lcl_txt_under:not(.lcl_fullscreen_mode) #lcl_txt,#lcl_wrap[lcl-type="html"]:not(.lcl_fullscreen_mode) #lcl_contents_wrap,#lcl_wrap[lcl-type="html"]:not(.lcl_fullscreen_mode) #lcl_subj{position:relative!important}#lcl_wrap[lcl-type="html"] #lcl_subj,#lcl_wrap[lcl-type="html"].lcl_txt_under:not(.lcl_forced_over) #lcl_contents_wrap{overflow:auto}.lcl_fullscreen_mode#lcl_wrap[lcl-type="html"] #lcl_elem_wrap{display:flex;align-items:center}.lcl_fullscreen_mode .lcl_html_elem{padding-top:18px;border-top:42px solid #fdfdfd;padding-bottom:0;border-bottom:15px solid #fdfdfd}#lcl_inline{padding:15px 10px}#lcl_nav_cmd{position:absolute;top:0;z-index:100;overflow:visible;padding:8px;height:0;right:0;left:0}.lcl_corner_close.lcl_force_txt_over:not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_hidden_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_inner_cmd:not(.lcl_txt_rside):not(.lcl_forced_outer_cmd) #lcl_nav_cmd,.lcl_corner_close.lcl_no_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd{padding-right:24px!important}.lcl_switching_elem.lcl_fullscreen_mode #lcl_nav_cmd :not(.lcl_close),.lcl_switching_elem.lcl_outer_cmd #lcl_nav_cmd :not(.lcl_close){pointer-events:none!important}.lcl_outer_cmd #lcl_nav_cmd{z-index:99999;margin:0!important;padding:10px 15px}.lcl_outer_cmd:not(.lcl_first_sizing):not(.lcl_first_sizing):not(.lcl_loading_iframe):not(.lcl_switching_elem):not(.lcl_toggling_txt):not(.lcl_toggling_fs):not(.lcl_is_closing) #lcl_nav_cmd{opacity:1!important}.lcl_is_closing.lcl_outer_cmd #lcl_nav_cmd{transition:0.2s;opacity:0!important}#lcl_nav_cmd .lcl_icon{display:inline-block;border-radius:3px;background:#fefefe;box-shadow:0 0 2px rgb(20 20 20 / .05);border:1px solid #eaeaea;text-align:center;vertical-align:top;margin:4px;width:28px;height:28px;padding:0;color:#6f6f6f;position:relative}#lcl_nav_cmd .lcl_icon:focus:not(.lcl_zoom_disabled){outline:#0060df solid 2px;z-index:1}.lcl_outer_cmd .lcl_close{right:0!important;top:0!important}@media screen and (min-width:450px){.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type="iframe"]):not([lcl-type="html"]) #lcl_nav_cmd .lcl_icon,.lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon{opacity:0;transform:scale(.7);transition:opacity 0.2s ease-in 0.5s,box-shadow 0.2s ease-in 0.5s,transform 0.2s ease-in 0.5s}#lcl_window:not(.lcl_on_mobile):hover #lcl_nav_cmd .lcl_icon,.lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type="iframe"]):not([lcl-type="html"]):hover #lcl_nav_cmd .lcl_icon{opacity:1;transition:0.2s ease-in;transform:scale(1)}}#lcl_corner_close:before,.lcl_icon:before,.lcl_postered_video:not(.lcl_poster_clicked):before,.lcl_tn_next:before,.lcl_tn_prev:before{font-family:lc_lightbox!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;display:block;font-size:16px;line-height:27px;z-index:10;position:relative;transition:0.15s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lcl_icon:not(.lcl_counter):after{content:"";display:block;left:-1px;right:-1px;position:absolute;top:-1px;bottom:-1px;z-index:5;border-radius:3px;opcity:0;background:#6f6f6f;transition:0.2s;transform:scale(0)}.lcl_nav_btn_middle .lcl_next:after,.lcl_nav_btn_middle .lcl_prev:after{transition-duration:0.15s}.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next,.lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next,.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next:after{right:0!important}.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev,.lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev,.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev:after{left:0!important}#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover{border-radius:5px!important}#lcl_corner_close:before,#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before{color:#fff}#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:after{opacity:1;transform:scale(1)}.lcl_prev:before{content:"\f053";text-indent:-1px}.lcl_next:before{content:"\f054";text-indent:1px}.lcl_play:before{content:"\f0bf";font-size:20px;line-height:28px;text-indent:1px}.lcl_is_playing .lcl_play:before{content:"\f0bb";font-size:20px;line-height:28px;text-indent:0}#lcl_corner_close:before,.lcl_close:before{content:"\e901";font-size:20px;line-height:28px}.lcl_fullscreen:before{content:"\f065"}.lcl_fullscreen_mode .lcl_fullscreen:before,.lcl_window:before{content:"\e900"}.lcl_zoom_out:before{content:"\e909";font-size:16px}.lcl_zoom_in:before{content:"\e908";font-size:16px}.lcl_txt_toggle:before{content:"\f10e";font-size:16px}.lcl_thumbs_toggle:before{content:"\e902";font-size:15px;line-height:26px;text-indent:-1px}.lcl_download:before{content:"\e9c5"}.lcl_socials:before{content:"\e600";font-size:15px;line-height:26px}.lcl_fb:before{content:"\f09a";font-size:17px}.lcl_pint:before{content:"\f0d2";font-size:18px}.lcl_wa:before{content:"\f232";font-size:18px}.lcl_twit:before{content:"\e905";font-size:17px}.lcl_copy_dlu:before{content:"\e904";font-size:17px}.lcl_tn_prev:before{content:"\f137"}.lcl_tn_next:before{content:"\f138"}.lcl_right_icon{float:right}.lcl_close{margin-left:36px!important}.lcl_counter{font-size:12px;font-weight:700;line-height:27px;padding:0 10px;width:auto!important}@media screen and (max-width:340px){.lcl_counter{display:none!important}}.lcl_download,.lcl_socials{position:relative}.lcl_download a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.lcl_first_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_prev,.lcl_last_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_next{opacity:0.5!important;cursor:default!important}#lcl_thumb_next div:before,#lcl_thumb_prev div:before{font-size:20px}.lcl_icon{cursor:pointer;display:inline-block;height:24px;width:24px;border-radius:2px;transition:0.2s linear}.lcl_hidden_txt .lcl_txt_toggle:before,.lcl_no_carousel.lcl_last_elem .lcl_next:before,.lcl_no_carousel[lc-lelem="0"] .lcl_prev:before,.lcl_tn_hidden .lcl_thumbs_toggle:before,.lcl_zoom_icon.lcl_zoom_disabled:before{opacity:0.6!important}#lcl_corner_close{position:absolute;right:-22px;top:-24px;border:3px solid #d3d3d3;background:#6f6f6f;border-radius:50%;min-height:34px;min-width:34px;cursor:pointer;z-index:150;text-decoration:none}#lcl_corner_close:before{font-size:20px!important;line-height:34px!important;transition:0.3s}#lcl_corner_close:not(.lcl_on_mobile):hover:before{transform:rotate(180deg)}.lcl_nav_btn_middle .lcl_next,.lcl_nav_btn_middle .lcl_prev{position:fixed!important;top:50%;margin-top:-32px!important;padding:16px 4px}.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev{box-shadow:none!important;border:none!important}.lcl_nav_btn_middle .lcl_next:before,.lcl_nav_btn_middle .lcl_prev:before{font-size:23px!important}#lcl_thumbs_nav span.lcl_tn_prev,.lcl_nav_btn_middle .lcl_prev{left:0}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev:after{border-top-left-radius:0!important;border-bottom-left-radius:0!important}#lcl_thumbs_nav span.lcl_tn_next,.lcl_nav_btn_middle .lcl_next{right:0}.lcl_nav_btn_middle.lcl_inner_cmd .lcl_next,.lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next:after{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.lcl_nav_btn_middle.lcl_outer_cmd .lcl_prev{margin-left:19px!important}.lcl_nav_btn_middle.lcl_outer_cmd .lcl_next{margin-right:19px!important}@media screen and (max-width:450px){#lcl_nav_cmd .lcl_icon{margin:0}.lcl_close{margin-left:26px!important}}.lcl_on_mobile .lcl_zoom_wrap{overflow:scroll!important}.lcl_zoom_wrap,.lcl_zoom_wrap *{cursor:move;cursor:grab;user-select:none}.lcl_zoom_wrap:active{cursor:move;cursor:grabbing}.lcl_zoom_helper{position:absolute;font-size:8.4px;color:#fafafa;background:#972626;display:inline-block;border:2px solid #972626;padding:5px 1px;font-family:arial;text-shadow:0 0 0 rgb(250 250 250 / .8);letter-spacing:.28px;border-radius:1px;line-height:0;z-index:10;bottom:-11px;right:-7px}.lcl_tooltip,.lcl_txt_under #lcl_txt{background:#fff}#lcl_txt{padding:12px 10px;z-index:50;position:absolute;overflow:hidden}.lcl_toggling_txt #lcl_txt{transition:transform 0.45s 0.1s,opacity 0.35s 0.1s}#lcl_txt *{font-family:Arial,​ "sans-serif"}#lcl_txt>*{padding:0;margin:0;text-align:left;position:relative;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}#lcl_title{font-size:17px;font-weight:700;line-height:normal;margin-bottom:4px}#lcl_author{font-size:12px;line-height:15px;font-weight:400}.lcl_comments_wrap{min-width:178px}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border{border-bottom:1px dashed #cfcfcf;margin-bottom:12px;padding-bottom:17px}.lcl_force_txt_over #lcl_txt .lcl_txt_border,.lcl_txt_over #lcl_txt .lcl_txt_border,.lcl_txt_under #lcl_txt .lcl_txt_border{border-bottom:1px dashed #cfcfcf;margin-bottom:10px;padding-bottom:12px}#lcl_descr{font-size:14px}.lcl_switching_el #lcl_txt,.lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_under_calc #lcl_txt,.lcl_txt_under_calc #lcl_txt *{transition-duration:0s!important}.lcl_txt_over #lcl_txt,.lcl_txt_under #lcl_txt{left:0;bottom:0}.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{padding:18px 25px 22px;margin-bottom:0!important}.lcl_txt_under.lcl_hidden_txt.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{visibility:hidden!important}.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after{height:7px;left:0;position:absolute;right:0;top:0}.lcl_force_txt_over #lcl_txt,.lcl_txt_over #lcl_txt{background:rgb(255 255 255 / .9);background-clip:padding-box!important;border:15px solid #fff0;border-radius:0 17px 17px 0;max-height:calc(100% - 42px);padding:13px 22px;overflow:auto;bottom:0}.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{bottom:auto!important;right:auto!important;left:0!important;top:42px!important;padding:17px 22px!important;max-width:33.3%;max-height:calc(100% - 42px);transition:transform 0.45s 0.1s,opacity 0.35s 0.1s,bottom 0.3s}.lcl_playing_video.lcl_force_txt_over #lcl_txt,.lcl_playing_video.lcl_txt_over #lcl_txt{max-height:calc(100% - 42px - 45px);bottom:45px}@media screen and (max-width:1024px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width:66.6%}}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{padding:16px 24px;top:0;bottom:0;width:330px;overflow-y:auto;overflow-x:hidden}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after{bottom:0;position:absolute;top:0;width:4px}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{padding-left:18px;left:0;background:#fefefe}.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{padding-right:18px;right:0;background:#fefefe}.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right:330px solid #fff0}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right:330px}.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left:330px solid #fff0}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left:330px}@media screen and (max-width:780px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width:100%}.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{width:220px}.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width:220px}.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width:220px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right:220px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav,.lcl_nav_btn_middle .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left:220px}}@media screen and (min-width:1700px){.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{width:400px}.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width:400px}.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width:400px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav{right:400px}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd,.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav{left:400px}}.lcl_fullscreen_mode.lcl_hidden_txt #lcl_thumbs_nav,.lcl_hidden_txt.lcl_inner_cmd #lcl_nav_cmd,.lcl_hidden_txt.lcl_outer_cmd #lcl_nav_cmd{right:0!important;left:0!important}#lcl_txt>:first-child{padding-top:0;margin-top:0}#lcl_txt>:last-child{padding-bottom:0;margin-bottom:0}.lcl_fullscreen_mode #lcl_subj,.lcl_fullscreen_mode #lcl_txt,.lcl_socials_tt a{margin:0!important}.lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{height:0!important;padding:0!important;transform:translateY(100%)}.lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_force_txt_over #lcl_txt,.lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_txt_over #lcl_txt{opacity:0!important;z-index:-1;transform:translateY(30px) scale(.95)}.lcl_hidden_txt.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt,.lcl_hidden_txt.lcl_fullscreen_mode.lcl_txt_over #lcl_txt{transform:translateX(-110%) scale(.8)}.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_subj,.lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_subj{border-width:0!important}.lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{transform:translateX(100%)}.lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{transform:translateX(-100%)}.lcl_tooltip{position:absolute;left:50%;padding:7px;border-radius:3px;box-shadow:0 0 6px 1px rgb(0 0 0 / .15);opacity:0;font-size:14px;transition:0.25s ease-out}.lcl_tooltip:before{content:"";border-style:solid;border-width:7px;left:50%;margin-left:-7px;position:absolute}.lcl_tooltip.lcl_tt_bottom:before{bottom:100%;border-color:#fff0 #fff0 #fff}.lcl_tooltip.lcl_tt_top:before{top:100%;border-color:#fff #fff0 #fff0}.lcl_tooltip.lcl_tt_bottom{top:115%;transform:translate(-50%,8px)}.lcl_tooltip.lcl_tt_top{bottom:115%;transform:translate(-50%,-8px)}.lcl_tooltip.lcl_show_tt{opacity:1;transform:translate(-50%,0)}.lcl_tooltip.lcl_socials_tt{white-space:nowrap;padding-left:10px;padding-right:10px;top:150%;display:grid;gap:0 10px;grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center}.lcl_socials_tt a{border-width:0 0 0 1px!important;border-style:solid;border-color:#eaeaea;border-radius:0!important;box-shadow:none!important;padding:0 12px;text-decoration:none!important;max-width:17px}.lcl_socials_tt a:first-child{border:none!important}#lcl_wrap.lcl_fullscreen_mode{padding:0!important}.lcl_fullscreen_mode #lcl_contents_wrap,.lcl_fullscreen_mode #lcl_window{border-radius:0!important}.lcl_fullscreen_mode #lcl_window{border-width:0!important;margin-top:0!important}.lcl_fullscreen_mode #lcl_elem_wrap{bottom:0!important}.lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_next,.lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_prev,.lcl_fullscreen_mode.lcl_toggling_txt.lcl_outer_cmd{transition:0.4s 0.2s!important}#lcl_thumbs_nav{margin:10px 20px;position:fixed;bottom:5rem;left:0;right:0;z-index:60;transition:transform 0.35s ease-in,opacity 0.5s,margin 0.35s,left 0.4s 0.2s,right 0.4s 0.2s}.lcl_playing_video.lcl_fullscreen_mode #lcl_thumbs_nav{margin-bottom:50px}#lcl_thumbs_nav.lcl_pre_tn_scroll,.lcl_pre_first_el #lcl_thumbs_nav,.lcl_tn_hidden #lcl_thumbs_nav{opacity:0;transform:translateY(150%)}#lcl_thumbs_nav .lcl_tn_inner{position:absolute;z-index:10;left:45px;right:45px;bottom:0;top:0;list-style:none!important;margin:0!important;text-align:center;white-space:nowrap;overflow:hidden!important}.lcl_on_mobile .lcl_tn_inner{overflow:auto!important;touch-action:pan-x}.lcl_tn_inner li{height:100%;margin:0 0 0 10px;display:inline-block;border:0 solid #ccc;border-radius:2px;position:relative;background-clip:content-box;background-color:#9f9f9f;cursor:pointer;overflow:hidden;box-shadow:0 0 4px rgb(10 10 10 / .45);transform:scale(.83) translateZ(0);transition:0.25s}.lcl_tn_inner li:first-child{margin:0}#lcl_wrap:not(.lcl_on_mobile) .lcl_tn_inner li:not(.lcl_sel_thumb):hover,.lcl_tn_inner li.lcl_sel_thumb{transform:scale(.97)}.lcl_tn_inner li.lcl_sel_thumb.lcl_tn_preload,.lcl_tn_inner li.lcl_tn_preload{margin:0!important;width:0!important;height:0!important;transform:scale(0)!important}.lcl_thumb_title_tt{padding:7px 10px}#lcl_thumbs_nav span{position:absolute;cursor:pointer;width:23px;height:23px;top:50%;margin-top:-12px;z-index:15;color:#f5f5f5}#lcl_thumbs_nav.lcl_tn_has_arr span{display:inline-block!important}#lcl_thumbs_nav.lcl_tn_has_arr span:before{font-size:23px}.lcl_tn_video video{position:absolute;top:-15%;left:-15%;width:130%;height:130%}.lcl_tn_mixed_types li::before{background:rgb(0 0 0 / .25);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;transition:0.25s}.lcl_tn_mixed_types li:after{font-family:lc_lightbox!important;bottom:0;color:#fff;font-size:18px;line-height:28px;right:5px;position:absolute;text-shadow:0 0 3px rgb(0 0 0 / .7);z-index:15;content:"\e929"}.lcl_tn_mixed_types li.lcl_tn_image:after{content:"\e927"}.lcl_tn_mixed_types li.lcl_tn_iframe:after{content:"\e903"}.lcl_tn_mixed_types li.lcl_tn_html:after{content:"\e926"}#lcl_progressbar{position:fixed;z-index:99999;top:0;height:2px;left:0;width:0;background:#fff;box-shadow:0 2px 2px 0 rgb(0 0 0 / .4);transition:opacity 0.6s}.lcl_pattern_oblique_dots{background-image:url(../img/patterns/oblique_dots.png)}.lcl_pattern_1{background-image:url(../img/patterns/pattern-1.png)}.lcl_pattern_dot-1{background-image:url(../img/patterns/pattern-dot-1.png)}.lcl_pattern_dot-2{background-image:url(../img/patterns/pattern-dot-2.png)}.lcl_pattern_dot-b1{background-image:url(../img/patterns/pattern-dot-b1.png)}.lcl_pattern_dot-b2{background-image:url(../img/patterns/pattern-dot-b2.png)}.lcl_pattern_dot-b3{background-image:url(../img/patterns/pattern-dot-b3.png)}.lcl_pattern_dot-b4{background-image:url(../img/patterns/pattern-dot-b4.png)}.lcl_pattern_triangle-05{background-image:url(../img/patterns/pattern-triangle-05.png)}.lcl_pattern_triangle-10{background-image:url(../img/patterns/pattern-triangle-10.png)}.lcl_pattern_triangle-20{background-image:url(../img/patterns/pattern-triangle-20.png)}.lcl_pattern_triangle-30{background-image:url(../img/patterns/pattern-triangle-30.png)}.lcl_pattern_triangle-40{background-image:url(../img/patterns/pattern-triangle-40.png)}.lcl_pattern_ver-line-10{background-image:url(../img/patterns/pattern-ver-line-10.png)}.lcl_pattern_ver-line-20{background-image:url(../img/patterns/pattern-ver-line-20.png)}.lcl_pattern_ver-line-30{background-image:url(../img/patterns/pattern-ver-line-30.png)}.lcl_pattern_ver-line-40{background-image:url(../img/patterns/pattern-ver-line-40.png)}.lcl_pattern_ver-line-50{background-image:url(../img/patterns/pattern-ver-line-50.png)}.lcl_light #lcl_window,.lcl_light.lcl_txt_under #lcl_txt,.lcl_light #lcl_nav_cmd .lcl_icon,.lcl_light #lcl_corner_close,.lcl_light.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt,.lcl_light.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt,.lcl_light .lcl_tooltip{background-color:#fcfcfc}.lcl_light #lcl_subj{background-color:#4e4e4e}.lcl_light #lcl_loader>span{border-color:#aaa #aaa #fff0}.lcl_light #lcl_nav_cmd .lcl_icon{border-radius:3px;background:#fefefe;box-shadow:0 0 2px rgb(20 20 20 / .05);border:none;color:#6f6f6f}.lcl_light .lcl_icon:not(.lcl_counter):after{background:#6f6f6f}.lcl_light#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before{color:#fefefe}.lcl_light.lcl_fullscreen_mode[lcl-type="iframe"] #lcl_subj{top:58px}.lcl_light .lcl_close{margin-left:14px!important}.lcl_light .lcl_zoom_in{margin-right:14px!important}.lcl_light.lcl_nav_btn_middle .lcl_prev,.lcl_light.lcl_nav_btn_middle .lcl_prev:hover,.lcl_light.lcl_nav_btn_middle .lcl_next,.lcl_light.lcl_nav_btn_middle .lcl_next:hover{background:transparent!important;border-radius:0!important}.lcl_light.lcl_nav_btn_middle .lcl_prev:before,.lcl_light.lcl_nav_btn_middle .lcl_next:before,.lcl_light.lcl_nav_btn_middle .lcl_prev:hover:before,.lcl_light.lcl_nav_btn_middle .lcl_next:hover:before{font-size:28px!important;color:#fff!important}.lcl_light.lcl_nav_btn_middle .lcl_prev:after,.lcl_light.lcl_nav_btn_middle .lcl_next:after{box-shadow:none!important}.lcl_light.lcl_nav_btn_middle .lcl_next:after,.lcl_light.lcl_nav_btn_middle .lcl_prev:after,.lcl_light.lcl_nav_btn_middle:not(.lcl_on_mobile) .lcl_next:hover:after,.lcl_light.lcl_nav_btn_middle .lcl_prev:hover:after{background:rgb(0 0 0 / .3)!important}@media screen and (min-width:475px){.lcl_light .lcl_close{margin-left:28px!important}.lcl_light .lcl_zoom_in{margin-right:28px!important}}@media screen and (max-width:475px){.lcl_light #lcl_nav_cmd .lcl_icon{margin:3px 0}.lcl_light .lcl_counter{letter-spacing:-1px}}@media screen and (max-width:370px){.lcl_light.lcl_outer_cmd #lcl_nav_cmd{padding:7px 10px}.lcl_light #lcl_nav_cmd .lcl_icon{width:24px}}.lcl_light #lcl_corner_close{border:3px solid #d0d0d0!important}.lcl_light #lcl_corner_close:before{color:#6f6f6f}.lcl_light #lcl_txt *{font-family:Arial,​ "sans-serif";color:#2d2d2d}.lcl_light #lcl_title{color:#444}.lcl_light #lcl_author{color:#626262}.lcl_light .lcl_txt_border{border-bottom:1px dashed #d3d3d3!important}.lcl_light.lcl_force_txt_over #lcl_txt,.lcl_light.lcl_txt_over #lcl_txt{background:rgb(253 253 253 / .9)}.lcl_light.lcl_force_txt_over #lcl_txt:before,.lcl_light.lcl_txt_over #lcl_txt:before{background:#c4c4c4}.lcl_light.lcl_force_txt_over #lcl_txt:after,.lcl_light.lcl_txt_over #lcl_txt:after{border-color:#eee}.lcl_light.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after{content:"";background:linear-gradient(to right,rgb(50 50 50 / .25) 0%,#fff0 100%);left:0}.lcl_light.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after{content:"";background:linear-gradient(to left,rgb(50 50 50 / .25) 0%,#fff0 100%);right:0}.lcl_light.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after{content:"";background:linear-gradient(to bottom,rgb(110 110 110 / .25) 0%,#fff0 100%);height:3px}.lcl_light .lcl_tooltip.lcl_tt_bottom:before{border-color:#fff0 #fff0 #fff}.lcl_light .lcl_tooltip.lcl_tt_top:before{border-color:#fff #fff0 #fff0}.lcl_light .lcl_socials_tt a{border-color:#eaeaea}.lcl_light #lcl_thumbs_nav span{color:#f5f5f5}.lcl_light .lcl_tn_mixed_types li::before{background:rgb(0 0 0 / .25)}.lcl_light .lcl_tn_mixed_types li:after{color:#fff}.lcl_light #lcl_progressbar{background:#fafafa}.close-icon{cursor:-webkit-grab;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:12px;margin-top:-8px;background:red;border-radius:50px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;color:aliceblue;font-weight:900;position:absolute;top:20px;right:18px}