/* font HelveticaNeueCyr */
@import url('../fonts/stylesheet.css');

/**************/
/*base options*/
html{
    overflow-x: hidden;
    --defaul-red-color: #CC0033;
    --menu-pc-link-color: #FFF;
    --menu-pc-active-link-color: #CC0033;
    --menu-mobile-link-color: #000;
    --menu-mobile-active-link-color: #000;
    --menu-mobile-container-background: #CC0033;
}
body{
    margin: 0;
    scroll-snap-type: x;
    overflow-x: hidden;
    font-family: 'HelveticaNeueCyr', Arial, serif;
    font-size: 16px;
    min-width: 350px;
}
a{text-decoration: none;}
button,
button:active,
button:focus {
    outline: none;
}
#preloader{
    display: block;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2C3E50 url("../../img/dots.svg") center center no-repeat;
    background-size: 82px;
}
.bx-context-toolbar-empty-area .navbar,
#bx-panel ~ nav{
    position: relative;
}
.loaded #preloader{display: none;}
.full-src-cont{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    /*min-height: 100vh;*/
    position: relative;
}
:target{scroll-margin-top:72px;}
/********/
/*navbar*/
.top-menu-container{
    opacity: 1;
    padding-right: calc(var(--bs-gutter-x) * 1.5);
    padding-left: calc(var(--bs-gutter-x) * 1.5);
}
.navbar{
    height: 4.5rem;/*height: 72px;*/
    --bs-dark-rgb: 0,0,0;
    /*opacity: 0.9;*/
    font-weight: 300;
    letter-spacing:0.1rem;
    text-transform: uppercase;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.navbar-brand {
    margin-left: 0;
    display: inline-block;
    width: 185px;
    height: 48px;
    background: url("../../img/logo.svg") no-repeat ;
}
.navbar-toggler {
    border: 0;
    color: unset;
    padding-right: 0;
    padding-left: 0;
}
.navbar-toggler:focus {box-shadow: unset;}
.nav-link:focus, .nav-link:hover {
    color: var(--menu-pc-active-link-color);
}
.navbar-toggler-icon {
    width: 2.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-1%7Bstroke:%23c03;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='head'%3E%3Cline class='cls-1' x1='12' y1='13.5' x2='52' y2='13.5'/%3E%3Cline class='cls-1' x1='12' y1='23.5' x2='52' y2='23.5'/%3E%3Cline class='cls-1' x1='12' y1='33.5' x2='52' y2='33.5'/%3E%3Crect class='cls-2' width='64' height='47'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nav-link {color: var(--bs-white);}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
    color: var(--menu-pc-active-link-color);
}
#navbar-sc-lang-icons{
    display: none; /*flex;*/
    flex-direction: row;
    justify-content: center;
}
#navbar-sc-lang-icons .nav-link{
    padding: .5rem 4px;
}
#navbar-sc-lang-icons .navbar-find{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.95 15.93'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke-width:1.5px;%7D.cls-1,.cls-2%7Bstroke:%23fff;stroke-miterlimit:10;%7D.cls-2%7Bfill:%23fff;stroke-width:0.5px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='head'%3E%3Cpath class='cls-1' d='M.75,6.22A5.47,5.47,0,0,1,6.22.75c7.24.25,7.24,10.69,0,10.94A5.47,5.47,0,0,1,.75,6.22Z'/%3E%3Cpath class='cls-2' d='M15.65,14.64l-1,1a.13.13,0,0,1-.18,0l-5-5a.13.13,0,0,1,0-.18l1-1a.13.13,0,0,1,.18,0l4.93,4.93A.15.15,0,0,1,15.65,14.64Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/1.1em auto no-repeat;
    width: 32px;
    margin-right: 12px;
}
.offcanvas-header{
    justify-content: end;
}
#offcanvasNavbar .btn-close{
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:none;%7D.cls-2%7Bstroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='head'%3E%3Crect class='cls-1' width='64' height='47'/%3E%3Cline class='cls-2' x1='17.86' y1='37.64' x2='46.14' y2='9.36'/%3E%3Cline class='cls-2' x1='46.14' y1='37.64' x2='17.86' y2='9.36'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/4em auto no-repeat;
    margin-top: calc(var(--bs-offcanvas-padding-y) * .3);
    margin-right: calc(var(--bs-offcanvas-padding-x) * 1.3);
    opacity: 1;
}
#offcanvasNavbar .me-auto{
    margin-left: auto !important;
}
#offcanvasNavbar.show .nav-link:focus,
#offcanvasNavbar.show .nav-link:hover {
    color: var(--menu-mobile-active-link-color);
}
#offcanvasNavbar .btn-close:focus {
    box-shadow: unset;
}


