/*
Author       : Design_my_life.
Template Name: Radhuni - Restaurant & CofFe HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNT DOWN DESIGN
    06. START STORY DESIGN
    07. START SERVICE DESIGN
    08. START MENU DESIGN
    09. START PORTFOLIO DESIGN
    10. START OUR TEAM DESIGN
    11. START RESERVATION DESIGN
    12. START TESTIMONIAL DESIGN
    13. START BLOG DESIGN
    14. START CONTACT FORM DESING
    15. START FOOTER TOP DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #000;
font-family: "Calibri", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px;
  font-family: "Calibri", sans-serif;
  color: #333;
  font-weight: 300;
}
 #footer-cookie,
    #footer-cookie * {
      box-sizing: border-box;
	  z-index: 999999;
    }

@media only screen and (max-width:940px) { 
  #footer-cookie {font-size:11px;height: 80px;}
}

    #footer-cookie {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 50px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 40px;
      background: #171b1e;
      color: #fff;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a  {width: 20%;
      border: 1px solid #fff;
      padding: 5px 5px;
      text-decoration: none;
    }

     #footer-cookie #accept a:hover{ border: 1px solid #171717;}
   

      #footer-cookie #description {
        width: 80%;
      }

      #footer-cookie #accept {
       
        margin-top: 5px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }

.form-control.btn.btn-primary.btn-block {
background-color:#ed1c24;border:1px solid #ed1c24;}



.form-control.btn.btn-primary.btn-block a:hover{
color:#333;border:1px solid #ed1c24;}

a {
font-family: "Calibri", sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #ed1c24;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #222;
    border-right: 8px solid #222;
    border-bottom: 8px solid #222;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}




@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding1 { padding: 150px 0 }
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title  h2 {
color:#fff;	
font-size: 70px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 0;
text-transform: capitalize;
position:relative;
}
@media only screen and (max-width:480px) { 
.section-title  h2  {font-size:40px;}
}
.section-title span {
background: #ed1c24 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
position:relative;
}
.section-title-white{color:#fff;position:relative;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #ed1c24 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 10px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #ed1c24;
  color: #fff!important;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
transition: all 0.3s ease 0s;
width: 150px;
margin-top: 8px;
}
@media only screen and (max-width:480px) { 
.navbar-brand img{margin-top: 8px; }
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #000 }
.menu-top{margin-top:-90px;}
.menu-top li a {
color: #f8f8f8!important;
font-size: 18px;
text-transform: capitalize;
}
.menu-top li a:hover { color: #ed1c24!important }
/*MOBILE 480PX DEVICE*/
@media only screen and (max-width:480px) { 
.navbar-default .navbar-nav > li > a { color: #fff  !important }
}
.navbar-default.menu-shrink { 
background:#222;
width: 100%;
margin-top:0px;
padding:0px;
}
.navbar-default.menu-shrink li a{padding:25px 15px;}
.navbar-default.menu-shrink li a:hover {background:#ed1c24; color: #fff !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #ed1c24 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 800px}
.welcome-slider-area1 div { height:250px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    position: absolute;
    background: rgba(255,255,255,0.0);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.hero_img{}
.hero_img img{
display: inline;
margin-bottom: 20px;	
}
.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
 .carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
} 
.single-slide-item h2 {
color: #222;
font-size: 40px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 0;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.single-slide-item h2 {font-size:40px;}
}
.single-slide-item p {
color: #333;
font-size: 18px;
margin: auto auto 30px;
text-transform: uppercase;
width: 70%;
}
@media only screen and (max-width:768px) { 
    .single-slide-item p { width: 100% }
}
.carousel-indicators-slider { bottom: 30px !important }
.btn-home-bg {
    background: #ed1c24 none repeat scroll 0 0;
    border: 2px solid #ed1c24;
    border-radius: 0;
    color: #fff;
    font-family: "Calibri",sans-serif;
    font-size: 12px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us {
  background: #FFF none repeat scroll 0 0;
}

.about_content3 {
	
background: #fff none repeat scroll 0 0;
padding: 55px 50px;

}

.about_content {
	border-right:3px solid #d51717;
background: #fff none repeat scroll 0 0;
padding: 55px 50px;

}@media only screen and (max-width:768px) { 
.about-slide img{width:50%;}
}
@media only screen and (max-width:1080px) { 
.about-slide img{width:100%;}
}
@media only screen and (max-width:768px) { 
.about_content{margin-top: 30px;}
}
.about_content h1{
font-weight: 600;
letter-spacing: 1px;
line-height: 48px;
margin-bottom: 15px;
}
.about_content  p {margin-bottom: 20px;}
.btn-light-bg {
background: #ed1c24 none repeat scroll 0 0;
border: 2px solid #ed1c24;
border-radius: 100px;
color: #fff;
font-family:"Calibri" ,sans-serif;
font-size: 20px;
padding: 10px 40px;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
	outline:none;
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter {}
@media only screen and (max-width:768px) { 
    .counter { margin-bottom: 20px }
}
.counter h1 {
margin-top: 0;
transition: all 0.3s ease 0s;
width: 100px;
height: 100px;
margin: auto;
border: 2px solid #eee;
line-height: 100px;
border-radius: 500px;
}

@media only screen and (max-width:320px) { 
.counter h1 { font-size: 30px }
}
.counter:hover h1{	
background: #ed1c24 none repeat scroll 0 0;
border: 2px solid #ed1c24;
color: #fff;	
}
.counter p {
font-family: "Calibri",sans-serif;
font-size: 24px;
margin-top: 20px;
text-transform: capitalize;
transition: all 0.3s ease 0s;;
}

.form-check-label a:hover{
color:#000;
text-decoration:underline;
	
	
}

.aboutlink a:hover{
color:#000;
text-decoration:underline;
	
	
}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START STORY DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_story {
  background: #eef1f2 none repeat scroll 0 0;
}
.story_content {
background: #fff none repeat scroll 0 0;
padding: 60px 50px;
text-align: center;
}
@media only screen and (max-width:768px) { 
.story_content{margin-bottom: 30px;padding-top:50px;}
}
.story_content h1{
font-weight: 600;
letter-spacing: 1px;
line-height: 48px;
margin-bottom: 15px;
text-transform: capitalize;
}
.story-slide iframe{
border: none;
width: 100%;
height: 363px;	
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 06.END STORY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service-bg{
position: relative;
padding:100px 0;
}
.service-bg:before {
background: rgba(0, 0, 0, 0.4);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.our_service {
  background: #eef1f2 none repeat scroll 0 0;
  padding-top:60px;
  padding-bottom:30px;
}
.single_service {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
	margin-bottom:30px;
}
.single_service:hover {
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.single_service i {
    font-size: 40px;
    padding-bottom: 20px;
    color: #ed1c24;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service h4 {
font-size: 18px;
margin-top:20px;
padding-bottom: 20px;
text-transform: none;
transition: all 0.2s ease 0s;
}
.single_service p {
font-style: italic;
margin-bottom: 0;
transition: all 0.2s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START MENU DESIGN
* ----------------------------------------------------------------------------------------
*/

#menu-tab {}

#menu-tab {
	margin-bottom: 60px;
}

.nav-tabs {
	border: none;
	width:56%;
	margin: 0 auto;
}
@media only screen and (max-width:768px) { 
.nav-tabs {width:90%;}
}
.nav-tabs > li.active > a{
	background: #ed1c24!important;
	color: #fff!important;
}
.nav-tabs > li > a{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #eee #eee #ddd;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: #333;
font-size: 22px;
margin-right: 10px;
padding: 10px 26px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.nav-tabs > li > a{margin-bottom:10px;}
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover{
	background: #ed1c24!important;
	color: #fff!important;
	border: 1px solid #ed1c24!important;	
}
.menu-item {
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.menu-item img {
	float: left;
	margin-right: 15px;
	width: 40%;
	background: #fff;
}

.menu-inner {
	padding-top: 30px;
}

.menu-inner h4 {
display: block;
font-size: 24px;
line-height: 32px;
padding-bottom: 0px;
text-transform: capitalize;
}

.menu-inner h4 span {
	margin-left: 20px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 35px;
	color: #ed1c24;
	font-size: 30px;
	float: right;
}

/*
* ----------------------------------------------------------------------------------------
* 08.END MENU DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio {padding-top:60px;padding-bottom:30px;}
.portfolio-filters { margin-bottom: 40px }
.portfolio-filters li.active {color: #ed1c24;}
.portfolio-filters li:hover.active {color: #fff; }
.portfolio-filters li {
color: #333;
cursor: pointer;
display: inline-block;
font-family: "Calibri",sans-serif;
font-size: 14px;
margin-right: 5px;
padding: 0 20px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .portfolio-filters li { margin-bottom: 10px }
}
.portfolio-filters li:hover { color: #ed1c24 }
.single_project {
  padding-bottom: 40px;
}
.work_all_item .mix {
  display: none;
}
.single_our_work{
	margin-bottom:30px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.single_our_work figure{
	margin-bottom: 0;	
}



.zigzag_bg_2::after {
  background-image: url(../img/zigzag.svg);
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 20px;
  background-size: cover;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-repeat: no-repeat;
  z-index: 1;
}













.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.6);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
color: #fff;
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;
text-transform: capitalize;
}

.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #ed1c24 none repeat scroll 0 0;
	border: 1px solid #ed1c24;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #ed1c24;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	-webkit-animation: slideInDown 800ms ease-in-out;
	        animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #03a9f4;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.tema-member {
padding:5px;
border-radius: 3px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail {
position: relative;
border: 1px solid #eee;
}
@media only screen and (max-width:768px) { 
.team-thumbnail img{width:100%;}
}
.team-thumbnail img {
  width: 100%;
}
.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: #ed1c24 ;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.info {padding: 30px 10px 10px 10px; }
.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
border-radius: 30px;
color: #fff;
font-size: 20px;
height: 48px;
line-height: 48px;
transition: all 0.4s ease 0s;
width: 48px;
}
.tema-member .team-thumbnail .social-media a i:hover { color: #fff }
.tema-member .team-thumbnail .social-media a.facebook i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin i { background: #0077B5 }
.tema-member .info h4 {
font-size: 22px;
margin: 0;
padding-bottom: 10px;
text-transform: capitalize;
color:#fff;
}
.tema-member .info h5 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.tema-member .info p {
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
}
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 0.9;
    filter: alpha(opacity=100);
}
/*
* ----------------------------------------------------------------------------------------
* 10.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/
.reservation {padding-top:0px;}
.reservation i {
padding-left: 15px;
padding-top: 15px;
position: absolute;
}
.reservation input {
background: #ddd none repeat scroll 0 0;
border: 1px solid #ddd
border-radius: 30px;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px 10px 10px 35px;
}
.reservation textarea {
background: #ddd none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 30px;
box-shadow: none;
color: #333;
padding: 10px 10px 10px 35px;
}
.reservation input:focus {
    border: 1px solid #ed1c24 ;
    box-shadow: none;
    outline: 0 none;
}
.reservation textarea:focus {
    border: 1px solid #ed1c24 ;
    box-shadow: none;
    outline: 0 none;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{background:#eef1f2;}
.testimonial-text {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
}

.testimonial-text i{
color: #ddd;
font-size: 60px;
margin-bottom: 20px;
}

.testimonial-text p {
font-size: 17px;
line-height: 26px;
margin-bottom: 20px;
font-style: italic;
}
.testimonial-text img{
border:4px solid #eee;
border-radius: 500px;
margin: auto;
width: 100px;}
.testimonial-text h4 {
font-size: 24px;
margin-bottom: 10px;
margin-top: 10px;
text-transform: capitalize;
}
.testimonial-text h5{
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: capitalize;
} 
.carousel-indicators li {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 30px;
height: 12px;
margin: 0 1px;
width: 12px;
}
.carousel-indicators .active {
background-color: #ed1c24;
border: 1px solid #ed1c24;
border-radius: 30px;
height: 12px;
margin: 0 1px;
width: 12px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
/*
* ----------------------------------------------------------------------------------------
* 12.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-blog {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.single-blog:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) }
@media only screen and (max-width:480px) { 
    .single-blog { margin-bottom: 40px }
}
.single-img {
    position: relative;
    width: 100%;
}
.post-date {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 5%;
}
.post-date  h4 {
    color: #333;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
}
.blog-social {
    background: #fff none repeat scroll 0 0;
    bottom: 5%;
    display: inline-block;
    padding: 20px;
    position: absolute;
    left: 0;
}
.blog-social h4 {
color: #333;
display: block;
font-size: 24px;
margin: 0;
padding-bottom: 15px;
text-transform: capitalize;
transition: all 0.4s ease 0s;
}
.single_blog_dsc { padding: 20px }
.single_blog_dsc h3 {
color: #333;
display: block;
font-size: 24px;
margin: 0;
padding-bottom: 15px;
text-transform: capitalize;
transition: all 0.4s ease 0s;
}
.single_blog_dsc h3 a:hover { color: #ed1c24 }
.single_blog_dsc p {
    margin-bottom: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT FORM DESING
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
.contact_form { padding: 60px 0}
}
.contact_form input {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius:30px;
    box-shadow: none;
    color: #333;
    height: 52px;
    padding: 10px 10px 10px 20px;
}
@media only screen and (max-width:768px) { 
    .contact_form input { width: 100% }
}
.contact_form textarea {
    background: #fafafa repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius:30px;
    box-shadow: none;
    color: #333;
    padding: 10px 10px 10px 20px;
}
@media only screen and (max-width:768px) { 
    .contact_form textarea { width: 100% }
}
.contact_form input:hover,
.contact_form input:focus {
    border: 1px solid #333;
    box-shadow: none;
    outline: 0 none;
}
.contact_form textarea:hover,
.contact_form textarea:focus {
    border: 1px solid #333;
    box-shadow: none;
    outline: 0 none;
}
.map { height: 400px }
@media only screen and (max-width:768px) { 
.map {margin-top:40px;margin-bottom:60px; }
}
.single-address {
margin-bottom: 40px;
}
.address-mbnone {
margin-bottom:0px;
}
.single-address i {
background: #ed1c24 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: center;
width: 60px;
}
.single-address h4 {
font-size: 20px;
text-transform: capitalize;
}
.single-address p {
margin-bottom: 0;
overflow: hidden;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_top{background: #171b1e none repeat scroll 0 0;}
@media only screen and (max-width:768px) { 
.single_footer{margin-bottom:40px;}
}
.single_footer h4{
color: #fff;
font-size: 24px;
letter-spacing: 1px;
margin-bottom: 30px;
text-transform: capitalize;
}
.single_footer p{
color: #aaa;
margin-bottom: 20px;
}

@media only screen and (max-width:480px) { 
.single_footer{margin-bottom: 30px;}
}
ul.contact_address {list-style: none;}
ul.contact_address li{
color: #aaa;
display: inline-block;
margin-bottom: 10px;
}
ul.contact_address li i{
color: #aaa;
float: left;
line-height: 30px;
margin-right: 20px;
}
.contact_address li span{}
.opening-times{}
ul.opening-times{list-style: none;}
ul.opening-times li{
color: #fff;
font-weight: 600;
line-height: 30px;
}
ul.opening-times li span{
float: right;
color: #aaa;
}
.closed{
background: #ed1c24;
color: #fff!important;
padding: 0 10px;
border-radius: 30px;
}

.signup input{
background: #121315 none repeat scroll 0 0;
border: 1px solid #121315;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff;
font-size: 14px !important;
height: 45px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.signup input:hover,.signup input:focus{
border: 1px solid #ed1c24;
}
.btn-newsletter-bg{
background: #121315 none repeat scroll 0 0;
border: 1px solid #121315;
color: #fff;
margin-top: 15px;
padding: 10px 30px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.btn-newsletter-bg:hover,.btn-newsletter-bg:focus{
background: #ed1c24 none repeat scroll 0 0;
border: 1px solid #ed1c24;
color: #fff;
}
.detail .col-md-4 {
  padding-left: 0;
  padding-right: 8px;
}
.detail a {
  float: left;
  margin: 0 0 8px;
}

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #171b1e none repeat scroll 0 0;
padding: 20px 0;
border-top: 1px solid #333;
}
.footer_logo{}
.footer_logo img {
  width: 200px;
}
.footer_social {}
@media only screen and (max-width:480px) { 
.pull-right {float: none !important;}
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width:480px) { 
.footer_social ul{text-align:center;}
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
.footer_social ul li a:hover { background:#fff;color: #ed1c24 }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_instagram{background:#444;}
.f_skype{background:#1a90d9;}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#fff;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/