/*
Theme Name: Jstacks
Author: Jstacks
Author URI: http://www.jiffystacks.com/
Description: Jstacks is a powerful and versatile one page WordPress theme with pixel perfect design and outstanding functionality. It is by far the most advanced free WordPress theme available today with loads of unmatched customization options. This theme comes with several homepage widgets that can be used to add portfolio, testimonials, parallax sections, your product or service information, call for action and much more. Jstacks supports most free and premium WordPress plugins such as WooCommerce, Jetpack, Gravity Forms, Contact Form 7, Yoast SEO, Google Analytics by Yoast and much more. This theme is the best suited for business, landing page, portfolio, ecommerce, store, local business,  personal websites but can be tweaked to be used as blog, magazine or any other awesome website while highlighting its unique one page setup. This is going to be the last WordPress theme you will ever want to use because it is so much better than anything you have seen. Needless to say that this theme is SEO friendly thanks to its well optimized strucutre. Jstacks theme is mobile friendly and fully responsive making it your best multipurpose partnert for any project and website.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jstacks
Tags: left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("inc/fonts/pharma/Pharma-BoldCond.css");
@import url("inc/fonts/pharma/Pharma-RegularCond.css");


@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/*




@font-face {
    font-family: 'Pharma-BoldCond';
    src: url('inc/fonts/Pharma-BoldCond.eot');
    src: url('inc/fonts/Pharma-BoldCond.woff2') format('woff2'),
    url('inc/fonts/Pharma-BoldCond.woff') format('woff'),
    url('inc/fonts/Pharma-BoldCond.ttf') format('truetype'),
    url('inc/fonts/Pharma-BoldCond.svg#Pharma-BoldCond') format('svg'),
    url('inc/fonts/Pharma-BoldCond.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Metric-Light';
    src: url('inc/fonts/Metric-Light.eot');
    src: url('inc/fonts/Metric-Light.woff2') format('woff2'),
        url('inc/fonts/Metric-Light.woff') format('woff'),
        url('inc/fonts/Metric-Light.ttf') format('truetype'),
        url('inc/fonts/Metric-Light.svg#Metric-Light') format('svg'),
        url('inc/fonts/Metric-Light.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Metric-Regular';
    src: url('inc/fonts/Metric-Regular.eot');
    src: url('inc/fonts/Metric-Regular.woff2') format('woff2'),
        url('inc/fonts/Metric-Regular.woff') format('woff'),
        url('inc/fonts/Metric-Regular.ttf') format('truetype'),
        url('inc/fonts/Metric-Regular.svg#Metric-Regular') format('svg'),
        url('inc/fonts/Metric-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Metric-Semibold';
    src: url('inc/fonts/Metric-Semibold.eot');
    src: url('inc/fonts/Metric-Semibold.woff2') format('woff2'),
        url('inc/fonts/Metric-Semibold.woff') format('woff'),
        url('inc/fonts/Metric-Semibold.ttf') format('truetype'),
        url('inc/fonts/Metric-Semibold.svg#Metric-Semibold') format('svg'),
        url('inc/fonts/Metric-Semibold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Metric-Thin';
    src: url('inc/fonts/Metric-Thin.eot');
    src: url('inc/fonts/Metric-Thin.woff2') format('woff2'),
        url('inc/fonts/Metric-Thin.woff') format('woff'),
        url('inc/fonts/Metric-Thin.ttf') format('truetype'),
        url('inc/fonts/Metric-Thin.svg#Metric-Thin') format('svg'),
        url('inc/fonts/Metric-Thin.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
  font-family: 'Pharma-RegularCond';
  src: url('inc/fonts/Pharma-RegularCond.eot');
  src: url('inc/fonts/Pharma-RegularCond.woff2') format('woff2'),
  url('inc/fonts/Pharma-RegularCond.woff') format('woff'),
  url('inc/fonts/Pharma-RegularCond.ttf') format('truetype'),
  url('inc/fonts/Pharma-RegularCond.svg#Pharma-RegularCond') format('svg'),
  url('inc/fonts/Pharma-RegularCond.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

*/
body {
    overflow-x: hidden;
}
body, html{
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

@media (min-width: 1200px){
    .container {
        width: 1100px;
    }
}

.l_href {color:transparent;}

h1{
    text-transform: uppercase;
}

h2{
    line-height: 20px;
    margin:  0;
}
h4, h5{
    font-family: 'Pharma-BoldCond' !important;
}
h4 {
    font-size: 16px;
}
p{
    font-size: 13px;
}

span.normal-font {
    font-family: 'Pharma-RegularCond',sans-serif;
    padding-left: 4px;
    padding-right: 3px;
    font-size: 17px;
}

a {
    color: #ffffff;
    transition: all 0.8;
}
a:hover,
a:focus{
    color: #2F937B;
    text-decoration: none;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.food-dessert-text {
    font-size: 12px;
}
/* Home Style */
#tf-home{
    border-top: 6px solid #dcdcff;
}
s
.content{
    padding: 15% 0 18% 0;
    text-align: center;
}
/* Navigation */
#tf-menu.navbar-default .navbar-nav > li > a, #tf-menu.navbar-default .navbar-nav li > a {text-transform: uppercase; color:#ffffff; font-size: 16px;}

#tf-menu {
    margin-bottom: 0;
    background: transparent;
    border: 0;
    color: #fff !important;
    padding: 25px 0;
    transition: all 0.5s;
    font-family: 'Pharma-BoldCond' !important;
    position: absolute;
    z-index: 222;
    width: 100%;
}
#sticky {
    padding: 0.5ex;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
