@font-face {
  font-family: 'roboto-black';
  src:  url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/Roboto-Black.ttf')  format('truetype'), url('../fonts/roboto-black-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-bold';
  src:  url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto-regular';
  src:  url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.banner-slider .owl-item video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.banner-slider .item{
    height: 100vh;
}

.about-right video{
    max-height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.menu-banner{
	position: relative;
	height: 350px;
    background-position: right;
}
.menu-banner:before {
    content: '';
    background-color: black;
    opacity: 0.62;    
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.b-title h2{
	font-family: 'roboto-black';
    font-size: 75px;
    line-height: 0.6;
    letter-spacing: -3.78px;
    color: #fff;
}
.bs-nav .nav-tabs a.bs-nav-link{
	background-color: #fff;
    border-radius: 0px;
    border: 1px solid #F0F0F0;
    color: #000;
    font-family: 'roboto-black';
    letter-spacing: 1.8px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
	outline: none;
}
.bs-nav .nav-tabs a.bs-nav-link.active, .bs-nav .nav-tabs a.bs-nav-link:hover{
	background-color: #DB334A;
    border-radius: 0px;
    border: 1px solid #DB334A;
    color: #fff;
    text-decoration: none;
}
.menu-page-content{
	margin: 70px 0px;
}
.menu-page-content .col-md-3.col-12 {
    padding: 7px;
}
.recipe-item {
    border: 1px solid #F0F0F0;
    padding: 0px 10px;
}
.recipe-item h4, .recipe-item span{
	display: inline-block;
}
.recipe-item h4{
    font-family: 'roboto-bold';
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-top: 10px;
	text-transform: uppercase;
}
.recipe-item span{
	font-family: 'roboto-bold';
	background-color: #DB334A;
	color:#fff;
    padding: 10px 5px 5px 5px;
    float: right;
}
.recipe-item p {
	font-family: 'roboto-regular';
    font-size: 12px;
	color:#00000080;
}
.footer-links{
  width: 100% !important;
  column-count: 2;
}
.footer-links:last-child{
  margin-bottom: 31px;
}
.nav-pills .nav-link{
  font-family: 'roboto-black';
}
.nav-pills .nav-link {
  display: block;
  padding: 0.8rem 2.8rem !important;
}
.page-tile.inner h1{
  max-width: 100%;
}

.contact-form li{
    display: flex;
    width: 100%;
}
.contact-form li label{
    flex: 0 0 20%;
    background: #000;
    padding: 8px 6px !important;
    color: #FFF;
    line-height: 33px !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: 500 !important;
    height: 50px;
}

.contact-form li .ginput_container{
    flex: 0 0 80%;
    border-radius: 0;
    height: 50px;
    border: 0;
    margin-top: 0px !important;
}
.contact-form li .ginput_container input{
    border-radius: 0;
    height: 50px;
    border: 0;
    line-height: 33px;
    font-size: 14px !important;
    font-weight: 500;
    padding: 0px 15px !important;
    outline: none;
    border: 1px solid #000;
}
.contact-form input[type="submit"]{
    color: #FFF;
    line-height: 33px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500 !important;
    height: 50px;
    border: none;
    border-radius: 0px;
    float: right;
    padding: 0px 50px;
    background-color: #000;
}
.page-content .contact-form_wrapper{
    background: transparent;
    padding: 4px 0;
}
.gform_wrapper .field_description_below .gfield_description{
  display:none;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    margin-bottom: 0px !important;
    border: none !important;
    padding: 0px !important;
    background-color: unset !important;
}
.gform_wrapper .gfield_error .gfield_label{
  color:#fff !important;
  border: 1px solid #FFC107 !important;
  border-right: none !important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #FFC107 !important;
    border-left: none !important;
}
.gform_wrapper.career_form_wrapper  div.validation_error {
    color: red !important;
    border-top: 2px solid red !important;
    border-bottom: 2px solid red !important;
  }

/* 404 Page*/
.page-404{padding: 80px 0px 50px;}
.page-404 .title-404{font-size: 65px;font-weight: bold;}
.page-404 .title-404 span{font-size: 130px;color: #db334a;display: block;}
.page-404 p{color: #717171;}

@media (max-width: 991px){
  .form-contact-info {
    padding: 40px 15px !important;
  }
  .switcher{margin-left: 18px;}
}

/*Career Form*/
.page-content .career_form_wrapper{
    padding: 4px 0;
}

.career_form li{
    display: flex;
    width: 100%;
}

.career_form li label {
    flex: 0 0 20%;
    background: #000;
    padding: 8px 6px !important;
    color: #FFF;
    line-height: 33px !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: 500 !important;
    height: 50px;
}

.career_form li .ginput_container {
    flex: 0 0 80%;
    border-radius: 0;
    height: 50px;
    border: 0;
    margin-top: 0px !important;
}

.career_form li .ginput_container input {
    border-radius: 0;
    height: 50px;
    line-height: 33px;
    font-size: 14px !important;
    font-weight: 500;
    padding: 5px 15px !important;
    outline: none;
    border: 1px solid;
    width: 100% !important;
}

.career_form li .ginput_container textarea{
  height: 100px;
  border: 1px solid;
  border-radius: 0;
}

.gform_wrapper.career_form_wrapper .gfield_required {
    color: red !important;
}

.career_form input[type="submit"] {
    color: #FFF;
    line-height: 33px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500 !important;
    height: 50px;
    border: none;
    border-radius: 0px;
    float: right;
    padding: 0px 50px;
    background-color: #000;
    margin-top: 25px;
}

.career_form .career_msg label{height: 100px;}

.gform_wrapper.career_form_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper.career_form_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0 !important;
}

.career_form .gform_wrapper .gfield_required{color: red !important;}

.gform_wrapper.career_form_wrapper .validation_message{color: red !important;}

.gform_wrapper.career_form_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{
    border: 1px solid red!important;border-left: none !important;
}


@media(max-width: 991px){
    .banner-slider .item {
        height: 60vh !important;
    }
}
@media(max-width: 420px) and (max-height: 640px){
    .banner-slider .item {
        height: 100vh !important;
    }
}