img {
    display: block;
    max-width: 100%;
    height: auto
}

html {
    font-size: 16px; /* margin-top: 4.5rem; */
}

img {
    max-width: 100%
}

ul li::marker {
    color: #d47966;
}

body {
    font-family: 'Source Serif Pro', serif;
    font-size: 1rem;
    background: #f3f3f3;
    line-height: 1.2;
    color: #1c292f;
}

p {
    font-size: 1rem
}

ul {
    padding-inline-start: 1rem; /* line-height: 1.5rem; */
}

.h1, h1 {
    font-size: 5rem;
}

.h2, h2 {
    font-size: 2.2rem
}

.h3, h3 {
    font-size: 1.8rem
}

.h4, h4 {
    font-size: 1.6rem
}

.h5, h5 {
    font-size: 1.4rem
}

.micro {
    font-size: .6rem
}

.mini {
    font-size: 0.8rem;
    margin-bottom: .5em;
}

.normal {
    font-size: 1rem
}

.big {
    font-size: 1.3rem
}

.extra {
    font-size: 1.5em
}

.l-micro {
    line-height: .8
}

.l-mini {
    line-height: 1.0
}

.l-normal {
    line-height: 1.2
}

.l-big {
    line-height: 1.5
}

.l-extra {
    line-height: 1.8
}

.pt-extra {
    padding-top: 8rem
}

.pt-big {
    padding-top: 6rem
}

.pt-normal {
    padding-top: 4rem
}

.pt-mini {
    padding-top: 2rem
}

.pt-micro {
    padding-top: 1rem
}

.pt-none {
    padding-top: 0
}

.pb-extra {
    padding-bottom: 8rem
}

.pb-big {
    padding-bottom: 6rem
}

.pb-normal {
    padding-bottom: 4rem
}

.pb-mini {
    padding-bottom: 2rem
}

.pb-micro {
    padding-bottom: 1rem
}

.pb-none {
    padding-bottom: 0
}


.pr-extra {
    padding-right: 8rem
}

.pr-big {
    padding-right: 6rem
}

.pr-normal {
    padding-right: 4rem
}

.pr-mini {
    padding-right: 2rem
}

.pr-micro {
    padding-right: 1rem
}

.pr-none {
    padding-right: 0
}

.pl-extra {
    padding-left: 8rem
}

.pl-big {
    padding-left: 6rem
}

.pl-normal {
    padding-left: 4rem
}

.pl-mini {
    padding-left: 2rem
}

.pl-micro {
    padding-left: 1rem
}

.pl-none {
    padding-left: 0
}


.mt-extra {
    margin-top: 8rem
}

.mt-big {
    margin-top: 6rem
}

.mt-normal {
    margin-top: 4rem
}

.mt-mini {
    margin-top: 2rem
}

.mt-micro {
    margin-top: 1rem
}

.mt-none {
    margin-top: 0
}

.mb-extra {
    margin-bottom: 8rem
}

.mb-big {
    margin-bottom: 6rem
}

.mb-normal {
    margin-bottom: 4rem
}

.mb-mini {
    margin-bottom: 2rem
}

.mb-micro {
    margin-bottom: 1rem
}

.mb-none {
    margin-bottom: 0
}

.mr-extra {
    margin-right: 8rem
}

.mr-big {
    margin-right: 6rem
}

.mr-normal {
    margin-right: 4rem
}

.mr-mini {
    margin-right: 2rem
}

.mr-micro {
    margin-right: 1rem
}

.mr-none {
    margin-right: 0
}

.ml-extra {
    margin-left: 8rem
}

.ml-big {
    margin-left: 6rem
}

.ml-normal {
    margin-left: 4rem
}

.ml-mini {
    margin-left: 2rem
}

.ml-micro {
    margin-left: 1rem
}

.ml-none {
    margin-left: 0
}


.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 1rem;
    padding-left: 1rem
}

.row {
    margin-right: -1rem;
    margin-left: -1rem
}

.container {
    padding-right: 1rem;
    padding-left: 1rem;
    max-width: 80rem
}

.font-weight-black {
    font-weight: 800
}

.btn {
    /* height: 3.5rem; */
    font-size: 1rem;
    /* border-radius:50px; */
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    line-height: 1;
    padding-left: 2rem;
    padding-right: 2rem;
    /* text-transform:uppercase; */
    font-weight: 500;
    /* letter-spacing:1.5px; */
    border: 0;
    /* background: #4f9be9; */
    /* box-shadow:0 15px 30px 0 rgba(7,80,165,0.25); */
    position: relative;
    overflow: hidden;
    cursor: pointer !important;
    border-radius: 0;
}