#tf-menu.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: #ffffff;
    padding: 25px 0;
    border-top: 6px solid #dbdbfd;
}
#tf-menu.navbar-default .navbar-nav > li > a , #tf-menu.navbar-default .navbar-nav  li > a, {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

#tf-menu.navbar-default .l_href img, .navbar-header .l_href img  {

    width:150px;
}

#tf-menu.stick .navbar-left > li > a, #tf-menu.stick .navbar-left li > a{
    color: #735d50;
}
#tf-menu.stick .navbar-right > li:first-child > a, #tf-menu.stick .navbar-right li:first-child > a{
    color: #735d50;
}

.sticky_logo{
    display: none;
}
.stick .sticky_logo{
    display: block;
}
.stick .sticky_main{
    display: none;
}

#tf-menu.stick #bs-example-navbar-collapse-1 #menu{
    color: #13100d  !important;
}

#tf-menu.navbar-default .navbar-nav > li > a:hover,
#tf-menu.navbar-default .navbar-nav > li > a:focus , #tf-menu.navbar-default .navbar-nav  li > a:hover,
#tf-menu.navbar-default .navbar-nav  li > a:focus {
    color: #735d50;
    background-color: transparent;
}





#ak-about{
    padding:120px 0 100px;
    background: url(inc/img/Pattern.jpg) center bottom no-repeat;
    background-size: cover;
    min-height:610px;
}
#ak-about h3{
    padding-bottom: 20px;
    margin-top:30px !important;
}
#ak-about h4 {
    font-size: 22px;
} 

#ak-about .media-body img { max-width: 370px;  }


#ak-about .col-sm-4 .media-body img{
    width: 320px;
    margin-left: 15px;
}

.media-left.media-middle i {
    padding: 20px 30px 20px 0;
    font-size: 30px;
    color: rgb(47, 147, 123);

}

.media-body h4 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
    color: rgb(47, 147, 123);
}

#ak-the-range{
    background: #daf7eb;
    padding: 60px 0 0 0;
    text-align: center;
}

.section-title hr{
    border-color: rgb(47, 147, 123);
    width: 60px;
}

.section-title h2{ font-weight: 700;}
button.btn,
a.btn {
    margin: 15px 5px;
    transition: all 0.5s;
}
button.btn.btn-primary.my-btn,
a.btn.btn-primary.my-btn {
    background: #2F937B;
    border-color: transparent;
    border-radius: 0px;
    border-width: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}
button.btn.btn-primary.my-btn:hover,
a.btn.btn-primary.my-btn:hover{
    background: #FFFFFF;
    color: #2F937B;
    border-color: transparent;
}
button.btn.btn-primary.my-btn.dark:hover,
a.btn.btn-primary.my-btn.dark:hover{
    background: #222222;
    color: #ffffff;
    border-color: transparent;
}
a.btn.btn-primary.my-btn2 {
    background: rgba(47, 147, 123, 0);
    border-color: #FFFFFF;
    border-radius: 0px;
    border-width: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #FFFFFF;
}

a.btn.btn-primary.my-btn2:hover{
    background: #2F937B;
    color: #ffffff;
    border-color: transparent;
}

ul.cat.list-inline li a {
    border: 1px solid #2F937B;
    padding: 5px 15px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2F937B;
    transition: all 0.5s;
}

ul.cat.list-inline li a:hover{
    background: #2F937B;
    color: #ffffff;
}

.space{ padding: 20px}
.toppadding{ padding-top: 20px; margin:0px !important}
.toppadding_insta_img{ padding-top: 20px; }
.bottompadding{ padding-bottom: 30px}
.topbottompadding{ padding: 50px 0px;}
.nopadding{ padding:  0;}

#ak-stockists{
    background-color: #fef9ee;
    padding: 60px 0 90px 0px;
}

#ak-contact{
    background-color: #daf7eb;
    color: #735d4f;
    padding: 80px 0px 50px;
}
#ak-contact h4{
    font-size: 20px !important;
}
ul.why-me li{
    margin: 10px 0;
}
#ak-blog{
    padding: 80px 0px 40px;
    background-color: #735d4f;
    color: #ffffff;
}

form#contact {
    padding: 5%;
    background: #f1f1f1;
    outline: 6px solid rgba(34, 34, 34, 0.08);
}

#tf-contact input.form-control {
    height: 40px;
}

#tf-contact .form-control{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 16px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #FFF;
    border-radius: 0;
    border-top: 2px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: all 0.8s;
}
#tf-contact .form-control:focus,
#tf-contact .form-control:hover{
    border-top: 2px solid #2F937B;
}
nav#tf-footer {
    background: #222222;
    padding: 3% 0 2% 0;
    color: #f1f1f1;
}


