@font-face {
	font-family: Vivaldi;
	src: url("../fonts/vivaldi_script.ttf") format("opentype");
}
font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/templates/bootstrap/fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.qr-container {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
    text-align: center;
}
.shaddow {
	position: absolute;
	left:15px;
	right:15px;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.5);;
}
.shaddow-btn {
	position: absolute;
	right:0px;
	top:0px;
}
.row-actions {
    position: relative;
}
.row-actions img {
    object-fit: cover;
    width: 100%;
}
.row-actions > div {
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
    font-size: 25px;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 10px;
    font-style: italic;
    font-family: auto;
}
/* Корзина */
.cart {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px;
    background-color: #ffffff29;
    border-radius: 15px;
    padding: 10px 0px;
}
.cart img {
    border-radius: 15px;
    max-width: 100%;
}
.cart .form-inline {
    display: flex;
}
.cart-options {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.cart-options > .row {
    padding: 5px 0px;
}
.cart .cart-price {
    color: orange;
    font-weight: bold;
    font-size: 20px;
}
.basket a{
	font-size:17px;
}
.phone a:hover{
	color:white;
	text-decoration:none;
}
.basket a:hover{
	color:white;
	text-decoration:none;
}
.fail_dostavka {
    border: 2px solid red;
    border-radius: 10px;
}
.itogo_success {
    border: 3px solid #4CAF50;;
}
.itogo_fail {
    border: 3px solid rgb(255, 0, 0);
}
/* Корзина конец */
html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	background-image: url('/assets/images/bac2.jpg');
	font-family: 'Roboto', sans-serif;
}

body ,p ,a {
	color: #f5deb3;
	font-size:15px;
}
.modal {
    color: black;
}
/*.navbar-brand{
	border-left:1px solid transparent;
	border-right:1px solid transparent;
}
.navbar-brand:hover{
	border-left:1px solid white;
	border-right:1px solid white;
}*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #101010;
}

body > .container {
	padding: 110px 15px 0;
}
.navbar-inverse .navbar-nav>li>a {
    color: wheat !important;
}
.navbar-nav li a:hover, .navbar-nav li a:focus{
	/*font-weight:bold;*/
}
.navbar-nav li{
	border-bottom:1px solid transparent;
}
.navbar-nav li:hover,.navbar-nav li:focus{
	border-bottom: 1px solid wheat;
}
.container .text-muted {
	margin: 20px 0;
}
.dropdown-menu>li>span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: wheat;
    white-space: nowrap;
}
#footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

.breadcrumb {
	background-color: transparent;
}

.vivaldi {
	font-family: Vivaldi;
	font-size:38px;
}
span.vivaldi{
        font-size: 18px;
    }
.text-danger{
	color:#FF9B00 !important;
}
.catalog_mini {
	display: flex;
	flex-wrap: wrap;
}

.catalog_mini > a {
	width: 25%;
}
.podr{
    background-color: #ab2543;
    border:none;
    padding: 18px;
    font-size: 20px;
    border-radius: 15px;
}
.podr:hover,.podr:focus{
    background-color: #ab2543;
}
.first-text {
	text-align: justify;
	background-color: #9e848647;
	padding: 10px 20px;
	border-radius: 15px;
	font-size: 16px;
	margin-bottom: 10px;
}

.podr_link:hover, .podr_link:focus {
	text-decoration: none;
}

.right-menu ul {
	margin-top: 10px;
	text-align: left;
	padding: 0 5px 5px 25px;
}

.right-menu ul li {
	color: #f5deb3;
}

.right-menu ul li a {
	color: #f5deb3;
}

.ticket {
	margin-top: 10px;
	padding-top: 5px;
	background-color: #9e848647;
	border-radius: 5px;
}
.ticket .active a {
    color: red;
}

.ticket p {
	color: #f5deb3;
	text-align: center;
	margin: 0;
}

.card_top p {
	font-size: 16px;
	line-height: 16px;
}

.card_top h4 {
	height: 45px;
	line-height: 15px;
}
form > div.card_bottom > h4{
    margin-top:20px;
}
h3 {
	width: 100%;
}

.contacts ul li {
	list-style-type: none;
}

.contacts ul li span {
	margin-right: 10px;
}

.comm-table {
	border: 1px solid #f5deb3;
}

.comm-table th {
	border-top: 1px solid #f5deb3;
	border-right: 1px solid #f5deb3;
}

.comm-table td {
	border-top: 1px solid #f5deb3;
	border-right: 1px solid #f5deb3;
}

.close-mod {
	color: black !important;
}

.close-mod:hover, .close-mod:focus {
	color: #d9534f !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	color: black;
}

.table-striped>tbody>tr:nth-of-type(odd) a {
	color: black;
}

