/*=============================================================
    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: "Lora",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: 'Lobster Two', cursive;
  color: #333;
  font-weight: 400;
}
a {
font-family: 'Lobster Two', cursive;
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: #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-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: #FF9800 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: #FF9800 none repeat scroll 0 0;
border-radius: 100%;
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;
}

.hero_img img {
    width: 30vh;
}
/*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: #FF9800;
  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: 100px;
margin-top: 10px;
background: #fff;
border-radius: 100%;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.18);
}
@media only screen and (max-width:480px) { 
.navbar-brand img{    margin: 8px 15px;
    width: 65px; }
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #000 }
.menu-top{margin-top: -160px;}
.menu-top li a {
color: #f8f8f8!important;
font-size: 20px;
text-transform: capitalize;
}
.menu-top li a:hover { color: #FF9800!important }
/*MOBILE 480PX DEVICE*/
@media only screen and (max-width:480px) { 
.navbar-default .navbar-nav > li > a { color: #fff  !important }
}
.navbar-default.menu-shrink {
    width: 100%;
    margin-top: 0px;
    box-shadow: -21.213px 21.213px 30px 0 rgba(158,158,158,.3);
    background-color: #fff;
    padding: 0px;
    border-bottom: 1px solid #dedede;
}
.navbar-default.menu-shrink li a{padding:25px 15px;    color: #3a3a3a !important;}
.navbar-default.menu-shrink li a:hover {background:#FF9800; 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: #FF9800 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 750px }
.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.4);
    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/contact-bg.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;
}
.slide-4 {
    background: url(../img/bg/slide4.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-size: 60px;
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: #fff;
font-size: 18px;
margin: auto auto 30px;
text-transform: uppercase;
width: 70%;
}
@media only screen and (max-width:768px) { 
    button.navbar-toggle {
        border: 0;
    }
    
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: initial;
    }
    .single-slide-item p { width: 100% }
}
.carousel-indicators-slider { bottom: 30px !important }
.btn-home-bg {
    background: #FF9800 none repeat scroll 0 0;
    border: 2px solid #FF9800;
    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_us {
  background: #eef1f2 none repeat scroll 0 0;
}
.about_content {
background: #fff none repeat scroll 0 0;
padding: 55px 50px;
text-align: center;
}
@media only screen and (max-width:768px) { 
.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: #FF9800 none repeat scroll 0 0;
border: 2px solid #FF9800;
border-radius: 100px;
color: #fff;
font-family: lobster two,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: #FF9800 none repeat scroll 0 0;
border: 2px solid #FF9800;
color: #fff;	
}
.counter p {
font-family: lobster two,sans-serif;
font-size: 24px;
margin-top: 20px;
text-transform: capitalize;
transition: all 0.3s ease 0s;;
}

/*
* ----------------------------------------------------------------------------------------
* 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: 28px 50px 60px 50px;
text-align: center;
}

.story-slide img {
    width: 100%;
}
@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: #FF9800;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service h4 {
font-size: 24px;
margin: 0;
padding-bottom: 20px;
text-transform: capitalize;
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
* ----------------------------------------------------------------------------------------
*/

a.ram {
    color: #df0;
}

#menu-tab {
    margin-bottom: 60px;
    text-align: center;
}
#menu-tab li {
    display: inline-block;
    float: inherit;
}
.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: #FF9800!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: #FF9800!important;
	color: #fff!important;
	border: 1px solid #FF9800!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: #FF9800;
	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: #FF9800;}
.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: #FF9800 }
.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: 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: #FF9800 none repeat scroll 0 0;
	border: 1px solid #FF9800;
	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: #FF9800;
}
.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: #FF9800 ;
    -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:80px;}
.reservation i {
padding-left: 15px;
padding-top: 15px;
position: absolute;
}
.reservation input {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #fafafa;
border-radius: 30px;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px 10px 10px 35px;
}
.reservation textarea {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #fafafa;
border-radius: 30px;
box-shadow: none;
color: #333;
padding: 10px 10px 10px 35px;
}
.reservation input:focus {
    border: 1px solid #FF9800 ;
    box-shadow: none;
    outline: 0 none;
}
.reservation textarea:focus {
    border: 1px solid #FF9800 ;
    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: #FF9800;
border: 1px solid #FF9800;
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 {
    margin-top: 30px;
    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: #FF9800 }
.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 none 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 #FF9800;
    box-shadow: none;
    outline: 0 none;
}
.contact_form textarea:hover,
.contact_form textarea:focus {
    border: 1px solid #FF9800;
    box-shadow: none;
    outline: 0 none;
}
.map { height: 400px }
@media only screen and (max-width:768px) { 
.map {margin-bottom:30px; }
}
.single-address {
margin-bottom: 40px;
}
.address-mbnone {
margin-bottom:0px;
}
.single-address i {
background: #FF9800 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{    color: #3e3e3e;}
.single_footer .contact_address li span {
    color: #fff;
}
.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: #FF9800;
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 #FF9800;
}
.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: #FF9800 none repeat scroll 0 0;
border: 1px solid #FF9800;
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: #FF9800 }
.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;}
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/