/* Menu/Navigation
===========================================*/
#navigation{
    background: #ffebed;
    color: #ffffff;
    border: transparent;
    padding-top: 130px;
    text-align: center;
    width: 300px;
    z-index: 99999;
    border-top: 6px solid #dbdbfd;
}


#navigation img.logo{
    width: 100px;
    padding-bottom: 30px;
    margin: 0 auto;
}
#navigation ul.nav li{
    margin: 0 80px;
}
#navigation ul.nav li:hover,
#navigation ul.nav li.active{
    margin: 0px 80px 0;
}
#navigation ul.nav .social_icon:hover,
#navigation ul.nav .social_icon.active{
    margin: 20px 80px 0;
}

#navigation ul.nav li a{
    color: #735d50;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 18px;

    background: transparent;
    font-family: 'Pharma-BoldCond' !important;
}
.offcanvas {
    display: none;
}

.menu .navbar-toggle{
    display: block !important;
    cursor: pointer !important;
}
#bs-example-navbar-collapse-1 #menu{
    float: left;
    margin: 13px 15px 0 0;
    cursor: pointer;
}
.navbar-right{
    margin-right: 10px;
}
.l_href{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.rev_slider >ul >li{
    visibility: visible !important;
}
.navbar{
    border-radius: 0px !important;
}
.ares .tp-bullet.selected{
    background: #4d4b4a !important;
}
.ares .tp-bullet{
    background: #8c8a88 !important;
    width: 7px !important;
    height:7px !important;
}

.navbar-header{
    display: none;
}

#ak-about h3, #ak-the-range h3, #ak-serve-store h3, #ak-stockists h3, #ak-contact h3{
    text-align: center;
    color: #735d4f;
    font-family: 'Pharma-BoldCond';
    text-transform:uppercase;
    font-size:34px;
    letter-spacing: 3px;
}

#ak-the-range h3 { max-width: 300px;
                   margin: 20px auto; }


.media-body p{
    font-family: 'Pharma-RegularCond';
    font-size: 20px;
    color: #604e42;
    text-align: center;
    letter-spacing: 1px;
}
.media-body h4{
    text-align: center;
    color: #735d4f;
    font-family: 'Pharma-BoldCond';
    text-transform:uppercase;
}


#ak-the-range .rev_slider_wrapper{
    margin: 35px 0 15px 0px !important;
}

#ak-the-range-item{
    background-color: #fef9ee;
    padding: 7% 0 8% 0;
    text-align: center;
    color: #735d50;
}
.list_fd{
    display: inline-block;
    margin: 0px;
}
.list_fd li{
    float: left !important;
        margin-right: 16px;
    margin-left: 16px;


    list-style: none;
    font-family: 'Pharma-BoldCond';

}
.fl-left { float:left; }
.fl-right {float:right }

.bottompadding{
    font-family: 'Pharma-BoldCond';
    letter-spacing: 2px;
}
.list_fd li:last-child{
    list-style:disc !important;
}

#ak-the-range-item .list_fd.flavour li {
    font-size: 16px !important;
}


#ak-the-range-item .media_m img{
    width: 100%;
}
#ak-the-range-item .topbottompadding h4{
    padding-bottom: 15px;
    font-family: 'Pharma-BoldCond';
}

.m_img,.media_m{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row_food_dessert_espresso_zest .icon img{
    width: 400px;
    margin: -32px 0px 32px 0px;
}

.row_food_dessert_dark_mint .icon img{
    width:250px;
    margin:-102px 0px 32px 0px;
}

.row_food_dessert_mango_lassi .icon img{
    width:324px;
    margin:-52px 0px 32px 0px;
}

.row_food_dessert_banana_cacao .icon img{
    width:374px;
    margin:-26px 0px 32px 0px;
}

#ak-serve-store{
    background: url(inc/img/Marble.jpg) center bottom no-repeat;
    background-size: cover;
    height:584px;
}

#ak-serve-store .media-body img{
    width: 100%;
}

#ak-serve-store .icon img{
    margin:-70px 0px 22px 0px;
}
#ak-serve-store h3, #ak-stockists h3,h4,#ak-contact h3,h4{
    text-align: center;
    font-family: 'Pharma-BoldCond';
}
#ak-serve-store p{
    text-align: center;
    font-family: 'Pharma-RegularCond';
    font-size: 20px;
    letter-spacing: 1px;
    color: #735d4f !important;
}
#ak-stockists h4{
    font-size: 20px;
    letter-spacing: 2px;
    color: #735d50 !important;
    font-family: 'Pharma-RegularCond' !important;
}
#ak-stockists .stockists_d h3{
    text-align: left;

    font-size: 20px;
    margin-bottom: 17px;
}
.stockists_d {
    margin-top:30px;

}

.stockists_d ul{
    padding:0px !important;
}
.stockists_d ul li{
    list-style: none;
}
.social_f{
    float: left;
    margin: 10px 100px !important;
}
li.social_f a{
    float: left;
    margin:0px !important;
    color: #010101 !important;
}
#navigation .close{
    position: absolute !important;
    top: 43px;
    left: 30px;
    color: #000000 !important;
    opacity:1 !important;
}