.btn.btn-lg {
    height: 3.2rem;
    font-size: 1rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.btn.btn-sm {
    height: 2.1rem;
    font-size: .7rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.btn.btn-red {
    background: #e72e35
}

.btn.btn-mini {
    height: 2rem;
    font-size: .65rem
}

.btn.btn-white {
    background: #fff;
    box-shadow: 0 15px 30px 0 rgb(164 164 164 / 25%);
    color: black;
}

.btn.btn-white:hover {
    background: linear-gradient(to bottom, #f0f0f0 1%, #ecedee 5%, #c1c1c1 100%)
}

.btn-menu-open.active {
    display: none
}

.btn-menu-open {
    display: inline-flex
}

.btn-menu-close {
    display: none
}

.btn-menu-close.active {
    display: inline-flex
}

.btn-menu span {
    font-weight: 700;
    margin-right: 10px
}

.btn-menu img {
    height: 100%;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.btn.active {
    box-shadow: none;
    background: gainsboro !important;
    color: black !important;
}

.btn:hover { /* background:#4cbdf1; */
    color: white;
}

.btn.btn-animated:after {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5ac8e), color-stop(50%, #fff), color-stop(50%, #e5ac8e));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, .7)), color-stop(50%, rgba(229, 172, 142, 0)));
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    -ms-transform: rotate(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-animation: sheens 3s infinite;
    animation: sheens 3s infinite;
    z-index: 100
}

.btn.btn-white:hover {
    color: black
}

.btn-image .image {
    position: absolute;
    height: 120%;
    left: .5rem
}

.btn.btn-image {
    padding-left: 4.0rem;
    overflow: inherit
}

.btn.btn-lg.btn-image {
    padding-left: 4.5rem
}

.btn.btn-sm.btn-image {
    padding-left: 3.5rem
}

.btn.btn-shadow {
    box-shadow: inset 0 0 0 1px #1674bc;
    background: 0;
    color: #157bc1
}

.btn.btn-shadow:hover {
    background: #157bc1;
    color: white
}

.btn.btn-lg i {
    font-size: 1.3rem
}

.btn.btn-sm i {
    font-size: .7rem
}

@keyframes sheens {
    0%, 79% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        transform: rotateZ(60deg) translate(-5em, 7.5em)
    }
    95% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(1em, -19em);
        transform: rotateZ(60deg) translate(1em, -19em)
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(1em, -19em);
        transform: rotateZ(60deg) translate(1em, -19em)
    }
}

.quote {
    border-left: 4px solid red;
    padding-left: .8rem
}

.form-control {
    height: 2.5rem;
    border-radius: 1rem !important;
}

.breadcrumb li a {
    text-shadow: none
}

.breadcrumb-wrapper {
    overflow-x: scroll;
    overflow-y: none
}

.breadcrumb-wrapper-wrapper {
    height: 2rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    margin-bottom: 3rem
}

.breadcrumb-wrapper-wrapper::after {
    z-index: 2;
    content: '';
    background: linear-gradient(to right, #ffffff00, #fff);
    position: absolute;
    height: 45px;
    width: 45px;
    right: 0;
    top: 0
}

.breadcrumb {
    padding: 8px 0;
    background: 0;
    border-radius: 0;
    z-index: 2;
    position: relative;
    color: #131313;
    display: flex;
    overflow: hidden;
    height: 2rem;
    align-items: center;
    padding-right: 35px;
    min-width: 100%;
    width: max-content
}

.breadcrumb i, .breadcrumb span {
    font-size: .8rem;
    z-index: 2
}

.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0
}

.breadcrumb > li a:after {
    content: '';
    display: block;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    color: #95a4a6
}

.breadcrumb > li:last-child {
    pointer-events: none;
    opacity: .5
}

.breadcrumb > li:last-child::after {
    display: none
}

.breadcrumb li a {
    text-decoration: none;
    background: #e9ecef;
    height: 100%;
    display: flex;
    align-items: center;
    transition: .2s;
    color: black;
    font-weight: 800;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 2rem;
    position: relative;
    border-radius: 999px;
    transition: .2s
}

.breadcrumb li {
    height: 100%;
    padding: 0
}

.breadcrumb {
    padding: 0
}

.breadcrumb > li a:after {
    height: 100%;
    width: 2.5rem;
    top: 0;
    z-index: 1;
    transition: .2s;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    display: flex;
    align-items: center;
    position: absolute;
    right: -2rem;
    width: 2rem;
    justify-content: center;
    pointer-events: none
}

.breadcrumb li a:hover {
    background: #d2d9e1
}

.breadcrumb li a:hover::after {
    background: 0
}

.breadcrumb li a:hover::before {
    background: aqua
}

.breadcrumb > li:first-child::before {
    background: url(../svg/001-home.html) no-repeat center center;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    margin-left: .5rem;
    background-size: .8rem;
    pointer-events: none
}

.breadcrumb > li:last-child a:after {
    display: none
}

.menu {
    position: fixed;
    top: 0;
    z-index: 80;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: 1s
}

.menu .inner {
    background: white;
    width: 80%; /* max-width:500px; */
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column; /* box-shadow:0 0 60px black; */
    transition: .3s;
    margin-left: -80%;
    position: absolute;
    height: 100%; /* align-items: center; *//* justify-content: center; */
    overflow: auto;
}

.menu .background {
    background: rgb(0 0 0 / 50%);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    cursor: pointer;
}

.menu .inner .links a {
    color: black;
    font-size: 1.2rem;
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
}

.menu .inner .links a:hover {
    background: #eee;
    text-decoration: none;
}

.menu .inner .links {
    margin-top: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.menu .inner .bottom {
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    background: #ebebeb;
    padding-top: 30px;
    flex-wrap: wrap
}

.menu .inner .bottom a {
    color: #5f5f5f
}

.menu .inner .bottom .item {
    margin: 15px;
    white-space: nowrap
}

.menu.active {
    opacity: 1;
    pointer-events: auto
}

.menu.active .inner {
    margin-left: 0
}

.header {
    height: 50px
}

.header .logo {
    height: 100%
}

.header .logo img {
    height: 150%;
    margin: 0 .6rem 0 0;
}

.header {
    position: fixed; /* top:.5rem; */
    width: 100%;
    z-index: 10;
    height: 4rem;
    top: 0;
}

.header .logo a {
    display: flex;
    align-items: center;
    height: 100%;
    /* color:#949494; */
    /* font-weight:900; */
    background: #6d3b1f;
    padding: .75rem;
    color: #fff;
    text-decoration: none;
}

.header .wrapper {
    display: flex;
    justify-content: flex-end; /* padding-left:.5rem; *//* padding-right:.5rem; */
    height: 100%;
    align-items: center; /* padding-top:.5rem; *//* padding-bottom:.5rem; */
}

.header .container {
    height: 100%
}

.card {
    box-shadow: 0 1rem 2rem -0.3rem rgb(0 0 0 / 10%);
    border-radius: 0;
    background: white;
    border: none;
}

.card-big {
    padding: 3rem
}

.card-normal {
    padding: 2rem
}

.card-mini {
    padding: 1rem
}

.card-none {
    padding: 0rem
}

.card-shape {
    position: relative;
    z-index: 11
}

.card-shape .wrapper:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    padding: 10%;
    width: 98%;
    left: 1%;
    z-index: 6;
    bottom: -11px;
    border-radius: 15px;
    -webkit-box-shadow: 0 15px 35px -5px rgb(7 80 165 / 10%);
    -moz-box-shadow: 0 15px 35px -5px rgba(7, 80, 165, 0.1);
    box-shadow: 0 15px 35px -5px rgb(7 80 165 / 10%)
}

.card.card-video {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.card.card-video i {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 6rem;
    color: black
}

.card-shadow {
    position: relative;
    z-index: 20;
    background: white
}

.card-shadow .wrapper {
    border-radius: 1rem;
    position: relative;
    z-index: 20;
    background: #fff;
}

.card-shadow::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    padding: 100px 0;
    width: 98%;
    left: 1%;
    z-index: 10;
    bottom: -11px;
    border-radius: 15px;
    -webkit-box-shadow: 0 15px 35px -5px rgb(7 80 165 / 10%);
    -moz-box-shadow: 0 15px 35px -5px rgba(7, 80, 165, 0.1);
    box-shadow: 0 15px 35px -5px rgb(7 80 165 / 10%)
}

a.card {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: .2s;
}

a.card:hover {
    color: inherit;
    transform: scale(1.025);
}

.input-group-line {
    position: relative;
    margin-bottom: 1rem;
    display: inline-block;
    margin-top: 1rem
}

.input-group-line input {
    font-size: 1.2rem;
    padding: .5rem;
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #757575
}

.input-group-line input:focus {
    outline: 0
}

.input-group-line label {
    color: #999;
    font-size: 1.2rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: .2rem;
    top: .5rem;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.input-group-line input:focus ~ label, .input-group-line input:valid ~ label {
    top: -.8rem;
    font-size: .6rem;
    color: #5264ae
}

.input-group-line .bar {
    position: relative;
    display: block
}

.input-group-line .bar:before, .input-group-line .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5264ae;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.input-group-line .bar:before {
    left: 50%
}

.input-group-line .bar:after {
    right: 50%
}

.input-group-line input:focus ~ .bar:before, .input-group-line input:focus ~ .bar:after {
    width: 50%
}

.input-group-line .highlight {
    position: absolute;
    height: 60%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.input-group-line input:focus ~ .highlight {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease
}

@keyframes inputHighlighter {
    from {
        background: #5264ae
    }
    to {
        width: 0;
        background: transparent
    }
}

.input-group-icon {
    position: relative;
}

.input-group-icon i {
    position: absolute;
    width: 3rem;
    z-index: 4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.input-group-icon input.form-control {
    padding-left: calc(3rem + .5rem);
}

.slider-animate .animate-1 {
    opacity: 0;
    transition: .5s;
    transition-delay: 1s;
    transform: translateY(30px)
}

.slider-animate .animate-2 {
    opacity: 0;
    transition: .5s;
    transition-delay: 1.2s;
    transform: translateY(30px)
}

.slider-animate .animate-3 {
    opacity: 0;
    transition: .5s;
    transition-delay: 1.4s;
    transform: translateY(30px)
}

.slider-animate .animate-4 {
    opacity: 0;
    transition: .5s;
    transition-delay: 1.6s;
    transform: translateY(30px)
}

.slider-animate .slick-active .animate-1 {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0px)
}

.slider-animate .slick-active .animate-2 {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0px)
}

.slider-animate .slick-active .animate-3 {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0px)
}

.slider-animate .slick-active .animate-4 {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0px)
}

.video-section {
    position: relative;
    overflow: hidden;
    background: black;
    opacity: 1;
    color: white
}

.video-section video {
    height: 100%;
    object-fit: cover;
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5
}

.video-section .inner {
    position: relative;
    z-index: 2
}

.spoiler input, .spoiler .inner {
    display: none
}

.spoiler label::before {
    content: '>';
    margin-right: 5px
}

.spoiler :checked + label::before {
    content: '<'
}

.spoiler :checked ~ .inner {
    display: block
}

.spoiler-plus label::after {
    content: '+';
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 100
}

.spoiler-plus label::before {
    display: none
}

.spoiler label {
    cursor: pointer
}

.spoiler-plus label {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 1rem 2rem -0.3rem rgb(7 80 165 / 10%);
    border-radius: 1rem;
    background: white;
    padding: 1rem;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    position: relative;
    margin-bottom: .5rem;
    font-weight: 500
}

.spoiler-plus input, .spoiler-plus .inner {
    box-shadow: 0 1rem 2rem -0.3rem rgb(7 80 165 / 10%);
    border-radius: 0rem 0 1rem 1rem;
    background: #fafbfe;
    margin-top: -2rem;
    padding: 1rem;
    padding-top: 2.3rem;
    margin-bottom: .5rem;
    color: #555;
    font-size: .8rem
}

.spoiler-plus:hover label {
    background: #fbfcfd
}

.faq-wrapper .spoiler label {
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid #edf1f8
}

.faq-wrapper .spoiler:first-child label {
    border-radius: 1rem 1rem 0rem 0rem
}

.faq-wrapper .spoiler:last-child label {
    border-radius: 0rem 0rem 1rem 1rem
}

.quantity_inner {
    display: inline-flex;
    align-items: center
}

.quantity_inner .btn {
    font-size: 2rem;
    font-weight: 300;
    width: 3rem
}

.quantity_inner .form-control {
    text-align: center;
    width: 3rem;
    border-radius: 0
}

.quantity_inner .btn:first-child {
    border-radius: 1rem 0 0 1rem
}

.quantity_inner .btn:last-child {
    border-radius: 0 1rem 1rem 0
}

.quantity_inner .form-control {
    text-align: center;
    width: 3rem;
    border-radius: 0 !important;
}

.quantity_inner .btn {
    font-size: 2rem;
    font-weight: 300;
    width: 3rem
}

.image-zoom .fa-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 41%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    transition: .2s;
    opacity: 0;
    pointer-events: none
}

.image-zoom:hover .fa-search {
    opacity: .8
}

.image-zoom {
    position: relative
}

.image-zoom img {
    object-fit: cover;
    width: 100%
}

.alert {
    border-radius: 1rem;
}

.glitch-text {
    color: #5a5c69;
    font-size: 7rem;
    position: relative;
    line-height: 1;
    /* width: 12.5rem; */
    display: inline;
    height: auto;
    font-weight: 700;
}

.glitch-text:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-shadow: 1px 0 #4e73df;
    top: 0;
    color: #5a5c69;
    background: #ffffff;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.glitch-text:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 #e74a3b;
    top: 0;
    color: #5a5c69;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse;
    z-index: 3;
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(16px, 9999px, 10px, 0)
    }
    5% {
        clip: rect(22px, 9999px, 29px, 0)
    }
    10% {
        clip: rect(6px, 9999px, 68px, 0)
    }
    15% {
        clip: rect(85px, 9999px, 95px, 0)
    }
    20% {
        clip: rect(65px, 9999px, 91px, 0)
    }
    25% {
        clip: rect(93px, 9999px, 68px, 0)
    }
    30% {
        clip: rect(10px, 9999px, 27px, 0)
    }
    35% {
        clip: rect(37px, 9999px, 25px, 0)
    }
    40% {
        clip: rect(12px, 9999px, 23px, 0)
    }
    45% {
        clip: rect(40px, 9999px, 18px, 0)
    }
    50% {
        clip: rect(19px, 9999px, 71px, 0)
    }
    55% {
        clip: rect(2px, 9999px, 35px, 0)
    }
    60% {
        clip: rect(16px, 9999px, 69px, 0)
    }
    65% {
        clip: rect(8px, 9999px, 65px, 0)
    }
    70% {
        clip: rect(30px, 9999px, 57px, 0)
    }
    75% {
        clip: rect(14px, 9999px, 4px, 0)
    }
    80% {
        clip: rect(39px, 9999px, 30px, 0)
    }
    85% {
        clip: rect(22px, 9999px, 35px, 0)
    }
    90% {
        clip: rect(58px, 9999px, 71px, 0)
    }
    95% {
        clip: rect(34px, 9999px, 90px, 0)
    }
    100% {
        clip: rect(67px, 9999px, 68px, 0)
    }
}

