html, body{
    padding: 0;
    margin: 0;
}

.desktop{
    display: none;
}

.tablet{
    display: none;
}

* {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

.header{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top:0;
    left: 0;
    z-index: 1;
    background-color: white;
    height: 10vh;
    width: 100%;
    padding-left: 2vw;
    padding-right: 2vw;
}

.headerbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.4vh;
}

.header_line{
    margin-bottom: 30px;
}

.logo1{
    height: 6vh;
    width: auto;
    padding: 1vw 1vw 1vw 1vw;
}

.header_line{
    height: 0.1vh !important;
}

.page1P{
    margin-top: 10vh;
    font-family: Inter, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-bottom: 14.6vh;

}

.menubutton{
    height: 3vh;
    width: auto;
    margin-right: 2vw;
}

.textpage1box{
    font-size: 15vw;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.imageintext{
    flex-grow: 1;
    width: 100%;
    height: 12vw;
    border: 1px solid;
}

.imageintext1 {
    background: url(./../images/33.png);
    background-size: 100%;
}

.imageintext2 {
    background: url(./../images/2.jpg);
    background-size: 100%;
}

.imageintext3 {
    background: url(./../images/1.jpg);
    background-size: 100%;
}

.textpage1boxAROUND{
    font-size: 23vw;
    justify-content: center;
}

.calalogbuttonblack{
    font-size: 10vw;
    height: 7vh;
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clearA{
    color: black;
    text-decoration: none;
    font-family: BrandinkSans, sans-serif;
    font-size: 6vw;
    padding: 10px;
}

.headerpagetext{
    font-size: 6vw;
    font-family: BrandinkSans, sans-serif;
}

.page2container{
    display: flex;
    justify-content: space-between;
    margin: 30px 0px;
}

.page2button{
    border: 1px solid;
}

.page2image{
    width: 100%;
    border: 1px solid;
    background-image: url(./../images/flipboard-h5H5UyXBLBQ-unsplash\ 1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    width: auto;
}

.page2{
    margin-bottom: 10.8vh;
    margin-left: 2vw;
    margin-right: 2vw;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body { font-family: sans-serif; }

.gallery{
    margin: 1vh 20vw 10vh 20vw;
    height: 30vh;
}
.gallery-cell1 {
    width: 100%;
    height: 100%;
    margin-right: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-cell1 img{
    width: 100%;
    height: auto;
}

.gallery2{
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.gallery-cell2 {
    width: 100%;
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    font-size: 24px;
    font-family: BrandinkSans, sans-serif;
}


.page4image1 {
    background-image: url(./../images/catalog1.png);
    background-size: cover;
}
.page4image2 {
    background-image: url(./../images/catalog2.png);
    background-size: cover;
}
.page4image3 {
    background-image: url(./../images/catalog3.png);
    background-size: cover;
}


.page4_grid_item_textvisible{
    margin-bottom: 30px;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
}

.page4_grid_item_hidden_text{
    margin-bottom: 10px;
}

.mapmob{
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.page5{
    margin-bottom: 10vh;
}

.page1image{
    width: 100%;
    height: auto;
}

.gallery-cell3{
    width: 100%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid;
}

.page6_scroll_item_text{
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    font-family: BrandinkSans, sans-serif;
}

.chb_filter{
    width: 100%;
}
.page6{
    margin-bottom: 10vh;
}

.page7_table{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.page7_table_item_plus_foto{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    width: 96vw;
}
.page7_table_item{
    width: 56vw;
    padding: 2vw;
    font-family: BrandinkSans, sans-serif;
}
.gallery3, .gallery2
{
    margin-top: 20px;
}
.page7_table_item_plus_foto1{
    border-top: 1px solid;
}

.page7_table_title{
    font-size: 4vw;
}

.page7_table_subtitle{
    font-size: 3vw;
    margin-bottom: 10vh;
}

.footerP{
    margin-top: 50px;
    background-color: black;
    color: white;
    font-family: BrandinkSans, sans-serif;
    padding: 20px;
}

.menu{
    padding-top: 4.7vh;
    padding-bottom: 14.6vh;
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 100vw;
    height: 100vh;
    justify-content: space-around;
    align-items: center;
    z-index: 33;
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

.menu.active{
    opacity: 1;
    z-index: 3;
    transition: opacity 0.3s ease;
}

.menulogo{
    width: 42vw;
    height: auto;
}

.menu .aBlack{
    border: 1px solid;
    width: 42vw;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: BrandinkSans, sans-serif;
    font-size: 24px;
}

.cross{
    width: 32px;
    height: auto;
    margin-top: 3vh;
}

.modal1, .modal2{
    font-family: Vela, sans-serif;
    font-size: 3vw;
    color: black;
    position: absolute;
    background-color: white;
    height: 59.7vh;
    width: 95.5vw;
    padding: 4vw;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.modal1.active, .modal2.active{
    opacity: 1;
    transition: opacity 0.3s ease;
}

.modal1 div, .modal2 div{
    margin-bottom: 4vw;
}

#aboutbutton, #missionbutton{
    background-color: white;
    color: black;
    transition: all 0.3s ease;
}

#aboutbutton.active, #missionbutton.active{
    background-color: black;
    color: white;
    transition: all 0.3s ease;
}

.page3, .page4, .page5, .page6, .page7{
    margin-left: 2vw;
    margin-right: 2vw;
}

.page4{
    margin-bottom: 10vh;
}
.aBlack{
    text-decoration: none;
    color: black;
}

.tel{
    color:black;
    text-decoration: none;
    font-size: 3.5vw;
}

.page4_grid_item_hidden_text{
    text-align: center;
}

    
.page7_table_info{
    text-decoration: none;
    color: black;
}

.footer_mail{
    text-decoration: none;
    color: white;
}

.modal_title{
    font-size: 15vw;
}

.gallery4{
    margin-top: 20px;
}

.gallery-cell4{
    width: 96vw;
    height: 60vh;
    border: 1px solid;
}

.gallery-cell4_flag_image{
    width: 50vw;
    height: auto;
    border: 1px solid;
}

.gallery-cell4_flag_box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
    border-bottom: 1px solid;
}

.gallery-cell4_cities_box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40vh;
    font-family: BrandinkSans, sans-serif;
    font-size: 3vh;
}

.gallery-cell4_cities_box div{
    margin-bottom: 5px;
}

.page1P{
    font-family: Inter, sans-serif;
    font-size: 48px;
    margin-left: 0;
    margin-right: 0;
}

.page1_item{
    border-top: 1px solid;
}

.page1_flex{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.page1_image{
    width: 100%;
    height: auto;
    z-index: -1;
    margin-bottom: -2px;
}

.page1_lastiem{
    border-bottom: 1px solid;
    display: flex;
    font-size: 24px;
}

.page1_lastiem_left{
    border-right: 1px solid;
    width: 56.954vw;
    margin-left: 2vw;
}
.page1_item div{
    margin-left: 2vw;
}

.page1_lastiem_buttoncontainer{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39vw;
    margin-left: auto;
    margin-right: auto;
}

.anim_scroll{
    opacity: 0;
    transition: opacity 1s ease;
}

.amin{
    opacity: 1;
    transition: opacity 1s ease;
}

.graytocolor{
    filter: grayscale(1);
    transition: filter 0.5s ease 0.5s;
}

.colored{
    filter: grayscale(0);
    transition: filter 0.5s ease 0.5s;
}

.page7_foto1{
    background-image: url(./../images/SMELYANSKIY.png);
    background-size: cover;
    background-position-x: center;
}

.page7_foto2{
    background-image: url(./../images/buria.png);
    background-size: cover;
    background-position-x: center;
}

.page7_foto3{
    background-image: url(./../images/dvornikov.png);
    background-size: cover;
    background-position-x: center;

}

.page7_foto4{
    background-image: url(./../images/karepina.png);
    background-size: cover;
    background-position-x: center;
}

.page7_foto5{
    background-image: url(./../images/KUZNETSOV.png);
    background-size: cover;
    background-position-x: center;
}

.page7_table_item_foto{
    width: 40vw;
    filter: grayscale(1);
    border-left: 1px solid;
}