#ak-about .page-scroll{
    color: #735d50 !important;
    display: inline-block;
    text-align: center;
    background: url(inc/img/Scroll-down.png) 150px 20px no-repeat;
    width:100%;
    text-indent: -111111px;
}
#color_espresso_zest{
    background-color: #ffb186;
}
#color_espresso_zest .col-sm-8 h3, #color_dark_mint .col-sm-8 h3, #color_mango_lassi .col-sm-8 h3 ,#color_banana_cacao .col-sm-8 h3{
    font-size: 12px !important;
    font-family: 'Pharma-BoldCond';
    margin-top: 35px;
    text-transform: uppercase !important;
    letter-spacing: 1px;
}
#color_espresso_zest .col-sm-8.col-sm-offset-2 .toppadding,
#color_dark_mint .col-sm-8.col-sm-offset-2 .toppadding,
#color_mango_lassi .col-sm-8.col-sm-offset-2 .toppadding,
#color_banana_cacao .col-sm-8.col-sm-offset-2 .toppadding
{
    font-family: 'Pharma-BoldCond';
    font-size: 14px;
    letter-spacing: 2px;
}
#color_espresso_zest .col-sm-8.col-sm-offset-2,
#color_dark_mint .col-sm-8.col-sm-offset-2,
#color_mango_lassi .col-sm-8.col-sm-offset-2,
#color_banana_cacao .col-sm-8.col-sm-offset-2{
    font-family: 'Pharma-RegularCond';
    font-size: 16px;
    letter-spacing: 1px;
}

#color_dark_mint{
    background-color: #bafde6;
}
#color_mango_lassi{
    background-color: #ffd589;
}
#color_banana_cacao{
    background-color: #fefecd;
}


.mc4wp-form-error{
    top: 54%;
}
.mc4wp-form input[type="text"]{
    width: 175px !important;
    height: 50px !important;
    margin:0px 5px 0px 0px !important;
    text-align: center;
    font-family: 'Pharma-RegularCond' !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 2px solid #735d4f;
    padding: 0px !important;
    border-radius: 0;
}
.mc4wp-form input[type="email"]{
    width:250px !important;
    height: 50px !important;
    margin:0px 5px 0px 0px !important;
    text-align: center;
    font-family: 'Pharma-RegularCond' !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 2px solid #735d4f;
    padding: 0px !important;
    border-radius: 0;

}
.mc4wp-form input[type="submit"]{
    width:192px !important;
    height:50px !important;
    margin:0px 0px 0px 0px !important;
    font-family: 'Pharma-BoldCond' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-shadow: none !important;
    background: #735d4f;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0 !important;
    border: 2px solid #735d4f !important;
    padding: 0px !important;
    line-height: 0px !important;
}

.mc4wp-form input[type="submit"]:hover{
    background: #987a67;
    border:2px !important;
}

.mc4wp-form input[type="email"]::-webkit-input-placeholder,.mc4wp-form input[type="text"]::-webkit-input-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]::-moz-placeholder,.mc4wp-form input[type="text"]::-moz-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]:-ms-input-placeholder,.mc4wp-form input[type="text"]:-ms-input-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]:-moz-placeholder, .mc4wp-form input[type="text"]:-moz-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}

.mc4wp-form input[type="text"]:focus,.mc4wp-form input[type="email"]{
    outline:0px !important;
    color: #735d4f !important;
}
.c_before_after_form .mc4wp-form-fields{
    clear: both;
}

.before_form{
    max-width: 420px;
}

.mc4wp-form p{
    font-family: 'Pharma-BoldCond' !important;
    font-size:22px !important;
    line-height: 33px;
    color:#735d4f !important;
    padding-top: 7px;
    letter-spacing: 3px;
}
.mc4wp-success p{
    font-size:36px !important;
    text-transform: uppercase !important;
    text-align: center;
    margin: 0 auto;
    /*padding:0 20%;*/
    padding: 0 36%;
    line-height: 38px;
    color:#735d4f;
}

.mc4wp-success h5{
    font-family: 'Pharma-BoldCond' !important;
    font-size: 20px !important;
    color:#735d4f !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: normal !important;
    letter-spacing: 0.09em;
    margin: 0px !important;
    padding: 30px 0px 0px 0px !important;
}

.mc4wp-success h5 span{
    display: block;
}
#ak-contact h3{
    margin: 0px !important;

}

#ak-contact .mc4wp-form a.p_policy{
    text-decoration: none !important;
    color: #735d4f !important;
    padding-top: 10px;
    display:inline-block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
}
.mc4wp-form-error .error_text{
    display: block !important;
}

#bottam-to-up-scroll{
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #56665f;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right:0px;
    bottom:0px;
    cursor: pointer;
}
#bottam-to-up-scroll a{
    color: #dcdcff !important;
}
#ak-blog h3{
    text-align: center !important;
    color: #ffebed;
    font-family: 'Pharma-BoldCond';
    text-transform: uppercase;
    font-size: 36px !important;
}

