/*шрифты*/

@font-face {
    font-family: "PTSans bold"; /* Имя шрифта */
    src: url(../fonts/PT_Sans_Bold.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: "PTSans reg"; /* Имя шрифта */
    src: url(../fonts/PT_Sans_Regular.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: "Rubik med"; /* Имя шрифта */
    src: url(../fonts/Rubik_Medium.ttf); /* Путь к файлу со шрифтом */
}

@font-face {
    font-family: "Rubik reg"; /* Имя шрифта */
    src: url(../fonts/Rubik_Regular.ttf); /* Путь к файлу со шрифтом */
}

.test_img {
    height: 100%;
    width: 100%;
    background-image: url('../img/test.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: -1;
}
.product_container{
    position: relative;
    display: inline-block;
    margin-left: 50px;
    margin-right: 30px;
}
.product_block{
    width: 540px;
    display: block;
    float: left;
    margin-right: 93px;
    margin-top: 40px;
}
.message_board{
    width: 545px;
    left: -45px;
    position: absolute;
}

.message_board .text{
    position: absolute;
    z-index: 5;
    top: 25%;
    left: 47%;
    text-align: left;
    width: 270px;
}

.message_board .text span{
    color: white;
    font-family: "PTSans reg", sans-serif;
    font-size: 30px;
}

 .message_board img{
    max-width: 100%;
    z-index: -1;
}

.product-list .title{
    display: block;
    text-align: center;
    height: 66px;
    background-color: #0a9153;
    border-radius: 10px;
    margin-bottom: 20px;
}

.product-list .title.special{
    background-color: white;
    border: 4px #0a9153 solid;
}

.product-list .title.special.basics{
    height: auto;
    text-align: left;
}

.product-list .title h1{
    display: inline-block;
    font-family: "Rubik med", sans-serif;
    font-size: 29px;
    color: white;
}

.product-list .title.special h1{
    color: #0a9153;
}

.product-list .title.special.basics .basic_product{
    height: 66px;
}

.product-list .title.special.basics .basic_product .dish-title{
    display: inline-block;
    width: 55%;
}

.product-list .title.special.basics .basic_product .dish-title h1{
    display: block;
    text-transform: uppercase;
    margin-left: 25px;
}

.product-list .title.special.basics .basic_product .dish-calories{
    display: inline-block;
    width: 18%;
}

.product-list .title.special.basics .basic_product .dish-calories h2{
    display: block;
    margin: 0;
    font-size: 20px;
    font-family: "PTSans reg", sans-serif;
    color: #afafaf;
    line-height: 44.6px;
}

.product-list .title.special.basics .basic_product .dish-price{
    display: inline-block;
    width: 18%;
    text-align: right;
    margin: 0;
}

#green_title.basic_product{
    background-color: #0a9153;
}

#green_title.basic_product .dish-title h1,
#green_title.basic_product .dish-calories h2,
#green_title.basic_product .dish-price h2

{
    color: white;
}

.product-list .title.special.basics .basic_product .dish-price h2{
    font-size: 35px;
    font-family: "PTSans bold", sans-serif;
    margin: 0;
    color: #f5933f;
}

.product-list .group_extra{
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px;
}

.product-list .group_extra h2{
    display: inline-block;
    font-size: 30px;
    font-family: "PTSans bold", sans-serif;
    color: #0a9153;
    margin: 0;
}

#last{
    margin-right: 0;
}
.product-list{
    display: block;
    margin-bottom: 50px;
}
.product-list .product{
    display:flex;
    max-height: 77px;
}

.product-list .product .dish-title{
    display: inline-block;
    width: 65%;
    text-align: left;
    position: relative;
}

.product-list .product .dish-title img{
    position: absolute;
    left: -35px;
}

.product-list .product .dish-title h2{
    font-size: 30px;
    font-family: "PTSans reg", sans-serif;
    margin: 0;
}

.product-list .product .dish-calories{
    display: inline-block;
    width: 17%;
    text-align: left;
}

.product-list .product .dish-calories h2{
    font-size: 20px;
    font-family: "PTSans reg", sans-serif;
    margin: 0;
    color: #afafaf;
    line-height: 44.6px;
}


.product-list .product .dish-price{
    display: inline-block;
    width: 18%;
    text-align: right;
    margin: 0;
}

.product-list .product .dish-price h2{
    font-size: 35px;
    font-family: "PTSans bold", sans-serif;
    margin: 0;
    color: #f5933f;
}

/*вкладки*/
.tab-button {
    font-family: "Rubik med", sans-serif;
    padding: 6px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #f5933f;
    cursor: pointer;
    background: #f0f0f0;
    margin-bottom: -1px;
    margin-right: -1px;
}
.tab-button:hover {
    background: #f5933f;
}
.tab-button.active {
    background: #f5933f;
    color: white;
}
.tab {
    font-family: "Rubik med", sans-serif;
    border: 1px solid #f5933f;
    padding: 10px;
    margin-bottom: 30px;
}

.tab .tab-inner{
    padding: 10px;
}

.tab .tab-inner .title{
    background-color: white;
    border: 4px #0a9153 solid;
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    color: #0a9153;
}

.tab .tab-inner .title h3{
    margin: 0;
}

.tab .tab-inner .product{
    display: flex;
    margin-top: 8px;
    margin-bottom: 8px;
}

.tab .tab-inner .product .dish-title{
   font-family: "PTSans reg", sans-serif;
   width: 95%;
}

.tab .tab-inner .product .dish-title h3{
    margin: 0;
}

.tab .tab-inner .product .checkbox{
    margin: 0;
}

.tab .tab-inner .product .dish-price{
    font-family: "PTSans bold", sans-serif;
    color: #f5933f;
}

.tab .tab-inner textarea{
    font-family: "PTSans reg", sans-serif;
    width: 100%;
    font-size: 18px;
    border: 1px solid #f5933f;
    margin-bottom: 5px;
}

.tab .tab-inner button{
   height: 28px;
}

.tab .tab-inner button,
 input[type="submit"]{
    font-family: "Rubik med", sans-serif;
    background-color: #f5933f;
    color: white;
    border: 0;
}

/*стили для checkbox*/

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label
{
    display: inline-block;
    position: relative;
    line-height: 20px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before
{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 2px;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after
{
    content: "";
    position: absolute;
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
    left: 4px;
    top: 2px;
    width: 10px;
    height: 12px;
    border-radius: 1px;
    border-left: 4px solid #f5933f;
    border-bottom: 4px solid #f5933f;
    transform: rotate(45deg) scale(-1, 1);
}


input[type="checkbox"]:not(:checked) + label:after
{
    opacity: 0;
}

input[type="checkbox"]:checked + label:after
{
    opacity: 1;
}

/*кнопка, зафиксированная внизу страницы*/
.bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 30px;
    background-color: #db964d3b;
}

.bottom input{
    height: 30px;
}