/* =======================================
   CSS File Version 2.0
   Last Updated: January 29, 2025   
   Description: Main styles for the website
   ======================================= */

@charset "utf-8";

@font-face {
    font-family: "Market Fresh";
    src: url("../fonts/Market Fresh.eot");
    src: local("☺"), url("../fonts/Market Fresh.woff") format("woff"), url("../fonts/Market Fresh.ttf") format("truetype"), url("../fonts/Market Fresh.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh";
    src: url("../fonts/Market Fresh Bold.eot");
    src: local("☺"), url("../fonts/Market Fresh Bold.woff") format("woff"), url("../fonts/Market Fresh Bold.ttf") format("truetype"), url("../fonts/Market Fresh Bold.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh ALL CAPS";
    src: url("../fonts/Market Fresh ALL CAPS.eot");
    src: local("☺"), url("../fonts/Market Fresh ALL CAPS.woff") format("woff"), url("../fonts/Market Fresh ALL CAPS.ttf") format("truetype"), url("../fonts/Market Fresh ALL CAPS.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh ALL CAPS";
    src: url("../fonts/Market Fresh Bold ALL CAPS.eot");
    src: local("☺"), url("../fonts/Market Fresh Bold ALL CAPS.woff") format("woff"), url("../fonts/Market Fresh Bold ALL CAPS.ttf") format("truetype"), url("../fonts/Market Fresh Bold ALL CAPS.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

body {
    background-color: #fff;
    font: 21px/25px "Karla", sans-serif;
    letter-spacing: 0.04em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}

h1,
h2,
h3 {
    font-family: "Market Fresh ALL CAPS";
    font-weight: 700;
}

img.full-width {
    width: 100%;
}

sup.trade {
    font-size: 86%;
    top: -0.1em;
}

.row {
    max-width: 90rem;
}

.bg-gray {
    background-color: #ebebeb;
    padding-bottom: 60px;
    padding-top: 60px;
}

.tooltip-bubble {
    background-color: #5b8437;
    color: #000;
    font: 26px/33px "Market Fresh", cursive;
    max-width: 370px;
    padding: 26px 30px;
    text-align: left;
    /*
	&::before {
		background: url(../images/bubble-arrow.png) 0 0 no-repeat;
		bottom: 10px;
		content: "";
		height: 74px;
		left: -55px;
		position: absolute;
		width: 55px;
	}
	*/
}

body.page-template-about-us .tooltip-bubble {
    background-color: #b6c763;
    color: #fff;
    font-size: 25px;
    line-height: 27px;
    max-width: 380px;
    padding: 10px 15px;
    text-transform: uppercase;
}

body.page-template-about-us .tooltip-bubble.top::before {
    border-color: #b6c763 transparent transparent;
}

body.page-template-about-us .tooltip-bubble.bottom::before {
    border-color: transparent transparent #b6c763;
}

body.page-template-about-us .tooltip-bubble span {
    color: #000;
}

.tooltip-bubble.top::before {
    border-color: #5b8437 transparent transparent;
}

.tooltip-bubble.bottom::before {
    border-color: transparent transparent #5b8437;
}

.tooltip-bubble span {
    color: #fff;
}

.video {
    display: block;
    position: relative;
}

.video::after {
    background: url(../images/video-play.png) 0 0 no-repeat;
    content: "";
    height: 74px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
}

.video:hover::after {
    background-position: 0 -74px;
}

.off-canvas {
    background-color: #fff;
}

.off-canvas ul.menu {
    margin: 50px 0 20px;
}

.off-canvas ul li a {
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.off-canvas ul li.current-menu-item > a,
.off-canvas ul li a:hover {
    color: #cc163f;
}

.header {
    position: relative;
    z-index: 10;
}

@media (max-width: 991px) {
    .header > img {
        margin-top: 30px;
    }
}

body:not(.home):not(.page-id-11):not(.parent-pageid-11) .header {
    margin-bottom: 24px;
}

.header .sticky {
    z-index: 1;
}

.header .sticky.is-stuck .top {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.header .top {
    background-color: #fff;
    padding: 15px 0;
    position: absolute;
    top: 0;
    transition: all 1s;
    width: 100%;
    z-index: 1;
}

.header .top-content {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .header .top-content {
        justify-content: space-between;
    }
}

@media (min-width: 1200px) and (max-width: 1710px) {}

@media (max-width: 639px) {
    .header .top {
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        position: fixed;
    }
}

.header .top .logo {
    margin-right: 5px 40px 5px 0;
    transition: all 1s;
}

@media (min-width: 1200px) {
    .header .top .logo {
        margin: 15px 80px 15px 0;
    }
}

.header .top .logo img {
    height: 80px;
    transition: all 1s;
    width: auto;
}

@media (max-width: 767px) {
    .header .top .logo img {
        height: 65px;
    }
}

.header .top ul.menu {
    margin-top: 9px;
    text-align: center;
    flex: 1;
}

.header .top ul.menu li {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
}

.header .top ul.menu li:first-child {
    margin-left: 0;
}

.header .top ul.menu li a {
    border-bottom: 2px solid transparent;
    color: #2c495c;
    display: block;
    float: left;
    font-size: 19px;
    line-height: 1;
    padding-left: 0;
    text-transform: uppercase;
}

@media (min-width: 1024px) and (max-width: 1140px) {
    .header .top ul.menu li a {
        font-size: 16px;
    }
}

.header .top ul.menu li a:hover,
.header .top ul.menu li.current-menu-item > a,
.header .top ul.menu li.current-menu-parent > a {
    border-bottom: 2px solid #fff;
}

.header .top ul.menu li:first-child > a {
    padding-left: 0;
}

.header .top ul.menu li:not(.menu-item-has-children) > a {
    padding-right: 0;
}

.header .top ul.menu li.is-dropdown-submenu-parent > a {
    padding-right: 1.1rem;
}

.header .top ul.menu li.is-dropdown-submenu-parent > a::after {
    border-width: 4px;
    border-color: #fff transparent transparent;
}

.header .top ul.menu li .submenu {
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.header .top ul.menu li .submenu li {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.header .top ul.menu li .submenu li a {
    border: none;
    float: none;
}

.header .top .menu-icon {
    height: 17px;
    width: 25px;
}

.header .top .menu-icon::after {
    background: #232021;
    box-shadow: 0 7px 0 #232021, 0 14px 0 #232021;
    height: 3px;
}

.products-map {
    position: relative;
}

@media (max-width: 1199px) {
    .products-map {
        background: url(../images/our-products-map.jpg) center center no-repeat;
        padding-bottom: 50px;
        padding-top: 230px;
    }

    .products-map > img {
        display: none;
    }
}

@media (max-width: 639px) {
    .products-map {
        padding-top: 50px;
    }
}

.products-map a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
}

@media (min-width: 1200px) and (max-width: 1710px) {
    .products-map a {
        background-size: 68%;
    }
}

.products-map a.coffee {
    background-image: url(../images/bubble-product-coffee.png);
    height: 83px;
    left: 17%;
    top: 72%;
    width: 402px;
}

@media (max-width: 1199px) {
    .products-map a.coffee {
        background: rgba(184, 197, 129, 0.74);
    }

    .products-map a.coffee::before {
        border-color: rgba(184, 197, 129, 0.74) transparent transparent;
        left: 15px;
    }
}

.products-map a.coffee .pulse {
    margin-left: -35px;
    margin-top: -20px;
}

.products-map a.iced-tea {
    background-image: url(../images/bubble-product-iced-tea.png);
    height: 172px;
    left: 66%;
    top: 62%;
    width: 195px;
}

@media (max-width: 1199px) {
    .products-map a.iced-tea {
        background: rgba(66, 109, 74, 0.74);
    }

    .products-map a.iced-tea::before {
        border-color: rgba(66, 109, 74, 0.74) transparent transparent;
        left: 50%;
        transform: translateX(-50%);
    }
}

.products-map a.iced-tea .pulse {
    margin-left: 16px;
    margin-top: -10px;
}

.products-map a.tea {
    background-image: url(../images/bubble-product-tea-bags.png);
    height: 84px;
    left: 20.6%;
    top: 33%;
    width: 246px;
}

@media (max-width: 1199px) {
    .products-map a.tea {
        background: rgba(135, 177, 91, 0.74);
    }

    .products-map a.tea::before {
        border-color: rgba(135, 177, 91, 0.74) transparent transparent;
        right: 15px;
    }
}

.products-map a.tea .pulse {
    margin-left: -30px;
    margin-top: -30px;
}

.products-map a.fitz {
    background-image: url(../images/bubble-product-fitz-cold-brew.png);
    height: 83px;
    left: 59%;
    top: 33%;
    width: 490px;
}

@media (max-width: 1199px) {
    .products-map a.fitz {
        background: rgba(130, 150, 118, 0.74);
    }

    .products-map a.fitz::before {
        border-color: rgba(130, 150, 118, 0.74) transparent transparent;
        right: 15px;
    }
}

.products-map a.fitz .pulse {
    margin-left: -30px;
    margin-top: -30px;
}

@media (max-width: 1199px) {
    .products-map a::before {
        border: inset 50px;
        border-bottom-width: 0;
        border-top-style: solid;
        bottom: -50px;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }

    .products-map a.coffee,
    .products-map a.iced-tea,
    .products-map a.tea,
    .products-map a.fitz {
        display: inline-block;
        height: auto;
        left: 0;
        margin: 0 2% 70px;
        position: relative;
        right: auto;
        top: 0;
        width: 45%;
    }

    .products-map a.fitz {
        margin-bottom: 0;
    }

    .products-map a.fitz::before {
        display: none;
    }
}

@media (max-width: 639px) {

    .products-map a.coffee,
    .products-map a.iced-tea,
    .products-map a.tea,
    .products-map a.fitz {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.products-map a .title {
    color: #fff;
    display: none;
    font-size: 28px;
    font-weight: 700;
    padding: 26px 10px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .products-map a .title {
        display: block;
    }
}

.products-map a .pulse {
    animation: pulse 1s infinite;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: block;
    height: 30px;
    width: 30px;
}

@media (max-width: 1199px) {
    .products-map a .pulse {
        display: none;
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.main .breadcrumbs {
    margin-bottom: 50px;
}

.main .breadcrumbs li {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.06em;
}

.main .breadcrumbs li:not(:last-child)::after {
    color: #000;
    content: "\003e";
    font-weight: 300;
    margin: 0 0.6rem;
}

.main .breadcrumbs li.current {
    font-style: italic;
    font-weight: 400;
}

.main .breadcrumbs li a {
    color: #000;
}

.main .section-title {
    margin-bottom: 70px;
}

@media (max-width: 639px) {
    .main .section-title {
        margin-bottom: 40px;
    }
}

body.page-id-11 .main .section-title,
body.parent-pageid-11 .main .section-title,
body.page-template-about-us .main .section-title {
    margin-bottom: 36px;
}

body.page-template-news .main .section-title,
body.page-template-news2 .main .section-title {
    margin-bottom: 0;
}

.main .section-title h1,
.main .section-title h2 {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main .section-title h1 {
    font-size: 36px;
    margin-bottom: 60px;
}

body.page-id-11 .main .section-title h1 {
    margin-bottom: 30px;
}

body.parent-pageid-11 .main .section-title h1,
body.page-template-about-us .main .section-title h1,
body.page-template-news2 .main .section-title h1 {
    margin-bottom: 10px;
}

.main .section-title h2 {
    font-size: 27px;
    margin-bottom: 20px;
}

.main .section-title p {
    font-family: "Lato", sans-serif;
    font-size: 21px;
    text-align: center;
}

.main .tabs {
    border: none;
    font-family: "Lato", sans-serif;
    font-size: 0;
    text-align: center;
}

.main .tabs .tabs-title {
    display: inline-block;
    float: none;
}

.main .tabs .tabs-title a {
    background-color: #f7f6f6;
    color: #000;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.main .tabs .tabs-title.is-active a {
    background-color: #ececec;
}

.main .tabs-content {
    background: none;
    border-color: #ececec;
    font-family: "Lato", sans-serif;
}

.main .tabs-content .tabs-panel {
    padding: 0;
}

.main .tabs-content .tabs-panel .white-bg,
.main .tabs-content .tabs-panel .gray-bg {
    padding: 70px 100px;
}

@media (max-width: 639px) {

    .main .tabs-content .tabs-panel .white-bg,
    .main .tabs-content .tabs-panel .gray-bg {
        padding: 15px;
    }

    .main .tabs-content .tabs-panel .white-bg img,
    .main .tabs-content .tabs-panel .gray-bg img {
        margin-bottom: 20px;
    }
}

.main .tabs-content .tabs-panel .white-bg {
    background-color: #fff;
}

.main .tabs-content .tabs-panel .gray-bg {
    background-color: #ececec;
}

.main .tabs-content .tabs-panel h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.main .tabs-content .tabs-panel p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.main .tabs-content .tabs-panel p.lead {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;
}

.main .tabs-content .tabs-panel h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.main .tabs-content .tabs-panel li {
    font-size: 16px;
    line-height: 20px;
}

.main .tabs-content .tabs-panel li:not(:last-child) {
    margin-bottom: 20px;
}

.main .journey {
    margin-top: 60px;
}

.main .journey h2,
.main .journey p {
    text-align: center;
}

.main .journey h2 {
    display: table;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 auto 40px;
    position: relative;
    text-transform: uppercase;
}

.main .journey h2::after {
    background-color: #8a8d8f;
    bottom: -19px;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    position: relative;
    width: 174px;
}

.main .journey h2 span.has-tip {
    border-bottom: none;
}

.main .journey h2 span.has-tip span {
    color: #6cb013;
}

.main .journey p {
    font-size: 21px;
    line-height: 24px;
}

@charset "utf-8";

@font-face {
    font-family: "Market Fresh";
    src: url("../fonts/Market Fresh.eot");
    src: local("☺"), url("../fonts/Market Fresh.woff") format("woff"), url("../fonts/Market Fresh.ttf") format("truetype"), url("../fonts/Market Fresh.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh";
    src: url("../fonts/Market Fresh Bold.eot");
    src: local("☺"), url("../fonts/Market Fresh Bold.woff") format("woff"), url("../fonts/Market Fresh Bold.ttf") format("truetype"), url("../fonts/Market Fresh Bold.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh ALL CAPS";
    src: url("../fonts/Market Fresh ALL CAPS.eot");
    src: local("☺"), url("../fonts/Market Fresh ALL CAPS.woff") format("woff"), url("../fonts/Market Fresh ALL CAPS.ttf") format("truetype"), url("../fonts/Market Fresh ALL CAPS.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Market Fresh ALL CAPS";
    src: url("../fonts/Market Fresh Bold ALL CAPS.eot");
    src: local("☺"), url("../fonts/Market Fresh Bold ALL CAPS.woff") format("woff"), url("../fonts/Market Fresh Bold ALL CAPS.ttf") format("truetype"), url("../fonts/Market Fresh Bold ALL CAPS.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

body {
    background-color: #fff;
    font: 21px/25px "Karla", sans-serif;
    letter-spacing: 0.04em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}

h1,
h2,
h3 {
    font-family: "Market Fresh ALL CAPS";
    font-weight: 700;
}

img.full-width {
    width: 100%;
}

sup.trade {
    font-size: 86%;
    top: -0.1em;
}

.row {
    max-width: 90rem;
}

.bg-gray {
    background-color: #ebebeb;
    padding-bottom: 60px;
    padding-top: 60px;
}

.tooltip-bubble {
    background-color: #5b8437;
    color: #000;
    font: 26px/33px "Market Fresh", cursive;
    max-width: 370px;
    padding: 26px 30px;
    text-align: left;
    /*
	&::before {
		background: url(../images/bubble-arrow.png) 0 0 no-repeat;
		bottom: 10px;
		content: "";
		height: 74px;
		left: -55px;
		position: absolute;
		width: 55px;
	}
	*/
}

body.page-template-about-us .tooltip-bubble {
    background-color: #b6c763;
    color: #fff;
    font-size: 25px;
    line-height: 27px;
    max-width: 380px;
    padding: 10px 15px;
    text-transform: uppercase;
}

body.page-template-about-us .tooltip-bubble.top::before {
    border-color: #b6c763 transparent transparent;
}

body.page-template-about-us .tooltip-bubble.bottom::before {
    border-color: transparent transparent #b6c763;
}

body.page-template-about-us .tooltip-bubble span {
    color: #000;
}

.tooltip-bubble.top::before {
    border-color: #5b8437 transparent transparent;
}

.tooltip-bubble.bottom::before {
    border-color: transparent transparent #5b8437;
}

.tooltip-bubble span {
    color: #fff;
}

.video {
    display: block;
    position: relative;
}

.video::after {
    background: url(../images/video-play.png) 0 0 no-repeat;
    content: "";
    height: 74px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
}

.video:hover::after {
    background-position: 0 -74px;
}

.off-canvas {
    background-color: #fff;
}

.off-canvas ul.menu {
    margin: 50px 0 20px;
}

.off-canvas ul li a {
    color: #0a0a0a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.off-canvas ul li.current-menu-item > a,
.off-canvas ul li a:hover {
    color: #cc163f;
}

.header {
    position: relative;
    z-index: 10;
}

@media (max-width: 991px) {
    .header > img {
        margin-top: 30px;
    }
}

body:not(.home):not(.page-id-11):not(.parent-pageid-11) .header {
    margin-bottom: 24px;
}

.header .sticky {
    z-index: 1;
}

.header .sticky.is-stuck .top {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.header .top {
    background-color: #fff;
    padding: 15px 0;
    position: absolute;
    top: 0;
    transition: all 1s;
    width: 100%;
    z-index: 1;
}

.header .top-content {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .header .top-content {
        justify-content: space-between;
    }
}

@media (min-width: 1200px) and (max-width: 1710px) {}

@media (max-width: 639px) {
    .header .top {
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        position: fixed;
    }
}

.header .top .logo {
    margin-right: 5px 40px 5px 0;
    transition: all 1s;
}

@media (min-width: 1200px) {
    .header .top .logo {
        margin: 15px 80px 15px 0;
    }
}

.header .top .logo img {
    height: 80px;
    transition: all 1s;
    width: auto;
}

@media (max-width: 767px) {
    .header .top .logo img {
        height: 65px;
    }
}

.header .top ul.menu {
    margin-top: 9px;
    text-align: center;
    flex: 1;
}

.header .top ul.menu li {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
}

.header .top ul.menu li:first-child {
    margin-left: 0;
}

.header .top ul.menu li a {
    border-bottom: 2px solid transparent;
    color: #2c495c;
    display: block;
    float: left;
    font-size: 19px;
    line-height: 1;
    padding-left: 0;
    text-transform: uppercase;
}

@media (min-width: 1024px) and (max-width: 1140px) {
    .header .top ul.menu li a {
        font-size: 16px;
    }
}

.header .top ul.menu li a:hover,
.header .top ul.menu li.current-menu-item > a,
.header .top ul.menu li.current-menu-parent > a {
    border-bottom: 2px solid #fff;
}

.header .top ul.menu li:first-child > a {
    padding-left: 0;
}

.header .top ul.menu li:not(.menu-item-has-children) > a {
    padding-right: 0;
}

.header .top ul.menu li.is-dropdown-submenu-parent > a {
    padding-right: 1.1rem;
}

.header .top ul.menu li.is-dropdown-submenu-parent > a::after {
    border-width: 4px;
    border-color: #fff transparent transparent;
}

.header .top ul.menu li .submenu {
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.header .top ul.menu li .submenu li {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.header .top ul.menu li .submenu li a {
    border: none;
    float: none;
}

.header .top .menu-icon {
    height: 17px;
    width: 25px;
}

.header .top .menu-icon::after {
    background: #232021;
    box-shadow: 0 7px 0 #232021, 0 14px 0 #232021;
    height: 3px;
}

.products-map {
    position: relative;
}

@media (max-width: 1199px) {
    .products-map {
        background: url(../images/our-products-map.jpg) center center no-repeat;
        padding-bottom: 50px;
        padding-top: 230px;
    }

    .products-map > img {
        display: none;
    }
}

@media (max-width: 639px) {
    .products-map {
        padding-top: 50px;
    }
}

.products-map a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
}

@media (min-width: 1200px) and (max-width: 1710px) {
    .products-map a {
        background-size: 68%;
    }
}

.products-map a.coffee {
    background-image: url(../images/bubble-product-coffee.png);
    height: 83px;
    left: 17%;
    top: 72%;
    width: 402px;
}

@media (max-width: 1199px) {
    .products-map a.coffee {
        background: rgba(184, 197, 129, 0.74);
    }

    .products-map a.coffee::before {
        border-color: rgba(184, 197, 129, 0.74) transparent transparent;
        left: 15px;
    }
}

.products-map a.coffee .pulse {
    margin-left: -35px;
    margin-top: -20px;
}

.products-map a.iced-tea {
    background-image: url(../images/bubble-product-iced-tea.png);
    height: 172px;
    left: 66%;
    top: 62%;
    width: 195px;
}

@media (max-width: 1199px) {
    .products-map a.iced-tea {
        background: rgba(66, 109, 74, 0.74);
    }

    .products-map a.iced-tea::before {
        border-color: rgba(66, 109, 74, 0.74) transparent transparent;
        left: 50%;
        transform: translateX(-50%);
    }
}

.products-map a.iced-tea .pulse {
    margin-left: 16px;
    margin-top: -10px;
}

.products-map a.tea {
    background-image: url(../images/bubble-product-tea-bags.png);
    height: 84px;
    left: 20.6%;
    top: 33%;
    width: 246px;
}

@media (max-width: 1199px) {
    .products-map a.tea {
        background: rgba(135, 177, 91, 0.74);
    }

    .products-map a.tea::before {
        border-color: rgba(135, 177, 91, 0.74) transparent transparent;
        right: 15px;
    }
}

.products-map a.tea .pulse {
    margin-left: -30px;
    margin-top: -30px;
}

.products-map a.fitz {
    background-image: url(../images/bubble-product-fitz-cold-brew.png);
    height: 83px;
    left: 59%;
    top: 33%;
    width: 490px;
}

@media (max-width: 1199px) {
    .products-map a.fitz {
        background: rgba(130, 150, 118, 0.74);
    }

    .products-map a.fitz::before {
        border-color: rgba(130, 150, 118, 0.74) transparent transparent;
        right: 15px;
    }
}

.products-map a.fitz .pulse {
    margin-left: -30px;
    margin-top: -30px;
}

@media (max-width: 1199px) {
    .products-map a::before {
        border: inset 50px;
        border-bottom-width: 0;
        border-top-style: solid;
        bottom: -50px;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }

    .products-map a.coffee,
    .products-map a.iced-tea,
    .products-map a.tea,
    .products-map a.fitz {
        display: inline-block;
        height: auto;
        left: 0;
        margin: 0 2% 70px;
        position: relative;
        right: auto;
        top: 0;
        width: 45%;
    }

    .products-map a.fitz {
        margin-bottom: 0;
    }

    .products-map a.fitz::before {
        display: none;
    }
}

@media (max-width: 639px) {

    .products-map a.coffee,
    .products-map a.iced-tea,
    .products-map a.tea,
    .products-map a.fitz {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.products-map a .title {
    color: #fff;
    display: none;
    font-size: 28px;
    font-weight: 700;
    padding: 26px 10px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .products-map a .title {
        display: block;
    }
}

.products-map a .pulse {
    animation: pulse 1s infinite;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: block;
    height: 30px;
    width: 30px;
}

@media (max-width: 1199px) {
    .products-map a .pulse {
        display: none;
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.main .breadcrumbs {
    margin-bottom: 50px;
}

.main .breadcrumbs li {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.06em;
}

.main .breadcrumbs li:not(:last-child)::after {
    color: #000;
    content: "\003e";
    font-weight: 300;
    margin: 0 0.6rem;
}

.main .breadcrumbs li.current {
    font-style: italic;
    font-weight: 400;
}

.main .breadcrumbs li a {
    color: #000;
}

.main .section-title {
    margin-bottom: 70px;
}

@media (max-width: 639px) {
    .main .section-title {
        margin-bottom: 40px;
    }
}

body.page-id-11 .main .section-title,
body.parent-pageid-11 .main .section-title,
body.page-template-about-us .main .section-title {
    margin-bottom: 36px;
}

body.page-template-news .main .section-title,
body.page-template-news2 .main .section-title {
    margin-bottom: 0;
}

.main .section-title h1,
.main .section-title h2 {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main .section-title h1 {
    font-size: 36px;
    margin-bottom: 60px;
}

body.page-id-11 .main .section-title h1 {
    margin-bottom: 30px;
}

body.parent-pageid-11 .main .section-title h1,
body.page-template-about-us .main .section-title h1,
body.page-template-news2 .main .section-title h1 {
    margin-bottom: 10px;
}

.main .section-title h2 {
    font-size: 27px;
    margin-bottom: 20px;
}

.main .section-title p {
    font-family: "Lato", sans-serif;
    font-size: 21px;
    text-align: center;
}

.main .tabs {
    border: none;
    font-family: "Lato", sans-serif;
    font-size: 0;
    text-align: center;
}

.main .tabs .tabs-title {
    display: inline-block;
    float: none;
}

.main .tabs .tabs-title a {
    background-color: #f7f6f6;
    color: #000;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.main .tabs .tabs-title.is-active a {
    background-color: #ececec;
}

.main .tabs-content {
    background: none;
    border-color: #ececec;
    font-family: "Lato", sans-serif;
}

.main .tabs-content .tabs-panel {
    padding: 0;
}

.main .tabs-content .tabs-panel .white-bg,
.main .tabs-content .tabs-panel .gray-bg {
    padding: 70px 100px;
}

@media (max-width: 639px) {

    .main .tabs-content .tabs-panel .white-bg,
    .main .tabs-content .tabs-panel .gray-bg {
        padding: 15px;
    }

    .main .tabs-content .tabs-panel .white-bg img,
    .main .tabs-content .tabs-panel .gray-bg img {
        margin-bottom: 20px;
    }
}

.main .tabs-content .tabs-panel .white-bg {
    background-color: #fff;
}

.main .tabs-content .tabs-panel .gray-bg {
    background-color: #ececec;
}

.main .tabs-content .tabs-panel h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.main .tabs-content .tabs-panel p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.main .tabs-content .tabs-panel p.lead {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;
}

.main .tabs-content .tabs-panel h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.main .tabs-content .tabs-panel li {
    font-size: 16px;
    line-height: 20px;
}

.main .tabs-content .tabs-panel li:not(:last-child) {
    margin-bottom: 20px;
}

.main .journey {
    margin-top: 60px;
}

.main .journey h2,
.main .journey p {
    text-align: center;
}

.main .journey h2 {
    display: table;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 auto 40px;
    position: relative;
    text-transform: uppercase;
}

.main .journey h2::after {
    background-color: #8a8d8f;
    bottom: -19px;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    position: relative;
    width: 174px;
}

.main .journey h2 span.has-tip {
    border-bottom: none;
}

.main .journey h2 span.has-tip span {
    color: #6cb013;
}

.main .journey p {
    font-size: 21px;
    line-height: 24px;
}



.main .journey .timeline.timeline--horizontal {
    background: url(../images/timeline-bg.jpg) center bottom no-repeat;
    background-size: contain;
}

@media (max-width: 639px) {
    .main .journey .timeline.timeline--horizontal {
        background: none;
        padding-bottom: 50px;
    }
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button {
    margin-top: 30px;
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button:not(:disabled) {
    animation: pulse-nav 1s infinite;
    border-color: #6cb013;
    margin-top: 10px;
}

@keyframes pulse-nav {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button.timeline-nav-button--prev {
    left: 24px;
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button.timeline-nav-button--next {
    right: 24px;
}

.main .journey .timeline.timeline--horizontal .timeline-divider {
    height: 3px;
    left: 64px;
    margin-top: 30px;
    right: 64px;
}

.main .journey .timeline.timeline--mobile::before {
    left: 13px !important;
}

.main .journey .timeline button.view-more {
    display: none;
}

@media (max-width: 800px) {
    .main .journey .timeline button.view-more {
        background-color: #444;
        display: block;
        font-weight: 700;
        margin: 30px auto 70px;
        text-transform: uppercase;
    }
}

@media (min-width: 801px) {
    .main .journey .timeline .timeline__items {
        min-height: 671px;
    }
}

@media (max-width: 800px) {
    .main .journey .timeline .timeline__items {
        margin-bottom: 50px;
    }
}

.main .journey .timeline .timeline__item {
    margin-top: 30px;
    z-index: 3;
    /*
				@keyframes pulse {
					0% {
						box-shadow: 0 0 0 0 rgba(108, 176, 19, 0.6);
					}
					70% {
						box-shadow: 0 0 0 14px rgba(108, 176, 19, 0);
					}
					100% {
						box-shadow: 0 0 0 0 rgba(108, 176, 19, 0);
					}
				}
				*/
}

@media (max-width: 800px) {
    .main .journey .timeline .timeline__item {
        display: none;
    }

    .main .journey .timeline .timeline__item:nth-child(-n + 3) {
        display: block;
    }
}

.main .journey .timeline .timeline__item.item-1 .timeline__content img {
    margin-top: -45px;
}

.main .journey .timeline .timeline__item.item-3 .timeline__content img {
    margin-top: -55px;
}

.main .journey .timeline .timeline__item::after {
    background-color: #6cb013;
    border: none;
    display: block;
    height: 25px;
    width: 25px;
}

.main .journey .timeline .timeline__item .timeline__item__inner {
    margin: 0 auto;
    max-width: 380px;
    width: auto;
}

@media (max-width: 639px) {
    .main .journey .timeline .timeline__item .timeline__item__inner .timeline__content__wrap {
        margin-right: 10px;
    }
}

.main .journey .timeline .timeline__item .timeline__content {
    background-color: rgba(173, 193, 77, 0.9);
    border: none;
    border-radius: 0;
    color: #000;
}

.main .journey .timeline .timeline__item .timeline__content::before {
    border-right-color: rgba(173, 193, 77, 0.9);
    z-index: -1;
}

@media (min-width: 801px) {
    .main .journey .timeline .timeline__item .timeline__content::before {
        border: inset 1rem;
    }
}

.main .journey .timeline .timeline__item .timeline__content::after {
    display: none;
}

.main .journey .timeline .timeline__item .timeline__content img {
    float: left;
    margin: -35px 10px 0 -30px;
}

@media (max-width: 639px) {
    .main .journey .timeline .timeline__item .timeline__content img {
        margin-left: -10px;
        margin-top: 0;
    }
}

.main .journey .timeline .timeline__item .timeline__content p {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    overflow: hidden;
}

.main .journey .timeline .timeline__item--top .timeline__content::before {
    border-bottom-width: 0;
    border-color: rgba(173, 193, 77, 0.9) transparent transparent;
    border-top-style: solid;
}

.main .journey .timeline .timeline__item--bottom .timeline__content::before {
    border-bottom-style: solid;
    border-color: transparent transparent rgba(173, 193, 77, 0.9);
    border-top-width: 0;
}

.main .cold-brew {
    background-color: #ececec;
    padding-bottom: 40px;
}

.main .cold-brew img.bottles {
    margin-top: -23px;
    position: relative;
    z-index: 3;
}

@media (max-width: 639px) {
    .main .cold-brew img.bottles {
        display: block;
        margin: 50px auto 0;
        max-width: 80%;
    }
}

.main .cold-brew h2 {
    margin: 90px 0 0;
}

@media (max-width: 639px) {
    .main .cold-brew h2 {
        margin-top: 50px;
    }
}

.main .cold-brew h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin: 70px 0;
}

@media (max-width: 639px) {
    .main .cold-brew h3 {
        margin: 50px 0;
    }
}

.main .cold-brew .more {
    border-bottom: 2px solid #8a8d8f;
    color: #000;
    float: right;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .cold-brew .more {
        float: left;
    }
}

.main .social-feeds {
    background: #eae9ea url(../images/social-feeds-bg.jpg) right center no-repeat;
    padding: 100px 0;
}

@media (max-width: 639px) {
    .main .social-feeds {
        background: #fbfbfd;
        padding: 50px 0 0;
    }
}

.main .social-feeds h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .social-feeds h3 {
        margin-bottom: 10px;
        text-align: center;
    }
}

.main .social-feeds .box {
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 639px) {
    .main .social-feeds .box {
        background-color: transparent;
    }
}

.main .social-feeds .box .tabs .tabs-title {
    float: left;
}

.main .social-feeds .box .tabs .tabs-title a {
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 54px;
}

@media (max-width: 639px) {
    .main .social-feeds .box .tabs .tabs-title a {
        padding-right: 0;
        text-indent: -9999px;
    }
}

.main .social-feeds .box .tabs .tabs-title a#instagram-label {
    background-image: url(../images/icon-instagram.png);
}

.main .social-feeds .box .tabs .tabs-title a#facebook-label {
    background-image: url(../images/icon-facebook.png);
}

.main .social-feeds .box .tabs-content {
    border-top: 1px solid #e6e6e6;
    padding: 5px 5px 10px;
}

.main .social-feeds .box .fts-instagram-wrapper {
    width: calc(33.3333% - 12px) !important;
}

.main .product-desc {
    margin-bottom: 80px;
}

body.page-id-11 .main .product-desc {
    margin-bottom: 0;
}

@media (max-width: 639px) {
    .main .product-desc .columns {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.main .product-desc .submenu {
    background-color: #a8a8a8;
    margin-bottom: 20px;
    min-height: 60px;
}

body.page-id-11 .main .product-desc .submenu {
    margin-bottom: 0;
}

.main .product-desc .submenu ul {
    font-size: 0;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
}

.main .product-desc .submenu ul li {
    display: inline-block;
    padding: 50px 0 40px;
    position: relative;
    width: 20%;
}

@media (max-width: 639px) {
    .main .product-desc .submenu ul li {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 30%;
    }
}

.main .product-desc .submenu ul li.coffee a::after {
    background-image: url("../images/submenu-product-coffee.png");
}

.main .product-desc .submenu ul li.iced-tea a::after {
    background-image: url("../images/RD_GallonJug-Sweet-Tea_xtra-smol.png");
}

.main .product-desc .submenu ul li.tea-bags a::after {
    background-image: url("../images/submenu-product-tea-bags.png");
}

.main .product-desc .submenu ul li.current-menu-item::before {
    border: inset 22px;
    border-top-width: 0;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    bottom: -1px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
}

.main .product-desc .submenu ul li.current-menu-item a {
    opacity: 1;
}

.main .product-desc .submenu ul li a {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    opacity: 0.5;
    padding-top: 220px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.main .product-desc .submenu ul li a::after {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (max-width: 639px) {
    .main .product-desc .submenu ul li a {
        font-size: 19px;
        padding-top: 180px;
    }
}

body.page-id-11 .main .product-desc .submenu ul li a {
    opacity: 1;
}

.main .product-desc .submenu ul li a:hover {
    opacity: 1;
}

body.page-id-11 .main .product-desc .submenu ul li a:hover {
    opacity: 0.7;
}

.main .product-desc .content-row {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 640px) {
    .main .product-desc .content-row .columns:first-child {
        padding-top: 120px;
    }
}

.main .product-desc h1 {
    font-size: 90px;
    font-weight: 900;
    line-height: 100px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .product-desc h1 {
        font-size: 70px;
        line-height: 80px;
        margin-top: 20px;
    }
}

.main .product-desc h2 {
    font-size: 27px;
    font-weight: 700;
    margin: 80px 0 20px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .product-desc h2 {
        margin-top: 10px;
    }
}

.main .product-desc p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 36px;
}

.main .product-desc p.lead {
    font-family: "Market Fresh", sans-serif;
    font-size: 34px;
    line-height: 40px;
}

.main .product-desc img {
    float: right;
}

@media (min-width: 640px) {
    .main .product-desc img.iced-tea-img {
        margin-bottom: -250px;
    }
}

.main .product-desc .button {
    background-color: #ce153f;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    padding: 10px 40px;
    text-transform: uppercase;
}

.main .product-gallery .bx-wrapper {
    margin: 0;
    box-shadow: none;
    border: none;
    background: transparent;
}

.main .product-gallery .bx-wrapper img {
    margin: 0 auto;
}

.main .product-gallery .bg-gray {
    padding: 60px 40px 10px;
}

@media (max-width: 639px) {
    .main .product-gallery .bg-gray {
        background: none;
        padding: 0 15px;
    }

    .main .product-gallery .bg-gray .columns {
        background-color: #ebebeb;
        padding: 15px;
    }

    .main .product-gallery .bg-gray .columns:not(:last-child) {
        margin-bottom: 15px;
    }
}

.main .product-gallery a {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

@media (max-width: 639px) {
    body.page-template-our-products-coffee .main .product-gallery .columns:nth-child(2) a img {
        margin-top: -115px;
    }
}

.main .product-gallery h3,
.main .product-gallery h4,
.main .product-gallery .more {
    font-weight: 700;
    text-transform: uppercase;
}

.main .product-gallery h3 {
    font-size: 27px;
    margin: 50px 0 40px;
}

.main .product-gallery a:hover {
    opacity: 0.8;
}

.main .product-gallery h4 {
    color: #0a0a0a;
    font-size: 21px;
    margin: 30px 0 0;
}

@media (max-width: 639px) {
    .main .product-gallery h4 {
        margin-top: 10px;
    }
}

.main .product-gallery .more {
    border-bottom: 2px solid #000;
    color: inherit;
    display: inline-block;
    font-size: 24px;
    margin-top: 50px;
    padding-bottom: 10px;
}

.main .comparison {
    margin-bottom: 100px;
}

@media (max-width: 639px) {
    .main .comparison {
        margin-bottom: 50px;
    }
}

.main .comparison > .active h2,
.main .comparison > .active .container {
    background-color: #eaeaea;
}

.main .comparison h2,
.main .comparison .container {
    background-color: #f7f7f7;
}

.main .comparison h2 {
    background-color: #f7f6f6;
    color: #000;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    padding: 15px 40px 18px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .comparison h2 {
        float: none !important;
    }
}

.main .comparison .container {
    padding-top: 35px;
}

@media (max-width: 639px) {
    .main .comparison .container {
        padding-top: 0;
    }
}

.main .comparison .container .image {
    padding: 35px;
}

@media (max-width: 639px) {
    .main .comparison .container .image {
        padding-bottom: 10px;
    }
}

.main .comparison .container ul {
    list-style-type: none;
    margin: 0;
    padding: 0 35px 35px;
}

@media (max-width: 639px) {
    .main .comparison .container ul {
        padding-left: 0;
    }
}

.main .comparison .container ul li {
    display: inline-block;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    margin: 20px 0;
    min-height: 44px;
    padding-left: 50px;
    padding-top: 6px;
    position: relative;
    width: 100%;
}

@media (max-width: 639px) {
    .main .comparison .container ul li {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.main .comparison .container ul li::before {
    content: "";
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 31px;
}

.main .comparison .container ul li span {
    border: none;
}

.main .comparison .container ul li span span {
    color: #6cb013;
}

.main .comparison .tea .container {
    padding-left: 35px;
}

@media (max-width: 639px) {
    .main .comparison .tea .container {
        padding-left: 0;
    }
}

.main .comparison .tea .container .image {
    float: right;
}

@media (max-width: 639px) {
    .main .comparison .tea .container .image {
        float: none;
    }
}

.main .comparison .tea .container ul {
    margin-left: 30px;
}

/* .main .comparison .tea .container ul li::before {
    background-image: url(../images/icon-tea-leaves.png);
} */

@media (max-width: 639px) {
    .main .comparison .coffee {
        margin-top: 40px;
    }
}

.main .comparison .coffee .container {
    padding-right: 35px;
}

@media (max-width: 639px) {
    .main .comparison .coffee .container {
        padding-right: 0;
    }
}

.main .comparison .coffee .container ul {
    margin-left: 30px;
}

/* .main .comparison .coffee .container ul li::before {
    background-image: url(../images/icon-coffee-beans.png);
} */

body.page-template-news .main .nowadays,
body.page-template-news2 .main .nowadays {
    margin-top: 20px;
    padding-bottom: 40px;
}

body.page-template-news .main .nowadays img.margin,
body.page-template-news2 .main .nowadays img.margin {
    margin: 40px 0;
}

@media (max-width: 639px) {

    body.page-template-news .main .nowadays img.margin,
    body.page-template-news2 .main .nowadays img.margin {
        margin: 0 0 20px;
    }
}

body.page-template-news .main .nowadays .more,
body.page-template-news2 .main .nowadays .more {
    border-bottom: 2px solid #000;
    color: inherit;
    float: right;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

@media (max-width: 639px) {

    body.page-template-news .main .nowadays .more,
    body.page-template-news2 .main .nowadays .more {
        float: none;
    }
}

body.page-template-news .main .community,
body.page-template-news2 .main .community {
    margin-top: 80px;
}

@media (max-width: 639px) {

    body.page-template-news .main .community,
    body.page-template-news2 .main .community {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

body.page-template-news .main .community .slider-wrapper,
body.page-template-news2 .main .community .slider-wrapper {
    display: table;
    margin-top: 60px;
    padding: 50px;
    width: 100%;
}

body.page-template-news .main .community .bx-wrapper,
body.page-template-news2 .main .community .bx-wrapper {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0 auto;
}

body.page-template-news .main .community .bx-wrapper .bx-loading,
body.page-template-news2 .main .community .bx-wrapper .bx-loading {
    background-color: #ebebeb;
}

body.page-template-news .main .community .bx-wrapper .bxslider,
body.page-template-news2 .main .community .bx-wrapper .bxslider {
    text-align: center;
}

body.page-template-news .main .community .bx-wrapper .bxslider > div,
body.page-template-news2 .main .community .bx-wrapper .bxslider > div {
    font-size: 21px;
    font-weight: 700;
    padding: 0 5px;
}

body.page-template-news .main .community .bx-wrapper .bxslider > div img,
body.page-template-news2 .main .community .bx-wrapper .bxslider > div img {
    margin-bottom: 18px;
}

body.page-template-news .main .community .bx-wrapper .bx-controls-direction a.bx-prev,
body.page-template-news2 .main .community .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -60px;
}

body.page-template-news .main .community .bx-wrapper .bx-controls-direction a.bx-next,
body.page-template-news2 .main .community .bx-wrapper .bx-controls-direction a.bx-next {
    right: -60px;
}

body.page-template-news .main h3,
body.page-template-news2 .main h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

body.page-template-news .main p,
body.page-template-news2 .main p {
    line-height: 25px;
}

body.page-template-news .main .find-now,
body.page-template-news2 .main .find-now {
    background-color: #dcdcdc;
    padding: 15px;
}

.main .timeline-history .section-timeline {
    overflow: hidden;
    position: relative;
}

.main .timeline-history .section-timeline .line {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    top: 0;
    width: 88px;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .line {
        background-size: 78%;
        left: 10px;
        margin-left: 0;
        width: 40px;
    }
}

.main .timeline-history .section-timeline.section-1 .line {
    background-color: #6cb013;
    background-image: url(../images/timeline-section-1-icon.png);
}

.main .timeline-history .section-timeline.section-2 .line {
    background-color: #adc14d;
    background-image: url(../images/timeline-section-2-icon.png);
}

.main .timeline-history .section-timeline.section-3 .line {
    background-color: #7aa916;
    background-image: url(../images/timeline-section-3-icon.png);
}

.main .timeline-history .section-timeline.section-4 .line {
    background-color: #5b8437;
    background-image: url(../images/timeline-section-4-icon.png);
}

.main .timeline-history .section-timeline.section-5 .line {
    background-color: #0b5e00;
    background-image: url(../images/timeline-section-5-icon.png);
}

.main .timeline-history .section-timeline .bg-color {
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .bg-color {
        padding-top: 20px;
    }
}

.main .timeline-history .section-timeline .bg-color.bg-gray {
    background-color: #f5f4f4;
}

.main .timeline-history .section-timeline .bg-color.bg-img {
    background: url(../images/timeline-bg-img.jpg) center top no-repeat;
}

.main .timeline-history .section-timeline .bg-color > .row {
    position: relative;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .bg-color > .row .columns {
        padding-left: 60px !important;
        padding-right: 0 !important;
    }
}

.main .timeline-history .section-timeline .bg-color > .row > .columns:first-child {
    padding-right: 70px;
}

.main .timeline-history .section-timeline .bg-color > .row > .columns:last-child {
    padding-left: 60px;
}

.main .timeline-history .section-timeline .date {
    display: block;
    font-size: 34px;
    margin-bottom: 20px;
    text-align: right;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .date {
        font-size: 28px;
        margin-bottom: 15px;
        text-align: left;
    }
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline img.float-right {
        float: none !important;
        margin-bottom: 10px;
    }
}

.main .timeline-history .section-timeline .box {
    background-color: rgba(148, 149, 152, 0.75);
    padding: 22px;
    position: relative;
}

.main .timeline-history .section-timeline .box::before {
    border: 2px solid #fff;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.main .timeline-history .section-timeline .box.bg-orange {
    background-color: #ffa800;
}

.main .timeline-history .section-timeline .box.bg-yellow {
    background-color: #ffd200;
}

.main .timeline-history .section-timeline .box.bg-blue {
    background-color: #70d0eb;
}

.main .timeline-history .section-timeline .box.bg-pink {
    background-color: #ff7377;
}

.main .timeline-history .section-timeline .box p {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    margin: 20px 0 0;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .box p {
        font-size: 13px;
        line-height: 16px;
    }
}

.footer {
    background-color: #fafafa;
    padding: 40px 0;
}

@media (max-width: 639px) {
    .footer {
        text-align: center;
    }

    .footer .columns:not(:last-child) {
        margin-bottom: 30px;
    }

    .footer .float-right {
        float: none !important;
    }
}

body:not(.home):not(.page-template-news):not(.page-template-news2):not(.page-template-about-us):not(.page-template-our-products) .footer {
    margin-top: 100px;
}

@media (max-width: 639px) {
    body:not(.home):not(.page-template-news):not(.page-template-news2):not(.page-template-about-us):not(.page-template-our-products) .footer {
        margin-top: 50px;
    }
}

.footer h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer p,
.footer a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
}

.footer a {
    margin-bottom: 0.6rem;
    padding: 0;
}

.footer .button {
    background-color: #444;
    font-weight: 700;
}

.footer .social {
    margin-top: 1rem;
}


.footer .social li a {
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    margin-bottom: 0;
    margin-right: 10px;
    text-indent: -9999px;
}

.footer .social li a.fb {
    background-position: 0 0;
    width: 14px;
}

.footer .social li a.twitt {
    background-position: -12px 0;
    width: 23px;
}

.footer .social li a.insta {
    background-position: -33px 0;
    width: 20px;
}

.footer .social li a.pin {
    background-position: -52px 0;
    width: 21px;
}

.footer .social li a.youtube {
    background-position: -72px 0;
    width: 24px;
}

.footer .social li a.tik {
    background-position: -92px !important;
    width: 24px;
}



.reveal {
    background: rgba(255, 255, 255, 0.93);
    border: none;
    padding: 60px 80px;
    text-align: center;
}

@media (max-width: 639px) {
    .reveal {
        padding: 60px 30px 30px;
    }
}

.reveal h4 {
    color: #638c3d;
    font: 50px/1 "Market Fresh", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .reveal h4 {
        font-size: 40px;
    }
}

.reveal h4,
.reveal p {
    margin-bottom: 40px;
}

.reveal p {
    line-height: inherit;
}

.reveal .button {
    font-size: 20px;
    font-weight: 700;
    margin: 0 20px 10px;
    text-transform: uppercase;
}

.reveal .button.btn-continue {
    background-color: #638c3d;
}

/* WordPress Core */
.alignnone {
    margin: 5px 1.875rem 1.875rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 1.875rem 1.875rem;
}

.alignleft {
    float: left;
    margin: 5px 1.875rem 1.875rem 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery img {
    box-shadow: 0px 0px 4px #999;
    border: 1px solid white;
    padding: 8px;
    background: #f2f2f2;
}

.gallery img:hover {
    background: white;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl,
.gallery dt {
    margin: 0;
}

.gallery br + br {
    display: none;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.timeline-process .timeline {
    margin-top: 100px;
}

.timeline-process .timeline__content {
    border: 0;
    padding: 0 30px !important;
}

.timeline-process .timeline__content::before {
    display: none;
}

.timeline-process .timeline__content::after {
    display: none;
}

.timeline-process .timeline__content__wrap {
    display: block;
}

.timeline-process .timeline__content--text {
    position: absolute;
    top: 100% !important;
    margin-top: 90px;
    text-align: left;
}

.timeline-process .timeline__content--text p {
    font-size: 22px;
    color: #555555;
    font-weight: bold;
    text-transform: uppercase;
}

.timeline-process .timeline__content--image {
    display: inline-block;
}

.timeline-process .timeline__content--image img {
    width: 100%;
}

.timeline-process .timeline-divider {
    background-color: #31404a !important;
}

.timeline-process .timeline__item {
    transform: none !important;
    padding: 0 0 50px !important;
}

.timeline-process .timeline__item::after {
    top: 100% !important;
    left: 73% !important;
    border-color: #31404a !important;
    background-color: #31404a !important;
}

.timeline-process .timeline-nav-button {
    border-color: #31404a !important;
}

.timeline-process .timeline-nav-button {
    width: 50px;
    height: 50px;
    border-width: 3px;
    margin-top: -24px;
    animation: pulse-button 2s infinite;
}

.timeline-process .timeline-nav-button:before {
    transform: translateX(-50%) translateY(-50%) scale(1.4);
}

.timeline-process .timeline-nav-button:hover {
    background-color: #e16a56;
    border-color: #e16a56 !important;
}

.timeline-process .timeline-nav-button:disabled {
    opacity: 1;
    border-color: #b1b1b1 !important;
}

@keyframes pulse-button {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.timeline-process .timeline-nav-button--prev:before {
    background-image: url(../images/arrow-left-b.svg);
}

.timeline-process .timeline-nav-button--prev:hover:before {
    background-image: url(../images/arrow-left-w.svg);
}

.timeline-process .timeline-nav-button--next:before {
    background-image: url(../images/arrow-right-b.svg);
}

.timeline-process .timeline-nav-button--next:hover:before {
    background-image: url(../images/arrow-right-w.svg);
}

#hero {
    position: relative;
    padding-top: 140px;
    overflow: hidden;
}

#hero .bx-wrapper {
    background-color: transparent;
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
}

#hero .row .left-col .hero-col {
    justify-content: flex-start;
}

@media (max-width: 1023px) {
    #hero .row .left-col .hero-col {
        padding: 50px 30px;
        justify-content: center;
        margin-left: 0;
    }
}

#hero .row .video-col {
    padding: 0;
}

#hero .video-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#hero img {
    max-height: 700px;
}

#hero video {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

#hero .title {
    font-size: 70px;
    font-weight: bold;
    line-height: 1.2;
    font-family: "Market Fresh";
}

.home #hero .title {
    font-size: 85px;
}

@media (max-width: 1199px) {
    .home #hero .title {
        font-size: 75px !important;
    }
}

@media (max-width: 991px) {
    #hero .title {
        font-size: 45px !important;
    }
}

#hero .hero-col {
    position: relative;
    display: flex;
    align-items: center;
}

.section {
    padding-top: 130px;
    padding-bottom: 40px;
}

@media (max-width: 1023px) {
    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.section-title {
    font-size: 47px;
    line-height: 1.2;
    color: #31404a;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

@media (max-width: 1023px) {
    .section-title {
        font-size: 38px;
        margin-bottom: 10px;
    }
}

.section-subtitle {
    font-size: 35px;
    line-height: 1.2;
    color: #555555;
}

@media (max-width: 1023px) {
    .section-subtitle {
        font-size: 28px;
    }
}

.section.timeline-process {
    position: relative;
    padding-bottom: 0;
}

.section.timeline-process .section-title,
.section.timeline-process .section-subtitle {
    position: relative;
}

.section.timeline-process .cf,
.section.timeline-process .tl-4,
.section.timeline-process .tl-5,
.section.timeline-process .tl-6 {
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
}

@media (max-width: 1023px) {

    .section.timeline-process .cf,
    .section.timeline-process .tl-4,
    .section.timeline-process .tl-5,
    .section.timeline-process .tl-6 {
        display: none;
    }
}

.section.timeline-process .cf {
    width: 110px;
    height: 84px;
    background-image: url(../images/cf1.png);
}

.section.timeline-process .tl-4 {
    width: 204px;
    height: 156px;
    background-image: url(../images/tea-leaf-4.png);
}

.section.timeline-process .tl-5 {
    width: 238px;
    height: 182px;
    background-image: url(../images/tea-leaf-5.png);
}

.section.timeline-process .tl-6 {
    width: 271px;
    height: 207px;
    background-image: url(../images/tea-leaf-6.png);
}

.section.timeline-process .l-1 {
    top: 5%;
    left: 3%;
}

.section.timeline-process .l-2 {
    top: 0px;
    right: 2%;
    transform: rotate(-90deg) scale(0.8);
}

.section.timeline-process .l-3 {
    top: 50%;
    left: 30%;
    transform: rotate(0) scale(0.5);
    z-index: 10;
}

.section.timeline-process .l-4 {
    top: 75%;
    left: 30%;
    transform: rotate(0) scale(1);
}

.section.timeline-process .l-5 {
    top: 85%;
    left: 29%;
    transform: rotate(0) scale(0.6);
}

.section.timeline-process .l-6 {
    top: 85%;
    right: 5%;
    transform: rotate(0deg) scale(0.8);
}

.section.timeline-process .c-1 {
    top: 22%;
    left: 10%;
}

.section.timeline-process .c-2 {
    top: 17%;
    right: 9%;
    transform: rotate(-80deg) scale(0.8);
}

.section.timeline-process .c-3 {
    top: 90%;
    left: 25%;
    transform: rotate(-80deg) scale(0.8);
}

.section.timeline-process .c-4 {
    top: 80%;
    right: 12%;
    transform: rotate(-80deg) scale(0.8);
}

.section.perfection-locator {
    background-color: #fbe68c;
    padding-bottom: 0;
}

.section.perfection-locator .image-button {
    position: relative;
    margin-top: 50px;
    padding-top: 200px;
    padding-bottom: 200px;
    background-position: center;
}

@media (max-width: 991px) {
    .section.perfection-locator .image-button {
        padding-top: 100px;
        padding-bottom: 100px;
        background-size: cover;
    }
}

.section.perfection-locator .image-button .button {
    font-family: "Market Fresh ALL CAPS";
    font-size: 30px;
    font-weight: bold;
    background-color: #e16a56;
    border: solid 4px #fff;
    padding: 2em 5em;
}

@media (max-width: 1023px) {
    .section.perfection-locator .image-button .button {
        padding: 1em 2em;
        font-size: 20px;
    }
}

.section.perfection-locator .image-button .button:hover {
    background-color: #d90028;
}

@media (max-width: 1024px) {
    .section.products {
        text-align: center;
        /*max-width: 600px;*/
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .section.products .columns:not(:last-child) {
        margin-bottom: 50px;
    }

    .section.products .columns:not(:last-child) img {
        max-width: 60%;
    }
}

.section.products a {
    color: #555555;
    display: block;
    transition: all 0.7s;
}

.section.products a:hover {
    transform: scale(1.05);
}

.section.products h3,
.section.products p {
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 0;
}

.section.products h3 {
    margin: 30px 0 18px;
    text-transform: uppercase;
    color: #31404a;
}

.section.products h3::after {
    background-color: #8a8d8f;
    bottom: -8px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 50%;
}

@media (max-width: 1023px) {
    .section.products h3::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.section.social-feeds {
    background-color: #D1E8E9;
}

.section.social-feeds .tabs {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: center;
}

.section.social-feeds .tabs a {
    font-family: "Market Fresh ALL CAPS";
    font-size: 27px;
    color: #31404a;
    border: solid 3px #31404a;
}

@media (max-width: 1023px) {
    .section.social-feeds .tabs a {
        font-size: 22px;
    }
}

.section.social-feeds .tabs li + li a {
    border-left: 0;
}

.section.social-feeds .tabs-title > a:focus,
.section.social-feeds .tabs-title > a[aria-selected="true"] {
    background-color: #e16a56;
    color: #fff;
}

.section.social-feeds .follow {
    display: flex;
    font-size: 27px;
    color: #31404a;
    padding: 0.7em;
    font-weight: 700;
    border: solid 3px #31404a;
    justify-content: center;
    align-items: center;
    max-width: 397px;
    margin: 50px auto 30px;
}

.section.social-feeds .follow.insta::before {
    content: '';
    width: 29px;
    height: 29px;
    margin-right: 10px;
    background-image: url(../images/icon-instagram.png);
}

.section.social-feeds .follow.fb::before {
    content: '';
    width: 29px;
    height: 29px;
    margin-right: 10px;
     background-image: url(../images/icon-facebook.png);
   
}

.section.social-feeds .follow:hover {
    color: #fff;
    background-color: #e16a56;
}

.section.social-feeds .follow:hover::before {
    background-position: 0 100%;
}

@media (max-width: 1023px) {
    .section.social-feeds .follow {
        font-size: 22px;
    }
}

.position-right {
    width: 100vw;
    transform: translateX(100vw);
}

.off-canvas {
    background-color: #d1e8e9;
}

.off-canvas ul.menu > li .sub-menu {
    margin-left: 0;
}

.off-canvas ul.menu > li .sub-menu li {
    padding-left: 20px;
}

.off-canvas ul.menu > li a {
    padding-left: 40px;
}

.off-canvas ul.menu li a {
    font-weight: 400;
    color: #31404a;
}

.off-canvas ul.menu li.current_page_item {
    background-color: #31404a;
}

.off-canvas ul.menu li.current_page_item a {
    color: #fff;
    f
}

/* End */

.main .journey .timeline.timeline--horizontal {
    background: url(../images/timeline-bg.jpg) center bottom no-repeat;
    background-size: contain;
}

@media (max-width: 639px) {
    .main .journey .timeline.timeline--horizontal {
        background: none;
        padding-bottom: 50px;
    }
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button {
    margin-top: 30px;
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button:not(:disabled) {
    animation: pulse-nav 1s infinite;
    border-color: #6cb013;
    margin-top: 10px;
}

@keyframes pulse-nav {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button.timeline-nav-button--prev {
    left: 24px;
}

.main .journey .timeline.timeline--horizontal .timeline-nav-button.timeline-nav-button--next {
    right: 24px;
}

.main .journey .timeline.timeline--horizontal .timeline-divider {
    height: 3px;
    left: 64px;
    margin-top: 30px;
    right: 64px;
}

.main .journey .timeline.timeline--mobile::before {
    left: 13px !important;
}

.main .journey .timeline button.view-more {
    display: none;
}

@media (max-width: 800px) {
    .main .journey .timeline button.view-more {
        background-color: #444;
        display: block;
        font-weight: 700;
        margin: 30px auto 70px;
        text-transform: uppercase;
    }
}

@media (min-width: 801px) {
    .main .journey .timeline .timeline__items {
        min-height: 671px;
    }
}

@media (max-width: 800px) {
    .main .journey .timeline .timeline__items {
        margin-bottom: 50px;
    }
}

.main .journey .timeline .timeline__item {
    margin-top: 30px;
    z-index: 3;
    /*
				@keyframes pulse {
					0% {
						box-shadow: 0 0 0 0 rgba(108, 176, 19, 0.6);
					}
					70% {
						box-shadow: 0 0 0 14px rgba(108, 176, 19, 0);
					}
					100% {
						box-shadow: 0 0 0 0 rgba(108, 176, 19, 0);
					}
				}
				*/
}

@media (max-width: 800px) {
    .main .journey .timeline .timeline__item {
        display: none;
    }

    .main .journey .timeline .timeline__item:nth-child(-n + 3) {
        display: block;
    }
}

.main .journey .timeline .timeline__item.item-1 .timeline__content img {
    margin-top: -45px;
}

.main .journey .timeline .timeline__item.item-3 .timeline__content img {
    margin-top: -55px;
}

.main .journey .timeline .timeline__item::after {
    background-color: #6cb013;
    border: none;
    display: block;
    height: 25px;
    width: 25px;
}

.main .journey .timeline .timeline__item .timeline__item__inner {
    margin: 0 auto;
    max-width: 380px;
    width: auto;
}

@media (max-width: 639px) {
    .main .journey .timeline .timeline__item .timeline__item__inner .timeline__content__wrap {
        margin-right: 10px;
    }
}

.main .journey .timeline .timeline__item .timeline__content {
    background-color: rgba(173, 193, 77, 0.9);
    border: none;
    border-radius: 0;
    color: #000;
}

.main .journey .timeline .timeline__item .timeline__content::before {
    border-right-color: rgba(173, 193, 77, 0.9);
    z-index: -1;
}

@media (min-width: 801px) {
    .main .journey .timeline .timeline__item .timeline__content::before {
        border: inset 1rem;
    }
}

.main .journey .timeline .timeline__item .timeline__content::after {
    display: none;
}

.main .journey .timeline .timeline__item .timeline__content img {
    float: left;
    margin: -35px 10px 0 -30px;
}

@media (max-width: 639px) {
    .main .journey .timeline .timeline__item .timeline__content img {
        margin-left: -10px;
        margin-top: 0;
    }
}

.main .journey .timeline .timeline__item .timeline__content p {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    overflow: hidden;
}

.main .journey .timeline .timeline__item--top .timeline__content::before {
    border-bottom-width: 0;
    border-color: rgba(173, 193, 77, 0.9) transparent transparent;
    border-top-style: solid;
}

.main .journey .timeline .timeline__item--bottom .timeline__content::before {
    border-bottom-style: solid;
    border-color: transparent transparent rgba(173, 193, 77, 0.9);
    border-top-width: 0;
}

.main .cold-brew {
    background-color: #ececec;
    padding-bottom: 40px;
}

.main .cold-brew img.bottles {
    margin-top: -23px;
    position: relative;
    z-index: 3;
}

@media (max-width: 639px) {
    .main .cold-brew img.bottles {
        display: block;
        margin: 50px auto 0;
        max-width: 80%;
    }
}

.main .cold-brew h2 {
    margin: 90px 0 0;
}

@media (max-width: 639px) {
    .main .cold-brew h2 {
        margin-top: 50px;
    }
}

.main .cold-brew h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin: 70px 0;
}

@media (max-width: 639px) {
    .main .cold-brew h3 {
        margin: 50px 0;
    }
}

.main .cold-brew .more {
    border-bottom: 2px solid #8a8d8f;
    color: #000;
    float: right;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .cold-brew .more {
        float: left;
    }
}

.main .social-feeds {
    background: #eae9ea url(../images/social-feeds-bg.jpg) right center no-repeat;
    padding: 100px 0;
}

@media (max-width: 639px) {
    .main .social-feeds {
        background: #fbfbfd;
        padding: 50px 0 0;
    }
}

.main .social-feeds h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .social-feeds h3 {
        margin-bottom: 10px;
        text-align: center;
    }
}

.main .social-feeds .box {
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 639px) {
    .main .social-feeds .box {
        background-color: transparent;
    }
}

.main .social-feeds .box .tabs .tabs-title {
    float: left;
}

.main .social-feeds .box .tabs .tabs-title a {
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 54px;
}

@media (max-width: 639px) {
    .main .social-feeds .box .tabs .tabs-title a {
        padding-right: 0;
        text-indent: -9999px;
    }
}

.main .social-feeds .box .tabs .tabs-title a#instagram-label {
    background-image: url(../images/icon-instagram.png);
}

.main .social-feeds .box .tabs .tabs-title a#facebook-label {
    background-image: url(../images/icon-facebook.png);
}

.main .social-feeds .box .tabs-content {
    border-top: 1px solid #e6e6e6;
    padding: 5px 5px 10px;
}

.main .social-feeds .box .fts-instagram-wrapper {
    width: calc(33.3333% - 12px) !important;
}

.main .product-desc {
    margin-bottom: 80px;
}

body.page-id-11 .main .product-desc {
    margin-bottom: 0;
}

@media (max-width: 639px) {
    .main .product-desc .columns {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.main .product-desc .submenu {
    background-color: #a8a8a8;
    margin-bottom: 20px;
    min-height: 60px;
}

body.page-id-11 .main .product-desc .submenu {
    margin-bottom: 0;
}

.main .product-desc .submenu ul {
    font-size: 0;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
}

.main .product-desc .submenu ul li {
    display: inline-block;
    padding: 50px 0 40px;
    position: relative;
    width: 20%;
}

@media (max-width: 639px) {
    .main .product-desc .submenu ul li {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 30%;
    }
}

.main .product-desc .submenu ul li.coffee a::after {
    background-image: url("../images/submenu-product-coffee.png");
}

.main .product-desc .submenu ul li.iced-tea a::after {
    background-image: url("../images/RD_GallonJug-Sweet-Tea_xtra-smol.png");
}

.main .product-desc .submenu ul li.tea-bags a::after {
    background-image: url("../images/submenu-product-tea-bags.png");
}

.main .product-desc .submenu ul li.current-menu-item::before {
    border: inset 22px;
    border-top-width: 0;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    bottom: -1px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
}

.main .product-desc .submenu ul li.current-menu-item a {
    opacity: 1;
}

.main .product-desc .submenu ul li a {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    opacity: 0.5;
    padding-top: 220px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.main .product-desc .submenu ul li a::after {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (max-width: 639px) {
    .main .product-desc .submenu ul li a {
        font-size: 19px;
        padding-top: 180px;
    }
}

body.page-id-11 .main .product-desc .submenu ul li a {
    opacity: 1;
}

.main .product-desc .submenu ul li a:hover {
    opacity: 1;
}

body.page-id-11 .main .product-desc .submenu ul li a:hover {
    opacity: 0.7;
}

.main .product-desc .content-row {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 640px) {
    .main .product-desc .content-row .columns:first-child {
        padding-top: 120px;
    }
}

.main .product-desc h1 {
    font-size: 90px;
    font-weight: 900;
    line-height: 100px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .product-desc h1 {
        font-size: 70px;
        line-height: 80px;
        margin-top: 20px;
    }
}

.main .product-desc h2 {
    font-size: 27px;
    font-weight: 700;
    margin: 80px 0 20px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .product-desc h2 {
        margin-top: 10px;
    }
}

.main .product-desc p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 36px;
}

.main .product-desc p.lead {
    font-family: "Market Fresh", sans-serif;
    font-size: 34px;
    line-height: 40px;
}

.main .product-desc img {
    float: right;
}

@media (min-width: 640px) {
    .main .product-desc img.iced-tea-img {
        margin-bottom: -250px;
    }
}

.main .product-desc .button {
    background-color: #ce153f;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    padding: 10px 40px;
    text-transform: uppercase;
}

.main .product-gallery .bx-wrapper {
    margin: 0;
    box-shadow: none;
    border: none;
    background: transparent;
}

.main .product-gallery .bx-wrapper img {
    margin: 0 auto;
}

.main .product-gallery .bg-gray {
    padding: 60px 40px 10px;
}

@media (max-width: 639px) {
    .main .product-gallery .bg-gray {
        background: none;
        padding: 0 15px;
    }

    .main .product-gallery .bg-gray .columns {
        background-color: #ebebeb;
        padding: 15px;
    }

    .main .product-gallery .bg-gray .columns:not(:last-child) {
        margin-bottom: 15px;
    }
}

.main .product-gallery a {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

@media (max-width: 639px) {
    body.page-template-our-products-coffee .main .product-gallery .columns:nth-child(2) a img {
        margin-top: -115px;
    }
}

.main .product-gallery h3,
.main .product-gallery h4,
.main .product-gallery .more {
    font-weight: 700;
    text-transform: uppercase;
}

.main .product-gallery h3 {
    font-size: 27px;
    margin: 50px 0 40px;
}

.main .product-gallery a:hover {
    opacity: 0.8;
}

.main .product-gallery h4 {
    color: #0a0a0a;
    font-size: 21px;
    margin: 30px 0 0;
}

@media (max-width: 639px) {
    .main .product-gallery h4 {
        margin-top: 10px;
    }
}

.main .product-gallery .more {
    border-bottom: 2px solid #000;
    color: inherit;
    display: inline-block;
    font-size: 24px;
    margin-top: 50px;
    padding-bottom: 10px;
}

.main .comparison {
    margin-bottom: 100px;
}

@media (max-width: 639px) {
    .main .comparison {
        margin-bottom: 50px;
    }
}

.main .comparison > .active h2,
.main .comparison > .active .container {
    background-color: #D1E8E9;
}

.main .comparison h2,
.main .comparison .container {
    background-color: #f7f7f7;
}

.main .comparison h2 {
    background-color: #f7f6f6;
    color: #000;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    padding: 15px 40px 18px;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .main .comparison h2 {
        float: none !important;
    }
}

.main .comparison .container {
    padding-top: 35px;
}

@media (max-width: 639px) {
    .main .comparison .container {
        padding-top: 0;
    }
}

.main .comparison .container .image {
    padding: 35px;
}

@media (max-width: 639px) {
    .main .comparison .container .image {
        padding-bottom: 10px;
    }
}

.main .comparison .container ul {
    list-style-type: none;
    margin: 0;
    padding: 0 35px 35px;
}

@media (max-width: 639px) {
    .main .comparison .container ul {
        padding-left: 0;
    }
}

.main .comparison .container ul li {
    display: inline-block;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    margin: 20px 0;
    min-height: 44px;
    padding-left: 50px;
    padding-top: 6px;
    position: relative;
    width: 100%;
}

@media (max-width: 639px) {
    .main .comparison .container ul li {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.main .comparison .container ul li::before {
    content: "";
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 31px;
}

.main .comparison .container ul li span {
    border: none;
}

.main .comparison .container ul li span span {
    color: #6cb013;
}

.main .comparison .tea .container {
    padding-left: 35px;
}

@media (max-width: 639px) {
    .main .comparison .tea .container {
        padding-left: 0;
    }
}

.main .comparison .tea .container .image {
    float: right;
}

@media (max-width: 639px) {
    .main .comparison .tea .container .image {
        float: none;
    }
}

.main .comparison .tea .container ul {
    margin-left: 30px;
}

.main .comparison .tea .container ul li::before {
    background-image: url(../images/teaLeaf_icon.png);
}

@media (max-width: 639px) {
    .main .comparison .coffee {
        margin-top: 0px !mportant;
    }
}

.main .comparison .coffee .container {
    padding-right: 35px;
}

@media (max-width: 639px) {
    .main .comparison .coffee .container {
        padding-right: 0;
    }
}

.main .comparison .coffee .container ul {
    margin-left: 30px;
}

.main .comparison .coffee .container ul li::before {
    background-image: url(../images/cf1_icon.png);
}

body.page-template-news .main .nowadays,
body.page-template-news2 .main .nowadays {
    margin-top: 20px;
    padding-bottom: 40px;
}

body.page-template-news .main .nowadays img.margin,
body.page-template-news2 .main .nowadays img.margin {
    margin: 40px 0;
}

@media (max-width: 639px) {

    body.page-template-news .main .nowadays img.margin,
    body.page-template-news2 .main .nowadays img.margin {
        margin: 0 0 20px;
    }
}

body.page-template-news .main .nowadays .more,
body.page-template-news2 .main .nowadays .more {
    border-bottom: 2px solid #000;
    color: inherit;
    float: right;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}

@media (max-width: 639px) {

    body.page-template-news .main .nowadays .more,
    body.page-template-news2 .main .nowadays .more {
        float: none;
    }
}

body.page-template-news .main .community,
body.page-template-news2 .main .community {
    margin-top: 80px;
}

@media (max-width: 639px) {

    body.page-template-news .main .community,
    body.page-template-news2 .main .community {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}

body.page-template-news .main .community .slider-wrapper,
body.page-template-news2 .main .community .slider-wrapper {
    display: table;
    margin-top: 60px;
    padding: 50px;
    width: 100%;
}

body.page-template-news .main .community .bx-wrapper,
body.page-template-news2 .main .community .bx-wrapper {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0 auto;
}

body.page-template-news .main .community .bx-wrapper .bx-loading,
body.page-template-news2 .main .community .bx-wrapper .bx-loading {
    background-color: #ebebeb;
}

body.page-template-news .main .community .bx-wrapper .bxslider,
body.page-template-news2 .main .community .bx-wrapper .bxslider {
    text-align: center;
}

body.page-template-news .main .community .bx-wrapper .bxslider > div,
body.page-template-news2 .main .community .bx-wrapper .bxslider > div {
    font-size: 21px;
    font-weight: 700;
    padding: 0 5px;
}

body.page-template-news .main .community .bx-wrapper .bxslider > div img,
body.page-template-news2 .main .community .bx-wrapper .bxslider > div img {
    margin-bottom: 18px;
}

body.page-template-news .main .community .bx-wrapper .bx-controls-direction a.bx-prev,
body.page-template-news2 .main .community .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -60px;
}

body.page-template-news .main .community .bx-wrapper .bx-controls-direction a.bx-next,
body.page-template-news2 .main .community .bx-wrapper .bx-controls-direction a.bx-next {
    right: -60px;
}

body.page-template-news .main h3,
body.page-template-news2 .main h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

body.page-template-news .main p,
body.page-template-news2 .main p {
    line-height: 25px;
}

body.page-template-news .main .find-now,
body.page-template-news2 .main .find-now {
    background-color: #dcdcdc;
    padding: 15px;
}

/*
/* temp placement */
/*
.new-timeline {
    position: relative !important;
    width: 1000px !important;
    box-sizing: border-box !important;
    margin: 50px auto !important;
    padding: 40px !important;

}

.new-timeline::before {
    content: "";
    position: absolute !important;
    left: 50% !important;
    width: 3px !important;
    height: 100% !important;
    background-color: rgba(92, 44, 44, 0.9);
}

.new-timeline ul {
    margin: 0 !important;
    padding: 0 !important;
}

.new-timeline ul li {
    position: relative !important;
    width: 50% !important;
    list-style: none !important;
    box-sizing: border-box !important;
    padding: 45px 40px !important;
}



.new-timeline ul li:nth-child(odd) {
    float: left !important;
    text-align: right !important;
    clear: both !important;
}

.new-timeline ul li:nth-child(odd) .time h4,
.new-timeline ul li:nth-child(even) .time h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.new-timeline ul li:nth-child(even) {
    float: right !important;
    text-align: left !important;
    clear: both !important;
}

.content {
    padding-bottom: 50px;
    padding-top: 20px;
    margin-top: -3rem;
}

.new-timeline ul li:nth-child(odd)::before {
    content: "";
    position: absolute !important;
    top: 24px !important;
    right: -6px !important;
    width: 10px !important;
    height: 10px !important;
    background: #2C485C;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #2C485C;
}


.new-timeline ul li:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 24px !important;
    left: -4px !important;
    width: 12px !important;
    height: 12px !important;
    background: #2C485C;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #2C485C;
}


.new-timeline ul li h3 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #E16A56;
}


.new-timelineul li p {
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

.new-timeline ul li:nth-child(odd) .time {
    position: absolute !important;
    top: 12px !important;
    right: -319px !important;
    margin: 0 !important;
    padding: 8px 0px !important;
}

.new-timeline ul li:nth-child(even) .time {
    position: absolute !important;
    top: 12px !important;
    left: -323px !important;
    margin: 0;
    padding: 8px 16px !important;
} */

/*  */







.main .timeline-history .section-timeline {
    overflow: hidden;
    position: relative;
}

.main .timeline-history .section-timeline .line {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    top: 0;
    width: 88px;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .line {
        background-size: 78%;
        left: 10px;
        margin-left: 0;
        width: 40px;
    }
}

.main .timeline-history .section-timeline.section-1 .line {
    background-color: #6cb013;
    background-image: url(../images/timeline-section-1-icon.png);
}

.main .timeline-history .section-timeline.section-2 .line {
    background-color: #adc14d;
    background-image: url(../images/timeline-section-2-icon.png);
}

.main .timeline-history .section-timeline.section-3 .line {
    background-color: #7aa916;
    background-image: url(../images/timeline-section-3-icon.png);
}

.main .timeline-history .section-timeline.section-4 .line {
    background-color: #5b8437;
    background-image: url(../images/timeline-section-4-icon.png);
}

.main .timeline-history .section-timeline.section-5 .line {
    background-color: #0b5e00;
    background-image: url(../images/timeline-section-5-icon.png);
}

.main .timeline-history .section-timeline .bg-color {
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .bg-color {
        padding-top: 20px;
    }
}

.main .timeline-history .section-timeline .bg-color.bg-gray {
    background-color: #f5f4f4;
}

.main .timeline-history .section-timeline .bg-color.bg-img {
    background: url(../images/timeline-bg-img.jpg) center top no-repeat;
}

.main .timeline-history .section-timeline .bg-color > .row {
    position: relative;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .bg-color > .row .columns {
        padding-left: 60px !important;
        padding-right: 0 !important;
    }
}

.main .timeline-history .section-timeline .bg-color > .row > .columns:first-child {
    padding-right: 70px;
}

.main .timeline-history .section-timeline .bg-color > .row > .columns:last-child {
    padding-left: 60px;
}

.main .timeline-history .section-timeline .date {
    display: block;
    font-size: 34px;
    margin-bottom: 20px;
    text-align: right;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .date {
        font-size: 28px;
        margin-bottom: 15px;
        text-align: left;
    }
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline img.float-right {
        float: none !important;
        margin-bottom: 10px;
    }
}

.main .timeline-history .section-timeline .box {
    background-color: rgba(148, 149, 152, 0.75);
    padding: 22px;
    position: relative;
}

.main .timeline-history .section-timeline .box::before {
    border: 2px solid #fff;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.main .timeline-history .section-timeline .box.bg-orange {
    background-color: #ffa800;
}

.main .timeline-history .section-timeline .box.bg-yellow {
    background-color: #ffd200;
}

.main .timeline-history .section-timeline .box.bg-blue {
    background-color: #70d0eb;
}

.main .timeline-history .section-timeline .box.bg-pink {
    background-color: #ff7377;
}

.main .timeline-history .section-timeline .box p {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    margin: 20px 0 0;
}

@media (max-width: 639px) {
    .main .timeline-history .section-timeline .box p {
        font-size: 13px;
        line-height: 16px;
    }
}

.footer {
    background-color: #fafafa;
    padding: 40px 0;
}

@media (max-width: 639px) {
    .footer {
        text-align: center;
    }

    .footer .columns:not(:last-child) {
        margin-bottom: 30px;
    }

    .footer .float-right {
        float: none !important;
    }
}

body:not(.home):not(.page-template-news):not(.page-template-news2):not(.page-template-about-us):not(.page-template-our-products) .footer {
    margin-top: 100px;
}

@media (max-width: 639px) {
    body:not(.home):not(.page-template-news):not(.page-template-news2):not(.page-template-about-us):not(.page-template-our-products) .footer {
        margin-top: 50px;
    }
}

.footer h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer p,
.footer a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
}

.footer a {
    margin-bottom: 0.6rem;
    padding: 0;
}

.footer .button {
    background-color: #444;
    font-weight: 700;
}

.footer .social {
    margin-top: 1rem;
}


.footer .social li a {
    background-image: url(../images/social-icons.png);
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    margin-bottom: 0;
    margin-right: 10px;
    text-indent: -9999px;
}

.footer .social li a.fb {
    background-position: 0 0;
    width: 14px;
}

.footer .social li a.twitt {
    background-position: -12px 0;
    width: 23px;
}

.footer .social li a.insta {
    background-position: -33px 0;
    width: 20px;
}

.footer .social li a.pin {
    background-position: -52px 0;
    width: 21px;
}

.footer .social li a.youtube {
    background-position: -72px 0;
    width: 24px;
}

.footer .social li a.tik {
    background-position: -92px !important;
    width: 24px;
}



.reveal {
    background: rgba(255, 255, 255, 0.93);
    border: none;
    padding: 60px 80px;
    text-align: center;
}

@media (max-width: 639px) {
    .reveal {
        padding: 60px 30px 30px;
    }
}

.reveal h4 {
    color: #638c3d;
    font: 50px/1 "Market Fresh", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .reveal h4 {
        font-size: 40px;
    }
}

.reveal h4,
.reveal p {
    margin-bottom: 40px;
}

.reveal p {
    line-height: inherit;
}

.reveal .button {
    font-size: 20px;
    font-weight: 700;
    margin: 0 20px 10px;
    text-transform: uppercase;
}

.reveal .button.btn-continue {
    background-color: #638c3d;
}

/* WordPress Core */
.alignnone {
    margin: 5px 1.875rem 1.875rem 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 1.875rem 1.875rem;
}

.alignleft {
    float: left;
    margin: 5px 1.875rem 1.875rem 0;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery img {
    box-shadow: 0px 0px 4px #999;
    border: 1px solid white;
    padding: 8px;
    background: #f2f2f2;
}

.gallery img:hover {
    background: white;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl,
.gallery dt {
    margin: 0;
}

.gallery br + br {
    display: none;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.timeline-process .timeline {
    margin-top: 100px;
}

.timeline-process .timeline__content {
    border: 0;
    padding: 0 30px !important;
}

.timeline-process .timeline__content::before {
    display: none;
}

.timeline-process .timeline__content::after {
    display: none;
}

.timeline-process .timeline__content__wrap {
    display: block;
}

.timeline-process .timeline__content--text {
    position: absolute;
    top: 100% !important;
    margin-top: 90px;
    text-align: left;
}

.timeline-process .timeline__content--text p {
    font-size: 22px;
    color: #555555;
    font-weight: bold;
    text-transform: uppercase;
}

.timeline-process .timeline__content--image {
    display: inline-block;
}

.timeline-process .timeline__content--image img {
    width: 100%;
}

.timeline-process .timeline-divider {
    background-color: #31404a !important;
}

.timeline-process .timeline__item {
    transform: none !important;
    padding: 0 0 50px !important;
}

.timeline-process .timeline__item::after {
    top: 100% !important;
    left: 73% !important;
    border-color: #31404a !important;
    background-color: #31404a !important;
}

.timeline-process .timeline-nav-button {
    border-color: #31404a !important;
}

.timeline-process .timeline-nav-button {
    width: 50px;
    height: 50px;
    border-width: 3px;
    margin-top: -24px;
    animation: pulse-button 2s infinite;
}

.timeline-process .timeline-nav-button:before {
    transform: translateX(-50%) translateY(-50%) scale(1.4);
}

.timeline-process .timeline-nav-button:hover {
    background-color: #e16a56;
    border-color: #e16a56 !important;
}

.timeline-process .timeline-nav-button:disabled {
    opacity: 1;
    border-color: #b1b1b1 !important;
}

@keyframes pulse-button {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.timeline-process .timeline-nav-button--prev:before {
    background-image: url(../images/arrow-left-b.svg);
}

.timeline-process .timeline-nav-button--prev:hover:before {
    background-image: url(../images/arrow-left-w.svg);
}

.timeline-process .timeline-nav-button--next:before {
    background-image: url(../images/arrow-right-b.svg);
}

.timeline-process .timeline-nav-button--next:hover:before {
    background-image: url(../images/arrow-right-w.svg);
}

#hero {
    position: relative;
    padding-top: 140px;
    overflow: hidden;
}

#hero .bx-wrapper {
    background-color: transparent;
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
}

#hero .row .left-col .hero-col {
    justify-content: flex-start;
}

@media (max-width: 1023px) {
    #hero .row .left-col .hero-col {
        padding: 50px 30px;
        justify-content: center;
        margin-left: 0;
    }
}

#hero .row .video-col {
    padding: 0;
}

#hero .video-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#hero img {
    max-height: 700px;
}

#hero video {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

#hero .title {
    font-size: 70px;
    font-weight: bold;
    line-height: 1.2;
    font-family: "Market Fresh";
}

.home #hero .title {
    font-size: 85px;
}

@media (max-width: 1199px) {
    .home #hero .title {
        font-size: 75px !important;
    }
}

@media (max-width: 991px) {
    #hero .title {
        font-size: 45px !important;
    }
}

#hero .hero-col {
    position: relative;
    display: flex;
    align-items: center;
}

.section {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 1023px) {
    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.section-title {
    font-size: 47px;
    line-height: 1.2;
    color: #31404a;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

@media (max-width: 1023px) {
    .section-title {
        font-size: 38px;
        margin-bottom: 10px;
    }
}

.section-subtitle {
    font-size: 35px;
    line-height: 1.2;
    color: #555555;
}

@media (max-width: 1023px) {
    .section-subtitle {
        font-size: 28px;
    }
}

.section.timeline-process {
    position: relative;
    padding-bottom: 0;
}

.section.timeline-process .section-title,
.section.timeline-process .section-subtitle {
    position: relative;
}

.section.timeline-process .cf,
.section.timeline-process .tl-4,
.section.timeline-process .tl-5,
.section.timeline-process .tl-6 {
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
}

@media (max-width: 1023px) {

    .section.timeline-process .cf,
    .section.timeline-process .tl-4,
    .section.timeline-process .tl-5,
    .section.timeline-process .tl-6 {
        display: none;
    }
}

.section.timeline-process .cf {
    width: 110px;
    height: 84px;
    background-image: url(../images/cf1.png);
}

.section.timeline-process .tl-4 {
    width: 204px;
    height: 156px;
    background-image: url(../images/tea-leaf-4.png);
}

.section.timeline-process .tl-5 {
    width: 238px;
    height: 182px;
    background-image: url(../images/tea-leaf-5.png);
}

.section.timeline-process .tl-6 {
    width: 271px;
    height: 207px;
    background-image: url(../images/tea-leaf-6.png);
}

.section.timeline-process .l-1 {
    top: 5%;
    left: 3%;
}

.section.timeline-process .l-2 {
    top: 0px;
    right: 2%;
    transform: rotate(-90deg) scale(0.8);
}

.section.timeline-process .l-3 {
    top: 50%;
    left: 30%;
    transform: rotate(0) scale(0.5);
    z-index: 10;
}

.section.timeline-process .l-4 {
    top: 75%;
    left: 30%;
    transform: rotate(0) scale(1);
}

.section.timeline-process .l-5 {
    top: 85%;
    left: 29%;
    transform: rotate(0) scale(0.6);
}

.section.timeline-process .l-6 {
    top: 85%;
    right: 5%;
    transform: rotate(0deg) scale(0.8);
}

.section.timeline-process .c-1 {
    top: 22%;
    left: 10%;
}

.section.timeline-process .c-2 {
    top: 17%;
    right: 9%;
    transform: rotate(-80deg) scale(0.8);
}

.section.timeline-process .c-3 {
    top: 90%;
    left: 25%;
    transform: rotate(-80deg) scale(0.8);
}

.section.timeline-process .c-4 {
    top: 80%;
    right: 12%;
    transform: rotate(-80deg) scale(0.8);
}

.section.perfection-locator {
    background-color: #fbe68c;
    padding-bottom: 0;
}

.section.perfection-locator .image-button {
    position: relative;
    margin-top: 50px;
    padding-top: 200px;
    padding-bottom: 200px;
    background-position: center;
}

@media (max-width: 991px) {
    .section.perfection-locator .image-button {
        padding-top: 100px;
        padding-bottom: 100px;
        background-size: cover;
    }
}

.section.perfection-locator .image-button .button {
    font-family: "Market Fresh ALL CAPS";
    font-size: 30px;
    font-weight: bold;
    background-color: #e16a56;
    border: solid 4px #fff;
    padding: 2em 5em;
}

@media (max-width: 1023px) {
    .section.perfection-locator .image-button .button {
        padding: 1em 2em;
        font-size: 20px;
    }
}

.section.perfection-locator .image-button .button:hover {
    background-color: #d90028;
}

@media (max-width: 1023px) {
    .section.products {
        text-align: center;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .section.products .columns:not(:last-child) {
        margin-bottom: 50px;
    }

    .section.products .columns:not(:last-child) img {
        max-width: 60%;
    }
}

.section.products a {
    color: #555555;
    display: block;
    transition: all 0.7s;
}

.section.products a:hover {
    transform: scale(1.05);
}

.section.products h3,
.section.products p {
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 0;
}

.section.products h3 {
    margin: 30px 0 18px;
    text-transform: uppercase;
    color: #31404a;
}

.section.products h3::after {
    background-color: #8a8d8f;
    bottom: -8px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 50%;
}

@media (max-width: 1023px) {
    .section.products h3::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.section.social-feeds {
    background-color: #D1E8E9;
}

.section.social-feeds .tabs {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: center;
}

.section.social-feeds .tabs a {
    font-family: "Market Fresh ALL CAPS";
    font-size: 27px;
    color: #31404a;
    border: solid 3px #31404a;
}

@media (max-width: 1023px) {
    .section.social-feeds .tabs a {
        font-size: 22px;
    }
}

.section.social-feeds .tabs li + li a {
    border-left: 0;
}

.section.social-feeds .tabs-title > a:focus,
.section.social-feeds .tabs-title > a[aria-selected="true"] {
    background-color: #e16a56;
    color: #fff;
}

.section.social-feeds .follow {
    display: flex;
    font-size: 27px;
    color: #31404a;
    padding: 0.7em;
    font-weight: 700;
    border: solid 3px #31404a;
    justify-content: center;
    align-items: center;
    max-width: 397px;
    margin: 50px auto 0;
}

.section.social-feeds .follow::before {
    content: '';
    width: 29px;
    height: 29px;
    margin-right: 10px;
    background-image: url(../images/icon-instagram.png);
}

.section.social-feeds .follow:hover {
    color: #fff;
    background-color: #e16a56;
}

.section.social-feeds .follow:hover::before {
    background-position: 0 100%;
}

@media (max-width: 1023px) {
    .section.social-feeds .follow {
        font-size: 22px;
    }
}

.position-right {
    width: 100vw;
    transform: translateX(100vw);
}

.off-canvas {
    background-color: #d1e8e9;
}

.off-canvas ul.menu > li .sub-menu {
    margin-left: 0;
}

.off-canvas ul.menu > li .sub-menu li {
    padding-left: 20px;
}

.off-canvas ul.menu > li a {
    padding-left: 40px;
}

.off-canvas ul.menu li a {
    font-weight: 400;
    color: #31404a;
}

.off-canvas ul.menu li.current_page_item {
    background-color: #31404a;
}

.off-canvas ul.menu li.current_page_item a {
    color: #fff;
}

.disclaimer {
    font-size: 12px !important;
    padding-top: 0rem !important;
}

section#products-two.section products {
    padding-top: 0px !important;
}