@font-face {
    font-family: 'Montserrat_Alternates';
    src: url('../fonts/Montserrat_Alternates/MontserratAlternates-Black.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'Montserrat_Alternates';
    src: url('../fonts/Montserrat_Alternates/MontserratAlternates-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'Montserrat_Alternates';
    src: url('../fonts/Montserrat_Alternates/MontserratAlternates-Medium.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat_Alternates';
    src: url('../fonts/Alice/Alice-Regular.ttf');
    font-weight: 300;
}

/*Alice*/
/*@font-face {*/
/*font-family: 'Alice';*/
/*src: url('../fonts/Montserrat_Alternates/MontserratAlternates-Black.ttf');*/
/*font-weight: normal;*/
/*}*/

/*!*Bad_Script*!*/
/*@font-face {*/
/*font-family: 'Bad_Script';*/
/*src: url('../fonts/Bad_Script/BadScript-Regular.ttf');*/
/*font-weight: normal;*/
/*}*/

/*El_Messiri*/
@font-face {
    font-family: 'El_Messiri';
    src: url('../fonts/El_Messiri/ElMessiri-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'El_Messiri';
    src: url('../fonts/El_Messiri/ElMessiri-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'El_Messiri';
    src: url('../fonts/El_Messiri/ElMessiri-Regular.ttf');
    font-weight: normal;
}

/*Philosopher*/
@font-face {
    font-family: 'Philosopher';
    src: url('../fonts/Philosopher/Philosopher-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'Philosopher';
    src: url('../fonts/Philosopher/Philosopher-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'Philosopher';
    src: url('../fonts/Philosopher/Philosopher-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

.bg-black {
    background-color: black;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    font-family: 'Montserrat_Alternates';
}

input[name="search"] {
    border: 1px solid grey;
    /*box-shadow: 0 0 5px black;*/
}

input[name="search"]::placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.fa-2x {
    font-size: 1.9em;
}

.article {
    border: 1px solid black;
    border-radius: 25px;
    padding: 20px;
    margin: 10px 0;
}

ul.breadcrumb {
    /*margin-top: 70px;*/
}

.site-index {
    /*margin-top: 55px;*/
}

ul#nav li.nav-item .nav-link {
    padding: 15px 10px;
    font-size: 1.2rem;
    color: white;
}
ul#nav li.nav-item .nav-link:hover {
    color: black;
}

nav .form-inline > input[type="text"] {
    font-size: 1.1rem;
    height: 25px;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: black;
}

nav.navbar-dark {
    background: rgb(160, 17, 22) !important;
}

.main-header {
    background-image: url("../images/Gradient_tab.png") !important;
    background-size: 100%;
    height: 110px;
    text-align: center;
}

.main-header img {
    max-height: 100%;
}

label {
    font-size: 1rem;
}

.carousel-control {
    padding-top: 28%;
    font-size: 60px;
}

main {
    padding-top: 0;
}

/*------------------
products
*/
#product-list .image {
    margin: 0 auto;
}

#product-list .view.overlay {
    min-height: 29%;
    max-height: 29%;
}

#product-list .card, #product-list .view {
    overflow: inherit;
}

#product-list .card {
    box-shadow: 0 0 1px black;
}

#product-list .card:hover {
    box-shadow: 0 0 5px black;
}

#product-list .guest, #product-list .order-button {
    background-color: rgb(160, 17, 22);
    padding: 12px 3px;
    text-align: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0px;
    font-weight: bold;
    /*font-size: 1.2em;*/
    /*box-shadow: 3px 3px 5px black;*/
    border-radius: 10px;
    /*border-color: grey;*/
    border: 4px solid rgb(160, 17, 22);
    color: white;
}

#product-list .guest:hover, #product-list .order-button:hover {
    color: rgb(160, 17, 22) !important;
    background-color: white !important;
}

.no-quantity {
    width: 100%;
    font-size: 1.1em;
    margin: 0;
    padding: 2px 10px;
    padding-bottom: 10px;
    padding-top: 9px;
    margin-bottom: 8px;
    text-align: center;
}

