@font-face {
    font-family: "Din pro";
    src: url("../fonts/DINPro.otf");
}

@font-face {
    font-family: "10421";
    src: url("../fonts/10421.otf");
}

@font-face {
    font-family: "dinpro-black";
    src: url("../fonts/dinpro-black.otf");
}

@font-face {
    font-family: "DINPro-Black_1";
    src: url("../fonts/DINPro-Black_1.otf");
}

@font-face {
    font-family: "dinpro-bold";
    src: url("../fonts/dinpro-bold.otf");
}

@font-face {
    font-family: "dinpro-light";
    src: url("../fonts/dinpro-light.otf");
}

@font-face {
    font-family: "dinpro-regular";
    src: url("../fonts/dinpro-regular.otf");
}


body {
    /*background: #430000;*/
    /*background: linear-gradient(to right, #430000, #A40000, #430000);*/
    /*background: linear-gradient(to right, #430000, #860404, #430000);*/
    background: linear-gradient(to right, #630202, #860404, #630202);
    color: white;
    font-family: "Din pro", serif;
}


.wrapper {


    max-width: 1200px;

    margin: 0 auto;
    min-height: 1000px;
    padding: 12px 0 100px;
    /*background: url("../img/g59.png") no-repeat right top 12px, linear-gradient(to right, #430000, #A40000, #430000);*/
    background: url("../img/g59.png") no-repeat right top 12px;

    margin-bottom: 20px;
    /*width: 1200px;*/
}

.hidden {
    display: none;
}

.page_title {
    text-align: center;
    padding: 15px 0 30px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
}

.page_sub_title {
    color: white;
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.header_block {
    height: 80px;
}

.f_button {
    border: solid 2px white;
    padding: 10px 0 10px;
    display: block;
    width: 300px;
    margin: 0 auto;
    color: white;
    /*background: white;*/
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.f_button:hover {
    color: black;
    background: white;
}


a.f_button,
a.f_button:link,
a.f_button:visited,
a.f_button:active {
    border: solid 2px white;
    padding: 10px 0 10px;
    display: block;
    width: 300px;
    margin: 0 auto;
    color: white;
    text-decoration: none;
    /*background: white;*/
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

a.f_button:hover {
    color: black !important;
    background: white;
}

.logo_section_mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding-top: 10px;
    background: #4B0001;
}

.logo_section_mobile a.logo_image {
    position: relative;
    float: left;
    left: 20px;
    /*width: 20px;*/
}

.logo_section_mobile a.logo_text,
.logo_section_mobile a.logo_text:link,
.logo_section_mobile a.logo_text:active,
.logo_section_mobile a.logo_text:visited {
    position: relative;
    float: left;
    left: 28px;
    top: 8px;
    font-weight: 600;
    /*letter-spacing: 1px;*/
    text-decoration: none;
    color: white;
    font-size: 11px;
    /*width: 20px;*/
}

.mobile_menu_button {
    position: fixed;
    float: right;
    right: 15px;
    cursor: pointer;
    top: 10px;
}

@media only screen
and (max-width : 480px) {
    .news_content img {
        width: 100% !important;
        padding-right: 20px;
    }

    .news_content iframe {
        width: 100% !important;
        padding-right: 15px;
    }
}

.mobile_menu_background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(71, 0, 1, 0.9);

}

.header_block .logo_section {
    float: left;
}

.header_block .logo_section .logo_image {
    /*display: inline-block;*/
}

.header_block .logo_section a.logo_text,
.header_block .logo_section a.logo_text:link,
.header_block .logo_section a.logo_text:active,
.header_block .logo_section a.logo_text:visited {
    /*display: inline-block;*/
    margin-left: 20px;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 2px;
    text-decoration: none;
    color: white;
}

.header_block .header_additional_section {
    float: right;
    font-size: 9px;
}

.header_block .header_additional_section .lang {
    padding-right: 20px;
}

.header_block .header_additional_section .lang .selected_language {
    color: white;
    cursor: pointer;
}

.header_block .header_additional_section .lang .language_delimiter {
    color: #991101;
}

.header_block .header_additional_section .lang .link_to_language a,
.header_block .header_additional_section .lang .link_to_language a:active,
.header_block .header_additional_section .lang .link_to_language a:link,
.header_block .header_additional_section .lang .link_to_language a:visited {
    color: red;
    cursor: pointer;
}

.header_block .header_additional_section .lang .link_to_language a:hover {
    color: white;
}

.header_block .header_additional_section .user_block {

}

.header_block .header_additional_section .user_block a,
.header_block .header_additional_section .user_block a:link,
.header_block .header_additional_section .user_block a:active,
.header_block .header_additional_section .user_block a:visited {
    color: white;
    text-transform: uppercase;
}

.header_block .header_additional_section .user_block a:hover {
    color: red;
    margin-top: 20px;
}

.user_block {

}

.mobile_main_page_block {
    text-align: center;
    margin-bottom: 50px;
}

.mobile_main_page_block .logo_text {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.mobile_main_page_buttons_block {
    margin-top: 15vh;
    margin-bottom: 25vh;
}

.mobile_main_page_buttons_block .mobile_main_page_item a,
.mobile_main_page_buttons_block .mobile_main_page_item a:visited,
.mobile_main_page_buttons_block .mobile_main_page_item a:link,
.mobile_main_page_buttons_block .mobile_main_page_item a:active {

    /*color: #F2EFEF;*/
    display: block;
    color: white;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 10px 25px 10px 27px;
    border: 2px solid white;
    width: 220px;
    margin: 15px auto;
    border-radius: 5px;
    text-transform: uppercase;
}

.userName_block {
    color: white;
    margin-top: 8px;
    font-size: 10px;
    text-align: right;
}


.clear_both {
    clear: both;
}

.my_modal_label {
    color: #373638;
    letter-spacing: 0px;
}

.main_menu {
    color: white;

    background: linear-gradient(to right, rgba(67, 0, 0, 0.0), rgba(67, 12, 1, 0.8), rgba(67, 12, 1, 0.8), rgba(67, 12, 1, 0.8), rgba(67, 0, 0, 0.0));

    padding: 1px 10px 5px;
    margin: 5px 0 30px;
    text-align: center;
}

.main_menu ul {
    margin: 0;
    padding: 0;
}

.main_menu ul li {
    list-style-type: none;
    display: inline;
}

.main_menu ul li a,
.main_menu ul li a:visited,
.main_menu ul li a:link,
.main_menu ul li a:active {

    /*color: #F2EFEF;*/
    color: #B3B3B3;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 0 25px 0 27px;
    transition: 0.3s;
}

.main_menu ul li a,
.main_menu ul li a.active:visited,
.main_menu ul li a.active:link,
.main_menu ul li a.active:active {

    font-weight: 800;
    /*color: #DE0000;*/
    color: #F2EFEF;
    transition: 0.3s;
}

.main_menu ul li a:hover {
    font-weight: 800;
    /*color: #DE0000;*/
    color: #F2EFEF;
    transition: 0.3s;
}

.main_menu ul li:after {
    content: "|";
    font-size: 20px;
    color: #BD2716;
}

.main_menu ul li:last-child:after {
    content: "";
}

.main_map {
    text-align: center;
}

.mobile_main_menu {
}

.mobile_main_menu ul {
    padding: 0;
    margin-top: 10%;
}

.mobile_main_menu ul li {
    list-style-type: none;
    /*display: inline;*/
    text-align: center;
    /*margin-bottom: 10px;*/
}

.mobile_main_menu ul li a,
.mobile_main_menu ul li a:visited,
.mobile_main_menu ul li a:link,
.mobile_main_menu ul li a:active {

    /*color: #F2EFEF;*/
    display: block;
    color: white;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 10px 25px 10px 27px;
    border: 2px solid white;
    width: 220px;
    margin: 15px auto;
    border-radius: 5px;
}

/*.mobile_main_menu ul li a,*/
/*.mobile_main_menu ul li a.active:visited,*/
/*.mobile_main_menu ul li a.active:link,*/
/*.mobile_main_menu ul li a.active:active {*/

    /*font-weight: 800;*/
    /*!*color: #DE0000;*!*/
    /*color: #F2EFEF;*/
/*}*/



.brunches_block {
    margin-top: 10px;
}

.brunches_block .brand_item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
}

.brunches_block .brand_item .brunch_text {
    margin-top: 10px;
    font-size: 14px;
    padding: 0 45px;
    line-height: 19px;
}

.news_block {
    margin-top: 40px;
}

.news_block .title {
    text-align: left;
    padding: 30px 0 40px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 30px;
}

.news_block .brand_item {
    border: 1px solid #CCCCCC;
    background: white;
    color: black;
    height: 278px;
    max-width: 100%;
    padding: 0;
}

.news_block .brand_item .title {
    position: absolute;
    left: 12px;
    top: 80px;
    color: white;
    font-size: 10px;
    font-weight: 500;
    /*text-shadow: 2px 2px 17px black;*/
    text-shadow: 1px 1px 0 black;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
}


.news_block .brand_item .brunch_image {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.news_block .brand_item .brunch_image .background_cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: black;*/
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));

}