#ak-blog h3 p{
    font-size: 36px !important;
    letter-spacing: 4px;
    line-height: 43px;
}
#ak-blog h5{
    text-transform: uppercase !important;
    letter-spacing: 0.06em;
    float: none;
    display: block;
}
.contact_info{
    text-align: center;
    float: left;
    width: 100%;
}
.contact_info h4{
    text-transform: uppercase !important;
    font-size: 16px !important;
    float: none;
    display: block;
}

.contact_info a{
    color: #ffffff !important;
    text-decoration: none !important;
    display:block;
    font-size: 15px;
    float: none;
}

#ak-blog h4.share{
    text-align: center;
    line-height: 30px;
    font-size: 17px !important;
    font-family: 'Pharma-BoldCond' !important;
    float: right;
}

.extra_padding{
    padding: 50px 0px 35px 0px;
    line-height: 40px;
}



#ak-contact .text_free_update , #ak-contact .success_free_update{
    display: none;
}


.c_before_after_form .mc4wp-form-success .col-sm-offset-3, .c_before_after_form .mc4wp-form-error .col-sm-offset-3{
    display: none;
}


#menu .fa-bars{font-size: 21px !important; position: relative;  top:4px;}
#tf-menu.stick .navbar-right > li.hover-bg > a{color:#735d50 !important;}
.nivo-lightbox-inline, .nivo-lightbox-ajax{overflow: hidden !important;}
#mc4wp-form-1 .subscribe_mc4wp{font-size: 34px; padding-bottom:20px;}
#mc4wp-form-1 .free_update_description{letter-spacing: 3px; font-size: 22px; margin-bottom: 0;}
#ak-about .page-scroll{ display: none !important; }
#ak-the-range-item h4, #ak-the-range-item ul.list_fd{font-size: 18px !important; letter-spacing: 2px; position: relative; top:-22px; padding:0;}
#ak-the-range img[alt=Vegan], #ak-the-range img[alt="Organic Ingredients"]{width: 110px !important;}
img[alt=Vegan], img[alt="Organic Ingredients"]{width: 95px !important;}

#ak-stockists ul li strong{font-family: 'Metric-Semibold'; color: #735d50 !important; font-size:17px !important; font-weight: normal; }
.contact_info a, .contact_info h4{letter-spacing: 2px;}
.fb_iframe_widget{
    margin-bottom: 35px;
}




#bottam-to-up-scroll{ display: none; }

#tf-menu.stick .navbar-right  ul  li  a{ color: #735d50 !important; }
#tf-menu.stick .navbar-right   ul  li.hover-bg > a:hover,
#tf-menu.stick .navbar-nav   ul  li  a:hover,
#tf-menu.stick .navbar-nav   ul  li  a:focus {
    color: #000 !important;
}

#navigation.navmenu-fixed-left ul li a:hover{ color: #000 !important;}



.pb_40{ padding-bottom: 30px; }
.img_right{ float: right; }
.img_left{ float: left; }
#ak-the-range .mar-left{ margin-left: 35px;}
.social_icon i{color:#735d50; cursor: pointer;}
#stockists li {
    font-family: 'Metric-Regular'; letter-spacing: 0px !important; font-size: 17px !important; color: #735d4f !important; padding-bottom: 30px;

}
.free_stuff_sub_title{font-family: 'Pharma-RegularCond' !important;}
.contact_info h5{font-size: 12px !important;}

.center-block .media-body h3{ font-size:33px !important;}
.pfont_17{font-size: 21px !important; font-family: 'Pharma-RegularCond' !important; letter-spacing: 0.1em;}
.pfont_16{ font-size: 14px !important; font-family: 'Pharma-BoldCond' !important; letter-spacing: 0.1em;}

.bottompadding_email{ padding-bottom:15px; font-family: 'Pharma-BoldCond'; letter-spacing: 2px;}


#bottam-to-up-scroll { display:none !important;}


@media screen and (max-width:767px) {
    body .navbar-header .menu .fa-bars {
        color:#ffffff !important;
    }

    body #menu .fa-bars {
        font-size: 28px !important ;
    }



}
.bottompadding{
    font-family: 'Pharma-BoldCond';
    letter-spacing: 2px;
}
.list_fd li:last-child{
    list-style:none;
}

 

#ak-the-range-item .topbottompadding h4{

    font-family: 'Pharma-BoldCond';
}

.m_img,.media_m{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row_food_dessert_espresso_zest .icon img{
    width: 400px;
    margin: -32px 0px 32px 0px;
}

.row_food_dessert_dark_mint .icon img{
    width:250px;
    margin:-102px 0px 32px 0px;
}

.row_food_dessert_mango_lassi .icon img{
    width:324px;
    margin:-52px 0px 32px 0px;
}

.row_food_dessert_banana_cacao .icon img{
    width:374px;
    margin:-26px 0px 32px 0px;
}

#ak-serve-store{
    background: url(inc/img/Marble.jpg) center bottom no-repeat;
    background-size: cover;
    height:584px;
}

#ak-serve-store .media-body img{
    width: 100%;
}

#ak-serve-store .icon img{
    margin:-70px 0px 22px 0px;
}
#ak-serve-store h3, #ak-stockists h3,h4,#ak-contact h3,h4{
    text-align: center;
    font-family: 'Pharma-BoldCond';
}