#product-list .order {
    width: 100%;
    border: 0;
    border-radius: 10px;
    /*box-shadow: 3px 3px 5px black;*/
    padding: 9px 12px;
    margin-top: 0;
    height: 46px;
    background-color: white;
    text-align: center;
}

#product-list .price-holder {
    /*padding: 25px;*/
}

.order-holder input {
    /*width: 93%;*/
}

.price-holder .order-holder {
    padding-left: 2px;
    padding-right: 2px;
    border: 2px solid rgb(160, 17, 22);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.price-holder .order-holder + div {
    padding-right: 0;
    padding-left: 5px;
}

#product-list .price {
    /*background-color: burlywood;*/
    /*border-radius: 5px;*/
    /*border: 1px solid black;*/
    color: black;
    font-size: 1.1em;
    text-align: center;
    padding: 0 0px 10px 0px;
    /*box-shadow: 3px 3px 5px black;*/
}

#product-list .card-title {
    height: 75px;
    max-height: 75px;
    overflow-y: hidden;
    margin-top: 2px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 1em;
}

#product-list .card-title strong {
    font-size: 1.2em;
}

.carousel-inner .item {
    padding: 0;
}

.c-wrapper .carousel-wrapper {
    background-color: brown;
}

.c-wrapper {
    /*background-color: darkgrey;*/
    padding: 0 30px;
    margin-bottom: 20px;
}

hr {
    border-top-width: 1.5px;
}

ul#menu {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

ul#menu > li {
    position: relative;
}

ul#menu > li .category-name + i.fa-arrow-right {
    position: absolute;
    right: 10px;
    top: 35%;
}

ul#menu > li .category-name.active-menu + i.fa-arrow-right {
    color: white;
}

ul#menu .category-name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.83em;
}

main > .container {
    box-shadow: 0 0 5px black;
    width: 95%;
    max-width: 95%;
    padding-top: 20px;
    background: rgba(160, 17, 22, 0.85);
}

main {
    background-image: url("../images/Background.png");
    background-size: contain;
}

.navbar {
    margin-bottom: 0;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: white;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #333;
}

.ui-menu .ui-menu-item {
    font-weight: 600;
    text-transform: uppercase;
}

.category-name.ui-menu-item-wrapper {
    padding: 7px;
}

.category-name.active-menu {
    /*background-color: #0275d8;*/
    background-color: rgb(160, 17, 22);
    color: white;
}

.category-name.ui-state-active {
    background-color: #6B6B6B;
}

#menu li.ui-menu-item ul[role="menu"] {
    width: 90%;
}

#menu > li {
    cursor: pointer;
}

#menu > li:hover {
    background-color: #444;
}

#menu .active-menu .fa-arrow-right {
    color: white;
}

.c-wrapper + .row .site-index {
    margin-top: 0;
}

.c-wrapper + .row .site-index .extra-margins {
    margin-top: 0px;
    margin-bottom: 1.5rem;
}

#cart-view {
    color: white !important;
}

.tooltip2 {
    position: relative;
    width: 130%;
}

.tooltip2 .close {
    position: absolute;
    top: -64px;
    right: 8px;
    color: white;
    z-index: 1;
    opacity: 1;
}

.tooltip2 i {
    position: absolute;
    color: white;
    background-color: black;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    top: -65px;
    left: 5px;
}

.tooltip2 .after-tooltip2 {
    content: ' ';
    width: 20px;
    height: 20px;
    background-color: black;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    position: absolute;
    bottom: -5px;
    left: 45%;
}

ul#menu {
    border: 0 !important;
    box-shadow: none !important;
}

ul[role="menu"].ui-widget-content {
    border: 0;
    background: none;
}

ul[role="menu"].ui-widget-content .category-name {
    /*background: rgba(255, 255, 255, 1);*/
}

fieldset {
    border: 1px solid black;
    padding: 10px;
    margin: 10px 0 20px;
}

fieldset legend {
    text-align: center;
}

table.table {
    background-color: white;
    border: 1px solid black;
}

