@font-face {
    font-family: 'Avenir Next Cyr medium';
    src: url('fonts/AvenirNextCyr-Medium.eot');
    src: url('fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvenirNextCyr-Medium.woff2') format('woff2'),
        url('fonts/AvenirNextCyr-Medium.woff') format('woff'),
        url('fonts/AvenirNextCyr-Medium.ttf') format('truetype'),
        url('fonts/AvenirNextCyr-Medium.svg#AvenirNextCyr-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing:border-box;
}

body {
    background-color: #03392C;
    font-family: 'Avenir Next Cyr medium';
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    
    
}


a {
    text-decoration: none;
    color: white;
}
a:hover {
    text-decoration: none;
    color:#688E85;  
}
.card {
    
    height: 850px;
    margin: 0 auto;
    background-image: url(images/new_back_1903.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.card-photo {
    display: flex;
    height: 818px;
    margin: 0 auto;
    background-image: url(images/le_padik_png.png);
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    flex-direction: column;
    align-items: center;
}
.logo {
    height: 750px;
}
.imglogo {
    width: 202px;
    margin-top: 48px;
    
}
.logotime {
    color: white;
    text-align: center;
    margin: 5px auto;
}

.container {
    display: flex;
    height: 86px;
    background-color: #03392C;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    font-weight: 100;
}
h1 {
    font-size: 28px;
    color:white;
    font-weight: 100;
    margin: 0 auto;

    
}
p {
    font-size: 15px;
    margin: 15px 0 22px 0;
}
ul.navigation {
    list-style-type:none;
    font-size: medium;
    color:white;
    font-weight: 100;
    padding: 0;
}
ul.navigation li {
    display: inline-block;
    padding: 0 29px;
}

   

.time {
    font-size: 23px;
    color: white;
    
}
.container2 {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 900px;
    height: 370px;
    background-color: #B5D6CB ;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: black;
    
}

input {
    background-color: white;
    color: #688E85;  
    border: 0;
    padding: 11px 30px 11px 24px;
    border-radius: 28px;
    font: 15px 'Avenir Next Cyr medium';
    margin: 0 7px 0 7px;
}

input::placeholder {
    color: #688E85;
    font: 15px 'Avenir Next Cyr medium'
}

input:focus {
    outline-color: #2C8A68;
  }
  
button {
    background-color: white;
    color: #688E85;  
    border: 0;
    padding: 11px 170px 11px 24px;
    border-radius: 28px;
    font: 15px 'Avenir Next Cyr medium';
    margin: 0 7px 0 7px;
}
.buttonbron {
    display: inline-block;
    background-color: #2C8A68;
    color: white;  
    border-width: 1px;
    border-style: solid;
    border-color: #03392C;
    border-radius: 28px;
    font: 20px 'Avenir Next Cyr medium';
    text-align: center;
    margin-top: 38px;
    margin-bottom: 11px;
    padding: 11px 66px 11px 66px;
    cursor:pointer;
}

.buttonbron:hover {
    background-color: rgb(100, 153, 134);
    color: white;
}

.bron {
    color: black;
}
.containermenu {
    display: flex;
    
    height: 850px;
    justify-content: center;
    align-items: center;
    align-content: space-between; 
    margin: o auto;  
}
.menu1 {
margin-right: 25px;
}
.menu1:hover {
    transform: scale(1.2);
    transition: 0.2s;
}
.menu2:hover {
    transform: scale(1.2);
    transition: 0.2s;
}
.imgfood {
    width: 434px;
    border-style: solid;
    border-width: 1px;
    border-color: #2C8A68;
    display: inline-block;

  }  
    
.imgkitchen {
    width: 395px;
    display: inline-block;
    margin-right: 80px;
}

.team {
    color: white;
    font-size: 15px;
    margin: 60px 0 60px 0;
}
.containerhistory {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: space-between; 
    margin: o auto; 
}
.history {
    margin: 0;
    margin-top: -12px;
}
.cook {
    display: flex;
    flex-direction: column;
    height: 559px;
    justify-content: space-between;
    
}
.imgcook {
    width: 424px;
    display: inline-block;
    margin-bottom: 2px;
    
}

.news {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.new {
    margin: 100px 0 33px 0;
}

.photonew {
    height: 477px;
    display: flex;
}
.imgnews1 {
    display: flex;
    margin-right: 38px;
    background-image: url("images/music.png");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    width: 272px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.imgnews1:hover {
transform: scale(1.2);
transition: 0.2s;
}
.zaholovok1 {
    color: white;
    margin-left: 28px;
}
.textnews1 {
    color: white;
    margin-left: 28px;
}
.imgnews2 {
    display: flex;
    margin-right: 38px;
    background-image: url("images/dishes.png");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    width: 272px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.imgnews2:hover {
    transform: scale(1.2);
    transition: 0.2s;
}
.zaholovok2 {
    color: white;
    margin-left: 28px;
    margin-top: 35px;
}
.textnews2 {
    color: white;
    margin-left: 28px;
}
.imgnews3 {
    display: flex;
    background-image: url("images/go.png");
    background-repeat:no-repeat;
    background-size: contain;
    background-position: center;
    width: 272px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.imgnews3:hover {
    transform: scale(1.2);
    transition: 0.2s;
}
.zaholovok3 {
    color: white;
    margin-left: 28px;
}
.textnews3 {
    color: white;
    margin-left: 28px;
    margin-bottom: 43px;
}
.bron2 {
    margin-top: 156px;
    margin-bottom: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;


}
.textbron2 {
  text-align: center;  
}
.buttonbron:hover {
    transform: scale(1.05);
    transition: 0.2s;
}
.abron:hover {
color: white;
}

.top {
    display: flex;
    background-color: rgba(255, 255, 255, 0.772);
    border-radius: 50px ;
    height: 65px;
    width: 87px;
    align-items: center;
    justify-content: center;
    position:fixed;
    right: 50px;
    bottom:50px;
}
.imgtop {
    height: 60px;
    margin: 0 0 -8px -2px;
}

.containerpodval {
    background-color: #B5D6CB;
    width: auto; 
    height: auto;
}

.podval {
    display: flex;
    width: auto;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.podvalcontent {
    display: flex;
    height: 149px;
    width: 900px;
    align-items: center;
    justify-content: space-between;

}
 
/* Контейнер, который затемняет страницу */
.css-modal-target {
    display: none;
}
.css-modal-target:target {
    display:flex;
    align-items:center;
    justify-content:center;    
    z-index: 4;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: bg 0.5s ease;
    background: rgba(43, 137, 103, 0.7);
}
 
/* Модальное окно */
.css-modal-target .cmt {
    font-family: Verdana, sans-serif;  
    font-size: 16px;
    padding: 20px;
    width: 80%;
    z-index: 8;
    max-width: 600px;
    max-height: 70%;
    transition: 0.5s;
    /* border: 6px solid #BFE2FF; */
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    text-align: center;
    overflow: auto;
    animation: scale 0.5s ease;
}
 
/* Кнопка с крестиком закрывающая окно */
.css-modal-close {
    position: relative;
    display: block;
}
.css-modal-close:after {
    content: "";
    width: 50px;
    height: 50px;
    /* border: 6px solid #BFE2FF; */
    border-radius: 12px;
    position: fixed;
    z-index: 10;
    top: 20px;
    right: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c8a68' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    background-color: #FFF;
    background-size: cover;
    animation: move 0.5s ease;
}
.css-modal-close:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    content: "";
    cursor: default;
}
 
/* Анимации */
@keyframes scale {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes move {
    0% {
        right: -80px;
    }
    100% {
        right: 20px;
    }
}
@keyframes bg {
    0% {
        background: rgba(3, 57, 44, 0);
    }
    100% {
        background: rgba(43, 137, 103, 0.7);
    }
}