@media (min-width: 1400px){
    .top-menu-container{
        opacity: 1;
        padding-right: calc(var(--bs-gutter-x) * 4);
        padding-left: calc(var(--bs-gutter-x) * 4);
    }
}

@media (min-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 30px;
    }
}

@media(max-width: 991px){
    #offcanvasNavbar .navbar-nav .nav-link.active,
    #offcanvasNavbar .navbar-nav .show > .nav-link {
        color: var(--menu-mobile-active-link-color);
    }
    #offcanvasNavbar ul{
        text-align: center;
        letter-spacing:0.1rem;
        line-height:24pt;
    }
    #offcanvasNavbar.offcanvas{
        --bs-offcanvas-width: 300px;
        top:0;
        bottom: unset;
    }
    #offcanvasNavbar .offcanvas-body,
    .offcanvas-header{
        background-color: var(--menu-mobile-container-background);
    }
    #offcanvasNavbar .offcanvas-body{
        padding-top: 0;
    }
    .offcanvas-header>.navbar-brand {
        display: none;
    }
}

@media (max-width: 480px){
    /*.navbar > .container, .navbar > .container-fluid{*/
    :target{scroll-margin-top:unset;}
    .top-menu-container{
        justify-content: flex-end !important;
    }
    .navbar{
        opacity: 1;
        --bs-dark-rgb: 0;
    }
    .navbar-toggler {
        background-color: #a6a6a661;
        border-radius:unset;
        padding: 5px;
    }
    .top-menu-container > .navbar-brand {
        display: none;
    }
    .offcanvas-header {
        align-items: normal;
    }
    .offcanvas-header>.navbar-brand {
        margin: 0;
        display: inline-block;
        width: 100%;
        height: 125px;
        background: url("../../img/logo-sm.svg") center no-repeat ;
    }
    #offcanvasNavbar .btn-close{
        position: absolute;
        background-size: 3em;
        margin-top: 0;
        z-index: 1000;
    }
    .top-menu-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    #offcanvasNavbar.offcanvas {
        --bs-offcanvas-width: 100%;
        bottom: 0;
    }

}

/****************/
/*home, carousel*/

/* carousel zoom eff*/
@-webkit-keyframes zoom {
    from {-webkit-transform: scale(1, 1);}
    to {-webkit-transform: scale(1.1, 1.1);}
}
@keyframes zoom {
    from {transform: scale(1, 1);}
    to {transform: scale(1.1, 1.1);}
}
#top-carousel .carousel-item{
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
}
.full-scr-img{
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    -webkit-animation: zoom 7s;
    animation: zoom 7s;
}
#home .home-label {
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1;
}
.home-label-image{
    display: block;
    width: 60vw;
    max-width: 60vh;
}
.reserv-button{
    display: inline-block;
    background: url("../../img/reserv-button.svg") center no-repeat;
    width: 14rem;
    height: 2.3rem;
    margin-top: 105px;
}


