/*-----------------------------------------------------------------------------------

    Template Name: Resta 
    Template URI: http://hastech.company/
    Description: This is html5 template
    Author: Hastech
    Author URI: http://hastech.company/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS
    2.  Heade Css here
    3. Slider Css here
    4. Home about Css here
    5. popular disesh css here
    6. Food menu Css here
    7. Our gallery Css here
    8. Reservation css here
    9. our blog css here
    10. Testmonial Css here
    11. Team brand section css here
    12. Discount offer css here
    13. Footer css here
    14. Scrollup css here
    15. About us css here
        15.1 Breadcrubs css here
    16. Resta about css here
    17. Fun factor css here
    18. choose us css here
    19. our team css here
    20. Food menu css here
    21. Our gallery page css here
    22. Our blog page css here
        22.1 Blog Details css here
    23. Contact us pages css here
    24.Navigation css here
        24.1 Dropdown menu css here
        24.2 Mega menu css here
    25. 404 page css here
    26. Mobile menu css here
    27. sticky menu css here
    28. Home two css here
    29. Home three css here
    30. Home four css here
    31. All elements css code here
        31.1 Accordion css
        31.2 Tab css
        31.3 Progress bar css
        31.4 Button css
    32. Preloader CSS here
    

-----------------------------------------------------------------------------------*/


/*========================
   1. Theme Default CSS
=======================*/

@import url("css/fonts.css?v=2026091104");

img{max-width: 100%}

/*************************************
         Custom-content all   
 **************************************/
.boxed-layout .wrapper {
  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  position: relative;
  width: 1500px;
}
.boxed-layout .sticky {
    left: 0;
    right: 0;
    width: 1500px;
}
.boxed-layout.fixed {
  margin: 70px 0;
}
.pattern-fixed.pattern {
  background: url("images/bg/pattern.png") repeat fixed 0 0;
}
/*------------------
	2.  Heade Css here
-----------------------*/
.header {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 99;
}
.header-right,.header-right .search {
    float: right;
}
.header-right .search,.header-menu,.menu ul li {
    display: inline-block;
}
.menu ul li a {
  color: #535353;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 50px 0 50px 32px;
  text-transform: uppercase;
}
.menu ul li {
  position: relative;
}
.header-right .search {
  padding-left: 38px;
  padding-top: 47px;
}
.search-inner > a {
    color: #535353;
    font-size: 22px;
    font-weight: bold;
}
.header .logo {
  display: inline-block;
  margin-bottom: -23px;
  position: relative;
}
.search-inside {
  position: absolute;
  right: 0;
  top: 35px;
  width: 100%;
  z-index: 99999999;
}
.searchbar-inner .search input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #535353;
  font-size: 20px !important;
  height: 50px;
  z-index: 1;
}
.searchbar-inner .search {
    position: relative;
}
.search-inside a.search-close:hover,.searchbar-inner .search button:hover {
  color: #ed1d24;
}
.searchbar-inner .search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #777;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.search-inside a.search-close {
  color: #777;
  font-size: 18px;
  position: absolute;
  right: -22px;
  top: 12px;
}
/*---------------------
	3. Slider Css here
----------------------------*/
.slider-text-table {
    display: table;
    height: 100%;
    width: 100%;
}
.slider-text-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.slider-container .nivo-controlNav {
  bottom: 45px;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 99999;
}
.slider-container {
  position: relative;
  z-index: 1;
}
.nivo-controlNav a {
  color: #535353;
  cursor: pointer;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
}
.nivo-controlNav a.active {
  color: #ed1d24;
  font-size: 24px;
}

