@charset "utf-8";

/**
 Table of Contents:

1. DEFAULT CLASSES
2. ELEMENTS
  2.1.  HEADER
  2.2.  MENUS
  2.3   Section
  2.4   About    
  2.5   Contact
4. RESPONSIVE

**/

@import url("https://fonts.googleapis.com/css?family=Great+Vibes");
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");

@font-face
{
    font-family: 'organik';
    src: url(../fonts/organik.eot);
    src: url(../fonts/organik.eot?#iefix) format("embedded-opentype"), url(../fonts/organik.woff) format("woff"), url(../fonts/organik.ttf) format("truetype"), url(../fonts/organik.svg#star) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face
{
    font-family: "Ionicons";
    src: url("/Styles/Fonts/ionicons.eot");
    src: url("/Styles/Fonts/ionicons.eot") format("embedded-opentype"),url("/Styles/Fonts/ionicons.ttf") format("truetype"),url("/Styles/Fonts/ionicons.woff") format("woff"),url("Styles/Fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

i[class^="organik-"],
i[class*=" organik-"]
{
    font-family: 'organik' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.organik-hours-support:before
{
    content: "\e91e";
}

.organik-barn:before
{
    content: "\e91f";
}

.organik-credit-card:before
{
    content: "\e920";
}

.organik-delivery:before
{
    content: "\e921";
}

.organik-flower:before
{
    content: "\e922";
}

.organik-leaves:before
{
    content: "\e923";
}

.organik-map-location:before
{
    content: "\e924";
}

.organik-path-footer:before
{
    content: "\e925";
}

.organik-apple:before
{
    content: "\e900";
}

.organik-banana:before
{
    content: "\e901";
}

.organik-basket:before
{
    content: "\e902";
}

.organik-blender:before
{
    content: "\e903";
}

.organik-bread:before
{
    content: "\e904";
}

.organik-broccoli:before
{
    content: "\e905";
}

.organik-carrot:before
{
    content: "\e906";
}

.organik-coconut:before
{
    content: "\e907";
}

.organik-corn:before
{
    content: "\e908";
}

.organik-cucumber:before
{
    content: "\e909";
}

.organik-egg:before
{
    content: "\e90a";
}

.organik-eggplant:before
{
    content: "\e90b";
}

.organik-ekobag:before
{
    content: "\e90c";
}

.organik-grain:before
{
    content: "\e90d";
}

.organik-grape:before
{
    content: "\e90e";
}

.organik-honey:before
{
    content: "\e90f";
}

.organik-jam:before
{
    content: "\e910";
}

.organik-leaf:before
{
    content: "\e911";
}

.organik-lemon:before
{
    content: "\e912";
}

.organik-lettuce:before
{
    content: "\e913";
}

.organik-milk:before
{
    content: "\e914";
}

.organik-mushrooms:before
{
    content: "\e915";
}

.organik-onion:before
{
    content: "\e916";
}

.organik-pear:before
{
    content: "\e917";
}

.organik-pepper:before
{
    content: "\e918";
}

.organik-radish:before
{
    content: "\e919";
}

.organik-smoothie:before
{
    content: "\e91a";
}

.organik-squeezer:before
{
    content: "\e91b";
}

.organik-tomato:before
{
    content: "\e91c";
}

.organik-watermelon:before
{
    content: "\e91d";
}

/* --------------------------------------------------------------------- */


/* 1. DEFAULT CLASSES
/* --------------------------------------------------------------------- */

*
{
    padding: 0;
    margin: 0;
}

*, :active, :focus, :hover
{
    outline: 0 !important;
}

body
{
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 25px;
    letter-spacing: 0em;
    color: #5E5A54;
    font-size: 15px;
}

ul, ol
{
    list-style: none;
}

a
{
    color: #5e5a54;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

a:hover
{
    text-decoration: none;
    color: #5fbd74;
}

img
{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

iframe
{
    border: none;
    width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: Lato,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #392a25;
    margin-top: 0;
    margin-bottom: 0;
}

h1, .h1
{
    font-size: 56px;
}

h2, .h2
{
    font-size: 40px;
}

h3, .h3
{
    font-size: 34px;
}

h4, .h4
{
    font-size: 24px;
}

h5, .h5
{
    font-size: 20px;
}

h6, .h6
{
    font-size: 16px;
}

p
{
    text-align: justify;
}

button, input, select, textarea
{
    font-size: 15px;
    color: #404040;
    font-family: Lato;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea
{
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    color: #666;
    padding: 7px 15px;
    outline: none;
    width: 100%;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"]
{
    height: 40px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    cursor: pointer;
    -webkit-appearance: button;
}

button, select, input[type="button"], input[type="reset"], input[type="submit"]
{
    padding: 12px 29px;
    border: 1px solid;
    border-color: #5fbd74;
    border-radius: 3px;
    background: #5fbd74;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .05em;
    outline: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{
    opacity: .8;
}

select
{
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    color: #000;
    font-weight: normal;
}

.tooltip
{
    white-space: nowrap;
}

.required
{
    color: red;
    font-weight: 700;
    border: 0;
    margin-left: -4px;
    vertical-align: top;
    line-height: 20px;
}

.error-msg
{
    color: #ff0000;
    font-size: 12px;
}

.site
{
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.site.open
{
    transform: translateX(256px);
}

.site.open:before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
    z-index: 9999;
}

.uppercase
{
    text-transform: uppercase;
}

.organik-icon
{
    display: block;
    text-align: center;
    font-size: 100px;
    color: #5fbd74;
}

.section-title
{
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-pretitle
{
    color: #5fbd74;
    line-height: 1.2;
    font-size: 56px;
    font-weight: 400;
    font-style: normal;
    font-family: "Great Vibes";
}

.section-pretitle.default-left
{
    margin-left: -120px;
}

.organik-special-title
{
    display: block;
    position: relative;
    padding-left: 40px;
}

.organik-special-title.align-right
{
    text-align: right;
    padding-left: 0;
    padding-right: 40px;
}

.organik-special-title .number
{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 80px;
    font-weight: 900;
    font-family: Lato;
    color: #392a25;
    line-height: 80px;
    opacity: .1;
}

.organik-special-title.align-right .number
{
    left: auto;
    right: 0;
}

.organik-special-title .title
{
    color: #5fbd74;
    line-height: 80px;
    font-size: 34px;
    font-weight: 400;
    font-style: normal;
    font-family: "Great Vibes";
}

.organik-seperator
{
    margin-bottom: 5px;
    max-width: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.organik-seperator.center
{
    margin-left: auto;
    margin-right: auto;
}

.organik-seperator .sep-holder
{
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
}

.organik-seperator .sep-holder .sep-line
{
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}

.organik-seperator .sep-icon
{
    width: 70px;
    line-height: 0;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
}

.organik-seperator .sep-icon i
{
    font-size: 30px;
    color: #5fbd74;
    display: inline-block;
}

.organik-seperator:hover .sep-icon i
{
    animation: spinner 2s linear infinite;
    -webkit-animation: spinner 2s linear infinite;
}

.loadmore-contain
{
    padding-top: 40px;
    text-align: center;
    clear: both;
}

.organik-btn
{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 25px;
    border-radius: 3px;
    border: 2px solid #5fbd74;
    background-color: #5fbd74;
    color: #fff;
    display: inline-block;
    line-height: 1;
    transition: all .5s;
}

.organik-btn.small
{
    padding: 11px 25px;
    font-size: 15px;
}

.organik-btn:hover
{
    color: #7fca8f;
    background-color: #fff;
}

.organik-btn.arrow
{
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #5fbd74;
    font-size: 15px;
    font-weight: 700;
}

.organik-btn.arrow:hover
{
    margin-left: 10px;
    color: #7fca8f;
}

.organik-btn.arrow:after
{
    content: '\f10b';
    font-family: Ionicons;
    display: inline-block;
    margin-left: 10px;
}

.organik-btn.brown
{
    background-color: #392a25;
    border-color: #392a25;
    color: #fff;
}

.organik-btn.brown:hover
{
    color: #5fbd74;
}

.floating
{
    -webkit-animation-name: floating;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

.app-desc
{
    margin-bottom: 35px;
}

.quote-name
{
    font-size: 14px;
    color: #5e5a54;
    line-height: 1em;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    font-style: italic;
}

.quote-name strong
{
    font-style: normal;
    color: #392a25;
}

.organik-quote
{
    margin-top: 46px;
    border: 1px solid #f1eeea;
    padding: 30px;
    position: relative;
}

.organik-quote > span.small
{
    font-size: 22px;
    color: #5fbd74;
}

.organik-quote > span.big
{
    opacity: .1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #5fbd74;
}

.organik-quote > span.big:before
{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 88px;
}

.organik-quote .quote-text
{
    color: #5e5a54;
    line-height: 2;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
}

.organik-quote .quote-author
{
    color: #392a25;
    line-height: 2;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 20px 0 10px;
}

.page-title
{
    font-family: "Great Vibes","Comic Sans MS",cursive,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 56px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #b0342c;
}

.breadcrumbs
{
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
    border-radius: 0;
}

.breadcrumbs li
{
    display: inline-block;
    margin-right: 20px;
    color: #5fbd74;
    text-transform: uppercase;
}

.breadcrumbs li:after
{
    content: '//';
    margin-left: 20px;
}

.breadcrumbs li:last-child:after
{
    content: '';
    margin-right: 0;
}

.breadcrumbs li a
{
    color: #5e5a54;
}

.breadcrumbs li a:hover
{
    color: #5fbd74;
}

#googleMap
{
    height: 480px;
}

form .row label
{
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 10px;
    display: block;
    font-weight: 400;
}

form .row
{
    margin-bottom: 20px;
}

form .row .form-wrap
{
    position: relative;
}

@-webkit-keyframes floating
{
    from
    {
        -webkit-transform: translate(0, 0px);
    }

    65%
    {
        -webkit-transform: translate(0, 15px);
    }

    to
    {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes floating
{
    from
    {
        -moz-transform: translate(0, 0px);
    }

    65%
    {
        -moz-transform: translate(0, 15px);
    }

    to
    {
        -moz-transform: translate(0, -0px);
    }
}

@keyframes spinner
{
    to
    {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner
{
    to
    {
        -webkit-transform: rotate(360deg);
    }
}

/* --------------------------------------------------------------------- */
/* 2. ELEMENTS
/* --------------------------------------------------------------------- */

/* === 2.1. HEADER === */

.header
{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: rgba(255,255,255,.3);
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.header.scrolling-menu
{
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
    z-index: 999;
}

.header.header-3.scrolling-menu,
.header.header-4.scrolling-menu
{
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
}

header.header-2 > .container,
header.header-3 > .container,
header.header-4 > .container
{
    position: relative;
}

header.header-2 > .container > .row > .col-md-9,
header.header-3 > .container > .row > .col-md-9,
header.header-4 > .container > .row > .col-md-9
{
    position: static;
    flex: 0 0 75%;
    max-width: 75%;
}

header.header-1 nav.menu li.top-search-btn,
header.header-2 nav.menu li.top-search-btn,
header.header-3 nav.menu li.top-search-btn,
header.header-4 nav.menu li.top-search-btn
{
    display: inline-block;
    position: relative;
}

header.header-1 .header-left
{
    position: absolute;
    right: 100%;
    min-width: 180px;
    align-items: center;
    bottom: 0;
    top: 0;
    display: flex;
}

header.header-1 .widget,
header.header-2 .widget,
header.header-3 .widget,
header.header-4 .widget
{
    margin: 0;
}

header.header-1 .header-left .header-call div,
header.header-2 .header-left .header-call div,
header.header-3 .header-left .header-call div,
header.header-4 .header-left .header-call div
{
    display: inline-block;
}

header.header-1 .header-left .header-call .text,
header.header-2 .header-left .header-call .text,
header.header-3 .header-left .header-call .text,
header.header-4 .header-left .header-call .text
{
    font-size: 12px;
    color: #5e5a54;
}

header.header-1 .header-left .header-call .text span,
header.header-2 .header-left .header-call .text span,
header.header-3 .header-left .header-call .text span,
header.header-4 .header-left .header-call .text span
{
    display: block;
    font-size: 16px;
    color: #392a25;
    font-weight: 700;
}

header.header-1 .header-left .header-call .icon,
header.header-2 .header-left .header-call .icon,
header.header-3 .header-left .header-call .icon,
header.header-4 .header-left .header-call .icon
{
    font-size: 35px;
    color: #392a25;
    float: right;
    margin-left: 20px;
    line-height: 42px;
}

header.header-1 .header-center,
header.header-2 .header-center,
header.header-3 .header-center,
header.header-4 .header-center
{
    text-align: center;
}

header.header-1 .header-right
{
    position: absolute;
    left: 100%;
    min-width: 180px;
    align-items: center;
    bottom: 0;
    top: 0;
    display: flex;
}

header.header-2 .header-right,
header.header-3 .header-right,
header.header-4 .header-right
{
    position: static;
    text-align: right;
}

header.header-2 .btn-wrap,
header.header-3 .btn-wrap,
header.header-4 .btn-wrap
{
    display: inline-block;
    position: static;
    height: 24px;
}

header.header-2 .btn-wrap .mini-cart-wrap,
header.header-3 .btn-wrap .mini-cart-wrap,
header.header-4 .btn-wrap .mini-cart-wrap
{
    display: inline-block;
    margin-left: 20px;
    height: 24px;
    float: left;
    margin-top: 6px;
}

header.header-2 .btn-wrap .top-search-btn-wrap,
header.header-3 .btn-wrap .top-search-btn-wrap,
header.header-4 .btn-wrap .top-search-btn-wrap
{
    float: right;
    display: inline-block;
    height: 24px;
    border-left: 1px solid #eee;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 6px;
}

header.header-4 .btn-wrap .top-search-btn-wrap
{
    float: left;
}

header.header-2 .btn-wrap .mini-cart-wrap .mini-cart .mini-cart-icon,
header.header-3 .btn-wrap .mini-cart-wrap .mini-cart .mini-cart-icon,
header.header-4 .btn-wrap .mini-cart-wrap .mini-cart .mini-cart-icon
{
    font-size: 24px;
    line-height: 1;
    margin-right: 0;
}

header.header-2 .btn-wrap .top-search-btn-wrap .top-search-btn,
header.header-3 .btn-wrap .top-search-btn-wrap .top-search-btn,
header.header-4 .btn-wrap .top-search-btn-wrap .top-search-btn
{
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-align: left;
    margin-bottom: -5px;
}

header.header-2 .btn-wrap .top-search-btn-wrap .top-search-btn i:before,
header.header-3 .btn-wrap .top-search-btn-wrap .top-search-btn i:before,
header.header-4 .btn-wrap .top-search-btn-wrap .top-search-btn i:before
{
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}

.header.header-3
{
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(33,33,33,.2);
    width: 100%;
}

header.header-3 .btn-wrap .top-search-btn-wrap .top-search-btn a,
header.header-4 .btn-wrap .top-search-btn-wrap .top-search-btn a
{
    color: #fff;
}

header.header-3 .btn-wrap .top-search-btn-wrap .top-search-btn a:hover,
header.header-4 .btn-wrap .top-search-btn-wrap .top-search-btn a:hover
{
    color: #5fbd74;
}

header.header-4
{
    position: relative;
    padding: 0 80px;
}

header.header-4
{
    position: absolute;
    left: 0;
    right: 0;
    background: none;
    width: 100%;
}

header.header-4 > .container-fluid
{
    position: relative;
}

header.header-4 > .container-fluid > .row > .col-md-9
{
    position: static;
}

header.header-4 .btn-wrap .top-call-btn
{
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-left: 20px;
    color: #fff;
    background-color: #5fbd74;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

header.header-4 .btn-wrap .top-call-btn:before
{
    content: '\f4b9';
    font-family: Ionicons;
    font-size: 34px;
    font-weight: 400;
    color: #392a25;
    opacity: .3;
    margin-right: 10px;
    float: left;
}

header.header-4 .btn-wrap .top-call-btn:hover:before
{
    animation: shake .82s cubic-bezier(0.36,.07,.19,.97) both;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    perspective: 1000px;
}

header.header-mobile
{
    display: none;
    padding: 30px 0;
    width: 100%;
}

header.header-mobile .header-left
{
    font-size: 35px;
    text-align: left;
}

header.header-mobile #open-left
{
    margin-top: 15px;
}

header.header-mobile .header-left i
{
    color: #5e5a54;
    cursor: pointer;
}

header.header-mobile .header-center
{
    text-align: center;
}

header.header-mobile .header-right
{
    text-align: right;
}

header.header-mobile .header-right .mini-cart-wrap
{
    margin-top: 10px;
}


@keyframes shake
{
    10%,90%
    {
        transform: translate3d(-1px,0,0);
    }

    20%,80%
    {
        transform: translate3d(2px,0,0);
    }

    30%,50%,70%
    {
        transform: translate3d(-4px,0,0);
    }

    40%,60%
    {
        transform: translate3d(4px,0,0);
    }
}

/* === 2.2. MENUS === */
.header .menu
{
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0em;
    font-size: 14px;
}

header.header-1 nav.menu,
header.header-2 nav.menu,
header.header-3 nav.menu,
header.header-4 nav.menu
{
    text-align: center;
}

header.header-2 nav.menu,
header.header-3 nav.menu,
header.header-4 nav.menu
{
    display: inline-block;
}

.menu .main-menu
{
    margin: 0;
    padding: 0;
}

.menu .main-menu a
{
    letter-spacing: 0.05em;
}

.menu .main-menu > li
{
    position: relative;
    display: inline-block;
}

.menu .main-menu > li a
{
    display: inline-block;
}

header.header-1 nav.menu .main-menu > li > a,
header.header-2 nav.menu .main-menu > li > a,
header.header-3 nav.menu .main-menu > li > a,
header.header-4 nav.menu .main-menu > li > a
{
    text-transform: uppercase;
    padding: 50px 20px;
}

header.header-1.scrolling-menu nav.menu .main-menu > li > a,
header.header-2.scrolling-menu nav.menu .main-menu > li > a,
header.header-3.scrolling-menu nav.menu .main-menu > li > a,
header.header-4.scrolling-menu nav.menu .main-menu > li > a
{
    padding: 35px 20px;
}

header.header-3 nav.menu .main-menu > li > a,
header.header-4 nav.menu .main-menu > li > a
{
    color: #fff;
}

.menu .main-menu li a:hover,
.menu .main-menu li.active > a,
header.header-3 nav.menu .main-menu > li > a:hover,
header.header-3 nav.menu .main-menu > li.active > a,
header.header-4 nav.menu .main-menu > li > a:hover,
header.header-4 nav.menu .main-menu > li.active > a
{
    color: #5fbd74;
}
/*.menu .main-menu > li.dropdown > a:after {
    content: '\f3d0';
    margin-left: 10px;
    font-size: 12px;
    font-family: Ionicons;
}*/
.header .menu .sub-menu
{
    font-size: 15px;
}

.menu .main-menu .sub-menu
{
    position: absolute;
    top: 110%;
    left: 0;
    visibility: hidden;
    margin: 0;
    min-width: 270px;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease;
    padding: 20px 0;
    list-style: none;
    text-align: left;
    text-transform: none;
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}

.menu .main-menu > li:hover > .sub-menu
{
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.menu .main-menu .sub-menu li
{
    position: relative;
    padding: 0 20px;
}

.menu .main-menu .sub-menu li a
{
    display: block;
    padding: 15px 0;
    color: #5e5a54;
    text-transform: none;
    font-weight: 400;
    background: none;
    position: relative;
    border-bottom: 1px solid #f1eeea;
}

.menu .main-menu .sub-menu li:last-child a
{
    border: none;
}

.menu .main-menu .sub-menu li a:hover
{
    background: none;
    color: #5fbd74;
    padding-left: 20px;
}

.menu .main-menu .sub-menu li a:hover:before
{
    position: absolute;
    content: '\f462';
    font-family: 'Ionicons';
    left: 0;
    top: 15px;
    color: inherit;
}

.menu .main-menu .sub-menu .sub-menu
{
    top: 0;
    left: 100%;
    visibility: hidden;
    opacity: 0;
}

.menu .main-menu > li:hover > .sub-menu li:hover > .sub-menu
{
    top: -20px;
    left: 100%;
    visibility: visible;
    opacity: 1;
}

.menu .main-menu .sub-menu li.menu-item-has-children:after
{
    content: '\f363';
    font-size: 16px;
    font-family: Ionicons;
    position: absolute;
    right: 20px;
    top: 14px;
    color: #5e5a54;
}

header.header-1 nav.menu #branding-logo
{
    vertical-align: middle;
    display: inline-block;
}

header.header-1 nav.menu #branding-logo a
{
    padding-top: 0;
    padding-bottom: 0;
}

header.header-2 #logo,
header.header-3 #logo,
header.header-4 #logo
{
    padding-top: 12px;
    display: block;
}

header.header-2.scrolling-menu #logo,
header.header-3.scrolling-menu #logo,
header.header-4.scrolling-menu #logo
{
    padding-top: 0px;
}

.menu .main-menu > li.mega-menu
{
    position: static;
}

.menu .main-menu .mega-menu > .sub-menu
{
    padding: 0;
}

.menu .main-menu .mega-menu h3
{
    font-size: 16px;
    color: #392a25;
    line-height: 1;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
}

.menu .main-menu .mega-menu .mega-menu-content li
{
    padding: 0;
}

.menu .main-menu .mega-menu ul li a
{
    padding: 5px 0;
    display: inline-block;
    position: relative;
}

.menu .main-menu .mega-menu .sub-menu li a:hover:before
{
    top: 7px;
}

.menu .main-menu .mega-menu ul li.new a:after
{
    content: 'new';
    font-size: 7px;
    text-transform: uppercase;
    height: 12px;
    line-height: 12px;
    padding: 0 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 110%;
    font-weight: 700;
    background-color: #5fbd74;
}

.menu .main-menu .mega-menu ul li.sale a:after
{
    content: 'sale';
    font-size: 7px;
    text-transform: uppercase;
    height: 12px;
    line-height: 12px;
    padding: 0 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 110%;
    font-weight: 700;
    background-color: #5fbd74;
}

.slideout-menu
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.slideout-menu.open
{
    display: block;
}

.mobile-menu > ul.menu
{
    padding: 0;
    margin: 0;
}

.mobile-menu > ul.menu li
{
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
}

.mobile-menu > ul.menu li.expand
{
    background-color: #ddd;
}

.mobile-menu > ul.menu li a
{
    display: block;
    color: #5e5a54;
    padding: 10px 20px;
    background: inherit;
}

.mobile-menu > ul.menu li a:hover,
.mobile-menu > ul.menu li.expand > a
{
    color: #5fbd74;
}

.mobile-menu > ul.menu li .sub-menu-toggle
{
    display: none;
}

.mobile-menu > ul.menu li.dropdown > .sub-menu-toggle
{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    outline: 0;
    background-color: rgba(238,238,238,.5);
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.mobile-menu > ul.menu li.expand > .sub-menu-toggle:before
{
    content: "\f106";
}

.mobile-menu > ul.menu ul,
.mobile-menu > ul.menu ol
{
    padding: 0;
    margin: 0;
}

.mobile-menu > ul.menu li .sub-menu
{
    display: none;
    border-top: 1px solid #ddd;
    background-color: #eee;
    padding-left: 0;
    font-weight: 400;
    box-shadow: none;
    -moz-box-shadow: none;
}

.mobile-menu > ul.menu li .sub-menu li
{
    border: 0;
}

.mobile-menu > ul.menu li .active a
{
    box-shadow: 1px 0 0 #111 inset;
}

.mobile-menu > ul.menu li .sub-menu li a
{
    padding-left: 35px;
}

.mobile-menu > ul.menu li .sub-menu li .sub-menu li a
{
    padding-left: 55px;
}

/* === 2.3. SECTION === */
.section
{
    position: relative;
    width: 100%;
    z-index: 1;
}

.section-slash:before
{
    content: ' ';
    display: block;
    width: 110%;
    height: 250px;
    position: absolute;
    left: -5%;
    transform: rotate(-5deg);
    top: -120px;
    background: inherit;
    overflow: visible;
}

.section.border-bottom
{
    border-bottom: 1px solid #eee;
}

.section-fixed
{
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-cover
{
    background-repeat: no-repeat;
    background-size: cover;
}

.section-error
{
    background: #a8d5ec;
}

.section-bg-1
{
    background-image: url(/Styles/Images/bg_1.jpg);
    background-position: center;
}

.section-bg-2
{
    background-image: url(/Styles/Images/bg_2.jpg);
    background-position: center;
    padding-bottom: 122px;
    margin-bottom: 38px;
}

.section-bg-3
{
    background-image: url(/Styles/Images/bg_3.jpg);
    background-position: center 90%;
    background-repeat: no-repeat;
}

.section-bg-4
{
    background-image: url(/Styles/Images/bg_4.jpg);
    background-position: center 50%;
    background-repeat: no-repeat;
}

.section-bg-5
{
    background-image: url(/Styles/Images/pineappleandoranges.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-6
{
    background-image: url(/Styles/Images/passionfruit.png);
    background-repeat: no-repeat;
}

.section-bg-7
{
    background-image: url(/Styles/Images/lychee9.jpg);
    background-position: center bottom;
}

.section-bg-8
{
    background-image: url(/Styles/Images/mango12.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.section-bg-9
{
    background-image: url(/Styles/Images/guava2.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #7fca90;
}

.section-bg-10
{
    background-image: url(/Styles/Images/pp1.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #7fca90;
}

.profile-bg
{
    background-image: url(/Styles/Images/profile-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.profile-bg .container
{
    background-color: rgba(255, 255, 255, 0.86);
}

.contactus_img4
{
    display: inline-block;
    margin: 10px 5px 5px 0;
    text-align: center;
    vertical-align: top;
    width: 130px;
}

.contactus_img1
{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    margin: 10px 5px 5px 0;
    vertical-align: top;
    width: 130px;
}

.contactus_img3
{
    display: inline-block;
    margin: 10px 5px 5px 0;
    vertical-align: top;
    width: 56px;
}

.contactus_img2
{
    display: inline-block;
    margin: 10px 5px 5px 0;
    vertical-align: top;
    width: 88px;
}

/* === 2.4. ABOUT === */
.organik-about
{
    margin-bottom: 30px;
}

.organik-about .image
{
    position: relative;
    text-align: center;
    overflow: hidden;
    display: flex;
    max-width: 230px;
    height: 230px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.organik-about .image.circle
{
    border-radius: 50%;
}

.organik-about .image.style-2
{
    max-width: none;
    height: auto;
}

.organik-about .image:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 97;
}

.organik-about:hover .image:before
{
    opacity: .2;
}

.organik-about .image.circle:before
{
    border-radius: 50%;
}

.organik-about .content
{
    text-align: center;
}

.organik-about .content h5
{
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    margin-top: 36px;
    margin-bottom: 11px;
}

.organik-about .link
{
    font-size: 15px;
    margin-top: 24px;
    display: block;
    color: #5fbd74;
    font-weight: bold;
}

.organik-about .link:hover
{
    color: #111;
}

.organik-about .link i
{
    margin-right: 7px;
}

.organik-about .image.style-2 img
{
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.organik-about:hover .image.style-2 img
{
    transform: scale(1.2);
}

.organik-about-letter
{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    height: 130px;
    width: 130px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    align-items: center;
    align-self: center;
    justify-content: center;
    display: flex;
    border: 3px solid #fff;
    z-index: 98;
}

.about-main-img
{
    padding: 0;
    margin-top: -40px;
    margin-right: -40px;
    text-align: center;
}

.about-main-img img
{
    border: 10px solid #5fbd74;
}

.about-content
{
    border: 3px solid #f1eeea;
    border-top: 0;
    margin-bottom: -40px;
    padding: 0;
    margin-top: -28px;
}

.about-content-title
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -17px;
    width: 100%;
    overflow: hidden;
}

.about-content-title h4
{
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 20px;
}

.about-content-text
{
    padding: 20px;
}

.about-content-text p:first-child
{
    margin-top: 0;
}

.organik-about-sub-title
{
    margin-top: -95px;
    font-size: 97px;
    opacity: .1;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    line-height: 1;
    color: #5fbd74;
}

@media (min-width: 992px)
{
    .about-main-img
    {
        z-index: 2;
    }

    .about-content
    {
        max-width: calc(50% + 40px);
        width: calc(50% + 40px);
    }
}

@media (min-width: 769px)
{
    .about-content-title h4
    {
        margin-left: 83px;
        white-space: nowrap;
    }

    .about-content-title-line
    {
        height: 1px;
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 10%;
        border-top: 3px solid #f1eeea;
        margin-left: 30px;
    }

    .about-content-text
    {
        padding: 10px 43px 11px 83px;
    }
}

.nutritionfacts-block
{
    background-color: #ffffff;
    border: 1px solid #f4f4f4;
    padding: 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: 0 4px 8px #aaaaaa;
    min-height: 480px;
}

.nutritionfacts-title
{
    background-color: #5fbd74;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    color: #404040;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
}

.nutritionfacts-title > h2
{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.nutritionfacts-title > span
{
    font-size: 14px;
    font-weight: bold;
}

.nutritionfacts-list
{
    padding: 0 10px;
}

.nutritionfacts-list > li
{
    border-bottom: 1px solid #f4f4f4;
    color: #606060;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.nutritionfacts-list > li:last-child
{
    border-bottom: 0px none;
}

.nutritionfacts-list > li .per
{
    float: right;
    font-weight: bold;
    text-align: right;
}

/* === 2.3. FOOTER === */
.footer
{
    display: block;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 70px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    background-color: #444;
    color: #ababab;
}

.footer a
{
    color: #ababab;
}

.footer a:hover
{
    color: #5fbd74;
}

.footer .footer-logo
{
    display: block;
    margin-bottom: 17px;
    margin-top: -19px;
}

.footer .footer-social
{
    margin-top: 78px;
}

.footer .footer-social a
{
    margin-right: 20px;
    font-size: 16px;
    color: #ababab;
    position: relative;
    display: inline-block;
}

.footer .footer-social a i
{
    background-color: #fff;
    padding: 7px;
    transition: all ease-in-out 0s;
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 29px;
    text-align: center;
}

.footer .footer-social a .fa-facebook
{
    color: #3b5999;
}

.footer .footer-social a .fa-google-plus
{
    color: #dd4b39;
}

.footer .footer-social a .fa-youtube
{
    color: #cd201f;
}

.footer .footer-social a .fa-facebook:hover
{
    color: #fff;
    background-color: #3b5999;
}

.footer .footer-social a .fa-google-plus:hover
{
    color: #fff;
    background-color: #dd4b39;
}

.footer .footer-social a .fa-youtube:hover
{
    color: #fff;
    background-color: #cd201f;
}

.footer-social .tooltip .tooltip-inner
{
    background-color: #5fbd74;
}

.footer-social .tooltip.top .tooltip-arrow
{
    border-top-color: #5fbd74;
}

.footer .widget
{
    margin-bottom: 20px;
}

.footer .widget .widget-title
{
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e1dd;
    color: #392a25;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .05em;
    color: #fff;
    border-color: #545454;
}

.footer .widget ul
{
    list-style: none;
    padding: 0;
}

.footer .widget ul li
{
    margin-bottom: 20px;
}

.footer .widget ul li a
{
    position: relative;
}

.footer .widget ul li a:hover
{
    padding-left: 20px;
}

.footer .widget ul li a:hover:before
{
    position: absolute;
    content: '\f462';
    font-family: 'Ionicons';
    left: 0;
    top: 0;
    color: inherit;
}

.footer .newsletter
{
    margin-top: 20px;
    position: relative;
    display: block;
    width: 100%;
}

.footer .newsletter input,
.footer .newsletter button
{
    height: 40px;
    line-height: 40px;
    border: 0;
    float: left;
    font-size: 15px;
    outline: 0;
}

.footer .newsletter input[type="email"]
{
    padding: 0 20px;
    width: 100%;
    border-radius: 3px;
}

.footer .newsletter button
{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    text-align: center;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    background-color: #5fbd74;
    border-radius: 0 3px 3px 0;
}

.copyright
{
    display: block;
    width: 100%;
    position: relative;
    background: #333;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 0;
    color: #696969;
}

.copyright .backtotop
{
    width: 127px;
    height: 37px;
    top: -37px;
    left: 50%;
    position: absolute;
    cursor: pointer;
    transform: translateX(-50%);
    background-image: url(../images/back_to_top.png);
    background-repeat: no-repeat;
    background-position: center;
}

.copyright .backtotop:before,
.copyright .backtotop:after
{
    content: '\f3d8';
    font-family: Ionicons;
    font-size: 30px;
    left: 54px;
    top: 17px;
    position: absolute;
    color: #5fbd74;
    z-index: 998;
    line-height: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.copyright .backtotop:before
{
    top: 25px;
}

.designed-by a:hover
{
    color: #1f8ed2;
}

/*------------------*/

.organik-featured-category
{
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
}

.organik-featured-category .image
{
    height: 400px;
    position: relative;
    overflow: hidden;
}

.organik-featured-category .image .bg
{
    width: 800px;
    height: 800px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    bottom: 30px;
    content: '';
    z-index: 96;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.organik-featured-category:hover .image .bg
{
    margin-left: -460px;
}

.organik-featured-category .image .img
{
    z-index: 97;
    position: absolute;
    bottom: -19px;
    width: 100%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.organik-featured-category:hover .image .img
{
    bottom: 0px;
}

.organik-featured-category .image .img img
{
    max-width: 90%;
    height: auto;
}

.organik-featured-category .title
{
    padding: 30px 0 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #392a25;
}

.organik-featured-product
{
    padding-bottom: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    min-height: 478px;
}


.organik-featured-product.style-8
{
    width: 100%;
    height: 100%;
    background-color: #fbf7eb;
    border: 3px solid #f6edd0;
    padding: 70px 70px 40px 70px;
    text-align: left;
}

/* === 2.14. TESTIMONIAL === */
.organik-testimonial.style-1 .testi-item
{
    outline: 0;
    z-index: 98;
    padding: 30px 15px;
    margin: 0 15px;
    max-width: 350px;
    text-align: center;
    background: -webkit-radial-gradient(0% 100%,circle,transparent 10px,white 10px) no-repeat,-webkit-radial-gradient(100% 0,circle,transparent 10px,white 10px) no-repeat,-webkit-radial-gradient(0% 0,circle,transparent 10px,white 10px) no-repeat,-webkit-radial-gradient(100% 100%,circle,transparent 10px,white 10px) no-repeat;
    background: radial-gradient(circle at 0 100%,transparent 10px,white 10px) no-repeat,radial-gradient(circle at 100% 0,transparent 10px,white 10px) no-repeat,radial-gradient(circle at 0 0,transparent 10px,white 10px) no-repeat,radial-gradient(circle at 100% 100%,transparent 10px,white 10px) no-repeat;
    background-position: 0 100%,100% 0,0% 0,100% 100%;
    background-size: 75% 75%;
    display: block;
    float: left;
    height: 100%;
    min-height: 1px;
}

.organik-testimonial.style-1 .testi-item .text
{
    width: 100%;
    font-size: 18px;
    font-style: italic;
    line-height: 1.8;
    position: relative;
    z-index: 98;
    padding: 40px 0 30px 0;
}

.organik-testimonial.style-1 .testi-item .text:before
{
    content: '';
    left: 50%;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/testi_quote_2.png);
    z-index: 99;
    position: absolute;
    transform: translateX(-50%);
}

.organik-testimonial.style-1 .testi-item .info
{
    display: inline-block;
}

.organik-testimonial.style-1 .testi-item .info .author
{
    display: inline-block;
    margin: 0;
    text-align: center;
}

.organik-testimonial.style-1 .testi-item .info .author .name,
.organik-testimonial.style-1 .testi-item .info .author .tagline
{
    display: block;
}

.organik-testimonial.style-1 .testi-item .info .author .name
{
    font-size: 14px;
    text-transform: uppercase;
    color: #392a25;
    font-weight: 700;
}

.organik-testimonial.style-1 .testi-item .info .author .tagline
{
    color: #b3b0ab;
    font-size: 15px;
    font-weight: 400;
}

.organik-testimonial.style-2 .testi-item
{
    width: 100%;
    text-align: center;
    outline: 0;
    z-index: 98;
    display: block;
}

.organik-testimonial.style-2 .testi-item .text
{
    width: 80%;
    max-width: 710px;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    font-style: italic;
    background-image: url(../images/testi_quote.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.organik-testimonial.style-2 .testi-item .info
{
    margin-top: 50px;
    display: inline-block;
}

.organik-testimonial.style-2 .testi-item .info .author
{
    height: 80px;
    display: inline-block;
    margin: 0 10px;
    text-align: left;
}

.organik-testimonial.style-2 .testi-item .info .author .name,
.organik-testimonial.style-2 .testi-item .info .author .tagline
{
    display: block;
}

.organik-testimonial.style-2 .testi-item .info .author .name
{
    font-size: 18px;
    text-transform: uppercase;
    color: #392a25;
    font-weight: 700;
    margin-top: 15px;
}

.organik-testimonial.style-2 .testi-item .info .author .tagline
{
    color: #fff;
    opacity: .7;
}

.organik-testimonial.style-2 .testi-item .info .photo
{
    height: 80px;
    display: inline-block;
    float: left;
    margin: 0 10px;
}

.organik-testimonial.style-2 .testi-item .info .photo img
{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    display: block;
}

.organik-testimonial.style-2 .owl-controls
{
    margin-top: 40px;
}

.organik-testimonial.style-3 .testi-item
{
    outline: 0;
    z-index: 98;
    margin: 0 10px;
    max-width: 360px;
    display: block;
    float: left;
    height: 100%;
    min-height: 1px;
}

.organik-testimonial.style-3 .testi-item .text
{
    width: 100%;
    background: #fff;
    padding: 40px 12px 40px 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    font-style: italic;
    line-height: 1.8;
    position: relative;
    z-index: 98;
    margin-bottom: 20px;
    border: 7px solid #5fbd74;
    font-weight: bold;
    text-transform: capitalize;
}

.organik-testimonial.style-3 .testi-item .text:before
{
    content: '';
    left: 15px;
    top: 25px;
    width: 20px;
    height: 20px;
    background-image: url(/Styles/Images/testi_quote_2.png);
    z-index: 99;
    position: absolute;
}

/*.organik-testimonial.style-3 .testi-item .text:after
{
    content: '';
    position: absolute;
    bottom: -16px;
    left: 50px;
    width: 0;
    height: 0;
    border-top: 16px solid #fff;
    border-right: 16px solid transparent;
    z-index: 99;
}*/

.organik-testimonial.style-3 .testi-item .info
{
    margin-top: 40px;
    display: inline-block;
}

.organik-testimonial.style-3 .testi-item .info .photo
{
    height: 60px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.organik-testimonial.style-3 .testi-item .info .photo img
{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 4px solid rgba(255,255,255,.2);
}

.organik-testimonial.style-3 .testi-item .info .author
{
    height: 60px;
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: left;
}

.organik-testimonial.style-3 .testi-item .info .author .name,
.organik-testimonial.style-3 .testi-item .info .author .tagline
{
    display: block;
}

.organik-testimonial.style-3 .testi-item .info .author .name
{
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin-top: 5px;
}

.organik-testimonial.style-3 .testi-item .info .author .tagline
{
    color: #fff;
    opacity: .7;
}

.organik-testimonial.style-3 .owl-controls
{
    margin-top: 60px;
}

/*---------- Product detail -----------*/

.product-detail-image img
{
    transform: scale(1.2);
}

/* === 2.5. CONTACT INFO === */
.contact-info
{
    text-align: center;
    margin-bottom: 30px;
}

.contact-info .contact-icon
{
    display: block;
    width: 100%;
    margin-bottom: 15px;
    font-size: 40px;
    color: #5fbd74;
}

.contact-info .contact-title
{
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    margin-top: 9px;
    margin-bottom: 12px;
}


/* 4. RESPONSIVE
/* --------------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .organik-services .title
    {
        font-size: 18px;
    }

    .about-content-title
    {
        margin-top: 0;
    }

    .profile-bg
    {
        background-image: inherit;
    }
}

@media (max-width: 991px)
{
    header.header-desktop
    {
        display: none;
    }

    header.header-mobile
    {
        display: block;
        padding: 0;
    }

    .logo-image
    {
        height: 70px;
        margin-top: 5px;
    }

    .footer .footer-social
    {
        margin-top: 20px;
    }
}

@media (max-width: 768px)
{
    .topbar .container
    {
        padding-left: 45px;
        padding-right: 45px;
        max-width: 576px;
    }

    .topbar .topbar-text span
    {
        display: block;
        border: 0;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .topbar .topbar-text span:not(:first-child)
    {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }

    .topbar .topbar-menu
    {
        text-align: center;
    }

    .topbar .topbar-menu ul li:first-child
    {
        margin: 0;
        padding: 0;
    }

    .header.header-mobile .container
    {
        padding-left: 45px;
        padding-right: 45px;
        max-width: 576px;
    }

    .footer > .container > .row > div
    {
        margin-bottom: 30px;
    }

    .about-content-title
    {
        display: block;
        margin-top: 0;
    }

    .about-content
    {
        border: none;
        margin-bottom: 0px;
        margin-top: 40px;
    }

    .about-carousel
    {
        left: 0;
    }

    .organik-featured-product.style-5 > img
    {
        display: none;
    }

    .organik-featured-product
    {
        min-height: initial;
    }

    .organik-featured-product.style-6,
    .organik-featured-product.style-7
    {
        background-image: none !important;
    }

    .text-right
    {
        text-align: center;
    }

    .organik-services .title
    {
        font-size: 18px;
    }

    .section-bg-3
    {
        background-image: none;
    }

    .organik-special-title.align-right
    {
        text-align: left;
    }

    .organik-special-title.align-right .number
    {
        left: 0;
        right: inherit;
    }
}

@media (max-width: 414px)
{
    .breadcrumbs li:last-child
    {
        margin-right: 0px;
    }

    .section-pretitle.default-left
    {
        margin-left: 0px;
    }

    .section-bg-3
    {
        background-image: none !important;
    }

    .organik-special-title.align-right .number
    {
        left: 0;
        right: auto;
    }

    .alignright
    {
        float: none;
    }

    .category-item .category-item-inner a .info
    {
        display: none;
    }
}

@media (min-width:320px) and (max-width:359px)
{
    .contactus_img4
    {
        margin: 10px 2px 5px 0;
        width: 80px;
    }

    .contactus_img4 > span
    {
        font-size: 11px;
    }

    .contactus_img1
    {
        margin: 10px 5px 5px 0;
        width: 80px;
    }

    .contactus_img3
    {
        width: 40px;
        margin: 10px 5px 5px 0;
    }

    .contactus_img2
    {
        width: 65px;
        margin: 10px 4px 5px 0;
    }
}

@media (min-width:360px) and (max-width:479px)
{
    .contactus_img4
    {
        margin: 10px 2px 5px 0;
        width: 90px;
    }

    .contactus_img4 > span
    {
        font-size: 11px;
    }

    .contactus_img1
    {
        margin: 10px 5px 5px 0;
        width: 80px;
    }

    .contactus_img3
    {
        width: 40px;
        margin: 10px 5px 5px 0;
    }

    .contactus_img2
    {
        width: 65px;
        margin: 10px 4px 5px 0;
    }
}

@media (min-width:768px) and (max-width:1024px)
{
    .contactus_img4
    {
        margin: 10px 2px 5px 0;
        width: 90px;
    }

    .contactus_img4 > span
    {
        font-size: 11px;
    }

    .contactus_img1
    {
        margin: 10px 5px 5px 0;
        width: 80px;
    }

    .contactus_img3
    {
        width: 40px;
        margin: 10px 5px 5px 0;
    }

    .contactus_img2
    {
        width: 65px;
        margin: 10px 4px 5px 0;
    }

    .organik-testimonial
    {
        width: 55%;
        margin: 0 auto;
    }
}

@media (min-width:961px) and (max-width:1023px)
{
    .contactus_img4
    {
        margin: 10px 2px 5px 0;
        width: 90px;
    }

    .contactus_img4 > span
    {
        font-size: 11px;
    }

    .contactus_img1
    {
        margin: 10px 5px 5px 0;
        width: 80px;
    }

    .contactus_img3
    {
        width: 40px;
        margin: 10px 5px 5px 0;
    }

    .contactus_img2
    {
        width: 65px;
        margin: 10px 4px 5px 0;
    }
}

@media (min-width:1024px) and (max-width:1279px)
{
    .organik-testimonial
    {
        width: 82%;
        margin: 0 auto;
    }
}

/* loading */
.noo-spinner
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.985);
    z-index: 999999;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.spinner
{
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cube1,
.cube2
{
    background-color: #79cba8;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2
{
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove
{
    25%
    {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50%
    {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75%
    {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100%
    {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes sk-cubemove
{
    25%
    {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50%
    {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1%
    {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75%
    {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100%
    {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}