:root {
    --max-width-containers: 95%;
    --logo-width: 280px;
    --first-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --secondary-font-family: Arial, Tahoma, sans-serif;
    --font-size: 18px;
    --main-color: black;
    --secondary-color: #F5CD16;
    --third-color: #0064c9;
    --text-color: rgb(19, 19, 19);
    --bg-img: url("../img/bg-mobile.jpg");
    --bg-img-full: url("../img/bg-full.jpg");
    /* --bg-filter: brightness(1); */
    scroll-behavior: smooth
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--first-font-family);
    font-size: var(--font-size)
}

html {
    margin: 0;
    padding: 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    text-align: center;
    background: rgba(0, 0, 0, .959);
    -webkit-animation: modal 2s 3s forwards;
    animation: modal 2s 3s forwards;
    visibility: hidden;
    opacity: 0
}

.modal__content {
    width: 300px;
    margin: auto;
    padding: 18px;
    color: #fff;
    background: #8b0000;
    border: 4px solid #000;
    border-radius: 10px
}

.modal__title {
    font-size: 28px
}

#modal__close {
    display: none
}

#modal__close+label {
    position: fixed;
    top: 13px;
    right: 15px;
    height: 40px;
    z-index: 7;
    width: 40px;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #8b0000;
    border-radius: 50%;
    cursor: pointer;
    -webkit-animation: modal 2s 3s forwards;
    animation: modal 2s 3s forwards;
    visibility: hidden;
    opacity: 0
}

#modal__close:checked+label,
#modal__close:checked~.modal {
    display: none
}

@-webkit-keyframes modal {
    100% {
        visibility: visible;
        opacity: 1
    }
}

@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1
    }
}

.la11-bg {
    display: block;
    background-position: center;
    background-image: var(--bg-img);
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width:650px) {
    .la11-bg {
        background-image: var(--bg-img-full)
    }
}

h1,
h2,
h3 {
    color: var(--text-color);
    line-height: 100%
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 25px
}

.heading-reset {
    margin: 0
}

@-webkit-keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (print),
(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }
}