#ak-stockists h4{
    font-size: 20px;
    letter-spacing: 2px;
    color: #735d50 !important;
    font-family: 'Pharma-RegularCond' !important;
}
#ak-stockists .stockists_d h3{
    text-align: left;
    font-size: 20px;
    margin-bottom: 17px;
}
.stockists_d {
    margin-top:30px;

}

.stockists_d ul{
    padding:0px !important;
}
.stockists_d ul li{
    list-style: none;
}
.social_f{
    float: left;
    margin: 10px 100px !important;
}
li.social_f a{
    float: left;
    margin:0px !important;
    color: #010101 !important;
}



#ak-about .page-scroll{
    color: #735d50 !important;
    display: inline-block;
    text-align: center;
    background: url(inc/img/Scroll-down.png) 150px 20px no-repeat;
    width:100%;
    text-indent: -111111px;
}
#color_espresso_zest{
    background-color: #ffb186;
}

#color_espresso_zest .col-sm-8.col-sm-offset-2 .toppadding,
#color_dark_mint .col-sm-8.col-sm-offset-2 .toppadding,
#color_mango_lassi .col-sm-8.col-sm-offset-2 .toppadding,
#color_banana_cacao .col-sm-8.col-sm-offset-2 .toppadding
{
    font-family: 'Pharma-BoldCond';
    font-size: 14px;
    letter-spacing: 2px;
}
#color_espresso_zest .col-sm-8.col-sm-offset-2,
#color_dark_mint .col-sm-8.col-sm-offset-2,
#color_mango_lassi .col-sm-8.col-sm-offset-2,
#color_banana_cacao .col-sm-8.col-sm-offset-2{
    font-family: 'Pharma-RegularCond';
    font-size: 16px;
    letter-spacing: 1px;
}

#color_dark_mint{
    background-color: #bafde6;
}
#color_mango_lassi{
    background-color: #ffd589;
}
#color_banana_cacao{
    background-color: #fefecd;
}


.mc4wp-form-error{
    top: 54%;
}
.mc4wp-form input[type="text"]{
    width: 175px !important;
    height: 50px !important;
    margin:0px 5px 0px 0px !important;
    text-align: center;
    font-family: 'Pharma-RegularCond' !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 2px solid #735d4f;
    padding: 0px !important;
}
.mc4wp-form input[type="email"]{
    width:250px !important;
    height: 50px !important;
    margin:0px 5px 0px 0px !important;
    text-align: center;
    font-family: 'Pharma-RegularCond' !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 2px solid #735d4f;
    padding: 0px !important;

}
.mc4wp-form input[type="submit"]{
    width:192px !important;
    height:50px !important;
    margin:0px 0px 0px 0px !important;
    font-family: 'Pharma-BoldCond' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-shadow: none !important;
    background: #735d4f;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0 !important;
    border: 2px solid #735d4f !important;
    padding: 0px !important;
    line-height: 0px !important;
}

.mc4wp-form input[type="submit"]:hover{
    background: #987a67;
    border:0px !important;
}

.mc4wp-form input[type="email"]::-webkit-input-placeholder,.mc4wp-form input[type="text"]::-webkit-input-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]::-moz-placeholder,.mc4wp-form input[type="text"]::-moz-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]:-ms-input-placeholder,.mc4wp-form input[type="text"]:-ms-input-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}
.mc4wp-form input[type="email"]:-moz-placeholder, .mc4wp-form input[type="text"]:-moz-placeholder{
    color:#735d4f !important;
    text-transform: uppercase !important;
}

.mc4wp-form input[type="text"]:focus,.mc4wp-form input[type="email"]{
    outline:0px !important;
    color: #735d4f !important;
}
.c_before_after_form .mc4wp-form-fields{
    clear: both;
}

.before_form{
    max-width: 420px;
}


#ak-contact .mc4wp-form a.p_policy{
    text-decoration: none !important;
    color: #735d4f !important;
    padding-top: 10px;
    display:inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
.mc4wp-form-error .error_text{
    display: block !important;
}

#bottam-to-up-scroll{
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #56665f;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right:0px;
    bottom:0px;
    cursor: pointer;
}
#bottam-to-up-scroll a{
    color: #dcdcff !important;
}

#ak-blog h5{
    text-transform: uppercase !important;
    letter-spacing: 0.06em;
    float: none;
    display: block;
}
.contact_info{
    text-align: center;
    float: left;
    width: 100%;
}
.contact_info h4{
    text-transform: uppercase !important;
    font-size: 16px !important;
    float: none;
    display: block;
}

.contact_info a{
    color: #ffffff !important;
    text-decoration: none !important;
    display:block;
    font-size: 16px;
    float: none;
}

#ak-blog h4.share{
    text-align: center;
    line-height: 28px;
    font-size: 17px !important;
    font-family: 'Pharma-BoldCond' !important;
    float: right;
    max-width: 340px;
    width: 100%;
    display: block;
    padding: 0px;
    margin-right: 80px;
}

.extra_padding{
    padding: 50px 0px 35px 0px;
    line-height: 40px;
}