/*****************/
/*hello container*/
#hello{
    background: url("../../img/wallton-bg.webp") center;
    justify-content: normal;
}
.info-line-text .invisible{display: none;}
.page-info-container{
    min-height: 300px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 24px;
    padding: 2.5rem 0;
    z-index: 10;
    position: relative;
}
.info-line-text::before {
    content: " ";
    float: left;
    background: url("../../img/bukva-b.svg") center no-repeat;
    width: 2.81em; /*45px*/
    height: 4.75em; /*76px*/
    margin-top: -8px;
}
.hello-img-before{
    background: url("../../img/veranda_cut.webp") center no-repeat;
    height: 360px;
    clip-path: url(#wave-top-path);
}
.hello-img-after{
    background: url("../../img/nastoiki-cut.webp") center no-repeat;
    height: 250px;
    clip-path: url(#wave-bottom-path);
}
.hello-img-before,.hello-img-after,
.menu-img-before, .offer-img{
    background-size: cover;
    width: 100%;
    z-index: 1;
}
.info-img-cont{
    display: flex;
    justify-content: right;
    align-items: center;
}
.info-img{
    height: 230px;
    width: 480px;
    background: url("../../img/hello.svg") center no-repeat;
    display: inline-block;
}
.info-img-cont:after{
    content: " ";
    background-image: url("../../img/v-line-4.svg");
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 11px 105px;
    width: 11px;
    height: 100%;
    display: inline-block;
    float: right;
    margin-right: calc(var(--bs-gutter-x) * 1.5);
    margin-left: calc(var(--bs-gutter-x) * 2.5);
}
.hello-top-wave,.hello-bottom-wave,
.menu-top-wave{
    height: 20px;
    background-repeat: repeat-x;
    background-size: 118px 20px;
}
.hello-top-wave, .menu-top-wave {
    background-image: url("../../img/g-line-gr.svg");
    position: relative;
    top: -7px;
}
.hello-bottom-wave{
    background-image: url("../../img/g-line-rg.svg");
    position: relative;
    bottom: -6px;
}
@media (max-width: 1199px){
    .info-img-cont{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .info-img-cont::after{display: none;}
    .info-img{
        height: 95px;
        width: 100%;
        background: url("../../img/hello-horz.svg") center no-repeat;
        display: inline-block;
        margin-bottom: 35px;
    }
}
@media (max-width: 768px){
    .info-img{
        height: 110px;
        width: 100%;
        background: url("../../img/hello-horz-md.svg") center no-repeat;
        display: inline-block;
    }
}
@media (max-width: 480px){
    .info-img{
        height: 150px;
        width: 100%;
        background: url("../../img/hello-horz-sm.svg") center no-repeat;
        display: inline-block;
        margin-bottom: 30px;
    }
    .hello-img-before, .hello-top-wave{
        display: none;
    }
}


/********/
/**menu**/
#menu{
    background: url("../../img/menu_fon.webp") center no-repeat;
    background-size: cover;
    justify-content: normal;
}
.menu-content{
    background-color: #FFF;
    min-height: 100vh;
    padding: 0;
    text-align: center;
    position: relative;
}
.menu-img-before{
    background: url("../../img/fish-rsize.webp") center no-repeat;
    background-size: cover !important;
    height: 360px;
    clip-path: url(#wave-top-path);
    margin-left: - calc(var(--bs-gutter-x) * .5);
    margin-right: - calc(var(--bs-gutter-x) * .5);
}
.menu-vignette{
    background: url("../../img/menu-vignettes.svg") center no-repeat;
    height: 65px;
    margin-top: -5px;
    display: inline-block;
    width: 50%;
}
.menu-items-container{
    position: absolute;
    bottom: 0;
    top: 440px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.menu-item{
    display: none;
    flex-direction: column;
    padding: 10px 25px;
    text-align: left;
}
.menu-item-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    font-weight: bold;
}
.item-dots{
    flex: 1;
    -webkit-box-flex: 1;
    margin: 0 10px 5px 10px;
    border-bottom: 2px dotted #000;
}
.item-price{
    color: var(--menu-pc-active-link-color);
    font-size: 22px;
    white-space: nowrap;
}
#menu .item-price::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.13) 99% );
}
.item-description{
    color: #7d7d7d;
    text-align: left;
    font-weight: 300;
    padding-right: 200px;
}
.menu-sections{padding-left: 6em;}
.menu-header{
    height: 370px;
    width: 100%;
    display: flex;
    align-items: end;
}
.menu-header-img{
    background: url("../../img/menu-header.svg") left bottom no-repeat;
    display: inline-block;
    height: 145px;
    width: 100%;
}
.menu-toc ul{
    padding:50px 0 0 0;
    margin: 0;
}
.menu-toc ul li{
    list-style-type: none;
    padding-bottom: 20px;
}
.menu-toc a.active:before{
    position: absolute;
    content: " ";
    background: url("../../img/menu-toc-arrow.svg") center no-repeat;
    width: 10px;
    height: 25px;
    margin-left: -20px;
}
.menu-toc a{
    color:#FFF;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 500;
    /*line-height: 2.5em;*/
}
.menu-content > .menu-header{display: none;}
.menu-toc a.active, .menu-toc ul li a:hover{
    color: var(--menu-pc-active-link-color);
}
.menu-mob-select{
    display: none;
    border-radius: 18px;
    border: 2px solid var(--defaul-red-color);
    line-height: 11px;
    height: 2.1em;
    width: 90%;
    padding: 0 12px;
    background-color: #fff;
    text-transform: uppercase;
    color: var(--defaul-red-color);
    font-weight: 500;
}

@media (max-width: 1200px){
    .menu-sections{padding-left: 3em;}
    /*.menu-vignette{height: 75px;}*/
}
@media (max-width: 768px){
    .menu-items-container {top: 290px;width: 100%;}
    .menu-img-before{
        background: #000 !important;
        height: 154px;
        clip-path: url(#wave-top-path-sm-min);
    }
    #menu .menu-top-wave {top: -12px;}
    .menu-sections{display: none;}
    .menu-content > .menu-header{
        display: flex;
        position: absolute;
        z-index: 999;
        align-items: center;
        height: 154px;
    }
    .menu-mob-select{display: inline-block;}

    .menu-content .menu-header .menu-header-img{
        background: url("../../img/menu-header-sm.svg") center no-repeat;
        height: 70px;
        margin: 0 30px;
    }
    .menu-sections > .menu-header{display: none;}
    .menu-vignette{height: 60px;}
    .item-price{font-size: 18px;max-width: 200px;}
    .item-description {padding-right: 100px;}
}
@media (max-width: 480px){
    .menu-item {
        padding: 10px;
    }
    .menu-vignette{
        height: 50px;
        margin-top: -8px;
        width: 61%;
    }
    .item-description {padding-right: 30px;}
}

/********/
/**bar**/
#bar{
    background: url("../../img/bar_fon.jpg") center no-repeat;
    background-size: cover;
    justify-content: normal;
}
#bar .menu-header-img{
    background: url("../../img/bar-header.svg") right bottom no-repeat;
    height: 135px;
}
#bar .menu-content{background-color: rgba(0,0,0,0.75);}
#bar .menu-sections{padding:0 6em 0 1.2em;}
#bar .item-name{color:#FFF;}
#bar .item-dots{border-bottom: 2px dotted #FFF;}
#bar .item-description{color:#969696;}
#bar .menu-toc{text-align: right;}
#bar .menu-toc a{color:#000;}
#bar .menu-toc a.active, #bar .menu-toc ul li a:hover{
    color: var(--menu-pc-active-link-color);
}
#bar .menu-vignette{background: url("../../img/bar-vignettes.svg") center no-repeat;}
#bar .menu-img-before{background: url("../../img/beer-sm.jpg") center no-repeat;}
#bar .menu-top-wave{top: -11px;}

