/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Default Header
5. Header Style 2
6. Header Style 3
7. Header Style 4
8. Header Style 5
9. Header Style 6
10. Header Style 7
11. Header Style 8
12. Sideheader
13. Sideheader Style 2
14. Dropdown
15. Slider
16. About Section
17. Title
18. Variety Carousel
19. Packages
20. Lemon Therapists
21. Newsletter
22. Lemon Blog Carousel
23. Lemon Reviews Carousel
24. Logos Carousel
25. Map
26. Appointment Box
27. Lemon Spa Services
28. Price Tabs
29. Lemon Team
30. Lemon Gallery
31. Welcome Strip
32. Lemon Products Carousel
33. Blog Posts
34. Lemon Newsletter
35. Lemon Fancy Blog
36. Appointment Banner
37. Lemon Shop
38. Fancy Reviews Carousel
39. Lemon PageTop
40. Welcome Video
41. Team Detail Page
42. Pagination
43. Sidebar
44. Product Detail Page
45. Coming Soon Page
46. Package Detail Page
47. Simple Services
48. Service Detail Page
49. Error 404 Page
50. Contact Page
51. Gallery Page
52. Lemon Cart Page
53. Lemon Checkout Page
54. Footer
55. OWL CAROUSEL STYLING
56. SELECT2 PLUGIN STYLING

=============================================================*/