.subscripation_form .col-sm-offset-3{
    margin-left: 0px !important;
}

.client_img{
    /* width: auto !important;*/
    float: left;
}
.client_img img{
    height:100%;
    width:auto;
}

.subscripation_form .mc4wp-form-fields{
    display: inline-block;
    padding-right:65px;
    padding-left:65px;
    width:100%;
}
.subscripation_form{
    background-color: #ffebed;
    height: 570px;
    float: left;
}
.subscripation_form .mc4wp-form .col-sm-offset-3{
    width:100% !important;
}

.subscripation_form .mc4wp-form input[type="text"],.subscripation_form .mc4wp-form input[type="email"]{
    width:100% !important;
    margin-bottom: 10px !important;
}
.subscripation_form .mc4wp-form input[type="submit"]{
    width:100% !important;
}
.subscripation_form .p_policy{
    text-align: center;
    display: inherit;
    margin: 20px 0px;
    text-decoration: none !important;
    color: #735d4f !important;
    text-transform: uppercase !important;
    font-family: 'Pharma-BoldCond' !important;
    letter-spacing: 2px;
    font-size: 12px;
}
.subscripation_form .text_free_update .subscribe_mc4wp, .subscripation_form .success_free_update h3, .subscripation_form .error_text{
    text-align: center !important;
    color: #735d4f;
    font-family: 'Pharma-BoldCond';
    text-transform: uppercase;
    font-size: 30px;
    display: inherit;
}

.subscripation_form .success_free_update, .subscripation_form .text_free_update .subscribe_mc4wp{
    padding-top:65px !important;
    display: block;
}

.subscripation_form .mc4wp-form-success h5{
    padding: 0px 0px 30px 0px !important;
}

.subscripation_form .close{
    display: inline-block;
    position: relative;
    left: 344px !important;
    top: 10px;
    float: none !important;
}
body .nivo-lightbox-theme-default .nivo-lightbox-close{
    width: 18px;
    height: 18px;
    top: 18% !important;
    right: 30% !important;
    background: url(/wp-content/uploads/2017/03/close.png) no-repeat;
    background-size: contain;
    margin: 0px;
    opacity:1;

}


#navigation .menu i{
    text-indent: -1000px;
    width: 18px;
    height: 18px;
    background: url(/wp-content/uploads/2017/03/close.png) no-repeat;
    background-size: contain;
}

.nivo-lightbox-overlay #overlay1 {
    height:570px;
    overflow:hidden;
}


.subscripation_form .mc4wp-error h4{
    padding-right: 25px;
    padding-left: 25px;
}

.subscripation_form .text_free_stuff , .subscripation_form .success_free_stuff {
    display: none;
}

.subscripation_form .mc4wp-form-error .text_free_update, .subscripation_form .mc4wp-form-success .text_free_update{
    display: none;
}
.subscripation_form .text_free_stuff{
    display: none;
}

#ak-contact .text_free_update , #ak-contact .success_free_update{
    display: none;
}


.c_before_after_form .mc4wp-form-success .col-sm-offset-3, .c_before_after_form .mc4wp-form-error .col-sm-offset-3{
    display: none;
}

.subscripation_form h4{
    color: #735d4f !important;
    line-height: 24px;
    text-transform: uppercase;
}
.nivo-lightbox-title-wrap{
    bottom: 40px !important;
    left: -32px !important;
}

.nivo-lightbox-theme-default .nivo-lightbox-title{
    color: #ffffff !important;
    text-decoration: underline !important;
    font-family: 'Pharma-BoldCond' !important;
    font-size: 16px !important;
    letter-spacing: 0.09em !important;
    font-weight: normal !important;
}

.desktop_s .l_href{
    display: none;
}

.m_img_inner{
    padding: 0px !important;
    margin: 0px !important;
}
@media only screen and (min-width: 768px) {
    .three_icon_position{margin-bottom:35px;}
    .navbar-collapse.collapse {
        padding-left:50px;
        padding-right:50px;
    }
    #ak-blog h3 { padding-top:  25px; }




}


.navbar-right .fa-facebook-official:before, .navbar-right .fa-instagram:before{
    font-size: 20px !important;
}

#tf-menu.navbar-default .navbar-right > li > a:hover,
#tf-menu.navbar-default .navbar-right > li > a:focus, 
#tf-menu.navbar-default .navbar-right li > a:hover,
#tf-menu.navbar-default .navbar-right li > a:focus  {
    color: #735d50 !important;
    font-size: 16px !important;
}

#tf-menu.navbar-default .navbar-right > li:first-child > a:hover,
#tf-menu.navbar-default .navbar-right > li:first-child > a:focus, 
#tf-menu.navbar-default .navbar-right li:first-child > a:hover,
#tf-menu.navbar-default .navbar-right li:first-child > a:focus, 
 {
    color: #735d50 !important;
    font-size: 16px !important;
}

li.social_f > a:hover, li.social_f > a:focus {
    color: #735d50 !important;
}

.stick li.social_f > a:hover, li.social_f > a:focus {
    color: #000 !important;
}

.nivo-lightbox-wrap .update-box { width:880px; max-width:880px; margin:0  auto; float: none !important;}