.animation-delay-other {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.logo {
    max-width: var(--logo-width);
    width: 100%;
    padding: 24px 0 16px 0;
    /* filter: drop-shadow(2px 2px 5px rgb(255, 255, 255)) */
}

.header {
    width: var(--max-width-containers);
    margin: 0 auto 16px auto;
    border: 4px solid var(--main-color)
}

.header__img {
    display: block;
    width: 100%;
    background-size: cover;
    border: 2px solid var(--secondary-color)
}

.accordion {
    margin: 0 auto;
    width: 280px;
    height: 45px;
    font-family: var(--first-font-family);
    font-weight: 300;
    font-size: inherit;
    text-decoration: none;
    border: none;
    outline: 3px solid var(--secondary-color);
    background-color: var(--main-color);
    color: #fff;
    text-shadow: 1px 1px #4e4e4e;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.accordion__panel {
    max-height: 0;
    background-color: transparent;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-out;
    -o-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out
}

.accordion__link-button {
    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;
    margin-left: auto;
    margin-right: auto
}

.accordion__link-button:hover {
    outline: 3px solid var(--secondary-color);
    background-color: var(--main-color)
}

@media screen and (max-width:281px) {
    .accordion {
        width: var(--max-width-containers)
    }
}

.accordion-mb {
    margin-bottom: 16px
}

.text-container {
    width: var(--max-width-containers);
    border: 2px solid var(--main-color);
    margin: 0 auto 16px;
    padding: 22px;
    background-color: rgba(255, 255, 255, 0.76)
}

.text {
    color: var(--text-color)
}

li {
    line-height: 200%
}

.text--decoration-none {
    text-decoration: none
}

.text--shadow {
    text-shadow: 1px 1px #a7a7a7
}

.text--overflow {
    overflow-wrap: break-word
}

.btn {
    display: inline-block;
    padding: 12px;
    outline: 0;
    color: #fff;
    cursor: pointer;
    border: 1px solid #a5a5a5
}

.btn-adress {
    background-color: var(--secondary-color)
}

.btn-call {
    width: 222px;
    border: 1px solid #838383;
    background-color: #64b46b
}

.btn-messenger {
    width: 222px;
    border: 1px solid #838383;
    background-color: #007fff
}

.btn-email {
    width: 222px;
    border: 1px solid #838383;
    background-color: #d44638
}

@media screen and (max-width:281px) {

    .btn,
    .btn-call,
    .btn-email,
    .btn-messenger {
        width: var(--max-width-containers)
    }
}

.btn--margin-right {
    margin-right: 7px
}

.payment-container {
    width: var(--max-width-containers);
    margin: 0 auto
}

.payment {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 37px;
    border: 1px solid #dfdfdf;
    background-color: rgba(255, 255, 255, .664)
}

.payment__icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.contact {
    position: relative;
    width: var(--max-width-containers);
    margin: 0 auto;
    border: 2px solid var(--main-color);
    background-color: rgba(255, 255, 255, 0.76)
}

.contact__col {
    float: left;
    width: 50%;
    margin: auto;
    padding: 0 11px
}

.contact__row:after {
    content: "";
    display: table;
    clear: both
}

.contact__vl {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    border: 1px solid #868686;
    height: 65%
}

.contact__vl-innertext {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 8px 10px
}

.contact--hide-txt-md-lg {
    display: none
}

@media screen and (max-width:650px) {
    .contact__col {
        width: 100%;
        margin-top: 0
    }

    .contact__vl {
        display: none
    }

    .contact--hide-txt-md-lg {
        display: block;
        text-align: center
    }
}

.form {
    position: relative;
    width: 90%;
    max-width: 411px;
    margin: 0 auto;
    padding: 15px;
    border: 2px solid var(--secondary-color);
    border-radius: 11px;
    background-color: var(--main-color)
}

.form__input,
.form__textarea {
    width: 98%;
    margin-bottom: 14px;
    padding: 7px;
    border-color: #c4c4c4;
    border-width: 1px
}

.form__submit-button {
    width: 100%;
    max-width: 200px;
    padding: 9px;
    letter-spacing: .5px;
    border: 1.5px solid #fff;
    color: #fff;
    background-color: var(--secondary-color);
    cursor: pointer
}

.footer {
    background-color: #000;
    color: #fff;
    line-height: 150%
}

.footer__top-bar {
    background: -o-linear-gradient(top, #2b2b2b 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#000));
    background: linear-gradient(to bottom, #2b2b2b 0, #000 100%);
    height: 15px;
    background-color: #000
}

.footer a {
    color: #fff
}

.footer__links {
    padding: 4px
}

.footer__txt {
    margin: 11px
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.subpage__bg {
    height: 100vh;
    background: -o-linear-gradient(top, var(--main-color) 0, var(--secondary-color) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)), to(var(--secondary-color)));
    background: linear-gradient(to bottom, var(--main-color) 0, var(--secondary-color) 100%)
}

.subpage__content {
    background-color: #fff;
    border: 3px solid var(--secondary-color);
    width: var(--max-width-containers);
    max-width: 530px;
    padding: 9px 18px;
    margin: 0 auto
}

.la11-loader-container {
    padding: 111px 0 0 0
}

.la11-loader,
.la11-loader:after,
.la11-loader:before {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.la11-loader {
    margin: 8em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.la11-loader:before {
    left: -3.5em
}

.la11-loader:after {
    left: 3.5em;
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.la11-loader:after,
.la11-loader:before {
    content: "";
    position: absolute;
    top: 0
}

@-webkit-keyframes load7 {

    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em #fff;
        box-shadow: 0 2.5em 0 -1.3em #fff
    }

    40% {
        -webkit-box-shadow: 0 2.5em 0 0 #fff;
        box-shadow: 0 2.5em 0 0 #fff
    }
}

@keyframes load7 {

    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em #fff;
        box-shadow: 0 2.5em 0 -1.3em #fff
    }

    40% {
        -webkit-box-shadow: 0 2.5em 0 0 #fff;
        box-shadow: 0 2.5em 0 0 #fff
    }
}

.share {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff
}

.share__table {
    width: 100%;
    color: #fff
}

.share__cta {
    width: 110px;
    padding-right: 11px;
    font-family: var(--secondary-font-family);
    font-size: 14px;
    font-weight: lighter;
    background-color: rgba(0, 0, 0, .692)
}

.share__cta-arrow {
    -webkit-animation: slide1 1s ease-in-out infinite;
    animation: slide1 1s ease-in-out infinite;
    color: #fff
}

.share--separation {
    width: 0
}

.share__whatsapp {
    background-color: #25d366
}

.share__twitter {
    background-color: #1da1f2
}

.share__x {
    background-color: black
}

.share__facebook {
    background-color: #3b579d
}

.share__icon {
    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;
    padding: 5px
}

@-webkit-keyframes slide1 {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
}

@keyframes slide1 {

    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    50% {
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0)
    }
}

.display-none {
    display: none
}

.display-inline-block {
    display: inline-block
}

.display-inline {
    display: inline
}

.margin-0 {
    margin: 0
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.italic {
    font-style: italic
}

.black {
    color: #000
}

.white {
    color: #fff
}

.overflow-hidden {
    overflow: hidden
}