.wr-wave {background-image: url("../../img/g-line-wr.svg");}
.rw-wave {background-image: url("../../img/g-line-rw.svg");}
.ww-wave {background-image: url("../../img/g-line-ww.svg");}
.rg-top-wave {background-image: url("../../img/g-line-rg-top.svg");}

@media (max-width: 1200px){
    #bar .menu-sections {padding-right: 3em;}
}
@media (max-width: 768px){
    #bar .menu-img-before {background: #FFF;}
    #bar .menu-header-img{
        background: url("../../img/bar-header-md.svg") center center no-repeat;
        height: 70px;
    }
}
@media (max-width: 480px){
    #bar .menu-header-img{background: url("../../img/bar-header-sm.svg") center center no-repeat;}
}

/***********/
/**events**/
#events{
    background: url("../../img/actual-fon.webp") center no-repeat;
    background-size: cover;
}
#events sup{top: -0.4em;}
#events h1 {
    font-size: 64px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 66px;
    color:#660033
}

.event-text{background-color: #fff;}
#events .event-img{
    height: 100%;
    background-size: cover !important;
}
.event-header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
}
.event-header-img{
    background: url("../../img/event-header.svg") center center no-repeat;
    width: 100%;
    height: 80%;
}
.event-top, .event-bottom{height: 430px;}
.event-top{clip-path: url(#wave-top-path-400);}
.event-bottom {clip-path: url("#wave-bottom-path-400");}
.event-top .event-img{background: url("../../img/event/evet-baran.webp") center center no-repeat;}
.event-bottom .event-img{background: url("../../img/event/event-fedorov.webp") center center no-repeat;}
.event-text {
    padding-top: 25px;
    font-weight: 500;
}
.event-date {
    font-size: 64px;
    color: var(--defaul-red-color);
    font-weight: bold;
    text-align: center;
}
.event-date b{font-weight: 900;}
.event-actions{
    text-align: center;
    padding-top: 20px;
}
.event-description{text-align: center;}
.event-mobile{display: none;}
#events .btn-danger{
    --bs-btn-bg: var(--defaul-red-color);
    text-transform: uppercase;
    border-radius: 17px;
    padding-left: 20px;
    padding-right: 20px;
}

#events .row.event-top .event-text,
#events .row.event-bottom .event-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1200px){
    #events h1 {
        font-size: 50px;
        line-height: initial;
    }
    .event-date {font-size: 50px;}
}
@media (max-width: 991px){
    #events h1 {font-size: 40px;}
    .event-date {font-size: 40px;}
}
@media (max-width: 768px){
    #events .menu-top-wave {top: -7px;}
    .event-date {font-size: 30px;}
    .event-header-img{background: url("../../img/event-header-md.svg") center center no-repeat;}
    .event-text {padding-bottom: 25px;}
}
@media (max-width: 575px){
    #events{
        background-color: #fff;
        background-image: unset;
    }
    #events .menu-top-wave {top: -10px;}
    #events .event-img {
        height: 250px;
        clip-path: url(#wave-bottom-path);
    }
    .event-bottom {clip-path: unset;}
    .event-top, .event-bottom {height: auto;}
    .event-top {clip-path: unset;}
    .event-mobile{display:flex;}
    .event-mobile .event-header{
        height: 152px;
        clip-path: url(#wave-top-path-sm-min);
        background-color: #441917;

    }
    .event-md-el{display: none;}
    .event-header-img{
        background: url("../../img/event-header-sm.svg") center center no-repeat;
        width: 90%;
        height: 50%;
        max-height: 80px;
    }
}