.nivo_a_p{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(390px,-250px);
    -ms-transform: translate(390px,-250px);
    -webkit-transform:translate(390px,-250px);
    -moz-transform:translate(390px,-250px);
    -o-transform:translate(390px,-250px);
}


.nivo-lightbox-title-wrap{
    position: fixed;
    left: 50%;
    top: 57%;
    transform: translate(30px,265px);
    -ms-transform: translate(30px,265px);
    -webkit-transform:translate(30px,265px);
    -moz-transform:translate(30px,265px);
    -o-transform:translate(30px,265px);
}


#ak-stockists ul li strong{font-family: 'Metric-Semibold'; color: #735d50 !important; font-size:17px !important; }
.contact_info a, .contact_info h4{letter-spacing: 2px;}
.fb_iframe_widget, #ak-blog img.details-image {
    float: right;
    margin-right: 80px;
    width:100%;
    max-width: 340px;
    height:auto;
}
#bottam-to-up-scroll{ display: none; }

#tf-menu.stick .navbar-right > li > a, #tf-menu.stick .navbar-right li > a{ color: #735d50 !important; }
#tf-menu.stick .navbar-right > li.hover-bg > a:hover,
#tf-menu.stick .navbar-nav > li > a:hover,
#tf-menu.stick .navbar-nav > li > a:focus
#tf-menu.stick .navbar-right li.hover-bg > a:hover,
#tf-menu.stick .navbar-nav li > a:hover,
#tf-menu.stick .navbar-nav li > a:focus 
{
    color: #000 !important;
}

#navigation.navmenu-fixed-left ul li a:hover{ color: #000 !important;}



.pb_40{ padding-bottom: 30px; }
.img_right{ float: right; }
.img_left{ float: left; }
#ak-the-range .mar-left{ margin-left: 35px;}
.social_icon i{color:#735d50; cursor: pointer;}
#stockists li {
    font-family: 'Metric-Regular'; letter-spacing: 0px !important; font-size: 17px !important; color: #735d4f !important; padding-bottom: 8px;

}
.free_stuff_sub_title{font-family: 'Pharma-RegularCond' !important;}
.contact_info h5{font-size: 12px !important;}

.center-block .media-body h3{ font-size:33px !important;}
.pfont_17{font-size: 21px !important; font-family: 'Pharma-RegularCond' !important; letter-spacing: 0.1em;}
.pfont_16{ font-size: 14px !important; font-family: 'Pharma-BoldCond' !important; letter-spacing: 0.1em;}

.bottompadding_email{ padding-bottom:15px; font-family: 'Pharma-BoldCond'; letter-spacing: 2px;}


#bottam-to-up-scroll { display:none !important;}


@media screen and (min-width:992px) {

    #ak-the-range .list_fd.bullet-point li { width:auto !important;}
    #ak-the-range .list_fd.bullet-point li:last-child {
        list-style:none;
    }
    #ak-the-range .list_fd.bullet-point li:last-child:before {
        content:''; width:4px; height:4px; background:url(/wp-content/uploads/2017/03/bullet-point2.png);
    }

    .subscripation_form .mc4wp-form input[type="text"],.subscripation_form .mc4wp-form input[type="email"]{
    
    margin-top: 0px !important;
    }

} 



@media screen and (max-width:767px) {
    body .navbar-header .menu .fa-bars {
        color:#ffffff !important;
    }

  
  

      #ak-blog #sb_instagram h3 { font-size: 24px !important; }
      #navigation ul.nav li, #navigation ul.nav li:hover, #navigation ul.nav li.active {
    margin: 0 20px;
    }
  
} 

#tf-menu.navbar-default .navbar-nav > li > .social-link , #tf-menu.navbar-default .navbar-nav li > .social-link {
    padding-top: 14px;
    font-size: 20px;
}

iframe.instagram-media { 
    margin-top:10px !important; 
    border-radius: 0 !important;
}
/*#navigation.offcanvas  {display: none; height:100%;  } */

#navigation.offcanvas.canvas-slid  {display:  block; height:100%;}
#color_espresso_zest ,#color_dark_mint ,#color_mango_lassi ,#color_banana_cacao {overflow:hidden;}


/* slider bullets */


#rev_slider_3_1_wrapper .tp-bullets, #rev_slider_3_1_wrapper  .tp-thumbs {

    transform: : matrix(1, 0, 0, 1, -63, -37) !important; 

}

@media screen and (min-width:768px) {

}

@media screen and (min-width:992px) {
    /* footer */
    .footer-container {
        position: relative;
    }
    .footer-left {
        position: absolute !important;
        top: 0;
        left: 0;
        height: 100%;
    }
    .footer-left:before {
        display: inline-block;
        content: '';
        vertical-align: middle;
        height: 100%;
    }
    .footer-content-left {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: 99%;
    }
    .footer-content-left h3 {
        padding-top: 0 !important;
        margin-top: 0;
    }
    
    /* Instagram feed */

    #sb_instagram {
        margin: 0 80px 0 0;
        float: right;
    }
    #ak-blog #sb_instagram h3{
        font-size: 20px !important;
    }

}