@keyframes noise-anim {
    0% {
        clip: rect(49px, 9999px, 40px, 0);
    }
    5% {
        clip: rect(75px, 9999px, 72px, 0);
    }
    10% {
        clip: rect(97px, 9999px, 93px, 0);
    }
    15% {
        clip: rect(15px, 9999px, 9px, 0);
    }
    20% {
        clip: rect(14px, 9999px, 92px, 0);
    }
    25% {
        clip: rect(18px, 9999px, 94px, 0);
    }
    30% {
        clip: rect(17px, 9999px, 20px, 0);
    }
    35% {
        clip: rect(71px, 9999px, 59px, 0);
    }
    40% {
        clip: rect(42px, 9999px, 84px, 0);
    }
    45% {
        clip: rect(56px, 9999px, 25px, 0);
    }
    50% {
        clip: rect(46px, 9999px, 14px, 0);
    }
    55% {
        clip: rect(47px, 9999px, 1px, 0);
    }
    60% {
        clip: rect(64px, 9999px, 58px, 0);
    }
    65% {
        clip: rect(89px, 9999px, 92px, 0);
    }
    70% {
        clip: rect(56px, 9999px, 39px, 0);
    }
    75% {
        clip: rect(80px, 9999px, 71px, 0);
    }
    80% {
        clip: rect(8px, 9999px, 13px, 0);
    }
    85% {
        clip: rect(66px, 9999px, 68px, 0);
    }
    90% {
        clip: rect(68px, 9999px, 4px, 0);
    }
    95% {
        clip: rect(56px, 9999px, 14px, 0);
    }
    100% {
        clip: rect(28px, 9999px, 53px, 0);
    }
}