/*=============== Fonts ===================*/
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import 'https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i';
/*=============== General Styling ===================*/
html, body{overflow-x:hidden}
body{
    float:left;
    width:100%;
    font-family:arimo;
    letter-spacing:0;
    position:relative;
}
h1, h2, h3, h4, h5, h6{
    color:#303030;
    font-family:"Montserrat";
}
p{
    color:#555555;
    font-family:arimo;
    font-size:14px;
    letter-spacing:0.3px;
    line-height:26px;
    margin:0 0 20px;
}
ul li,
ol li{
    font-family:arimo;
}
a{color:inherit}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
input:hover,input:focus{outline:none}
img{height:auto}
.theme-layout{
    float:left;
    position:relative;
    width:100%;
}
.theme-layout.boxed{
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1230px;
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block {
    float: left;
    padding: 150px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.block.less-spacing{padding:80px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-gap{padding-top:0}
.block.no-padding{
    padding-top:0;
    padding-bottom:0;
}
.block.remove-bottom{padding-bottom:0}
.block.gray,.gray{background-color:#fafafa}
.block.gray2,.gray2{background-color:#f0f0f0}
.block.dark{background:#232323}
.block.dark2{background:#0e0e0e}

.block.extra-top{padding-top:300px}


.remove-ext{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
iframe{
    width:100%;
    border:0;
}
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.still {background-position: 0 0 !important;}
.half-parallax .parallax{height:40%}
.blackish:before, .whitish:before, .grayish:before{
    background:#000 none repeat scroll 0 0;
    content:"";
    height:100%;
    opacity:0.8;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.coloured:before{opacity:0.9}
.whitish:before{
    background-color:#FFFFFF;
    opacity:0.95;
}
.grayish:before{
    background-color:#fafafa;
    opacity:0.95;
}
.half-parallax.blackish:before,
.half-parallax.whitish:before{height:40%}
iframe{
    border:0;
    width:100%;
    float:left;
}

/*=============== Cross Browser Compatibility ===================*/
a,
.lemon-btn i,
.lemon-btn,
.lemon-counters li span,
.variety-selector a,
.variety-selector a:before,
.variety-selector a i,
.social-links > a,
.therapist,
.owl-nav > div,
.logos-carousel a img,
.social-icons > a,
.flickr a img,
.tabs-selectors > a,
.member-social > a,
.gallery-img:before,
.gallery-hover > a,
.lemon-product-selectors > a:before,
.lemon-product-selectors > a:after,
.product-img:before,
.product-img > a,
.rating,
.rating i,
.fancy-review:before,
.fancy-review,
.popular-post > img,
.popular-post:before,
.popular-post-name > span,
.product-thumbs button,
.custom-tabs .nav li a:before, 
.custom-tabs .nav li a:after,
.spa-gallery-selectors a:before,
.spa-gallery-selectors a:after,
header.style6 .menu ul li,
header.style6 .menu ul li a i,
.sidemenu > ul li a i,
.header-links > a:before,
.tparrows,
nav ul li ul{
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    -ms-transition:all 0.25s linear;
    -o-transition:all 0.25s linear;
    transition:all 0.25s linear;
}

.lemon-counters li span,
.variety-img > a,
.variety-selector > a,
.variety-selector a:before,
.spa-service > span i,
.about-counter > span i,
.video-popup > a,
.service-detail-img > span,
.spa-gallery-selectors a,
.spa-gallery-selectors a:before,
.header-links > a span,
header.style6 .menu ul li a i,
.responsive-header ul li a:before{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}

/*=============== Default Header ===================*/
header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1000;
}
.topbar {
    background: #222222;
    float: left;
    width: 100%;
}
.topbar ul {
    color: #c0c0c0;
    float: left;
    font-size: 11px;
    list-style: outside none none;
    margin: 0;
    padding: 19px 0;
}
.topbar ul li {
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}
.topbar ul li:before{
    background: #656565;
    content: "";
    height: 12px;
    width: 1px;
    margin-top:-6px;
    position: absolute;
    right:0;
    top:50%;
}
.topbar ul li:last-child:before{display:none}
.topbar ul li i{margin-right:7px}
.header-book {
    background:#39bcdd;
    color: #fff;
    float: right;
    font-family: montserrat;
    font-size: 11px;
    padding: 19px 40px;
    text-transform: uppercase;
}
.header-book:hover {
    color: #FFF;
    opacity: 0.9;
}
.menu-bar {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.menu-bar .container{display:table}
.logo {
    display: table-cell;
    padding: 25px 0;
    vertical-align: top;
}
.menu {
    display: table-cell;
    padding-left: 160px;
    vertical-align: middle;
    width: 100%;
}
nav {
    float: left;
    padding-right: 100px;
    position: relative;
    width: 100%;
}
.menu nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu ul li {
    color: #353535;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.menu ul li a {
    float: left;
    padding: 25px;
    position: relative;
}
.menu li a:before{
    background:#909090;
    content: "";
    height: 3px;
    margin-top: -1.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 3px;
}
.menu li:last-child a:before{display:none}
.header-links {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.header-links > a {
    background: #f2f2f2;
    float: left;
    height: 44px;
    line-height: 44px;
    margin-right: 10px;
    position:relative;
    text-align: center;
    width: 44px;
    color:#000;
}
.header-links > a:last-child{margin:0}
.header-links > a:hover{color:#000}
.header-links > a span {
    color: #fff;
    font-family: montserrat;
    font-size: 10px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 22px;
}
.header-links > a:before{
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.header-links > a:hover:before{
    height: 100%;
    left: 0;
    width: 100%;
}
.header-links > form {
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    height: 50px;
    margin-top: 43px;
    padding-right: 50px;
    display:none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
}
.header-links > form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #0f0f0f;
    float: left;
    font-size: 12px;
    height: 100%;
    padding: 10px 30px;
    width: 100%;
}
.header-links > form button {
    background: #efefef none repeat scroll 0 0;
    border: 0 none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.search-btn.opened i:before{content:"\f00d"}
/*=============== Header Style 2 ===================*/
header.style2 .menu-bar .container {
    background:#fff;
    position: relative;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
}
header.style2 .menu-bar{margin-top:-50px}
header.style2 .topbar {
    position: relative;
    z-index: 1;
}
header.style2 .menu-bar .container:before, 
header.style2 .menu-bar .container:after{
    background:#FFF;
    bottom: 0;
    height: 50px;
    left: -100px;
    position: absolute;
    width: 100px;
}
header.style2 .menu-bar .container:after{
    left: auto;
    right: -100px;
}

/*=============== Header Style 3 ===================*/
header.style3 .menu-bar{background:#000}
header.style3 .menu li a{color:#fff}
header.style3 .menu li ul li a{color:#535353}
header.style3 .header-links > form {
    top: auto;
    bottom: 100%;
    margin-bottom: 43px;
    margin-top: 0;
}
/*=============== Header Style 4 ===================*/
header.style4 {
    position:absolute;
    top:10px;
    left:0;
}
header.style4 .menu-bar{background:rgba(0, 0, 0, 0)}
header.style4 .menu-bar .container{
    background:rgba(0, 0, 0, 0.5);
    padding:0 90px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
    box-sizing:content-box;
}
header.style4 .menu ul li{color:#FFF}
header.style4 .menu li ul li a{color:#535353}

/*=============== Header Style 5 ===================*/
header.style5 .menu-bar{background:rgba(0, 0, 0, 0)}
header.style5{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
header.style5 .logo {
    display: unset;
    float: left;
    padding: 55px 0 30px;
    text-align: center;
    width: 100%;
}
header.style5 .menu{
    background: black none repeat scroll 0 0;
    display: unset;
    float: left;
    padding: 0 70px;
    width: 100%;
    position:relative;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
header.style5 .menu:before{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #fff) repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
header.style5 .menu li{color:#fff}
header.style5 .menu li a:hover{color:#FFF}
header.style5 .menu ul li{text-transform:capitalize}
header.style5 .menu li a:before{display:none}
header.style5 .menu li ul li a{color:#535353}
header.style5 .header-links > form{ margin-top:11px}

/*=============== Header Style 6 ===================*/
header.style6 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
header.style6 .menu-bar {
    background:none;
    border-bottom: 1px solid #888888;
}
header.style6 .menu-bar .container{width:100%}
header.style6 .menu-bar .logo {
    border-right: 1px solid #888;
    padding: 25px 30px;
    text-align: center;
    width: 22%;
}
header.style6 .menu-bar .container{width:100%}
header.style6 .menu {
    padding-bottom: 0;
    padding-left: 200px;
    padding-top: 0;
    position: relative;
    width: 78%;
}
header.style6 .menu nav {
    display: table;
    float: right;
    padding-right: 0;
}
header.style6 .header-links {
    display: table-cell;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 200px;
    -webkit-transform:translate(0);
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    transform:translate(0);
}
header.style6 .header-links a {
    display: inline-block;
    float: none;
}
header.style6 .menu nav > ul {
    border-right: 1px solid #888;
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: auto;
}
header.style6 .menu nav > ul > li {
    color: #fff;
    padding: 31px 0 30px;
    position: relative;
    text-transform: capitalize;
}
header.style6 .menu nav > ul > li > a:before{display:none}
header.style6 .menu nav > ul > li:hover > a{color:#FFF}
header.style6 .menu nav > ul > li > a{
    padding:25px 23px;
    position:unset;
}
header.style6 .menu nav > ul > li > a > i {
    bottom:-20px;
    color: #fff;
    font-size: 24px;
    height: 48px;
    left: 50%;
    line-height: 10px;
    margin-left: -24px;
    visibility:hidden;
    opacity:0;
    z-index:1;
    position: absolute;
    text-align: center;
    width: 48px;
}
header.style6 .menu nav > ul > li:hover > a > i{
    opacity:1;
    visibility:visible;
    bottom:-13px;
}
header.style6 .header-links > form{margin:0}
/*=============== Header Style 7 ===================*/
header.style7 .logo {
    display: unset;
    float: left;
    text-align: center;
    width: 100%;
}
header.style7 .menu {
    background: #ba9a2d;
    display: unset;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
header.style7 .menu:before, 
header.style7 .menu:after {
    background: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1000px;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
}
header.style7 .menu:after{
    left: auto;
    right: 0;
    z-index: 0;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
}
header.style7 .menu ul li,
header.style7 .menu > nav > ul > li:hover > a{color:#fff}
header.style7 .menu ul li a:before{background:#fff}
header.style7 .menu li ul li a{color:#535353}
header.style7 .header-links > form{margin-top:12px}
/*=============== Header Style 8 ===================*/
header.style8 .menu-bar{background:#fff}
header.style8 .container{margin-bottom:-35px}
header.style8 .logo {
    display: unset;
    float: left;
    padding: 55px 0 30px;
    text-align: center;
    width: 100%;
}
header.style8 .menu{
    background: black none repeat scroll 0 0;
    display: unset;
    float: left;
    padding: 0 70px;
    width: 100%;
    position:relative;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
header.style8 .menu:before{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #fff) repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
header.style8 .menu li{color:#fff}
header.style8 .menu li a:hover{color:#FFF}
header.style8 .menu ul li{text-transform:capitalize}
header.style8 .menu li a:before{display:none}
header.style8 .menu li ul li a{color:#535353}
header.style8 .header-links > form{margin-top:12px}
/*=============== Header Style 9 ===================*/
header.style9 .logo {
    background:#39bcdd;
    position: relative;
    z-index: 1;
}
header.style9 .menu-bar{position:relative}
header.style9 .menu-bar .logo:before{
    background: #39bcdd;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    z-index: 1;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
header.style9 .menu-bar .logo:after{
    background:#39bcdd;
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: -1;
    -webkit-transform:skewX(-25deg) translateX(-32px);
    -moz-transform:skewX(-25deg) translateX(-32px);
    -ms-transform:skewX(-25deg) translateX(-32px);
    -o-transform:skewX(-25deg) translateX(-32px);
    transform:skewX(-25deg) translateX(-32px);
}
header.style9 nav {
    float: right;
    padding-right: 0;
    width: auto;
}
/*=============== Sideheader ===================*/
.sideheader-wrapper {
    height: 100%;
    left: -435px;
    position: fixed;
    top: 0;
    width: 530px;
    z-index: 1000;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.sideheader-wrapper.slidein{
    left:0;
    -webkit-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -moz-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -o-transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035);
    transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); /* easeInExpo */

    -webkit-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -moz-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
    -o-transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035);
    transition-timing-function: cubic-bezier(0.950, 0.050, 0.795, 0.035); /* easeInExpo */
}
.sidemenu-btn {
    background:#39bcdd;
    color: #fff;
    font-size: 30px;
    height: 66px;
    line-height: 69px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30px;
    width: 66px;
}
.sidemenu-btn:hover,
.sidemenu-btn:focus{color:#FFF}
.sidemenu {
    background: #1c1c1c none repeat scroll 0 0;
    float: left;
    height: 100%;
    width: 435px!important;
    overflow: auto;
}
.sidemenu .logo {
    display: unset;
    float: left;
    padding: 65px 30px 40px;
    text-align: center;
    width: 100%;
}
.sidemenu > ul {
    float: left;
    list-style: outside none none;
    margin: 50px 0 80px;
    min-height: 300px;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}
.sidemenu > ul li {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.sidemenu > ul li a {
    float: left;
    padding: 13px 10px;
    position: relative;
    width: 100%;
}
.sidemenu > ul > li a:focus{color:#FFF}
.sidemenu > ul li a i {
    font-size: 27px;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.sidemenu > ul >  li:hover a i,
.sidemenu > ul > li.active a i{
    opacity: 1;
    top: 0;
}
.sidemenu > ul > li:hover > a,
.sidemenu > ul > li.active > a{padding-top:30px}
.sidemenu .header-book {
    text-align: center;
    width: 100%;
}

.sidemenu .sideheader-info {
    height: auto;
    margin: 20px 0 0;
    min-height: 0;
}
.sidemenu .sideheader-info li {
    color: #c0c0c0;
    float: left;
    font-family: arimo;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    text-transform:lowercase;
    width: 50%;
}
.sidemenu .sideheader-info li:before{
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.sidemenu .sideheader-info li:last-child:before{display:none}
.sideheader-wrapper .header-links {
    position: fixed;
    right: 30px;
    top: 30px;
    width: 44px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.sideheader-wrapper .header-links a {
    margin-bottom: 10px;
    margin-right: 0;
}
.sidemenu > ul ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

.sideheader-wrapper .header-links > form {
    bottom: 0;
    height: 44px;
    left: auto;
    margin: 0 0 10px;
    right: 100%;
    top: auto;
}

/*=============== Sideheader Style 2 ===================*/
.sideheader-wrapper.style2 .sidemenu{background:#fff}
.sideheader-wrapper.style2 .sidemenu ul li{
    border-bottom: 1px solid #d2d2d2;
    color: #353535;
}
.sideheader-wrapper.style2 .sidemenu ul li:focus > a{color: #353535;}
.sideheader-wrapper.style2 .sidemenu > ul{padding:0 80px}
.sideheader-wrapper.style2 .sidemenu ul li:last-child{border:0 none}
.sideheader-wrapper.style2 .sidemenu ul li:hover > a{
    color: #ba9a2d;
    padding: 13px 10px;
}
.sideheader-wrapper.style2 .sidemenu ul li i{display:none}
.sideheader-wrapper.style2 .sidemenu .sideheader-info{padding:0 40px}
.sideheader-wrapper.style2 .sidemenu .sideheader-info li{border:0 none}
/*=============== Dropdown ===================*/
nav ul li ul {
    background: #fff none repeat scroll 0 0;
    padding: 20px 30px;
    position: absolute;
    top: 100%;
    width:210px;
    opacity: 0;
    visibility: hidden;
    list-style:none;
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    -o-transform:translateX(-50px);
    transform:translateX(-50px);
}
nav ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
nav ul li ul li {
    color: #5a5b60;
    float: left;
    line-height: 15px;
    margin: 5px 0;
    width: 100%;
}
nav ul li ul li a {
    padding: 5px 20px 5px 0;
    position: relative;
    width: 100%;
}
nav ul li ul ul {
    left: 150px;
    top:0;
    z-index: 1;
    -webkit-box-shadow:-1px 1px 7px #a3a3a3;
    -moz-box-shadow:-1px 1px 7px #a3a3a3;
    -ms-box-shadow:-1px 1px 7px #a3a3a3;
    -o-box-shadow:-1px 1px 7px #a3a3a3;
    box-shadow:-1px 1px 7px #a3a3a3;
}
nav ul li ul li.menu-item-has-children > a:before{
    content:"\f105";
    font-family: fontawesome;
    position: absolute;
    right: 0;
}
.menu ul li li a{padding:15px 0}
.menu ul li li a:before{display:none}
header .menu nav ul li{
    margin:0;
    position:relative;
}
.responsive-header {
    float: left;
    width: 100%;
    padding: 20px 30px 0;
    display:none;
}
.responsive-header .logo {
    display: unset;
    float: left;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.responsive-header .logo img{width:200px}
.responsive-header .header-links {
    position: relative;
    text-align: center;
    display: table;
    width: auto;
    margin: 0 auto 20px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
.responsive-header .header-links a {
    display: inline-block;
    float: none;
    margin: 0 5px;
}
.responsive-header > ul {
    background: #222222;
    height: 100%;
    left:-290px;
    list-style: outside none none;
    margin: 0;
    overflow:auto;
    padding: 50px 30px;
    position: fixed;
    top: 0;
    width:290px;
    z-index: 100000;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
}
.responsive-header > ul.slidein{left:0}
.responsive-header ul li {
    color: #fff;
    font-size: 13px;
    line-height: 26px;
    padding: 10px 0 10px 20px;
    position: relative;
    font-family: montserrat;
    float: left;
    width: 100%;
}
.responsive-header ul li a:before{
    border: 2px solid #fff;
    content: "";
    height: 8px;
    left: -20px;
    position: absolute;
    top: 9px;
    width: 8px;
}
.responsive-header ul li a {
    float: left;
    position: relative;
    width: 100%;
}
.responsive-header ul li a:focus{color:#FFF}
.responsive-header ul ul {
    float: left;
    list-style: outside none none;
    display:none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}
.responsive-header ul li:before{
    background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent, #5f5f5f, transparent) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.responsive-header ul li:last-child:before{display:none}
.responsive-header .header-links > form {
    left: 50%;
    margin-top: 20px;
    width: 300px;
    z-index: 10;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}

/*=============== Slider ===================*/
.layer1{
    font-family:great vibes;
    font-weight:700; 
}
.layer2{
    color:#FFF;
    font-family:montserrat;
    font-weight:900;
}
.layer3{
    background:#000;
    font-family:montserrat;
    color:#FFF;
    text-transform:uppercase;
    font-weight:700;

}
.layer4{
    color:#FFF;
    text-align:center;
}
.layer5{
    color:#FFF;
    font-family:montserrat;
    text-transform:uppercase;
    font-weight:700;
}
.layer5:hover{color:#FFF}
.layer5 i {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;
    font-size: 15px !important;
    height: 100%;
    line-height: 48px !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.layer6{
    color:#FFF;
    text-transform:uppercase;
    font-family:montserrat;
    font-weight:700;    
}
.layer6 i{font-style:normal}
.layer7{
    color:#FFF;
    text-transform:uppercase;
    font-family:montserrat;
    font-weight:700;
}
.layer8{color:#FFF}

/*=============== About Section ===================*/
.about-section {
    display: table;
    width: 100%;
}
.about-img {
    display: table-cell;
    vertical-align: middle;
}
.about-detail {
    display: table-cell;
    padding-left: 110px;
    position: relative;
    vertical-align: middle;
}
.about-title span {
    display: table;
    font-family: Great vibes;
    font-size: 22px;
}
.about-title h3 {
    display: table;
    font-size: 40px;
    font-weight: bold;
    line-height: 31px;
    margin: 5px 0 0;
}
.about-title {
    bottom: -30px;
    left: 65px;
    position: absolute;
    width: 100%;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0 50% 0;
    -moz-transform-origin:0 50% 0;
    -ms-transform-origin:0 50% 0;
    -o-transform-origin:0 50% 0;
    transform-origin:0 50% 0;
}
.lemon-btn {
    background: #2e2e2e none repeat scroll 0 0;
    color: #fff;
    border:0;
    display: inline-block;
    font-family: montserrat;
    font-size: 13px;
    margin-right: 50px;
    margin-top: 60px;
    padding: 18px 40px 20px;
    position: relative;
    text-transform: uppercase;
}
.lemon-btn:focus,
.lemon-btn:hover{color:#FFF}
.lemon-btn i {
    background: #181818 none repeat scroll 0 0;
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    height: 100%;
    left: 100%;
    line-height: 54px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}


.about-section.style2 .about-detail{padding-right:40px}
.about-section.style2{padding-left:40px}
.about-section.style2 .about-title h3{position:relative}
.about-section.style2 .about-title h3:before{
    background:#1a1a1a;
    content: "";
    height: 1px;
    left: 100%;
    margin-left: 60px;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    width: 100px;
}
.about-section.style2 .about-title {
    bottom: 50%;
    margin-bottom: -120px;
    width: auto;
    left:40px;
    -webkit-transform: rotate(-90deg) translateX(-50%);
    -moz-transform: rotate(-90deg) translateX(-50%);
    -ms-transform: rotate(-90deg) translateX(-50%);
    -o-transform: rotate(-90deg) translateX(-50%);
    transform: rotate(-90deg) translateX(-50%);
}
.about-section.style2 .about-img{width:50%}
.about-section.style2 .about-img img{width:100%}
.about-counters {
    float: left;
    margin-bottom: -30px;
    margin-top: 30px;
    width: 100%;
}
.about-counter {
    display: table;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.about-counter > span {
    display: table-cell;
    vertical-align: top;
    width: 70px;
}
.abt-ctr-text {
    display: table-cell;
    vertical-align: top;
}
.about-counter > span i {
    color: #fff;
    display:inline-block;
    font-size:35px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
.abt-ctr-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.abt-ctr-text strong{
    display: table;
    font-family: montserrat;
    font-size: 33px;
    line-height: 27px;
}
.abt-ctr-text > i {
    color: #404040;
    display: table;
    font-family: montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing:1px;
    margin-top: 7px;
}


.lemon-counters {
    float: left;
    list-style: outside none none;
    margin:90px 0 0;
    padding: 0;
    width: 100%;
}
.lemon-counters li {
    float: left;
    text-align: center;
    width: 20%;
    text-transform:uppercase;
    position:relative;
}


.lemon-counters li:first-child:nth-last-child(1),
.lemon-counters li:first-child:nth-last-child(1) ~ li{width:100%;}
.lemon-counters li:first-child:nth-last-child(2),
.lemon-counters li:first-child:nth-last-child(2) ~ li{width:50%;}
.lemon-counters li:first-child:nth-last-child(3),
.lemon-counters li:first-child:nth-last-child(3) ~ li{width:33.334%;}
.lemon-counters li:first-child:nth-last-child(4),
.lemon-counters li:first-child:nth-last-child(4) ~ li{width:25%;}
.lemon-counters li:first-child:nth-last-child(5),
.lemon-counters li:first-child:nth-last-child(5) ~ li{width:20%;}
.lemon-counters li:first-child:nth-last-child(6),
.lemon-counters li:first-child:nth-last-child(6) ~ li{width:16.666%;}
.lemon-counters li span {
    color: #fff;
    display: inline-block;
    font-size: 35px;
    height: 72px;
    line-height: 76px;
    width: 72px;
    -webkit-transition: all 600ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */    
}
.color1{background:#f207b8}
.color2{background:#07f2b8}
.color3{background:#f2bd07}
.color4{background:#ef07f2}
.color5{background:#f20749}
.color6{background:#07f29c}
.lemon-counters li strong {
    color: #404040;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-top: 15px;
    width: 100%;
}
.lemon-counters li > i {
    float: left;
    font-family: montserrat;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 20px;
    width: 100%;
}
.lemon-counters li:before, 
.lemon-counters li:after{
    background: #ededed;
    content: "";
    height: 50px;
    margin-top: -25px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.lemon-counters li:after{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 40px;
    margin-top: -20px;
    right: -2.5px;
    width: 6px;
}
.lemon-counters li:last-child:before, 
.lemon-counters li:last-child:after{display:none}
.lemon-counters li:hover span{
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px);
}

/*=============== Title ===================*/
.title {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.title > span {
    float: left;
    font-family: great vibes;
    font-size: 22px;
    line-height: 25px;
    width: 100%;
}
.title h2 {
    color: #404040;
    float: left;
    font-size: 40px;
    font-weight: 600;
    margin: 10px 0 20px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}
.title h2:before{
    background: rgba(0, 0, 0, 0) url("../images/title-border.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}
.title > p {
    float: left;
    font-style: italic;
    line-height: 28px;
    margin: 0;
    width: 100%;
}

.title.style2 h2,
.title.style2 p{color:#FFF}
.title.style2 p{font-style:normal}
/*=============== Variety Carousel ===================*/
.variety-carousel-wrap {
    float: left;
    padding-left: 90px;
    position: relative;
    width: 100%;
}
.vareity-carousel {
    float: left;
    padding:50px 0 50px 60px;
    position: relative;
    width: 100%;
}
.vareity-carousel:before{
    background: white none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 85%;
    z-index: -1;
}
.variety-slide {
    display: table;
    width: 100%;
}
.variety-text {
    display: table-cell;
    padding: 0 50px;
    text-align: center;
    vertical-align: middle;
    opacity:0;
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    -o-transform:translateX(-50px);
    transform:translateX(-50px);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.variety-img {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    opacity:0;
    -webkit-transform:translateX(50px);
    -moz-transform:translateX(50px);
    -ms-transform:translateX(50px);
    -o-transform:translateX(50px);
    transform:translateX(50px);
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.active .variety-text,
.active .variety-img{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.variety-text > span {
    float: left;
    font-family: great vibes;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.variety-text h4 {
    background: transparent url("../images/title-border.png") no-repeat scroll center bottom / 55px 4px;
    color: #303030;
    float: left;
    font-size: 22px;
    margin: 0 0 20px;
    padding-bottom: 20px;
    font-weight:600;
    text-transform: uppercase;
    width: 100%;
}
.variety-text > strong {
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 20px;
    width: 100%;
}
.variety-text > strong i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}
.variety-text > p {
    float: left;
    width: 100%;
}
.view-all{
    display: inline-block;
    font-family: montserrat;
    font-size: 11px;
    margin-top: 20px;
    text-transform: uppercase;
}
.view-all i{margin-left:5px}
.variety-img > a {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0 padding-box content-box;
    border: 3px solid rgba(255, 255, 255, 0.85);
    font-size: 20px;
    height: 78px;
    left: 50%;
    line-height: 70px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 78px;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.variety-selector {
    left: 40px;
    position: absolute;
    top: 50%;
    width: 110px;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.variety-selector > a {
    border: 5px solid #fff;
    float: left;
    height: 110px;
    margin: 5px 0;
    overflow: hidden;
    position:relative;
    width: 110px;
}
.variety-selector > a.active {
    border: 10px solid #fff;
    height: 120px;
    margin: 0;
    width: 120px;
}
.variety-selector > a:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.variety-selector > a.active:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.variety-selector a i{
    color: #fff;
    font-size: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 100;
    opacity:0;
}
.variety-selector a.active i{
    opacity:1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}    

/*=============== Packages ===================*/
.all-packages {
    float: left;
    width: 100%;
    margin-bottom:-30px;
}
.lemon-package {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom:30px;
}
.lemon-package > img{max-width:100%}
.package-detail {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    padding: 75px 65px;
    position: absolute;
    right: 0;
    width: 370px;
}
.package-price {
    color: #fff;
    font-family: montserrat;
    font-size: 16px;
    padding: 20px 35px;
    position: absolute;
    right: 100%;
    top: 20px;
    white-space: nowrap;
}
.package-price i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}
.package-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.package-detail > h4 {
    float: left;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 30px;
    text-transform: uppercase;
    width: 100%;
}
.package-detail > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.package-detail li {
    color: #555555;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.package-detail li:before{
    border-bottom: 4px solid transparent;
    border-left: 4px solid #555555;
    border-top: 4px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 6px;
    width: 0;
}
.lemon-package.style2 .package-detail {
    padding: 65px 55px;
    width: 340px;
}
.lemon-package.style2 .package-detail .package-price {
    bottom: 100%;
    right: 0;
    top: auto;
}
.lemon-package.style2 > img{margin-bottom:173px}

.go-button {
    float: left;
    text-align: center;
    width: 100%;
}


.lemon-package.style3 .package-detail {
    float: left;
    position: relative;
    width: 100%;
}
.lemon-package.style3 .package-detail .package-price {
    bottom: 100%;
    right: 0;
    top: auto;
}

/*=============== Lemon Therapists ===================*/
.lemon-therapists {
    float: left;
    width: 100%;
    position:relative;
}
.lemon-therapists > div{padding:0}
.therapist {
    background: #fff none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 50px 70px 0 60px;
    width: 100%;
}
.therapist.active{background:#f0f0f0}
.therapist > img {
    display: table-cell;
    vertical-align: top;
    width: 230px;
}
.therapist-detail {
    display: table-cell;
    padding-left: 30px;
    padding-top: 60px;
    vertical-align: top;
}
.therapist-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    margin-bottom: 10px;
    width: 100%;
}
.therapist-detail > h4 {
    float: left;
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    margin: 0 0 10px;
    width: 100%;
}
.therapist-detail > span {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.therapist-detail > p {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.therapist-detail > a {
    float: left;
    font-family: montserrat;
    font-size: 11px;
    text-transform: uppercase;
}
.therapist-detail > span i {
    font-style: normal;
    margin: 0 10px;
}
.social-links {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.social-links > a{
    color: #4e4e4e;
    float: left;
    font-size: 20px;
    line-height: 20px;
    padding: 0 12px;
    position: relative;
}
.social-links > a:before{
    background: #b6b6b6 none repeat scroll 0 0;
    content: "";
    height: 14px;
    margin-top: -7px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.social-links > a:first-child{padding-left:0}
.social-links > a:last-child:before{display:none}
.all-button {
    background: black none repeat scroll 0 0;
    border: 7px solid #fff;
    color: #fff;
    font-family: montserrat;
    font-size: 11px;
    left: 50%;
    padding: 15px 30px;
    position: absolute;
    text-transform: uppercase;
    top:50%;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -o-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:translateX(-50%) translateY(-50%) rotate(-90deg);
}
.all-button:hover{color:#FFF}

/*=============== Newsletter ===================*/
form.newsletter {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 58px;
    margin: 0 25%;
    overflow: hidden;
    position: relative;
    width: 50%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
form.newsletter input {
    border: 0 none;
    color: #8a8a8a;
    font-family: arimo;
    font-size: 12px;
    height: 100%;
    padding: 10px 40px;
    width: 100%;
}
form.newsletter button {
    background: black none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    height: 100%;
    padding: 10px 40px;
    position: absolute;
    right: -1px;
    text-transform: uppercase;
    top: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

/*=============== Lemon Blog Carousel ===================*/
.lemon-blog-carousel {
    float: left;
    width: 100%;
}
.lemon-blog-slide {
    float: left;
    position: relative;
    width: 100%;
}
.lemon-blog-slide > img{
    width:100%;
    margin-bottom:50px;
}
.blog-date {
    color: #fff;
    left: 50px;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 112px;
    z-index: 1;
}
.blog-date:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
}
.blog-date > i {
    float: left;
    font-family: montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding: 10px;
    width: 100%;
}
.blog-date > span {
    background: #fff none repeat scroll 0 0;
    color: #303030;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    margin: 5px -10% 0;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 120%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.blog-details {
    background: #fff none repeat scroll 0 0;
    bottom: -120px;
    opacity: 0;
    padding: 85px 65px;
    position: absolute;
    right: 90px;
    width: 370px;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -ms-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
.blog-listview .lemon-blog-slide .blog-details{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.active .blog-details,
.blog-listview .lemon-blog-slide:hover .blog-details{
    bottom:0;
    opacity:1;
}
.blog-details > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 5px;
    width: 100%;
}
.blog-details > h3 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 15px;
    width: 100%;
    text-transform:capitalize;
}
.blog-details > h3 a{color:inherit}
.meta {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.meta > li {
    color: #555555;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 20px;
}
.meta > li i {
    color: #b0b0b0;
    margin-right: 5px;
}
.blog-details > p {
    float: left;
    letter-spacing: 0.1px;
    margin-bottom: 0;
    margin-top:25px;
    width: 100%;
}
.blog-details .view-all{margin-top:30px}
.lemon-blog-carousel .owl-nav {
    bottom: 90px;
    height: auto;
    left: auto;
    position: absolute;
    right: 435px;
    top: auto;
    width: 50px;
}
.lemon-blog-carousel .owl-nav > div {
    background: black none repeat scroll 0 0;
    color: transparent;
    float: left;
    height: 50px;
    margin:0 0 10px !important;
    position: relative;
    width: 50px;
}
.lemon-blog-carousel .owl-nav > div:before{
    font-size: 20px;
    line-height: 50px;
}


.blog-listview {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.blog-listview .lemon-blog-slide{margin-bottom:30px}

/*=============== Lemon Reviews Carousel ===================*/
.lemon-reviews-carousel {
    float: left;
    width: 100%;
}
.review-slide {
    display: table;
    float: left;
    width: 100%;
}
.review-slide > img{
    display:table-cell;
    opacity:0;
    -webkit-transform:translateX(-70px);
    -moz-transform:translateX(-70px);
    -ms-transform:translateX(-70px);
    -o-transform:translateX(-70px);
    transform:translateX(-70px);
    -webkit-transition:all 0.5s ease 0.3s;
    -moz-transition:all 0.5s ease 0.3s;
    -ms-transition:all 0.5s ease 0.3s;
    -o-transition:all 0.5s ease 0.3s;
    transition:all 0.5s ease 0.3s;
}
.review {
    display: table-cell;
    padding-top: 20px;
    vertical-align: top;
    opacity:0;
    -webkit-transform:translateX(70px);
    -moz-transform:translateX(70px);
    -ms-transform:translateX(70px);
    -o-transform:translateX(70px);
    transform:translateX(70px);
    -webkit-transition:all 0.5s ease 0.5s;
    -moz-transition:all 0.5s ease 0.5s;
    -ms-transition:all 0.5s ease 0.5s;
    -o-transition:all 0.5s ease 0.5s;
    transition:all 0.5s ease 0.5s;
}
.review > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.review > strong {
    float: left;
    font-size: 22px;
    font-weight: 600;
    font-family:montserrat;
    line-height: 20px;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.review blockquote {
    border: 0 none;
    color: #555555;
    float: left;
    font-family: arimo;
    font-size: 15px;
    font-style: italic;
    line-height: 30px;
    padding: 0;
    position: relative;
    width: 100%;
}
.review blockquote i{
    color:#adadad;
    font-size:16px;
    padding:0 5px;
}
.review > span {
    float: left;
    font-family: montserrat;
    width: 100%;
}

.active .review-slide > img,
.active .review{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.lemon-reviews-carousel .owl-nav {
    bottom: 60px;
    height: auto;
    left: 370px;
    position: absolute;
    top: auto;
    width: 85px;
}
.lemon-reviews-carousel .owl-nav > div{margin:0!important}
/*=============== Logos Carousel ===================*/
.logos-carousel a {
    float: left;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.logos-carousel a img{max-width:100%}
.logos-carousel:hover a img{
    -webkit-filter:blur(3px);
    filter:blur(3px);
}
.logos-carousel:hover a:hover img{
    -webkit-filter:blur(0);
    filter:blur(0);
}
.owl-nav {
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-nav > div {
    background: black none repeat scroll 0 0;
    color: transparent;
    float: left;
    height: 39px;
    margin-left: -50px;
    margin-right: 5px;
    margin-top: -20px;
    position: relative;
    width: 39px;
}
.owl-nav > div.owl-next {
    float: right;
    margin:-20px -50px 0 0;
}
.owl-nav > div:before{
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 15px;
    height: 100%;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.owl-nav > div.owl-next:before{content:"\f105"}
/*=============== Map ===================*/
.map{float:left; width:100%;}
.map #map-canvas{
    height:490px;
    margin:0px;
    padding:0px
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
}
.contact-button{
    background:rgba(255,255,255,0.9);
    position:absolute;
    left:50%;
    top:50%;
    padding:70px;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.contact-button .lemon-btn{margin-top:0}
.contact-button .lemon-btn:hover{color:#FFF}
.lemon-btn i{z-index:1}
.lemon-btn i:after{
    background:black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*=============== Appointment Box ===================*/
.appointment-box {
    display: table;
    float: left;
    width: 100%;
}
.appointment-title {
    background: #fff none repeat scroll 0 0;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 20%;
}
.title-inner {
    padding: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    -o-transform:translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:translateX(-50%) translateY(-50%) rotate(-90deg);
}
.title-inner > span {
    float: left;
    font-family: great vibes;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 10px;
    white-space: nowrap;
    width: 100%;
}
.title-inner h3 {
    float: left;
    font-size: 34px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

.appointment-form {
    display: table-cell;
    vertical-align: middle;
}
.appointment-fields {
    float: left;
    padding: 80px;
    width: 100%;
}
.appointment-fields input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #8b8b8b;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    height: 55px;
    margin-bottom: 10px;
    padding: 10px 30px;
    width: 100%;
}
.appointment-fields .row > div{padding:0 5px}
.appointment-fields .row{margin:0 -5px}

.appointment-bottom {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 40px 80px;
    width: 100%;
}
.appointment-bottom .social-links {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: auto;
}
.appointment-bottom .social-links a {
    color: #fff;
    font-size: 16px;
}
.appointment-bottom .social-links a::before {
    background: #fff none repeat scroll 0 0;
    height: 10px;
    margin-top: -5px;
}
.verify {
    color: #f8f8f8;
    display: table-cell;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    width: 410px;
}
.verify:hover{color:#FFF}
.appointment-bottom .lemon-btn {
    display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 210px;
}

.appointment-box.overlap{margin-top:-250px}


.appointment-box.dark .appointment-title{background:#010101}
.appointment-box.dark .appointment-title .title-inner h3{color:#fff}
/*=============== Lemon Spa Services ===================*/
.lemon-spa-services {
    float: left;
    width: 100%;
}
.spa-services {
    float: left;
    margin-bottom: -60px;
    width: 100%;
}
.spa-service {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.spa-service > span {
    display: table-cell;
    vertical-align: top;
    width: 82px;
}
.spa-service > span i {
    color: #fff;
    display: inline-block;
    font-size: 38px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    width: 82px;
}
.spa-service-detail {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}
.spa-service-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.spa-service-detail h5 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    width: 100%;
}
.spa-service-detail > p {
    float: left;
    margin: 0;
    width: 100%;
}
.spa-services.reversed .spa-service-detail {
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}
.mockup {
    float: left;
    text-align: center;
    width: 100%;
}
.mockup > img{max-width:100%}

.lemon-spa-services.dark .spa-service-detail h5, 
.lemon-spa-services.dark .spa-service-detail p{color: #fff}

/*=============== Price Tabs ===================*/
.price-tabs {
    background: transparent url("../images/price-tabs.jpg") no-repeat scroll 0 0 / cover ;
    float: right;
    padding: 110px 80px;
    position: relative;
    width: 50%;
    z-index: 1;
}
.prices-tab-carousel {
    float: left;
    width: 100%;
}
.price-slide {
    float: left;
    padding-left:140px;
    width: 100%;
    position:relative;
    overflow:hidden;
}
.price-slide-title {
    left:-150px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 500px;
    opacity:0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition:all 0.4s ease 0.3s;
    -moz-transition:all 0.4s ease 0.3s;
    -ms-transition:all 0.4s ease 0.3s;
    -o-transition:all 0.4s ease 0.3s;
    transition:all 0.4s ease 0.3s;
}
.owl-item.active .price-slide-title{
    left:-210px;
    opacity:1;
}
.price-title-inner {
    display: inline-block;
    text-align: left;
}
.price-slide-title i {
    display: table;
    font-family: great vibes;
    font-size: 22px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 5px;
}
.price-slide-title h4 {
    display: table;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.price-slide > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-slide > ul li {
    color: #555;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    line-height: 30px;
    margin-bottom:35px;
    opacity: 0.7;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
    opacity:0;
    -webkit-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -o-transform:translateY(100px);
    transform:translateY(100px);
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.owl-item.active .price-slide > ul li{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.price-slide > ul li strong {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding-right: 10px;
    position: relative;
}
.price-slide > ul li span {
    background: #fff none repeat scroll 0 0;
    float: right;
    padding-left: 10px;
}
.price-slide > ul li:before{
    border-bottom: 2px dashed #b5b4b4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.price-tabs:before{
    background: white none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.96;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.tabs-selectors {
    background: #000 none repeat scroll 0 0;
    bottom: -46px;
    left: -44px;
    padding:30px 30px 30px 100px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    -o-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
}
.tabs-selectors a {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    margin: 0 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.price-tabs.style2 {
    background: white url("../images/price-tabs2.png") no-repeat scroll right bottom / auto 100%;
    float: left;
    margin: 0 17% -150px;
    padding-right: 320px;
    width: 66%;
}
.price-tabs.style2:before{
    background-clip: content-box;
    padding-right:280px;
}
.price-tabs.style2 .price-slide-title{text-align:center}
.price-tabs.style2 .price-slide-title .price-title-inner{
    padding-left:60px;
    position:relative;
}
.price-tabs.style2 .price-slide-title .price-title-inner span{
    font-size:45px;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}


.price-tabs.dark:before{background:#0e0e0e}
.price-tabs.dark .price-slide-title h4{color:#fff}
.price-tabs.dark .price-slide > ul li strong, 
.price-tabs.dark .price-slide > ul li span {
    background: #0e0e0e none repeat scroll 0 0;
    color: #fff;
}
/*=============== Lemon Team ===================*/
.lemon-team {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.member {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.member-img {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.member-img > img{width:100%}
.member-img:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left:50%;
    opacity:0;
    position: absolute;
    top: 0;
    width:0;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.member:hover .member-img:before{
    left:0;
    width:100%;
    opacity:0.7;
}
.member-img > p{
    color: #fff;
    left: 0;
    margin: 0;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    opacity:0;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.member:hover .member-img > p{
    opacity:1;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.member > span {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 5px;
    width: 100%;
}
.member > strong {
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}
.member-social {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.member-social > a {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin:0 5px;
    position: relative;
    width: 28px;
    z-index: 1;
}
.member-social > a:hover{color:#FFF}
.member-social > a:before{
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}


.lemon-team.dark .member > strong{color:#fff}
.lemon-team.dark .member-social > a:before {background:#fff}
.lemon-team.dark .member-social > a{color:#333}

/*=============== Lemon Gallery ===================*/
.lemon-gallery  {
    float: left;
    text-align: center;
    width: 100%;
}
.gallery-selectors {
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: -5px;
    padding: 20px 110px;
}
.gallery-selectors a {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 14px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.lemon-gallery-carousel{
    float: left;
    margin: 30px 0 -30px;
    width: 100%;
}
.lemon-gallery.merged-grids .lemon-gallery-carousel{margin:0 0 -30px}
.gallery-slide {
    float: left;
    overflow: hidden;
    width: 100%;
}
.gallery-slide ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery-slide li {
    display: inline-block;
    margin:0px -2px -6px;
}
.lemon-gallery.merged-grids .gallery-slide li{width: 20%;}
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(1),
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(1) ~ li{width:100%;}
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(2),
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(2) ~ li{width:50%;}
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(3),
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(3) ~ li{width:33.334%;}
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(4),
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(4) ~ li{width:25%;}
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(5),
.lemon-gallery.merged-grids .gallery-slide li:first-child:nth-last-child(5) ~ li{width:20%;}
.lemon-gallery.merged-grids .gallery-img{margin:0}
.gallery-img {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom:30px;
}
.gallery-img > img {
    -webkit-transition:all 4s ease 0s;
    -moz-transition:all 4s ease 0s;
    -ms-transition:all 4s ease 0s;
    -o-transition:all 4s ease 0s;
    transition:all 4s ease 0s;
    width: 100%;
}
.gallery-img:hover > img{
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
}
.gallery-img:before{
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:1;
}
.gallery-img:hover:before{opacity:0.7}
.gallery-hover {
    left: 0;
    padding: 10px 30px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index:2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery-hover > i {
    color: #fff;
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    width: 100%;
    opacity:0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
.gallery-hover > h4 {
    color: #fff;
    float: left;
    font-size: 18px;
    margin: 10px 0 20px;
    width: 100%;
    opacity:0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
.gallery-img:hover .gallery-hover > i,
.gallery-img:hover .gallery-hover > h4{
    opacity:1;    
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.gallery-hover > a{
    display:inline-block;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -ms-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s;
}
.gallery-img:hover .gallery-hover > a{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}


.lemon-gallery .style2 .gallery-img:hover:before,
.lemon-gallery .style3 .gallery-img:hover:before{opacity:0.9}
.lemon-gallery .style2 .gallery-img:before{
    background-clip: content-box;
    padding: 10px;
}
.lemon-gallery .style3 .gallery-img::before {
    background-clip: content-box;
    padding: 30px;
}
.lemon-gallery .style3 .gallery-hover > h4 {
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
}
.lemon-gallery .style3 .gallery-hover > h4::before {
    background: white none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}
.lemon-gallery .style3 .gallery-hover a img{width:30px}


/*=============== Welcome Strip ===================*/
.welcome-strip {
    background: black none repeat scroll 0 0;
    float: left;
    padding: 40px 0;
    text-align: center;
    width: 100%;
}
.welcome-strip > h3 {
    color: #fff;
    display: inline-block;
    margin: 0 130px 0 0;
    vertical-align: middle;
}
.welcome-strip .lemon-btn{margin-top:0}
.welcome-strip > h3 strong{text-transform:uppercase}
.welcome-strip > h3 i {
    display: inline-block;
    font-size: 45px;
    margin-right: 10px;
    vertical-align: middle;
}
/*=============== Lemon Products Carousel ===================*/
.lemon-products-carousel {
    float: left;
    width: 100%;
}
.lemon-slide {
    float: left;
    width: 100%;
}
.lemon-product-img {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.lemon-product-detail {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin-left: -10%;
    padding: 80px 70px 140px 200px;
    vertical-align: middle;
    width: 60%;
}
.lemon-product-img .lemon-btn {
    margin-top: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.lemon-product-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 10px;
    width: 100%;
}
.lemon-product-detail > h5 {
    float: left;
    font-family: montserrat;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 70%;
}
.star {
    float: right;
    margin-bottom: 17px;
    padding: 4px 0;
    text-align: right;
    width: 30%;
}
.price {
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.price > i {
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}
.lemon-product-detail > p {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.lemon-product-detail .view-all {
    float: left;
    width: 100%;
}
.lemon-product-selectors {
    bottom: 0;
    position: absolute;
    right: 70px;
    z-index: 1;
}
.lemon-product-wrapper {
    float: left;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
}
.lemon-product-selectors > a {
    display: inline-block;
    margin: 0 5px;
    position: relative;
}
.lemon-product-selectors > a:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.lemon-product-selectors > a:after{
    background: transparent url("../images/gallery-icon.png") no-repeat scroll center center;
    content: "";
    height: 100%;
    width: 100%;
    opacity:0;
    position: absolute;
    left: 0;
    top: 0;
}
.lemon-product-selectors > a.active:before{opacity:0.7}
.lemon-product-selectors > a.active:after{opacity:1}



.lemon-product-wrapper.dark .lemon-product-detail{background:#0e0e0e}
.lemon-product-wrapper.dark .lemon-product-detail h5{color:#fff}
.lemon-product-wrapper.dark .lemon-product-detail > p{color:#bdbdbd}
.lemon-product-wrapper.dark .lemon-product-img .lemon-btn:hover{color:#FFF}

/*=============== Blog Posts ===================*/
.blog-posts {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-left: -50px;
    margin-bottom:-30px;
    padding:50px 50px 0 50px;
    width: 100%;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
    box-sizing:content-box;
}
.blog-posts.style2{background:none}
.lemon-post {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.lemon-post-img {
    float: left;
    position: relative;
    width: 100%;
}
.lemon-post-img > img{width:100%}
.lemon-post-img > span{
    background: black none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    left: 50%;
    padding: 15px 35px;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform:translateX(-50%) translateY(50%);
    -moz-transform:translateX(-50%) translateY(50%);
    -ms-transform:translateX(-50%) translateY(50%);
    -o-transform:translateX(-50%) translateY(50%);
    transform:translateX(-50%) translateY(50%);
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
.lemon-post-detail {
    float: left;
    padding:60px 70px 50px;
    width: 100%;
}
.lemon-post-detail > h5 {
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.lemon-post-detail > p {
    float: left;
    line-height: 26px;
    margin: 30px 0 0;
    width: 100%;
}
.lemon-post-detail .meta li {
    display: inline-block;
    float: none;
    margin: 0 9px;
}

.blog-posts.dark{background:#232323}
.blog-posts.dark .lemon-post {background:#0e0e0e}
.blog-posts.dark .lemon-post h5, 
.blog-posts.dark .lemon-post p {color:#fff}
.blog-posts.dark .lemon-post-detail .meta li{color:#b0b0b0}


.blog-posts.no-gap {
    margin: 0;
    padding: 0;
}
.blog-posts.style2 .lemon-post{background:#FFF}

/*=============== Lemon Newsletter ===================*/
.lemon-newsletter {
    display: table;
    float: left;
    width: 100%;
}
.newsletter-title {
    display: table-cell;
    padding: 40px 100px;
    vertical-align: middle;
    width:50%;
}
.newsletter-title > i {
    color: #fff;
    font-family: great vibes;
    font-size: 22px;
    font-style: normal;
    line-height: 20px;
}
.newsletter-title > h4 {
    color: #fff;
    display: table;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    margin: 10px 0 0;
}
.newsletter-form {
    background: #232323 none repeat scroll 0 0;
    display: table-cell;
    padding: 40px 100px;
    position: relative;
    vertical-align: middle;
    width:50%;
}
.newsletter-form:before{
    background: #232323 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    left: -50px;
    top: 0;
    width: 100px;
    -webkit-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    -ms-transform: skewX(-35deg);
    -o-transform: skewX(-35deg);
    transform: skewX(-35deg);
}
.newsletter-form > form {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 58px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
}
.newsletter-form > form input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #8a8a8a;
    float: left;
    font-size: 12px;
    height: 100%;
    padding: 10px 30px;
    width: 100%;
}
.newsletter-form > form button {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    height: 100%;
    padding: 10px 30px;
    position: absolute;
    right: -2px;
    text-transform: uppercase;
    top: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}


/*=============== Lemon Fancy Blog ===================*/
.lemon-fancy-blog {
    float: left;
    width: 100%;
    margin-bottom: -5px;
}
.lemon-fancy-post {
    background: rgba(255, 255, 255, 0.12) none repeat scroll 0 0;
    display: table;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 30px 50px 30px 80px;
}
.lemon-fancy-post > .fancy-date {
    display: table-cell;
    vertical-align: middle;
    width: 94px;
}
.lemon-fancy-post > .fancy-date span {
    background: black none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    height: 94px;
    padding: 25px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
.lemon-fancy-post > .fancy-date span i {
    display: table;
    font-family: montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin: 0 auto 5px;
}
.lemon-post-name {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}
.lemon-post-name > h4 {
    color: #fff;
    display: table;
    font-size: 20px;
    margin: 0 0 10px;
    text-transform: capitalize;
}
.lemon-post-name > .meta {
    display: table;
    float: none;
    width: auto;
}
.lemon-post-name > .meta li, 
.lemon-post-name > .meta li i{color:#fff}

.fancy-btn {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.fancy-btn .lemon-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    margin-top: -3px;
}
.fancy-btn .lemon-btn i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    height: 103%;
    top: -1px;
}
.fancy-btn .lemon-btn i:after{display:none}


/*=============== Appointment Banner ===================*/
.appointment-banner {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 90px;
    text-align: center;
    width: 100%;
}
.appointment-banner > i {
    float: left;
    font-family: great vibes;
    font-size: 18px;
    font-style: normal;
    line-height: 20px;
    width: 100%;
}
.appointment-banner > strong {
    color: #404040;
    float: left;
    font-family: montserrat;
    font-size: 24px;
    line-height: 25px;
    margin: 5px 0 20px;
    width: 100%;
}
.appointment-banner .lemon-btn{margin-top:30px}

/*=============== Lemon Shop ===================*/
.lemon-shop {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.lemon-product {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align:center;
}
.product-img {
    float: left;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.product-img > img{max-width:100%}
.product-img > a{
    color: #fff;
    font-size: 17px;
    height: 54px;
    line-height: 54px;
    position: absolute;
    left: 50%;
    top:0;
    width: 57px;
    opacity:0;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);

    -webkit-transition: all 600ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */    
}
.product-img > a:hover{color:#FFF}
.lemon-product:hover .product-img > a{
    opacity:1;
    top:50%;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
.product-img:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.lemon-product:hover .product-img:before{opacity:0.5}
.rating{
    background:#fff;
    bottom: 0;
    left: 50%;
    padding: 13px 50px;
    position: absolute;
    white-space: nowrap;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    opacity:0;
    -webkit-transform: translateX(-50%) translateY(50%) rotateY(90deg);
    -moz-transform: translateX(-50%) translateY(50%) rotateY(90deg);
    -ms-transform: translateX(-50%) translateY(50%) rotateY(90deg);
    -o-transform: translateX(-50%) translateY(50%) rotateY(90deg);
    transform: translateX(-50%) translateY(50%) rotateY(90deg);
}
.lemon-product:hover .rating{
    opacity:1;
    -webkit-transform: translateX(-50%) translateY(50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(50%) rotate(0deg);
    transform: translateX(-50%) translateY(50%) rotate(0deg);
}
.rating i{opacity:0}
.lemon-product:hover .rating i{
    opacity:1;
    -webkit-transition:all 0.3s ease 0.3s;    
    -moz-transition:all 0.3s ease 0.3s;    
    -ms-transition:all 0.3s ease 0.3s;    
    -o-transition:all 0.3s ease 0.3s;    
    transition:all 0.3s ease 0.3s;    
}
.lemon-product > span {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    width: 100%;
}
.lemon-product h5 {
    float: left;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
    width: 100%;
}
.product-price {
    float: left;
    margin-top: 5px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}
.product-price:before{
    background: #cccccc none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -33px;
    position: absolute;
    top: 1px;
    width: 66px;
}
.product-price ins {
    font-family: montserrat;
    font-size: 16px;
    margin-right:5px;
    text-decoration: none;
}
.product-price del{
    color: #a4a4a4;
    font-family: montserrat;
    font-size: 12px;
}

/*=============== Fancy Reviews Carousel ===================*/
.fancy-reviews-carousel {
    float: left;
    padding: 0 85px;
    width: 100%;
}
.fancy-review-slide {
    float: left;
    width: 100%;
}
.fancy-review {
    display: table;
    float: left;
    padding: 30px 15px;
    position: relative;
    width: 18%;
    z-index: 1;
}
.fancy-review img {
    display: table-cell;
    vertical-align: middle;
 }
.fancy-review.active{width:64%}
.fancy-review:before{
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 padding-box content-box;
    content: "";
    height: 100%;
    opacity: 0;
    padding-left: 90px;
    padding-right:15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    z-index: -1;
    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
}
.fancy-review.active:before{
    opacity: 1;
    width: 100%;
}
.review-text {
    display: table-cell;
    padding-left: 40px;
    padding-right: 50px;
    vertical-align: middle;
    opacity: 0;
    position: absolute;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -ms-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.fancy-review.active .review-text{
    opacity:1;
    position:relative;
    -webkit-transition:opacity 0.5s ease 0.3s;
    -moz-transition:opacity 0.5s ease 0.3s;
    -ms-transition:opacity 0.5s ease 0.3s;
    -o-transition:opacity 0.5s ease 0.3s;
    transition:opacity 0.5s ease 0.3s;
}
.review-text:before{
    background: rgba(0, 0, 0, 0) url("../images/quotes.png") no-repeat scroll right bottom;
    bottom: 10px;
    content: "";
    height: 30px;
    position: absolute;
    right: 70px;
    width: 31px;
}

.review-text blockquote {
    border: 0 none;
    color: #e7e7e7;
    font-family: arimo;
    font-size: 14px;
    font-style: italic;
    line-height: 26px;
    margin: 0;
    padding: 0;
}
.review-text > strong {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 16px;
    line-height: 12px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%;
}
.review-text > strong i {
    font-family: great vibes;
    font-style: normal;
    font-weight: 300;
    margin-left: 20px;
    text-transform: capitalize;
}
.fancy-reviews-carousel .owl-nav > div {
    background: #fff none repeat scroll 0 0;
    margin-left: 0;
    margin-right: 0;
}
.fancy-reviews-carousel .owl-nav > div:before{color:#333}
.fancy-reviews-carousel .owl-nav > div:hover:before{color:#FFF}

/*=============== Lemon PageTop ===================*/
.lemon-pagetop {
    background: transparent url("../images/lemon-pagetop.jpg") no-repeat scroll 0 0 / cover ;
    float: left;
    padding: 145px 0 100px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index:1;
}
.lemon-pagetop::before {
    background: black none repeat scroll 0 0;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index:-1;
    position: absolute;
    left: 0;
    top: 0;
}
.lemon-pagetop h1 {
    color: #fff;
    float: left;
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 5px;
    width: 100%;
}
.lemon-pagetop p {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}


/*=============== Welcome Video ===================*/
.welcome-video {
    float: left;
    padding: 0 40px;
    text-align: center;
    width: 100%;
}
.welcome-video > i {
    color: #fff;
    float: left;
    font-family: great vibes;
    font-size: 22px;
    font-style: normal;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: capitalize;
    width: 100%;
}
.welcome-video h5 {
    color: #fff;
    float: left;
    font-size: 40px;
    font-weight: 600;
    margin:0 0 30px;
    text-transform: uppercase;
    width: 100%;
}
.welcome-video > a {
    color: #39bcdd;
    display: inline-block;
    font-size: 80px;
    line-height: 80px;
}
.welcome-video > p {
    color: #e9e9e9;
    float: left;
    font-size: 16px;
    margin: 30px 0 0;
    width: 100%;
}

/*=============== Team Detail Page ===================*/
.team-detail {
    display: table;
    float: left;
    width: 100%;
}
.member-big-image {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.member-big-image > img {width:100%}
.member-detail {
    display: table-cell;
    vertical-align: middle;
    padding:0 100px;
}
.member-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 5px;
    width: 100%;
}
.member-detail h5 {
    float: left;
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 10px;
    width: 100%;
}
.member-detail strong {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.member-detail strong pre {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.member-detail > p {
    float: left;
    margin-bottom:40px;
    width: 100%;
}
.team-detail .social-links {
    margin-top: 60px;
    width: auto;
}
.team-detail .view-all{display:table}
.book-btn {
    float: right;
    margin-top: 40px;
}
.book-btn .lemon-btn {margin-top:0}


/*=============== Pagination ===================*/
.pagination {
    float: left;
    margin:70px 0 0;
    text-align: center;
    width: 100%;
}
.pagination > ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pagination > ul li {
    color: #303030;
    display: inline-block;
    font-family: montserrat;
    font-size: 13px;
    margin: 0 10px;
    vertical-align: middle;
}
.pagination > ul li a {
    float: left;
    padding: 8px 10px;
}
.pagination > ul li:first-child a, 
.pagination > ul li:last-child a {
    background: #383838 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 53px;
    line-height: 35px;
    width: 63px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}

/*=============== Sidebar ===================*/
.sidebar .widget{margin-bottom:60px}
.sidebar{margin-bottom:-60px}
.sidebar .widget-title > h4 {
    color: #303030;
    font-size: 24px;
}

.searchform {
    background: #fff;
    float: left;
    height: 58px;
    padding-right: 40px;
    position: relative;
    width: 100%;
}
.searchform > input {
    border: 0 none;
    color: #747272;
    float: left;
    font-size: 11px;
    height: 100%;
    padding: 10px 20px;
    width: 100%;
}
.searchform > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #6a6a6a;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.popular-post {
    float: left;
    margin-bottom:10px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.all-popular-posts {
    float: left;
    margin-bottom:-10px;
    width: 100%;
}
.popular-post > img {
    z-index:-1;
    width: 100%;
    -webkit-transform:scaleY(0.9);
    -moz-transform:scaleY(0.9);
    -ms-transform:scaleY(0.9);
    -o-transform:scaleY(0.9);
    transform:scaleY(0.9);
}
.popular-post-name {
    left: 0;
    padding: 0 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.popular-post:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-transform:scaleY(0.9);
    -moz-transform:scaleY(0.9);
    -ms-transform:scaleY(0.9);
    -o-transform:scaleY(0.9);
    transform:scaleY(0.9);
}
.popular-post:hover > img,
.popular-post:hover:before{
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1);
}
.popular-post-name > span{
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin-bottom:5px;
    width: 100%;
    text-transform:uppercase;
}
.popular-post:hover .popular-post-name > span{color:#FFF}
.popular-post-name > h5 {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    width: 100%;
}

.sidebar .widget > ul {
    background: #fff none repeat scroll 0 0;
    padding: 40px;
}
.sidebar .widget > ul li {
    border-bottom: 1px solid #eaeaea;
    color: #7a7a7a;
    padding: 5px 0 5px 20px;
}
.sidebar .widget > ul li:last-child {
    border: 0 none;
    padding-bottom: 0;
}
.sidebar .widget > ul li::before {
    border-left: 4px solid #333;
    top: 21px;
}

.video-widget {
    float: left;
    text-align: center;
    width: 100%;
}
.video-popup {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.video-popup > img{width:100%}
.video-popup:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-popup > a{
    color: #fff;
    font-size: 20px;
    height: 70px;
    left: 50%;
    line-height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 70px;
    z-index: 1;
}
.video-popup > a:before {
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.video-widget > i {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
}
.video-widget > h5 {
    color: #303030;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.tagclouds {
    float: left;
    margin-bottom: -5px;
    width: 100%;
}
.tagclouds > a {
    border: 1px solid #dfdfdf;
    color: #a6a5a5;
    float: left;
    font-size: 12px;
    margin-bottom: 3px;
    margin-right: 3px;
    padding: 8px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.tagclouds > a:hover{
    border-color:#ba9a2d;
    background:#ba9a2d;
    color:#FFF;
}

/*=============== Product Detail Page ===================*/
.product-detail-page {
    float: left;
    width: 100%;
}
.product-gallery {
    float: left;
    position: relative;
    width: 50%;
}
.product-images {
    float: left;
    width: 80%;
}
.product-images > img{width:100%}
.product-thumbs {
    background: white none repeat scroll 0 0;
    float: left;
    height: 100%;
    padding: 125px 20px;
    width: 20%;
}
.product-thumbs {
    background: white none repeat scroll 0 0;
    float: left;
    height: 100%;
    padding:120px 20px;
    width: 20%;
}
.product-thumbs .slick-slide {
    float: left;
    padding: 10px 0;
    width: 100%;
}
.product-thumbs .slick-slide img{width:100%}
.product-thumbs button {
    background: #000000 none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: 50px;
    width: 40px;
}
.product-thumbs button::before {
    color: #fff;
    content: "\f106";
    font-family: fontawesome;
    font-size: 25px;
    height: 100%;
    left: 0;
    line-height: 36px;
    position: absolute;
    top: 0;
    width: 100%;
}
.product-thumbs button.slick-next {
    bottom: 50px;
    top: auto;
}
.product-thumbs button.slick-next:before{content:"\f107"}

.product-details {
    float: left;
    padding-left: 70px;
    width: 50%;
}
.product-top {
    border-bottom: 1px solid #e2e2e2;
    float: left;
    margin-bottom: 30px;
    padding-bottom:25px;
    width: 100%;
}
.code {
    color: #c7c7c7;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
}
.product-top h3 {
    color: #323232;
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 5px 0 15px;
    text-transform: uppercase;
    width: 100%;
}
.product-rating {
    float: left;
    width: 40%;
}
.product-rating i{font-size:13px}
.product-top > span {
    color: #555555;
    float: left;
}
.product-top > span a {
    font-size: 12px;
    margin-left: 40px;
    text-decoration: underline;
}
.product-details .product-price {
    margin:0 0 20px;
    padding: 0;
}
.product-details .product-price:before{display:none}
.product-details > p {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.product-detail-bottom {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.quantity {
    display: inline-block;
    margin-right: -5px;
    vertical-align: middle;
    width: 50%;
}
.cart-btn {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 50%;
}
.quantity > span {
    color: #282828;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase;
}
.quantity > .input-group {
    background: #595959 none repeat scroll 0 0;
    display: unset;
    float: left;
    height: 40px;
    margin-left: 10px;
    padding-right: 40px;
    width: 130px;
}
.quantity > .input-group input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    height: 100%;
    width: 100%;
}
.quantity > .input-group .input-group-btn {
    height: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width:30px;
}
.quantity > .input-group .input-group-btn button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.quantity > .input-group .input-group-btn button:before{
    border-bottom: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 2px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 0;
}
.quantity > .input-group .input-group-btn:last-child {
    bottom: 0;
    top: auto;
}
.quantity > .input-group .input-group-btn:last-child:before{
    border-bottom: 0 none;
    border-top: 4px solid #fff;
    bottom: auto;
    top: 0;
}
.quantity > .input-group .input-group-btn:last-child button:before{
    border-bottom: 0 none;
    border-top: 4px solid #fff;
    bottom: auto;
    top: 2px;
}
.product-detail-bottom .cart-btn .lemon-btn{margin-top:0}
.quantity > .input-group:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
}


.custom-tabs {
    float: left;
    width: 100%;
}
.custom-tabs .nav {
    background: #2e2e2e none repeat scroll 0 0;
    border: 0 none;
    float: left;
    padding: 20px 50px;
    width: 100%;
}
.custom-tabs .nav li {
    float: left;
    margin: 0;
    position: relative;
}
.custom-tabs .nav li a, 
.custom-tabs .nav li.active a, 
.custom-tabs .nav li a:hover, 
.custom-tabs .nav li a:focus{
    background:none;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin: 0;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
}
.custom-tabs .nav li.active a{padding: 10px 40px}
.custom-tabs .nav li a:before, 
.custom-tabs .nav li a:after{
    background: white none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 0;
}
.custom-tabs .nav li a:after{
    left: auto;
    right: 0;
}
.custom-tabs .nav li.active a:before, 
.custom-tabs .nav li.active a:after{width:15px}
.tab-content {
    float: left;
    margin: 30px 0 0;
    width: 100%;
}
/*=============== Coming Soon Page ===================*/
.coming-soon-page {
    background: rgba(0, 0, 0, 0) url("../images/resource/commingsoon.jpg") repeat scroll 0 0;
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
}
.coming-soon-page img{width:100%}
.coming-soon-page:before{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.soon-page-text {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.soon-title {
    float: left;
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
}
.soon-title span {
    float: left;
    font-family: great vibes;
    font-size: 26px;
    line-height: 26px;
    width: 100%;
}
.soon-title h1 {
    color: #fff;
    float: left;
    font-size: 70px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
.soon-title strong {
    float: left;
    font-family: montserrat;
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.soon-title p {
    float: left;
    font-size: 16px;
    color:#FFF;
    margin: 0;
    width: 100%;
}

.newsletter {
    float: left;
    width: 100%;
}
.newsletter h4 {
    float: left;
    font-size: 22px;
    margin: 0 0 5px;
    text-transform: capitalize;
    width: 100%;
}
.newsletter i {
    color: #fff;
    float: left;
    font-style: normal;
    width: 100%;
}
.newsletter form {
    float: left;
    height: 60px;
    margin-top: 20px;
    padding-right: 175px;
    position: relative;
    width: 100%;
}
.newsletter form input {
    background: #130f10 none repeat scroll 0 0;
    opacity: 0.9;
    border: 0 none;
    color: #f9f8f8;
    float: left;
    font-size: 12px;
    height: 100%;
    padding: 10px 30px;
    width: 100%;
}
.newsletter form button {
    background: black none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    height: 100%;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
.countdown {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.countdown li {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 104px;
}
.countdown li:before {
    border:1px solid #FFF;
    content: "";
    height: 120%;
    width: 80%;
    position: absolute;
    left: 10%;
    top: -10%;
    z-index: -1;
}
.time-box {
    float: left;
    padding: 27px 10px;
    width: 100%;
}
.time-box:before, 
.time-box:after {
    background: none repeat scroll 0 0 white;
    content: "";
    height: 1px;
    width: 40%;
    position: absolute;
    right: 10%;
    top: -10%;
}
.time-box:after{
    top: auto;
    bottom: -10%;
}
.time-box span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 30px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
.time-box span:before {
    background:#FFF;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 26px;
}
.time-box p {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.post-intro {
    float: left;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
}
.post-intro .container {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 25px;
    padding-top: 40px;
}
.post-intro .container:before{
    background: white none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30px;
    left: 50%;
    margin-left: -570px;
    position: absolute;
    width: inherit;
    z-index: 1;
}
.post-intro h4 {
    float: left;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0 30px;
    width: 100%;
}
.post-intro .meta {
    display: inline-block;
    float: none;
    padding: 0 30px;
    width: auto;
}
.post-intro .blog-date{left:20%}
.post-intro .lemon-blog-slide > img{margin:0}
.blog-detail {
    float: left;
    width: 100%;
}
.blog-detail > p{margin:30px 0 30px}
.image-grids {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.image-grids img, .blog-detail img{max-width:100%}

.about-author {
    background: #fff none repeat scroll 0 0;
    display: table;
    float: left;
    margin: 40px 0 30px;
    width: 100%;
}
.about-author > img {
    display: table-cell;
    max-width: none;
    width: auto;
}
.author-detail {
    display: table-cell;
    padding-left: 50px;
    padding-right:30px;
    vertical-align: middle;
}
.author-detail strong {
    color: #39bcdd;
    float: left;
    font-family: montserrat;
    font-size: 17px;
    margin-bottom: 10px;
    width: 100%;
}
.author-detail > p{margin:0}


.comments-section {
    float: left;
    margin-top: 31px;
    width: 100%;
}
.simple-title {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.simple-title > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    margin-bottom: 5px;
    width: 100%;
}
.simple-title h2 {
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    width: 100%;
}

.comments-section > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.comments-section > ul ul {
    float: left;
    list-style: outside none none;
    margin-top: 30px;
    padding-left: 90px;
    width: 100%;
}
.comments-section > ul li {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.comments-section > ul li:last-child{margin-bottom:0}
.comment {
    background: #fff none repeat scroll 0 0;
    display: table;
    float: left;
    width: 100%;
}
.comment-img {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.comment-img img {
    max-width: none;
    width: auto;
}
.comment-img > a {
    background: black none repeat scroll 0 0;
    bottom: 10px;
    color: #fff;
    font-family: montserrat;
    font-size: 11px;
    left: 50%;
    letter-spacing: 1px;
    padding: 10px 30px;
    position: absolute;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.comment-img > a:hover{color:#FFF}
.comment-detail {
    display: table-cell;
    padding-left: 50px;
    padding-right: 50px;
    vertical-align: middle;
}
.comment-detail h5 {
    float: left;
    font-size: 17px;
    margin: 0 0 15px;
    width: 100%;
    text-transform:uppercase;
}
.comment-detail h5 span {
    font-size: 12px;
    margin-left: 30px;
    text-transform: uppercase;
}
.comment-detail blockquote {
    border: 0 none;
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    width: 100%;
}


.comment-form {
    float: left;
    margin-top: 80px;
    width: 100%;
}
.traditional-title {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.traditional-title > i {
    color: #636363;
    float: left;
    font-family: arimo;
    font-size: 11px;
    font-style: normal;
    margin-bottom: 5px;
    width: 100%;
}
.traditional-title h4 {
    float: left;
    font-family: montserrat;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.comment-form > form {
    float: left;
    width: 100%;
}
.comment-form > form .row{margin:0 -2.5px}
.comment-form > form .row > div{padding:0 2.5px}
.comment-form > form input, .comment-form > form textarea {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 12px;
    height: 60px;
    margin-bottom: 5px;
    padding: 10px 30px;
    width: 100%;
}
.comment-form > form textarea {
    height: auto;
    max-width: 100%;
    min-height: 190px;
    padding: 25px 30px;
}

/*=============== Package Detail Page ===================*/
.package-detail-page {
    float: left;
    width: 100%;
}
.package-intro {
    float: left;
    width: 100%;
}
.package-intro .container {
    background: #fff;
    display: table;
    padding: 30px 40px 30px 75px;
}
.package-info {
    display: table-cell;
    vertical-align: middle;
}
.package-book {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.package-info > span {
    color: #535353;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.package-info > i{
    display: table;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    margin-top: 3px;
}
.package-info > h1 {
    display: table;
    font-size: 22px;
    font-weight: 600;
    margin: 5px 0 0;
    text-transform: uppercase;
}
.package-info > h1 span{margin-left:50px}
.package-info > h1 span{
    color: #7d7c7c;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.package-info > h1 span i {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
.booking-btn {
    background: black none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 18px 60px;
    text-transform: uppercase;
}
.booking-btn:hover,
.booking-btn:focus{color:#FFF}
.package-img {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom:30px;
}
.package-img:before{
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30px;
    left: 50%;
    margin-left: -585px;
    position: absolute;
    width: 1170px;
}
.package-img > img{width:100%}
.price-wrapper {
    left: 50%;
    margin-left: -585px;
    position: absolute;
    top: 0;
    width: 1170px;
}
.price-wrapper .package-price {
    float: left;
    left: 0;
    position: relative;
    top: 0;
}
.package-description {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.package-description .package-detail {
    float: right;
    margin-bottom: 35px;
    margin-left: 40px;
    padding: 65px 55px;
    position: relative;
}
.package-description p{margin-bottom:30px}

.package-description .package-book {
    display: unset;
    float: left;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

/*=============== Simple Services ===================*/
.simple-service {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.simple-services {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.simple-service > img{width:100%}
.service-detail {
    float: left;
    padding: 45px 50px;
    width: 100%;
}
.service-detail > i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    width: 100%;
}
.service-detail > h4 {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0 10px;
    text-transform: uppercase;
    width: 100%;
}
.service-detail > p {
    float: left;
    margin: 0;
    width: 100%;
}
/*=============== Service Detail Page ===================*/
.service-detail-page {
    float: left;
    position: relative;
    width: 100%;
}
.service-intro {
    float: left;
    text-align: center;
    width: 100%;
}
.service-intro .container {
    background: #fff;
    padding: 40px 30px;
}
.service-intro i {
    float: left;
    font-family: great vibes;
    font-size: 16px;
    font-style: normal;
    width: 100%;
}
.service-intro h2 {
    float: left;
    font-size: 22px;
    font-weight: 600;
    margin: 5px 0 0;
    text-transform: uppercase;
    width: 100%;
}
.service-detail-img > span {
    color: #fff;
    font-size:60px;
    height: 128px;
    line-height: 138px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    text-align: center;
    width: 128px;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}
.service-detail-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-detail-img > img {
    margin-bottom: 30px;
    width: 100%;
}
.service-detail-img:before{
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30px;
    left: 50%;
    margin-left: -585px;
    position: absolute;
    width: 1170px;
}
.service-description {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.alignright {
    float: right;
    margin-left: 30px;
}
.alignleft{
    float:left;
    margin-right: 30px;
}
.service-description p{margin-bottom:40px}


/*=============== Error 404 Page ===================*/
.error-page {
    background: transparent url("../images/404.jpg") no-repeat scroll 0 0 / cover ;
    float: left;
    padding: 160px 200px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.error-page:before{
    background-clip: content-box;
    background-color: rgba(255, 255, 255, 0.96);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    padding: 40px 50px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.error-page h2 {
    float: left;
    font-size: 150px;
    font-weight: 700;
    line-height: 90px;
    margin: 0 0 20px;
    width: 100%;
}
.error-page h2 i {
    color: #303030;
    font-style: normal;
}
.error-page h2 span {
    color: #303030;
    font-size: 80px;
}
.error-page > i {
    float: left;
    font-family: montserrat;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}
.error-page strong {
    color: #555555;
    float: left;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}
.error-page > p {
    float: left;
    font-size: 15px;
    margin: 0;
    width: 100%;
}
.search-form {
    background: #f2f2f2 none repeat scroll 0 0;
    display: table;
    float: left;
    height: 70px;
    margin-top: 30px;
    width: 100%;
}
.search-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    display: table-cell;
    font-size: 12px;
    height: 70px;
    padding: 10px 40px;
    width: 70%;
}
.search-form button {
    background: black none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: table-cell;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    height: 70px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 30%;
}
/*=============== Contact Page ===================*/
.lemon-contact {
    display: table;
    float: left;
    width: 100%;
}
.contact-img {
    display: table-cell;
    vertical-align: middle;
}
.contact-form {
    display: table-cell;
    padding-left: 190px;
    vertical-align: middle;
    position:relative;
}
.contact-form-title {
    left: 100px;
    min-width: 500px;
    position: absolute;
    text-align: right;
    top: 50%;
    -webkit-transform:translateX(-50%) rotate(-90deg);
    -moz-transform:translateX(-50%) rotate(-90deg);
    -ms-transform:translateX(-50%) rotate(-90deg);
    -o-transform:translateX(-50%) rotate(-90deg);
    transform:translateX(-50%) rotate(-90deg);
}
.contact-title-inner {
    display: inline-block;
    text-align: left;
}
.contact-title-inner > i {
    float: left;
    font-family: great vibes;
    font-size: 22px;
    font-style: normal;
    width: 100%;
}
.contact-title-inner > h3 {
    display: table;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.contact-form > p {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.simple-form {
    float: left;
    width: 100%;
}
.simple-form > input, .simple-form > textarea {
    border: 0 none;
    color: #ababab;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    height: 55px;
    margin-bottom: 5px;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 100%;
}
.simple-form > textarea {
    height: auto;
    min-height: 160px;
    padding: 20px 30px;
}
.contact-box {
    background: #fff none repeat scroll 0 0;
    display: table;
    float: left;
    margin-bottom: 30px;
    padding: 60px 55px;
    width: 100%;
}
.contact-boxes {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.contact-box > span {
    display: table-cell;
    font-size: 60px;
    line-height: 50px;
    vertical-align: top;
    color:#39bcdd;
}
.contact-info {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}
.contact-info strong {
    float: left;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 10px;
    width: 100%;
}
.contact-info > p {
    float: left;
    font-size: 13px;
    margin: 0;
    width: 100%;
}


/*=============== Gallery Page ===================*/
.spa-gallery-wrapper {
    float: left;
    padding-bottom: 70px;
    width: 100%;
}
.spa-gallery-slides {
    float: left;
    width: 100%;
}
.spa-slide {
    float: left;
    position: relative;
    width: 100%;
}
.spa-slide > img{width:100%}
.spa-slide-text {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 110px 50px;
    position: absolute;
    width: 100%;
}
.spa-slide-text > i {
    float: left;
    font-family: great vibes;
    font-size: 22px;
    font-style: normal;
    line-height: 24px;
    width: 100%;
}
.spa-slide-text h2 {
    color: #fff;
    float: left;
    font-size: 26px;
    margin: 10px 0 0;
    text-transform: uppercase;
    width: 100%;
}

.spa-gallery-selectors {
    bottom: 0;
    left: 50%;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.spa-gallery-selectors a {
    display: inline-block;
    margin: 0 10px;
    overflow: hidden;
    position: relative;
}
.spa-gallery-selectors a:before{
    background-clip: content-box;
    background-color: black;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.spa-gallery-selectors a:after{
    background: transparent url("../images/gallery-icon.png") no-repeat scroll center center;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 1;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.spa-gallery-selectors a.active:after,
.spa-gallery-selectors a.active:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*=============== Lemon Cart Page ===================*/
.lemon-cart {
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.lemon-cart table{width:100%}
.lemon-cart table thead{background:#1c1c1c}
.lemon-cart table thead td{
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    padding: 35px 0;
    text-align: center;
    text-transform: uppercase;
}
.lemon-cart tbody{background:#fff}
.cart-product {
    float: left;
    padding:40px 10px 40px 25px;
    text-align: left;
    width: 100%;
}
.cart-product > img {
    float: left;
    margin-right: 30px;
}
.cart-product > i {
    color: #c7c7c7;
    font-family: montserrat;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
}
.lemon-cart td {
    font-family: montserrat;
    font-size: 16px;
    padding:0 25px;
    text-align: center;
}
.cart-product > h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0 8px;
    text-transform: uppercase;
}
.cart-rate {
    display: table;
    font-size: 13px;
    margin-bottom: 10px;
}
.cart-product > a {
    color: #7c7c7c;
    display: table;
    font-size: 11px;
    text-transform: uppercase;
}
.cart-product > a i{margin-right:5px}

.lemon-cart td .input-group {
    display: inline-block;
    width: 150px;
}
.lemon-cart td .input-group span.input-group-btn {
    border: 0 none;
    border-radius: 7px;
    float: left;
    overflow: hidden;
    width: auto;
}
.lemon-cart td .input-group input {
    background: #404040 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 7px;
    color: #fff;
    float: left;
    font-size: 13px;
    height: 38px;
    margin: 0 2px;
    text-align: center;
    width: 70px;
}
.lemon-cart td .input-group span.input-group-btn button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #1c1c1c none repeat scroll 0 0;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none;
    border-width: 0 5px 0 0;
    color: #fff;
    height: 38px;
    margin: 0;
    width: 37px;
}
.lemon-cart > button {
    background: #404040 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    padding: 30px;
    text-transform: uppercase;
    width: 100%;
}
.shipping-charges {
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.shipping-title {
    background: #1c1c1c none repeat scroll 0 0;
    float: left;
    padding:25px 40px;
    width: 100%;
}
.shipping-title > h4 {
    color: #fff;
    float: left;
    font-size: 16px;
    margin:0 0 2px;
    text-transform: uppercase;
    width: 100%;
}
.shipping-title > i {
    color: #fff;
    font-size: 12px;
    width: 100%;
}
.shipping-box {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 40px 60px 60px;
    width: 100%;
}
.shipping-box .select2-container--default .select2-selection--single {
    background: #fafafa none repeat scroll 0 0;
    height: 45px;
}
.shipping-box .select2-container{margin-bottom:4px}
.shipping-box .select2-container .select2-selection--single .select2-selection__rendered {
    color: #888;
    font-size: 10px;
    line-height: 45px;
    text-transform: uppercase;
}
.shipping-box .select2-container--default .select2-selection--single .select2-selection__arrow{height:45px}
.shipping-box .lemon-btn {
    float: right;
    font-size: 11px;
    margin-top: 20px;
    padding: 17px 30px;
}
.shipping-box .lemon-btn i{line-height:47px}
.shipping-box input {
    background: #fafafa none repeat scroll 0 0;
    border: 0 none;
    color: #181818;
    float: left;
    font-family: montserrat;
    font-size: 10px;
    height: 45px;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 100%;
}

.total-box {
    background: #f3f3f3 none repeat scroll 0 0;
    float: left;
    padding: 50px 60px;
    text-align: center;
    width: 100%;
}
.total-box .lemon-btn {
    font-size: 10px;
    margin-top: 40px;
    padding: 17px 30px;
}
.total-box .lemon-btn i {
    font-size: 13px;
    line-height: 50px;
}
.total-box > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.total-box > ul li {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 15px;
    width: 100%;
}
.total-box span {
    color: #555555;
    float: left;
}
.total-box strong {
    float: right;
    font-weight: 500;
    width: 25%;
}
.total-box > ul li.grand {
    border-top: 1px solid #dbdbdb;
    margin-bottom: 0;
    margin-top: 30px;
    padding-top: 30px;
}
.total-box > ul li.grand span {
    color: #a2a2a2;
    font-size: 15px;
    text-transform: uppercase;
}
.lemon-cart a .fa.fa-remove{width:50px}
/*=============== Lemon Checkout Page ===================*/
.returning {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.returning strong {
    background: #fff none repeat scroll 0 0;
    color: #282828;
    float: left;
    font-size: 12px;
    font-weight: 200;
    padding: 25px 70px;
    width: 100%;
}
.checkout-form {
    float: left;
    padding-right: 70px;
    width: 100%;
}
.checkout-page .simple-title > i{font-size:22px}
.checkout-page .simple-title > h2{font-size:30px}
.checkout-form > form {
    float: left;
    width: 100%;
}
.checkout-form > form .row{margin:0 -2.5px}
.checkout-form > form .row > div{padding:0 2.5px}
.checkout-form > form input,
.checkout-form > form textarea {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #2c2c2c;
    float: left;
    font-family: arimo;
    font-size: 12px;
    height: 60px;
    margin-bottom: 5px;
    padding: 10px 30px;
    width: 100%;
}
.checkout-form > form textarea{
    height:auto;
    min-height:150px;
    max-width:100%;
    padding:20px 30px;
}
.checkout-form > form input[type="radio"] {
    height: auto;
    margin: 5px 10px 5px 0;
    width: auto;
}
.radio-field > label {
    font-size: 12px;
    font-weight: 200;
    line-height: 22px;
    margin: 0;
}
.radio-field {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.create-account.radio-field{margin-top:20px}
.shipp-add.radio-field{
    margin-top: 40px;
    margin-bottom: 40px;
}
.shipp-add.radio-field > label {
    color: #404040;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.order {
    background: #fff none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.order-head {
    background: #1c1c1c none repeat scroll 0 0;
    color: #fff;
    float: left;
    margin-bottom: 20px;
    padding: 20px 70px;
    width: 100%;
}
.order-head > strong {
    float: left;
    font-family: montserrat;
    font-weight: 600;
    padding: 5px 0;
    text-transform: uppercase;
    width: 75%;
}
.order-head > strong:last-child {
    padding: 5px 0;
    width: 25%;
}
.order-bottom {
    float: left;
    padding: 20px 70px 70px;
    width: 100%;
}
.order-bottom > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.order-bottom > ul li {
    color: #555;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    line-height: 25px;
    margin-bottom:20px;
    width: 100%;
}
.order-bottom > ul li span {
    float: left;
    width: 75%;
}
.order-bottom ul li.total-price {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    margin-top: 10px;
    padding-bottom:12px;
    padding-top:12px;
}
.order-bottom ul li.total-price span {
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.order-bottom .radio-field > label {
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
}
.order-bottom .radio-field input {
    float: left;
    margin: 5px 10px 5px 0;
}
.method-detail {
    background: #fcfcfc none repeat scroll 0 0;
    float: left;
    margin-bottom: 40px;
    margin-top: 10px;
    padding: 20px 30px;
    width: 100%;
}
.method-detail p{margin:0}
.checkout-page .lemon-btn {
    float: right;
    font-size: 11px;
    padding: 18px 40px;
}
.checkout-page .lemon-btn i{line-height:49px}

/*=============== Footer ===================*/
.footer-widgets {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.widget-title > i {
    color: #fff;
    float: left;
    font-style:normal;
    font-family: great vibes;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    width: 100%;
}
.widget-title > h4 {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.widget-title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.widget > p {
    color: #d8d8d8;
    float: left;
    line-height: 28px;
    width: 100%;
}
.social-icons {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.social-icons > a {
    background: #444444 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-right: 7px;
    text-align: center;
    width: 40px;
}
.social-icons > a:hover{color:#FFF}
.timings {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.timings > li {
    float: left;
    line-height:37px;
    width: 100%;
}
.timings > li span {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    width: 50%;
}
.timings > li i {
    float: left;
    width: 50%;
    font-style:normal;
}
.flickr {
    float: left;
    width: 100%;
}
.flickr a {
    float: left;
    overflow: hidden;
    padding: 0;
}
.flickr a img{
    max-width:100%;
    width:100%; 
}
.flickr a:hover img{filter:grayscale(1)}
.widget > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget li {
    color: #d8d8d8;
    float: left;
    font-family: arimo;
    font-size: 14px;
    line-height: 38px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.widget li:before{
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 15px;
    width: 0;
}
.widget .timings > li{padding:0}
.widget .timings > li:before{display:none}
.widget li a:hover{font-style:italic}
.bottom-footer{
    background: #151515;
    float: left;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.bottom-footer > p {
    color: #fff;
    float: left;
    font-size: 13px;
    margin: 0;
    width: 100%;
}


.track3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 10px;
    margin-right: 2px;
    transition: background 250ms linear 0s;
    width: 10px;
    top: 50px;
    right: 0;
}
.track3:hover,
.track3.dragging{
    background:#d9d9d9; /* Browsers without rgba support */
    background:rgba(0, 0, 0, 0.15);
}
.handle3{
    width:7px;
    right:0;
    background:#999;
    background:rgba(0, 0, 0, 0.4);
    border-radius:7px;
    -webkit-transition:width 250ms;
    transition:width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3{
    width:10px;
}

/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.owl-carousel .owl-animated-in{z-index:0;}.owl-carousel .owl-animated-out{z-index:1;}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}/* *   Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px);}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.owl-carousel.owl-loaded{display:block;}.owl-carousel.owl-loading{opacity:0;display:block;}.owl-carousel.owl-hidden{opacity:0;}.owl-carousel .owl-refresh .owl-item{display:none;}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d;}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}.owl-carousel.owl-rtl{direction:rtl;}.owl-carousel.owl-rtl .owl-item{float:right;}/* No Js */.no-js .owl-carousel{display:block;}/* *    Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-item img{transform-style:preserve-3d;}/* *  Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}.owl-carousel .owl-video-frame{position:relative;z-index:1;}
@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}


/* ===============================================================
    SELECT2 PLUGIN STYLING
================================================================*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;z-index: 10000000000000;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:40px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}

.select2-container {
    float: left;
    margin-bottom: 10px;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 55px;
    padding:0 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 55px;
    right: 0;
    top: 0;
    width: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 none;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    color: #b7b7b7;
    content: "\f103";
    font-family: fontawesome;
    left: 50%;
    line-height: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #818181;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 1.5px;
    line-height: 47px;
}
.select2-dropdown {
    background: #efefef none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 4px 3px #ededed;
    padding: 20px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.select2-search--dropdown {
    float: left;
    width: 100%;
}
.select2-results {
    float: left;
    width: 100%;
}
.select2-results__option {
    font-size: 12px;
    padding: 8px 20px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #bbbbbb;
    font-family: montserrat;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 55px;
}
.track3{
    width:10px;
    background:rgba(0, 0, 0, 0);
    margin-right:2px;
    border-radius:10px;
    -webkit-transition:background 250ms linear;
    transition:background 250ms linear;
}
.track3:hover,
.track3.dragging{
    background:#d9d9d9; /* Browsers without rgba support */
    background:rgba(0, 0, 0, 0.15);
}
.handle3{
    width:7px;
    right:0;
    background:#999;
    background:rgba(0, 0, 0, 0.4);
    border-radius:7px;
    -webkit-transition:width 250ms;
    transition:width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3{
    width:10px;
}