/* Radhuni Restaurant HTML5 Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Slider / Revolution slider
5. Main Header Style One / Style Two
6. About Us
7. Special Recipies
8. Our Services
9. Our Menu
10. Our Team
11. Testimonials
12. Make Reservation
13. Diah Of the Week
14. Main Footer
15. Blog Page
16. Bllog Detail Page
**********************************************/
@import url('animate.css');
@import url('flaticon.css');
@import url('font-awesome.css');
@import url('revolution-slider.css');
@import url('owl.css');
@import url('prettyPhoto.css');
@import url('datepicker.css');
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Bitter:700,400,400italic);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Sacramento);
@font-face {
font-family: 'Futura';
src: url('../fonts/futura/FuturaLT.ttf');
}
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Futura';
font-size: 14px;
color: #fff;
line-height: 1.6em;
font-weight: 500;
background: #1D1D1B;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
cursor: pointer;
}
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-family: 'Futura';
margin: 0px;
background: none;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
p {
font-size: 14px;
line-height: 1.6em;
}
.out {
opacity: 0;
}
.strike-through {
text-decoration: line-through;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}
ul,
li {
list-style: none;
}
::-webkit-input-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {} input:-moz-placeholder {} .center {
text-align: center;
}
.anim-3,
.anim-3-all * {
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.anim-5,
.anim-5-all * {
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.anim-7,
.anim-7-all * {
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.theme-btn {
position: relative;
display: inline-block;
color: #fff;
text-transform: uppercase;
background: transparent;
font-weight: 700;
font-size: 12px;
border: 1px solid #B9963B;
padding: 14px 66px 8px 28px;
line-height: 26px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
/*border-radius:22px;
-webkit-border-radius:22px;
-ms-border-radius:22px;
-o-border-radius:22px;
-moz-border-radius:22px;*/
}
.theme-btn .icon {
position: absolute;
right: 0px;
top: 0px;
display: block;
width: 50px;
font-size: 16px;
height: 100%;
padding: 10px 10px;
text-align: center;
color: #ffffff;
/*border-radius:0px 22px 22px 0px;
-webkit-border-radius:0px 22px 22px 0px;
-ms-border-radius:0px 22px 22px 0px;
-o-border-radius:0px 22px 22px 0px;
-moz-border-radius:0px 22px 22px 0px;*/
border-left: 1px solid transparent;
background-color: #B9963B;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.theme-btn:hover {
background-color: #B9963B;
color: #ffffff;
}
.theme-btn:hover .icon {
border-color: rgba(255, 255, 255, 0.30);
}
.full-btn {
position: relative;
display: inline-block;
line-height: 24px;
padding: 11px 42px;
background-color: #B9963B;
color: #ffffff !important;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
/*border-radius:23px;
-webkit-border-radius:23px;
-ms-border-radius:23px;
-o-border-radius:23px;
-moz-border-radius:23px;*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.full-btn:hover {
opacity: 0.90;
color: #ffffff !important;
}
.empty-btn {
position: relative;
display: inline-block;
line-height: 24px;
padding: 5px 30px;
border: 1px solid #B9963B;
color: #424242;
font-weight: 700;
font-family: 'Titillium Web', sans-serif;
font-size: 13px;
text-transform: uppercase;
border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.empty-btn:hover {
background-color: #B9963B;
color: #ffffff;
}
.raleway-font {
font-family: 'Raleway', sans-serif;
}
.titillium-font {
font-family: 'Titillium Web', sans-serif;
}
.lobster-font {
font-family: 'Lobster', cursive;
}
.bitter-font {
font-family: 'Futura';
}
.pacifico-font {
font-family: 'Futura';
}
.sacramento-font {
font-family: 'Sacramento', cursive;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: rgba(255, 255, 255, 1);
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.GIF);
}
.sec-title {
position: relative;
padding-bottom: 32px;
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom: 30px;
background-image: url(../images/icons/line-two.png);
}
.sec-title h1 {
font-size: 24px;
font-family: 'Futura';
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.sec-title h2 {
font-size: 40px;
font-family: 'Futura';
background: -webkit-linear-gradient(#B9963B,#fbdf93);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #B9963B;
margin-bottom: 15px;
text-transform: capitalize;
}
/***
====================================================================
Main Slider style
====================================================================
****/
.main-slider {
position: relative;
width: 100%;
background: #ffffff;
text-align: center;
color: #ffffff;
}
.main-slider h1 {
position: relative;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 50px;
font-size: 4em;
font-family: 'Futura';
line-height: 1em;
text-shadow: 1px 2px 20px #000;
background: url(../images/icons/slider-lines.png) center bottom no-repeat;
}
.main-slider .slide-text {
font-size: 2.5em;
font-family: 'Futura';
line-height: 1.5em;
text-transform: uppercase;
text-shadow: 1px 2px 20px #000;
}
.main-slider .full-btn {
padding-left: 50px;
padding-right: 50px;
}
/***
====================================================================
Main Header Style One
====================================================================
****/
.main-header {
position: fixed;
right: 0px;
top: 0px;
width: 100%;
z-index: 999;
}
.header-style-one .button-container {
position: relative;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
margin-top: 70px;
}
.header-style-one .button-container .menu-toggle {
position: relative;
float: right;
font-size: 17px;
color: #B9963B;
padding: 5px 7px;
border: 1px solid #B9963B;
background-color: rgba(0, 0, 0, 0.5)!important;
cursor: pointer;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
}
.header-style-one.scrolled .button-container .menu-toggle {} .header-style-one .collapse-btn {
position: absolute;
left: -50px;
top: 70px;
width: 30px;
height: 30px;
font-size: 36px;
padding: 0px;
color: #B9963B;
opacity: 1;
cursor: pointer;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-style-one .menu-box.appeared .collapse-btn {
opacity: 1;
}
.header-style-one .collapse-btn:hover {
opacity: 0.75 !important;
}
.header-style-one {
position: fixed;
}
.header-style-one .menu-box {
position: fixed;
right: -350px;
top: 0px;
padding: 50px 60px;
width: 300px;
background: rgba(0, 0, 0, 0.90);
min-height: 800px;
transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-webkit-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
}
.header-style-one .menu-box.appeared {
right: 0px;
}
.header-style-one .menu-box .logo {
position: relative;
text-align: center;
margin-bottom: 35px;
}
.header-style-one .menu-box .logo img {
position: relative;
display: inline-block;
max-width: 100%;
}
.header-style-one .menu {
position: relative;
}
.header-style-one .menu > ul {
position: relative;
display: block;
margin: 0px;
padding: 0px;
}
.header-style-one .menu > ul > li {
position: relative;
display: block;
padding: 5px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
font-size: 20px;
color: #B9963B;
}
.header-style-one .menu > ul > li > ul {
position: relative;
display: block;
margin: 0px;
padding: 0px;
display: none;
}
.header-style-one .menu > ul > li > ul > li {
position: relative;
display: block;
padding: 2px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.10);
font-size: 20px;
color: #ffffff;
}
.header-style-one .menu > ul > li > ul > li > a {
position: relative;
display: block;
padding: 5px 0px 5px 40px;
color: #B9963B;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.header-style-one .menu > ul > li > a {
position: relative;
display: block;
padding: 10px 0px 10px 0px;
color: #B9963B;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
line-height: 20px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.header-style-one .menu > ul > li > a:hover,
.header-style-one .menu > ul > li.current > a,
.header-style-one .menu > ul > li.current-menu-item > a,
.header-style-one .menu > ul > li > ul > li > a:hover,
.header-style-one .menu > ul > li > ul > li.current > a,
.header-style-one .menu > ul > li > ul > li.current-menu-item > a {
color: #B9963B;
}
.header-style-one .menu > ul > li a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 36px;
font-size: 20px;
padding: 10px 0px;
font-family: 'Flaticon';
font-style: normal;
margin-left: 0px;
line-height: 20px;
}
.header-style-one .menu > ul > li.about-us-link a:before {
content: "\e075";
}
.header-style-one .menu > ul > li.special-recipes-link a:before {
content: "\e045";
}
.header-style-one .menu > ul > li.our-menu-link a:before {
content: "\e089";
}
.header-style-one .menu > ul > li.team-link a:before {
content: "\e059";
}
.header-style-one .menu > ul > li.book-a-table-link a:before {
content: "\e067";
}
.header-style-one .menu > ul > li.dish-of-week-link a:before {
content: "\e0a2";
}
.header-style-one .menu > ul > li.testimonials-link a:before {
content: "\e05d";
}
.header-style-one .menu > ul > li.blog-link a:before {
content: "\e030";
}
.header-style-one .menu > ul > li.blog-link .toggle-icon {
position: absolute;
right: 0px;
top: 0px;
width: 25px;
height: 100%;
padding: 12px 5px;
text-align: right;
line-height: 20px;
cursor: pointer;
}
/***
====================================================================
Main Header Style Two
====================================================================
****/
.header-style-two {
position: fixed;
right: 0px;
top: 0px;
width: 100%;
z-index: 999;
background: #000;
}
.header-style-two .header-inner {
background: #000;
position: relative;
padding: 2px 0px;
background-color: 000;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.header-style-two.scrolled {
background-color: #000;
}
.header-style-two.scrolled:after {
content: '';
position: absolute;
left: 0px;
bottom: -15px;
width: 100%;
height: 15px;
/*background: url(../images/icons/divider-22.png) center top repeat-x;*/
}
.header-style-two.scrolled .logo {
top: 5px;
}
.header-style-two.scrolled .header-inner {
padding: 10px 0px 5px;
background: none;
}
.header-style-two .header-inner:after {
content: '';
position: absolute;
left: 0px;
bottom: -15px;
width: 100%;
height: 15px;
/*background: url(../images/icons/divider-22.png) center top repeat-x;*/
}
.header-style-two .logo {
position: relative;
left: 0px;
width: 100%;
height: 0px;
text-align: center;
}
.header-style-two .logo img {
position: relative;
display: inline-block;
max-width: 290px;
padding-left: 40px;
padding-right: 40px;
background-color: #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
#nav-menu {
position: relative;
width: 100%;
padding: 2px 70px 2px;
}
#nav-menu .left-nav {
position: relative;
float: left;
width: 32%;
}
#nav-menu .right-nav {
position: relative;
float: right;
width: 32%;
}
#nav-menu ul {
display: block;
margin: 0px;
padding: 0px;
}
#nav-menu ul li {
position: relative;
display: block;
float: left;
width: 33.3333%;
}
#nav-menu ul li ul {
position: absolute;
left: 0px;
top: 200%;
width: 150px;
padding: 0px;
border: 1px solid rgba(0, 0, 0, 0.20);
z-index: 100;
background: #ffffff;
visibility: hidden;
opacity: 0;
border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
#nav-menu ul li:hover > ul {
top: 100%;
opacity: 1;
visibility: visible;
}
#nav-menu ul li ul li {
position: relative;
float: none;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
#nav-menu ul li ul li:last-child {
border: none;
}
#nav-menu ul li ul li a {
position: relative;
display: block;
padding: 6px 15px;
font-weight: normal;
font-size: 13px;
}
#nav-menu ul li a {
position: relative;
display: block;
padding: 18px 0px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Futura';
color: #fff;
text-align: center;
}
#nav-menu ul li:hover > a,
#nav-menu ul li.current > a,
#nav-menu ul li.current-menu-item > a {
color: #B9963B;
}
/***
====================================================================
About Us Section
====================================================================
****/
.about-us {
position: relative;
padding: 100px 0px;
background: #1D1D1B;
}
.about-us .left-image {
padding: 0px 45px;
text-align: center;
}
.about-us .left-image img {
display: inline-block;
max-width: 100%;
}
.about-us .text-content {
padding: 70px 45px 30px;
}
.about-us .sec-title {
background-image: url(../images/icons/line-one.png);
}
.sec-text {
position: relative;
margin-bottom: 40px;
}
.about-us .left-image .rotate-image {
position: relative;
}
.about-us .left-image .rotate-image img {
position: relative;
display: inline-block;
left: 5%;
width: 90%;
height: auto;
padding: 10px;
background: rgba(252,234,187,1);
background: -moz-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(133,103,28,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(51%, rgba(133,103,28,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(133,103,28,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(133,103,28,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(133,103,28,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(135deg, rgba(252,234,187,1) 0%, rgba(133,103,28,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=1 );
z-index: 1;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
}
.about-us:hover .left-image .rotate-image img {
box-shadow: 0px 0px 5px 0px rgba(185, 150, 59,1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(185, 150, 59,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(185, 150, 59,1);
-ms-box-shadow: 0px 0px 5px 0px rgba(185, 150, 59,1);
-o-box-shadow: 0px 0px 5px 0px rgba(185, 150, 59,1);
}
.about-us .left-image .rotate-image img.two {
position: relative;
z-index: 3;
}
.about-us .left-image .rotate-image img.one {
position: absolute;
left: 6%;
top: 0px;
transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
}
.about-us:hover img.two {
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-moz-transform: rotate(2deg);
}
.about-us:hover .rotate-image img.one {
transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
}
/***
====================================================================
Special Recipes Section
====================================================================
****/
.special-recipes {
position: relative;
padding: 100px 0px;
background: #1D1D1B url(../images/icons/divider-1.png) center top repeat-x;
}
.special-recipes:before {
content: '';
position: absolute;
left: 0px;
top: 480px;
height: 1550px;
width: 100%;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../images/parallax/image-1.jpg);
}
.special-recipes.style-two:before {
height: 620px;
top: 510px;
background-image: url(../images/parallax/image-3.jpg);
}
.special-recipes .recipes-box {
position: relative;
margin: 50px 0px;
}
.special-recipes .recipes-box .recipe * {
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.special-recipes .recipes-box .recipe {
position: relative;
float: left;
width: 33.3333%;
background-color: #ffffff;
border-bottom: 1px solid #e1e1e1;
background: none;
}
.special-recipes.style-two .recipes-box {
margin-left: -2px;
margin-right: -2px;
}
.special-recipes.style-two .recipes-box .recipe {
border: 1px solid transparent;
}
.special-recipes .recipes-box .image {
position: relative;
display: block;
overflow: hidden;
}
.special-recipes .recipes-box .image img {
position: relative;
display: block;
width: 100%;
}
.special-recipes .recipe:hover .image img {
transform: scale(1.1, 1.1) rotate(5deg);
-webkit-transform: scale(1.1, 1.1) rotate(5deg);
-ms-transform: scale(1.1, 1.1) rotate(5deg);
-o-transform: scale(1.1, 1.1) rotate(5deg);
-moz-transform: scale(1.1, 1.1) rotate(5deg);
}
.special-recipes .recipes-box .image .overlay {
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0, 0, 0, 0);
}
.special-recipes .recipe:hover .overlay {
background: rgba(185, 150, 59, 0.60);
}
.special-recipes .recipes-box .image .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
width: 100%;
}
.special-recipes .recipes-box .image .link {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
color: #ffffff;
}
.special-recipes .recipes-box .image .link a {
position: relative;
display: block;
width: 100%;
color: #ffffff;
}
.special-recipes .recipes-box .image .link .icon {
position: relative;
display: inline-block;
vertical-align: middle;
opacity: 0;
font-size: 48px;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-moz-transform: scale(0, 0);
}
.special-recipes .recipe:hover .image .link .icon {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
.special-recipes .recipe .text-content {
position: relative;
padding: 38px 30px 32px;
text-align: center;
background-color: #ffffff;
background-position: 110% 110%;
background-repeat: no-repeat;
background-image: url(../images/icons/transparent-image-1.png);
}
.special-recipes .recipe:nth-child(3) .text-content {
background-position: 110% 110%;
background-image: url(../images/icons/transparent-image-2.png);
}
.special-recipes .recipe:nth-child(4) .text-content {
background-position: -10% 110%;
background-image: url(../images/icons/transparent-image-3.png);
}
.special-recipes .recipe:nth-child(4) .text-content {
background-image: url(../images/icons/transparent-image-4.png);
}
.special-recipes .recipe:nth-child(5) .text-content {
background-image: url(../images/icons/transparent-image-5.png);
}
.special-recipes .recipe .text-content .icon {
position: relative;
font-size: 42px;
}
.special-recipes.style-two .recipe .text-content .icon {
width: 60px;
height: 60px;
margin: 0 auto;
margin-top: -66px;
margin-bottom: 20px;
background-color: #ffffff;
font-size: 28px;
text-align: center;
line-height: 56px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30);
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30);
-ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30);
-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.30);
}
.special-recipes .recipe .text-content .rec-title {
position: relative;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
font-weight: 700;
padding: 15px 0px;
font-size: 15px;
margin: 0px;
color: #010101;
}
.special-recipes .recipe .text-content .rating {
position: relative;
color: #f7874f;
font-size: 15px;
margin-bottom: 10px;
}
.special-recipes .recipe .text-content .short-desc {
position: relative;
margin-bottom: 15px;
color: #606060;
font-size: 13px;
}
.special-recipes .recipe .text-content .price {
position: relative;
margin-bottom: 20px;
color: #B9963B;
font-size: 24px;
font-family: 'Lobster', cursive;
}
.special-recipes.style-two .recipe .text-content .price {
margin-bottom: 0px;
}
/***
====================================================================
Our Service Section
====================================================================
****/
.our-services {
position: relative;
padding: 100px 0px;
background: #1D1D1B url(../images/icons/divider-1.png) center top repeat-x;
}
.our-services .box-container {
position: relative;
margin-left: -20px;
margin-right: -20px;
text-align: center;
}
.our-services .box-container .box {
position: relative;
float: left;
padding: 0px 30px;
margin-bottom: 20px;
}
.our-services .box-container .box .image {
position: relative;
display: block;
}
.our-services .box-container .box .image img {
position: relative;
display: inline-block;
max-width: 100%;
}
.our-services .box-container .box:hover .image img {
transform: rotate(45deg) scale(1.1, 1.1);
-webkit-transform: rotate(45deg) scale(1.1, 1.1);
-ms-transform: rotate(45deg) scale(1.1, 1.1);
-o-transform: rotate(45deg) scale(1.1, 1.1);
-moz-transform: rotate(45deg) scale(1.1, 1.1);
opacity: 0.40;
}
.our-services .box-container .box .image .zoom {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
background: url(../images/icons/icon-image.png) center center no-repeat;
background-size: 36px 36px;
}
.our-services .box-container .box:hover .image .zoom {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
opacity: 1;
}
.our-services .box-container .text-content {
position: relative;
padding: 40px 0px;
margin: 40px 0px 20px;
}
.our-services .box-container .text-content:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 20px;
background: url(../images/icons/divider-1.png) center top repeat-x;
}
.our-services .box-container .text-content:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 20px;
background: url(../images/icons/divider-1.png) center bottom repeat-x;
}
.our-services .box-container .text {
position: relative;
color: #fff;
}
.our-services .box-container h3 {
position: relative;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #fff;
font-family: 'Raleway', sans-serif;
margin-bottom: 20px;
}
.our-services .box-container h3 .icon {
position: relative;
color: #B9963B;
font-size: 20px;
}
.our-services .box-container .read-more {
position: relative;
left: 0px;
color: #B9963B;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.our-services .box-container .read-more .fa {
position: relative;
left: 0px;
font-size: 16px;
padding-left: 5px;
}
.our-services .box-container .read-more:hover .fa {
left: 5px;
}
/***
====================================================================
Our Menu Section
====================================================================
****/
.our-menu {
position: relative;
padding: 100px 0px;
background: #e4a555;
}
.our-menu:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 15px;
background: url(../images/icons/divider-23.png) center top repeat-x;
}
.our-menu .image-right-top {
content: '';
position: absolute;
right: -300px;
top: 50px;
display: none;
}
.our-menu .image-left-bottom {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
display: none;
}
.our-menu .col-container {
position: relative;
}
.our-menu .col-container .col {
padding: 0px 20px;
}
.our-menu .col-container .col:nth-child(2) {
border-left: 1px solid;
border-right: 1px solid;
}
.our-menu .col .menu-block {
position: relative;
padding: 0px 20px 5px;
margin-bottom: 30px;
}
.our-menu .col .menu-block:last-child {
border: none;
}
.our-menu .col .menu-block:first-child {
margin-top: -70px;
}
.our-menu .col .menu-block .title-icon {
position: relative;
margin-bottom: 20px;
}
.our-menu .col .menu-block .title-icon .icon {
position: relative;
display: inline-block;
width: 48px;
height: 48px;
line-height: 30px;
padding: 4px;
font-size: 20px;
color: #ffffff;
background: #B9963B;
border: 5px solid #ffffff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-o-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
}
.our-menu .col .menu-block .title {
position: relative;
margin-bottom: 30px;
}
.our-menu .col .menu-block .title h3 {
color: #000;
text-transform: uppercase;
font-family: "Futura";
font-size: 20px;
font-weight: 900;
}
.our-menu .col .menu-block h4 {
font-size: 14px;
color: #010101;
font-weight: 700;
font-family: "Raleway", sans-serif;
margin-bottom: 20px;
}
.our-menu .col .menu-block p {
margin-bottom: 20px;
color: #000;
}
.our-menu .col .menu-block h5 {
margin-bottom: 20px;
color: #000;
font-size: 14px;
margin-bottom: 30px;
font-family: 'Lobster', cursive;
}
.our-menu .theme-btn {
margin-top: 80px;
}
/***
====================================================================
Our Team Section
====================================================================
****/
.our-team {
position: relative;
padding: 100px 0px;
background: #1D1D1B url(../images/icons/divider-1.png) center bottom repeat-x;
}
.our-team .box-container {
position: relative;
margin-left: -20px;
margin-right: -20px;
text-align: center;
}
.our-team .box-container .member {
position: relative;
float: left;
padding: 10px 25px 15px;
margin-bottom: 20px;
border: 2px solid transparent;
border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
-webkit-border-radius: 1px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.our-team .box-container .member .image {
position: relative;
display: block;
overflow: hidden;
}
.our-team .box-container .member .image:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 8px;
background: url(../images/icons/divider-44.png) center bottom no-repeat;
}
.our-team .box-container .member:hover {
border-color: rgb(185, 157, 71);
box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-webkit-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-ms-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-moz-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-o-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
}
.our-team .box-container .member .image .icon {
position: absolute;
left: 0px;
bottom: -80px;
width: 100%;
height: 80px;
padding: 15px 0px;
line-height: 50px;
background: rgb(185, 157, 71);
color: #ffffff;
font-size: 50px;
border-radius: 1px 1px 0px 0px;
-webkit-border-radius: 1px 1px 0px 0px;
-ms-border-radius: 1px 1px 0px 0px;
-moz-border-radius: 1px 1px 0px 0px;
-o-border-radius: 1px 1px 0px 0px;
}
.our-team .box-container .member:hover .image .icon {
bottom: 0%;
}
.our-team .box-container .member .image .icon span {
position: relative;
display: inline-block;
}
.our-team .box-container .member .image img {
position: relative;
display: inline-block;
max-width: 100%;
}
.our-team .box-container .member .text-content {
position: relative;
padding: 40px 0px 20px;
margin-bottom: 20px;
background: url(../images/icons/line-three.png) center bottom no-repeat;
}
.our-team .box-container .member h3 {
position: relative;
text-transform: capitalize;
font-weight: 700;
font-size: 16px;
color: #fff;
font-family: 'Raleway', sans-serif;
margin-bottom: 10px;
}
.our-team .box-container .member h4 {
position: relative;
font-weight: 400;
font-style: italic;
font-size: 13px;
color: #606060;
}
.our-team .box-container .member .social-links {
position: relative;
}
.our-team .box-container .member .social-links a {
position: relative;
display: inline-block;
margin: 0px 5px;
font-size: 24px;
color: #606060;
}
.our-team .box-container .member .social-links a:hover {
color: #B9963B;
}
/***
====================================================================
Make Reservation Section
====================================================================
****/
.make-reservation {
position: relative;
padding: 100px 0px;
background: #1D1D1B;
}
.make-reservation .image-right-top {
position: absolute;
right: 0px;
top: -50%;
display: none;
}
.make-reservation h1 {
position: relative;
font-weight: 700;
color: #fff;
}
.make-reservation .top-right-image {
position: absolute;
right: 0px;
top: -250px;
}
.make-reservation .form {
position: relative;
border-left: 1px solid #e1e1e1;
padding-left: 30px;
}
.make-reservation .form-group {
position: relative;
padding: 0px 10px;
margin-bottom: 20px;
}
.make-reservation input[type="text"],
.make-reservation input[type="password"],
.make-reservation input[type="email"],
.make-reservation input[type="tel"],
.make-reservation select,
.make-reservation textarea {
position: relative;
display: block;
width: 100%;
line-height: 9px;
padding: 20px 29px;
border: 1px solid #B9963B;
background-color: transparent!important;
font-size: 13px;
color: #fff;
border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
font-family: 'Futura';
}
.make-reservation select option {
color: #000;
}
.make-reservation input[type="text"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.make-reservation input[type="text"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.make-reservation input[type="text"]:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.make-reservation input[type="text"]:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.make-reservation select {
cursor: pointer;
}
.make-reservation textarea {
height: 200px;
resize: none;
}
.make-reservation input.error {
border-color: #B9963B;
}
.make-reservation label.error {
display: none !important;
}
.make-reservation input[type="text"]:focus,
.make-reservation input[type="password"]:focus,
.make-reservation input[type="email"]:focus,
.make-reservation input[type="tel"]:focus,
.make-reservation select:focus,
.make-reservation textarea:focus {
border-color: #B9963B;
}
.make-reservation input[type="button"],
.make-reservation button[type="button"] {
margin-right: 10px;
background: none;
line-height: 24px;
}
.make-reservation input[type="button"]:hover,
.make-reservation button[type="button"]:hover {
background: #B9963B;
}
.make-reservation button .icon {
font-size: 18px;
line-height: 20px;
font-weight: normal;
}
/***
====================================================================
Testimonials Section
====================================================================
****/
.testimonials {
position: relative;
padding: 100px 0px;
background: #ffffff;
}
.testimonials .slider-container {
position: relative;
padding: 20px 50px;
margin-left: -50px;
margin-right: -50px;
}
.testimonials .slide-item {
position: relative;
float: left;
}
.testimonials .owl-item.active:nth-child(1) .slide-item:after {
content: '';
position: absolute;
right: -10px;
top: 0px;
width: 1px;
height: 100%;
display: block;
background: #e1e1e1;
}
.testimonials .slide-item .icon {
font-size: 24px;
color: #cfcfcf;
margin-bottom: 22px;
text-align: center;
}
.testimonials .slide-text {
position: relative;
margin-bottom: 30px;
font-family: 'Futura';
font-style: italic;
font-weight: 400;
color: #606060;
}
.testimonials .slide-item .avatar {
position: relative;
display: inline-block;
margin: 0px 5px;
}
.testimonials .slide-item .author-info {
position: relative;
top: 15px;
display: inline-block;
margin: 0px 5px 0px;
text-align: left;
}
.testimonials .slide-item .author-info strong {
font-size: 13px;
}
.testimonials .slide-item .author-info em {
font-family: 'Futura';
font-style: italic;
}
.testimonials .slide-item img {
max-width: 100%;
width: auto;
display: inline-block;
border: 5px solid #ffffff;
background: #ffffff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-ms-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
-o-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.50);
}
.testimonials .slide-info {
position: relative;
text-align: center;
}
.testimonials .slide-item * {
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.testimonials .owl-dots {
position: relative;
margin-top: 50px;
}
.testimonials .owl-dots .owl-dot span {
margin: 0px 4px;
width: 12px;
height: 12px;
border: 2px solid #ebebeb;
background: #ffffff !important;
}
.testimonials .owl-dots .owl-dot.active span,
.testimonials .owl-dots .owl-dot:hover span {
border-color: #f0513f;
background: #ffffff !important;
}
.testimonials .slide-item:hover .icon {
color: #f0513f;
border-color: #f0513f;
}
.testimonials .slide-item:hover .avatar img {
color: #f0513f;
border-color: #f0513f;
box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-webkit-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-ms-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-moz-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-o-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
}
/***
====================================================================
Our News Section
====================================================================
****/
.our-blog {
position: relative;
padding: 120px 0px;
background: #ffffff url(../images/icons/divider-1.png) center top repeat-x;
}
.our-blog .blog-container {
position: relative;
margin-left: -20px;
margin-right: -20px;
}
.our-blog .blog-container .blog-post {
position: relative;
padding: 0px 20px;
margin-bottom: 30px;
}
.our-blog .blog-container .blog-post .inner {
position: relative;
background-color: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}
.our-blog .blog-container .blog-post .inner:hover {
border-color: #B9963B;
box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-webkit-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-ms-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-moz-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
-o-box-shadow: 0px 0px 2px 0px rgba(239, 72, 54, 0.60);
}
.our-blog .blog-container .blog-post .image {
position: relative;
display: block;
overflow: hidden;
}
.our-blog .blog-container .blog-post .image img {
position: relative;
display: block;
width: 100%;
}
.our-blog .blog-container .blog-post:hover .image img {
transform: scale(1.1, 1.1) rotate(-5deg);
-webkit-transform: scale(1.1, 1.1) rotate(-5deg);
-ms-transform: scale(1.1, 1.1) rotate(-5deg);
-o-transform: scale(1.1, 1.1) rotate(-5deg);
-moz-transform: scale(1.1, 1.1) rotate(-5deg);
}
.our-blog .blog-container .blog-post .image .overlay {
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0, 0, 0, 0);
}
.our-blog .blog-container .blog-post:hover .overlay {
background: rgba(239, 72, 54, 0.60);
}
.our-blog .blog-container .blog-post .image .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
width: 100%;
}
.our-blog .blog-container .blog-post .image .link {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
color: #ffffff;
}
.our-blog .blog-container .blog-post .image .link a {
position: relative;
display: block;
width: 100%;
color: #ffffff;
}
.our-blog .blog-container .blog-post .image .link .icon {
position: relative;
display: inline-block;
vertical-align: middle;
opacity: 0;
font-size: 50px;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-moz-transform: scale(0, 0);
}
.our-blog .blog-container .blog-post:hover .image .link .icon {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
.our-blog .blog-post .text-content {
position: relative;
padding: 0px 30px;
color: #606060;
}
.our-blog .blog-post .text-content .avatar {
position: relative;
margin-top: -25px;
margin-bottom: 20px;
display: block;
width: 50px;
height: 50px;
overflow: hidden;
}
.our-blog .blog-post .text-content .date {
position: relative;
font-size: 13px;
font-style: italic;
font-family: 'Bitter', sans-serif;
color: #606060;
padding-bottom: 20px;
margin-bottom: 15px;
background: url(../images/icons/line-three.png) left bottom no-repeat;
}
.our-blog .blog-post .text-content .title {
position: relative;
margin-bottom: 20px;
}
.our-blog .blog-post .text-content .title h3 {
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: 700;
color: #010101;
}
.our-blog .blog-post .text-content .title h3 a {
color: #010101;
}
.our-blog .blog-post .text-content h3 a:hover {
color: #f0513f;
}
.our-blog .blog-post .text-content .short-desc {
position: relative;
margin-bottom: 25px;
}
.our-blog .blog-post .continue-read {
border-top: 1px solid #e1e1e1;
}
.our-blog .blog-post .continue-read a {
position: relative;
display: block;
line-height: 24px;
padding: 12px 25px;
color: #B9963B;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.our-blog .blog-post .continue-read a .fa {
position: relative;
font-size: 18px;
float: right;
line-height: 24px;
}
.our-blog .blog-post .continue-read a:hover {
background-color: #B9963B;
color: #ffffff;
}
/***
====================================================================
Dish of the week Section
====================================================================
****/
.dish-of-week {
position: relative;
padding: 130px 0px;
background-color: #ffffff;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.dish-of-week:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 15px;
background: url(../images/icons/divider-23.png) center top repeat-x;
}
.dish-of-week:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 15px;
/*background:url(../images/icons/divider-3.png) center bottom repeat-x;*/
}
.dish-of-week .inner-wrap {
position: relative;
max-width: 860px;
background-color: #1D1D1B;
margin: 0 auto;
min-height: 200px;
}
.dish-of-week .inner-wrap .left-side {
position: relative;
float: left;
width: 50%;
}
.dish-of-week .inner-wrap .left-side .upper {
position: relative;
padding: 80px;
background-color: #ffffff;
background: url(../images/icons/transparent-image-7.png) 150% 150% no-repeat;
}
.dish-of-week .inner-wrap .right-side {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.dish-of-week .inner-wrap .right-side img {
position: relative;
display: block;
width: 100%;
}
.dish-of-week .inner-wrap .title {
position: relative;
padding-bottom: 30px;
background: url(../images/icons/line-four.png) left bottom no-repeat;
margin-bottom: 30px;
}
.dish-of-week .inner-wrap .title strong {
position: relative;
text-transform: uppercase;
color: #010101;
font-size: 12px;
}
.dish-of-week .inner-wrap .title h2 {
position: relative;
font-family: 'Futura', cursive;
background: -webkit-linear-gradient(#B9963B,#fbdf93);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #B9963B;
margin-bottom: 0px;
font-size: 50px;
}
.dish-of-week .inner-wrap .text {
position: relative;
margin-bottom: 20px;
}
.dish-of-week .inner-wrap .rating {
position: relative;
color: #f7874f;
font-size: 15px;
margin-bottom: 10px;
position: relative;
}
.dish-of-week .inner-wrap .slider {
position: relative;
padding: 30px 55px;
background: #fbfbfb;
border-top: 1px solid #cccccc;
}
.dish-of-week .inner-wrap .slider .item {
position: relative;
float: left;
}
.dish-of-week .inner-wrap .slider .item .img-wrap {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
background: url(../images/icons/icon-image.png) center center no-repeat;
background-size: 32px 32px;
background-color: rgba(255, 255, 255, 0.80);
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.dish-of-week .inner-wrap .slider .item:hover .img-wrap {
opacity: 1;
}
.dish-of-week .inner-wrap .slider .item img {
position: relative;
display: inline-block;
max-width: 100%;
width: auto;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
}
.dish-of-week .inner-wrap .slider .item:hover img {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.dish-of-week .inner-wrap .owl-dots {
display: none !important;
}
.dish-of-week .inner-wrap .owl-nav {
position: absolute;
left: 0px;
top: 36%;
width: 100%;
height: 0px;
}
.dish-of-week .inner-wrap .owl-nav .owl-prev {
position: absolute;
left: 15px;
top: 0px;
font-size: 0px;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: 100px;
background: none !important;
}
.dish-of-week .inner-wrap .owl-nav .owl-prev:before {
content: '\f104';
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 20px;
height: 20px;
color: #000000;
font-family: 'FontAwesome';
font-size: 20px;
text-indent: 0px;
}
.dish-of-week .inner-wrap .owl-nav .owl-next:before {
content: '\f105';
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 20px;
height: 20px;
color: #000000;
font-family: 'FontAwesome';
font-size: 20px;
text-indent: 0px;
}
.dish-of-week .inner-wrap .owl-nav .owl-next {
position: absolute;
right: 15px;
top: 0px;
font-size: 0px;
width: 20px;
height: 20px;
overflow: hidden;
text-indent: 100px;
background: none !important;
}
/***
====================================================================
Main Footer
====================================================================
****/
.main-footer {
position: relative;
padding-top: 50px;
background: #000 url(../images/icons/divider-25.png) center top repeat-x;
}
.main-footer .newsletter {
position: relative;
padding: 40px 0px 30px;
border-bottom: 1px dashed #303335;
}
.main-footer .newsletter h2 {
position: relative;
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
color: #ffffff;
}
.main-footer .newsletter h3 {
position: relative;
font-size: 13px;
color: #ffffff;
}
.main-footer .newsletter .form {
position: relative;
}
.main-footer .newsletter .form .form-group {
position: relative;
padding: 0px;
margin: 0px;
}
.main-footer .newsletter .form input[type="text"],
.main-footer .newsletter .form input[type="email"] {
position: relative;
display: block;
width: 100%;
background: transparent;
border: 1px solid #B9963B;
font-size: 13px;
color: #ffffff;
line-height: 30px;
padding: 10px 20px;
font-family: 'Futura';
border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
}
.main-footer .newsletter .form input[type="text"]:focus,
.main-footer .newsletter .form input[type="email"]:focus {
background: transparent;
}
.main-footer .newsletter .form input[type="button"],
.main-footer .newsletter .form button[type="button"] {
position: absolute;
right: 0px;
top: 0px;
display: block;
background: url(../images/icons/icon-newsletter.png) center center no-repeat;
background-color: #B9963B;
color: #ffffff;
line-height: 30px;
padding: 10px 20px;
text-align: center;
width: 70px;
height: 52px;
border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
-o-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
}
.main-footer .newsletter .form input[type="button"]:hover,
.main-footer .newsletter .form button[type="button"]:hover {
background-color: #B9963B;
}
.main-footer .middle {
position: relative;
padding: 40px 0px;
margin-left: -50px;
margin-right: -50px;
color: #fff;
}
.main-footer .middle h3 {
color: #ffffff;
font-size: 14px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 22px;
}
.main-footer a {
color: #ffffff;
}
.main-footer .middle .col {
position: relative;
float: left;
padding: 0px 50px;
width: 33.333%;
}
.main-footer .middle .col:nth-child(1) {} .main-footer .middle .col:nth-child(2) {
border: none;
border-right: 1px dashed #303335;
border-left: 1px dashed #303335;
}
.main-footer .middle .about .info li {
position: relative;
margin-bottom: 10px;
}
.main-footer .middle .about .info .icon {
position: relative;
color: #B9963B;
}
.main-footer .middle .twitter-feeds {
position: relative;
}
.main-footer .middle .twitter-feeds .feed {
position: relative;
padding-left: 50px;
margin-bottom: 20px;
font-size: 13px;
}
.main-footer .middle .twitter-feeds .feed .icon {
position: absolute;
left: 0px;
top: 10px;
color: #B9963B;
font-size: 32px;
background-color: #ffffff;
}
.main-footer .middle .twitter-feeds .feed .date {
position: relative;
display: block;
color: #576673;
font-family: 'Futura';
font-style: italic;
}
.main-footer .middle .contact-form {
position: relative;
}
.main-footer .middle .contact-form .form-group {
position: relative;
margin-bottom: 15px;
}
.main-footer .middle .contact-form input[type="text"],
.main-footer .middle .contact-form input[type="email"],
.main-footer .middle .contact-form input[type="password"],
.main-footer .middle .contact-form input[type="url"],
.main-footer .middle .contact-form input[type="tel"],
.main-footer .middle .contact-form textarea {
position: relative;
display: block;
width: 100%;
background: transparent;
border: 1px solid #2f2d2b;
font-size: 13px;
color: #ffffff;
line-height: 30px;
padding: 10px 20px;
font-family: 'Futura';
border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
}
.main-footer .middle .contact-form textarea {
height: 150px;
resize: none;
}
.main-footer .middle .contact-form .form-group input.error,
.main-footer .middle .contact-form .form-group textarea.error {
border-color: #B9963B;
}
.main-footer .middle .contact-form .form-group label.error {
padding-top: 12px;
color: #B9963B;
font-weight: 400;
}
.main-footer .middle .contact-form input[type="text"]:focus,
.main-footer .middle .contact-form input[type="email"]:focus,
.main-footer .middle .contact-form input[type="password"]:focus,
.main-footer .middle .contact-form input[type="url"]:focus,
.main-footer .middle .contact-form input[type="tel"]:focus,
.main-footer .middle .contact-form textarea:focus {
background: transparent;
}
.main-footer .middle .contact-form input[type="submit"],
.main-footer .middle .contact-form button[type="submit"] {
position: relative;
float: right;
padding: 8px 42px;
}
.main-footer .bottom {
position: relative;
padding: 25px 0px;
border-top: 1px dashed #303335;
}
.main-footer .bottom .copyright {
position: relative;
float: left;
color: #ffffff;
}
.main-footer .bottom .social {
position: relative;
float: right;
}
.main-footer .bottom .social a {
position: relative;
display: inline-block;
margin-left: 10px;
width: 32px;
height: 32px;
font-size: 14px;
line-height: 30px;
text-align: center;
border: 1px solid #303335;
color: #ffffff;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
}
.main-footer .bottom .social a:hover {
background-color: #B9963B;
border-color: #B9963B;
}
/*------------- Blog List -----------------*/
.blog {
color: #fff;
padding: 180px 0 100px;
background: #1D1D1B;
}
.blog-list {
background: #101111 url(../images/bg/slider-bg.jpg) no-repeat fixed top center;
position: relative;
height: 460px;
}
.blog p {
margin: 0 0 15px;
font-size: 15px;
}
.blog .post {
background-color: #ffffff;
box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 80px;
}
.blog .col-md-8 {
padding-right: 0px;
}
.blog .post-content {
background-color: #ffffff;
padding: 30px 40px;
}
.post-content i {
font-size: 20px;
font-weight: 700;
font-family: 'Futura';
font-style: italic;
}
.post-item h2 {
text-align: left;
margin-bottom: 40px;
font-family: 'Futura';
font-size: 30px;
}
.post-item h2,
.post-item h2 a {
color: #38132c;
font-family: 'Futura';
font-weight: bold;
}
.post-item h2:hover,
.post-item h2 a:hover {
color: #B9963B;
}
.blog .posted-date {
margin-top: 15px;
color: #B9963B;
}
.single .posted-date {
margin-bottom: 15px;
margin-top: 0px;
}
.post-nav {
text-align: center;
margin-top: -40px;
}
.pagination > li > a,
.pagination > li > span {
margin: 0 4px;
background-color: #B9963B;
color: #fff;
font-weight: 700;
border-radius: 4px;
border: none;
}
.pagination > li > a:hover,
.pagination > li.active {
background: #38132c;
color: #ffffff;
border: none;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
background: #38132c;
color: #ffffff;
border: none;
}
.share-btn .btn {
margin-right: 10px;
}
/*-------------- SideBar ---------------*/
.sidebar {
margin-left: 20px;
margin-top: 73px;
}
.sidebar .widget {
position: relative;
margin-bottom: 40px;
padding: 30px;
background-color: #ffffff;
}
.search {
margin-bottom: 30px;
position: relative;
}
.search form {
padding: 20px 30px;
height: 70px;
border: none;
box-shadow: 0 5px 13px 0px rgba(0, 0, 0, 0.1);
background: #fff;
}
.search input[type="search"]::-moz-placeholder {
color: #38132c;
}
.search input[type="search"] {
font-size: 15px;
font-weight: 300;
width: 100%;
border: none;
}
.search input[type="submit"] {
background: url(../images/search.png) no-repeat scroll 0 0 / 100% 100%;
width: 30px;
height: 30px;
border: none;
text-indent: -999999px;
position: absolute;
right: 15px;
bottom: 20px;
}
.sidebar .widget h2 {
font-size: 20px;
font-family: 'Futura';
font-weight: bold;
margin-bottom: 30px;
color: #cccccc;
text-align: left;
text-transform: uppercase;
}
.sidebar .widget h3,
.sidebar .widget h3 a {
font-size: 20px;
color: #38132c;
text-align: left;
font-family: 'Futura';
font-weight: bold;
}
.sidebar .widget h3,
.sidebar .widget h3 a {
font-size: 16px;
margin: 0px 0px;
display: block;
}
.sidebar .widget h3:hover,
.sidebar .widget h3 a:hover {
color: #B9963B;
}
.sidebar .widget img {
position: absolute;
left: 30px;
}
.sidebar .widget li {
margin-bottom: 20px;
}
.sidebar .category-list li {
margin-bottom: 0px;
}
.sidebar .widget .content {
margin-left: 100px;
min-height: 85px;
}
.category-list li {
padding: 16px 0;
margin-bottom: 0px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
/*---------------- Author -------------*/
.author {
background-color: #ffffff;
position: relative;
min-height: 275px;
margin-bottom: 40px;
}
.author img {
position: absolute;
}
.author-comment {
margin-left: 260px;
padding: 30px 30px;
}
.author-comment h5 {
font-size: 18px;
}
/*---------------- Comments -------------*/
.title-head {
font-size: 46px;
font-weight: 900;
margin-bottom: 40px;
}
.comment-list li {
margin: 0px 0 90px 0;
position: relative;
}
.comment-list li img {
border-radius: 50%;
width: 130px;
height: 130px;
position: absolute;
}
.comment-details {
margin-left: 180px;
}
.blog .comments {
background-color: #ffffff;
padding: 40px;
border-radius: 10px;
}
.blog .comments:before {
border-style: solid;
border-width: 0 0 30px 30px;
top: 50px;
content: "";
display: block;
left: 165px;
position: absolute;
width: 0;
z-index: 1;
border-color: transparent #ffffff;
transform: rotate(-45deg);
}
.blog .comments p {
margin-bottom: 0px;
font-family: 'Futura';
font-size: 15px;
}
.comment-meta {
min-height: 50px;
}
.comment-meta .user-name {
float: left;
font-weight: 700;
width: 50%;
}
.comment-meta .posted-date {
float: right;
width: 50%;
text-align: right;
}
.reply {
height: 30px;
padding: 4px 30px;
margin: 0px 40px;
text-transform: uppercase;
border-radius: 0;
font-weight: 700;
float: right;
background: #38132c;
color: #fff;
}
.reply:hover {
background: #B9963B;
color: #fff;
}
.comments-form .btn {
text-transform: uppercase;
}
.comment-area input[type="text"],
.comment-area input[type="phone"],
.comment-area textarea,
.comment-area input[type="email"] {
background: none repeat scroll 0 0 #fff;
border: 1px solid #B9963B !important;
width: auto;
padding: 15px 12px;
display: block;
margin: 12px 16px;
margin-left: 0px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 54px;
line-height: 52px;
width: 85%;
}
.comment-area textarea {
height: auto;
line-height: 20px;
width: 98%;
min-height: 180px;
}
.comment-area button {
margin-right: 15px;
}
.go-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
height: 40px;
text-align: center;
padding: 10px;
line-height: 12px;
font-size: 20px;
cursor: pointer;
border: 1px solid #B9963B;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
color: #1D1D1B;
background: -webkit-linear-gradient(#B9963B,#fbdf93);
}
.go-to-top:hover {
color: #1D1D1B;
background: -webkit-linear-gradient(#B9963B,#fbdf93);
border: #B9963B;
box-shadow: 0px 0px 5px 1px #B9963B;
-webkit-box-shadow: 0px 0px 5px 1px #B9963B;
-ms-box-shadow: 0px 0px 5px 1px #B9963B;
-moz-box-shadow: 0px 0px 5px 1px #B9963B;
-o-box-shadow: 0px 0px 5px 1px #B9963B;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
/* Patterns */
.pattern-white:after {
/*background: url(../images/pattern-white.png) repeat;*/
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0.25;
}
.pattern-black:after {
background: url(../images/pattern-black.png) repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0.25;
}
.transparent {
background: transparent !important;
}
/* Video */
#video {
width: 100%;
height: 720px;
overflow: hidden;
background:#1D1D1B;
}
/* Video Button */
.video-button {
padding: 18px;
width: auto;
height: auto;
position: absolute;
top: 50%;
margin: 0 auto;
left: 50%;
margin-top: -88px;
z-index: 2;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.gallery-area {} .gallery-masonry {} .gallery-item {
width: 25%;
float: left;
position: relative;
overflow: hidden;
}
.gallery-item img {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.gallery-item ul {
padding: 0;
margin: 0;
}
.gallery-item li {
display: inline-block;
}
.gallery-item a {
width: 100%;
text-align: center;
text-transform: capitalize;
margin: 0px 5px;
font-size: 20px;
font-family: 'Futura';
color: #fff;
line-height: 36px;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.gallery-item a:hover {
border-color: #B9963B;
color: #B9963B;
}
.gallery-item:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.gallery-item:hover .caption {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/*
----------------------------------
--- Main Gallery Section
----------------------------------
*/
.main-gallery-area {} .gallery-menu {
margin: 0px 0px 20px;
padding: 0;
}
.gallery-menu li {
margin: 0;
display: inline-block;
padding: 0px 15px;
position: relative;
}
.gallery-menu li:after {
content: "";
position: absolute;
width: 2px;
height: 100%;
top: 0;
right: 0px;
background-color: #fff;
}
.gallery-menu li:first-child {
padding-left: 0;
}
.gallery-menu li:last-child::after {
display: none;
}
.gallery-menu a {
font-size: 18px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0;
color: #fff;
text-transform: uppercase;
}
.photos-gallery {} .photo-gallery-inner {
margin: 5px;
overflow: hidden;
position: relative;
}
.gallery-btn {
width: 100%;
text-align: center;
margin-top: 45px;
}
.videos-gallery {} .video-tab {
position: relative;
}
.video-tab img {
width: 100%;
}
.play-btn2 {
margin: auto;
width: 45px;
height: 45px;
border-radius: 50%;
border: 5px solid #fff;
font-size: 18px;
color: #fff;
line-height: 35px;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.play-btn2 i {
margin-left: 3px;
}
.play-btn2:hover,
.play-btn2:hover a {
color: #B9963B;
border-color: #B9963B;
}
.video-tab:hover .caption,
.video-tab.active .caption {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.video-tab-content {
margin-top: 40px;
position: relative;
}
.video-tab-content .video-player {
border: 45px solid #000;
min-height: 500px;
width: 100%;
padding: 0;
}
/*
--------------------------------
-- Caption Style
--------------------------------
*/
.caption {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
opacity: 0;
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-ms-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.caption-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
display: table;
z-index: 1;
}
.caption-inner:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: .8;
z-index: -1;
}
.caption-content {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 30px;
}
/*
--------------------------------
-- Service Section
--------------------------------
*/
.service-area {} width: 100% .service-item {
;
height: 100%;
position: relative;
overflow: hidden;
}
.service-item img {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service-item i {
font-size: 26px;
color: #fff;
margin-bottom: 15px;
}
.service-title {
font-size: 24px;
font-family: 'Iowan Old';
font-weight: 600;
line-height: 35px;
letter-spacing: 0;
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
}
.service-title a {
color: #fff;
}
.service-title a:hover {
color: #B9963B;
}
.service-item p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #fff;
}
.service-item:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.service-item:hover .caption {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-partner-fancy-slide {
float: left;
width: 100%;
}
.wm-partner-fancy-slide .slick-arrow-right {
right: 16px;
left: auto;
top: 10%;
color: #ffffff;
font-weight: 300;
font-size: 25px;
}
.wm-partner-fancy-slide .slick-arrow {
padding: 66px 18px;
background-color: #B9963B;
}
.wm-partner-fancy-slide .slick-arrow-left {
right: auto;
left: 14px;
top: 10%;
color: #ffffff;
font-weight: 300;
font-size: 25px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.single-post-body {} .post-action {
width: 100%;
display: table;
margin-bottom: 10px;
}
.post-action .post-sticker {
width: 30%;
float: left;
}
.post-share {
width: 100%;
float: left;
text-align: right;
}
.post-share ul {
margin: 0;
padding: 0;
}
.post-share li {
display: inline-block;
margin: 0;
}
.post-share-title,
.post-share a {
font-size: 13px;
font-family: 'Futura';
font-weight: 400;
line-height: 20px;
letter-spacing: 0;
color: #fff;
text-transform: capitalize;
margin: 0px 5px;
}
/*
------------------------------------
4.2 Author box
------------------------------------
*/
.post-author-box {
margin: 50px 0;
position: relative;
text-align: left;
clear: both;
}
.post-author-box .author-box-info,
.post-author-box .author-articles {
padding: 30px 40px;
}
.post-author-box .author-box-info {
background-color: #1D1D1B;
border-bottom: 1px solid #B9963B;
}
.post-author-box .author-box-info::after {
content: '';
clear: both;
display: table;
}
.post-author-box .author-avatar {
display: block;
float: left;
}
.post-author-box .author-avatar img {
border-radius: 100px;
}
.post-author-box .author-title,
.post-author-box .author-description,
.post-author-box .author-website,
.post-author-box .author-socials {
padding-left: 130px;
}
.post-author-box .author-title {
color: inherit;
display: block;
}
.post-author-box .author-title a {
color: inherit;
}
.post-author-box .author-description {
opacity: 0.8;
}
.post-author-box .author-socials {
list-style-type: none;
margin: 0;
}
.post-author-box .author-socials > li {
display: inline-block;
margin-right: 10px;
font-size: 16px;
}
.post-author-box .author-articles .author-posts {
padding-left: 20px;
font-size: 16px;
}
.post-author-box .author-articles h6 {
margin: 0 0 15px 0;
}
.post-author-box .author-articles h6 a {
color: inherit;
}
.post-author-box .author-articles article {
margin-bottom: 0;
}
.post-author-box .author-articles article:not(.mime-type-gif) .image-holder img {
visibility: visible;
}
.post-author-box .author-articles .author-posts a {
color: rgba(21, 195, 219, 1);
}
.post-author-box .author-articles .author-posts a:hover {
color: rgba(17, 131, 147, 1);
}
.map-contacts {
clear: both;
}
.map-feature,
.googleMap {
height: 406px;
width: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
.map-feature {
background-image: url(../img/map.png);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.pn {
padding: 0;
}
.section-gallery {
position: relative;
padding: 100px 0px;
background: #1D1D1B url(../images/icons/divider-1.png) center bottom repeat-x;
}
.section-offers {
position: relative;
padding: 10px 0px;
background: #1D1D1B url(../images/icons/divider-1.png) center bottom repeat-x;
}
#logo-responsive {
display: none;
}
#carta-mobil {
display: none;
}
#carta-desktop {
display: block;
}
@media (max-width: 798px) {
#video {
height: 300px!important;
}
.pattern-white:after {
display: none!important;
}
#div-logo {
display: none;
}
#nav-menu ul li a {
text-transform: uppercase!important;
}
#logo-responsive {
display: block;
width: 50%;
position: absolute;
left: 0;
cursor: pointer;
}
.gallery-item {
width: 100%!important;
}
.header-style-one .menu-box .logo {
top: -30px;
margin-bottom: 3px!important;
}
.header-style-one .menu > ul > li > a {
padding: 8px 0px 8px 0px!important;
line-height: 1px!important;
font-size: 11px!important;
}
.header-style-one .menu > ul > li > a >img {
width: 18px!important;
height: 18px!important;
}
.header-style-one .menu {
top: -40px;
}
#logo-sidebar {
width: 70%!important;
}
#carta-mobil {
display: block;
}
#carta-desktop {
display: none;
}
.both {
clear: both!important;
}
.border-lf {
border-left: 0px!important;
}
.border-tp {
display: none;
}
.name-dishe-himalaya {
font-size: 12px!important;
font-weight: 500!important;
}
}
.icon-google {
background: url(../images/icons/go.png);
padding: 10px 24px 6px 8px;
content: '';
}
.icon-google:hover {
background: url(../images/icons/go_white.png);
padding: 10px 24px 6px 8px;
content: '';
}
.icon-facebook {
background: url(../images/icons/fb.png);
padding: 10px 24px 6px 8px;
content: '';
}
.icon-facebook:hover {
background: url(../images/icons/fb_white.png);
padding: 10px 24px 6px 8px;
content: '';
}
.icon-twitter {
background: url(../images/icons/tw.png);
padding: 10px 24px 6px 8px;
content: '';
}
.icon-twitter:hover {
background: url(../images/icons/tw_white.png);
padding: 10px 24px 6px 8px;
content: '';
}
.title-category {
font-size: 25px;
font-weight: 700
}
.name-dishe {
font-size: 17px;
font-weight: 700
}
.name-dishe-himalaya {
font-size: 15px;
font-weight: 700;
}
.description-dishe {
font-size: 15px;
}
.border-lf {
border-left: 4px #000 solid;
}
.border-tp {
content: '';
border: 2px #000 solid;
float: right;
right: 0;
position: absolute;
top: 15px;
}
.main-footer .newsletter .form input[type="email"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.main-footer .newsletter .form input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.main-footer .newsletter .form input[type="email"]:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.main-footer .newsletter .form input[type="email"]:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.main-footer .middle .contact-form input[type="text"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.main-footer .middle .contact-form input[type="text"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.main-footer .middle .contact-form input[type="text"]:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.main-footer .middle .contact-form input[type="text"]:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.main-footer .middle .contact-form textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
.main-footer .middle .contact-form textarea::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.main-footer .middle .contact-form textarea:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
.main-footer .middle .contact-form textarea:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.content-gallery {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 960px;
height: 480px;
overflow: hidden;
visibility: hidden;
background-color: #1D1D1B;
}
.loader-gallery {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
}
.slides-gallery {
cursor: default;
position: relative;
top: 0px;
left: 240px;
width: 800px;
height: 480px;
overflow: hidden;
}
.splinner-gallery {
margin-top: -19px;
position: relative;
top: 50%;
width: 38px;
height: 38px;
}
.sidebar-gallery{
position:absolute;left:0px;top:0px;width:240px;height:480px;background-color:#000;
}
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
animation-name: jssorl-009-spin;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.jssora093 {
display: block;
position: absolute;
cursor: pointer;
}
.jssora093 .c {
fill: none;
stroke: #fff;
stroke-width: 400;
stroke-miterlimit: 10;
}
.jssora093 .a {
fill: none;
stroke: #fff;
stroke-width: 400;
stroke-miterlimit: 10;
}
.jssora093:hover {
opacity: .8;
}
.jssora093.jssora093dn {
opacity: .6;
}
.jssora093.jssora093ds {
opacity: .3;
pointer-events: none;
}
.jssort101 .p {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
background: #000;
}
.jssort101 .p .cv {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
z-index: 1;
}
.jssort101 .a {
fill: none;
stroke: #fff;
stroke-width: 400;
stroke-miterlimit: 10;
visibility: hidden;
}
.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
border: none;
border-color: transparent;
}
.jssort101 .p:hover {
padding: 2px;
}
.jssort101 .p:hover .cv {
background-color: rgba(0, 0, 0, 6);
opacity: .35;
}
.jssort101 .p:hover.pdn {
padding: 0;
}
.jssort101 .p:hover.pdn .cv {
border: 2px solid #fff;
background: none;
opacity: .35;
}
.jssort101 .pav .cv {
border-color: #fff;
opacity: .35;
}
.jssort101 .pav .a,
.jssort101 .p:hover .a {
visibility: visible;
}
.jssort101 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
opacity: .6;
}
.jssort101 .pav .t,
.jssort101 .p:hover .t {
opacity: 1;
}
.bar-menu{
display: none;
}
.margin-left{
margin-left: 50px
}
@media (max-width: 798px) {
.slides-gallery{
width:710px!important;
}
.content-gallery{
left: -15px!important;
}
.text-menu{
display: none;
}
.bar-menu{
display: block;
}
.margin-left{
margin-left: 0px
}
}
@media (min-width: 1500px) and (max-width: 3000px) {
.special-recipes .recipe .text-content .short-desc {
font-size: 10px!important;
}
}