.btn-menu-new {
    --color: #fff;
    width: 5rem;
    height: 100%;
    padding: 0;
    margin: 0;
    outline: none;
    position: relative;
    border: none;
    -webkit-tap-highlight-color: transparent;
    background: #cc8f73;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none !important;
}

.btn-menu-new svg {
    width: 100%;
    height: 100%;
    top: -2px;
    left: 0;
    stroke: var(--color);
    stroke-width: 4px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
    position: absolute;
    padding: .75rem;
}

.btn-menu-new svg path {
    transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);
    stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);
    stroke-dashoffset: var(--offset, 126px);
    transform: translateZ(0);
}

.btn-menu-new svg path:nth-child(2) {
    --duration: .7s;
    --easing: ease-in;
    --offset: 100px;
    --array-2: 74px;
}

.btn-menu-new svg path:nth-child(3) {
    --offset: 133px;
    --array-2: 107px;
}

.btn-menu-new.active svg path {
    --offset: 57px;
}

.btn-menu-new.active svg path:nth-child(1), .btn-menu-new.active svg path:nth-child(3) {
    --delay: .15s;
    --easing: cubic-bezier(.2, .4, .2, 1.1);
}

.btn-menu-new.active svg path:nth-child(2) {
    --duration: .4s;
    --offset: 2px;
    --array-1: 1px;
}