/**********/
/**offers**/
#offers {
    background: url("../../img/wallton-bg.webp") center;
    justify-content: normal;
}
.offer-img{
    background: url("../../img/kotlety.webp") center no-repeat;
    height: 360px;
    clip-path: url(#wave-top-path);
    background-size: cover;
}
.offer-header-img{
    background: url("../../img/offer-header.svg") center center no-repeat;
    width: 100%;
    height: 80%;
}
#offers .event-bottom{
    background-color: var(--defaul-red-color);
    color:#FFF;
    position: relative;
}
#offers .menu-items-container{
    top: 15px;
    padding: 0 75px;
}
#offers .menu-item{
    display: flex;
}
#offers .item-dots {border-bottom: 2px dotted #FFF;}
#offers .item-price {color: #FFF;}
#offers .item-description {color: #FFF;}

@media (max-width: 768px){
    .offer-header-img{background: url("../../img/offer-header-md.svg") center center no-repeat;}
    #offers .menu-items-container {
        padding: 0;
    }
}
@media (max-width: 575px){
    #offers .menu-top-wave{top:-22px;}
    #offers {
        background-color: var(--defaul-red-color);
        background-image: unset;
    }
    #offers .menu-items-container {
        position: static;
    }
    #offers .event-bottom{
        height: auto;
    }
    #offers .event-header{
        background-color: #FFF;
        height: 154px;
        clip-path: url(#wave-top-path-sm-min);
    }
    .offer-header-img{
        background: url("../../img/offer-header-sm.svg") center center no-repeat;
        width: 90%;
        height: 50%;
        max-height: 80px;
    }
}