.pagination > li > a {
    background-color: lemonchiffon !important;
    color: black;
}

.pagination > li > a:hover {
    background-color: red !important;
    color: white !important;
}

.pagination > li.active > a {
    background-color: darkred !important;
    color: white;
}

.pagination > li > span {
    background-color: lemonchiffon !important;
}

.container .breadcrumb {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* jquery tooltips */
.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 7px 14px;
    color: white;
    border-radius: 10px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 51.5%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* end jquery tooltips */

#product-list .card .card-block {
    padding: 0.5rem;
    min-height: 185px;
    padding-bottom: 0;
}

#product-list > div {
    margin-bottom: 20px;
}

.search-box input {
    /*padding-right: 25px;*/
    /*position: relative;*/
    /*right: 5px;*/
}

.search-box .search-submit {
    right: 0px;
    top: 6px;
}

input.form-control, select.form-control {
    background-color: floralwhite;
    border-radius: 10px;
    border: 1px solid grey;
    padding-right: 10px;
}

hr {
    border-top-color: #aaa;
}

.items-count {
    color: rgb(160, 17, 22);
    position: relative;
    font-style: normal !important;
    top: 8px;
    right: 19px;
}

.price-holder > .cart-wrapper {
    padding-right: 15px;
    padding-left: 5px;
}

.jumbotron-small {
    padding: 15px;
    padding-top: 25px;
    background-color: #eee;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.order-holder .order.form-control {
    /*height: 1.3rem;*/
}

.jumbotron-small p {
    font-size: 1.3em;
}

.filters ul {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 30px;
}

.filters .title {
    color: white;
    font-size: 1.1em;
    font-weight: bold;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea {
    box-sizing: border-box;
}

/*sm*/
@media all and (max-width: 768px) {
    /*.price-holder .order-holder input {*/
    /*margin: 2px auto;*/
    /*}*/
    /*#product-list .order {*/
    /*padding: 7px 12px;*/
    /*}*/
    /*#menu ul.submenu {*/
    /*position: relative;*/
    /*left: 10% !important;*/
    /*top: 0 !important;*/
    /*}*/
    /*button.navbar-toggler {*/
    /*display: block !important;*/
    /*}*/
    /*button.navbar-toggler:focus > .fa-bars {*/
    /*color: black;*/
    /*}*/
    /*#collapseEx {*/
    /*margin-top: 10px;*/
    /*display: none !important;*/
    /*}*/
    /*#collapseEx .navbar-brand {*/
    /*float: none;*/
    /*}*/
    /*#collapseEx ul#nav > li {*/
    /*float: none;*/
    /*margin-left: 0 !important;*/
    /*}*/
    /*#collapseEx ul#nav > li form {*/
    /*float: none;*/
    /*}*/
    /*button.navbar-toggler.opened + .container > #collapseEx {*/
    /*display: block !important;*/
    /*}*/
    #product-list .order-button, #product-list .guest {
        font-size: 0.80em;
    }

    ul#menu {
        font-size: 0.85em;
    }

    #product-list .card .card-block .card-text {
        min-height: 19vw;
    }

    #product-list .view.overlay {
        height: 190px;
    }

    .main-header img {
        max-height: 90%;
        margin-top: 1%;
    }
}

/*xs 545 original*/
@media all and (max-width: 600px) {

    /*.price-holder > .col-xs-4 {*/
    /*width: 50%;*/
    /*}*/
    /*.price-holder .order-holder {*/
    /*width: 50%;*/
    /*}*/
    /*.price-holder .order-holder input {*/
    /*margin-right: 2px !important;*/
    /*}*/
    .order-button, #product-list .guest {
        font-size: 0.85em;
        padding: 2px 2px;
    }

    .fa-cart-arrow-down.fa-2x:before {
        /*content: '';*/
    }

    ul#menu {
        font-size: 0.8em;
    }

    .card .card-block .card-text {
        min-height: 15vw;
        font-size: 80%;
    }

    ul[role="menu"].ui-widget-content .category-name {
        font-size: 0.75em;
    }

}