.social-media-follow li {
    display: block;
    margin-bottom: 5px;
}
.social-media-follow li a {
    color: #666;
    font-size: 15px;
}
.social-media-follow li a:hover {
    color: #ed1d24;
}
.social-media-follow > p {
  display: inline-block;
  font-family: "Raleway",sans-serif;
  font-weight: 600;
  margin-top: 65px;
  text-transform: none;
  transform: rotate(-90deg) translateY(-100%);
    -webkit-transform: rotate(-90deg) translateY(-100%);
      transform: rotate(-90deg) translateY(-100%);
}
.social-media-follow {
  margin-top: -25px;
  padding-left: 50px;
}
.social-box-inner {
    padding-bottom: 30px;
    position: relative;
}
.social-box-inner:before {
    background: #ed1d24 none repeat scroll 0 0;
    bottom: -37px;
    content: "";
    height: 45px;
    left: 5px;
    position: absolute;
    width: 1px;
}
.middle-text .title-1 h1 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 2px;
  text-transform: none;
}
.middle-text .title-2 h2 {
  color: #535353;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
.middle-text p {
  color: #757575;
  padding: 0;
}
.middle-text .order-now a {
    background: #ed1d24 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 35px;
    text-transform: uppercase;
}
.middle-text .order-now a:hover {
    background: #535353 none repeat scroll 0 0;
}
.middle-text .order-now {
  display: inline-block;
  margin-top: 30px;
}
.slide3-text .middle-text .title-1 h1,.slide3-text .middle-text .title-2 h2 {
  color: #ed1d24;
}
.slide3-text {
  margin-right: 50px;
  text-align: center;
}
/*---------------------
	4. Home about Css here
----------------------------*/
.welcome-about h2.title_1 {
  color: #555555;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 7px;
  text-transform: none;
}
.welcome-about h4.title_0 {
  color: #ed1d24;
  font-family: "Lato",sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.welcome-about h3.title_2 {
    color: #555;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.welcome-about p.text1 {
  margin-top: 22px;
}
.welcome-about .read-more > a {
    background: #ed1d24 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 9px 38px;
    text-transform: uppercase;
}
.welcome-about .read-more {
  margin-top: 35px;
}
.welcome-about .read-more > a:hover{background: #535353;}
/*--------------------------------
	5. popular disesh css here
----------------------------------*/
.popular-dishes .bg-img-2{
  background:  url("images/dish/bg-2.png") no-repeat scroll right top;
}
.popular-dishes {
  background: #f1f1f1 url("images/dish/bg-1.png") no-repeat scroll left bottom;
}
.single-disesh {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  margin-bottom: 60px;
  padding: 40px 25px;
}
.section-title {
  margin-bottom: 54px;
}
.section-title > h2 {
  color: #535353;
  display: inline-block;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 55px;
  position: relative;
  text-transform: none;
}
.section-title p {
  margin-bottom: 0;
}
.section-title h2:before {
  background: #ed1d24 none repeat scroll 0 0;
  bottom: -20px;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -67px;
  position: absolute;
  width: 138px;
}
.section-title > h2:after {
  background: rgba(0, 0, 0, 0) url("images/icons/title1.png?v=20260911") no-repeat scroll center center;
  background-size: contain;
  content: "";
  height: 40px;
  left: 50%;
  margin-left: -23px;
  margin-top: 2px;
  position: absolute;
  top: 100%;
  width: 50px;
}
.section-title.grey_bg > h2:after {
  background-color: #f1f1f1 ;
}
.section-title.white_bg > h2:after {
  background-color: #fff ;
}
.disesh-img img {
  border-radius: 4px;
  display: block;
  height: auto;
  width: 100%;
}
.disesh-desc h3 {
  color: #535353;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: none;
}
.disesh-desc p.price {
  color: #ed1d24;
  font-size: 22px;
  font-weight: bold;
}
.dishes-more > a {
  background: #ed1d24 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 9px 38px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.dishes-more > a:hover {
  background: #535353;
  color: #fff;
}
.dises-list .slick-dots li:only-child,
.testimonial-text-slider .slick-dots li:only-child {
  display: none;
}
.dises-list .slick-dots li a {
  color: #535353;
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.slick-dots li.slick-active a {
  font-size: 24px;
  color: #ed1d24
}
/*----------------------
	6. Food menu Css here
----------------------*/
.foode-item-box ul li {
    display: inline-block;
}
.foode-item-box ul li a:hover {
  background: inherit;
}
.foode-item-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 140px;
  position: relative;
  text-align: center;
}
.foode-item-box:before {
  background: url(images/food/bg-1.png)no-repeat scroll left center;
  left: 0;
}
.foode-item-box:before,.foode-item-box:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  pointer-events: none;
}
.foode-item-box:after {
  background: url(images/food/bg-2.png)no-repeat scroll right center;
  right: 0;
}
.foode-item-box ul li {
  display: inline-block;
}
.foode-item-box ul li a {
  color: #535353;
  display: block;
  font-weight: 600;
  padding: 59px 15px;
  text-transform: uppercase;
}
.foode-item-box ul li.active a {
  color: #ed1d24;
}
.foode-item-box ul li.active a:focus{background: none}
.food-img {
  float: left;
  margin: 12px 0;
  text-align: center;
  width: 20%;
}
.single-food-item-desc {
  border-left: 1px solid #ddd;
  float: left;
  padding: 23px 50px 23px 20px;
  position: relative;
  width: 80%;
}
.single-food-price {
  position: absolute;
  right: 50px;
  top: 40%;
}
.fooder-menu-description.float_left .single-food-item {
  padding-right: 70px;
}
.single-food-inner {
  border: 1px solid #ddd;
  overflow: hidden;
}
.fooder-menu-description.float_right .single-food-item {
  padding-left: 70px;
}
.single-food-item-title h2 {
  color: #535353;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2px;
  text-transform: none;
}
.single-food-item-title p {
  color: #535353;
  margin: 0;
}
.single-food-price > p {
  color: #ed1d24;
  font-size: 24px;
  font-weight: 600;
}
/*-----------------------------
	7. Our gallery Css here
-----------------------------*/
.our-gallery {
  position: relative;
  background-color: #fff;
}
.our-gallery .bg-img-2{
    padding-bottom: 50px;
    padding-top: 80px;
 }
.gallery-menu ul li {
    color: #535353;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-left: 35px;
    text-transform: uppercase;
}
.gallery-menu ul li.active {
    color: #ed1d24;
}
.single-item-gallery {
    position: relative;
    overflow: hidden;
}
.single-item-gallery:before {
  background: rgba(237, 29, 36, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 99;
}
.single-item-gallery a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #ed1d24;
  font-size: 22px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -20px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
  transition: all 400ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
  width: 40px;
  z-index: 999;
}
.single-item-gallery:hover a {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
            transform: scale(1);
}
.single-item-gallery:hover:before{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-item-gallery:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.single-item-gallery > img {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/* one row gallery slider */
.gallery-slider {
  margin: 0 -10px;
}
.gallery-slider .gallery-slide-item {
  padding: 0 10px;
}
.gallery-slider .single-item-gallery > img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
}
/* blur effect: hovered photo stays sharp, the rest blur out */
.gallery-slider .single-item-gallery > img {
  -webkit-transition: -webkit-filter 0.4s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: filter 0.4s ease 0s, transform 0.5s ease 0s;
}
.gallery-slider .slick-list:hover .gallery-slide-item:not(:hover) .single-item-gallery > img {
  -webkit-filter: blur(3px) brightness(0.85);
          filter: blur(3px) brightness(0.85);
}
.gallery-slider .single-item-gallery:before {
  background: rgba(237, 29, 36, 0.25) none repeat scroll 0 0;
}
.gallery-slider .single-item-gallery a {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  height: 40px;
  width: 40px;
  z-index: 9;
}
.gallery-slider .slick-prev:hover,
.gallery-slider .slick-next:hover {
  background: #ed1d24;
}
.gallery-slider .slick-prev:before,
.gallery-slider .slick-next:before {
  color: #ed1d24;
  font-size: 20px;
  opacity: 1;
}
.gallery-slider .slick-prev:hover:before,
.gallery-slider .slick-next:hover:before {
  color: #fff;
}
.gallery-slider .slick-prev {
  left: -12px;
}
.gallery-slider .slick-next {
  right: -12px;
}

/*--------------------------
	8. Reservation css here
-----------------------------*/
.reservation .bg-img-1{
   background: url(images/bg/reserv-bg.png)no-repeat scroll left top;
}
.reserv-section-inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  position: relative;
}
.reserv-section-inner .bg-img {
  background: #fff url("images/bg/reserv-form-bg.png") no-repeat scroll right bottom;
  bottom: 0;
  right: 30px;
}
.reserv-section-inner .bg-img {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.reserve-form {
  float: left;
  padding: 100px 35px 100px 100px;
  position: relative;
  width: 50%;
  z-index: 9;
}
.reserve-img {
  bottom: 0;
  float: left;
  position: absolute;
  right: 20px;
  width: 48%;
}
h3.reserv-title {
  color: #535353;
  font-size: 30px;
  text-align: center;
  font-family: "Great Vibes",cursive
}
.reserve-form-top > input {
  border: 1px solid #ddd;
  margin-bottom: 18px;
  text-transform: none;
  color: #aaa
}
.reserve-form .date-time select {
  -moz-appearance: none;
  border: 1px solid #ddd;
  color: #aaa;
}
.reserve-submit button {
  background: #ed1d24 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.reserve-submit button:hover {
  background: #535353 none repeat scroll 0 0;
}
/*-------------------------
    9. our blog css here
---------------------------------*/
.single-blog,.blog-img{
  position: relative;
}
.blog-hover {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.blog-hover > a {
  border: 4px solid #ed1d24;
  border-radius: 50%;
  color: #ed1d24;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 34px;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}
.blog-title > h3 {
  color: #ed1d24;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
.blog-title > h3 a:hover {
  color: #535353;
}
.blog-title {
  display: inline-block;
  margin-left: 20px;
  padding: 23px 0;
}
.publish-date {
  background: #ed1d24 none repeat scroll 0 0;
  float: left;
  padding: 15px 0;
  width: 60px;
}
.blog-desc {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
  left: 10px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  z-index: 99;
}
.single-blog {
  height: 240px;
}
.publish-date > p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 13px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.publish-date > p span {
  display: block;
  margin-top: 5px;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
    z-index: 9999999999;
}
.mfp-bg.mfp-fade.mfp-ready {
    z-index: 999999999;
}

/*------------------------
    10. Testmonial Css here
----------------------------*/
.testimonial {
  background: #fff none repeat scroll 0 0;
}
.single-test-text {
  padding: 55px 80px;
}
.testimonial-text-slider {
  background: #f7f7f7 none repeat scroll 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: inherit !important;
  position: relative;
}
.testimonial-text-slider.slick-slider {
  margin-top: 40px;
}
.testimonial-text-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.sin-testiImage img {
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block !important;
  height: 150px;
  margin-bottom: 30px;
  margin-top: 36px;
  outline: 0 none;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  width: 150px;
}
.sin-testiImage.slick-current img {
  border: 2px solid #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  height: 180px;
  margin-top: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 180px;
}
.testimonial .slick-slider {
  height: 223px;
  z-index: 99;
}
.testimonial .testimonial-image-slider.slick-slider {
  margin-top: -20px;
}
.sin-testiImage {
    position: relative;
}
.sin-testiImage:before {
    background: none repeat scroll 0 0 rgba(237, 29, 36, 0.5);
    content: "";
    height: 150px;
    left: 18px;
    position: absolute;
    top: 36px;
    width: 150px;
    pointer-events: none;
}
.sin-testiImage.slick-current:before {
  display: none;
}
.testimonial-text-slider:before {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.79);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
p.text-qoute i {
    color: #ed1d24;
    font-size: 30px;
}
p.test-text {
    font-style: italic;
}
.test-title h4 {
  color: #ed1d24;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.test-title > p {
    margin: 0;
}
.testimonial-sliders .slick-dots li a {
    color: #535353;
    font-size: 16px;
    font-weight: 600;
}
.testimonial-sliders .slick-dots li.slick-active a {
    color: #ed1d24;
    font-size: 24px;
}
.testimonial-sliders .slick-dots {
  bottom: 58px;
}
/* let the quote card grow with the text instead of a fixed height,
   and keep the dots in normal flow so they never overlap the name */
.testimonial .testimonial-text-slider.slick-slider {
  height: auto !important;
}
.testimonial .testimonial-text-slider .slick-dots {
  bottom: auto;
  padding-bottom: 35px;
  position: static;
}
.testimonial .testimonial-text-slider .slick-dots li {
  height: auto;
  margin: 0 6px;
  width: auto;
}
.testimonial .testimonial-text-slider .slick-dots li a {
  background: #d0d0d0 none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  font-size: 0;
  height: 10px;
  line-height: 0;
  width: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.testimonial .testimonial-text-slider .slick-dots li a:hover {
  background: #b0b0b0;
}
.testimonial .testimonial-text-slider .slick-dots li.slick-active a {
  background: #ed1d24;
}
.sin-testiImage.slick-slide.slick-current.slick-active.slick-center:focus {
    outline: medium none !important;
}
.sin-testiImage.slick-slide.slick-active:focus {
    outline: medium none !important;
}
/*-----------------------------
    11. Team Brand section css here
---------------------------------*/
.team-list.slick-slider {
  height: inherit;
}
.single-team img{
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
       filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
       filter: grayscale(100%);
    
}
.single-team img:hover{
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
       filter: none;
    
}
/*------------------
    12. Discount offer css here
-------------------------*/
.offer-section .bg-img.offer-band {
  background: #1b1b1b none repeat scroll 0 0;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
}
.offer-section .bg-img.offer-band:before {
  background: rgba(0, 0, 0, 0) url("images/bg/offer-bg.jpg") no-repeat scroll center center / cover;
  bottom: -40px;
  content: "";
  -webkit-filter: blur(18px) brightness(0.45);
          filter: blur(18px) brightness(0.45);
  left: -40px;
  position: absolute;
  right: -40px;
  top: -40px;
  z-index: 0;
}
.offer-section .bg-img.offer-band .container {
  position: relative;
  z-index: 1;
}
.offer-section .offer-inner {
  padding-left: 20px;
}
.offer-inner .offer-eyebrow {
  color: #ed1d24;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.offer-inner h2.ttle2 {
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.35);
    text-transform: none;
}
.offer-inner h2.ttle2.offer-altitude {
  font-family: "Lato",sans-serif;
  font-size: 64px;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum" 1;
          font-feature-settings: "lnum" 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.offer-inner h2.ttle1 {
    color: #f2c9bd;
    font-family: "Great Vibes",cursive;
    font-size: 34px;
    margin: 14px 0 0;
    text-transform: none;
}
.offer-inner p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 30px;
    margin: 22px 0 0;
}
.offer-inner .offer-actions {
  margin-top: 38px;
}
.offer-inner .offer-btn {
  border: 2px solid transparent;
  border-radius: 3px;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 16px 12px 0;
  padding: 14px 34px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.offer-inner .offer-btn-main {
  background: #ed1d24 none repeat scroll 0 0;
  border-color: #ed1d24;
  box-shadow: 0 6px 24px rgba(237, 29, 36, 0.35);
  color: #fff;
}
.offer-inner .offer-btn-main i {
  margin-right: 6px;
}
.offer-inner .offer-btn-main:hover {
  background: #fff;
  border-color: #fff;
  color: #ed1d24;
}
.offer-inner .offer-btn-ghost {
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
}
.offer-inner .offer-btn-ghost:hover {
  background: #fff;
  border-color: #fff;
  color: #535353;
}

/*-------------------
    13. Footer css here
-----------------*/
.single-footer.instagram ul li {
    float: left;
    width: 33.33%;
}
.single-footer.instagram ul li img {
    width: 100%;
}
.single-footer.instagram ul li {
    padding-bottom: 15px;
    padding-right: 15px;
}
.single-footer.instagram ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}
.single-footer.instagram ul li a:hover:before {
    height: 100%;
    top: 0;
    left: 0;
}
.single-footer.instagram ul li a:before {
    background: rgba(237, 29, 36, 0.8) none repeat scroll 0 0;
    content: "";
    height: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    color: #fff;
    left: -100%;
    top: -100%;
}
.copyright p {
  margin: 0;
}
.single-footer p.phon {
  margin-bottom: 0;
}
h3.single-footer-title {
    color: #535353;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.offer-inner .order-now > a {
  background: #ed1d24 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding: 9px 38px;
  text-transform: uppercase;
}
.offer-inner .order-now > a:hover {
  background: #535353;
  color: #fff
}
.single-footer .open-list li {
    color: #535353;
    margin-bottom: 5px;
    text-transform: none;
}
.single-footer .open-list li span {
    font-weight: bold;
}

.copyright {
    background: none repeat scroll 0 0 #ed1d24;
}
.copyright p {
    color: #fff;
    font-size: 13px;
    text-transform: none;
}
.copyright p a {
    color: #fff;
    font-weight: bold;
}
.copyright p a:hover {
    text-decoration: underline;
}
.newsletter-form input {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #999999;
    font-weight: 600;
}
.newsletter-form button {
    background: none repeat scroll 0 0 #ed1d24;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 38px;
    text-transform: uppercase;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
.newsletter-form button:hover {
    background: #535353
}
.single-footer-details ul {
  display: block;
  padding-top: 10px;
}
.single-footer-details ul.social-links li {
  display: inline-block;
  margin: 0 8px 8px 0;
}
.single-footer-details ul.social-links li a {
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  color: #666;
  display: inline-block;
  font-size: 18px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  width: 42px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-footer-details ul.social-links li a:hover {
  background: #ed1d24;
  border-color: #ed1d24;
  color: #fff;
}
.single-footer-details p.email a,
.single-footer-details p.phon a {
  color: inherit;
}
.single-footer-details p.email a:hover,
.single-footer-details p.phon a:hover {
  color: #ed1d24;
}
/*-------------------------
    14. Scrollup css here
-------------------------------*/
#scrollUp {
    background: #ed1d24;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    right: 30px;
    text-align: center;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 40px;
    z-index: 9999;
}
#scrollUp i {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#scrollUp:hover {
  background: #535353 none repeat scroll 0 0;
}
/*-------------------------
    15. About us css here
-------------------------------*/

/*-------------------------
    15.1 Breadcrubs css here
-------------------------------*/
.breadcrubs {
  background: rgba(0, 0, 0, 0) url("images/bg/breadcrubs.jpg") no-repeat scroll center center / cover ;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 100px 0;
  position: relative;
  z-index: 9;
}
h1.breadcrubs-title,
h3.breadcrubs-title {
    color: #535353;
    font-family: "Great Vibes",cursive;
    font-size: 36px;
    text-transform: none;
}
.breadcurbs-inner ul li {
    color: #ed1d24;
    display: inline-block;
    text-transform: uppercase;
}
.breadcurbs-inner ul li a {
    color: #535353;
}
.breadcurbs-inner ul li span {
    margin: 0 10px;
}
.breadcurbs-inner li a:hover {
    color: #ed1d24;
}
/*---------------------
    16. Resta about css here
--------------------*/
.resta-about {
    padding: 100px 0;
}
.about-resta-details {
  background: #f1f1f1 none repeat scroll 0 0;
  float: left;
  margin-top: 45px;
  padding: 60px;
  position: relative;
  width: 55%;
  z-index: 2;
}
.about-rest-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: right;
    margin-top: 45px;
    position: relative;
    width: 43%;
}
.about-rest-img img {
  border-radius: 4px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.16);
  display: block;
  height: 430px;
  object-fit: cover;
  width: 50%;
}
.about-rest-img .rest-img-main {
  margin-right: 14px;
  width: calc(50% - 7px);
}
.about-rest-img .rest-img-side {
  width: calc(50% - 7px);
}
.about-rest-img .rest-img-wide {
  border: 8px solid #fff;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
  height: 210px;
  margin: -40px -50px 0 0;
  position: relative;
  width: calc(100% + 50px);
  z-index: 2;
}
.about-resta-inner {
    overflow: hidden;
    position: relative;
}
.about-description p.text-lead {
  color: #535353;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 25px;
}
.about-title > h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  text-transform: none;
}
.about-description p.text-1 {
  margin-bottom: 35px;
}
.see-video {
    background: rgba(237, 29, 36, 0.6) none repeat scroll 0 0;
    position: relative;
}
.viedo--play {
    background: #ed1d24 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
}
.viedo--play > a,
.viedo--play > span {
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    margin-top: 24px;
    width: 30px;
}
.see-video .see-menu-link {
  display: block;
}
.see-video .see-menu-link:hover .viedo--play {
  background: #535353;
}
.see-more-video > h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 28px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.see-more-video > h3:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 20px;
  margin-top: 10px;
  position: absolute;
  width: 100px;
}
/*-------------------------
    17. Fun factor css here
----------------------*/
.fun-factor{
  background: url(images/bg/fun-factor.jpg)no-repeat scroll center center;
  background-size: cover;
}
.fun-icon a,.fun-icon > span,.single-choose a,.single-choose > span{
    border: 1px dashed;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

h2.counter {
    color: #383838;
    font-family: "Lato",sans-serif;
    font-size: 42px;
    font-weight: bold;
    margin-top: 30px;
}
h2.counter-plus::before {
    content: "+";
}
.single-fun-factor h5,.single-choose > h5 {
    color: #535353;
    font-weight: bold;
    text-transform: uppercase;
}
/*-------------------------
    18. choose us css here
----------------------*/
.choose-use-img {
  text-align: center;
}
.choose-use-img video {
  display: inline-block;
  max-height: 520px;
  max-width: 100%;
}
.choose-us-desc {
    margin-top: -70px;
    padding: 120px 0 80px;
}
.single-choose p {
    margin: 0;
}
.single-choose > h5 {
  margin-top: 30px;
}
.choose-us{
   background: none;
}
/*--------------------
  19c. single post page
---------------------*/
.post-single .post-meta {
  color: #ed1d24;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.post-single h1.post-heading {
  color: #383838;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.25;
  margin: 12px 0 34px;
}
.post-single .post-figure {
  margin-bottom: 40px;
}
.post-single .post-figure img {
  border-radius: 4px;
  display: block;
  width: 100%;
}
.post-single .post-figure figcaption {
  color: #999;
  font-size: 12px;
  margin-top: 10px;
  text-align: right;
}
.post-single .post-figure figcaption a {
  color: #999;
  text-decoration: underline;
}
.post-single .post-figure figcaption a:hover {
  color: #ed1d24;
}
.post-single p.post-lead {
  color: #535353;
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 34px;
}
.post-single h2 {
  color: #383838;
  font-size: 22px;
  font-weight: 700;
  margin: 38px 0 14px;
}
.post-single p {
  line-height: 30px;
  margin-bottom: 16px;
}
.post-single ul.post-list {
  margin: 0 0 20px 22px;
}
.post-single ul.post-list li {
  line-height: 30px;
  list-style: disc outside none;
  position: relative;
}
.post-single .post-back {
  border-top: 1px solid #e6e6e6;
  margin-top: 50px;
  padding-top: 26px;
}
.post-single .post-back a {
  color: #ed1d24;
  font-weight: 600;
}
/*--------------------
  19b. mountain quote band
---------------------*/
.mountain-quote-inner {
  background: linear-gradient(rgba(18, 18, 18, 0.3) 0%, rgba(18, 18, 18, 0.62) 100%), url("images/bg/offer-bg-summer.jpg") no-repeat scroll center center / cover;
  padding: 110px 0;
}
.mountain-quote-text .mq-eyebrow {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 5px;
  margin-bottom: 20px;
  opacity: 0.85;
  text-transform: uppercase;
}
.mountain-quote-text > h2 {
  color: #fff;
  font-family: "Great Vibes",cursive;
  font-size: 54px;
  line-height: 1.3;
  margin: 0;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}
.mountain-quote-text > p {
  color: rgba(255, 255, 255, 0.92);
  font-size: 17px;
  line-height: 30px;
  margin: 24px auto 0;
  max-width: 700px;
}
/*--------------------
  19a. celebrations section
---------------------*/
.celebrations {
  background: #1b1b1b none repeat scroll 0 0;
  overflow: hidden;
  padding: 100px 0;
  position: relative;
}
.celebrations:before {
  background: rgba(0, 0, 0, 0) url("images/bg/549205224_18326267212229635_20072500644259206_n.jpg") no-repeat scroll center center / cover;
  bottom: -40px;
  content: "";
  -webkit-filter: blur(18px) brightness(0.45);
          filter: blur(18px) brightness(0.45);
  left: -40px;
  position: absolute;
  right: -40px;
  top: -40px;
  z-index: 0;
}
.celebrations .container {
  position: relative;
  z-index: 1;
}
.celebrations .cel-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.celebrations-img {
  margin: 0 auto;
  max-width: 300px;
}
.celebrations-text {
  padding-left: 20px;
}
.celebrations-img img {
  border: 7px solid #fff;
  border-radius: 50%;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  display: block;
  height: 300px;
  object-fit: cover;
  width: 300px;
}
.celebrations-text .cel-eyebrow {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 12px;
  opacity: 0.85;
  text-transform: uppercase;
}
.celebrations-text > h2 {
  color: #fff;
  font-family: "Great Vibes",cursive;
  font-size: 48px;
  margin: 0 0 26px;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}
.celebrations-text > p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 17px;
  line-height: 32px;
  margin: 0;
}
.celebrations-text p.cel-thanks {
  color: #fff;
  font-family: "Great Vibes",cursive;
  font-size: 30px;
  line-height: 1.4;
  margin-top: 26px;
}
/*--------------------
  19. our team css here
---------------------*/
.single-member {
  border: 1px solid #e6e6e6;
}
.member-overlay-img {
  display: block;
  position: relative;
}
.member-overlay {
  background: rgba(237, 29, 36, 0.5) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.member-overlay i {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  margin-left: -25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.member-overlay i:hover {
   background: #fff;
   color: #ed1d24
}
.socail-icon {
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.socail-icon li {
  display: inline-block;
  margin-right: 25px;
}
.socail-icon li:last-child {
  margin-right: 0;
}
.socail-icon a {
  border: 1px solid transparent;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.socail-icon a:hover {
  border-color: #fff;
  background: #fff;
  color: #ed1d24
}
.member-content {
  padding: 22px;
}
.member-content > p {
  margin-bottom: 25px;
}
.member-tag:before {
  border-top: 4px double #e6e6e6;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 55%;
}
.member-tag {
  padding-top: 10px;
  position: relative;
}
.member-tag a {
  color: #666666;
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.member-name {
  text-transform: uppercase;
}
.single-member:hover a.member-overlay {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-member:hover .socail-icon {
  bottom: 20px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.our-team-area{
    background: url(images/about/team.png)no-repeat scroll right center;
}
.member-tag a.member-post {
  font-size: 14px;
  margin-top: 5px;
}
/*-------------------------
    20. Food menu css here
------------------------------*/
.food_item_box ul li {
  display: inline-block;
  margin-left: 85px;
}
.food_item_box ul li a {
  color: #535353;
  display: block;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  padding: 38px 0;
  text-transform: none;
}
.food_item_box ul li:first-child {
    margin: 0;
}
.food_item_box ul li.active a {
  color: #ed1d24;
}
.food_item_box {
   height: 170px;
}
.item1 .food_item_box {
  background: rgba(0, 0, 0, 0) url("images/food/food-menu/bg.png") no-repeat scroll left center / cover ;
}
.load-more > a {
  border: 1px solid #ddd;
  color: #ed1d24;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 18px 0;
  text-transform: none;
}
.load-more > a:hover {
    background: #ed1d24 none repeat scroll 0 0;
    color: #fff;
}
.item2 .food_item_box {
  background: url("images/food/food-menu/bg-2.png") no-repeat scroll center center;
  background-size: cover;
}
.item3 .food_item_box {
  height: 210px;
}
.item3 .food_item_box{
   background:  url("images/food/food-menu/bg-3.png") no-repeat scroll left center;
   background-size: cover;
}
.item3 .food_item_box ul li {
  margin-top: 35px;
}
/*--------------------------
   21. Our gallery page css here
----------------------------*/
.our_gallery  {
  background:  url("images/gallery/gallery-2/bg-1.png") no-repeat scroll left center;
}
.our_gallery .bg-img-1 {
  background: url("images/gallery/gallery-2/bg-2.png") no-repeat scroll right bottom;
}
.single-gallery-img {
    position: relative;
}
.single-gallery-hover {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
.single-gallery-img:hover .single-gallery-hover,.single-gallery-img.active .single-gallery-hover{
   -webkit-transform: scaleY(1);
           transform: scaleY(1); 
}
.single-gallery-hover > span {
    color: #ed1d24;
    font-size: 40px;
    line-height: 100px;
}
/*----------------------
    22. Our blog page css here
--------------------------*/
.single-blog.hover-active.mb-30 {
  margin: 0;
}
.our-blog-pages {
  background: #fff none repeat scroll 0 0;
}
/*----------------------
    22.1 Blog Details css here
--------------------------*/
.blog-comment-img > img {
  border: 1px solid #ddd;
  float: right;
}
.blog-thumbnail .blog-title h4 {
  color: #535353;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.blog-thumbnail .blog-publish {
  background: #f1f1f1 none repeat scroll 0 0;
}
.blog-thumbnail .blog-publish {
  background: #f1f1f1 none repeat scroll 0 0;
  bottom: -32px;
  left: 10px;
  position: absolute;
  right: 10px;
}
.articles-details .blog-thumbnail {
  position: relative;
}
.blog-thumbnail img:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.blog-thumbnail img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-desacription .b-desc-1 {
  margin-top: -8px;
}
.b-desc-1 p {
  margin-bottom: 25px;
}
.blog-action .action-box > p,.comment-action-box a {
    color: #666666;
    display: inline-block;
    margin-left: 30px;
}
.blog-action .action-box > p:first-child,.comment-action-box a:first-child {
    margin-left: 0;
}
.blog-action .action-box > p i,.comment-action-box a i {
    margin-right: 7px;
}

.blog-share-social,.cheaf-quote-social {
    position: absolute;
    right: 0;
    top: 0;
}
.articles-details .blog-action {
  margin-bottom: 35px;
  margin-top: 15px;
  position: relative;
}
.blog-share-social a,.cheaf-quote-social > a{
    color: #666;
    margin-right: 16px;
}
.blog-share-social a:last-child,.cheaf-quote-social > a:last-child {
    margin-right: 0;
}
.blog-share-social a:hover,.cheaf-quote-social > a:hover {
    color: #ed1d24;
}
.cheaf-quote-img {
    float: left;
    width: 24%;
}
.cheaf-quote-desc {
  float: left;
  padding: 34px 47px 34px 40px;
  width: 76%;
}
.blog-cheaf-quote {
    border: 1px solid #f3f3f3;
    overflow: hidden;
}
.cheaf-quote-text > p {
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.cheaf-quote-text > p i {
    color: #ed1d24;
    margin: 0 2px;
}
.cheaf-quote-action {
    position: relative;
}
.cheaf-quote-title h5 {
    color: #ed1d24;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}
.blog-comment-box {
  margin-top: 74px;
}
.comment-title > h3 {
  color: #535353;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 47px;
  text-transform: uppercase;
}
.comment-action-box a:hover i{color: #ed1d24}
.comment-action-box > a {
  font-family: "Lato",sans-serif;
}

.blog-comment-img {
    float: left;
    width: 11%;
}
.blog-comment-desc {
    float: left;
    padding-left: 30px;
    width: 89%;
}
.blog-comment.reply .blog-comment-desc {
    width: 74%;
}
.blog-comment.reply .blog-comment-img {
    width: 26%;
}
.blog-comment-img img {float: right}
.comment-top-box {
    position: relative;
}
.comment-action-box {
    position: absolute;
    right: 0;
    top: 0;
}
.comment-title-box > h5 {
    color: #535353;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}
.comment-bottom-box > p {
    margin-bottom: 0;
}
.comment-title-box > p {
    margin-bottom: 10px;
}
.blog-comment {
  margin-bottom: 35px;
}
.comment-input .input-field {
  float: left;
  padding-left: 25px;
  width: 50%;
}
.comment-input .input-field:first-child {
  padding-left: 0;
}
.input-field input {
  height: 40px;
}
.blog-comment-form .textarea textarea,.input-field input{
  border: 1px solid #f3f3f3;
  color: #999;
  padding-left: 20px;
  text-transform: none;
}
.blog-comment-form .textarea textarea {
  height: 100px;
}
.comment-input {
  margin-bottom: 25px;
}
.blog-comment-form .submit > button {
    background: #ed1d24 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    margin-top: 25px;
    padding: 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.blog-comment-form .submit > button:hover {
    background: #555 none repeat scroll 0 0;
}
.widget-search input {
  border: 1px solid #f3f3f3;
  color: #999999;
  font-size: 13px;
  height: 40px;
}
.widget-search input {
  border: 1px solid #f3f3f3;
  color: #999999;
  font-family: "Lato",sans-serif;
  font-size: 13px;
  height: 40px;
}
.widget .widget-search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #ed1d24;
  font-size: 18px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 9px;
}
.widget .widget-search {
  position: relative;
}
.blog-right-sidebar .widget {
    border: 1px solid #f3f3f3;
    padding: 25px 20px;
}
.blog-right-sidebar .widget.search {
    border: medium none;
    padding: 0;
}
.widget-title > h3 {
  color: #ed1d24;
  font-family: "Great Vibes",cursive;
  font-size: 20px;
  margin-bottom: 18px;
  text-transform: none;
}
.widget-categories a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 12px;
}
.widget-categories a {
    color: #757575;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}
.widget-categories ul li {
    padding-bottom: 5px;
    padding-left: 12px;
}
.widget-categories h6 {
    margin-bottom: 5px;
}
.widget-categories h6.open a,.widget-categories a:hover {
    color: #ed1d24;
}

.recent-post-thumbnail {
    float: left;
    width: 15%;
}
.recent-post-thumbnail > img {
    border: 1px solid #f1f1f1;
    height: 30px;
    width: 40px;
}
.recent-post .post-detail {
    float: left;
    padding-left: 15px;
    width: 85%;
}
.post-title > h5 {
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.single-recent-post {
    overflow: hidden;
}
.recent-post .post-date {
    color: #cccccc;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}
.blog-right-sidebar .widget.video {
  border: medium none;
  padding: 0;
  position: relative;
}

.widget-video-overlay {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    height: 128px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}
.widget-video-overlay > a {
  border: 5px solid #ed1d24;
  border-radius: 50%;
  color: #ed1d24;
  display: inline-block;
  font-size: 22px;
  height: 42px;
  left: 0;
  line-height: 32px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 42px;
}
.widget-tag li {
  display: inline-block;
}
.widget-tag li a:hover {
  border-color: #ed1d24;
}
.widget-tag li a {
  color: #757575;
  font-weight: 600;
  text-transform: none;
  border: 1px solid #f1f1f1;
  padding: 10px 12px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: block
}
.blog-right-sidebar .widget.tag {
  padding: 25px 20px 15px;
}

.blog-details-page {
    position: relative;
}
.blog-details-page .bg-img {
  background: rgba(0, 0, 0, 0) url("images/blog/blog-details-bg.jpg") no-repeat scroll right bottom;
  bottom: 180px;
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%;
}
/*--------------------------
   23. Contact us pages css here
--------------------------*/
.contact-icon > a,
.contact-icon > span {
  color: #666666;
  display: inline-block;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 50px;
}
.contact-icon > a:before,
.contact-icon > span:before {
  background: rgba(0, 0, 0, 0) url("images/icons/border.png") no-repeat scroll center center / cover ;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.single-contact-information p {
  line-height: 22px;
  margin-bottom: 0;
}
.single-contact-information > h5 {
  color: #535353;
  font-weight: bold;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.single-contact-information a {
  color: #666;
}
.single-contact-information a:hover {
  color: #ed1d24;
}
.single-contact-information .contact-icon {
  margin-bottom: 12px;
}
.contact-information {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.contact-bottom-section .col-md-6.map-div {
    padding-right: 0;
}
.contact-bottom-section .col-md-6.contact-form-div .contact-form {
    float: right;
    padding-left: 30px;
    width: 585px;
}
.contact-form-title h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: none;
}
.contact-form-box input {
    border: 1px solid #dddddd;
    color: #aaaaaa;
    margin-bottom: 18px;
    padding-left: 20px;
}
.contact-form-box textarea {
    border: 1px solid #ddd;
    height: 100px;
    padding-left: 20px;
    resize: none;
}
.contact-form-box button {
    background: #ed1d24 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 40px;
    padding: 12px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.contact-form-box button:hover{background: #555;}
.contact-bottom-section {
    overflow: hidden;
    position: relative;
}
.contact-bottom-section .contact-form-title h2 {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
}
.contact-bottom-section .bg-img {
  background: rgba(0, 0, 0, 0) url("images/bg/offer-bg-summer.jpg") no-repeat scroll center center / cover;
  bottom: 0;
  -webkit-filter: blur(14px) brightness(0.85);
          filter: blur(14px) brightness(0.85);
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  width: 100%;
}
.contact-bottom-section > .container-fluid {
  position: relative;
  z-index: 1;
}
.form-messege.success {
  color: green;
  text-transform: uppercase;
  font-style: italic;
}
.form-messege.error {
  color: red;
  text-transform: none;
  font-style: italic;
}
/*-------------------------
    24.Navigation css here
-------------------------*/
/*-------------------------
    24.1 Dropdown menu css here
-------------------------*/
.menu ul li:hover a,.menu ul li:hover ul li a:hover{
  color: #ed1d24
}
.menu ul li:hover ul li a{
  color: #535353
}
.menu ul li ul.dropdown_menu {
  left: 0;
  top: 100%;
  width: 200px;
}
.menu ul li ul.dropdown_menu, .menu ul li ul.dropdown_menu li ul.dropdown-submenu {
  border-bottom: 2px solid #ed1d24;
  border-top: 2px solid #ed1d24;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  visibility: hidden;
  z-index: 99999;
}
.menu ul li ul.dropdown_menu li {
  border-bottom: 1px solid #ddd;
  display: block;
  -webkit-transform: rotateX(-95deg);
          transform: rotateX(-95deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.menu ul li ul.dropdown_menu li:last-child {
    border-bottom: medium none;
}
.menu ul li ul.dropdown_menu li a {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  text-transform: none;
}
.menu ul li:hover ul.dropdown_menu,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu  {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
   visibility: visible;
}
.menu ul li:hover ul.dropdown_menu li,.menu ul li ul.dropdown_menu li:hover ul.dropdown-submenu li {
   background: #fff;
   -webkit-transform: rotateX(0);
           transform: rotateX(0);
}
.menu ul li ul.dropdown_menu li {
    position: relative;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu {
  left: 100%;
  margin-top: -2px;
  top: 0;
  width: 100%;
}
.menu ul li ul.dropdown_menu li ul.dropdown-submenu li{
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
}
.menu ul li ul.dropdown_menu li.dropdown-mega:after {
  content: "";
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  right: 12px;
  top: 5px;
}
/*-------------------------
    24.2 Mega menu css here
-------------------------*/
.menu ul li ul.mgea-menu {
  background: #fff;
  border-bottom: 2px solid #ed1d24;
  border-top: 2px solid #ed1d24;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 0 20px;
  position: absolute;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 99999999;
}
.menu ul li:hover ul.mgea-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  visibility: visible;
}
.menu ul li.mega-parent,.header .container .row [class*="col-"]  {
    position: static;
}
.mgea-full-width {
    position: relative;
}
.menu ul li ul.mgea-menu li.mega-sub {
    float: left;
    padding-left: 20px;
    width: 25%;
}
.menu ul li.mega-parent ul li a {
    padding: 15px 0;
}
.menu ul li.mega-parent ul li ul li {
  border-bottom: 1px solid #999;
  display: block;
}
.menu ul li.mega-parent ul li ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0;
    text-transform: none;
}
.menu ul li.mega-parent ul li ul li:last-child {
    border-bottom: medium none;
}
.menu ul li ul.mgea-menu li.mega-sub:first-child {
    padding-left: 0;
}
.menu ul li ul.mgea-menu:before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*----------------------------
    25. 404 page css here
-------------------------*/
.error-content h2 {
  color: #ed1d24;
  font-family: "Lato",sans-serif;
  font-size: 180px;
  font-weight: bold;
  letter-spacing: 10px;
  text-shadow: 7px 6px 0 #dadada, 0 -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.error-content > h3 {
    color: #535353;
    font-family: "Great Vibes",cursive;
    font-size: 55px;
    font-weight: 500;
    text-transform: none;
}
.error-content h4 {
    color: #535353;
    font-weight: 400;
    text-transform: none;
}
.error-content .go-home {
    background: #ed1d24 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 28px;
    text-transform: uppercase;
}
.error-content .go-home:hover {
    background: #555 none repeat scroll 0 0;
}
/*-------------------
    26. Mobile menu css here
----------------------------*/
.mobile-menu-area {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-top: 16px;
  position: absolute;
  width: 100%;
  z-index: 9999999;
}
.mean-container a.meanmenu-reveal {
  float: left;
  left: 56% !important;
  position: absolute;
  top: -75px;
}
.mean-container .mean-nav ul li a.mean-expand {
  font-family: "Lato",sans-serif;
}
.mobile-menu-area .mean-nav {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/*------------------------
    27. sticky menu css here
---------------------------*/
.sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}
.sticky .menu ul li a {
  padding: 36px 0 36px 32px;
}
.header.sticky .logo {
  margin-bottom: -17px;
  width: 125px;
}
.sticky .header-right .search {
  padding-top: 35px;
}
/*--------------------------
    28. Home two css here
---------------------------------*/
.slider-content {
  background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat scroll center center / cover ;
  padding: 180px 0;
  z-index: 9;
}
.slider-content.parallax {
  background: rgba(0, 0, 0, 0) url("images/slider/1.jpg") no-repeat fixed center center / cover ;
}
.slider-content .middle-text .order-now {
  margin-top: 10px;
}
.middle-text .title-2 h2 span {
  color: #ed1d24;
}
/*--------------------------
    29. Home three css here
---------------------------------*/
.slider-content.youtube-bg {
  background: url("images/bg/video-bg.png") no-repeat scroll center center / cover ;
}
.slider-content.youtube-bg .middle-text .title-1 h1,.slider-content.youtube-bg .middle-text .title-2 h2,.slider-content.youtube-bg .middle-text p {
  color: #fff;
}
/*--------------------------
    30. Home four css here
---------------------------------*/
.dotted-overlay:after {
  background: url("images/icons/grid.png") repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.dotted-overlay{position: relative}
.dotted-overlay .slider-text-table {
  z-index: 999;
}
/*--------------------------
    31. All elements css code here
---------------------------------*/
/*--------------------------
    31.1 Accordion css
---------------------------------*/
.accordion h3 {
  font-family: "Great Vibes",cursive;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: none;
}
.accordion.style1 .panel-title {
  color: #555;
  font-weight: 500;
}
.accordion-active h4 {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #555;
  font-size: 16px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
  text-transform: uppercase;
}
.accordion-active h4:before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-weight: 300;
    margin-left: 5px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.accordion-active h4.open:before {
    color: #ed1d24;
    content: "";
}
.accordion-active h4:hover:before,.accordion-active h4.open {
    color: #ed1d24;
}
.accordion-active h4 a:focus {
  color: inherit;
}
/*--------------------------
    31.2 Tab css
---------------------------------*/
.elements .nav-tabs > li > a {
    color: #555;
    font-weight: 500;
}
.elements .nav-tabs > li.active > a {
  border-radius: 0;
  border-top: 1px solid transparent;
  color: #ed1d24;
}
.elements .nav.nav-tabs {
  border: 1px solid #ddd;
  display: inline-block
}
.elements .nav-tabs > li.active:first-child > a {
  border-left: medium none;
}
.elements .nav-tabs > li.active:last-child > a {
  border-right: medium none;
}
.elements .elements-tab-1 .nav.nav-tabs {
  margin-bottom: 15px;
}
/*--------------------------
    31.3 Progress bar css
---------------------------------*/
.our-skill .progress {
  background-color: #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  height: 6px;
  margin-bottom: 43px;
  overflow: visible;
  position: relative;
}
.our-skill .lead {
  color: #444;
  font-size: 13px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: -23px;
}
.our-skill .progress-bar {
  background-color: #03a9f4;
  box-shadow: none;
}

.our-skill .progress-bar > span:before, .our-skill .progress-bar > span:after {
  border: medium solid transparent;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.our-skill .progress-bar > span:before {
  border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.our-skill .progress-bar > span {
  background: #333 none repeat scroll 0 0;
  float: right;
  font-size: 11px;
  margin-right: 10px;
  margin-top: -26px;
  padding: 0 5px;
  position: relative;
}
.progress-style-2 .progress-bar {
  font-size: 14px;
  line-height: 23px;
  padding-left: 12px;
  text-align: left;
  text-transform: none;
}
.progress-style-2 .progress {
  border-radius: 0;
  box-shadow: none;
  height: 23px;
}

.audio audio {
  width: 100%;
}
.properties-video h5 {
  font-size: 24px;
  font-weight: 500;
}
/*--------------------------
    31.4 Button css
---------------------------------*/
a.button {
  background: #ed1d24 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  text-transform: none;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s
}
a.button.large {
  font-size: 18px;
  padding: 18px 0;
}
.button.large span {
  display: inline-block;
  padding: 0 60px;
}
.button span {
  font-family: "Lato",sans-serif;
}
.button.large i {
  padding: 0 12px;
}
a.button.medium{
  font-size: 16px;
  padding: 18px 0;  
}
.button.medium span {
  display: inline-block;
  padding: 0 40px;
}
.button.medium i {
  padding: 0 12px;
}
a.button.little {
  font-size: 15px;
  padding: 14px 0;
}
.button.little span {
  display: inline-block;
  padding: 0 20px;
}
.button.little i {
  padding: 0 12px;
}
a.button.button-black{
  background: #4a4a4a
}
a.button.button-black:hover{
  background: #fff;
  color: #4a4a4a
}
a.button.button-white,a.button:hover{
  background: #fff;
  color: #ed1d24
}
a.button.button-white:hover,a.button.border_radius.button-black:hover{
  background: #ed1d24;
  color: #fff
}
a.button.border-radius {
  border-radius: 0;
  padding: 14px 0;
}
a.button.btn-gray {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #777;
}
a.button.border_radius {
    border-radius: 30px;
    font-size: 15px;
    padding: 16px 8px;
    text-transform: uppercase;
}
a.button.btn-border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
    color: #4a4a4a;
}
a.button.btn-gray:hover,a.button.btn-border:hover{color:#ed1d24}
/*-------------------
	32. Preloader CSS here
----------------------*/
.preloader{
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}
.loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
.loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}
.object{
  width: 20px;
  height: 20px;
  background-color: #ed1d24 ;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  border-radius: 50% 50% 50% 50%;
}
.object_one {	
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
.object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
}
.object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
@-webkit-keyframes object_two {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }
}
@-webkit-keyframes object_three {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}








/* EU funding band (footer) */
.eu-funding-band {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0;
}
.eu-funding-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
    gap: 30px;
}
.eu-funding-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 220px;
}
.eu-funding-text {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    text-transform: none;
    margin: 0;
    max-width: 300px;
}
@media (max-width: 767px) {
    .eu-funding-band {
        padding: 15px 0;
    }
    .eu-funding-inner {
        grid-template-columns: 1fr 1.6fr 1fr;
        gap: 10px;
    }
    .eu-funding-text {
        font-size: 10px;
    }
}

/* Buttons: rounded and larger (body prefix wins over responsive.css) */
body .middle-text .order-now a,
body .welcome-about .read-more > a,
body .dishes-more > a,
body .offer-inner .order-now > a,
body .error-content .go-home {
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(237, 29, 36, 0.25);
    font-size: 15px;
    letter-spacing: 0.5px;
    padding: 14px 44px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
body .middle-text .order-now a:hover,
body .welcome-about .read-more > a:hover,
body .dishes-more > a:hover,
body .offer-inner .order-now > a:hover,
body .error-content .go-home:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
body .offer-inner .offer-btn {
    border-radius: 50px;
    padding: 16px 40px;
}
body .contact-form-box button {
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(237, 29, 36, 0.25);
    font-size: 17px;
    padding: 15px 0;
}
body .see-video {
    border-radius: 12px;
    overflow: hidden;
}
body .slider-content .middle-text .order-now {
    margin-top: 28px;
}
@media (max-width: 767px) {
    body .middle-text .order-now a,
    body .welcome-about .read-more > a,
    body .dishes-more > a,
    body .offer-inner .order-now > a,
    body .error-content .go-home {
        font-size: 14px;
        padding: 12px 30px;
    }
    body .offer-inner .offer-btn {
        padding: 14px 30px;
    }
    body .slider-content .middle-text .order-now {
        margin-top: 18px;
    }
}

/* Home: special offers and blog cards */
body .popular-dishes .single-disesh,
body .home-blog .single-blog {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    height: auto;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    -webkit-transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
body .popular-dishes .single-disesh:hover,
body .home-blog .single-blog:hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
body .popular-dishes .disesh-img,
body .home-blog .blog-thumbnail {
    overflow: hidden;
}
body .popular-dishes .disesh-img img,
body .home-blog .blog-thumbnail img {
    border-radius: 0;
    display: block;
    height: 230px;
    object-fit: cover;
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}
body .popular-dishes .single-disesh:hover .disesh-img img,
body .home-blog .single-blog:hover .blog-thumbnail img {
    opacity: 1;
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
body .popular-dishes .disesh-desc,
body .home-blog .blog-desc {
    background: #fff;
    bottom: auto;
    box-shadow: none;
    left: auto;
    overflow: visible;
    padding: 22px 25px 26px;
    position: static;
    right: auto;
    z-index: auto;
}
body .popular-dishes .disesh-desc h3 {
    font-size: 22px;
    margin-bottom: 8px;
}
body .popular-dishes .disesh-desc h3 a,
body .home-blog .blog-title > h3 a {
    color: #535353;
}
body .popular-dishes .disesh-desc h3 a:hover,
body .home-blog .blog-title > h3 a:hover {
    color: #ed1d24;
}
body .popular-dishes .disesh-desc p,
body .home-blog .blog-excerpt {
    color: #777;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 14px;
    min-height: 45px;
    text-transform: none;
}
body .home-blog .blog-date {
    color: #ed1d24;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
body .home-blog .blog-title {
    display: block;
    margin: 0 0 8px;
    padding: 0;
}
body .home-blog .blog-title > h3 {
    font-size: 18px;
    line-height: 1.4;
    min-height: 50px;
    text-transform: none;
}
.card-link {
    color: #ed1d24;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.card-link i {
    display: inline-block;
    margin-left: 4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.card-link:hover {
    color: #535353;
}
.card-link:hover i {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
body .popular-dishes .dishes-more {
    margin-top: 20px;
}
@media (max-width: 767px) {
    body .popular-dishes .disesh-img img,
    body .home-blog .blog-thumbnail img {
        height: 200px;
    }
    body .popular-dishes .disesh-desc p,
    body .home-blog .blog-excerpt,
    body .home-blog .blog-title > h3 {
        min-height: 0;
    }
}

/* Privacy policy page */
.policy-page {
    background: #fff;
}
.policy-page h2 {
    color: #535353;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 40px 0 15px;
    text-transform: none;
}
.policy-page p,
.policy-page li {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    text-transform: none;
}
.policy-page ul {
    list-style: disc;
    margin: 0 0 20px 20px;
    padding: 0;
}
.policy-page li {
    margin-bottom: 8px;
    list-style: disc;
}
.policy-page a {
    color: #ed1d24;
}
.policy-page a:hover {
    text-decoration: underline;
}
.policy-page .policy-updated {
    color: #999;
    font-size: 13px;
}
.fill-in {
    background: #fff3cd;
    color: #b30000;
    padding: 0 4px;
}
.map-consent-btn,
.map-consent-reset {
    background: #ed1d24;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(237, 29, 36, 0.25);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
.map-consent-btn:hover,
.map-consent-reset:hover {
    background: #535353;
}

/* Contact: Google Maps loads only after consent */
.map-consent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 480px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
}
.map-consent-inner {
    max-width: 380px;
}
.map-consent-inner > i {
    color: #ed1d24;
    font-size: 44px;
    margin-bottom: 12px;
}
.map-consent-inner h3 {
    color: #535353;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: none;
}
.map-consent-inner p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    text-transform: none;
}
.map-consent-inner p a,
.map-consent-directions {
    color: #ed1d24;
}
.map-consent-directions {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 15px;
}

/* Home: map opened by the "Как да стигнете" button */
.home-map {
    background: #fff;
    display: none;
    padding: 60px 0;
}
.home-map iframe {
    border-radius: 12px;
    display: block;
}
.home-map-directions {
    color: #ed1d24;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
}
.home-map-directions:hover {
    color: #535353;
}

/* Contact form: privacy note and spam trap */
.hp-field {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
body .contact-form-box .form-privacy-note {
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    margin: 15px 0 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-transform: none;
}
body .contact-form-box .form-privacy-note a {
    color: #fff;
    text-decoration: underline;
}

/* Footer copyright separators */
.copyright-sep {
    margin: 0 6px;
    opacity: 0.6;
}
@media (min-width: 768px) {
    body .home-blog .blog-excerpt {
        min-height: 68px;
    }
}

/* Legal pages: cookie table and footer links */
.policy-table-wrap {
    margin-bottom: 20px;
    overflow-x: auto;
}
.policy-table {
    border-collapse: collapse;
    min-width: 600px;
    width: 100%;
}
.policy-table th,
.policy-table td {
    border: 1px solid #e5e5e5;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    padding: 12px 14px;
    text-align: left;
    text-transform: none;
    vertical-align: top;
}
.policy-table th {
    background: #f7f7f7;
    color: #535353;
    font-weight: 700;
}
.copyright-links {
    display: block;
    margin-top: 6px;
}

/* About page: tidy photo grid (two photos on top, the wide one below) */
body .about-rest-img {
    display: -ms-grid;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 380px 272px;
}
body .about-rest-img img,
body .about-rest-img .rest-img-main,
body .about-rest-img .rest-img-side,
body .about-rest-img .rest-img-wide {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
    position: static;
    width: 100%;
}
body .about-rest-img .rest-img-wide {
    grid-column: 1 / span 2;
}
@media (max-width: 991px) {
    body .about-rest-img {
        grid-template-rows: 320px 260px;
    }
}
@media (max-width: 767px) {
    body .about-rest-img {
        gap: 10px;
        grid-template-rows: 200px 170px;
    }
}

/* Cookie notice */
.cookie-notice {
    background: rgba(27, 27, 27, 0.96);
    border-radius: 12px;
    bottom: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    left: 20px;
    max-width: 420px;
    opacity: 0;
    padding: 18px 20px;
    position: fixed;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    visibility: hidden;
    z-index: 9999;
}
.cookie-notice.is-visible {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
}
.cookie-notice p {
    color: #eee;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 12px;
    text-transform: none;
}
.cookie-notice p a {
    color: #fff;
    text-decoration: underline;
}
.cookie-notice-btn {
    background: #ed1d24;
    border: 0;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 10px 26px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.cookie-notice-btn:hover {
    background: #fff;
    color: #ed1d24;
}
.cookie-notice-btn-ghost {
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    margin-left: 8px;
}
.analytics-consent-reset {
    background: #ed1d24;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 6px 18px rgba(237, 29, 36, 0.25);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}
.analytics-consent-reset:hover {
    background: #535353;
}
@media (max-width: 767px) {
    .cookie-notice {
        bottom: 10px;
        left: 10px;
        max-width: none;
        right: 10px;
    }
}

/* Rounded corners across the site */
body .welcome-about-img img,
body .post-single .post-figure img,
body .choose-use-img video,
body .testimonial-text-slider,
body .about-resta-details,
body .map-consent,
body #contact-map iframe {
    border-radius: 12px;
}
body .gallery-slider .single-item-gallery {
    border-radius: 12px;
    isolation: isolate;
}
body .contact-form-box input,
body .contact-form-box textarea {
    border-radius: 8px;
}
body .policy-table-wrap {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
}
body .policy-table {
    border-style: hidden;
}
body .testimonial-text-slider {
    overflow: hidden;
}

/* Contact: keep the map box inside the page edges, mirroring the form */
@media (min-width: 1200px) {
    body .contact-bottom-section .col-md-6.map-div {
        padding-right: calc(50vw - 570px);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    body .contact-bottom-section .col-md-6.map-div {
        padding-right: calc(50vw - 470px);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body .contact-bottom-section .col-md-6.map-div {
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (max-width: 767px) {
    body .contact-bottom-section .col-md-6.map-div {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* Mobile polish */
.copyright-links a {
    white-space: nowrap;
}
@media (max-width: 767px) {
    /* 16px keeps iPhone from zooming into the form while typing */
    body .contact-form-box input,
    body .contact-form-box textarea {
        font-size: 16px;
    }
    /* Bigger tap areas for small text links, without shifting the layout */
    .card-link,
    body .post-single .post-back a {
        display: inline-block;
        margin: -10px 0;
        padding: 10px 0;
    }
    body .map-consent-directions {
        margin-top: 5px;
        padding: 10px 0;
    }
    body .testimonial .testimonial-text-slider .slick-dots li {
        margin: 0;
    }
    body .testimonial .testimonial-text-slider .slick-dots li a {
        background-clip: content-box;
        box-sizing: content-box;
        padding: 7px;
    }
    /* Breadcrumbs and small overline labels wrap cleanly */
    body .breadcurbs-inner ul li {
        font-size: 12px;
        white-space: nowrap;
    }
    body .breadcurbs-inner ul li span {
        margin: 0 6px;
    }
    body .offer-inner .offer-eyebrow,
    body .celebrations-text .cel-eyebrow,
    body .mountain-quote-text .mq-eyebrow {
        letter-spacing: 2px;
        line-height: 1.6;
    }
    /* Cookie table turns into stacked cards */
    body .policy-table-wrap {
        border: 0;
        overflow: visible;
    }
    body .policy-table,
    body .policy-table tbody,
    body .policy-table tr,
    body .policy-table td {
        display: block;
        min-width: 0;
        width: 100%;
    }
    body .policy-table thead {
        display: none;
    }
    body .policy-table tr {
        border: 1px solid #e5e5e5;
        border-radius: 12px;
        margin-bottom: 14px;
        overflow: hidden;
    }
    body .policy-table td {
        border: 0;
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 14px;
    }
    body .policy-table td:last-child {
        border-bottom: 0;
    }
    body .policy-table td::before {
        color: #535353;
        content: attr(data-label);
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.5px;
        margin-bottom: 2px;
        text-transform: uppercase;
    }
}
@media (max-width: 767px) {
    body .testimonial .testimonial-text-slider .slick-dots li.slick-active a {
        background-clip: content-box;
    }
}