/*
Author       : Syed Ekram.
Template Name: Radhuni - Restaurant & Cofe 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 SERVICE DESIGN
    07. START PORTFOLIO DESIGN
    08. START OUR TEAM DESIGN
    09. START RESERVATION DESIGN
    10. START TESTIMONIAL DESIGN
    11. START BLOG DESIGN
    12. START CONTACT FORM AND MAP
    13. START FOOTER TOP DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #000;
font-family: "candara",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: "Montserrat",sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: "Montserrat",sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    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:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
color: #333;
margin-top: 30px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
color: #3cb64a;
font-family: montserrat,sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 0;
text-transform: uppercase;
}
.section-title span {
background: #3cb64a none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
.section-title-white{color:#333;position:relative;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #3cb64a 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 {
    color: #3cb64a !important;
    background-color: transparent;
}
.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 {
    width: 150px;
	transition: all 0.3s ease 0s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #333 !important;
font-family: montserrat,serif;
font-size: 12px;
text-transform: uppercase;;
}
.menu-top li a:hover { color: #3cb64a!important }
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
.navbar-default.menu-shrink li a:hover { color: #3cb64a !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: #3cb64a }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 700px }
.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(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.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: #f8f8f8;
font-family: "AR berkley",cursive;
font-size: 60px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 0;
text-transform: capitalize;
}
.single-slide-item p {
    color: #fff;
    margin: auto auto 30px;
    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: #3cb64a none repeat scroll 0 0;
    border: 2px solid #3cb64a;
    border-radius: 0;
    color: #fff;
    font-family: montserrat,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_content {
  padding-top: 60px;
}
@media only screen and (max-width:768px) { 
.about_content{margin-bottom: 30px;padding-top:0px;}
}
.about_content h1{
font-weight: 600;
letter-spacing: 1px;
line-height: 48px;
margin-bottom: 15px;
}
.about_content  p {
  font-size: 17px;
  font-style: italic;
}
.mbtop{margin-top: 20px;}

/*ABOUT SLIDER*/
.about-slide iframe {
  width: 100%;
  height: 380px;
  border: none;
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 280px;}
}
@media only screen and (max-width:360px) { 
.about-slide iframe {height: 240px;}
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 200px;}
}
/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
    position: relative;
}
.counter_feature:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.counter {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
padding: 30px;
transition: all 0.3s ease 0s;
}
.counter:hover{background:#3cb64a;}
@media only screen and (max-width:768px) { 
    .counter { margin-bottom: 20px }
}
.counter h1 {
color: #fff;
font-weight: 700;
margin-top: 0;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:320px) { 
    .counter h1 { font-size: 30px }
}
.counter p {
color: #fff;
font-family: "AR berkley",cursive;
font-size: 40px;
font-weight: 700;
letter-spacing: 1px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.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;
}
.single_service_color{background:#f8f8f8;}
.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: #3cb64a;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service h4 {
    color: #333;
    margin: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service p {
font-style: italic;
margin-bottom: 0;
transition: all 0.2s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*========================================================
	SECTION MENU
=========================================================*/

#menu-tab {}

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

.nav-tabs {
	border: none;
	width: 60%;
	margin: 0 auto;
}

.nav-tabs > li > a,
.nav-tabs > li.active > 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: 14px;
margin-right: 10px;
padding: 10px 26px;
text-transform: uppercase;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background: #3cb64a;
	color: #fff;
	border: 1px solid #3cb64a;
	font-weight: 700;
}

.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-family: montserrat,sans-serif;
font-size: 18px;
line-height: 32px;
padding-bottom: 15px;
text-transform: uppercase;
}

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

/*
* ----------------------------------------------------------------------------------------
* 07.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio {padding-top:60px;padding-bottom:30px;}
.portfolio-filters { margin-bottom: 40px }
.portfolio-filters li.active {color: #3cb64a;}
.portfolio-filters li:hover.active {color: #fff; }
.portfolio-filters li {
color: #333;
cursor: pointer;
display: inline-block;
font-family: montserrat,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: #3cb64a }
.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;	
}
.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: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 20px;
	text-transform: uppercase;
}

.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #3cb64a none repeat scroll 0 0;
	border: 1px solid #3cb64a;
	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: #3cb64a;
}
.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;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_team{background:#f7f7f7;}
.tema-member {
  border: 1px solid #eee;
}
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail {
    position: relative;
}
@media only screen and (max-width:768px) { 
.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: #fff;
    -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 {
    font-size: 20px;
    color: #fff;
    width: 48px;
    margin: -2px;
    line-height: 48px;
    height: 48px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.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 {
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tema-member .info h5 {
    color: #333;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.tema-member .info p {
    color: #333;
    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);
}
/*
* ----------------------------------------------------------------------------------------
* 08.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {
background: #fff;
}
.contact i {
padding-left: 15px;
padding-top: 15px;
position: absolute;
}
.contact input {
background: #f6f6f6 none repeat scroll 0 0;
border: 1px solid #f6f6f6;
border-radius: 0;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px 10px 10px 35px;
}
.contact textarea {
background: #f6f6f6 none repeat scroll 0 0;
border: 1px solid #f6f6f6;
border-radius: 0;
box-shadow: none;
color: #333;
padding: 10px 10px 10px 35px;
}
.contact input:hover,
.contact input:focus {
    border: 1px solid #3cb64a ;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border: 1px solid #3cb64a ;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #3cb64a none repeat scroll 0 0 !important;
border: 2px solid #3cb64a !important;
color: #fff !important;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 30px !important;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #fff!important;
    border: 2px solid #3cb64a!important;
    color: #333!important;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.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-weight: 500;
margin-bottom: 10px;
margin-top: 10px;
text-transform: uppercase;
}
.testimonial-text h5{
color: #777;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: uppercase;
} 
.carousel-indicators li {
background: #3cb64a none repeat scroll 0 0;
border: 1px solid #3cb64a;
border-radius: 0;
height: 4px;
margin: 0 1px;
width: 20px;
}
.carousel-indicators .active {
  background-color: #3cb64a;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { display: none }

/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.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: uppercase;
}
.blog-social {
    background: #fff none repeat scroll 0 0;
    bottom: 5%;
    display: inline-block;
    padding: 20px;
    position: absolute;
    left: 0;
}
.blog-social h4 {
    border-bottom: 1px solid #e8e8e9;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.single_blog_dsc { padding: 20px }
.single_blog_dsc h3 {
    color: #333;
    display: block;
    font-size: 20px;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_blog_dsc h3 a:hover { color: #3cb64a }
.single_blog_dsc p {
    margin-bottom: 10px;
}
.single_blog_dsc a {
    color: #3cb64a;
    font-weight: 400;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    text-transform: uppercase;
    font-size: 14px;
}
.single_blog_dsc a:hover { padding-left: 10px }
.view_more { margin-top: 50px }
/*
* ----------------------------------------------------------------------------------------
* 11.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT FORM AND MAP
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
.contact_form { padding: 60px 0}
}
.contact_form input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    height: 52px;
    padding: 10px;
}
@media only screen and (max-width:768px) { 
    .contact_form input { width: 100% }
}
.contact_form textarea {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    padding: 10px;
}
@media only screen and (max-width:768px) { 
    .contact_form textarea { width: 100% }
}
.contact_form input:hover,
.contact_form input:focus {
    border: 1px solid #3cb64a;
    box-shadow: none;
    outline: 0 none;
}
.contact_form textarea:hover,
.contact_form textarea:focus {
    border: 1px solid #3cb64a;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
    background: #3cb64a none repeat scroll 0 0;
    border: 2px solid #3cb64a;
    border-radius: 0;
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
#map { height: 400px }
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT FORM AND MAP
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.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;
letter-spacing: 1px;
margin-bottom: 30px;
text-transform: uppercase;
}
.single_footer p{
color: #aaa;
margin-bottom: 20px;
font-style: italic;
}

@media only screen and (max-width:480px) { 
.single_footer{margin-bottom: 30px;}
}
ul.contact_address {list-style: none;}
ul.contact_address li{color: #aaa;}
ul.contact_address li i{
color: #aaa;
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: #3cb64a;
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 #3cb64a;
}
.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: #3cb64a none repeat scroll 0 0;
border: 1px solid #3cb64a;
color: #fff;
}
.detail .col-md-4 {
  padding-left: 0;
  padding-right: 8px;
}
.detail a {
  float: left;
  margin: 0 0 8px;
}

/*
* ----------------------------------------------------------------------------------------
* 13.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #171b1e none repeat scroll 0 0;
padding: 20px 0;
border-top: 1px solid #333;
}
.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: #3cb64a }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.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;}
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/