.btn-menu-new.active svg path:nth-child(3) {
    --offset: 58px;
}


.mainscreen {
    /* height: 85vh; */
    background: url(../images/bg-2.png) no-repeat center bottom;
    background-size: cover;
}

.btn.btn-primary {
    background: #cc8f73;
}

.mainscreen .inner {
    display: flex;
    align-items: center;
}

.mainscreen .inner .logo {
    width: 60%;
    margin-right: 20px;
    max-width: 230px;
    max-height: 230px;
}

.mainscreen .container .row {
    align-items: center;
    height: 100%;
}

.mainscreen .container {
    height: 100%;
}

@media (max-width: 991px) {
    .mainscreen .inner {
        position: absolute;
        left: 50%;
        top: 4rem;
        max-width: 40%;
        transform: translate(-50%, 0);
        flex-direction: column;
    }
}

.btn-countinfo {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (max-width: 991px) {
    .btn-countinfo {
        width: calc(50% - 1rem);
        float: left;
    }
}

@media (max-width: 767px) {
    .btn-countinfo {
        width: 100%;
        float: none;
    }
}

.logo-description {
    max-width: 12rem;
}

.text-blue {
    color: #2cb9e6;
}

b {
    font-weight: 900;
}

.text-primary {
    color: #cc8f73 !important;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-padding {
    margin-left: 0;
    margin-right: 0;
}

#about {
    padding: 4rem 0;
    overflow: hidden;
    position: relative;
}

