body {font-family: 'GothamRoundedLight'; font-size: 14px; color: #978b82;}

.highlight_message {border: 1px solid #eb212e; border-radius: 2px; background: #fae5e7; color: #eb212e; padding: 15px 0; text-align: center; font-family: 'GothamRoundedLight'; font-size: 18px; margin: 15px 0 30px; display: block; overflow: hidden;}
.highlight_message_success {border: 1px solid #1dbe7c; border-radius: 2px; background: #e1f1d0; color: #1dbe7c; padding: 15px 0; text-align: center; font-family: 'GothamRoundedLight'; font-size: 18px; margin: 15px 0 30px; display: block; overflow: hidden;}

header {height: 125px; position: relative; z-index: 9999}

#NewsPostDetailExtra {display: none}
.wrapper {max-width: 1490px; margin:0 auto; position: relative;}
.wrapper-header {max-width: 90%; margin:0 auto; position: relative;}
.wrapper-inner {max-width: 1400px; margin:0 auto; position: relative;}
.wrapper-wide {max-width: 95%; margin:0 auto;}
.wrapper-sml {max-width: 85%; margin:0 auto;}

.m-b-5 {margin-bottom: 5%}
.m-b-7 {margin-bottom: 7%}
.m-t-7 {margin-top: 7%}
.m-b-0 {margin-bottom: 0 !important}
.m-b-0 input {margin-bottom: 0 !important}

header nav {position: relative; z-index: 999; width: 45%}
header .side-menu nav {width: auto}
header nav > ul > li {display: inline-block; font-size: 14px; padding: 52px 0;}
header nav > ul > li > a {color: #978b82; text-decoration: none; font-family: 'GothamRoundedBook'; display: block; margin:0 12px;}
header nav li a:hover {color: #1dbe7c}
header nav .container > ul {display:block; width:50%; padding: 30px 0;}
header nav .container > ul li { margin:10px 0; }
header nav .container > ul li a {color: #fff; text-decoration: none; font-family: 'GothamRoundedBook'; display: block;}
header nav .container > ul > li > a {font-size: 22px; font-family: 'GothamRoundedBold'; margin-bottom: 20px !important; color: #fff; padding-left: 20px;}

header nav ul li:hover .container {
  display:flex !important; position:absolute;
  top:121px;
  left:0; width: 100%;  z-index: 999;
   background:#1dbe7c;
  box-sizing:border-box;
  padding:0px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden;
}

header nav ul li ul li {padding: 0 10px 0 20px;}
header nav .container { width:100%; display:none;}
header nav figure {width: 47%}

.mp-level article {padding: 20px;}
.mp-level h4 {font-family: 'GothamRoundedBold'; color: #fff; font-size: 32px;}
#oi-logo {width: 100px; fill: #fff}

.logo {position: absolute; left: 45%; height: 70px; top: 25px}

.cart-price {color: #1dbe7c; position: relative;}
.cart-price:before {content:''; display: inline-block; width: 15px; height: 20px; background: url(/img/bag.gif); position: relative; top: 4px; margin: 0 6px 0 10px;}

.button {border-radius: 60px; border:2px solid transparent; color: #fff; text-align: center; padding: 12px 20px 10px; line-height: 14px; background: #1bbc7a; display: inline-block; text-decoration: none; font-family: 'GothamRoundedBook'; font-size: 14px;}
.button.big {font-size: 19px; padding: 15px 25px; line-height: 19px;}
.content-mini a.button {color: #fff; border:none; padding: 15px 25px; font-family: 'GothamRoundedBook';}
.content-mini a.button:hover {}

/* Banner */

.banner {background: #1dbe7c; position: relative; display: block; z-index: 900}
.banner::after {position: absolute; bottom: -1px; height: 31px; background: url(/img/brush-up.png) repeat-x bottom; display: block; content: ''; width: 100%;}
.slider-row > div {width: 65%}
.slider-row > article {width: 35%;}
.banner img {width: 100%; height: auto}

.slider-row {display: flex !important; text-align: left}
.slider-row figure img {width: auto; margin:0 auto 20px; max-width: 420px;}
.slider-row h2 {color: #fff; max-width: 65%; margin:0 auto 20px; font-size: 60px; line-height: 60px; font-family: 'GothamRoundedMedium';}
.slider-row p {color: #fff; max-width: 65%; text-align: left; margin:0 auto; font-size: 16px; line-height: 28px;}
.slider-row p strong {font-family: 'GothamRoundedMedium'; font-weight: normal;}
.slider-row p .button {background:#fff; color: #1bbc7a; margin: 20px 0 0 0; font-size: 19px; padding: 15px 25px; line-height: 19px;}

.banner .slick-dots {bottom:-60px;}
.banner .slick-dots li button:before {font-size: 20px;}

/* Product Slider */

.product-slider {max-width: 1200px; margin:0 auto 10rem;}
.product-slider .slide-row {display: flex !important; position: relative;}
.product-slider .slide-row > div {width:48%; position: relative;}
.product-slider .slide-row div {position: relative;}
.m-b {margin-bottom: 15px;}
.product-slider .slide-row img {width: 100%}
.product-slider .slide-row figure {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.product-slider .slide-row > div:hover figure {display: block;}
.product-slider .slick-next {right:-65px;}
.product-slider .slick-prev {left:-65px;}

.tag-top, .tag-btm {position: absolute; font-family: 'GothamRoundedMedium'; font-size: 16px; letter-spacing: 1px;}
.tag-top {color: #978b81; left: 40px; top: 35px; letter-spacing: 2px;}
.tag-btm {bottom:25px; right: 0px; text-transform: uppercase; font-size: 11px; width: 100%; text-align: center; color: #b1b0b0}

/* Content */

.content .home {padding: 100px 0; text-align: center; max-width: 900px; margin:0 auto;}
.content h1 {font-size: 32px; color: #978b83; line-height: 48px; font-family: 'GothamRoundedLight';}

.content-mini {max-width: 65%; margin:0 auto; padding-top: 5%}
.content-mini h1 {font-size: 65px; line-height: 55px; font-family: 'GothamRoundedBold'; color: #1dbe7c; margin-bottom: 25px;}
.content-mini h2 {font-size: 26px; line-height: 36px; font-family: 'GothamRoundedBook'; margin-top: 15px;}
.content-mini img {width: auto; max-width:100%; margin:30px 0;}
.content-mini img.no-width {width: auto;}
.content-mini p {font-family: 'GothamRoundedBook'; font-size: 14px; line-height: 24px; margin:15px 0;}
.content-mini h3 {font-family: 'GothamRoundedBold'; color: #1dbe7c; font-size: 26px; line-height: 32px; }
.content-mini h4 {font-family: 'Poster-Brush'; font-size: 70px; line-height: 55px; color: #1dbe7c; text-align: center; max-width: 700px; margin: 50px auto;}
.content-mini h5 {margin-bottom: -30px; font-family: 'GothamRoundedBold';}
.content-mini h6 {font-size: 14px; line-height: 14px; font-family: 'GothamRoundedMedium'; margin-top: 15px; color: #1dbe7c; text-transform: uppercase; letter-spacing: 1px; margin-bottom: -10px;}
.content-mini ul {margin:10px 0 20px 15px; list-style: none}
.content-mini ul li {font-family: 'GothamRoundedBook'; line-height: 24px; position: relative; padding-left: 5px; margin:5px 0;}
.content-mini a {color: inherit; text-decoration: none; font-family: 'GothamRoundedBold'; border-bottom: 1px solid transparent;}
.content-mini a:hover {border-color: #978b82 }
.content-mini strong {font-weight: normal; font-family: 'GothamRoundedBold';}
.content-mini ul li:before {content: ''; display: block; position: absolute; left: -10px; top:6px; background: url(/img/arrow-list.svg) no-repeat; background-size: contain; width: 10px; height: 10px;}

.content-header.category-header {max-height: 450px; margin-top: 5px;}
.content-header .cat-quote {width: 30%;}
.content-header .cat-image {width: 70%;}

.landing {padding:5% 0;}
.content-boxes article {padding: 50px;}
.content-boxes > div {background: #f3f3f4; width: 100%; position: relative;}
.content-boxes .bb {border-bottom: 25px solid #fff}
.content-boxes p {text-transform: uppercase; letter-spacing: 1px; color: #fff; font-family: 'GothamRoundedBold';}
.content-boxes h2 {max-width: 80%; font-size: 36px; margin-top: 30px; color: #fff}

.testimonial-page.content-mini p {margin:-20px 0 0 0; font-size: 18px; font-family: 'GothamRoundedLight';}

.colour-block {background: #1dbe7c; padding: 3.5rem 0 5.5rem; color: #fff; margin-top: 40px; position: relative;}
.colour-block h5 {text-transform: uppercase; letter-spacing: 2px; margin-bottom: 40px;}
.colour-block p {font-family: 'GothamRoundedLight'; font-size: 18px; line-height: 34px;}

.colour-block::after {
    position: absolute;
    top: -2px;
    height: 31px;
    background: url(/img/brush-up.png) repeat-x bottom;
    display: block;
    content: '';
    width: 100%;
    -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: "FlipV";
}

.retailers {}
.retailers ol {list-style: none; margin:0; padding: 0}
.retailers li {display: inline-block; width: 24.5%; border: 1px solid #eee; border-radius:5px; padding:0 10px;}
.retailers li img {width: 100%; margin:0;}

#accordion h3 {cursor: pointer; margin:0; background: url(../img/dots.png) bottom left repeat-x; display:block; padding: 25px 50px 25px 0; line-height:24px; cursor:pointer; position: relative; font-size: 21px;}
#accordion h3:after { content: ' '; background: url(/img/arrow.svg) no-repeat; background-size: contain; position: absolute; right:0; top:28%; width: 30px; height: 30px;  -webkit-transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#accordion h3:hover:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
#accordion > div {padding: 30px 0}
#accordion ul {}

#accordian { margin: 0; color: white;}
#accordian li { list-style-type: none;}
#accordian ul ul li a {  transition: all 0.15s;}
#accordian ul ul { display: none;}
#accordian li.active ul {display: block;}

hr {
    border: none;
    background: url(/img/line.png) top left no-repeat;
    background-size: contain;
    height: 6px;
    outline: none;
    margin: 50px 0;
    opacity: 0.6;
}


.team {margin-top: 30px; display: flex}
.team > figure {width: 23%; margin-bottom: 0px; text-align: center; margin-right: 30px;}
.team img {width: 180px; height: 180px; border-radius: 50%; margin:0;}
.team p {font-family: 'GothamRoundedBook';  letter-spacing: 1px; font-size: 14px; line-height: 21px;}
.team p span {display: block; font-family: 'GothamRoundedBold'; border-bottom: 1px solid #96d320; display: inline-block;}
.team a {font-family: 'GothamRoundedBold'; text-decoration: none; color: #fff; display: inline-block; margin-top: 15px; letter-spacing: 1px}
.team a:hover {border-bottom: none}
#emma article, #helen article, #board article {width: 700px; padding: 40px}
#emma h2, #helen h2, #board h2 {font-family: 'GothamRoundedBold'; color: #1bbc7a; font-size: 21px;}
#emma h2 span, #helen h2 span {display: block; font-size: 13px; letter-spacing: 1px; font-family: 'GothamRoundedBook'; padding-top: 8px;}
#emma p, #helen p, #board p {font-size: 16px; line-height: 28px; margin: 20px 0;}

/* Heading */

.heading {background: #1bbc7a; padding: 50px 0 70px; position: relative;}
.heading::after {position: absolute; bottom: -2px; height: 31px; background: url(/img/brush-up.png) repeat-x bottom; display: block; content: ''; width: 100%;}
.heading p {font-size: 32px; color:#fff; font-family: 'GothamRoundedLight'; text-align: center; line-height: 45px;}
.heading a {color: inherit; text-decoration: none; font-family: 'GothamRoundedBold'; border-bottom: 1px solid transparent;}
.heading a:hover {border-color: #fff}
.heading article {max-width: 45%; margin:0 auto; padding: 5% 0; position: relative; z-index: 999}
.heading article h1 {font-size: 65px; line-height: 65px; font-family: 'GothamRoundedBold'; color: #fff; margin-bottom: 25px; text-align: center;}
.heading article h2 {font-size: 26px; line-height: 36px; font-family: 'GothamRoundedBook'; color: #fff; text-align: center;}

.colour-filter {position: absolute; width: 100%; height: 100%; background: #000; mix-blend-mode: multiply; top: 0; opacity: 0.5;}

/* Breadcrumbs */

.breadcrumbs {font-size: 14px; color: #978b82; padding: 30px 0 30px 0}
.breadcrumbs a {display: inline-block; color: #978b82; text-decoration: none; margin:0 5px;}
.breadcrumbs strong {font-family: 'GothamRoundedBold'; font-weight: normal; display: inline-block; margin-left: 5px;}
.breadcrumbs a:hover {color: #1dbe7c}


/* Account Nav */

.account-nav {font-size: 12px; color: #978b82; padding: 30px 0 30px 0}
.account-nav a {display: inline-block; color: #1bbc7a; text-decoration: none; margin:0 5px; font-family: 'GothamRoundedBold'; border:2px solid #1bbc7a; background: transparent; }
.account-nav a:hover {}
.account-nav a.active {color: #fff; background:#1dbe7c }

/* Addresses */

.addresses > .list-bx {width: 100%}
.list-bx {margin-bottom: 30px;}
.list-bx article {}
.list-bx .flex-row {border-top: 1px solid #eee; padding: 15px 0}
.list-bx h4 {font-size: 18px; margin: 10px 0 20px 0;}
.list-bx a {color: #1bbc7a; text-decoration: none; margin:0 5px; font-family: 'GothamRoundedBold'; display: inline-block; margin-left: 20px;}
.primary {width: 60px;}
.primary span {background:#1bbc7a; display: inline-block; padding: 3px 10px; border-radius: 60px; font-family: 'GothamRoundedBold'; font-size: 11px; text-transform: uppercase; color: #fff}
.addresses .button {background: #96d320 !important; color: #fff; font-family: 'GothamRoundedBook';}

/* Category Landing */

.cat-text, .cat-quote {width:25%;}
.cat-quote {max-height: 390px;}
.cat-image {width: 50%;}
.cat-image img {width: 100%}
.cat-quote img {margin:0; width: 100%; height: 100%; border-left: 5px solid #fff;}
.category-header {margin-bottom: 5px; overflow: hidden;}
.category-header article {width: 75%; padding: 40px 0}
.category-header h1 {font-size: 55px; line-height: 45px; font-family: 'GothamRoundedBold'; color: #1dbe7c; margin-bottom: 25px;}
.category-header p {letter-spacing: 1px; font-family: 'GothamRoundedBook'; line-height: 24px; margin-bottom: 25px;}
.category-header article a {font-family: 'GothamRoundedMedium'; color: #1dbe7c; display: block; text-decoration: none; line-height: 24px; letter-spacing: 1px;}

/* Boxes */

.boxes {position: relative; display: block; background: #eee; margin-bottom: 5%; max-height: 459px; overflow: hidden;}
.boxes > div {width: 25%; display: inline-block; position: relative;}
.boxes img {width: 100%}
.boxes.icons img {width:auto; max-height: 150px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute;}
.boxes::after {position: absolute; bottom: -1px; height: 31px; background: url(/img/brush-up.png) repeat-x bottom; display: block; content: ''; width: 100%;}
.boxes article {position: absolute; top: 0; padding: 0px 40px 0 55px; height: 100%; width: 90%}
.boxes a {color: inherit; text-decoration: none; display: flex; justify-content: center; align-items: center;}
.boxes article h3 {color: #fff; font-size: 30px; font-family: 'GothamRoundedLight'; margin-top: 35px; letter-spacing: -1px;}
.boxes article p {color: #fff; position: absolute; top: 83%; font-family: 'GothamRoundedBook';}
.boxes article p::before {width: 60px; height: 2px; background: #fff; content: ''; float:left; position: relative; top: 6px; margin-right: 12px;}
.boxes article p:hover::before {background: #1dbe7c}

.colour-1 {background: #1dbe7c; height: 410px;}
.colour-2 {background: #96d320; height: 410px;}
.colour-3 {background: #00af9a; height: 410px;}
.colour-4 {background: #00a753; height: 410px;}

.product-boxes {display: block; margin-bottom: 0}
.item {background: #f3f4f6; width: 24.7%; min-height: 410px; max-height: 410px; margin-bottom: 5px; position: relative; overflow: hidden;}
.item.featured_rectangle {width: 50%}
.item figure { height: 410px; overflow: hidden; position: relative; z-index: 1; mix-blend-mode: multiply;}
.item:hover h2, .item:hover a, .item:hover p {}
.item figure img {margin-top: 0px !important; max-width: none;}
.item.shop-landing h2, .item.shop-landing p {color: #999;}

.item .secondary-image {position: absolute; z-index: 999; top: 15px; right: 15px; width: 50px; border-radius: 50%; overflow: hidden;}

.item h2 {letter-spacing: 1px; max-width: 80%; font-size: 13px;}
.item h2 strong {font-weight: normal; font-family: 'GothamRoundedMedium';}
.item p {margin-top: 10px; text-transform: uppercase;}
.item article {position: absolute; top: 0; width: 100%; left: 0; z-index: 500; padding: 35px;}
.buy {position: absolute; bottom: 35px; z-index: 500; left: 40px}
.item .buy a {color: #1dbe7c; text-decoration: none; font-family: 'GothamRoundedBook'; margin-left: 15px;}
.buy a.button {color: #1dbe7c; background: transparent; border: 2px solid #1dbe7c;}
.item.shop-landing .buy a.button {border-color:#1dbe7c; color: #1dbe7c }

.feature-item {width: 49.8%}
.feature-item img {width: 100%;}
.item a {color: inherit;}
.product-boxes.alt {margin-bottom: 5rem}
.product-boxes.alt .item, .product-boxes.alt .item figure {min-height: 390px; height: 390px;}
.product-boxes.alt .item {margin:2px;}
.full-range {text-transform: uppercase; display: block; text-align: right;}
.full-range a {text-decoration: none; color: inherit; font-family: 'GothamRoundedMedium'; letter-spacing: 1px; padding: 20px 0; display: block; font-size: 11px}
.full-range a:hover {color: #1dbe7c;}

.fairtrade {max-width: 100px; display: none}
.fairtrade img {mix-blend-mode: multiply;}

.item.static {width: 49.8%; padding: 0; margin:0 0 5px 0; max-width: none}
.item.testimonial {background: #1DBE80;}
.testimonial h4 sup {font-size: 18px;}
.item.testimonial h4, .item.testimonial p {color: #fff}
.testimonial h4:before {content: '“ '; display: inline-block;}
.testimonial h4:after {content: ' "'; display: inline-block;}
.item.static article {position: absolute;  padding: 0 15%; margin:0 auto;  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); left: 2%}
  .item.static article a {text-decoration: none; color: inherit;}
.item.static h2, .item.static p {color: #fff; text-transform: none;}
.item.static h2 {letter-spacing: 0; font-size: 26px; font-family: 'GothamRoundedMedium';}
.item.static p {line-height: 24px; padding: 0; font-size: 17px; letter-spacing: 1px;}
.item.static.testimonial article {left:0;}
.item.static.testimonial p {margin-top: 10px; color: #fff;}
.cotton-bg {background: url(/uploads/images/cotton-banner.jpg); background-size: cover}
.cotton-bg.oi-girl {background: url(/us/uploads/images/oi-girl-colour.jpg); background-size: cover}
.enviro-bg {background: url(/us/img/turtle.jpg); background-size: cover}

/* Blog */

.blog-content > h2 {text-transform: uppercase; font-size: 14px !important;}
.blog-content > h3 {font-size: 30px; line-height: 42px; margin-bottom: 30px; max-width: 70%;}
.content-blog {padding:4rem 0;}
.content-blog > div.sidebar {width:25%;}
.content-blog > div.blog-content {width:72%;}
.content-blog a {color: inherit; text-decoration: none; border-bottom: none;}
.content-blog h2 {font-family: 'GothamRoundedMedium'; font-size: 20px; color: #1dbe7c; margin: 7px 0 7px 0;}
.content-blog .blog-item {margin:0 0 20px 0; background:#f8f8f8; padding: 50px; position: relative;}
.blog-item.flex-row > div.blog-text {width: 45%}
.blog-item.flex-row > div.blog-image {width: 50%}
.blog-item.flex-row > div.blog-image img {margin:0;}


.content-blog p {line-height: 24px; margin:0;}
.post-date {font-size: 18px; display: block; letter-spacing: 1px;  text-transform: uppercase;
  font-family: 'Poster-Brush'; background: #1dbe7c; color: #fff; position: absolute; top: 0; right: 20px; display: block; padding:10px 20px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px}
.blog-row .button {margin-top: 20px; padding:0 0 3px 0; background:none; color: #1dbe7c !important; border-bottom: 1px solid #1dbe7c; border-radius: 0}
.content-blog .button {color: #fff}
.content-blog > p {display: none}
.sidebar h3 {font-size: 26px; line-height: 36px; font-family: 'GothamRoundedBook'; margin: 15px 0;}
.sidebar img {border-radius: 2px;}
.content-blog img {border-radius: 2px; margin: 0 auto 30px;}
.sidebar hr {margin:15px 0;}
.sidebar h4 a {font-family: 'GothamRoundedMedium'; color: #978b82}
.sidebar a {color: #1dbe7c;}
.NewsSummary {width: 90%; margin-bottom: 40px;}
.content-blog p.text-large {font-size: 20px; line-height: 30px; margin: 10px 0 30px; display: block;}

.signup-sidebar {background: url(/img/Checkered_Texture.jpg) no-repeat; background-size: cover; padding: 60px 40px 60px 40px; border-radius: 2px; color: #fff; margin-bottom: 30px;}
.content-blog .signup-sidebar p.text-large {max-width: 80%; margin: 0 auto;}
.signup-sidebar form {width: 240px !important;}
.masonry img {
  vertical-align: middle;
  max-width: 100%;
}


.masonry {
 display: flex;
  flex-flow: column wrap;
  counter-reset: brick;
  width: 100%;
  margin-left: 0;

}

.masonry-brick {
  overflow: hidden;
  border-radius: 5px;
  margin: 0;  /* Some Gutter */
  position: relative;

}

.masonry-preloader {
  font-size: 2em;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .5;
  height: 3em;
  display: flex;
  justify-content: center;
 align-items: center;
}




/* Product */

.product .size {display: none}
.product {border-top: 1px solid #f3f4f6; padding: 5% 0}
.product h1 {font-size: 55px; line-height: 55px; font-family: 'GothamRoundedBold'; color: #1dbe7c; margin-bottom: 10px;}
.product h2 {font-size: 36px; line-height: 36px; font-family: 'GothamRoundedLight'; color: #1dbe7c; margin-bottom: 25px;}
.product p {letter-spacing: 1px; font-family: 'GothamRoundedBook'; line-height: 24px; margin-bottom: 15px; max-width: 80%}
.product p a {text-decoration: none; font-family: 'GothamRoundedMedium'; color: #1dbe7c; letter-spacing: 0}
.product strong {font-weight: normal; font-family: 'GothamRoundedMedium';}
.product-desc {width: 40%}
.product-desc ul {margin:0 0 20px 15px; max-width: 80%}
.product-desc ul li {letter-spacing: 1px; font-family: 'GothamRoundedBook'; line-height: 24px;}
.product .button {font-size: 19px; padding: 17px 20px;}
.buy-now {width: 340px; margin-top: 40px;}
p.price {font-size: 30px; font-family: 'GothamRoundedMedium'; padding-top: 15px;}
.qty {width: 47px; height: 47px; border:none; background: #eee; border-radius: 50%; text-align: center; font-size: 19px; color: #978b83}
.main-img {width: 42%; background: #f3f4f6}
.main-img img {width: 100%; mix-blend-mode: multiply;}
.thumbs {width: 13%}
.thumbs figure {overflow: hidden; width: 100%; border-radius: 50%; height: 50%; background:#f3f4f6; margin-bottom: 20px; text-align: center; border:1px solid #eee;}
.thumbs figure img {mix-blend-mode: multiply;}
.thumbs figure:hover {}
.flow .off {}
.flow {width: 90px; margin-bottom: 30px; margin-left: 5px;}
.flow img {width: 11px;}
.flow .on {}
.more-links {border-top: 1px solid #f3f4f6; padding: 20px 0}
.more-links ul {list-style: none; margin:0;}
.more-links a {font-family: 'GothamRoundedMedium'; text-decoration: none; color: #1dbe7c; border-bottom: 2px solid transparent; display: block; padding-bottom: 2px;}
.more-links a:hover {border-color: #1dbe7c}

.amazon {color: #1dbe7c; font-family: 'GothamRoundedMedium'; display: inline-block; margin-top: 40px; text-decoration: none; position: relative;}
.amazon::before {width: 60px; height: 2px; background: #1dbe7c; content: ''; float:left; position: relative; top: 6px; margin-right: 12px;}


/* Footer */

footer {background:#96d320; color: #fff; overflow: hidden;}
footer .logo-f {margin-bottom: 45px; margin-top: 25px}
footer h4 {font-size: 22px; font-family: 'GothamRoundedMedium'; margin:20px 0 10px;}
footer a { text-decoration: none}
.divider {border-top: 1px solid #a6da41; padding: 30px 0; font-size: 12px; color: #e1f1d0; max-width: 88%; margin:0 auto; font-family: 'GothamRoundedBook';}
.copyright a {display: inline-block; color: #e1f1d0; margin: 0 0 0 40px;}
.divider a {color: #e1f1d0;}

.footer-nav {width: 32%}
.signup img {margin:0 auto 20px;}
.signup {text-align: center; width: 20%; padding-top: 60px; margin-bottom: 40px;}
.signup article {text-align: center; line-height: 22px;}
.signup p {font-family: 'GothamRoundedBook'; }

.footer-text {width: 30%; text-align: right; padding-top: 100px;}
.footer-text h4 {font-family: 'GothamRoundedBook'; font-size: 18px;}
.footer-text strong {display: block; font-weight: normal; font-family: 'GothamRoundedMedium';}
.footer-text p {max-width: 270px; margin:0; float: right; line-height: 22px;}

.footer-nav ul {width: 100%}
.footer-nav ul li {display: inline-block; width: 50%; margin:5px 0;}
.footer-nav ul li a {color: #fff; display: block; line-height: 24px; font-size: 16px; font-family: 'GothamRoundedBook'; }

.signup input, .signup-sidebar input {background: none; width: 55%; text-indent: 30px; font-size: 15px;  font-family: 'GothamRoundedBook'; color: #fff; line-height: 15px; border:none;}
.signup form, .signup-sidebar form {position: relative; width: 270px; display: flex; margin:20px auto; border:2px solid #fff; padding: 15px 0; border-radius: 40px; }
.signup input[type="submit"], .signup-sidebar input[type="submit"] {position: absolute; right: 20px; top: 18px; width: auto; border:none; color: #fff; font-family: 'GothamRoundedMedium'; font-size: 15px; text-indent: none}



.social {float: right; margin-top: -30px; width: 100%; margin-right: -5%;}
.social h4 {font-size: 16px; font-family: 'GothamRoundedMedium'; margin-right: 40px;}
.social a {display: inline-block; margin:0px 5%; font-size: 24px; color: #fff; position: relative; top: 6px; text-align: center;}

#testimonials {max-width: 750px; margin:100px auto 0;}
.testimonial {text-align: center;  margin: 0 auto; padding: 0 50px; }
.testimonial h4 {font-family: 'Poster-Brush'; font-size: 70px; line-height: 55px; color: #1dbe7c; padding-top: 5px;}

.testimonial h4 strong {font-family: 'Poster-Brush'; font-size: 50px; line-height: 40px;}
.testimonial p {display: block; max-width: none; padding: 20px 0; font-size: 17px; line-height: 26px;}


/* Flex */

.flex-row {display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: space-between;

   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;

   -webkit-align-content: flex-end;
   align-content: flex-end;}

.flex-row.top {align-items: flex-start !important;}


.flex {
   display: flex;
    align-items: flex-start | flex-end | center | baseline | stretch;
    flex-wrap: wrap; justify-content: space-between;
}

.columns-2 {display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-align-content: flex-end;
   align-content: flex-end; align-self: flex-start;}


.flex-row.stretch {display: flex; align-items: flex-start | flex-end | center | baseline | stretch; flex-wrap:wrap; justify-content: center;}

/* Loading Wheel */

.loading { width: 100%; height: 100%;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000000; background-color: rgba(0,0,0,.6); }
.loading-wheel { width: 20px; height: 20px; margin-top: -40px; margin-left: -40px; position: absolute; top: 50%; left: 50%; border-width: 30px; border-radius: 50%; -webkit-animation: spin 1s linear infinite; }
.style-2 .loading-wheel { border-style: double; border-color: #ccc transparent; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(-360deg); } }

.highlight-form-field { border: 1px #eb212e solid !important; }


/* Lightbox  Flags CSS */
.lightbox-country { background-color: #fff; box-shadow: 0 0 26px 0 rgba(0,0,0,.2); border-radius: 4px; padding: 1rem; width: 450px; max-width: 80%; position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); overflow: hidden; z-index: 1001; animation: bounce .4s ease forwards;}
.lightbox-overlay { width: 100%; height: 100%;  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0,0,0,.6); overflow: hidden !important; user-select: none;}
.close-icon { position: absolute; width: 1rem; height: 1rem; top: .7rem; right: .7rem; transition: opacity .2s ease; font-weight: bold; font-family: 'GothamRoundedBold'; color: #978b82; text-decoration:none;}
.flags-selector { align-items: center; width: 300px; padding: 25px; margin: 25px; background: white; }
.flags-selector h3 { font-family: 'GothamRoundedBold'; color: #978b82; padding-bottom: 10px; font-size: 30px; }
.flags-selector article { border-top: 2px solid #978b82; width: 100%; padding-top: 15px; }
.flags-selector ul { list-style-type: none; margin: 0; padding: 0; }
.flags-selector li {  display:inline-block; width:auto; }
.flags-selector img { width:100%; height: auto;  padding: 10px; min-height: 80px; max-width: 119px }

/*Stockist*/
.stockist-nz ol {list-style: none; margin: 0; padding: 0;}
.stockist-nz li {display: inline-block; width: 24.5%; border: 1px solid #eee; border-radius: 5px; padding: 0 10px; overflow: hidden;}
.stockist-nz img {max-width: 180px; margin: 0 !important; border-radius: 5px;}
.also-stock-list li {display: block; border-radius: 0; border: 0; padding: 0; width: 100%;}