/***********/
/**gallery**/
#gallery{
    background: url("../../img/gallery-fon.webp") center no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative;
    display: block;
/*
    display: flex;
    flex-wrap: nowrap;

 */

    /*
    align-items: flex-start;

     */
}
.slide-container{
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
}
.slide-indicator-cont{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
    flex-direction: column;
    align-items: center;
}
.slide-indicators{
    display: flex;
    flex-direction: row;
}
.slide-h-icon{
    height: 42px;
    width: 42px;
    margin-bottom: 15px;
    background: url("../../img/hand.svg") center center no-repeat;
}
.slide-indicator {
    width: 25px;
    height: 25px;
    border: 2px solid #FFF;
    border-radius: 25px;
    margin: 8px;
    cursor: pointer;
}
.slide-indicator.act {
    background-color: #FFF;
}
#gallery .slide{
    display: block;
    visibility: hidden;
    max-height: 100%;
    position: absolute;
}
#gallery .slide.act{
    visibility: visible;
    position: relative;
    margin: auto;
}
#gallery .slide-arrow {
    width: 35px;
    height: 100px;
    top: 45%;
    position: absolute;
    cursor: pointer;
}
.slide-arrow.next-slide{
    right: 20px;
    background: url("../../img/slide-arrow-right.svg") center center no-repeat;
}
.slide-arrow.prev-slide{
    left: 20px;
    background: url("../../img/slide-arrow-left.svg") center center no-repeat;
}
@media (min-width: 1200px){
    .slide-container{overflow:hidden;}
    #gallery .slide {max-width: 100%;}
    .slide-h-icon{display: none;}
}


/***********/
/**contact**/
#contact{
    background: url("../../img/contacts_fon.webp") center;
    justify-content: normal;
    min-height: auto;
}
#contact b{font-weight: bold;}
#contact .page-info-container{
    padding: 7em 0 2.5em 0;
}
#contact .hello-top-wave{
    top:0;
    bottom:-10px;
}
.contact-map-container{
    background: url("../../img/contacts_map_fon.webp") center;
    clip-path: url("#wave-bottom-path-400");
    justify-content: center;
    align-items: center;
}
.contact-map{
    background: url("../../img/map.svg") center no-repeat;
    background-size: contain;
    margin: 40px 0;
    height: 335px;
    max-height: 34vw;
}
#contact .info-img {
    background: url("../../img/contact.svg") center right no-repeat;
    height: 78px;
}
#contact .info-line-text{
    font-size: 18px;
    line-height: 30px;
}
#contact .info-line-text > .text-uppercase{padding-bottom: 20px;}
#contact .text-uppercase ~ div{font-size: initial;}
#contact .info-line-text::before{display: none;}

@media (max-width: 1200px){
    #contact .info-img {background: url("../../img/contact-horz-md.svg") center center no-repeat;}
}
@media (max-width: 768px){
    #contact .page-info-container{padding-top: 5em;}
    #contact .info-img {
        background: url("../../img/contact-horz-sm.svg") center center no-repeat;
        height: 97px;
    }
}
@media (max-width: 480px){
    #contact .page-info-container{padding-top: 3em;}
}

/**********/
/**footer**/
footer{
    height: 90px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-info{
    color: #646464;
}