#about:after {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/map.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 30%;
    top: 0;
    content: '';
    opacity: 0.3;
}

.about-second {
    background: linear-gradient(90deg, #f3f3f3 50%, white 50%);
}


.about-second  .row > div img {
    transform: scale(1);
    transition: 1s;
}

.about-second  .row > div:hover img {
    transform: scale(1.1);
}

.objects-list {
    background: url(../img/objects-list-bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}


.card-object .top .image-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 1s;
}

.card-object {
    background: #f3f3f3;
    border-radius: 0;
    border: none;
    padding-right: 0;
    overflow: hidden;
    box-shadow: 0 1rem 2rem -0.3rem rgb(0 0 0 / 40%);
    padding-bottom: 2rem;
}

.card-object .top .image-top i {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: rgb(0 0 0 / 40%);
    z-index: 2;
    padding: 1rem;
    font-size: 1.5rem;
    color: white;
    transition: .25s;
}

.card-object .top .image-top {
    position: relative;
    display: block;
    margin-bottom: -10rem;
    overflow: hidden;
    /* box-shadow: inset 1rem 1rem 1rem 1rem red; */
}

.card-object .top .image-top:hover i {
    color: black;
    background: rgb(255 255 255 / 40%);
}

.card-object .right-shape {
    writing-mode: vertical-lr;
    background: white;
    height: 100%;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 3.5rem;
    box-shadow: 0px 0 1rem rgb(0 0 0 / 30%);
    opacity: .5;
    align-items: center;
}

.card-object .bottom {
    /* width: 100%; */
    /* margin-left: -8rem; */
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}


.card-object .bottom img {
    height: 100%;
    object-fit: contain;
    transition: .5s;
}

.card-object .description {
    background: linear-gradient(45deg, rgb(212 121 102), rgb(156 104 81 / 90%));
    padding: 3rem;
    position: relative;
    margin-top: 0rem;
    z-index: 3;
    margin-left: 3rem;
    width: 50%;
    min-height: 10rem;
    display: block;
    color: white;
}

.card-object .bottom .right {
    padding-right: 2rem;
    width: 50%;
    padding-left: 2rem;
    margin-top: -2rem;
    position: relative;
}

.card-object .buttons {
    background: linear-gradient(45deg, #d47966, #cc8f73);
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    margin-top: 3rem;
}

.card-object .bottom > div img {
    object-fit: cover;
    object-position: left;
    /* margin-top: -2rem; */
    width: 100%;
    height: 21rem;
}

.btn-light {
    color: black;
}

.card-object .description hr {
    border-color: rgb(255 255 255 / 20%);
}

.card-relise {
    overflow: hidden;
}

.card-relise .inner {
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.card-relise .row {
    /* align-items: center; */
}

.card-relise .image {
    height: 15rem;
    width: 100%;
    object-fit: cover;
}

.features {
    background: url(../img/objects-list-bg.jpg) no-repeat center center;
    background-size: cover;
}

.features-item {
    color: white;
    padding-right: 3rem;
}

.features-item .image {
    margin-bottom: 1rem;
    /* height: 3rem; */
    /* width: 3rem; */
    transition: all 0.3s ease;
}

.features-item .image:hover {
    transform: scale(1.1);
}

.slider-mainpage-wrapper {
    /* right: 0; */
    width: calc(50vw + 1px);
    position: relative;
    height: 100%;
    /* top: 0; */
    /* background: black; */
}

.slider-mainpage-wrapper .slider-mainpage {
    height: 100%;
    position: relative;
    pointer-events: none;
    opacity: .75;
}

.slider-mainpage-wrapper .slider-mainpage img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slider-mainpage-wrapper .slider-mainpage .slick-list {
    height: 100%;
}

.slider-mainpage-wrapper .slider-mainpage .slick-list .slick-track {
    height: 100%;
}

@media (max-width: 991px) {
    .slider-mainpage-wrapper {
        width: auto;
        margin: 0 -1rem;
    }
}

.slider-mainpage .slick-slide.slick-active img {
    transform: scale(1);
    z-index: 9;
    position: relative;
    opacity: 1;
    /* transition: 3s ease-in-out; */
}

.slider-mainpage .slick-slide img {
    transform: scale(1.3);
    opacity: 1 !important;
    transition: 5s cubic-bezier(0.39, 0.37, 0.68, 0.71);
}

.card-object .top .image-top:hover img {
    transform: scale(1.1);
}

.card-object .top .image-top::after {
    height: 1.5rem;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    display: block;
    background: linear-gradient(0deg, #272727, transparent);
    width: 100%;
    opacity: .45;
}

.card-object .bottom .line-box .line-left {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    height: 100%;
    position: absolute;
    width: 4rem;
    background: linear-gradient(360deg, #d47966, #f8c9b9);
    color: black;
    font-size: 19px;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 18rem; */
}

@media (max-width: 991px) {
    .card-object .bottom {
        padding: 0 !important;
        margin: 0 !important;
    }
}

.object-slider {
    height: 30rem;
    margin-bottom: -10rem !important;
}

.object-slider .slick-list {
    height: 100%;
}

.object-slider .slick-list .slick-track {
    height: 100%;
}

.object-slider .slick-list .slick-track a {
    height: 100%;
}

.card-object .bottom .left .book:hover img {
    transform: scale(1.1);
}

.lider-box {
    width: 100%;
    max-width: 300px;
    margin: 1rem;
}

.lider-block {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden;

}

.lider-block img {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    padding: 3rem 2rem 2rem 2rem;
    transition: all 0.3s ease;
}

.lider-block:hover img {
    transform: scale(1.1);
}

.cstm_map {
    width: 100%;
    height: 300px;
}

.contact-box {
    margin: 2rem 0;
}

@media (max-width: 992px) {
    .contact-box {
        text-align: center;
        margin: 1rem 0;
    }
}
