@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
li{
    text-decoration: none;
}
a{
    text-decoration: none;
}
body{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    background-color: #262626;
    color: #e1b838;
}
.container{
    max-width: 1326px;
    width: 100%;
    margin: 0 auto;
}
.logoAndNav{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 48px;
    margin-bottom: 33px;
}
.logo{
    width: 238px;
    height: 148px;
}
.nav_desktop{
    border: 3px solid #e1b838;
    height: 67px;
    width: 928px;
}
.mobile_button {
    display: none;
}
nav ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
nav ul li{
    padding: 18px 25px;
    font-family: "Open Sans";
    font-size: 24px;
}
nav ul li a{
    color: #e1b838;
}
nav ul li:hover{
    background: #e1b838;
    transition: .3s ease-in-out;
}
nav ul li:hover a{
    transition: .3s ease-in-out;
    color: #262626;
}
.dropright{
    font-size: 24px;
    width: 130px;
    display: flex;
    justify-content: space-between;
}
.dropright:after{
    content: ">";
}
.dropright:hover:after{
    color: #262626;
}
.dropright-menu{
    display: block;
    position: absolute;
    z-index: 5;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    background-color: #262626;
    transition: .3s ease-in-out;
    font-size: 24px;
    color: #e1b838;
}
.dropright-menu{
    width: 300px;
}
.dropright:hover .dropright-menu{
    opacity: 1;
    transform: scaleY(1);
    transform: translate(154px, -18px);
}
.dropdown_and_dropright:hover .dropright:hover .dropright-menu li a{
    color: #e1b838;
}
.dropdown_and_dropright:hover .dropright:hover .dropright-menu li:hover a{
    color: #262626;
}
.dropdown:after{
    content: '\25BC';
    margin-left: 5px;
    font-size: 12px;
}
.dropdown:hover:after{
    color: #262626;
}
.dropdown-menu{
    display: block;
    position: absolute;
    z-index: 5;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
    background-color: #262626;
    transition: .3s ease-in-out;
    font-size: 24px;
}
.dropdown:hover .dropdown-menu{
    opacity: 1;
    transform: scaleY(1);
    transform: translate(-25px, 18px);

}
.dropdown:hover .dropdown-menu li{
    border-bottom: 1px solid #e1b838;
}
.dropdown:hover .dropdown-menu li:last-child{
    border-bottom: none;
}
.dropdown:hover .dropdown-menu li a{
    color: #e1b838;
}
.dropdown:hover .dropdown-menu li:hover a{
    color: #262626;
}
.news{
    max-height: 594px;
    max-width: 1440px;
    margin-bottom: 62px;
    background-color: #262626;
    background-image: url("images/jpeg/bg_1.jpg");
    background-size: auto;
    background-repeat: no-repeat;
}
.slider{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 196px;
    padding-bottom: 136px;
}
.slaid{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.advertisement{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 145px;
    width: 475px;
    border: 11px solid #e1b838;
}
.text_advertisement{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 475px;
    height: 72.5px;
    background-color: #e1b838;
    color: #262626;
}
.date_advertisement{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 475px;
    height: 72.5px;
    color: white;
}
h2{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
    margin: 0;
}
h2.date{
    font-size: 30px;
}
.rewiev{
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-size: 33px;
    font-family: "Open Sans Light";
    color: white;
    margin-top: 62px;
}
.menu_section{
    max-height: 990px;
    max-width: 1440px;
    background-color: #262626;
    background-image: url("images/jpeg/bg_2.jpg");
    /*background-size: 100% 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 62px;
}
.menu{
    font-family: "Fjalla One";
    font-size: 54px;
    color: white;
    padding-top: 41px;
}
.menu_img{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.menu_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 58px;
}
.menu_group{
    display: flex;
    flex-direction: column;
    border: 4px solid #e1b838;
    width: 352px;
    height: 207px;
}
.menu_group:nth-child(-n+3){
    margin-bottom: 52px;
}
.menu_title{
    background-color: #e1b838;
    text-transform: uppercase;
    color: #262626;
    padding-left: 12px;
    height: 65px;
    display: flex;
    align-items: center;
}
.price_group{
    padding-top: 20px;
}
.price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 20px 12px;
    font-family: "Open Sans SemiBold";
    font-size: 13px;
}
.price p{
    margin: 0;
}
.price span{
    padding-bottom: 20px;
}
h3{
    font-family: "Open Sans ExtraBold";
    font-size: 22px;
    margin: 0;
}
.discount{
    background-image: url("images/jpeg/bg_3.jpg");
    max-height: 709px;
    margin-bottom: 60px;
}
.get_discount{
    display: flex;
    justify-content: flex-end;
    text-align: right;
    padding-top: 100px;
    font-size: 30px;
}
.button_discount{
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.click_discount{
    background-color: #e1b838;
    color: #262626;
    width: 187px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    font-family: "Fjalla One";
    font-size: 18px;
}
.radial-out {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}
.radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}
.radial-out:hover p{
    color: #e1b838;
    transition: 0.5s;
}
.logo_discount{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    margin-top: 127px;
    padding-bottom: 90px;
}
.logo_discount_text{
    font-family: "Fjalla One";
    font-size: 24px;
}
.special{
    border: 5px solid #e1b838;
    height: 190px;
    width: 536px;
}
.special_title{
    text-transform: uppercase;
    font-size: 30px;
    font-family: "Open Sans ExtraBold";
    background: #e1b838;
    color: #262626;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section_special_of_the_month{
    max-height: 821px;
    background-image: url("images/jpeg/bg_2.jpg");
    margin-bottom: 166px;
}
.special_of_the_month{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 80px;
}
.special_content{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 124px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 26px;
    color: white;
}
.about_special{
    height: 190px;
    width: 605px;
    color: white;
    font-family: "Open Sans";
    font-size: 18px;
    display: flex;
    justify-content: right;
    align-items: center;
}
.img_1_group_4{
    text-align: right;
}
.images_relative{
    display: flex;
    align-items: center;
    position: relative;
    top: -250px;
}
.section_our_method{
    background-image: url("images/jpeg/bg_5.jpg");
    background-repeat: no-repeat;
    max-height: 880px;
    height: 100%;
    margin-bottom: 60px;
}
.our_method{
    justify-content: flex-end;
    height: 100%;
    padding-top: 302px;
    padding-bottom: 228px;
}
.method{
    border: 8px solid #e1b838;
    height: 338px;
    width: 570px;
}
.method_title{
    text-transform: none;
    font-family: "Open Sans ExtraBold";
    font-size: 46px;
    justify-content: left;
    padding-left: 38px;
    height: 83px;
}
.method_content{
    justify-content: left;
    padding-left: 38px;
    font-weight: normal;
    font-size: 30px;
    height: 263px;
}
.our_live_music{
    background-image: url("images/jpeg/bg_6.jpg");
    background-repeat: no-repeat;
    max-height: 881px;
}
.live_music{
    padding-top: 96px;
    padding-bottom: 474px;
}
.music{
    height: 294px;
    width: 472px;
    border: 10px solid #e1b838;
}
.music_title{
    height: 92px;
    font-size: 42px;
}
.music_content{
    flex-direction: column;
    font-weight: normal;
    font-size: 42px;
    height: 202px;
}
.music_content p{margin: 0;}
.jazz{
    font-weight: bold;
}
.about_music{
    height: 142px;
    width: 592px;
    font-size: 32px;
}
.foot_title{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 124px;
    margin-bottom: 64px;
    text-align: center;
}
h4{
    font-family: "Fjalla One";
    font-size: 54px;
    margin: 0;
    padding-top: 26px;
}
.open_and_footnav{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
}
.open{
    height: 160px;
    width: 426px;
    border: 4px solid #e1b838;
}
.open_title{
    height: 56px;
    font-size: 26px;
}
.open_content{
    height: 104px;
    font-size: 23px;
    font-weight: bold;
}
.footnav{
    width: 378px;
    margin-left: 104px;
}
.footnav ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}
.footnav li{
    font-family: "Open Sans";
    font-size: 24px;
    list-style-type: none;
    width: 123px;
    padding: 19px 20px;
}
.footnav li a{
    color: white;
}
.footnav li:hover{
    background-color: #e1b838;
    transition: .3s ease-in-out
}
.footnav li:hover a{
    color: #262626;
    transition: .3s ease-in-out
}
.social_and_adress{
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adress{
    color: white;
    font-size: 31px;
}
.social_networks{
    display: flex;
}
.social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #e1b838;
    border: 1px solid #e1b838;
    border-radius: 6px;
    margin: 0 10px 0px 0;
    padding: 12px;
    color: #262626;
}
.youtube a:hover {color: #e1b838; transition: .3s ease-in-out}
.twitter a:hover {color: #e1b838; transition: .3s ease-in-out}
.instagram a:hover {color: #e1b838; transition: .3s ease-in-out}
.facebook a:hover {color: #e1b838; transition: .3s ease-in-out}
.grill{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.grill p{
    margin: 0;
}
.modal_window{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.is_open{
    display: flex;
}
.window_input{
    display: flex;
    flex-direction: column;
    background-color: #262626;
    padding: 40px;
    width: 70%;
    max-width: 780px;
    min-height: 552px;
    box-sizing: border-box;
}
.window_input_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.button_close{
    background-color: #e1b838;
    border-color: orangered;
    height: 40px;
    width: 50px;
    border-radius: 4px;
    font-size: 20px;
    border: none;
}
.window_input_information{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    box-sizing: border-box;
}
.input_information{
    width: 70%;
    height: 40px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-left: 10px;
    font-size: 30px;
}
.window_input_buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.button_modal_window{
    padding: 10px;
    text-transform: uppercase;
    color: black;
    background-color: #e1b838;
    border: none;
}
.radial-out-send:before{
    contain: '';
    background-color: chartreuse;
}
.radial-out-send:hover{
    color: white;
}
.radial-out-close:before {
    content: "";
    background: coral;
}
.radial-out-close:hover{
    color: #e1b838;
}