@media all and (max-width: 540px) {
    .product-card {
        width: 100%;
    }

    #product-list .order {
        margin-left: 0;
    }

    #product-list .order-button, #product-list .guest {
        font-size: 1.1em;
    }

    .container .col-xs-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .card .card-block .card-text {
        min-height: 30vw !important;
        font-size: 75%;
    }

    .card-block .card-title {
        font-size: 13px;
    }

    #product-list .image, #product-list .view.overlay {
        min-height: 20%;
        height: 59vw;
    }
    .main-header img {
        max-height: 70%;
        margin-top: 4%;
    }
}

@media all and (min-width: 541px) {
    input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea {
        box-sizing: border-box;
    }

    #product-list .image {
        max-height: 28vw;
    }

    #product-list .card .card-block {
        padding-bottom: 8px;
    }

    .no-quantity {
        margin-bottom: 9px;
    }
}

/*md*/
@media all and (min-width: 769px) and (max-width: 991px) {
    .no-quantity {
        font-size: 1.1em;
        margin-bottom: 4px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .price-holder .order-holder input {
        margin-right: 2px;
        float: right;
        clear: both;
    }

    .jumbotron-small {
        padding: 30px;
        padding-top: 40px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .no-quantity, #product-list .order-button, #product-list .guest {
        font-size: 1em;
    }

    .no-quantity {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #product-list .card .card-block .card-text {
        font-size: 91%;
    }

    #product-list .order {
        /*width: 60%;*/
    }

    #product-list .order-button, #product-list .guest {
        font-size: 0.85em;
    }

    #product-list .card-title {
        height: 70px;
        max-height: 70px;
    }
}


@media all and (min-width: 768px) {
    /*#product-list .image:hover {*/
    /*transform: scale(2);*/
    /*transition-duration: 0.2s;*/
    /*z-index: 10;*/
    /*}*/
    #product-list .image {
        margin: 0 auto;
        min-height: 14vw;
        max-height: 203px;
    }

    #product-list .view.overlay {
        min-height: 21%;
    }

    .search-box .search-submit {
        right: -10px;
        top: 6px;
    }

    #product-list .guest, #product-list .order-button {
        font-size: 0.8em;
    }
}

@media all and (min-width: 992px) {
    #product-list .view.overlay {
        /*min-height: 14%;*/
        /*max-height: 14%;*/
        height: 170px;
    }

    .no-quantity {
        margin-bottom: 9px;
    }

    #product-list .price {
        font-size: 0.95em;
    }
}

@media all and (min-width: 1024px) {
    #product-list .image {
        margin: 0 auto;
        min-height: auto;
        max-height: 187px;
    }

    #product-list .view.overlay {
        /*min-height: 13%;*/
        /*max-height: 13%;*/
        height: 187px;
    }

    #product-list .price {
        font-size: 1em;
    }
}

@media all and (min-width: 1200px) {
    .no-quantity {
        font-size: 1.1em;
        padding-bottom: 8px;
        padding-top: 10px;
    }

    #product-list .order-button, #product-list .guest {
        font-size: 0.85em;
    }

    #product-list .price {
        padding: 5px;
        font-size: 1.1em;
    }
}

@media all and (min-width: 1225px) {
    main > .container {
        max-width: 1280px;
    }
}
@media all and (min-width: 1360px) {
    main > .container {
        max-width: 1500px;
    }
}

a:focus {
    outline-offset: 0;
}

.page-footer ul li {
    margin: 10px 0;
}

.pager li a.active {
    color: white;
    background-color: darkred;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.move-left {
    transform: translateX(-50%);
    transition-duration: 0.5s;
}

.move-right {
    transform: translateX(0);
    transition-duration: 0.5s;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

@media (min-width: 544px) {
    .order-holder input {
        margin-bottom: 0;
    }

    #product-list .order {
        box-sizing: border-box;
    }
}

@media (min-width: 1200px) {
    header > .navbar > .container {
        width: 90%;
        max-width: 90%;
    }

    header > .navbar > .container .navbar-brand {
        margin-right: 2rem;
    }
}