@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Bitter:700,400,400italic);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Sacramento);
 @import url('animate.css');
@import url('flaticon.css');
@import url('font-awesome.min.css');
/* @import url('revolution-slider.css'); */
@import url('blueimp-gallery.min.css');
@import url('owl.css');
@import url('hover.css');
@import url('prettyPhoto.css');
/* @import url('datepicker.css'); */
@import url('owl.carousel.css');
@import url('owl.theme.css');
/*** 
====================================================================
    Reset
====================================================================
 ***/
*
{
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}
/*** 
====================================================================
    Global Settings
====================================================================
 ***/
body
{ /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #606060;
    line-height: 1.6em;
    font-weight: 500;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
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: 'Bitter', serif;
    margin: 0px;
    background: none;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
p
{
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
}
.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; }
.nopad-lr
{
    padding-left: 0;
    padding-right: 0;
}
::-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: table;
    color: #185d31;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin: 0 auto;
    border: 2px solid #185d31;
    padding: 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:hover
{
    background-color: #185d31;
    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: #185D31;
    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;
}
.full-btn-2
{
    position: absolute !important;
    bottom: 0;
    right: 5px;
    display: inline-block;
    line-height: 24px;
    padding: 10px 20px !important;
    background-color: #185D31;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    -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-2:hover
{
    opacity: 0.90;
    color: #ffffff !important;
}
.empty-btn
{
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 5px 30px;
    border: 1px solid #c6a905;
    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: #c6a905;
    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: 'Bitter', serif; }
.pacifico-font { font-family: 'Pacifico', cursive; }
.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;
    background-position: left bottom;
    background-repeat: no-repeat;
    /*margin-bottom: 30px;
    padding-bottom: 32px;
    background: url(../images/zigzag-sep.png) repeat-x center bottom;*/
    text-align: center;
}
.sec-title h1
{
    font-size: 24px;
    font-family: 'Bitter', serif;
    font-weight: 400;
    color: #185D31;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
}
.sec-title h2
{
    font-size: 30px;
    font-family: 'Pacifico', cursive;
    color: #C9A908;
    margin-bottom: 15px;
    text-transform: capitalize;
}
header .container-fluid
{
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03);
}
#nav-menu
{
    position: relative;
    width: 100%;
    padding: 0;
}
#nav-menu .left-nav
{
    position: relative;
    float: left;
    width: 38%;
}
#nav-menu .right-nav
{
    position: relative;
    float: right;
    width: 38%;
}
#nav-menu .right-nav ul { float: right; }
#nav-menu ul
{
    display: block;
    margin: 0px;
    padding: 0px;
}
#nav-menu ul li
{
    position: relative;
    display: block;
    float: left;
    padding: 0;/*width: 33.3333%;*/
}
.divider
{
    background: url(../images/divider-2.png) repeat-x;
    height: 10px;
    width: 100%;
}
/*** 

====================================================================
    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: 24px;
    color: #ffffff;
    padding: 5px 7px;
    border: 1px solid #ffffff;
    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: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.header-style-one.scrolled .button-container .menu-toggle
{
    color: #010101;
    border-color: #010101;
}
.header-style-one .collapse-btn
{
    position: absolute;
    left: -50px;
    top: 70px;
    width: 30px;
    height: 30px;
    font-size: 36px;
    padding: 0px;
    color: #c6a905;
    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: absolute;
    right: -350px;
    top: 0px;
    padding: 50px 60px;
    width: 300px;
    background: rgba(0,0,0,0.90);
    min-height: 300px;
    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: #ffffff;
}
.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: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.header-style-one .menu > ul > li > a
{
    position: relative;
    display: block;
    padding: 10px 0px 10px 40px;
    color: #ffffff;
    font-size: 15px;
    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 > a:hover,
.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 > a:hover { color: #c6a905; }
.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;
}
/*** 

====================================================================
    Main Header Style Two
====================================================================

****/