/*.news_block .brand_item .brunch_image:before {*/
/*width: 100%;*/
/*height: 100%;*/
/*background: black;*/
/*content: ' ';*/
/*}*/


.news_block .brand_item img {
    /*width: 253px;*/
    /*height: 100px;*/
    /*position: absolute;*/
}

.news_block .brand_item .text {
    font-size: 10px;
    padding: 12px 10px;
    height: 105px;
    /*overflow: hidden;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_block .brand_item .card_footer {
    padding: 0 10px;
    margin-top: 15px;
}

.news_block .brand_item .card_footer .next {
    font-size: 12px;
    margin-bottom: 10px;
}

.news_block .brand_item .card_footer .next a,
.news_block .brand_item .card_footer .next a:link,
.news_block .brand_item .card_footer .next a:visited,
.news_block .brand_item .card_footer .next a:active {
    color: #BD2716;
}

.news_block .brand_item .card_footer .date {
    float: right;
    color: black;
    font-size: 12px;
}

.buttons_block {
    text-align: center;
    margin: 100px 0 30px;
}

.buttons_block .other_news a,
.buttons_block .other_news a:link,
.buttons_block .other_news a:visited,
.buttons_block .other_news a:active {
    border: solid 2px white;
    padding: 10px 0 10px;
    display: block;
    width: 350px;
    margin: 0 auto;
    color: white;
    text-decoration: none;
}

.buttons_block .other_news a:hover {
    color: black;
    background: white;
    transition: 500ms;
}

.buttons_block .subscribe {
    margin-top: 10px;
}

.buttons_block .subscribe a,
.buttons_block .subscribe a:link,
.buttons_block .subscribe a:visited,
.buttons_block .subscribe a:active {
    border: solid 2px white;
    padding: 10px 0 10px;
    display: block;
    width: 350px;
    margin: 0 auto;
    color: black;
    text-decoration: none;
    background: white;
}

.buttons_block .subscribe a:hover {
    color: white;
    background: none;
    transition: 500ms;
}


footer.main_footer {
    border-top: 1px #9F0000 solid;
    margin-top: 60px;
    padding-top: 30px;
}

footer.main_footer .right {
    float: right;
}

footer.main_footer .right .tel {
    font-size: 11px;
    text-transform: uppercase;
}

footer.main_footer .right .tel .number {
    font-size: 16px;
    font-weight: 600;
}

footer.main_footer .right .letter {
    margin-top: 10px;
    text-transform: uppercase;
}

footer.main_footer .right .letter a,
footer.main_footer .right .letter a:link,
footer.main_footer .right .letter a:active,
footer.main_footer .right .letter a:visited {
    border: solid 2px white;
    padding: 10px 0 10px;
    display: block;
    width: 300px;
    margin: 0 auto;
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
}


footer.main_footer .left {

}

footer.main_footer .left .firm {
    font-size: 12px;
}

footer.main_footer .left .soc {
    margin-top: 30px;
}

footer.main_footer .left .soc a {
    margin-right: 5px;
}

/*footer*/
.letter {
    cursor: pointer;
}


.hidden_item {
    display: none;
    font-size: 14px;
}










footer.main_footer .Center_mini .tel_mini {
    font-size: 11px;
    text-transform: uppercase;
}

footer.main_footer .Center_mini .tel_mini  {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}


footer.main_footer .Center_mini .letter_mini {
    margin-top: 10px;
    text-transform: uppercase;
}

.tel_mini{
    margin-bottom: 50px;
}

.number_mini{

    font-size: 26px;
}

.letter_mini{

    margin-bottom: 50px;
}


footer.main_footer .Center_mini .letter_mini a,
footer.main_footer .Center_mini .letter_mini a:link,
footer.main_footer .Center_mini .letter_mini a:active,
footer.main_footer .Center_mini .letter_mini a:visited {
    border: solid 2px white;

    display: block;
    width: 300px;
    margin: 0 auto;
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
}



footer.main_footer .Center_mini .firm_mini {
    font-size: 12px;
    text-align: center;
}


footer.main_footer .Center_mini .soc_mini {

    text-align: center;
}

footer.main_footer .Center_mini .soc_mini {

    margin-bottom: 50px;
}

footer .firm_mini {

    font-size: 22px;
}

/*footer*/
.letter_mini{
    cursor: pointer;
}

.left{
    margin-left: 20px;
}

.right{
    margin-right: 20px;
}

.contact_modal_form {
    margin-bottom: 5px;
}

.contact_modal_form_data_error {
    color: darkred;
    text-align: center;
    font-weight: 500;
    margin: 20px 20px 5px;
}

.contact_modal_form_success {
    color: darkgreen;
    text-align: center;
    font-weight: 700;
    margin: 20px 20px 5px;
}