.about img {
	border-radius: 10px;
	width: 49%;
	margin: 5px 4px 10px 4px;
}
.skidka-item{
	text-align:center;
}
.skidka-item img{
	width:100%;
}
.navbar-inverse .navbar-nav>.active>span, .navbar-inverse .navbar-nav>.active>span:focus, .navbar-inverse .navbar-nav>.active>span:hover {
    color: wheat;
    background-color: #080808;
    border-bottom: 1px solid wheat;
}
.navbar-inverse .navbar-nav>li>span {
    color: #9d9d9d;
}
.zoom{
	transition:all 0.3s linear;
}
.zoom:hover{
	transform: scale(1.1);
	transition:all 0.3s linear;
}
.zoom:hover + img{
	display:block;
}
.sotrudnichestvo p{
	font-size: 16px;
}
.sotrudnichestvo ul li{
	font-size: 16px;
	text-align: left;
}
.reviews p{
	text-align:justify;
}
.contacts a:hover, .contacts a:focus{
	color:white;
	text-decoration:none;
}
.menu-title{
	text-align: center;
    color: wheat;
    background: #ab2543;
    height: 50px;
    padding: 25px 0px;
}
.menu-title > p{
	margin: -10px 0 10px;
}
.rest_sq_parent {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#rest_sq5 {
    position: absolute;
    z-index: 1;
}
@media (max-width: 991px){
    #rest_sq5 {
        position: inherit;
        z-index: 1;
        margin: 15px 0px;
    }
}
@media screen and (max-width: 767px){
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: inherit;
        width: 50%;
    }
    .table-responsive>.table ul{
        padding-left:10px;
    }
}
@media (min-width: 768px){
    .navbar-nav>li>span {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.navbar-nav>li>span {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav>li>span {
    position: relative;
    display: block;
    padding: 15px 15px;
}

@media (min-width: 768px){
    .navbar-nav {
        margin: 2px 0 1px 0;
    }
}
@media screen and (max-width: 1200px) {
	.about img {
		border-radius: 10px;
		width: 100%;
		margin: 5px 4px 10px 4px;
	}
}

@media screen and (min-width: 1024px) {
	table img {
		width: 50%;
	}
}

@media screen and (max-width: 1023px) {
	.input-sm {
		text-align: center;
	}

	table img {
		width: 100%;
	}

	body > div.container > div > div:nth-child(2) > table > tbody > tr.cond-mob-head, body > div.container > div > div:nth-child(3) > table > tbody > tr.cond-mob-head {
		display: none !important;
	}
	body > div.container > div > div:nth-child(2) > table > tbody > tr:nth-child(2),body > div.container > div > div:nth-child(3) > table > tbody > tr:nth-child(2){
	    border-top:1px dashed wheat;
	}
	body > div.container > div > div:nth-child(3){
	    border-left:none !important;
	}
    .cond-mob-head{
        display:flex;
    }
    .cond-mob-row{
        display:flex;
    }
	.footer th {
		display: block;
		text-align: right;
		font-size: 13px;
		border: 0;
		border-bottom: 1px dotted #a0a0a0;
		width: 100%;
	}

	table td {
		display: table-cell;
		text-align: right;
		font-size: 13px;
		border: 0;
		border-bottom: 1px dotted #a0a0a0;
		width: 100%;
	}

	table td:before {
		content: attr(data-label);
		font-weight:bold;
	}
}
.navbar .pull-right {
    justify-content: flex-end;
    flex: 1 1 auto;
}
#mini_cart .small .cart-elem, #mini_cart .small .cart-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#mini_cart .badge {
    display: inline-flex;
    min-width: 22px;
    padding: 0 5px 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 0;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #777;
    border-radius: 10px;
    font-style: normal;
    height: 22px;
    align-items: center;
    justify-content: center;
    top: -3px !important;
}
#mini_cart .glyphicon {
    font-size: 22px;
    padding-top: 5px;
}
#mini_cart .cart-text {
    font-size: 16px;
    padding-top: 3px;
}
#mini_cart .cart-text .text-danger {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding: 0;
}
.navbar > .container {
    min-height: 90px !important;
}
#app .btn-rose {
    height: 48px;
    font-size: 18px;
    margin-top: 10px;
    background: #ab2543;
    color: #f5deb3;
}
#app .delivery-chosen {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#app .delivery-chosen span {
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    margin-right: 15px;
    color: #f5deb3;
}
#app .disabled {
    height: 48px;
    font-size: 18px;
    margin-top: 10px;
    background: #aaa;
    color: #fff;
}
.modal-open #modal_delivery {
    display: flex;
}
#modal_delivery {
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
#modal_delivery .title {
    margin: 5px 0 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
#modal_delivery .inner {
    display: flex;
    flex-direction: column;
    min-height: 125px;
    align-items: flex-start;
    justify-content: center;
    font-size: 18px;
}
#modal_delivery .inner.text-center {
    display: flex;
    align-content: center;
    align-items: center;
}
#modal_delivery label {
    cursor: pointer;
    font-weight: 500;
}
#modal_delivery .delivery-price > div {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    font-size: 16px;
}
#modal_delivery .delivery-price .bold {
    font-size: 20px;
}
.bold {
    font-weight: bold;
}
@keyframes animate{
    0% {
        transform:scale(.5);
        opacity:0;
    }
    25% {
        transform:scale(.8);
    }
    50% {
        opacity:1;
    }
    25% {
        transform:scale(1);
        opacity:.5;
    }
    to {
        transform:scale(1.3);
        opacity:0;
    }
}
.pulse {
    position: relative;
}
.pulse:after, .pulse:before {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 3px solid #e08e0b;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border-radius: 15px;
    -webkit-animation: animate 1s linear infinite;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pulse:after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
h2.vivaldi {
    margin: 0 0 25px;
}
.alert_cafe > div, .alert_canteen > div {
    text-align: center;
    color: wheat;
    background: #ab2543;
    display: block;
    width: 100%;
    padding: 12px 15px;
    font-size: 18px;
}
.row {
    align-items: flex-start;
}
.right-menu {
    position: sticky;
    top: 0;
}
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    height: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 1000000000000;
}
.loader img {
    width: 180px;
    height: 180px;
}
.loader.active {
    display: flex;
}