@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);
/*-------------------------------------

    Template Name: Chili - HTML5 Responsive Premium Restaurant Template
    Template URI: http://www.digitalcenturysf.com/
    Description: Chili - HTML5 Responsive Premium Restaurant Template for all type of food related businesses such as restaurants, bakeries, bars, tea shops, pastry shops, catering services, and so on.
    Author: digitalcenturysf
    Author URI: http://digitalcenturysf.com
    Version: 1.0

---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section,Based Color etc)
    2.Header Section Styling
    3.Slider section styling
    4.Home Page Service Section Area  Start Here
    5.Home Page About Us Section Start here
    6.Home Page Schedule Time Section Area Start Here
    7.Home Page Menu Section Start here
    8.Home Page Team Area Start here
    9.Home Page Reservation Start Here
    10.Home Page Photo Gellary Start Here
    11.Testimonial Area start here
    12.Home Page Latest Blog Start Here
    13.Get Free Consult Section Start Here
    14.Footer Start Here 
    15.About Page Start Here
    16.About Page Benner Start Here
    17.Menu Page Breakfast Start Here
    18.Menu Page Lunch Start Here
    19.Reservation Page Our Location Area Start Here
    20.Blog Page Start Here
      20.1 Page Sidebar area Start Here
    21.Single News page start here 
    22.Main Contact Page Section Area start here 
      22.1 Contact Form Page start Here 
    23.404 Page Area Start Here 
    24.Our Chefs Page Start Here
    25.Single Chefs Page Start Here 

---------------------------------------*/
/*-------------------------------------*/
/*  1.  Theme default CSS
/*-------------------------------------*/
/* ------------------------------------
Based Color of Theme 
---------------------------------------*/
html,
body {
  height: 100%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-family: 'Raleway', sans-serif;
}
a {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #dc3522;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #646464;
}
.acurate {
  margin: 0;
  padding: 0;
}
.section-area {
  text-align: center;
  padding: 0px 100px;
  color: #000000;
}
.section-area h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  margin-bottom: 70px;
}
.section-area h2:after {
  background: rgba(0, 0, 0, 0) url("img/line.png") no-repeat scroll 0 0;
  bottom: -40px;
  content: "";
  height: 30px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 265px;
}
.padding-top {
  padding-top: 30px;
}
/* ------------------------------------
2.Header Section Styling 
---------------------------------------*/
.header-area {
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 999;
  
  /* Main Menu Styling */
}
.header-area .logo-area {
  text-align: center;
  margin-top: 25px;
}
.header-area .logo-area a {
  display: block;
}
.header-area .main-menu-area ul {
  text-align: center;
}
.header-area .main-menu-area ul li {
  display: inline-block;
  position: relative;
  /* Dropdown Menu area */
}
.header-area .main-menu-area ul li a {
  display: block;
  padding: 38px 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.header-area .main-menu-area ul li a:hover {
  color: #dc3522 !important;
}
.header-area .main-menu-area ul li ul {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
}
.header-area .main-menu-area ul li ul li {
  display: block;
  border-bottom: 1px dashed #dc3522;
}
.header-area .main-menu-area ul li ul li:last-child {
  border-bottom: 0;
}
.header-area .main-menu-area ul li ul li a {
  display: block;
  padding: 10px 24px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.header-area .main-menu-area ul li ul li a:hover {
  color: #dc3522;
}
.header-area .main-menu-area ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.header-area .header-right ul {
  text-align: center;
}
.header-area .header-right ul li {
  float: left;
  position: relative;
  width: 48px;
}
.header-area .header-right ul li .search-text {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dc3522;
  box-shadow: 0 0 0.5px -1.5px rgba(153, 157, 163, 0.4);
  color: #000000;
  display: none;
  font-size: 16px;
  height: 35px;
  left: -145px;
  padding: 5px 18px 5px 10px;
  position: absolute;
  top: 102px;
  z-index: 9;
}
.header-area .header-right ul li i {
  width: 36px;
  cursor: pointer;
  display: block;
  padding: 38px 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  font-size: 20px;
}
.header-area .header-right ul li i:hover {
  color: #dc3522 !important;
}
.header-area .header-right ul li a.cart-area {
  display: block;
  font-size: 25px !important;
}
.header-area .header-right ul li a.cart-area span {
  background: #dc3522;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #ffffff;
  content: "";
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -8px;
  top: 30px;
  width: 20px;
  font-size: 16px;
}
div#sticker {
  background: black;
}
.stick {
  position: fixed !important;
  top: 0px !important;
  z-index: 9999999;
  width: 100%;
  background: rgba(0, 0, 0, 0.9) !important;
  margin: 0;
  padding: 0px 0 !important;
}
.stick {
  border-bottom: 2px solid #dc3522;
}
.mobile-menu-area {
  display: none;
}
/* ------------------------------------
3.Slider section styling 
---------------------------------------*/
.slider-area .slider-1 h2 {
  text-transform: uppercase;
  font-weight: uppercase;
}
.slider-area .slider-1 h1 {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: 5px;
  line-height: 90px;
  position: relative;
  text-transform: uppercase;
}
.slider-area .slider-1 h1:after {
  background: rgba(0, 0, 0, 0) url("img/slider/arrow.png") no-repeat scroll 0 0;
  bottom: -30px;
  content: "";
  height: 24px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 660px;
}
.home1 .slider-2 h3 {
  left: 20%;
  position: relative;
  font-size: 30px;
  font-weight: 700;
}
.preview-2 .nivo-controlNav {
  bottom: 500px;
  display: inline-block;
  margin-bottom: auto;
  margin-left: 0 !important;
  margin-top: auto;
  position: absolute;
  right: 100px;
  z-index: 9;
  display:none;
}
.preview-2 .nivo-controlNav a {
  background: #000000;
  border: 2px solid #dddddd;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 18px;
  line-height: 8px;
  margin: 10px;
  opacity: 1;
  position: relative;
  text-indent: -9999px;
  width: 18px;
  z-index: -999;
}
.preview-2 .nivo-controlNav a:hover,
.preview-2 .nivo-controlNav a.active {
  background: #dc3522;
  cursor: pointer;
}
.slider-area .slider-1 p {
  letter-spacing: 20px;
  text-transform: uppercase;
}
.slider-area .slider-1 .read-more {
  display: inline-block;
}
.slider-area .slider-1 .read-more button {
  background: #dc3522;
  color: #ffffff;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  margin: 50px 0;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 16px;
}
.slider-area .slider-1 .read-more button i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.slider-area .slider-1 .read-more button:hover {
  background: #96180a;
}
/* ------------------------------------
4.Home Page Service Section Area  Start Here 
---------------------------------------*/
.home-page-services-area {
  margin-top: -140px;
}
.home-page-services-area .single-servies {
  background-size: cover;
  background-position: center center;
  height: 250px;
  position: relative;
  z-index: 999;
}
.home-page-services-area .single-servies:hover:after {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.home-page-services-area .single-servies:hover h3 a {
  z-index: 4;
  color: #ffffff !important;
}
.home-page-services-area .single-servies:hover h3 a:after {
  background: rgba(0, 0, 0, 0) url("img/service/leaf2.png") no-repeat scroll 0 0;
}
.home-page-services-area .single-servies:after {
  background: rgba(220, 53, 34, 0.8);
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 1 0;
  transition: all 0.5s ease 0s;
  transform: scaleY(0);
  z-index: 2;
}
.home-page-services-area .single-servies h3 {
  text-align: center;
}
.home-page-services-area .single-servies h3 a {
  color: #ffffff;
  padding: 111px 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
  position: relative;
  font-weight: bold;
}
.home-page-services-area .single-servies h3 a:after {
  background: rgba(0, 0, 0, 0) url("img/service/leaf.png") no-repeat scroll 0 0;
  content: "";
  height: 15px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 150px;
  width: 60px;
}
.home-page-services-area .single-servies h3 a:hover {
  color: #dc3522;
}
.home-page-services-area .service-1 {
  background: url(img/service/1.png) no-repeat;
  background-size: cover;
}
.home-page-services-area .service-2 {
  background: url(img/service/2.png) no-repeat;
  background-size: cover;
}
.home-page-services-area .service-3 {
  background: url(img/service/3.png) no-repeat;
  background-size: cover;
}
/* ------------------------------------
5.Home Page About Us Section Start here 
---------------------------------------*/
.home-page-about-us-area {
  padding-top: 75px;
  background: url(img/about/bg.png) no-repeat;
  background-position: right bottom;
}
.home-page-about-us-area .home-page-about-us-image .about-image img:hover {
  opacity: .9;
}
.home-page-about-us-area .home-page-about-us-content {
  padding-top: 150px;
  padding-left: 30px;
}
.home-page-about-us-area .home-page-about-us-content h2 {
  font-weight: 600;
  font-size: 48px;
  color: #000000;
  text-transform: uppercase;
}
.home-page-about-us-area .home-page-about-us-content h2 span {
  font-weight: bold;
  color: #dc3522;
}
.home-page-about-us-area .home-page-about-us-content .read-more {
  display: inline-block;
}
.home-page-about-us-area .home-page-about-us-content .read-more button {
  background: transparent;
  border: 1px solid #dc3522;
  color: #dc3522;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  margin: 30px 0;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 16px;
}
.home-page-about-us-area .home-page-about-us-content .read-more button:hover {
  background: #dc3522;
  border: 1px solid #dc3522;
  color: #ffffff;
}
/* ------------------------------------
6.Home Page Schedule Time Section Area Start Here 
---------------------------------------*/
.home-page-schedule-area {
  padding: 100px 0;
  background: url(img/shedule/bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
}
.home-page-schedule-area .section-area {
  color: #ffffff;
}
.home-page-schedule-area .section-area h2:after {
  background: rgba(0, 0, 0, 0) url("img/line2.png") no-repeat scroll 0 0;
}
.home-page-schedule-area .left-shedule-area {
  color: #ffffff;
}
.home-page-schedule-area .left-shedule-area ul {
  text-align: center;
}
.home-page-schedule-area .left-shedule-area ul li {
  border: 1px solid #ffffff;
  display: block;
  margin: 25px 0;
  padding: 15px;
}
.home-page-schedule-area .left-shedule-area ul li span {
  border-left: 1px solid #ffffff;
  float: right;
  padding-left: 100px;
}
.home-page-schedule-area .right-shedule-area {
  color: #ffffff;
}
.home-page-schedule-area .right-shedule-area ul {
  text-align: center;
}
.home-page-schedule-area .right-shedule-area ul li {
  border: 1px solid #ffffff;
  display: block;
  margin: 25px 0;
  padding: 15px;
}
.home-page-schedule-area .right-shedule-area ul li span {
  border-left: 1px solid #ffffff;
  float: right;
  padding-left: 100px;
}
/* ------------------------------------
7.Home Page Menu Section Start here 
---------------------------------------*/
.homepage-menu-area {
  padding: 100px 0;
  background: url(img/menu/bg.png) no-repeat;
  background-position: top center;
  background-size: cover;
}
.homepage-menu-area .total-menu-area {
  padding: 50px 0;
}
.homepage-menu-area .total-menu-area ul.nav-tabs {
  border: transparent !important;
  margin-bottom: 50px;
  text-align: center;
}
.homepage-menu-area .total-menu-area ul.nav-tabs li {
  background: transparent none repeat scroll 0 0 !important;
  border: transparent !important;
  display: inline-block;
  float: inherit !important;
  margin: 0 5px;
}
.homepage-menu-area .total-menu-area ul.nav-tabs li.active a {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  background: #dc3522 !important;
  border: 1px solid #dc3522 !important;
  color: #ffffff !important;
  padding: 15px 60px;
  font-weight: 400;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  margin: 30px 0;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  display: block;
}
.homepage-menu-area .total-menu-area ul.nav-tabs li a {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #000000 !important;
  padding: 15px 60px;
  font-weight: 400;
  border-radius: 30px;
  margin: 30px 0;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  display: block;
}
.homepage-menu-area .total-menu-area ul.nav-tabs li a:hover {
  background: #dc3522 !important;
  border: 1px solid #dc3522 !important;
  color: #ffffff !important;
}
.homepage-menu-area .total-menu-area .menu-details {
  text-align: left;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish {
  position: relative;
  padding: 30px 0;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish span {
  background: #dc3522;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #ffffff;
  height: 40px;
  left: 20%;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish a.pull-left {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 140px;
  line-height: 140px;
  margin-right: 20px;
  text-align: center;
  width: 140px;
  position: relative;
  overflow: hidden;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish a.pull-left:hover:after {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish a.pull-left:after {
  background: rgba(220, 53, 34, 0.8);
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 1 0;
  transition: all 0.5s ease 0s;
  transform: scaleY(0);
  z-index: 2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish .dish-content h3.media-heading {
  position: relative;
  margin-bottom: 30px;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish .dish-content h3.media-heading:after {
  background: #dc3522 none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 3px;
  left: 0;
  margin: auto;
  position: absolute;
  width: 50px;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish .dish-content h3.media-heading a {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  transition: all 0.5s ease 0s;
}
.homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish .dish-content h3.media-heading a:hover {
  color: #dc3522;
}
.view-all {
  text-align: center;
}
.view-all .read-more {
  display: inline-block;
}
.view-all .read-more a {
  background: transparent;
  border: 1px solid #dc3522;
  color: #dc3522;
  padding: 15px 60px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  margin: 50px 0 0;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 16px;
}
.view-all .read-more a:hover {
  background: #dc3522;
  border: 1px solid #dc3522;
  color: #ffffff;
}
/* ------------------------------------
8.Home Page Team Area Start here 
---------------------------------------*/
.homepage-team-area {

  background: url(img/team/bg.png) no-repeat;
  background-position: top center;
}
.homepage-team-area .team-area {
  padding-top: 75px;
}
.homepage-team-area .team-area .single-team {
  position: relative;
  padding-top: 175px;
  text-align: center;
  margin: 15px;
}
.homepage-team-area .team-area .single-team .image-round {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  border: 2px solid #dddddd;
}
.homepage-team-area .team-area .single-team .image-round .team-image {
  width: 345px;
  height: 345px;
  background: #f4f1ea;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  border: 7px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.homepage-team-area .team-area .single-team .image-round .team-image:hover {
  background: #dc3522;
  border: 2px solid #96180a;
}
.homepage-team-area .team-area .single-team .image-round .team-image a {
  text-align: center;
}
.homepage-team-area .team-area .single-team .image-round .team-image a img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -75px;
  margin: auto;
}
.homepage-team-area .team-area .single-team .team-content {
  margin-top: 45px;
}
.homepage-team-area .team-area .single-team .team-content h3 {
  margin-bottom: 5px;
}
.homepage-team-area .team-area .single-team .team-content h3 a {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
  TRANSITION: all 0.5s ease 0s;
}
.homepage-team-area .team-area .single-team .team-content h3 a:hover {
  color: #dc3522;
}
.homepage-team-area .team-area .owl-pagination .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #111111;
  display: inline-block;
  height: 10px;
  width: 50px;
}
.homepage-team-area .team-area .owl-pagination .owl-page.active span {
  background: #dc3522;
  border: 1px solid #96180a;
}
/* ------------------------------------
9.Home Page Reservation Start Here 
---------------------------------------*/
.homepage-reservation-area {
  padding: 100px 0;
  background: url(img/reserve/bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}
.homepage-reservation-area .section-area {
  color: #ffffff;
}
.homepage-reservation-area .form-area {
  margin-top: 50px;
}
.homepage-reservation-area .form-area input,
.homepage-reservation-area .form-area select {
  width: 100%;
  height: 50px;
  background: transparent;
  border: 1px solid #dddddd;
  color: #777777;
}
.homepage-reservation-area .form-area .read-more {
  display: block;
  text-align: center;
}
.homepage-reservation-area .form-area .read-more button {
  background: transparent;
  border: 1px solid #dc3522;
  color: #dc3522;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  margin: 30px 0;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 16px;
  margin: 50px auto;
}
.homepage-reservation-area .form-area .read-more button:hover {
  background: #dc3522;
  border: 1px solid #dc3522;
  color: #ffffff;
}
/* ------------------------------------
10.Home Page Photo Gellary Start Here 
---------------------------------------*/
.home-page-photo-gellary-area {
  padding: 100px 0 0;
  background: url(img/team/bg.png) no-repeat;
  background-position: top center;
}
.home-page-photo-gellary-area .gellary {
  text-align: center;
  margin-top: 75px;
}
/* ------------------------------------
11.Testimonial Area start here 
---------------------------------------*/
.home-page-testimonial-area {
  padding: 100px 0;
  background: url(img/reserve/bg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}
.home-page-testimonial-area .section-area {
  color: #ffffff;
}
.home-page-testimonial-area .testimonial-area .single-testiminial {
  text-align: center;
  color: #ffffff;
}
.home-page-testimonial-area .testimonial-area .single-testiminial p {
  padding: 10px 50px;
}
.home-page-testimonial-area .testimonial-area .single-testiminial p i {
  font-weight: bold;
  font-size: 25px;
  margin: 4px 20px;
}
.home-page-testimonial-area .testimonial-area .single-testiminial h3 {
  margin-bottom: 5px;
}
.home-page-testimonial-area .testimonial-area .single-testiminial p.designation {
  margin: 0;
  padding: 0;
}
.home-page-testimonial-area .testimonial-area .owl-pagination .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #111111;
  display: inline-block;
  height: 5px;
  width: 25px;
}
.home-page-testimonial-area .testimonial-area .owl-pagination .owl-page.active span {
  background: #dc3522;
  border: 1px solid #96180a;
}
/* ------------------------------------
12.Home Page Latest Blog Start Here 
---------------------------------------*/
.homepage-blog-area {
  background: rgba(0, 0, 0, 0) url("img/menu/bg.png") no-repeat scroll center top / cover;
  
}
.homepage-blog-area .total-blog-area {
  margin-top: 50px;
}
.homepage-blog-area .total-blog-area .blog-area:hover .owl-buttons {
  visibility: visible;
  opacity: 1;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog {
  margin: 0 15px;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image:hover i {
  opacity: 1;
  color: #111111;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image:hover:after {
  opacity: 1;
  transform: scale(1);
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image a {
  display: block;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image a img {
  width: 100%;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image a i {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  bottom: 0;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: auto;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 25%;
  transform: translateY(-100%);
  width: 40px;
  z-index: 99;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-image:after {
  position: absolute;
  content: "";
  background: rgba(220, 53, 34, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scale(0);
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area {
  padding: 20px;
  background: #ffffff;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area h3 {
  margin-bottom: 15px;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area h3 a {
  font-size: 22px;
  color: #111111;
  transition: all 0.5s ease 0s;
  font-weight: 600;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area h3 a:hover {
  color: #dc3522;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area .informations {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area .informations ul li {
  display: inline-block;
  margin-right: 30px;
}
.homepage-blog-area .total-blog-area .blog-area .single-blog .blog-content-area .informations ul li i {
  color: #dc3522;
  margin-right: 15px;
}
.homepage-blog-area .total-blog-area .blog-area .owl-buttons {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}
.homepage-blog-area .total-blog-area .blog-area .owl-buttons div {
  background: #dc3522 none repeat scroll 0 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 80px;
  opacity: 1;
  width: 80px;
  top: 30%;
}
.homepage-blog-area .total-blog-area .blog-area .owl-buttons div i {
  font-size: 30px;
  line-height: 70px;
}
.homepage-blog-area .total-blog-area .blog-area .owl-buttons div.owl-prev {
  position: absolute;
  left: -6%;
}
.homepage-blog-area .total-blog-area .blog-area .owl-buttons div.owl-next {
  position: absolute;
  right: -6%;
}
/* ------------------------------------
13.Get Free Consult Section Start Here 
---------------------------------------*/
.free-consult {
  background: #dc3522;
  text-align: center;
  color: #ffffff;
  padding: 25px 0;
}
.free-consult .free-consult-text p {
  font-size: 30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 15px;
}
.free-consult .get-free-consult a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 15px 20px;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.free-consult .get-free-consult a:hover {
  background: #96180a;
  border: 1px solid #96180a;
}
/*-------------------------------------
14.Footer Start Here 
---------------------------------------*/
/*-------------------------------------
14.Footer Area Section Start Here 
---------------------------------------*/
.footer-top-area {
  background: url(img/footer-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0;
}
.footer-top-area .single-footer h3 {
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.55;
}
.footer-top-area .single-footer p {
  color: #ffffff;
}
.footer-top-area .single-footer .footer-social-media-area ul {
  text-align: center;
}
.footer-top-area .single-footer .footer-social-media-area ul li {
  display: inline-block;
  margin: 2px;
}
.footer-top-area .single-footer .footer-social-media-area ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #dddddd;
  background: #000000;
  border: 1px solid #dc3522;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
.footer-top-area .single-footer .footer-social-media-area ul li a:hover {
  background: #dc3522;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #dc3522;
}
.footer-top-area .footer-two ul li {
  color: #999999;
}
.footer-top-area .footer-two ul li i {
  color: #2aacff;
  margin-right: 5px;
  display: inline-block;
}
.footer-top-area .footer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top-area .footer-three ul li {
  display: inline-block;
  width: 30%;
  margin: 1px 3px;
}
.footer-top-area .footer-three ul li a {
  display: block;
}
.footer-top-area .footer-three ul li a img {
  display: block;
  width: 100%;
}
.footer-top-area .footer-three ul li a img:hover {
  opacity: .9;
}
.footer-top-area .footer-four ul li {
  display: inline-block;
  color: #ffffff;
  margin: 0 0 15px 0;
  font-weight: 300;
}
.footer-top-area .footer-four ul li i {
  margin: 5px;
  color: #dc3522;
}
.footer-bottom-area {
  background: #000000;
  padding: 20px 0;
}
.footer-bottom-area .footer-bottom p {
  text-align: center;
  color: #ffffff;
  margin: 0;
  font-weight: 300;
}
/*---------------------------------
  2.2 Scrolling Nav Styling 
  ---------------------------------*/
#scrollUp {
  background: transparent;
  border: 1px solid #dc3522;
  bottom: 100px;
  color: #dc3522 !important;
  display: block;
  font-size: 25px;
  height: 60px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 60px;
  z-index: 1000;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#scrollUp:hover {
  background: #96180a;
}
#scrollUp:hover i {
  color: #ffffff;
}
#scrollUp i {
  display: block;
  padding-top: 12px;
  font-size: 30px;
  font-weight: bold;
}
/*-------------------------------------
15.Page Header Section Start Here 
---------------------------------------*/
.page-header-area {
  background: rgba(0, 0, 0, 0) url("img/bennar.jpg") no-repeat scroll center center / cover;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 210px 0 140px 0;
}
.page-header-area h1 {
  font-weight: 600;
  font-size: 60px;
}
.page-header-area ul li {
  display: inline-block;
  border: 0px;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  margin: 0px 10px;
  font-weight: 600;
  position: relative;
}
.page-header-area ul li:first-child:after {
  position: absolute;
  content: "\f101";
  top: 0;
  left: 55px;
  right: 0;
  display: block;
  font-family: FontAwesome;
}
.page-header-area ul li:last-child {
  color: #dc3522;
  text-transform: capitalize;
}
.page-header-area ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
/* ------------------------------------
15.About Page Start Here 
---------------------------------------*/
.about-page-content-area {
  padding: 100px 0;
  background: url(img/team/bg.png) no-repeat;
  background-position: top center;
}
.about-page-content-area .about-us-content h2 {
  color: #000000;
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
}
.about-page-content-area .about-us-content p span {
  color: #dc3522;
  font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
}
.about-page-content-area .about-page-featured-image a {
  display: block;
}
.about-page-content-area .about-page-featured-image a img {
  transition: all 0.3s ease 0s;
}
.about-page-content-area .about-page-featured-image a img:hover {
  opacity: .9;
}
/* ------------------------------------
16.About Page Benner Start Here 
---------------------------------------*/
.about-page-banner-area {
  padding: 120px 0;
  background: url(img/add.png) no-repeat;
  background-position: top center;
  color: #ffffff;
  text-align: center;
}
.about-page-banner-area h2 {
  font-weight: 900;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 48px;
}
.about-page-banner-area h2 span {
  color: #dc3522;
}
.about-page-banner-area p {
  letter-spacing: 10px;
  font-size: 14px;
}
.about-page-banner-area .read-more {
  display: inline-block;
  text-align: center;
}
.about-page-banner-area .read-more a {
  background: #dc3522;
  color: #dc3522;
  padding: 15px 40px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 16px;
  margin: 20px auto;
  color: #ffffff;
}
.about-page-banner-area .read-more a:hover {
  background: #96180a;
}
/* ------------------------------------
17.Menu Page Breakfast Start Here 
---------------------------------------*/
.menu-page-breakfast-area .homepage-menu-area .section-area p {
  padding: 0;
}
.menu-page-breakfast-area .homepage-menu-area .total-menu-area .menu-details ul.single-dish-list li .single-dish span {
  left: 17% !important;
  top: 2px !important;
}
/*------------------------------------
18.Menu Page Lunch Start Here 
---------------------------------------*/
.menu-page-lunch-area .homepage-menu-area.lunch-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.menu-page-lunch-area .homepage-menu-area.lunch-area .section-area p {
  padding: 0;
}
.menu-page-lunch-area .homepage-menu-area.lunch-area .total-menu-area .menu-details ul.single-dish-list li .single-dish span {
  left: 17% !important;
  top: 2px !important;
}
.menu-page-lunch-area .homepage-menu-area.lunch-area .total-menu-area .menu-details ul.single-dish-list li .single-dish a.pull-left {
  background: #f4f1ea !important;
}
/* ------------------------------------
19.Reservation Page Our Location Area Start Here 
---------------------------------------*/
.reservation-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.reservation-area .total-reservation {
  padding: 50px 0 0;
  text-align: center;
}
.reservation-area .total-reservation .single-reservation {
  border-right: 1px solid #dc3522;
}
.reservation-area .total-reservation .single-reservation.last-child {
  border-right: none !important;
}
.reservation-area .total-reservation .single-reservation h3 {
  font-weight: normal;
  font-size: 24px;
  color: #dc3522;
}
/* ------------------------------------
20.Blog Page Start Here 
---------------------------------------*/
.blog-page-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.blog-page-area .all-blog-content-area {
  overflow: hidden;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image:hover i {
  opacity: 1;
  color: #111111;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image:hover:after {
  opacity: 1;
  transform: scale(1);
}
.blog-page-area .all-blog-content-area .single-blog .blog-image a {
  display: block;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image a img {
  width: 100%;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image a i {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  bottom: 0;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: auto;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 25%;
  transform: translateY(-100%);
  width: 40px;
  z-index: 99;
}
.blog-page-area .all-blog-content-area .single-blog .blog-image:after {
  position: absolute;
  content: "";
  background: rgba(220, 53, 34, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scale(0);
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area {
  padding: 20px;
  background: #f4f1ea;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area h3 {
  margin-bottom: 15px;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area h3 a {
  font-size: 22px;
  color: #111111;
  transition: all 0.5s ease 0s;
  font-weight: 600;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area h3 a:hover {
  color: #dc3522;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area .informations {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area .informations ul li {
  display: inline-block;
  margin-right: 30px;
}
.blog-page-area .all-blog-content-area .single-blog .blog-content-area .informations ul li i {
  color: #dc3522;
  margin-right: 15px;
}
.pagination-area {
  padding-top: 50px;
}
.pagination-area ul {
  text-align: left;
}
.pagination-area ul li {
  display: inline-block;
}
.pagination-area ul li.active a {
  background: #dc3522;
  color: #ffffff;
  text-align:center;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #BFBFBF;
  color: #ffffff;
  font-size: 18px;
  text-decoration: uppercase;
  transition: all 0.5s ease 0s;
  text-align:center;
  background:#BFBFBF;
}
.pagination-area ul li a:hover {
  background: #dc3522;
  color: #ffffff;
}
/*-------------------------------------
20.1 Page Sidebar area Start Here 
---------------------------------------*/
.page-sidebar-area .single-sidebar h3 {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Raleway', sans-serif;
  transition: all 0.5s ease 0s;
  position: relative;
  text-transform: uppercase;
}
.page-sidebar-area .single-sidebar h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 40px;
  display: block;
  background: #dc3522;
  width: 50px;
  height: 3px;
}
.page-sidebar-area .single-sidebar #custom-search-input {
  margin: 45px 0 0;
  padding: 0;
}
.page-sidebar-area .single-sidebar #custom-search-input .search-query {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 3px;
  height: 45px;
}
.page-sidebar-area .single-sidebar .serach-box {
  position: relative;
}
.page-sidebar-area .single-sidebar .serach-box button {
  font-size: 20px;
  height: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  z-index: 99;
  background: transparent;
  padding: 70px 15px;
}
.page-sidebar-area .single-sidebar .serach-box button i {
  font-size: 18px;
  color: #ffffff;
  padding: 5px;
}
.page-sidebar-area .single-sidebar ul li {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 5px;
}
.page-sidebar-area .single-sidebar ul li:last-child {
  border: none;
}
.page-sidebar-area .single-sidebar ul li a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 10px 0;
  transition: all 0.5s ease 0s;
}
.page-sidebar-area .single-sidebar ul li a:hover {
  color: #dc3522;
}
.page-sidebar-area .single-sidebar ul li a span {
  float: right;
}
/*-------------------------------------
21.Single News page start here  
---------------------------------------*/
.single-news-page .main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
  padding-left: 0px;
  padding-top: 20px;
}
.single-news-page .news-body > h3 {
  font-size: 22px;
  color: #000000 !important;
  font-weight: bold;
  margin-bottom: 5px;
}
.single-news-page .single-news-area > a > img {
  margin-bottom: 35px;
}
.single-news-page .single-news-area > a > img:hover {
  opacity: .9;
}
.single-news-page .news-body .informations {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.single-news-page .news-body .informations ul li {
  display: inline-block;
  margin-right: 30px;
}
.single-news-page .news-body .informations ul li i {
  color: #dc3522;
  margin-right: 15px;
}
.single-news-page .news-page-tag-section-area {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin: 60px 0 20px;
  padding: 20px 0;
}
.single-news-page .news-page-tag-section-area h4 {
  color: #000000;
  margin-bottom: 0;
}
.single-news-page .news-page-tag-section-area ul li {
  display: inline-block;
}
.single-news-page .news-page-tag-section-area ul li a {
  display: block;
  padding: 2px;
  color: #646464;
}
.single-news-page .comments-area {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
}
.single-news-page .comments-area h4 {
  color: #000000;
  margin-bottom: 0;
}
.single-news-page .comments-area .main-comments a {
  padding-right: 30px;
}
.single-news-page .comments-area .main-comments .comments-body p {
  margin-bottom: 10px;
}
.single-news-page .comments-area .main-comments .comments-body .replay-area a i {
  color: #dc3522;
  margin-right: 10px;
}
.single-news-page .leave-comments-area {
  padding-top: 30px;
}
.single-news-page .leave-comments-area h4 {
  color: #000000;
  margin-bottom: 0;
}
.single-news-page .leave-comments-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.single-news-page .leave-comments-area fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 45px;
  margin-right: 20px;
}
.single-news-page .leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.single-news-page .leave-comments-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.single-news-page .leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.single-news-page .leave-comments-area fieldset .btn-send {
  background: #dc3522;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.single-news-page .leave-comments-area fieldset .btn-send:hover {
  background: #96180a;
}
/*-------------------------------------
22 Contact Form Page start Here 
---------------------------------------*/
.main-conatct-form-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.main-conatct-form-area .main-contact-form fieldset {
  margin-top: 20px;
}
.main-conatct-form-area .main-contact-form fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
}
.main-conatct-form-area .main-contact-form fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.main-conatct-form-area .main-contact-form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send {
  background: #dc3522;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send:hover {
  background: #96180a;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar {
  margin-top: 20px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul {
  padding-top: 20px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li {
  display: inline-block;
  padding: 10px 0;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li i {
  color: #dc3522;
  margin-right: 10px;
}
/*-------------------------------------
23.404 Page Area Start Here 
---------------------------------------*/
.error-page-area {
  padding: 100px 0;
  text-align: center;
}
.error-page-area .error-page {
  background: #dc3522;
  background-position: center center;
  background-size: cover;
  padding: 100PX;
}
.error-page-area .error-page h1 {
  font-size: 300px;
  color: #ffffff;
  line-height: 300px;
}
.error-page-area .error-page p {
  font-size: 30px;
  color: #ffffff;
}
.error-page-area .error-page-message {
  margin-top: 60px;
}
.error-page-area .error-page-message p {
  font-size: 18px;
  color: #000000;
}
.error-page-area .error-page-message .home-page a {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  background: #dc3522;
  padding: 15px 35px;
  transition: all 0.5s ease 0s;
}
.error-page-area .error-page-message .home-page a:hover {
  background: #96180a;
  color: #ffffff;
}
/* ------------------------------------
24.Our Chefs Page Start Here 
---------------------------------------*/
.chefs-page-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.chefs-page-area .total-team-area .single-team {
  position: relative;
  padding-top: 175px;
  text-align: center;
  margin: 15px;
}
.chefs-page-area .total-team-area .single-team .image-round {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  border: 2px solid #dddddd;
}
.chefs-page-area .total-team-area .single-team .image-round .team-image {
  width: 325px;
  height: 325px;
  background: #f4f1ea;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  border: 7px solid #ffffff;
  transition: all 0.5s ease 0s;
}
.chefs-page-area .total-team-area .single-team .image-round .team-image:hover {
  background: #dc3522;
  border: 2px solid #96180a;
}
.chefs-page-area .total-team-area .single-team .image-round .team-image a {
  text-align: center;
}
.chefs-page-area .total-team-area .single-team .image-round .team-image a img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -75px;
  margin: auto;
}
.chefs-page-area .total-team-area .single-team .team-content {
  margin-top: 45px;
}
.chefs-page-area .total-team-area .single-team .team-content h3 {
  margin-bottom: 5px;
}
.chefs-page-area .total-team-area .single-team .team-content h3 a {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 24px;
  TRANSITION: all 0.5s ease 0s;
}
.chefs-page-area .total-team-area .single-team .team-content h3 a:hover {
  color: #dc3522;
}
/* ------------------------------------
25.Single Chefs Page Start Here 
---------------------------------------*/
.single-team-page-area {
  background: rgba(0, 0, 0, 0) url("img/team/bg.png") no-repeat scroll center top;
  padding: 100px 0;
}
.single-team-page-area .team-image {
  position: relative;
  overflow: hidden;
}
.single-team-page-area .team-image:hover:before {
  right: 0;
  top: 0;
}
.single-team-page-area .team-image:hover:after {
  left: 0;
  bottom: 0;
}
.single-team-page-area .team-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.single-team-page-area .team-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.5s ease 0s;
}
.single-team-page-area .team-image a {
  display: block;
}
.single-team-page-area .team-image a img {
  width: 100%;
}
.single-team-page-area .single-team-content-area h2 {
  color: #002222;
  display: block;
  font-size: 30px;
  position: relative;
  text-decoration: none;
  margin-bottom: 5px;
}
.single-team-page-area .single-team-content-area h2:after {
  background: #dc3522;
  bottom: -45px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 70px;
}
.single-team-page-area .single-team-content-area p.designation {
  margin-bottom: 50px;
}
.single-team-page-area .single-team-content-area .social-media {
  margin-top: 30px;
}
.single-team-page-area .single-team-content-area .social-media ul li {
  display: inline-block;
  border: 1px solid #dc3522;
  width: 45px;
  height: 44px;
  margin: 5px;
}
.single-team-page-area .single-team-content-area .social-media ul li:hover {
  border: 1px solid #dc3522;
}
.single-team-page-area .single-team-content-area .social-media ul li:hover a {
  background: #dc3522;
  color: #ffffff;
}
.single-team-page-area .single-team-content-area .social-media ul li a {
  color: #dc3522;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  display: block;
  font-size: 20px;
  padding: 10px;
  text-align: center;
}