.header-style-two
{
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
}
.header-style-two .header-inner
{
    position: relative;
    padding: 35px 0px;
    background-color: #ffffff;
    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: #ffffff; }
.header-style-two.scrolled:after
{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 100%;
    height: 15px;
    background: url(../images/divider-2.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-2.png) center top repeat-x; */
}
.header-style-two .logo
{
    height: 0;
    left: 0;
    position: relative;
    text-align: center;
    top: -20px;
    width: 100%;
    z-index: 100;
}
.header-style-two .logo img
{
    position: relative;
    display: inline-block;
    max-width: 400px;/*padding-left:40px;
    padding-right:40px;
    background-color:#ffffff;
    border-right:1px solid #e1e1e1; 
    border-left:1px solid #e1e1e1;*/
}
.header-style-two .hdr-phone a
{
    color: #185D2E !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-left: 1px solid #e5e5e5;
}
.header-style-two .hdr-phone i
{
    font-size: 30px;
    padding: 0 10px 0 0;
    vertical-align: middle;
}
.navbar-collapse { padding: 0; }
/*#nav-menu{
    position:relative;
    width:100%;
    padding:0;
}

#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;
    padding:0px 5px;
    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
{
    color: #010101;
    display: block;
    font-family: "Bitter", serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    position: relative;
}
#nav-menu ul li:hover > a,
#nav-menu ul li.current > a { color: #c6a905; }
#nav-menu .left-nav li:nth-of-type(1) a,
#nav-menu .left-nav li:nth-of-type(2) a { padding-right: 60px; }
.carousel { margin-top: 100px; }
.carousel .item { /*max-height:580px; position:relative;*/ }
.carousel-caption
{
    display: none;
    color: #444;
    left: 50%;
    padding: 50px 35px !important;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 300px;
    height: 300px;
    border-radius: 100em;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.carousel-caption p
{
    font-size: 18px;
    margin-top: 15px;
}
.carousel-caption a
{
    color: #185D31 !important;
    background: none;
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
    padding: 0;
}
.business-hours > ul
{
    float: left;
    clear: both;
}
.business-hours > ul li
{
    width: 50%;
    display: inline-block;
    float: left;
}
.business-hours > ul li:before
{
    content: '»';
    padding-right: 10px;
}
/*** 

====================================================================
    About Us Section
====================================================================

****/

.about-us
{
    position: relative;
    padding: 50px 0 100px;
    /* background: #ffffff url(images/icons/transparent-image-6.png) -100px 20% no-repeat; */
}
.about-us .left-image
{
    padding: 0px 45px;
    margin-top: 40px;
    text-align: center;
    background: url(../images/logo-wm.png) no-repeat bottom left / 100% auto;
}
.about-us .left-image img
{
    display: inline-block;
    max-width: 100%;
}
.about-us .text-content { padding: 70px 45px 30px; }
.about-us .sec-title
{
    background: url(../images/zigzag-sep.png) repeat-x bottom center;
    text-align: center;
}
.sec-text
{
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.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-color: #ffffff;
    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 10px 0px rgba(197,169,4,.6);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(197,169,4,.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(197,169,4,.6);
    -ms-box-shadow: 0px 0px 5px 0px rgba(197,169,4,.6);
    -o-box-shadow: 0px 0px 5px 0px rgba(197,169,4,.6);
}
.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
====================================================================

****/
#recipes { padding-top: 80px; }
#recipes .owl-controls
{
    left: 50%;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.special-recipes
{
    position: relative;
    padding: 50px 0px;
    background: #F1F1F1;
}
.special-recipes h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep-dark.png") repeat-x scroll center bottom;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
    display: table;
}
/*.special-recipes:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 480px;
    height: 900px;
    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 0;
}
.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%;*/
    border: 0;
    background: none;
    padding: 0;
}
.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;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 50%;
    text-align: center;
    background: rgba(0,0,0,0);
}
.special-recipes .recipe:hover .overlay { background: rgba(0,0,0,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
{
    font-family: "Lato", sans-serif;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    font-size: 18px;
    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 21px;
    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;
}
.special-recipes .recipe .text-content .price
{
    position: relative;
    margin-bottom: 20px;
    color: #c6a905;
    font-size: 24px;
    font-family: 'Lobster', cursive;
}
.special-recipes.style-two .recipe .text-content .price { margin-bottom: 0px; }
/*** 

====================================================================
    Our Service Section
====================================================================

****/

.our-services
{
    background-color: #ffffff;
    background: url(../images/divider-2.png), url(../images/bg-grn.jpg);
    background-position: top center, top center;
    background-repeat: repeat-x, no-repeat;
    background-size: auto, cover;
    padding: 50px 0;
    position: relative;
}
.our-services h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep.png") repeat-x scroll center bottom;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
    display: table;
}
.our-services h1,
.our-services p { color: #fff; }
.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;*/
    width: 100%;
}
.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%;
    border: 5px solid #fff;
    -webkit-transition-duration: all 700ms ease 0s;
    -moz-transition-duration: all 700ms ease 0s;
    -ms-transition-duration: all 700ms ease 0s;
    transition-duration: all 700ms ease 0s;
}
.our-services .box-container .box:hover .image img
{
    transform: rotate(15deg) scale(1.1, 1.1);
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
    -ms-transform: rotate(15deg) scale(1.1, 1.1);
    -o-transform: rotate(15deg) scale(1.1, 1.1);
    -moz-transform: rotate(15deg) 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
{
    margin: 20px 0 0;
    padding: 0;
    position: relative;
}
.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: #606060;
}
.our-services .box-container h3
{
    background: url("../images/zigzag-sep.png"), url("../images/zigzag-sep.png");
    background-position: top center, bottom center;
    background-repeat: repeat-x, repeat-x;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    /*font-family: 'Raleway', sans-serif;*/
    margin: 0 auto;
    padding: 30px;
    display: table;
}
.our-services .box-container h3 a{ color:#fff;}
.our-services .box-container h3 a:hover{ color:#c9a908;}
.our-services .box-container h3 .icon
{
    position: relative;
    color: #c6a905;
    font-size: 20px;
}
.our-services .box-container .read-more
{
    position: relative;
    left: 0px;
    color: #c6a905;
    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; }
/*** 

====================================================================
    
====================================================================

****/
#reviews div img
{
    float: left;
    margin: 0 15px 15px 0;
    width: 80px;
    height: 80px;
}
#reviews div b
{
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
#reviews div p { clear: both; }
#reviews .owl-controls
{
    left: 50%;
    margin-top: 0;
    position: static;
    text-align: center;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
/*** 

====================================================================
    Main Footer
====================================================================

****/
.main-footer:before
{
    background: rgba(0, 0, 0, 0) url(../images/divider-grey.png) repeat-x scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
}
.main-footer
{
    position: relative;
    padding-top: 50px;
    background: #444444;
}
.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;
    font-style: italic;
    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: #2f2d2b;
    font-size: 13px;
    color: #ffffff;
    line-height: 30px;
    padding: 10px 20px;
    font-style: italic;
    font-family: 'Bitter', serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.main-footer .newsletter .form input[type="text"]:focus,
.main-footer .newsletter .form input[type="email"]:focus { background: #353230; }
.main-footer .newsletter .form input[type="submit"],
.main-footer .newsletter .form button[type="submit"]
{
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: url(images/icons/icon-newsletter.png) center center no-repeat;
    background-color: #c6a905;
    color: #ffffff;
    line-height: 30px;
    padding: 10px 20px;
    text-align: center;
    width: 70px;
    height: 50px;
    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="submit"]:hover,
.main-footer .newsletter .form button[type="submit"]:hover { background-color: #d12b19; }
.main-footer .middle
{
    position: relative;
    padding: 40px 0px;
    margin-left: -50px;
    margin-right: -50px;
    color: #fff;
}
.main-footer .middle h3
{
    color: #ffffff;
    font-size: 24px; /*font-family:'Raleway',sans-serif;
    text-transform:uppercase;*/
    font-weight: 400;
    margin-bottom: 22px;
}
.main-footer a { color: #ffffff; }
.main-footer .middle .col
{
    position: relative;
    float: left;
    padding: 0px 30px;/*width: 33.333%;*/
}
.main-footer .middle .col:nth-child(1) { }
.main-footer .middle .col:nth-child(2)
{
    border: none;
    border-right: 1px solid #555;
    border-left: 1px solid #555;
}
.main-footer .middle .about
{
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.main-footer .middle .about .info { margin: 0; }
.main-footer .middle .about .info li
{
    position: relative;
    margin-bottom: 40px;
}
.main-footer .middle .about .info li:last-child { margin: 0; }
.main-footer .middle .about .info li:nth-of-type(2) a { font-size: 25px; }
.main-footer .middle .about .info .icon
{
    color: #fff;
    float: left;
    font-size: 22px;
    position: relative;
}
.main-footer .middle .about .info p
{
    padding-left: 30px;
    margin: 0;
}
.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: #c6a905;
    font-size: 32px;
    background-color: #ffffff;
}
.main-footer .middle .twitter-feeds .feed .date
{
    position: relative;
    display: block;
    color: #576673;
    font-family: 'Bitter', serif;
    font-style: italic;
}
.main-footer .middle .contact-form { position: relative; }
.main-footer .middle .contact-form
{
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.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: #3C3C3C;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.5;
    padding: 5px 10px;
    border: 1px solid transparent;
    /*font-family: 'Bitter', serif;
    font-style: italic;*/
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.main-footer .middle .contact-form textarea
{
    height: 80px;
    resize: none;
}
.main-footer .middle .contact-form .form-group input.error,
.main-footer .middle .contact-form .form-group textarea.error { border-color: #c6a905; }
.main-footer .middle .contact-form .form-group label.error
{
    padding-top: 12px;
    color: #c6a905;
    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: #353230; }
.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;
    background: url(../images/zigzag-sep-darker.png) repeat-x top center;
}
.main-footer .bottom .copyright
{
    position: relative;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    padding-top: 10px;
}
.main-footer .bottom .social { position: relative; }
.main-footer .bottom .social a
{
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #888;
    color: #888;
    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: #C6A905;
    border-color: #C6A905;
    color: #fff;
}
.cards { }
.cards img { margin-top: 10px; }
.rating
{
    display: table;
    margin-top: 10px;
    line-height: 1;
}
.rating p
{
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.rating i.stars
{
    background: url(../images/star-ratings-sprite.png) no-repeat;
    width: 88px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}
.rating i.stars.s-50 { background-position: left -160px; }
.rating i.stars.s-45 { background-position: left -144px; }
.rating i.stars.s-40 { background-position: left -128px; }
.rating i.stars.s-35 { background-position: left -112px; }
.rating i.stars.s-30 { background-position: left -96px; }
.rating i.stars.s-25 { background-position: left -80px; }
.rating i.stars.s-20 { background-position: left -64px; }
.rating i.stars.s-15 { background-position: left -48px; }
.rating i.stars.s-10 { background-position: left -32px; }
.rating i.stars.s-05 { background-position: left -16px; }
.rating i.stars.s-00 { background-position: left 0px; }
.txt-C { text-align: center; }
.txt-L { text-align: left; }
.txt-R { text-align: right; }
/**
* Contact Section Styles.
**/

#contact-section
{
    background: url(images/parallax/image-2.jpg) no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 80px 0;
    position: relative;
}
#contact-section:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 15px;
    /* background: url(images/icons/divider-2.png) center top repeat-x; */
}
#contact-section:after
{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 15px;
    background: url(images/icons/divider-3.png) center bottom repeat-x;
}
#contact-section .auto-container
{
    background: #fff;
    padding: 40px 40px;
}
#contact-section form input,
#contact-section form button,
#contact-section form textarea
{
    border: 1px solid #e1e1e1;
    height: 52px;
    width: 100%;
    padding-left: 20px;
    transition: all .3s ease;
}
#contact-section form input { margin-bottom: 20px; }
#contact-section form textarea
{
    height: 128px /*217px*/;
    padding-top: 20px;
}
#contact-section form button
{
    position: relative;
    display: block;
    line-height: 24px;
    padding: 6px 40px;
    background-color: #fff;
    border: 2px solid #185D2E;
    color: #185D2E;
    font-weight: 400;
    font-size: 16px;
    border-radius: 100em;
    width: auto;
    margin: auto;
    margin-bottom: 0;
}
#contact-section form button:hover,
#contact-section form button:focus
{
    border: 2px solid #185D2E;
    padding: 10px 44px;
}
#contact-section form button:hover { color: #fff; }
#contact-section form button:before
{
    background: #185D2E;
    border-radius: 100em;
}
#contact-section form input:hover,
#contact-section form textarea:hover,
#contact-section form input:focus,
#contact-section form textarea:focus { border: 1px solid #c6a905; }
/**
*Carousel fade
**/
.carousel-fade .carousel-inner .item img { width: 100%; }
.carousel-fade .carousel-inner .item
{
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right
{
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
/*@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
 .carousel-fade .carousel-inner > .item.active.right
{
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
 .carousel-fade .carousel-inner > .item.active.left
{
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
 .carousel-fade .carousel-inner > .item.prev.right,
 .carousel-fade .carousel-inner > .item.active
{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}*/

/*** 

====================================================================
    Gallery
====================================================================

****/
#gallery
{
    position: relative;
    padding: 50px 0px;
    background: #F1F1F1;
}
#gallery h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep-dark.png") repeat-x scroll center bottom;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
    display: table;
}
/*.special-recipes:before
{
    content: '';
    position: absolute;
    left: 0px;
    top: 480px;
    height: 900px;
    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);
}*/
#gallery .gallery-box
{
    position: relative;
    margin: 50px 0px 0;
}
#gallery .gallery-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;
}
#gallery .gallery-box .recipe
{
    position: relative; /*float:left;
    width:33.3333%;*/
    border: 0;
    background: none;
    margin-bottom: 30px;
}
#gallery .gallery-box
{
    margin-left: -2px;
    margin-right: -2px;
}
#gallery .gallery-box .image
{
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    padding: 4px;
}
#gallery .gallery-box .image img
{
    display: block;
    position: relative;
    width: 100%;
}
#gallery .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);
}
#gallery .gallery-box .image .overlay
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 50%;
    text-align: center;
    background: rgba(0,0,0,0);
}
#gallery .recipe:hover .overlay { background: rgba(0,0,0,0.60); }
#gallery .gallery-box .image .content
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    width: 100%;
}
#gallery .gallery-box .image .link
{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #ffffff;
}
#gallery .recipes-box .image .link a, #gallery .gallery-box .image a
{
    position: relative;
    display: block;
    width: 100%;
    color: #fff !important;
}
#gallery .gallery-box .image .link .icon
{
    font-family: "Lato", sans-serif;
    position: relative;
    display: inline-block;
    color:#fff;
    opacity: 0;
    font-size: 18px;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
}
#gallery .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);
}
#gallery .recipe .text-content
{
    position: relative;
    padding: 38px 30px 21px;
    text-align: center;
    background-color: #ffffff;
    background-position: 110% 110%;
    background-repeat: no-repeat;
    background-image: url(images/icons/transparent-image-1.png);
}
#gallery .recipe:nth-child(3) .text-content
{
    background-position: 110% 110%;
    background-image: url(images/icons/transparent-image-2.png);
}
#gallery .recipe:nth-child(4) .text-content
{
    background-position: -10% 110%;
    background-image: url(images/icons/transparent-image-3.png);
}
#gallery .recipe:nth-child(4) .text-content { background-image: url(images/icons/transparent-image-4.png); }
#gallery .recipe:nth-child(5) .text-content { background-image: url(images/icons/transparent-image-5.png); }
#gallery .recipe .text-content .icon
{
    position: relative;
    font-size: 42px;
}
#gallery.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);
}
#gallery .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;
}
#gallery .recipe .text-content .rating
{
    position: relative;
    color: #f7874f;
    font-size: 15px;
    margin-bottom: 10px;
}
#gallery .recipe .text-content .short-desc
{
    position: relative;
    margin-bottom: 15px;
    color: #606060;
}
#gallery .recipe .text-content .price
{
    position: relative;
    margin-bottom: 20px;
    color: #c6a905;
    font-size: 24px;
    font-family: 'Lobster', cursive;
}
#gallery.style-two .recipe .text-content .price { margin-bottom: 0px; }
/*** 

====================================================================
    Products
====================================================================

****/

#products
{
    /*background-color: #ffffff;
    background: url(../images/divider-2.png), url(../images/bg-grn.jpg);
    background-position: top center, top center;
    background-repeat: repeat-x, no-repeat;
    background-size: auto, cover;*/
    padding: 50px 0;
    position: relative;
}
#products h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep.png") repeat-x scroll center bottom;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
    display: table;
}
/*#products h1,
#products p { color: #fff; }*/
#products .box-container
{
    position: relative;
    /*margin-left: -20px;
    margin-right: -20px;*/
    text-align: center;
}
#products .box-container .box
{
    position: relative;
    padding: 0px 30px;
    margin-bottom:30px;
}
#products .box-container .box .image
{
    position: relative;
    display: block;
}
#products .box-container .box .image img
{
    position: relative;
    display: inline-block;
    max-width: 100%;
    border: 5px solid #fff;
    -webkit-transition-duration: all 700ms ease 0s;
    -moz-transition-duration: all 700ms ease 0s;
    -ms-transition-duration: all 700ms ease 0s;
    transition-duration: all 700ms ease 0s;
}
#products .box-container .box:hover .image img
{
    transform: rotate(15deg) scale(1.1, 1.1);
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
    -ms-transform: rotate(15deg) scale(1.1, 1.1);
    -o-transform: rotate(15deg) scale(1.1, 1.1);
    -moz-transform: rotate(15deg) scale(1.1, 1.1);
    opacity: 0.40;
}
#products .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;
}
#products .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;
}
#products .box-container .text-content
{
    margin: 20px 0 0;
    padding: 0;
    position: relative;
}
#products .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; */
}
#products .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; */
}
#products .box-container .text
{
    position: relative;
    color: #606060;
}
#products .box-container h3
{
    background: url("../images/zigzag-sep.png"), url("../images/zigzag-sep.png");
    background-position: top center, bottom center;
    background-repeat: repeat-x, repeat-x;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: #185D2E;
    /*font-family: 'Raleway', sans-serif;*/
    margin: 0 auto;
    padding: 30px 0;
    display: block;
    min-height:100px;
}
#products .box-container a{ color:#222;}
#products .box-container a:hover{ color:#C6A905;}
#products .box-container h3 .icon
{
    position: relative;
    color: #c6a905;
    font-size: 20px;
}
#products .box-container .read-more
{
    position: relative;
    left: 0px;
    color: #c6a905;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
#products .box-container .read-more .fa
{
    position: relative;
    left: 0px;
    font-size: 16px;
    padding-left: 5px;
}
#products .box-container .read-more:hover .fa { left: 5px; }
/*** 

====================================================================
    Our Service Section
====================================================================

****/
#coming-soon:before
{
    background-image: url(../images/divider-2.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9px;
    z-index: 100;
    content: '';
}
#coming-soon:after
{
    background: url(../images/divider-2.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9px;
    z-index: 100;
    content: '';
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}
#coming-soon
{
    background: url(../images/fence.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 30px;
    color: #222;
}
#coming-soon .container
{
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    padding: 20px 40px;
    border-bottom: 4px solid #ccb11b;
    text-align: center;
    width: 30%;
}
#coming-soon .row.ftr{ padding-top:15px;}
#coming-soon h1
{
    color: #1d5f2f;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 20px 0;
    line-height:1;
}
#coming-soon h2
{
    color: #1d5f2f;
    font-size: 22px;
    font-weight: 600;
    line-height:1;
}
#coming-soon p {
    line-height: 1.3;
    margin: 0;
    padding: 20px 0 0;
}
#coming-soon img
{
    margin: 0 auto;
    width: 80%;
}
#coming-soon .social{ padding-bottom:5px;}
#coming-soon .social a
{
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}
#coming-soon .social a:hover { background-color: #fff; }
#coming-soon .social a:nth-of-type(1)
{
    border-color: #25588f;
    color: #25588f;
}
#coming-soon .social a:nth-of-type(2)
{
    border-color: #3498db;
    color: #3498db;
}
#coming-soon .social a:nth-of-type(3)
{
    border-color: #1d4d81;
    color: #1d4d81;
}

#comingsoon .modal-dialog {
    margin: 10% auto;
    width: 80%;
}
#comingsoon .modal-body {
    padding: 15px 5px;
    position: relative;
}
/*** 

====================================================================
    
====================================================================

****/
#banner { margin-top:;
}
#banner .item { }
#banner .item img { width: 100%; }
.main-footer .middle .contact-form .form-group { padding: 0 5px; }
.contact-form .form { padding: 0 10px; }
#sh_contactform-2 .main-footer .middle .contact-form .form-group:last-child { margin: 0 !important; }
#sh_contactform-2 form { margin: 0 -15px; }
#map { margin-bottom: -10px; }
#our-branches { padding: 50px 0; }
#our-branches h1,
#contact-section h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep-dark.png") repeat-x scroll center bottom;
    display: table;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
}
#our-branches div { text-align: center; }
#our-branches h3
{
    color: #185d31;
    margin-bottom: 15px;
}
#our-branches h3 i
{
    display: block;
    font-size: 40px;
    color: #185d31;
    margin: 0 0 20px;
}
#our-branches p { margin-bottom: 20px; }
#contact-section
{
    background: url("../images/divider-2.png") repeat-x scroll center top, rgba(0, 0, 0, 0) url("../images/bg-grn.jpg") no-repeat scroll center top / cover;
    padding: 50px 0;
    position: relative;
}
#contact-section .container
{
    background: #fff;
    padding: 25px;
}
#gallery { padding: 50px 0; }
#gallery h1
{
    background: rgba(0, 0, 0, 0) url("../images/zigzag-sep-dark.png") repeat-x scroll center bottom;
    display: table;
    margin: 0 auto 20px;
    padding: 0 20px 20px;
}



.panel-default > .panel-heading { background:none; text-align:left; border-radius:0; border:0; padding:0;}
.panel-default > .panel-heading a{ background:#175d30; color:#fff; border-left:8px solid #c6a905; padding:15px;}
.panel-default > .panel-heading .collapsed{ background:#c6a905; border-left:8px solid #175d30;}
.panel-body{ text-align:left;}
.panel-body ul{ padding-left:15px;}
.panel-body ul li{ list-style:disc;}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{ display:block; padding:15px;}