body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
div{
   box-sizing: border-box;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
fieldset, img, input, textarea {
   border: 0
}
ol, ul {
   list-style: none
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal
}
h2{
   color: #43335A; 
   font-size: 20px;
   font-weight: bold;
   padding-bottom: 5px;
}
input, textarea, select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-size: 100%;
}
a {
   text-decoration: none;
   color: inherit;
}
textarea {
   resize: none
}
a, button, input[type=submit] {
   cursor: pointer
}
input[type=submit], input[type=text], input[type=email]{
   -webkit-appearance: none;
}
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset !important;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/karla-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Karla'), local('Karla-Regular'),
       url('../fonts/karla-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v6-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}
/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/karla-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Karla Bold'), local('Karla-Bold'),
       url('../fonts/karla-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/karla-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/karla-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/karla-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/karla-v6-latin-700.svg#Karla') format('svg'); /* Legacy iOS */
}
/* marcellus-regular - latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marcellus-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Marcellus'), local('Marcellus-Regular'),
       url('../fonts/marcellus-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/marcellus-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/marcellus-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/marcellus-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/marcellus-v5-latin-regular.svg#Marcellus') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
   url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
   url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
   src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
   url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
   url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

}

[data-icon]:before {
  font-family: "website-handbag" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-close:before {
  content: "\61";
}
.icon-close-2:before {
  content: "\62";
}
.icon-facebook-circle:before {
  content: "\63";
}
.icon-facebook-circle-line:before {
  content: "\64";
}
.icon-facebook-solo-black:before {
  content: "\65";
}
.icon-instagram-circle:before {
  content: "\66";
}
.icon-instagram-solo-black:before {
  content: "\68";
}
.icon-linkedin-circle-line:before {
  content: "\69";
}
.icon-llinkedin-solo-black:before {
  content: "\6a";
}
.icon-twitter-circle:before {
  content: "\6b";
}
.icon-twitter-circle-line:before {
  content: "\6c";
}
.icon-twitter-solo-black:before {
  content: "\6d";
}
.icon-instagram-circle-line:before {
  content: "\67";
}
.icon-youtube-circle-line:before {
  content: "\6e";
}
.icon-youtube-circle:before {
  content: "\6f";
}
.icon-youtube:before {
  content: "\70";
}
.icon-email:before {
  content: "\71";
}
.icon-vimeo-solo2:before {
  content: "\72";
}

.social-icons .icon {
   background-color: #CB2F98;
   border-radius: 50%;
   color: #fff;
   margin: 0 5px;
   height: 36px;
   width: 38px;
   display: inline-block;
   line-height: 38px;
   text-align: center;
   padding-top: 2px;
}

input::-webkit-input-placeholder { color: #000; }
input:-moz-placeholder { color: #000; }
input::-moz-placeholder { color: #000; }
input:-ms-input-placeholder { color: #000; }
textarea::-webkit-input-placeholder { color: #000; }

body, html {
   height: 100%;
}

body {
   font-family: Karla;
}

p {
   line-height: 26px;
   margin-bottom: 30px;
}

#navMobile {
   display: none
}

.footer-spacer {
   height: 194px;
}

.footer-spacer.solutions {
   height: 77px;
}

body.editing {
   margin-top: 215px !important;
}

.wrapper {
   margin-bottom: -194px;
   min-height: 100%;
   overflow-x: hidden;
   position: relative;
}

.wrapper.solutions {
   margin-bottom: -77px;
}

.wrapper .editContent:focus {
   border: none;
   outline: none;
}

.block {
    display: inline-block;
    width: 100%;
}

.certified-block {
   margin-top: 50px;
}

.button {
   background: #25CBD6;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 15px;
   letter-spacing: 0.1em;
   padding: 14px 47px;
   text-transform: uppercase;
   vertical-align: top;
   line-height: 26px;
}

.started-button {
   margin: -10px 0 35px;
}

.button.oil {
   padding: 14px 20px;
   text-align: center;
   width: 100%;
}

.button:hover,
.landing-page__form input[type="submit"] {
   background-color: #1aa1aa;
   -webkit-transition: background-color 0.2s ease-in;
   transition: background-color 0.2s ease-in;
}

header.solutions .members, header.solutions .nav {
   display: none;
}

header {
   display: inline-block;
   margin-top: -131px;
   padding: 22px 0;
   position: fixed;
   width: 100%;
   -webkit-transition: all .15s ease;
   transition: all .15s ease;
   z-index: 9;
}

header.editing {
   margin-top: 60px;
   top: 0;
}

header.active {
   background-color: #FFFFFF;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
   -webkit-transition: all .15s ease;
   transition: all .15s ease;
}

footer {
   background-color: #302440;
   height: 194px; 
   position: relative;
}

footer.solutions .top-foot{
   display: none;
}

footer.solutions {
   height: 77px;
}

.social-icons {
   padding-top: 40px;
   position: absolute;
   right: 150px;
   top: 5px;
   vertical-align: middle;
}

.social-icons img {
   float: right;
   margin-left: 25px;
}

.social-icons img:hover {
    opacity: 0.5;
}

.top-foot {
   border-bottom: 1px solid #707070;
   display: inline-block;
   height: 117px;
   text-align: center;
   width: 100%;
}

.top-foot .content-container {
   position: relative;
}

.bottom-foot {
   display: inline-block;
   width: 100%;
}

.poweredBy {
   float: right;
   height: 30px;
   padding-top: 15px;
   padding-bottom: 5px;
   width: 227px;
}

.amboh-white {
   height: 37px;
   left: 140px;
   padding-top: 43px;
   position: absolute;
   width: 157px;
}

.footer-nav {
   display: inline-block;
   line-height: 116px;
}

.footer-nav li {
   color: #fff;
   display: inline-block;
   margin: 0 20px;
}

.footer-nav a:hover, .footer-nav li.active a {
   color: #25CBD6;
}

.doterra-seal {
   left: 315px;
   position: absolute;
   top: 28px;
}

.yt-foot {
   height: 27px;
   width: 39px;
}

.fb-foot {
   height: 32px;
   margin-top: -4px;
   width: 17px;
}

.insta-foot {
   height: 32px;
   margin-top: -4px;
   width: 32px;
}

.pin-foot {
   height: 32px;
   margin-left: 0 !important;
   margin-top: -4px;
   width: 32px;
}

.purple-seasonal {
   background-color: #43335A;
   padding-bottom: 208px;
   padding-top: 55px;
}

.learn-more-block.home {
   margin-top: 140px;
}

.learn-more-block .content-container {
   padding: 0 100px;
}

.video-block .content-container {
   position: relative;
}

iframe {
   border: none;
}

.right-video {
   position: absolute;
   margin-left: 40px;
   right: 140px;
}

.video-block {

}

.video-holder {
   background-color: #fff;
   margin-top: -130px;
   max-width: 100%;
   padding: 12px;
   width: 754px;
}

.purple-seasonal p {
   color: #fff;
   font-size: 14px;
   line-height: 22px;
   margin: auto;
   text-align: center;
}

.purple-seasonal .oil-details p {
   color: #000000;
}

.content-container.blog-details{
   padding: 0px;
   width: 910px;
}

.content-container.landing-page {
   padding: 0 40px;
   width: 1000px;
}

.content-container {
   margin: auto;
   max-width: 100%;
   padding: 0 140px;
   width: 1366px;
}

.seasonal-header {
   color: #fff;
   font-family: Marcellus;
   font-size: 36px;
   font-weight: normal;
   margin-bottom: 18px;
   text-align: center;
}

.logo {
   float: left;
   height: 62px;
   width: 138px;
}

.logo img {
   height: 62px;
   width: 138px;
}

.nav {
   display : inline-block;
   float: right;
   line-height: 60px;
}

.nav ul li {
   color: #212121;
   float: left;
   font-size: 16px;
   font-weight: bold;
   margin-left: 60px;
   text-transform: uppercase;  
}

.nav ul li:hover ul {
   display: block;
   opacity: 1;
   transition: all .3s ease;
   transform: translateY(0);
   visibility: visible;
}

.nav ul ul.natural-ul {
    box-shadow: none;
    top: 32px;
    left: -3px;
    padding: 0px 23px 15px;
    min-width: 250px;
}

.nav ul li ul li.nat-solution ul.natural-ul-2 {
   border: 2px solid #25CBD6;
   display: none;
   padding: 15px 5px;
   min-width: 260px;
}

.nav ul li:hover ul li.nat-solution:hover ul.natural-ul-2 {
   display: block;
   right: -271px;
   left: initial;
   top: -12px;
}

.natural-span {
   width: 100%;
}

.nav ul li .subnav li.left-nav-margin {
   padding: 5px 0;
   padding-bottom: 5px !important;
}

.nav ul li .subnav li:hover .left-nav-margin {
   padding: 5px 0;
   padding-bottom: 5px !important;
}

.natural-arrow {
   display: inline-block;
   height: 10px;
   width: 8px;
   margin-left: 15px;
}

.nat-solution {
   position: relative;
   padding-right: 10px !important;
}

.nav-style {
    font-family: Marcellus;
    text-decoration: underline;
}

.nav ul.subnav ul.natural-ul li:hover {
   padding-bottom: 5px;
}

.nav ul.subnav ul.natural-ul li {
    padding: 5px 0;
    padding-left: 15px;
}

.no-link:hover {
   color: #25CBD6;
}

.nav ul ul.subnav.why-sub {
   width: 267px;
}

.nav ul ul.subnav.why-sub-2 {
    top: 100px;
    left: 20px;
    min-width: 267px;
    padding: 0px 23px;
    padding-bottom: 10px;
}

.natural-1 {
   min-width: 267px !important;
}

.why-sub li:first-of-type:hover, .why-sub-2 li:first-of-type:hover {
   color: #fff !important;
}

.why-sub li.active:first-of-type:hover, .why-sub-2 li.active:first-of-type:hover {
   color:#25CBD6 !important;
}

.nav ul ul {
   background: #43325B;
   border-radius: 2px;
   height: auto;
   opacity: 0;
   margin-left: -20px;
   padding: 15px 23px;
   position: absolute;
   text-align: left;
   top: 75px;
   min-width: 155px;
   transition: all .3s ease;
   transform: translateY(20px);
   visibility: hidden;
   white-space: nowrap;
   z-index: 5;
   -webkit-box-shadow: 0 0 46px -18px rgba(41,41,41,1);
   -moz-box-shadow: 0 0 46px -18px rgba(41,41,41,1);
   box-shadow: 0 0 46px -18px rgba(41,41,41,1);
   color: #fff;
}

.nav ul li .subnav li:hover {
   border-bottom: none;
   color: #25CBD6;
   padding-bottom: 10px;
}

.nav ul li .subnav li.active {
   border-bottom: none;
   color: #25CBD6;
}

.nav ul li .subnav li {
   color: #fff;
   display: block;
   float: none;
   height: auto;
   line-height: initial;
   margin-left: 0;
   margin-top: 0;
   padding: 10px 0;
   white-space: nowrap;
   font-weight: normal;
   text-transform: none;
   width: 100%;
}

.nav .lower-do, .lower {
   text-transform: none;
}

.nav ul li.active, .nav li a:hover {
   color: #25CBD6 
}

body {
   font-family: Karla;
}

body.main-body {
   background-image: url('../images/background-1920.jpg');
   background-position: 50% top;
   background-repeat: no-repeat;
   background-size: cover;
   font-family: Karla;
   margin-top: 131px;
}

.name-header {
   color: #402B71;
   font-size: 21px;
   font-weight: 700;
   letter-spacing: 0.09em;
   margin-bottom: 15px;
}

.left-home {
   clear: left;
   float: left;
   text-align: center;
   width: 658px;
}

.momma-header {
   color: #402B71;
   font-family: Marcellus;
   font-size: 54px;
   line-height: 57px;
   margin-bottom: 16px;
}

.black-header {
   color: #212121;
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 21px;
}

.top-content {
   color: #212121;
   font-size: 18px;
   line-height: 30px;
   margin-bottom: 30px;
}

.right-home {
   float: left;
   width: calc( 100% - 658px);
   text-align: center;
}

.home-header-img {
   height: 400px;
   width: 400px;
}

.holly-img {
   display: inline-block;
   height: 324px;
   max-width: 100%;
   vertical-align: middle;
   width: 324px;
}

.holly-text {
   display: inline-block;
   padding-left: 54px;
   vertical-align: middle;
   width: calc(100% - 330px);
}

.holly-header {
   color: #43335A;
   display: inline-block;
   font-family: Marcellus;
   font-size: 36px;
   font-weight: normal;
   margin-bottom: 25px;
}

.holly-header.mobile {
   display: none;
   text-align: center;
}

.holly-block {
   display: inline-block;
   margin-top: 70px;
   padding-bottom: 120px;
}

.holly-block p {
   color: #212121;
   font-size: 16px;
   line-height: 26px;
}

.event-carousel .carousel-row-outer img {
   width: 100%;
}

.quarter.event-carousel  {
   background-color: transparent;
   float: none;
   padding: 0;
   width: 100%;
}

.quarter.event-carousel .event {
   width: 100%;
}

.quarter {
   background-color: #fff;
   float: left;
   margin-left: 0.5%;
   margin-right: 0.5%;
   padding: 26px 26px 26px 26px;
   width: 24%;
}

.quarter:first-of-type {
   margin-left: 0%;
}

.quarter:last-of-type {
   margin-right: 0%;
}

.oil-block {
   display: flex;
   margin-top: 40px;
   width: 100%;
}

.oil-block .quarter {
   position: relative;
   padding: 26px 26px 73px 26px;
}

.oil-block .quarter .button.oil {
   padding: 14px 20px;
   text-align: center;
   width: calc(100% - 52px);
   position: absolute;
   bottom: 26px;
}

.oil-details {
   color: #212121;
   line-height: 22px;
   margin-bottom: 18px;
   text-align: center;
   word-wrap: break-word;
   overflow: hidden;
}

.oil-details .quarter {
   position: relative;
}

.oil-img {
   margin: 0 auto 10px;
   text-align: center;
}

.oil-img img {
   max-width: 100%;
   width: 100%;
}

.oil-name {
   color: #43335A;
   font-family: Marcellus;
   height: 50px;
   margin: auto;
   margin-bottom: 9px;
   overflow: hidden;
   text-align: center;
   font-size: 20px;
}

.ellipsis {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.video-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 36px;
   line-height: 85px;
   padding-top: 20px;
}

.left-video {
   float: left;
   width: 292px;
}

.left-video p {
   line-height: 26px;
}

.learn-left {
   background-image: url(../images/home-learnmore-img-new.png);
   background-position: 50% top;
   background-repeat: no-repeat;
   background-size: cover;
   width: 514px;
}

.learn-right {
   background-color: #fff;
   padding: 40px;
   width: calc( 100% - 514px);
}

.learn-right .button.submit {
   margin-top: 34px;
}

.learn-right #g-recaptcha-error1 p {
   margin-bottom: 0px;
}

.learn-header {
   color: #43335A;
   font-size: 36px;
   font-family: Marcellus;
   margin-bottom: 8px;
}

.events-block .arrow-last-member-hover, .events-block .arrow-next-member-hover {
   display: none;
}

.events-block .carousel-arrow.right:hover .arrow-next-member-hover {
   display: block;
}

.events-block .carousel-arrow.right:hover .arrow-next-member {
   display: none;
}

.events-block .carousel-arrow.right.disabled:hover .arrow-next-member {
   display: block;
}

.events-block .carousel-arrow.left:hover .arrow-last-member-hover {
   display: block;
}

.events-block .carousel-arrow.left:hover .arrow-last-member {
   display: none;
}

.events-block .carousel-arrow.left.disabled:hover .arrow-last-member {
    display: block;
}

.events-block {
   background-color: #403776;
   margin: auto;
   padding-bottom: 100px;
   padding-top: 70px; 
   text-align: center;
}

.events-block .carousel-arrow.left {
   background-color: #fff;
   padding: 10px 12px;
   position: absolute;
   left: -40px;
}

.events-block .carousel-arrow.right {
   background-color: #fff;
   padding: 10px 12px;
   position: absolute;
   right: -40px;
}

.events-block .carousel-arrow:hover {
   background-color: #25CBD6;
}

.events-block .carousel-arrow.disabled:hover {
   background-color: #fff;
}

.events-block .carousel-arrow.disabled:hover .arrow-next-member-hover {
    display: none;
}

.events-block .carousel-arrow.disabled:hover .arrow-last-member-hover {
    display: none;
}

.events-block .carousel-outer {
   padding: 0 0px;
}

.events-header {
   color: #fff;
   font-size: 36px;
   font-family: Marcellus;
   margin: auto;
   padding-bottom: 35px;
   text-align: center;
}

.events-quarters {
   display: inline-block;
   width: 100%;
}

.event {
   display: inline-block;
   color: #fff;
   margin-left: 1%;
   margin-right: 1%;
   vertical-align: top;
   width: calc(23.5% - 4px);
}

.event:first-of-type {
   margin-left: 0%;
}

.event:last-of-type {
   margin-right: 0%;
}

.event-img {
   padding-bottom: 10px;
}

.small-event-img {
   display: none;
}

.event-img img {
   max-width: 100%
}

.event-name {
   font-family: Marcellus;
   font-size: 22px; 
   padding-bottom: 10px;
   text-align: left;
}

.button.details {
   float: left;
}

.event-details p {
   padding-bottom: 20px;
}

.event-details {
   line-height: 26px;
   padding-right: 10px;
   text-align: left;
}

.event-time {
   text-align: left;
   color: #fff;
   margin-top: 0px;
   padding-bottom: 10px;
}

.event-name-details {
   margin-bottom: 25px;
}

.event-date {
   padding-bottom: 10px;
   text-align: left;
}

.learn-box {
   display: flex;
   margin-bottom: 85px;
   -webkit-box-shadow: 0px 0px 23px 0px rgba(184,184,184,1);
   -moz-box-shadow: 0px 0px 23px 0px rgba(184,184,184,1);
   box-shadow: 0px 0px 23px 0px rgba(184,184,184,1);
}

.textbox {
   background-color: #EFEFEF;
   box-sizing: border-box;
   height: 46px;
   margin-bottom: 13px;
   text-indent: 1em;
   width: calc(100% - 90px);
}

.textarea {
   background-color: #EFEFEF;
   box-sizing: border-box;
   height: 145px;
   margin-bottom: 13px;
   padding: 15px 10px;
   width: calc(100% - 95px);
}

label.form-label {
   color: #43335A;
   font-family: Marcellus;
   float: left;
   line-height: 46px;
   width: 90px;
}

.pre-check {
   color: #43335A;
   font-family: Marcellus;
   margin-bottom: 15px;
   margin-top: 10px;
}

.left-contact {
   float: left;
   width: 50%;
}

.right-contact {
   float: left;
   width: 50%;
}

.checks-holder {
   display: inline-block;
   margin-bottom: 12px;
   width: 100%;
}

input[type=checkbox] {
   clear: left;
   float: left;
   height: 18px;
   margin-right: 5px;  
   width: 18px;
}

.checkbox {
   line-height: 20px;
   width: auto;
}

.checkboxes {
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
}

.contact-line {
   font-weight: 300;
   margin-bottom: 20px;
   margin-top: 10px;
}

.checks-label {
   margin-bottom: 15px;
}

.checkbox span.tabber.error {
   border-color: red;
}

.checkbox span.tabber.error ~ .optionLabel {
   color: red;
}

input[type="checkbox"] {
    display: none;
}

.checkbox input:checked + span.tabber {
  background-image: url("../images/check-select.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.checkbox span.tabber {
   background: #fff;
   border: 1px solid #707070;
   border-radius: 3px;
   clear: both;
   float: left;
   height: 18px;
   margin-right: 8px;
   width: 18px;
   display: inline-block;
   vertical-align: middle;
}

.optionLabel {
   color: #212121;
   font-family: Karla;
   font-size: 13px;
   display: inline-block;
   margin-top: -3px;
   vertical-align: middle;
   width: calc(100% - 28px);
}

.button.submit {
   float: right;
   margin-top: 10px;
}

.learn-right p {
   line-height: 26px;
}

.started-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 40px;
   margin-bottom: 30px;
}

.started-header.thanks {
   text-align: center;
}

.thanks-icons {
   margin-bottom: 100px;
   text-align: center;
}

.thanks-icons img {
   display: inline-block;
   height: 45px;
   margin: 0 20px;
}

.download-box {
   background-color: #FFFFFF;
   margin-bottom: 125px;
   padding: 25px;
   -webkit-box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
   -moz-box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
   box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
}

.left-download img {
   max-width: 100%;
}

.left-benefit {
   display: inline-block;
   vertical-align: middle;
   width: 552px;
}

.left-benefit img { 
   max-width: 100%;
}

.right-benefit {
   display: inline-block;
   padding-left: 60px;
   vertical-align: middle;
   width: calc(100% - 557px);
}

.member-content .started-header {
   text-align: center;
}

.right-download h2.number-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 40px;
   margin-bottom: 15px;
}

.left-download {
   display: inline-block;
   vertical-align: middle;
   width: calc(45% - 5px);
}

.blue-number {
   background-color: #25CBD6;
   border-radius: 50%;
   color: #fff;
   font-size: 27px;
   font-weight: bold;
   height: 45px;
   padding-top: 5px;
   position: absolute;
   text-align: center;
   top: -22px;
   width: 45px;
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
}

.c-image img {
   display: block;
   max-width: 100%;
}

.c-image {
   margin-bottom: 23px;
   position: relative;
}

.c-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 27px;
   margin-bottom: 10px;
}

.c-block .c-third.left{
   padding-right: 1%;
}

.c-block .c-third.middle {
   padding-left: 0.5%;
   padding-right: 0.5%;
}

.c-block .c-third.last {
   padding-left: 1%;
}

.c-third {
   float: left;
   width: 32.33%;
}

.money-number {
   background-color: #25cbd6;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   height: 45px;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 15px;
   margin-top: 5px;
   padding-top: 10px;
   text-align: center;
   width: 45px;
}

.money-bold {
   font-weight: bold;
   margin-bottom: 25px;
}

.five-ways {
   display: inline-block;
   margin: 30px 0;
   width: 100%;
}

.five-ways p {
   margin-bottom: 0px;
   padding-bottom: 25px;
}

.five-ways-block {
   margin-bottom: 65px;
   text-align: center;
}

.five-ways .editContent {
   display: inline-block;
}

.five-ways .fifth {
   float: left;
   margin-left: 1%;
   margin-right: 1%;
   text-align: center;
   width: 18%;
}

.top-purple-header {
   color: #fff;
   font-size: 28px;
   margin-bottom: 10px;
   font-family: Marcellus;
}

.fifth-header, h2.fifth-header {
   color: #43335A;
   line-height: 29px;
   font-weight: 300;
   font-size: 27px;
   font-family: Marcellus;
}

.fifth p {
   padding: 0 5px;
}

.number {
   background-color: #402B71;
   border-radius: 50%;
   color: #fff;
   display: inline-block;
   height: 25px;
   float: left;
   font-size: 18px;
   font-weight: bold;
   margin-top: 5px;
   padding-top: 1px;
   text-align: center;
   width: 25px;
}

h2.number-header, .number-header {
   color: #43335A;
   display: inline;
   float: left;
   font-family: Marcellus;
   font-size: 27px;
   padding-left: 0;
   width: 100%;
   font-weight: 400;
}

.right-benefit p a {
   color: #005a9e;
}

.right-benefit p a.button {
   color: #fff;
}

.right-benefit p a.button:hover {
   text-decoration: none;
}

.right-benefit p a:hover {
   text-decoration: underline;
}

.right-download {
   display: inline-block;
   vertical-align: middle;
   padding-left: 100px;
   width: calc(55% - 5px);
}

.member-header, h1.member-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 48px;
   font-weight: 400;
   line-height: 57px;
   margin-bottom: 21px;
}

.sub-header {
   font-size: 21px;
   line-height: 39px;
}

.member-top {
   text-align: center;
   margin-bottom: 40px;
}

.contact {
   margin-top: 55px;
}

.popup-image img {
   display: block;
   max-width: 100%;
}

.popup-image {
   display: inline-block;
   margin-bottom: 10px;
}

.contact-text-p {
   color: #fff;
   margin-bottom: 15px;
   display: inline-block;
}

.contact-text-p a {
   color: #25CBD6;
}

.contact-text-p a:hover {
   text-decoration: underline;
}

.contact-text-p p {
   float: left;
   font-family: Marcellus;
   font-size: 23px;
   margin-bottom: 15px;
}

.step h2 {
   display: inline-block;
   margin-bottom: 25px;
   float: left;
   width: 100%;
}

.youtube-video {
   clear: left;
   overflow:hidden;
   padding-bottom:56.25%;
   position:relative;
   height:0;
   margin-bottom: 35px;
}

.diamond-header .started-header {
   font-size: 48px;
}

.diamond-header .diamond-center p {
   font-size: 16px;
   text-align: center;
   line-height: 26px;
   width: 800px;
   margin: auto;
   text-align: center;
   margin-bottom: 30px;
}

.diamond-header h2 {
   font-family: Marcellus;
   font-size: 27px;
   font-weight: normal;
}

.diamond-header .started-header, .diamond-header .diamond-center p, .diamond-header h2 {
   color: #fff;
}

.diamond-header {
   background-image: url('../images/diamond-header-2560.jpg');
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   margin-bottom: 60px;
   padding: 70px 0 50px;
}

.diamond-steps {
   margin-bottom: 50px;
}

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

.diamond-center p {
   color: #43335A;
   font-size: 21px;
   text-align: center;
}

.step {
   display: inline-block;
   text-align: center;
   width: 100%;
}

.step h1, .step h2, .step h3, .step h4, .step h5, .step h6, .step ul, .step ol, .step p {
   text-align: left;
}

.step a {
   color: #0000EE ;
}

.step a:hover {
   text-decoration: underline;
}

.centered-h2 {
   text-align: center;
   width: 100%;
}

.centered-h2 h2 {
   text-align: center;
}

.step img {
   margin: auto;
   text-align: center;
   margin-bottom: 50px;
   max-width: 100%;
}

.step ul li::before {
   content: "• ";
   color: rgb(64, 43, 113);
   padding-right: 5px;
}

.step p img {
   text-align: center;
}

.step ol {
   margin-bottom: 30px;
   list-style-position: inside;
   list-style-type: decimal;
   padding: 0 0 0 15px;
   text-indent: -1em;
   display: inline-block;
   float: left;
   width: 100%;
}

.step ol li {
   padding-bottom: 10px;
   line-height: 26px;
}

.step ul li {
   padding-bottom: 10px;
   line-height: 26px;
}

.step h3 {
   display: inline-block;
   float: left;
   margin-bottom: 25px;
   width: 100%;
}

.step ul {
    margin-bottom: 30px;
   list-style-position: inside;
   padding: 0 0 0 15px;
   text-indent: -1em;
   display: inline-block;
   float: left;
   width: 100%;
}

.youtube-video iframe {
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
   height:100%;
   width:90%;
   position:absolute;
}

.step .number-header {
   padding-bottom: 30px;
   padding-left: 0px;
   text-align: left;
   width: 100%;
}

hr.diamond-line{
  border-top: 1px solid #25CBD6;
  margin: 35px 0;
}

.members.mobile {
   display: none;
}

.members {
   float: right;
}

.top-purple {
   background-color: #43335A;
   margin-bottom: 115px;
   padding: 45px;
}

.bold-subheader {
   font-weight: bold;
   margin-bottom: 50px;
}

.c-block {
   margin-bottom: 140px;
   text-align: center;
}

.c-block .bold-subheader h2.number-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 40px;
   font-weight: 400;
   margin-bottom: 30px;
}

.fb-button {
   left: 25px;
   height: 17px;
   padding-right: 15px;
   position: absolute;
   width: 9px;
}

.button.facebook .fb-button {
   top: 17px;
}

.events-half .event {
   float: left;
   width: 45%;
}

.events-half .event {
   display: none;
}

.events-half .event:nth-child(-n+2) { 
   display: block; 
}

.events-half .event:nth-of-type(1) {
   margin-left: 0%;
   margin-right: 5%;
}

.events-half .event:nth-of-type(2) {
   margin-left: 5%;
   margin-right: 0%;
}

.member-quarters .quarter {
   background-color: transparent;
   float: none;
   margin-bottom: 40px;
   padding: 0px;
   width: 100%;
}

.member-text h2 {
   color: #43335A;
   display: inline-block;
   font-size: 27px;
   font-family: Marcellus;
   margin-top: 10px;
   margin-bottom: 5px;
   width: 100%;
   font-weight: 400;
   padding-bottom: 0;
}

.member-text h3 {
   display: inline-block;
   font-weight: bold;
   margin-bottom: 5px;
   width: 100%;
}

.member-state {
   display: inline-block;
   width: 100%;
}

.member-block {
   margin-bottom: 100px;
   margin-top: 30px;
   text-align: center;
}

.member-quarters {
   display: inline-block;
   text-align: center;
   width: 100%;
}

.member-quarters .quarter img {
   width: 100%;
}

.events-half .event-name {
   font-size: 32px;
   line-height: 39px
}

.events-half .big-event-img {
   display: block;
   margin-bottom: 10px;
   width: 100%;
}

.events-half .button-holder {
   margin-top: 20px;
   text-align: left;
}

.events-half .event-name-details {
   height: auto;
}

.button.facebook {
   padding: 13px 20px;
   padding-left: 55px;
   position: relative;
}

.blog-category {
   font-size: 19px;
   font-family: Marcellus;
   margin-bottom: 19px;
}

.upcoming-member-events-block {
   background-color: #2A1D3C;
   color: #fff;
   padding: 45px 60px;
}

.member-name .editContent {
   display: inline-block;
}

.left-purple {
   color: #fff;
   display: inline-block;
   font-size: 18px;
   line-height: 32px;
   padding-right: 130px;
   vertical-align: middle;
   width: calc(100% - 255px);
}

.left-purple p {
   margin-bottom: 0px;
}

.right-purple {
   display: inline-block;
   vertical-align: middle;
   width: 250px;
}

header .content-container {
   padding: 0 ;
}

#head-trigger {
   height: 20px;
   top: -50px;
   position: absolute;
   width: 100%;
}

.members .button {   
   margin-top: 7px;
   margin-left: 60px;
   padding: 14px 25px;
}

.shop-top p {
   color: #43335A;
   font-size: 21px;
   line-height: 36px;
}

.diy-holder {
   margin-bottom: 75px;
   position: relative;
   padding-bottom: 56.25%;
   height: 0; 
   overflow: hidden;
}

.diy-holder iframe  {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.kit-name, h2.kit-name {
   color: #43335A;
   font-family: Marcellus;
   font-size: 26px;
   font-weight: 300;
   margin-bottom: 10px;
   line-height: 30px;
   width: 100%;
}

.product-info {
   margin-bottom: 20px;
}

.kit-price, h3.kit-price {
   color: #43335A;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 13px;
}

.kit-details {
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 13px;
}

.products-top {
   display: inline-block;
   margin-bottom: 30px;
}

.bold-subheader.big {
   font-size: 22px;
}

.starter-kit {
   border: 1px solid #707070;
   display: inline-block;
   margin-bottom: 30px;
}

.starter-kit .product-button-holder {
    text-align: left;
}

.starter-kit .product-button {
   text-align: center;
}

.left-kit img {
   max-width: 100%;
}

.starter-kit-block.wrap {
   margin-bottom: 50px;
}

.starter-kit-block.wrap .starter-kit {
   padding: 30px;
   width: 100%;
}

.starter-kit-block.wrap .right-kit {
   display: inline;
   float: none;
   width: 100%;
}

.starter-kit-block.wrap .left-kit {
   display: inline;
   float: right;
   padding-bottom: 0;
   padding-left: 50px;
   padding-right: 0px;
   width: 400px;
}

.left-kit {
   float: left;
   padding-right: 60px;
   width: 520px;
}

.right-kit {
   float: left;
   width: calc(100% - 525px);
}

.starter-kit {
   background-color: #fff;
   padding: 25px;
   width: 100%;
}

.shop-top .purple-header {
   position: static;
}

.purple-header-small {
   color: #43335A;
   font-family: Marcellus;
   font-size: 26px;
   line-height: 29px;
   margin-bottom: 5px;
}

.started-text p {
   font-size: 18px;
   line-height: 32px;
}

.started-text {
   border-bottom: 1px solid rgba(67, 51, 90, .25);;
   margin-bottom: 50px;
}

.diy-block .left50 {
   float: left;
   margin-right: 1%;
   width: 49%;
}

.diy-block .left50 p {
   margin-bottom: 15px;
   min-height: 52px;
}

.diy-block .right50 p {
   margin-bottom: 15px;
   min-height: 52px;
}

.diy-block .right50 {
   float: left;
   margin-left: 1%;
   width: 49%;
}

.left-started {
   display: inline-block;
   width: 520px;
}

.right-started {
   float: right;
   width: calc(100% - 520px);
}

.product-main {
   background-color: #fff;
   border: 1px solid #43335A;
   padding: 30px;
}

.diffuser-editable {
   display: inline-block;
   margin-bottom: 50px;
   width: 100%
}

.diffuser-quarter p {
   letter-spacing: -0.05em;
   margin-bottom: 5px;
}

.diffuser-quarter ul {
   list-style: disc outside;
   padding-left: 0px;
   margin-bottom: 30px;
   margin-left: 20px;
}

.diffuser-quarter ul li {
   letter-spacing: -0.05em;
   margin-bottom: 5px;
}

.difuser-line {
   display: inline-block;
   margin-bottom: 50px;
   margin-left: -1%;
   width: calc(100% + 1%);
}

.diffuser-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 21px;
   margin-bottom: 15px;
}

.diffuser-quarter {
   float: left;
   padding-left: 1%;
   padding-right: 1%;
   width: 25%;
}

.right-started img {
   float: right;
   height: 647px;
   margin-right: -50px;
   margin-top: -50px;
   width: 540px; 
}

.selectbox {
   background-color: #efefef;
   background-image: url(../images/down-arrow.png);
   background-size: 15px auto;
   background-position: right 10px top 17px;
   background-repeat: no-repeat;
   border-radius: 0;
   height: 46px;
   overflow: hidden;
   position: relative;
   text-indent: 0px;
   max-width: none;
   padding: 0 10px;
   width: 100%;
   -moz-appearance: none;
   -webkit-appearance: none;
}

.oils-mobile img {
   display: none;
}

.noscroll {
   overflow-y: hidden !important;
}

.aromatic-left {
   float: left;
   margin-top: 100px;
   width: 434px;
}

.aromatic-left img {
   max-width: 100%;
}

.aromatic {
   margin-bottom: 100px;
}

.aromatic-right {
   float: right;
   margin-top: 30px;
   padding-left: 26px;
   width: calc(100% - 434px);
}

.purple-header {
   color: #43335A;
   display: inline-block;
   font-family: Marcellus;
   font-size: 36px;
   margin-bottom: 20px;
}

.purple-header.internal.mobile {
   display: none;
} 

.purple-header.aromatic-mobile {
   display: none;
}

.purple-aromatic {
   background-color: #43335A;
   color: #fff;
   padding: 43px 41px;
}

.content-holder {
   display: inline-block;
   margin-bottom: 50px;
   width: 100%;
}

.content-holder .content-image {
   float: left;
   margin-top: 100px;
   width: 435px;
}

.content-holder .content-text {
   float: right;
   margin-top: 30px;
   padding-left: 25px;
   width: calc(100% - 435px);
}

.content-holder.reverse .content-image {
   float: right; 
   margin-top: 100px;
   width: 435px;
}

.content-holder.reverse .content-text {
   float: left;
   margin-top: 30px;
   padding-right: 25px;
   padding-left: 0px;
   width: calc(100% - 435px);
}

.content-holder .content-image img {
   max-width: 100%;
}

.content-holder h2.content-header {
   color: #43335A;
   display: inline-block;
   font-family: Marcellus;
   font-size: 36px;
   margin-bottom: 20px
}

.content-holder h2.content-header-white {
   color: #fff;
   font-family: Marcellus;
   font-size: 28px;
   margin-bottom: 15px;
}

.content-holder .content-purple-block {
   background-color: #43335A;
   color: #fff;
   padding: 40px;
}

.content-holder .content-purple-block ul {
   list-style: none;
   list-style-position: inside;
   margin-bottom: 25px;
   padding: 0 0 0 25px;
   text-indent: -1.7em;
}

.content-holder .content-purple-block ul li {
   line-height: 26px;
   margin-bottom: 5px;
}

.content-holder .content-purple-block ul li::before {
    color: #25CBD6;
    content: "\2022";
    font-size: 2em;
    padding-right: 0.5em;
    position: relative;
    top: 0.2em;
}

.link:hover {
   text-decoration: underline;
}

.hr {
   background-color: rgba(67, 51, 90, .25);
   height: 1px;
   margin-bottom: 80px;
   width: 100%;
}

.quote {
   color: #43335A;
   font-family: Marcellus;
   font-size: 30px;
   line-height: 42px;
   margin-bottom: 80px;
   text-align: center;
   width: 100%;
}

.quote-name {
   font-size: 27px;
   margin-top: 15px;
}

.quote-icon {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   margin-top: -113px;
   left: 0;
   right: 0;
}

.box-header {
   font-family: Marcellus;
   font-size: 28px;
   margin-bottom: 15px;
}

.ul-bull {
   list-style: none;    
   list-style-position: inside;
   padding: 0 0 0 25px;
   text-indent: -1.7em;
}
 
.ul-bull li::before {
   color: #25CBD6;  
   content: "\2022"; 
   font-size: 2em; 
   padding-right: 0.5em; 
   position: relative;
   top: 0.2em;
}

.ul-bull li {
   line-height: 26px;
   margin-bottom: 5px;
}

.trusts-block {
   margin-bottom: 50px;
}

.topical-mobile img {
   display: none;
}

.topical-left {
   float: left;
   margin-bottom: 150px;
   padding-right: 41px;
   width: 628px;
}

.topical-right {
   float: right;
   width: calc(100% - 628px);
}

.topical-right img {
   margin-top: 70px;
   max-width: 100%;  
}

.topical-box {
   background-color: #43335A;
   color: #fff;
   padding: 43px 41px;
}

.internal-box {
   background-color: #43335A;
   color: #fff;
   padding: 43px 41px;
}

.left-internal {
   clear: left;
   float: left;
   width: 387px;
}

.left-internal img {
   max-width: 100%;
}

.right-internal {
   float: right;
   margin-bottom: 100px;
   margin-top: -75px;
   padding-left: 46px;
   width: calc(100% - 387px);
}

.left-why {
   clear: left;
   float: left;
   width: 575px;
}

.left-why p {
   font-size: 18px;
   line-height: 32px;
}

.right-why {
   float: right;
   padding-top: 30px;
   width: calc(100% - 575px);
}

.right-why img {
   float: right;
   height: 520px;
   margin-top: -50px;
   max-width: 100%;
   width: 434px;
}

.certified-left {
   float: left;
   width: 417px;
}

.certified-left img {
   max-width: 100%;
}

.certified-right {
   float: right;
   padding-left: 42px;
   width: calc(100% - 417px);
}

.certified-header {
   color: #212121;
   font-size: 21px;
   font-weight: bold;
}

.cares-block {
   background-color: #43335A;
   color: #fff;
   margin-bottom: 100px;
   margin-top: 70px;
   padding: 58px 44px;
}

.box-header.cares {
   font-size: 45px;
   padding-bottom: 16px;
}

.cares-left {
   float: left;
   padding-right: 34px;
   width: 450px;
}

.contact .content-container {
   padding: 0 84px;
}

.home-top .content-container {
   padding: 0 84px;
}

.cares-right {
   background-image: url('../images/why-doterra-img-2.jpg');
   background-position: 50% top;
   background-repeat: no-repeat;
   background-size: cover;
   height: 626px;
   float: right;   
   width: calc(100% - 450px);
}

.cares-right img {
   max-width: 100%;
}

.certified-img-1 {
   float: left;
   margin-right: 1%;
   width: 49%;
}

.certified-img-2 {
   float: right;
   margin-left: 1%;
   width: 49%;
}

.certified-mobile {
   display: none;
}

.social-icons.thanks {
   display: inline-block;
   float: none;
   position: static;
}

.contact-box {
   background-color: #43335A;
   color: #fff;
   margin-bottom: 150px;
   padding: 42px 33px;
   position: relative;
}

.contact-box .button.submit {
    margin-top: 33px;
}

.contact-box.thanks {
   text-align: center;
   padding: 100px 65px;
}

.contact-box.thanks .started-header {
   color: #fff;
}

.contact-box.thanks .emphasis {
   color: #fff;
}


.contact-header {
   font-family: Marcellus;
   font-size: 36px;
   margin-bottom: 21px;
}

.pre-contact {
   font-size: 21px;
   line-height: 30px;
   padding-bottom: 25px;
}

.contact-left {
   float: left;
   min-height: 560px;
   padding-right: 50px;
   width: 50%;
}

.contact-right {
   border-left: 1px solid #685583;
   float: left;
   padding-left: 50px;
   padding-right: 25px;   
   padding-top: 15px;
   width: 50%;
}

.left-image img {
   height: 129px;
   max-width: 100%;
   width: 146px;
}

.left-image {
   float: left;
   margin-bottom: 55px;
   width: 146px;
}

.left-image.mobile {
   display: none;
}

.right-text {
   float: right;
   line-height: 26px;
   margin-bottom: 35px;
   padding-left: 34px;
   width: calc(100% - 146px);
}

.left50 {
   clear: left;
   float: left;
   width: 50%;
}

.contact-text {
   float: left;
   font-family: Marcellus;
   font-size: 23px;
   padding-left: 26px;
}

.wholesale-link {
   clear: left;
   float: left;
   text-align: center;
   width: 100%;
}

.wholesale-link a {
   font-family: Marcellus;
   font-size: 22px;
}

.wholesale-link a:hover {
   color: #25CBD6;
   text-decoration: underline;
}

.right50 {
   float: right;
   width: 43%;
}

.contact-phone {
   float: left;
   height: 25px;
   margin-top: 4px;
   width: 25px;
}

.contact-mail {
   float: left;
   height: 18px; 
   margin-top: 1px;
   padding-top: 5px;
   width: 26px;
}

.contact-map {
   float: left;
   height: 30px;
   width: 21px;
}

.map {
   float: left;
   margin-bottom: 42px;
}

.phone {
   float: left;
   margin-bottom: 65px;
}

.email {
   clear: left;
   float: left;
   margin-bottom: 50px;
}

.social-icons.contact {
   clear: left;
   float: left;
   margin-top: 0px;
   padding-top: 0px;
   position: static;
}

.contact-right label {
   color: #fff;
   min-width: 95px;
}

.contact-right .textbox {
   width: calc(100% - 95px);
}

.contact-right .textbox.error {
   background-color: #f69999;
}

.contact-block .textbox.error {
   background-color: #f69999;
}

.contact-right .optionLabel {
   color: #fff;
}

.contact-right .pre-check {
   color: #fff;
}

.contact-oil-1 {
    right: -98px;
    top: -85px;
    position: absolute;
    width: 180px;
    z-index: 2;
}

.contact-oil-2 {
    bottom: -60px;
    left: -76px;
    position: absolute;
    width: 200px;
}

.social-icons.contact .fb-foot {
    margin-left: 25px;
}

.marcel {
   font-family: Marcellus;
   font-weight: 300;
}

.mobile-select {
   display: none;
}

.details-hide {
   display: none;
}

.quickViewNoDimensions {
   left: 50%;
   top: 50% !important;
}

#member-hide {
   min-height: 308px;
}

.memberThanksInner {
   background: #43335a;
   display: inline-block;
   overflow-y: auto;
   padding: 35px 25px;
   box-sizing: border-box;
   color: #fff;
   max-height: 100%;
   position: absolute;
   top: 0;
   height: auto;
   width: 100%;
}

#memberThanks .button.submit {
   margin-top: 32px;
}

#createMask, #memberMask {
   background: rgba(21,66,133,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity 1s ease 1s;
   width: 100%;
   z-index: 25;
}

.class-form .modal_img-close {
   padding: 0px !important;
}

.class-form .modal_box {
   min-height: auto !important;
}

.class-form #modal_backdrop {
   background: rgba(37,203,214, 0.2) !important;
}

.class-form {
   display: inline-block;
   margin-top: 25px;
   width: 100%;
   text-align: left;
}

.class-form .dl-cf-submit-button {
   color: #fff;
   letter-spacing: 1.5px;
   font-family: Karla !important;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   width: 205px;
   height: 46px;
}

.class-form label {
   display: inline-block;
   font-size: 16px;
   font-family: Marcellus !important;
   margin-bottom: 5px;
   width: 100%;
}

.class-form input{
   background-color: #EFEFEF;
   border-radius: 0;
   box-sizing: border-box;
   height: 50px;
   margin-bottom: 13px;
   text-indent: 1em;
   width: 100%;
}

#classMask {
   background: rgba(0,0,0,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   width: 100%;
   z-index: 25;
}

#classThanks {
   background-color: #fff;
   border: 12px solid #25CBD6;
   overflow-y: auto;
   position: fixed;
   left: 50%;
   top: 50%;
   padding: 50px;
   text-align: center;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   overflow: hidden;
   width: 830px;
   z-index: 26;
}

#classThanks .closeThanks {
   height: 20px;
   width: 20px;
   right: 10px;
   top: 10px;
}

#classThanks .closeThanks img {
   height: 20px;
   width: 20px;
}

.class-header {
   color: #43335A;
   display: inline-block;
   font-size: 40px;
   font-family: Marcellus;
   line-height: 50px;
   margin-bottom: 15px;
   width: 100%;
}

.class-text {
   color: #212121;
   display: inline-block;
   font-size: 18px;
   line-height: 28px;
   width: 600px;
}

#createPopup, #memberPopup {
   background: #fff;
   border-radius: 3px;
   color: #000;
   display: none;
   left: 50%;
   max-height: 85%;
   min-height: 338px;
   overflow-y: auto;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 1112px;
   z-index: 26;
}

#createPopup, #createMask, #memberMask {
   display: none;
   opacity: 0;
}

#createMask.active, #createPopup.active {
   display: block;
   opacity: 1;
   /*overflow: hidden;*/
   transition: opacity .5s ease;
}

.g-disclaimer {
   color: #fff;
   font-size: 12px;
   left: 140px;
   text-align: left;
   top: 66px;
   width: 285px;
   float: left;
   padding-top: 25px;
}

.grecaptcha-badge {
   visibility: hidden;
}

.g-disclaimer a {
   color: #25CBD6;
}

.g-disclaimer a:hover {
   text-decoration: underline;
}

.content-container.blog {
   padding: 0px;
}

/*Fade in Effects*/
@-moz-keyframes fadeIn {
   from {
      display: none;
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

@keyframes fadeIn {
   from {
      display: none;
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

.fade-in-2 {
   opacity: 0;
   -webkit-animation: fadeIn ease-in 1;
   -moz-animation: fadeIn ease-in 1;
   animation: fadeIn ease-in 1;
   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-delay: 5s;
   -moz-animation-delay: 5s;
   animation-delay: 5s;
}
/*Fade in Effects End*/

/*Collapsable Text Start*/
p.toggledText {
   margin-bottom: 0px
}

.toggledText span.trimmed{
   display:none;
}

.read-more .more:before{
   content:'Read More';
}

.showAll .toggledText span.morePoints{
   display:none;
}

.showAll .toggledText span.trimmed{
    display:inline;
}

.showAll .read-more .more:before{
   content:'Read Less';
}

.read-more {
   color: #25CBD6;
}

.read-more:hover {
   text-decoration: underline;
}
/*Collapsable Text End*/
/*Blog Start*/
.blog-details a {
   color: #25CBD6;
}

.blog-details a:hover {
   text-decoration: underline;
}

.blog-third.featured {
   display: none;
}

.more-articles {
   color: #212121;
   line-height: 26px;
   font-weight: bold;
   font-size: 20px;
   margin-bottom: 10px;
}

.share-text {
   color: #fff;
   display: inline;
   font-family: Marcellus;
   float: left;
   padding-right: 12px;
   font-size: 19px;
   font-weight: 500;
}

.purple-line {
   position: absolute; 
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto;     
   margin-top: 3px;
   width: 100%;
   z-index: -1;
}

.blog-details .share-box-2 .purple-line img {
   height: 1px;
   width: 100%;
}

.share-box-2 .socialIcon {
   color: #fff;
   margin: 0 15px;
}

.share-box-2 .socialIcon:hover {
   color: #25CBD6;
}

.blog-details .share-box-2 a:hover {
   text-decoration: none;
}

.testimonial-block {
   margin-bottom: 50px;
}

.testimonial-block p {
   margin-bottom: 15px;
}

.socialIcon {
   font-size: 23px;
   margin-left: 25px;
}

.blog-details .share-box-2 img {
   display: inline;
   float: left;
   height: 36px;
   margin-bottom: 0px;
   padding-right: 11px;
   width: 36px;
}

.share-box-2 {
   background-color: #43335A;
   border-bottom: 1px solid #d3d3d3;
   border-top: 1px solid #d3d3d3;
   border-radius: 4px;
   margin: auto;
   margin-top: 80px;
   margin-bottom: 80px;
   padding: 30px 50px 25px;
   text-align: center;
   width: 513px;
}

.blog-details img {
   margin-bottom: 30px;
   margin-top: 10px;
   max-width: 100%;
}

.blog-details .blogs-more img {
   margin-bottom: 0px;
}
  
.blogs-more .blog-title {
   color: #43335A;
   font-family: Marcellus;
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 10px;
}

.blogs-more .blog-title a {
   color: #43335A;
}

.blogs-more .blog-title a:hover {
   color: #A186BC;
   text-decoration: none;
}

.blogs-more .blog-half:first-of-type {
   float: left;
   margin-right: 2.5%;
   width: 47.5%;
}

.blogs-more .blog-half:last-of-type {
   float: left;
   margin-left: 2.5%;
   width: 47.5%;
}

.blogs-more .date {
   padding-top: 15px;
}

.blogs-more {
   margin-left: -1%;
   width: calc(100% + 2%);
}

.blogs-more img {
   width: 100%;
}

.blog-details h1 {
   color: #43335A;
   font-size: 58px;
   font-family: Marcellus;
   font-weight: 300;
   line-height: 61px;
   margin-bottom: 10px;
}

.blog-details h2 {
   color: #43335A;
   display: inline-block;
   margin-top: 20px;
   font-size: 30px;
   font-family: Marcellus;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details h3 {
   display: inline-block;
   margin-top: 20px;
   color: #212121;
   font-size: 30px;
   font-family: Marcellus;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details h4 {
   display: inline-block;
   margin-top: 20px;
   color: #25CBD6;
   font-size: 30px;
   font-family: Marcellus;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details h5 {
   color: #43335A;
   font-size: 20px;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details h6 {
   color: #212121;
   font-size: 20px;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details h7 {
   color: #25CBD6;
   font-size: 20px;
   font-weight: 300;
   line-height: 26px;
   margin-bottom: 10px;
}

.blog-details p {
   color: #212121;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 15px;
}

.blog-details ul {
   margin-bottom: 20px;
   padding-left: 30px;
}

.blog-details ul li {
   line-height: 26px;
   margin-bottom: 5px;
   position: relative;
}

.blog-details ol li {
   counter-increment: list;
   list-style-type: none;
   line-height: 26px;
   margin-bottom: 10px;
   position: relative;
}

.blog-details ol li:before {
   color: #43335A;
   content: counter(list) ".";
   left: -15px;
   font-weight: bold;
   position: absolute;
}

.blog-details ol {
   padding-left: 30px;
}

.blog-details ul li:before {
   content: "• ";
   color: #25CBD6;
   left: -20px;
   position: absolute;
}

.blog-details .blog-head-title {
   color: #43335A;
   font-family: Marcellus;
   font-size: 58px;
   line-height: 61px;
}

.blog-header-date {
   color: #A186BC;
   margin-top: 15px;
}

.weekly-oil {
   color: #25CBD6;
   margin-bottom: 15px;
}

.content-container .blog-details {
   margin: auto;
   margin-top: 30px;
   margin-bottom: 85px;
   max-width: 100%;
   padding: 0;
   width: 910px;
}

.blogs {
   margin-left: -1%;
   margin-bottom: 80px;
   width: calc(100% + 2%);
}

.date {
   color: #A186BC;
   font-size: 17px;
   margin-bottom: 15px;
}

.blog-third .date {
   padding-top: 20px;
}

.blog-third {
   float: left;
   margin-bottom: 60px;
   padding-left: 1%;
   padding-right: 1%;
   width: 33.33%;
}

.blog-third.\32{
   clear: left;
}

.blog-img img {
   max-height: 308px;
   width: 100%;
}

.blog-relatedText {
   color: #212121;
   font-size: 16px;
   line-height: 26px;
   padding-bottom: 20px;
}

.blog-third .blog-title {
   color: #43335A;
   font-size: 30px;
   line-height: 38px;
   font-family: Marcellus;
   font-weight: 500;
   padding-bottom: 10px;
}

.blog-third .blog-title:hover {
   color: #A186BC;
}

.right-featured {
   display: inline-block;
   padding-left: 100px;
   vertical-align: middle;
   width: calc(100% - 597px);
   padding-right: 35px;
}

.featured-text {
   color: #6F6F6F;
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 20px;
}

.feaured-blog-header:hover {
   color: #A186BC;
}

.feaured-blog-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 36px;
   font-weight: 500;
   line-height: 38px;
   padding-bottom: 20px;
}

.featured-blog {
   background-color: #fff;
   padding: 35px;
   margin-bottom: 60px;
}

.left-featured img {
   max-height: 430px;
   width: 100%;
}

.right-featured .button , .read-more .button, .blogs-more .button{
   background: transparent;
   color: #25CBD6;
   cursor: pointer;
   display: inline-block;
   font-size: 15px;
   letter-spacing: 0.1em;
   padding: 0px;
   text-transform: uppercase;
   vertical-align: top;
   font-weight: bold;
}

.right-featured .button:hover, .read-more .button:hover, .blogs-more .button:hover {
   color: #A186BC 
}

.left-featured {
   display: inline-block;
   vertical-align: middle;
   width: 592px;
}

.featured-text {
   color: #212121;
   font-size: 18px;
   line-height: 29px;
   margin-bottom: 20px;
}


/*Blog End*/
/**Login Styles*/
.login-submit:disabled {
   cursor: default;
   opacity: .5;
}

.form-inner-fields {
   height: 160px;
   position: relative;
}

.password-holder {
   display: inline-block;
   position: relative;
   width: 100%;
}

#show-pass {
   display: inline-block;
   font-size: 14px;
   top: -23px;
   position: absolute;
   right: 0;
   color: #25CBD6; 
}

#show-pass:hover {
   cursor: pointer;
   text-decoration: underline;
}

.form-loading {
   background: rgba(255,255,255, .9);
   display: none;
   height: 100%;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
}

.form-loading img {
   height: 42px;
   left: 50%;
   position: absolute;
   top: 40%;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
}

.login-field {
   background-color: #F6F8FA;
   border: solid 1px #CBD6E2;
   box-sizing: border-box; 
   height: 42px;
   margin-bottom: 10px; 
   margin-top: 0px;
   padding: 0 10px; 
   width: 100%; 
}

.login-submit {
   background: #25CBD6; 
   border-radius: 4px; 
   box-sizing:border-box; 
   color: #fff; 
   display: block; 
   font-weight: 700;  
   font-size: 17px;
   height: 40px; 
   line-height: 40px; 
   margin: 10px 0 0; 
   text-align:center; 
   width: 100%;
}

.form-title {
   color: #444345;
   font-size: 27px;
   font-weight: 700;
   margin-bottom: 15px;
   line-height: 32px;
   width: 100%;
   text-align: center;
}
    
#login-form {
   background: #fff; 
   background-size: cover; 
   box-sizing: border-box; 
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.52); 
   border-radius: 5px; color: #000; left: 50%; 
   font-family: Roboto;
   padding: 50px 33px 40px;
   position: fixed; 
   top: 50%; transform: translate(-50%, -50%); 
   -webkit-transform: translate(-50%, -50%); 
   -moz-transform: translate(-50%, -50%); 
   -o-transform: translate(-50%, -50%); 
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 370px; 
   z-index: 26; 
}

#login-form, #login-mask {
   display: none; 
   opacity: 0;
}

#login-form.active, #login-mask.active {
   opacity: 1;
}

#login-error {
   color: #f00;
   display: none;
   font-size: 13px;
   line-height: 14px;
   padding-top: 20px;
   text-align: center;
   visibility: hidden;
}

.forgot-password {
   color: #25CBD6;
   padding-top: 20px;
   text-align: center;
}

.forgot-password-text:hover {
   text-decoration: underline;
}

.close-login img {
   height: 15px;
}

.close-login {
   cursor: pointer;
   position: absolute;
   right: 15px;
   top: 15px;
}

.login-label {
   color: #444345;
   font-family: Roboto;
   font-weight: normal;
   font-size: 14px;
   line-height: 30px;
}

#login-mask {
   background: rgba(0,0,0,.7); 
   bottom: 0; 
   height: 100%; 
   position: fixed; 
   top: 0; 
   transition: opacity .5s ease; 
   -webkit-transition: opacity .5s ease; 
   width: 100%; 
   z-index: 25;
}

#login-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size: 16px;
   color: #595757;
}
#login-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size: 16px;
   color: #595757;
}
#login-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size: 16px;
   color: #595757;
}
#login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size: 16px;
   color: #595757;
}

.login-link {
   color: #fff;
   clear: left;
   cursor: pointer;
   display: block;
   font-size: 13px;
   right: 70px; 
   bottom: 39px;
   text-transform: uppercase;
   text-align: center;  
}

.quickViewNoDimensions {
   max-height: calc(100% - 180px);
   overflow-y: auto;
   top: 155px!important;
   transform: translate(-50%, 0)!important;
   -webkit-transform: translate(-50%, 0)!important;
}

/**Login Style End*/

.g-recaptcha {
   display: inline-block;
}

#g-recaptcha-error1 , #g-recaptcha-error2 {
   color: #f00;
   font-size: 16px;
}

#g-recaptcha-error1 p, #g-recaptcha-error2 p {
   color: #f00;
   display: inline-block;
   margin-top: 10px;
   margin-bottom: 0px;
}

.recaptcha-holder {
   display: inline-block;
   text-align: center;
   margin-top: 20px;
}


/*Contact Thank you Popup*/
.error {
   border-color: red;
}

.maskModal {
   background: rgba(0,0,0,0.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity .5s ease;
   width: 100%;
   z-index: 25;
}

#loginMask {
   background: rgba(0,0,0,.7);
   bottom: 0;
   height: 100%;
   position: fixed;
   top: 0;
   transition: opacity 1s ease 1s;
   width: 100%;
   z-index: 25;
}

.serviceClose img {
   cursor: pointer;
   height: 20px;
   position: absolute;
   right: 15px;
   top: 15px;
   width: 20px;
}

.login-popup-header {
   color: #43335A;
   font-family: Marcellus;
   font-size: 45px;
   margin-bottom: 10px;
}

#error-message {
   color: #fc0f0f;
   display: none;
}

.login-box .textbox {
   font-size: 25px;
   text-indent: 0em;
   text-align: center;    
   width: 450px;    
}

.login-holder {
   margin-top: 30px;
}

.login-box {
   padding-bottom: 60px;
   padding-top: 50px;
   text-align: center;
}

.login-box p {
   text-align: center;
}

#loginPopup, #loginMask {
   display: none;
   opacity: 0;
}

.login-holder {
   display: inline-block;
   width: 100%;
}

#loginPopup {
   background: #fff;
   border-radius: 5px;
   color: #000;
   display: none;
   left: 50%;
   min-height: 338px;
   overflow-y: auto;
   position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 765px;
   z-index: 26;
}

#contactThanks, #contactMask, #loginMask {
   display: none;
   opacity: 0;
}

.memberThanksInner label {
   color: #fff;
   width: 100%;
}

#memberThanks, #memberMask, #memberMask {
   display: none;
   opacity: 0;
}

#loginMask.active, #loginPopup.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#contactThanks {
   background: #43335a;
   box-sizing: border-box;
   color: #fff;
   left: 50%;
   padding: 65px 0;
   position: fixed;
   text-align: center;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transition: opacity .5s ease;
   width: 520px;
   z-index: 26;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#member-show {
   display: none;
   min-height: 308px;
   position: relative;
   text-align: center;
}

.member-show-inner {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   width: 100%;
}

#member-show h3 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 8px;
}

#memberThanks {
    left: 50%;
    max-height: 80%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: opacity .5s ease;
    width: 650px;
    z-index: 26;
    height: 626px;
}

#memberThanks label {
   line-height: 20px;
   margin-bottom: 5px;
}

#memberThanks .textbox {
   width: 100%
}

#memberThanks .textbox.error {
   border: 1px solid #f00;
}

#memberThanks .left50 {
   margin-right: 2%;
   width: 48%;
}

#memberThanks .right50 {
   margin-left: 2%;
   width: 48%;
}
  

#contactMask.active, #contactThanks.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#memberMask.active, #memberThanks.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

#classMask.active, #classThanks.active {
   display: block;
   opacity: 1;
   transition: opacity .5s ease;
}

.thanks-logo {
   display: block;
   margin-bottom: 50px;
}

.thanksHeader {
   color: #fff;
   display: block;
   font-family: Marcellus;
   font-size: 25px;
   font-weight: bold;
   text-transform: uppercase;
}

.thanksText {
   display: block;
   line-height: 25px;
   margin: 12px auto 20px;
   max-width: 80%;
}

.closeThanks {
   color: #fff;
   cursor: pointer;
   font-size: 69%;
   letter-spacing: 1px;
   position: absolute;
   right: 10px;
   text-transform: uppercase;
   top: -20px;
}

#contactThanks .thanks-icons img {
   height: 35px;
}

#contactThanks .thanks-icons {
   margin-bottom: 0;
}

.story-header {
   display: flex;
}

.story-header p {
   border-bottom: 1px solid rgba(67, 51, 90, .25);
   border-top: 1px solid rgba(67, 51, 90, .25);
   color: #43335A;
   float: left;
   font-family: Marcellus;
   font-size: 23px;
   line-height: 36px;
   margin-bottom: 35px;
   padding-bottom: 32px;
   padding-top: 32px;
}

.left-story {
   float: left;
   margin-bottom: 50px;
   width: 575px;
}

.left-story:first-of-type p {
   color: #43335A;
   font-size: 21px;
   line-height: 36px;
   margin-bottom: 28px;
}

.emphasis {
   color: #43335A;
   font-size: 21px;
   line-height: 36px;
   margin-bottom: 28px;
}

.right-story {
   float: right;
   padding-left: 30px;
   position: relative;
   width: calc(100% - 575px);
}

.right-story img {
   float: right;
   max-width: 100%;
}

.story-block-2 {
   margin-bottom: 50px;
}

.story-2-left {
   float: left;
   width: 490px;
}

.story-2-left img {
   max-width: 100%;
}

.story-2-right {
   float: right;
   padding-left: 47px;
   width: calc(100% - 490px);
}

.holly-leaf {
   display: none;
}

.holly-single {
   display: none;
}

.story-hide-mobile {
   display: none;
}

.holly-story-img-4 {
   display: none;
}

.holly-story-img-5 {
   margin-top: 15px;
}

.holly-mobile-img {
   display: none;
}
/**/

.product-tab {
   background: #43335A;
   border: 1px solid #43335A;
   border-bottom: none;
   color: #fff;
   display: inline-block;
   font-size: 18px;
   font-weight: bold;
   height: 58px;
   line-height: 58px;
   margin-right: 2px;
   text-align: center;
   width: 265px;
}

.product-tab.active {
   background: #fff;
   border-bottom: none;
   color: #43335A;
}

.product-tabs {
   position: relative;
   top: 1px;
}

.products {
   margin-bottom: 75px;
}

h2.purple-header {
   font-weight: normal;
   margin-bottom: 10px;
   padding: 0;
}

.products-top-left {
   float: left;
   width: 205px;
}

.products-top-left img {
   margin-left: -13px;
   max-width: 100%;
}

.products-top-right {
   float: left;
   padding: 10px 0 0 10px;
   width: calc(100% - 210px);
}

.products-top-right .purple-header {
   font-family: Karla;
   font-size: 26px;
   font-weight: bold;
   line-height: 36px;
   position: static;
}

.products-top p {
   color: #43335A;
   font-size: 21px;
   line-height: 36px;
}

.product {
   background-color: #fff;
   border: 1px solid #A79DB5;
   margin-bottom: 20px;
   padding: 25px;
}

.product-top {
   height: 235px;
}

.product-details-top {
   display: inline-block;
   margin-bottom: 15px;
}

.two-col {
   float: left;
   width: 50%;
}

.products-main .two-col:nth-of-type(odd) {
   clear: left;
   padding-right: 10px;
}

.products-main .two-col:nth-of-type(even) {
   padding-left: 10px;
}

.product-img {
   float: left;
   width: 120px;
}

.product-img img {
   max-width: 100%;
}

.product-details {
   float: left;
   padding-left: 10px;
   width: calc(100% - 120px);
}

.product-name {
   color: #43335A;
   font-family: Marcellus;
   font-size: 27px;
   margin-bottom: 10px;
}

.product-img .product-name {
   display: none;
}

.product-info ul, .kit-details ul {
   list-style: disc outside;
   padding-left: 20px;
}

.product-info li, .kit-details li {
   margin-bottom: 8px;
}

.kit-details p + ul {
   margin-top: -15px;
}

.kit-vergage, h3.kit-vergage {
   color: #43335A;
   font-size: 22px;
   font-style: italic;
   font-weight: 300;
   margin-bottom: 20px;
}

.product-button-holder {
   margin-top: 25px;
   text-align: center;
}

.product-button {
   height: 46px;
   line-height: 46px;
   padding: 0;
   width: 230px;
}

.product-button:hover {
   background: #23B8C2;
}

h1.product-title {
   color: #43335A;
   font-family: Marcellus;
   font-size: 45px;
}

.product-detail-img {
   float: left;
   width: 130px;
}

.product-detail-img img {
   max-width: 100%;
}

.product-detail-title {
   float: left;
   padding-left: 15px;
   width: calc(100% - 130px);
}

h3 {
   color: #43335A;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 8px;
}

.product-main .product-info ul {
   margin-bottom: 40px;
}

.product-main .product-info ul:last-of-type {
   margin-bottom: 0;
}

#product-left.border-on {
   border-right: 1px solid #DBDBDB;
}

#product-right.border-on {
   border-left: 1px solid #DBDBDB;
}

#product-left {
   padding-right: 35px;
}

.product-info h6 {
   font-size: 12px;
   margin-top: 15px;
}

#product-right {
   padding-left: 35px;
}

.back-breadcrumb {
   margin-bottom: 15px;
}

.back-breadcrumb img {
   float: left;
   height: 20px;
   margin-right: 14px;
   width: 20px;
}

.bread-text {
   font-size: 17px;
   color: #43335A;
   font-weight: bold;
}

.embed-container { 
   position: relative; 
   padding-bottom: 56.25%; 
   height: 0; 
   overflow: hidden; 
   max-width: 100%;  
} 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.embed-container iframe {
   border: none;
}

.video-outer {
   box-sizing: border-box;
   width: 100%;
}

#product-right .video-container {
   margin-bottom: 25px;
}

.product-contact {
   background: #43335A;
   color: #fff;
   padding: 25px 30px;
}

.product-contact.mobile {
   display: none;
}

.product-contact .textbox {
   margin: 0 15px 0 0;
   text-indent: 0em;
   padding: 0 10px;
   width: calc(100% - 175px);
}

.product-contact .textbox.error {
   background-color: #f69999;
}

.started-form .textbox.error {
   background-color: #f69999;
   border: 1px solid #f00;
}

.product-contact-title {
   font-family: Marcellus;
   font-size: 22px;
   margin-bottom: 8px;
}

.product-contact p {
   margin-bottom: 15px;
}

.left-login {
   float: left;
   margin-right: 1%;
   width: 49%;
}

.right-login {
   float: left;
   margin-left: 1%;
   width: 49%;
}

.left-login h2.number-header , .right-login h2.number-header {
   color: #fff;
}

.left-login, .right-login {
   background-color: #43335A;
   color: #fff;
   padding: 30px;
   text-align: center;
}

.thirds-block.thirds-member {
   display: flex;
   flex-flow: row wrap;
}

.thirds-block {
   display: inline-block;
   width: 100%;
}

.thirds-block .thirds p a {
   color: #25CBD6;
}

.thirds-block .thirds p a:hover {
   text-decoration: underline;
}

.thirds-block .thirds {
   clear: right;
}

.checklist-box {
   background-color: #fff;
   margin-bottom: 125px;
   padding: 50px;
   text-align: center;
   -webkit-box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
   -moz-box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
   box-shadow: 0px 16px 28px -8px rgba(173,173,173,1);
}

.thirds {
   float: left;
   padding: 0 25px;
   width: 33.33%;
}

.third-img {
   margin-bottom: 20px;
}

.third-header {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 12px;
}

.login-header {
   font-size: 30px;
   font-family: Marcellus;
   margin-bottom: 9px;
}

.member-content {
   margin-bottom: 100px;
}

.member-content.no-events {
   margin-bottom: 30px;
}

.right-login img {
   margin-bottom: 20px;
   max-width: 100%;
}

.left-login img {
   margin-bottom: 20px;
   max-width: 100%;
}

.started-form .button.submit {
   margin-top: 20px;
}

.started-form .textbox.error {
   border: 1px solid #f00;
}

.started-form .left50 {
   margin-right: 1%;
   width: 49%;
}

.button-holder {
   text-align: center;
}

.button-holder .button {
   float: none;
}

.started-form .right50 {
   margin-left: 1%;
   width: 49%;
}

.started-form {
   font-size: 16px;
   margin: auto;
   width: 850px;
}

.started-form label {
   color: #fff;
   text-align: left;
   width: 100%;
}

.started-form .textbox {   
   width: 100%;
}

.started-form .textarea{
   width: 100%;
}

.getting-started {
   background-color: #43335A;
   color: #fff;
   font-family: Marcellus;
   padding: 125px 0;
   text-align: center;
}

.getting-started-header {
   font-size: 39px;
   margin-bottom: 30px;
}

.blue {
   color: #25CBD6;
}

.show-tab {
   display: none;
}

.show-tab.active {
   display: block;
}

.right-benefit p {
   display: inline-block;
   margin-top: 15px;
   width: 100%;
}

.benefit {
   display: inline-block;
   margin-bottom: 65px;
}

.content-container.member {
   padding: 0;
}

.powered {
   float: right;
   width: 227px;
}

/*Carousel*/

.home-events-box {
   height: auto;
   margin-bottom: 75px;
   margin-top: 75px;
   padding: 0 0 0;
   position: relative;
}

.carousel {
   margin-top: 100px;
}

#vert-spacer {
   height: 100%;
   padding: 0 0 20px;
   /*position: absolute;*/
}

#vert-inner {
   height: 100%;
   width: 5px;
}

#space-inner {
   height: 1px;
   width: 100%;
}

.carousel-outer {
   box-sizing: border-box;
   margin-bottom: 50px;
   position: relative;
}

#space-outer, .carousel-outer {
   padding: 0 45px;
}

.carousel-inner {
   overflow: hidden;
   position: relative;
   width: 100%;
}

.events-block .carousel-layer .carousel-inner {
   height: auto;
}

.carousel-layer .carousel-inner {
   height: 400px;
}

.carousel-row {
   box-sizing: border-box;
   position: absolute;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   -webkit-transform-style: preserve-3d;
}

.carousel-row:nth-of-type(1) {
   -webkit-transform: translateX(0%) translateZ(0);
   transform: translateX(0%) translateZ(0);
}

.carousel-row:nth-of-type(2) {
   -webkit-transform: translateX(100%) translateZ(0);
   transform: translateX(100%) translateZ(0);
}

.carousel-row:nth-of-type(3) {
   -webkit-transform: translateX(200%) translateZ(0);
   transform: translateX(200%) translateZ(0);
}

.carousel-row:nth-of-type(4) {
   -webkit-transform: translateX(300%) translateZ(0);
   transform: translateX(300%) translateZ(0);
}

.carousel-inner.active .carousel-row {
   -webkit-transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
}

.carousel-row {
   -webkit-transform: translateX(800%) translateZ(0);
   transform: translateX(800%) translateZ(0);
   height: 400px;
   padding: 0 0px;
   width: 25%;
}

.carousel-row:nth-of-type(4n+1) {
    padding: 0 0px;
    width: 25%;
}

.carousel-row-outer img {
   max-width: 100%;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility:    hidden;
   backface-visibility:     hidden;
   -moz-backface-visibility:    hidden;
   width: 100%;
}

.carousel-row-outer {
   height: 100%;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   width: calc(100% - 30px);
}

.carousel-row-inner {
   padding: 0px;
}

.photoOverlay {
   background: #35bdf6;
   height: 100%;
   opacity: 0;
   position: absolute;
   -webkit-transition: opacity .5s ease;
   transition: opacity .5s ease;
   width: 100%;
}

.carousel-row:hover .photoOverlay {
   opacity: .7;
}

.carousel-row:hover .carousel-row-outer img {
   -webkit-backface-visibility: hidden;
   backface-visibility:  hidden;
   -moz-backface-visibility:    hidden;
}

.photoText {
   color: #fff;
   font-size: 20px;
   left: 0;
   margin: auto;
   opacity: 0;
   position: absolute;
   right: 0;
   text-align: center;
   top: 50%;
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: opacity .5s ease;
   transition: opacity .5s ease;
   width: 80%;
}

.carousel-row:hover .photoText {
   opacity: 1;
}

.arrow-next-member {
   width: 20px;
   height: 10px;
}

.arrow-last-member {
   height: 10px;
   width: 20px;
}

.photo-inner {
   height: 100%;
   position: relative;
   width: 100%;
}

.carousel-arrow.right {
   position: absolute;
   right: 0px;
}

.carousel-arrow.left {
   position: absolute;
   left: 0px;
}

.carousel-arrow {
   top: 35%;
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.carousel-arrow img {
   display: block;
   height: 16px;
   width: 12px;
}

.smallSlideArrow {
   height: 23px;
   width: 23px;
}

.off .smallSlideArrow {
   display: none;
}

.arrow-icon {
   font-size: 30px;
}

.home-upcoming .arrow-icon {
   color: #F0C415;
}

.carousel-outer .disabled {
   cursor: default;
   opacity: 0.5;
}

.disabled .arrow-icon {
   opacity: .5;
}

.carousel-arrow {
   background-color: #43335A;
   cursor: pointer;
   padding: 13px 15px;
   z-index: 1;
}

.carousel-arrow.off {
   display: none;
}

/*** Landing Pages ***/
.landing-page {
   margin-bottom: 140px;
}

.landing-page h1,
.landing-page h2,
.landing-page h3,
.landing-page h4 {
   color: #43335A;
}

h1.landing-page__title {
   font-family: Marcellus, serif;
   font-size: 58px;
   line-height: 1;
   margin-bottom: 25px;
   text-align: center;
}

h2.landing-page__h2 {
   font-size: 26px;
   font-weight: 700;
   line-height: 1.3;
   text-align: center;
}

h3.landing-page__h3 {
   font-family: Marcellus, serif;
   font-size: 30px;
   font-weight: 500;
   line-height: 1.3;
}

h4.landing-page__h4 {
   color: #212121;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
}

p.landing-page__intro {
   font-size: 19px;
   line-height: 1.6;
   text-align: center;
}

.landing-page ul {
   padding-left: 25px;
}

.landing-page ul li {
   list-style-type: disc;
   margin-bottom: 10px;
}

   .landing-page ul li::marker {
      color: #25CBD6;
   }

.landing-page__form {
   background: #fff;
   box-shadow: 0px 0px 30px #00000086;
   padding: 60px;
   margin-top: 50px;
   text-align: center;
}

h2.landing-page__form-title {
   color: #43335A;
   font-family: Marcellus, serif;
   font-size: 40px;
   margin-bottom: 15px;
}

.landing-page__form form {
   margin-top: 40px;
   text-align: left;
}

.landing-page__form label {
   font-family: Marcellus !important;
   font-size: 16px !important;
   margin-bottom: 5px;
}

.landing-page__form label,
.landing-page__form input {
   display: inline-block;
   width: 100%;
   text-align: left;
}

.landing-page__form input[type="text"] {
   background: #EFEFEF; 
   box-sizing: border-box;
   height: 50px;
   padding-left: 1em;
   padding-right: 1em;
}

   .landing-page__form input[type="submit"] {
      border-radius: 0px;
      color: #fff !important;
      font-family: Karla !important;
      font-weight: 500 !important;
      display: block;
      margin: 25px auto 0;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      width: max-content;
      min-width: 200px;
   }

   .landing-page__form .dl-cf-form-input {
      margin-bottom: 20px;
   }

.landing-page__content img {
   box-sizing: border-box;
   max-width: 100%;
   margin: 0 auto 1.5em;
   display: block;
}

@media screen and (max-width: 1200px) {

   h1.landing-page__title {
      font-size: 40px;
   }

   h2.landing-page__h2 {
      font-size: 21px;
   }

   h2.landing-page__form-title {
      font-size: 30px;
   }

}

@media screen and (max-width: 580px) {

   .landing-page__form {
      padding: 30px;
   }

   .landing-page__form .dl-cf-form-input {
      padding: 0 !important;
      width: 100% !important;
   }
}

/** **/

/*** Page Components ***/
.component::after,
.media::after,
.gallery::after,
.accordion::after {
   content: '';
   display: block;
   width: 100%;
}

.media {
   box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 1.5em;
   width: 100%;
}

.media__img {
   width: calc(35% - 1.5em);
   margin-right: 1.5em;
}

   .media__img img {
      max-height: 100%;
      width: 100%;
      object-fit: cover;
   }

.media__content {
   width: 65%;
}

   .media__content > * {
      text-align: left !important;
   }

   .media__content p:last-child {
      margin-bottom: 0;
   }

@media screen and (max-width: 768px) {
   .media__img {
      width: calc(47% - 1.5em);
   }

   .media__content {
      width: 50%;
   }
}

@media screen and (max-width: 580px) {
   .media__img {
      margin: 0 0 1.5em;
   }

   .media__img,
   .media__content {
      max-width: 100%;
      width: 100%;
   }

}

/*** Accordion ***/
.accordion {
   display: inline-block;
   margin-bottom: 1em;
   width: 100%;
}

.accordion__toggle {
   background: #14164A;
   border-radius: 2px;
   color: #fff !important;
   font-size: 24px !important;
   font-family: Marcellus, serif;
   font-weight: normal;
   margin-top: 8px 0 0;
   padding: 8px 15px;
   cursor: pointer;
   box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
}

   .accordion.active .accordion__toggle, .accordion__toggle:hover {
      background: #55BFED;
      color: white;
      transition: 0.2s ease-out all;
   }

   .accordion__toggle:before {
      color: #fff;
      content: "+";
      content: '\002B'; 
      font-size: 32px;
      font-weight: 500;
      line-height: 1;
      margin-right: 15px;
   }

.accordion.active .accordion__toggle:before {
   content: "-";
   font-size: 40px;
}

.accordion__panel {
   display: none;
   height: 0;
   opacity: 0;
   padding: 1em 0px 0px;
}

.accordion__panel p:last-child {
   margin-bottom: 0;
}

.accordion.active .accordion__panel, .top-toolbar-in-use .accordion__panel {
   display: inline-block;
   height: 100%;
   opacity: 1;
   transition: 0.5s ease-out all;
   width: 100%;
}

/*** Galleries ***/
.gallery {
   box-sizing: border-box;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 100%;
}

.gallery > br {
   display: none;
}

.gallery > img {
   margin: 0 0 1.5em;
}

.gallery--2col > img {
   width: calc(50% - 0.75em);
}

.gallery--3col > img {
   width: calc(33% - 0.75em);
}

@media screen and (max-width: 580px) {
   .gallery > img {
      width: 100% !important;
   }
}

/**/

@media screen and (max-width: 1920px) {
   .diamond-header {
      background-image: url('../images/diamond-header-1920.jpg');
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      padding: 70px 0 50px;
   }
}

@media screen and (max-width: 1600px) {
   .content-container.blog {
      padding: 0 50px;
   }
}

         @media screen and (max-width: 1450px) {
            .right-featured {
               padding-left: 80px;
            }

            .content-container.member {
               padding: 0 50px;
            }

            header .content-container {
               padding: 0 50px;
            }

            .content-container.members {
               padding: 0 50px;
            }
         }

         @media screen and (max-width: 1350px) {
            .members .button {
               margin-left: 40px;
            }

            .nav ul li {
               margin-left: 40px;
            }

            .purple-seasonal {
               padding-bottom: 100px;
            }

            .contact-left {
               padding-right: 30px;
            }

            .contact-right {
               padding-left: 30px;
            }

            .left-video {
               margin: auto;
               text-align: center;
               width: 100%;
            }

            .video-header {
               padding-top: 40px;
            }

            .right-video {
               display: inline-block;
               margin-left: auto;
               margin: auto;
               position: relative;
               text-align: center;
               right: auto;
               width: 100%;
            }

            .video-holder {
               display: inline-block;
               margin-top: 0px;
               margin: auto;
               position: relative;
               text-align: center;
            }

            .video-button {
               margin-bottom: 35px;
            }
         }

         @media screen and (max-width:1300px) {
            .contact-box .contact-right .button.submit {
               float: left;
            }

            .feaured-blog-header {
               font-size: 30px;
               line-height: 31px;
            }

            .left-featured {
               width: 542px;
            }

            .right-featured {
               padding-left: 50px;
               width: calc(100% - 547px);
            }

            .contact {
               margin-top: 100px;
            }

            .left-benefit {
               width: 500px;
            }

            .right-benefit {
               padding-left: 40px;
               width: calc(100% - 505px);
            }

            .pre-contact {
               float: right;
               padding-left: 34px;
               width: calc(100% - 146px);
            }

            .left-image {
               display: none;
            }

            .left-image.mobile {
               display: block;
            }

            .contact-oil-1 {
               right: -80px;
               top: -100px;
            }

            .contact-oil-2 {
               bottom: -60px;
               left: -66px;
            }

            .contact-box {
               padding: 42px 53px;
            }

            .contact-right .right-contact {
               width: 100%;
            }

            .contact-right .left-contact {
               width: 100%;
            }

            .contact-right .checkboxes {
               float: left;
               padding-left: 72px;
               width: 50%;
            }

            .input-fields {
               float: left;
               width: 50%;
            }

            .contact-left, .contact-right {
               border-left: none;
               border-right: none;
               padding-left: 0px;
               padding-right: 0px;
               width: 100%;
            }

            .contact-left {
               border-bottom: 1px solid #685583;
               min-height: 0;
            }

            .contact-right {
               border-top: 1px solid #685583;
               padding-top: 50px;
            }

            .video-block .content-container {
               padding: 0 50px;
            }

            .learn-more-block .content-container {
               padding: 0 50px;
            }

            .content-container, .home-top .content-container {
               padding: 0 50px;
            }

            .holly-block {
               padding: 0 67px;
               padding-bottom: 120px;
            }

            .purple-seasonal .content-container {
               padding: 0 50px;
            }

            .index-br {
               display: none;
            }

            .momma-header {
               font-size: 48px;
            }

            .amboh-white {
               left: 50px;
            }

            .doterra-seal {
               left: 225px;
            }

            .social-icons {
               right: 50px;
            }

            .wholesale-link {
               margin-bottom: 50px;
               text-align: left;
            }

            .product-top {
               height: 218px;
            }
         }

         @media screen and (max-width:1250px) {
            .nav ul li {
               margin-left: 30px;
            }

            .members .button {
               margin-left: 30px;
            }

            .left-started {
               display: inline-block;
               width: 575px;
            }

            .right-started {
               float: right;
               width: calc(100% - 575px);
            }

            .left-home {
               float: left;
               text-align: center;
               width: 565px;
            }

            .right-home {
               float: left;
               width: calc( 100% - 565px);
            }

            .product-top {
               height: 236px;
            }
         }

         @media screen and (max-width:1200px) {
            .members .button {
               margin-top: 0px;
            }

            .story-header p {
               font-size: 21px;
               line-height: 31px;
               margin-bottom: 25px;
               padding-bottom: 15px;
               padding-top: 15px;
            }

            .blog-img img {
               max-height: 250px;
            }

            .featured-blog {
               padding: 20px;
            }

            .right-featured {
               padding-left: 35px;
               width: calc(100% - 437px);
            }

            .left-featured {
               width: 432px;
            }

            .diamond-header {
               padding: 50px 0 30px;
            }

               .diamond-header .started-header {
                  font-size: 40px;
                  margin-bottom: 20px;
               }

            .member-text h2 {
               font-size: 24px;
               line-height: 27px;
            }

            .events-half .event-name {
               font-size: 27px;
               line-height: 33px;
            }

            .left-purple {
               padding-right: 75px;
            }

            .fifth-header, h2.fifth-header {
               line-height: 30px;
               font-size: 24px;
            }

            .events-half .event {
               width: 47.5%;
            }

               .events-half .event:nth-of-type(1) {
                  margin-right: 2.5%;
               }

               .events-half .event:nth-of-type(2) {
                  margin-left: 2.5%;
               }

            .members {
               margin-top: 8px;
            }

            .right-download h2.number-header {
               font-size: 35px;
               margin-bottom: 10px;
            }

            .left-benefit {
               width: 450px;
            }

            .right-benefit {
               padding-left: 40px;
               width: calc(100% - 455px);
            }

            .product-detail-title {
               padding-left: 10px;
            }

            h1.product-title {
               font-size: 35px;
            }

            .left-why {
               width: 550px;
            }

            .right-why {
               width: calc(100% - 550px);
            }

            .left-started {
               width: 530px;
            }

            .topical-right img {
               float: right;
               max-width: none;
               width: 454px;
            }

            .topical-left {
               width: calc(100% - 454px);
            }

            .name-header {
               font-size: 18px;
            }

            .black-header {
               font-size: 20px;
            }

            .learn-left {
               background-position: 50% 50%;
               height: 676px;
               width: 344px;
            }

            .learn-right {
               width: calc( 100% - 344px);
            }

            .momma-header {
               font-size: 42px;
            }

            .emphasis {
               font-size: 19px;
               line-height: 32px;
            }

            .holly-single {
               height: auto;
               width: 375px;
            }

            .social-icons.mobile {
               position: static;
            }

               .social-icons.mobile img {
                  margin-left: 15px;
                  margin-right: 15px;
                  float: none;
               } 
            
         }

         @media screen and (max-width:1150px) {
            .holly-text {
               padding-top: 40px;
            }

            .right-started img {
               float: right;
               height: 518px;
               width: 450px;
            }

            .home-header-img {
               height: 325px;
               margin-right: -30px;
               width: 325px;
            }
         }

         @media screen and (max-width: 1100px) {
            .footer-nav {
               display: none;
            }

            .product-contact .textbox {
               margin: 0;
               width: 100%;
            }

            .product-contact .button.submit-button {
               margin-top: 15px;
            }

            .featured-text {
               font-size: 16px;
               line-height: 26px;
            }

            .content-container.blog-details {
               padding: 0 50px;
               width: 100%;
            }

            .content-container .blog-details {
               width: 100%;
            }

            .blog-details .blog-head-title {
               font-size: 47px;
               line-height: 52px;
            }

            .left-featured {
               width: 400px;
            }

            .content-container.blog .purple-header {
               position: static;
            }

            .blog-img img {
               max-height: 308px;
               width: 100%;
            }

            .blog-third {
               float: left;
               margin-bottom: 50px;
               padding-left: 1%;
               padding-right: 1%;
               width: 50%;
            }

            .starter-kit-block.wrap .left-kit {
               padding-bottom: 0px;
               width: 400px;
            }

            .products-top-left {
               margin-top: -13px;
            }

            .left-kit {
               padding-right: 40px;
               width: 470px;
            }

            .right-kit {
               width: calc(100% - 475px);
            }

            .c-block {
               margin-bottom: 80px;
            }

            .top-purple {
               margin-bottom: 75px;
            }

            .left-purple {
               padding-right: 0px;
               width: 100%;
            }

            .right-purple {
               margin-top: 20px;
            }

            .five-ways .fifth:nth-of-type(4) {
               clear: left;
            }

            .five-ways .fifth {
               margin-bottom: 25px;
               width: 31.33%;
            }

            .right-download {
               padding-left: 75px;
            }

            .thirds:nth-of-type(odd) {
               clear: left;
            }

            .thirds {
               float: left;
               padding: 0 25px;
               width: 50%;
            }

            h2.number-header, .number-header {
               font-size: 25px;
            }

            .right-benefit p {
               font-size: 15px;
               line-height: 25px;
            }

            .footer-nav li {
               color: #fff;
               display: inline-block;
               margin: 0 15px;
            }

            .product-details-top {
               margin-bottom: 5px;
            }

            .product-info li {
               margin-bottom: 5px;
            }

            .product-main .product-info ul {
               margin-bottom: 23px;
            }

            h1.product-title {
               font-size: 29px;
            }

            .purple-header.oils {
               position: static;
            }

            .products-top-right {
               padding-top: 0px;
            }

            .product-name {
               font-size: 21px;
            }

            .products-top p {
               font-size: 19px;
               line-height: 31px;
            }

            .cares-block {
               background-color: #43335A;
               color: #fff;
               margin-bottom: 100px;
               margin-top: 70px;
               padding: 44px 40px;
            }

            .contact .content-container {
               padding: 0 54px;
            }

            .oil-name {
               margin-bottom: 10px;
            }

            .holly-block {
               padding: 0 40px;
               padding-bottom: 120px;
            }

            .home-header-img {
               margin-right: -50px;
            }

            .momma-header {
               line-height: 48px;
            }

            .left-story {
               width: 560px;
            }

            .right-story {
               width: calc(100% - 560px);
            }

            .holly-leaf {
               right: -62px;
            }

            .right-why img {
               height: 469px;
               width: 391px;
            }

            .left-why {
               width: 480px;
            }

            .right-why {
               width: calc(100% - 480px);
            }

            .certified-mobile {
               display: inline-block;
               margin-bottom: 38px;
               width: 100%;
            }

            .certified-left {
               display: none;
            }

            .certified-right {
               float: left;
               padding-left: 0px;
               width: 100%;
            }

            .purple-header.topical {
               margin-top: -70px;
            }

            .right-started img {
               float: right;
               height: 460px;
               width: 400px;
            }

            .left-started {
               width: 70%;
            }

            .right-started {
               position: absolute;
               right: 20px;
               top: 100px;
            }

            .started-text {
               width: 80%;
            }

            .started {
               position: relative;
            }

            .topical-right img {
               position: relative;
               width: 418px;
               z-index: 4;
            }

            .topical-left {
               width: calc(100% - 418px);
            }

            .internal-box {
               margin-left: -170px;
            }

            .topical-box {
               margin-right: -170px;
               position: relative;
               z-index: 5;
            }

            .purple-aromatic {
               margin-left: -170px;
            }

            .learn-header {
               font-size: 32px;
            }

            .video-header {
               font-size: 32px;
               line-height: normal;
               padding-bottom: 25px;
               padding-top: 75px;
            }

            .seasonal-header, .events-header {
               font-size: 32px;
            }

            .top-content {
               font-size: 16px;
               line-height: 26px;
            }

            .name-header {
               font-size: 16px;
            }

            .holly-header {
               font-size: 32px;
            }

            .holly-img {
               height: 274px;
               width: 274px;
            }

            .holly-text {
               padding-left: 30px;
               padding-top: 35px;
               width: calc(100% - 280px);
            }

            .holly-block {
               margin-top: 100px;
            }

            .event-name {
               font-size: 20px;
            }

            .purple-seasonal {
               padding-bottom: 100px;
               padding-top: 63px;
            }

            .products {
               padding: 40px 35px;
            }

            .product-top {
               height: 255px;
            }

            .product-img {
               width: 100px;
            }

            .product-details {
               width: calc(100% - 100px);
            }



            .social-icons.mobile .yt-foot {
               float: none;
               margin: 0 10px;
               margin-bottom: 2px;
               padding: 0;
            }

            .social-icons.mobile .fb-foot {
               float: none;
               margin: 0 10px;
               padding: 0;
            }

            .social-icons.mobile .insta-foot {
               float: none;
               margin: 0 10px;
               padding: 0;
            }

            .social-icons.mobile .pin-foot {
               float: none;
               margin: 0 10px;
               padding: 0;
            }

            .social-icons.mobile {
               bottom: 40px;
               left: 0;
               right: 0;
               top: auto;
               width: 100%;
            }

            .purple-header {
               left: 50px;
               position: absolute;
            }

               .purple-header.story {
                  position: static;
               }

               .purple-header.why {
                  position: static;
               }

               .purple-header.internal {
                  margin-top: -75px;
               }

            .right-internal {
               margin-top: 0px;
            }

            .learn-more-block.home {
               margin-top: 110px;
            }

            .carousel-row:nth-of-type(3n+1), .carousel-row:nth-of-type(3n+2), .carousel-row:nth-of-type(3n+3) {
               width: 33.3333%;
            }
         }

         @media screen and (min-width: 1001px) {
            #navMobile {
               display: none !important;
            }
         }

         @media screen and (max-width: 1000px) {
             .members .button {
               margin-top: 0;
               margin-right: 50px;
               padding: 13px 25px;
            }

            .nav {
               display: none
            }

            #nav {
               display: none;
            }

            #mobileMenuLink.editing, #mobileCloseLink.editing {
               top: 90px;
            }

            .main-body.editing.top-toolbar-in-use #mobileMenuLink.editing {
               top: 133px;
            }



            #mobileMenuLink, #mobileCloseLink {
               background: #25CBD6;
               display: block;
               height: 44px;
               position: fixed;
               right: 30px;
               top: 30px;
               z-index: 21;
            }

            #navMobile {
               background: #43335A;
               display: none;
               height: 100%;
               left: 0;
               opacity: 0;
               overflow-y: scroll;
               position: fixed;
               text-align: center;
               top: 0;
               transform: scale(1.2,1.2);
               -webkit-transform: scale(1.2,1.2);
               -o-transform: scale(1.2,1.2);
               -moz-transform: scale(1.2,1.2);
               -ms-transform: scale(1.2,1.2);
               transition: opacity .5s ease, transform .3s ease;
               -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
               -o-transition: opacity .5s ease, transform .3s ease;
               -moz-transition: opacity .5s ease, transform .3s ease;
               width: 100%;
               z-index: 20;
            }

               #navMobile.active {
                  opacity: .98;
                  right: 0px;
                  transform: scale(1,1);
                  -webkit-transform: scale(1,1);
                  -o-transform: scale(1,1);
                  -moz-transform: scale(1,1);
                  -ms-transform: scale(1,1);
                  transition: opacity .5s ease, transform .3s ease;
                  -webkit-transition: opacity .5s ease, -webkit-transform .3s ease;
                  -o-transition: opacity .5s ease, transform .3s ease;
                  -moz-transition: opacity .5s ease, transform .3s ease;
               }

            .vertCenter {
               display: inline-block;
               height: 100%;
               vertical-align: middle;
               width: 0;
            }

            #navMobile #linksHolder {
               display: inline-block;
               font-size: 30px;
               vertical-align: middle;
            }

            #navMobile li {
               color: #fff;
               font-family: Marcellus;
               font-size: 25px;
               padding: 13px 25px;
            }

               #navMobile li:hover {
                  color: #25CBD6;
               }


               #navMobile li.active {
                  color: #25CBD6;
               }

            #navIcon {
               width: 25px;
               height: 23px;
               margin: 10px;
               position: relative;
               -webkit-transform: rotate(0deg);
               -moz-transform: rotate(0deg);
               -o-transform: rotate(0deg);
               transform: rotate(0deg);
               -webkit-transition: .5s ease-in-out;
               -moz-transition: .5s ease-in-out;
               -o-transition: .5s ease-in-out;
               transition: .5s ease-in-out;
               cursor: pointer;
            }

               #navIcon span {
                  background: #fff;
                  display: block;
                  height: 2px;
                  left: 0;
                  opacity: 1;
                  position: absolute;
                  transform: rotate(0deg);
                  -webkit-transform: rotate(0deg);
                  -moz-transform: rotate(0deg);
                  -o-transform: rotate(0deg);
                  transition: .25s ease-in-out;
                  -webkit-transition: .25s ease-in-out;
                  -moz-transition: .25s ease-in-out;
                  -o-transition: .25s ease-in-out;
                  width: 100%;
               }

                  #navIcon span:nth-child(1) {
                     top: 0px
                  }

                  #navIcon span:nth-child(2), #navIcon span:nth-child(3) {
                     top: 10px
                  }

                  #navIcon span:nth-child(4) {
                     top: 20px
                  }

               #navIcon.open span {
                  background: #fff;
               }

                  #navIcon.open span:nth-child(1) {
                     left: 50%;
                     top: 18px;
                     width: 0%;
                  }

                  #navIcon.open span:nth-child(2) {
                     transform: rotate(45deg);
                     -webkit-transform: rotate(45deg);
                     -moz-transform: rotate(45deg);
                     -o-transform: rotate(45deg);
                  }

                  #navIcon.open span:nth-child(3) {
                     transform: rotate(-45deg);
                     -webkit-transform: rotate(-45deg);
                     -moz-transform: rotate(-45deg);
                     -o-transform: rotate(-45deg);
                  }

                  #navIcon.open span:nth-child(4) {
                     left: 50%;
                     top: 18px;
                     width: 0%;
                  }

            .nav-arrow {
               height: 14px;
               padding-left: 10px;
               padding-top: 6px;
               right: 25px;
               width: 11px;
               transition: ease-in-out 0.25s;
               padding-left: 15px;
            }

            .open .nav-arrow {
               transform: rotate(90deg);
               -webkit-transform: rotate(90deg);
            }

            #navMobile li.open {
               padding: 0 15px 17px;
            }

               #navMobile li.open .nav-arrow {
                  padding-bottom: 5px;
                  padding-left: 0px;
                  transform: rotate(90deg);
                  -webkit-transform: rotate(90deg);
                  transition: ease-in-out 0.25s;
                  padding-left: 23px;
                  padding-bottom: 15px;
               }

            #linksHolder ul.mobileSub li.active {
               font-weight: bold;
            }

            #linksHolder .mobileSub.active {
               max-height: 500px;
               transition: max-height .5s ease;
               -webkit-transition: max-height .5s ease;
            }

            #linksHolder ul.mobileSub li {
               font-size: 18px;
               padding: 5px 15px;
            }

            #linksHolder .mobileSub {
               max-height: 0;
               overflow: hidden;
               transition: max-height .5s ease;
               -webkit-transition: max-height .5s ease;
            }

               #linksHolder .mobileSub li {
                  position: relative;
               }

                  #linksHolder .mobileSub li:first-of-type {
                     padding-top: 20px;
                  }

            .content-holder .content-image {

               width: 335px;
            }

            .content-holder .content-text {
               float: right;
               width: calc(100% - 335px);
            }

            .content-holder.reverse .content-image {

               width: 335px;
            }

            .content-holder.reverse .content-text {
               width: calc(100% - 335px);
            }

            .product-contact .button.submit-button {
               margin-top: 0px;
            }

            .contact-box .contact-right .button.submit {
               float: right;
            }

            .learn-box {
               display: inline-block;
               width: 100%;
            }

            .cares-right {
               display: none;
            }

            .cares-left {
               float: left;
               padding-right: 0px;
               width: 100%;
            }

            .blog-third .blog-title {
               font-size: 27px;
               line-height: 30px;
            }

            .featured-blog {
               display: none;
            }

            .blog-third.featured {
               display: block;
            }

            .g-disclaimer {
               padding-top: 20px;
            }

            .starter-kit-block.wrap .left-kit {
               padding-bottom: 40px;
               width: 350px;
            }

            .diy-block .left50 {
               float: left;
               margin-right: 0%;
               width: 100%;
            }

               .diy-block .left50 p {
                  margin-bottom: 30px;
                  min-height: initial;
               }

            .diy-block .right50 p {
               margin-bottom: 30px;
               min-height: initial;
            }

            .diy-block .right50 {
               float: left;
               margin-left: 0%;
               width: 100%;
            }

            .difuser-line .diffuser-quarter:nth-of-type(1), .difuser-line .diffuser-quarter:nth-of-type(3) {
               clear: left;
            }

            .difuser-line {
               margin-bottom: 0;
            }

            .diffuser-quarter {
               float: left;
               padding-left: 1%;
               padding-right: 1%;
               width: 50%;
            }

            .left-kit {
               width: 400px;
            }

            .right-kit {
               width: calc(100% - 405px);
            }

            .diamond-header .diamond-center p {
               width: 100%;
            }

            .member-block {
               margin-bottom: 75px;
               margin-top: 0px;
            }

            .member-top {
               text-align: center;
               margin-bottom: 20px;
            }

            .contact {
               margin-top: 50px;
            }

            .login-header {
               font-size: 25px;
               margin-bottom: 5px;
            }

            .started-form {
               width: 100%;
            }

            .c-header {
               margin-bottom: 10px;
            }

            .c-block .c-third.left {
               padding-right: 0%;
            }

            .c-block .c-third.last {
               padding-left: 0%;
            }

            .c-block .c-third.middle {
               padding-left: 0%;
               padding-right: 0%;
            }

            .c-block {
               text-align: left;
            }

            .c-third {
               margin-bottom: 50px;
               width: 100%
            }

            .c-image {
               float: left;
               margin-bottom: 0px;
               width: 300px;
            }

            .c-details {
               display: inline-block;
               padding-left: 20px;
               width: calc(100% - 305px);
            }

            .events-half .event-img {
               float: left;
               width: 300px;
            }

            .events-half .event-name-details {
               padding-left: 20px;
               width: calc(100% - 305px);
            }

            .events-half .event:nth-of-type(1) {
               margin-right: 0;
            }

            .events-half .event:nth-of-type(2) {
               margin-left: 0%;
            }

            .events-half .event {
               width: 100%;
            }

            .members .button {
               font-size: 15px;
               padding: 9.5px 25px;
            }

            .poweredBy {
               padding-top: 10px;
            }

            .getting-started {
               font-size: 35px;
               padding: 100px 0;
            }

            .right-download {
               padding-left: 50px;
            }

            .right-download h2.number-header {
               font-size: 30px;
            }

            .benefit {
               display: inline-block;
               margin-bottom: 40px;
            }

            .right-benefit p {
               display: inline-block;
               margin-top: 10px;
            }

            .number {
               margin-top: 2px;
            }

            h2.number-header, .number-header {
               font-size: 23px;
            }

            .left-benefit {
               width: 325px;
            }

            .right-benefit {
               padding-left: 30px;
               width: calc(100% - 330px);
            }

            .bottom-foot {
               margin: auto;
               text-align: center;
            }

            #product-left.border-on, #product-right.border-on {
               border: none;
            }

            .product-tab {
               width: 220px;
            }

            .products-top {
               padding: 0px;
            }

            .product {
               border: 1px solid #A79DB5;
               margin-bottom: 20px;
               padding: 23px 37px;
            }

            .product-top {
               height: 385px;
            }

            .product-name {
               display: none;
            }

            .product-img {
               float: none;
               margin: auto;
               text-align: center;
            }

               .product-img .product-name {
                  display: block;
                  margin: auto;
                  text-align: center;
               }

            .product-details {
               width: 100%;
            }

            .products-top-right .purple-header {
               font-size: 27px;
               line-height: 33px;
            }

            .products-top p {
               font-size: 17px;
               line-height: 27px;
            }

            .submit-button {
               height: 46px;
               padding: 14px 25px;
            }

            .product-contact .textbox {
               width: calc(100% - 125px);
            }

            .product-contact {
               display: none;
            }

               .product-contact.mobile {
                  display: block;
                  margin-bottom: 75px;
               }

            .product-details-block, #product-right .video-container {
               margin-bottom: 0;
            }

            .contact-left {
               padding-bottom: 0px;
            }

            .right-why img {
               margin-top: 0px;
            }

            .hr {
               margin-bottom: 60px;
            }

            .quote-icon {
               margin-top: -82px;
               height: 45px;
               width: 45px;
            }

            .quote {
               font-size: 26px;
               line-height: 36px;
            }

            .holly-story-img-4 {
               display: block;
               max-width: 100%;
               padding-bottom: 30px;
            }

            .holly-story-img-1, .holly-story-img-5 {
               display: none;
            }

            .holly-mobile-img {
               display: block;
               margin-bottom: 30px;
               max-width: 100%;
            }

            .story-2-left {
               width: 100%
            }

            .story-2-right {
               float: left;
               padding-left: 0px;
               width: 100%;
            }

            .left-story {
               width: 450px;
            }

            .right-story {
               width: calc(100% - 450px);
            }

            .contact-right .checkboxes {
               padding-left: 0px;
            }

            .contact-box {
               margin-bottom: 90px;
            }

            .contact-oil-1 {
               right: -70px;
               top: -74px;
               width: 173px;
            }

            .contact-oil-2 {
               bottom: -46px;
               left: -55px;
               width: 164px;
            }

            .input-fields {
               float: left;
               width: 100%;
            }

            .contact-right .checkboxes {
               width: 100%;
            }

            .contact-right .left-contact {
               width: 50%;
            }

            .contact-right .right-contact {
               width: 50%;
            }

            .top-cares {
               display: inline-block;
               margin-bottom: 20px;
            }

            .cares-left-mobile {
               float: left;
               padding-right: 35px;
               width: 50%;
            }

            .cares-right-mobile {
               background-image: url('../images/why-doterra-img-2.jpg');
               background-position: 50% top;
               background-repeat: no-repeat;
               background-size: cover;
               height: 241px;
               float: right;
               width: 50%;
            }

               .cares-right-mobile img {
                  max-width: 100%;
               }

            .left-why {
               padding-right: 50px;
               width: 430px;
            }

            .right-why img {
               height: 419px;
               width: 350px
            }

            .right-why {
               width: calc(100% - 430px);
            }

            .purple-header.aromatic {
               margin-top: -70px;
            }

            .started-text p {
               font-size: 16px;
               line-height: 26px;
            }

            .started-header, .c-block .bold-subheader h2.number-header {
               font-size: 40px;
            }

            .aromatic-left {
               width: 375px;
            }

            .aromatic-right {
               margin-top: 100px;
               width: calc(100% - 375px);
            }

            .top-content {
               line-height: 26px;
            }

            .holly-block {
               padding: 0px;
               padding-bottom: 100px;
            }

            .holly-text {
               padding-top: 25px;
            }

            .button {
               font-size: 13px;
            }

            .left-home {
               width: 450px;
            }

            .right-home {
               width: calc( 100% - 450px);
            }

            .learn-left {
               height: 317px;
               width: 100%;
            }

            .learn-right {
               width: 100%;
            }

            .right-started img {
               height: 403px;
               width: 350px;
               margin-top: -30px;
            }

            .box-header.cares {
               font-size: 35px;
            }

            .learn-more-block.home {
               margin-top: 80px;
            }

            .learn-left {
               background-image: url('../images/home-learnmore-img-850x350-new.jpg');
            }
         }

         @media screen and (max-width: 900px) {
            .content-holder {
               width: 100%;
               flex-direction: row-reverse;
               flex-wrap: wrap-reverse;
            }

            .content-holder.reverse {
               display: flex;
               margin-bottom: 50px;
               width: 100%;
               flex-direction: row-reverse;
               flex-wrap: wrap;
            }

            .content-holder .content-image {
               margin-top: 50px;
               width: 100%;
            }

            .content-holder .content-image img {
               max-width: 100%;
               width: 100%;
            }

            .content-holder.reverse .content-image {
               margin-top: 50px;
               width: 100%;
            }

            .content-holder.reverse .content-image img {
               max-width: 100%;
               width: 100%;
            }

            .content-holder .content-text {
               padding-left: 0px;
               padding-right: 0px;
               margin-top: 0px;
               width: 100%;
            }

            .content-holder.reverse .content-text {
               padding-left: 0px;
               padding-right: 0px;
               width: 100%;
            }

            .content-holder {
               display: flex;
               margin-bottom: 50px;
               width: 100%;
               flex-direction: row-reverse;
            }

            .content-holder.reverse {
               display: flex;
               margin-bottom: 50px;
               width: 100%;
               flex-direction: initial;
            }

            #classThanks {
               border: 8px solid #25CBD6;
               padding: 30px;
               width: 600px;
            }

            .class-text {
               color: #212121;
               display: inline-block;
               font-size: 16px;
               line-height: 23px;
               width: 100%;
            }

            .class-header {
               font-size: 33px;
               line-height: 31px;
            }

            .oil-block {
               flex-flow: row wrap;
               padding: 0 12.5%;
            }

               .oil-block .quarter {
                  margin-left: 2%;
                  margin-right: 2%;
                  margin-bottom: 25px;
                  width: 48%;
               }

                  .oil-block .quarter:nth-child(odd) {
                     margin-left: 0%;
                  }

                  .oil-block .quarter:nth-child(even) {
                     margin-right: 0%;
                  }

            .starter-kit-block.wrap .left-kit {
               padding-left: 40px;
               width: 300px;
            }

            .starter-kit-block {
               padding: 0 75px;
            }

               .starter-kit-block.wrap {
                  padding: 0 0px;
               }

            .starter-kit .product-info ul {
               padding-left: 20px;
            }

            .left-kit img {
               width: 580px;
            }

            .left-kit {
               padding-bottom: 30px;
               padding-right: 0px;
               text-align: center;
               width: 100%;
            }

            .right-kit {
               width: 100%
            }

            .member-text h2 {
               font-size: 21px;
               line-height: 22px;
            }

            .left-login, .right-login {
               padding: 20px;
            }

            .c-header {
               font-size: 24px;
            }

            .events-half .event-img {
               float: left;
               width: 100%;
            }

            .events-half .event-name-details {
               padding-left: 0px;
               width: 100%
            }

            .getting-started {
               font-size: 30px;
               padding: 75px 0;
            }

            .right-download h2.number-header {
               font-size: 27px;
            }

            .download-box {
               padding: 15px;
            }

            .right-download p {
               font-size: 15px;
               line-height: 23px;
               margin-bottom: 15px;
            }

            .right-download {
               padding-left: 25px;
            }

            .login-header {
               font-size: 25px;
            }

            .left-login img {
               margin-bottom: 15px;
            }

            .right-login img {
               margin-bottom: 15px;
            }

            .left-benefit {
               margin: auto;
               margin-bottom: 20px;
               text-align: center;
               width: 100%;
            }

               .left-benefit img {
                  max-width: 100%;
                  width: 500px;
               }

            .right-benefit {
               padding-left: 0px;
               width: 100%;
            }

            .product-detail-img img {
               width: 97px;
            }

            .product-detail-img {
               width: 97px;
            }

            .product-main .two-col {
               width: 100%;
            }

            #product-left {
               padding-right: 0px;
               margin-bottom: 30px;
            }

            #product-right {
               padding-left: 0px;
            }

            .product-main .product-info ul {
               padding-left: 20px;
            }

            .left-story {
               width: 400px;
            }

            .right-story {
               width: calc(100% - 400px);
            }

            .left-why {
               width: 400px;
            }

            .right-why {
               width: calc(100% - 400px);
            }

               .right-why img {
                  height: 391px;
                  max-width: initial;
                  width: 340px;
               }

            .box-header.cares {
               font-size: 32px;
            }

            .internal {
               margin-bottom: 50px;
               margin-top: 60px;
            }

            .purple-header.internal {
               margin-top: -70px;
            }

            .left-internal {
               margin-top: 75px;
               width: 296px;
            }

            .right-internal {
               margin-bottom: 0px;
               margin-top: 75px;
               width: calc(100% - 296px);
            }

            .topical-box {
               margin-right: 0;
               width: calc(100% + 340px);
            }

            .topical-right img {
               margin-top: 0px;
               width: 300px;
            }

            .topical-left {
               margin-bottom: 0px;
               width: calc(100% - 300px);
            }

            .purple-aromatic {
               margin-left: -401px;
               width: calc(100% + 401px);
            }

            .internal-box {
               margin-left: -340px;
               width: calc(100% + 340px);
            }

            .momma-header {
               font-size: 37px;
               line-height: 39px;
            }

            .quarter {
               padding: 20px;
            }

            .button {
               font-size: 12px;
            }

               .button.oil {
                  padding: 14px 0px;
               }

            .video-holder {
               width: 580px;
            }

               .video-holder iframe {
                  height: 300px;
                  max-width: 100%;
                  width: 550px;
               }

            .home-header-img {
               margin-right: -32px;
            }

            .holly-img {
               margin-top: 15px;
               vertical-align: top;
            }

            .amboh-white {
               left: 15px;
            }

            .doterra-seal {
               left: 190px;
            }

            .social-icons {
               right: 25px;
            }

               .social-icons img {
                  margin-left: 25px;
               }

            .footer-nav li {
               margin: 0 12px;
            }

            .bottom-foot .content-container {
               padding: 0 25px;
            }

            .product-top {
               text-align: center;
            }

            .product-img .product-name {
               display: block;
            }

            .product-details .product-name {
               display: none;
            }

            .product-img, .product-details {
               width: 100%;
            }

            .product-details {
               text-align: left;
            }

            .product-img img {
               height: 175px;
            }

            .product-top {
               height: 415px;
            }

            .product-info ul {
               padding-left: 0;
            }
         }

         @media screen and (max-width: 850px) {

            .login-header {
               font-size: 22px;
            }

            .footer-nav {
               display: none;
            }

            .holly-block {
               margin-top: 30px;
            }

            .right-home {
               margin-top: 30px;
               text-align: center;
               width: 100%;
            }

            .home-header-img {
               float: none;
            }

            .left-home {
               width: 100%;
            }

            .story-hide-mobile {
               clear: left;
               display: block;
               width: 100%;
            }

            .holly-leaf {
               bottom: -80px;
               right: -56px;
            }

            .story-hide {
               display: none;
            }

            .left-story {
               width: 361px;
            }

            .right-story {
               width: calc(100% - 361px);
            }

            .left-why {
               width: 380px;
            }

            .right-why {
               width: calc(100% - 380px);
            }

            .right-started img {
               height: 370px;
               width: 308px;
               margin-top: -10px;
            }

            .right-started {
               top: 60px;
            }

            .left-started {
               width: 100%;
            }

            .started-text {
               width: 53%;
            }

            .emphasis {
               font-size: 18px;
               line-height: 29px;
            }

            .quote {
               font-size: 23px;
               margin-bottom: 60px;
            }

            .quote-name {
               font-size: 22px;
               margin-top: 9px;
            }

            .product-top {
               height: 434px;
            }
         }

         @media screen and (max-width: 800px) {
            .oil-block {
               padding: 0 10%;
            }

            #memberThanks .button.submit {
               float: left;
            }

            .main-body.editing.top-toolbar-in-use #mobileMenuLink.editing {
               top: 124px;
            }

            .topical-box {
               width: calc(100% + 288px);
            }

            .events-block .carousel-row-outer {
               width: calc(100% - 15px);
            }

            .event-carousel .event-details {
               display: block;
            }

            .blog-details .blog-head-title {
               font-size: 42px;
               line-height: 46px;
            }

            .starter-kit-block.wrap {
               padding: 0 75px;
            }

               .starter-kit-block.wrap .left-kit {
                  padding-bottom: 0px;
                  padding-left: 0px;
                  padding-right: 0px;
                  width: 100%
               }

               .starter-kit-block.wrap .right-kit {
                  display: inline-block;
                  float: left;
                  width: 100%;
               }

            .diffuser-quarter {
               width: 50%;
            }

            .product-main {
               padding: 25px;
            }

            .left-kit {
               margin-bottom: 20px;
            }

            .package-d .left-kit {
               margin-bottom: 0;
               padding-bottom: 20px;
            }

            .starter-kit-block {
               padding: 0 50px;
            }

            .diy-block {
               padding: 0 0px;
            }

            .diamond-header .diamond-center p {
               font-size: 15px;
               line-height: 24px;
            }

            .diamond-header {
               background-image: url(../images/diamond-header-alt.jpg);
               padding: 30px 0 5px;
            }

               .diamond-header .started-header {
                  font-size: 30px;
                  margin-bottom: 20px;
               }

            .carousel-arrow {
               background-color: #43335A;
               cursor: pointer;
               padding: 9px 11px;
               z-index: 1;
            }

            #loginPopup {
               transform: translate(-50%, -50%) !important;
               -webkit-transform: translate(-50%, -50%) !important;
               -moz-transform: translate(-50%, -50%) !important;
               -o-transform: translate(-50%, -50%) !important;
            }

            #memberThanks .left50 {
               margin-right: 0%;
               width: 100%;
            }

            #memberThanks .right50 {
               margin-left: 0%;
               width: 100%;
            }

            #memberThanks {
               width: 500px;
            }

            .five-ways {
               margin: 25px 0;
            }

            .left-purple {
               font-size: 16px;
               line-height: 26px;
            }

            .top-purple {
               padding: 25px;
            }

            .c-image img {
               margin: auto;
               margin-bottom: 20px;
            }

            .c-block {
               text-align: center;
            }

            .c-image {
               float: none;
               margin-bottom: 0;
               width: 100%;
            }

            .c-details {
               display: inline-block;
               padding-left: 0px;
               width: 100%
            }

            .events-half .event-details {
               display: block;
            }

            .upcoming-member-events-block {
               background-color: #2a1d3c;
               color: #fff;
               padding: 25px 30px;
            }

            .five-ways .fifth {
               width: 48%
            }

               .five-ways .fifth:nth-of-type(4) {
                  clear: none;
               }

            #mobileMenuLink.editing, #mobileCloseLink.editing {
               top: 81px;
            }

            #loginPopup {
               width: 95%;
            }

            header {
               padding: 15px 0;
            }

            .members {
               margin-right: 30px;
            }

            .logo, .logo img {
               height: 55px;
               width: 120px;
            }

            .members .button {
               margin-right: 20px;
               padding: 9.5px 25px;
               margin-top: -3px;
            }

            .getting-started {
               font-size: 25px;
               padding: 50px 0;
            }

            .right-download h2.number-header {
               font-size: 25px;
            }

            .member-header, h1.member-header {
               font-size: 40px;
               line-height: 45px;
               margin-bottom: 15px;
            }

            .left-login, .right-login {
               padding: 20px;
            }

            .login-header {
               font-size: 23px;
            }

            .left-login img {
               margin-bottom: 10px;
            }

            .right-login img {
               margin-bottom: 10px;
            }

            .checklist-box {
               margin-bottom: 75px;
               padding: 30px;
            }

            .thirds {
               padding: 0 15px;
            }

            .product-tab {
               width: 210px;
            }

            .products-top-right {
               width: calc(100% - 200px);
            }

            .products-top-left img {
               height: 200px;
               width: 200px;
            }

            .products-top-left {
               width: 200px;
            }

            .products-top-right {
               padding: 0 0 0 9px;
            }

            #mobileMenuLink, #mobileCloseLink {
               right: 30px;
               top: 21px;
            }

            .left-why, .right-why {
               margin-left: 0px;
               margin-right: 0px;
               padding-left: 0px;
               padding-right: 0px;
               width: 100%;
            }

            .right-why {
               margin: auto;
               text-align: center;
            }

               .right-why img {
                  float: none;
                  max-width: 100%;
               }

            .emphasis {
               font-size: 17px;
               line-height: 29px;
            }

            .holly-both {
               display: block;
               margin-right: -50px;
            }

            .right-story {
               padding-left: 0;
            }

               .right-story img {
                  max-width: 110%;
               }

            .holly-leaf, .holly-single {
               display: none;
            }

            .box-header.cares {
               font-size: 28px;
            }

            .topical-right {
               width: 247px
            }

               .topical-right img {
                  width: 247px;
               }

            .topical-left {
               width: calc(100% - 247px);
            }

            .home-header-img {
               height: 300px;
               max-width: 110%;
               width: 300px;
            }

            .holly-img {
               height: 248px;
               margin-top: 5px;
               width: 248px;
            }

            .event-details {
               display: none;
            }

            .holly-text {
               padding-left: 22px;
               padding-top: 10px;
               width: calc(100% - 254px);
            }

            .holly-header, .seasonal-header {
               font-size: 26px;
               margin-bottom: 15px;
            }

            .video-header {
               font-size: 26px;
               padding-bottom: 15px;
            }

            .started-header, .purple-header, .c-block .bold-subheader h2.number-header {
               font-size: 36px;
               line-height: 41px;
               margin-bottom: 15px;
            }

            .product-button {
               max-width: 100%;
            }

            .product-top {
               height: 434px;
            }

            .carousel-row:nth-of-type(2n+1), .carousel-row:nth-of-type(2n+2) {
               width: 50%;
            }
         }

         @media screen and (max-width: 767px) {
            .oil-block .quarter {
               padding: 18px 18px 63px 18px;
            }

               .oil-block .quarter .button.oil {
                  bottom: 18px;
                  width: calc(100% - 36px);
               }

            .purple-aromatic, .topical-box, .internal-box {
               margin-left: 0;
               width: 100%;
            }

            .quarter.event-carousel .event {
               float: none;
            }

            .phone, .email, .map {
               margin-bottom: 40px;
            }

            .member-block {
               margin-bottom: 50px;
               margin-top: 50px;
            }

            .contact-box.thanks {
               text-align: center;
               padding: 50px 30px;
            }

            .contact {
               margin-top: 0px;
            }

            .download-box {
               padding: 30px;
            }

            .left-download {
               width: 100%;
            }

            .right-download {
               margin-top: 30px;
               padding-left: 0;
               width: 100%;
            }

            .left-login {
               margin-right: 0%;
               margin-bottom: 25px;
               width: 100%;
            }

            .right-login {
               margin-left: 0%;
               width: 100%;
            }

            .event {
               float: left;
            }

            .social-icons.contact .pin-foot {
               margin-left: 0px;
            }

            .mobile-sub-nav {
               margin-bottom: 18px;
            }

            .select-box {
               background-color: #43335A;
               background-image: url(../images/dropdown-arrow.svg);
               background-size: 15px auto;
               background-position: right 17px top 25px;
               background-repeat: no-repeat;
               color: #fff;
               height: 58px;
               line-height: 58px;
               padding: 0 10px;
            }

               .select-box option {
                  background: #43335A;
                  color: #fff;
                  font-style: normal;
                  padding: 10px 5px;
               }

            .select-box-inner {
               background: none;
               border: none;
               color: #fff;
               font-size: 18px;
               font-weight: bold;
               max-width: none;
               -moz-appearance: none;
               -webkit-appearance: none;
               text-align: left;
               width: 100%;
            }

            .products-outer {
               display: none;
            }

            .mobile-select {
               display: block;
            }

            .product-top {
               height: auto;
            }

            .products-top {
               display: none;
            }

            .product-details {
               padding-left: 20px;
            }

            .products-main {
               padding: 0 15%;
            }

               .products-main .two-col:nth-of-type(odd) {
                  padding-right: 0px;
               }

               .products-main .two-col:nth-of-type(even) {
                  padding-left: 0px;
               }

            .two-col {
               float: left;
               width: 100%
            }

            .contact-left {
               padding-bottom: 50px;
            }

            .social-icons.contact {
               margin-bottom: 40px;
            }

            .wholesale-link {
               margin-bottom: 0;
            }

            .events-block {
               padding-bottom: 50px;
            }

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

            .event {
               margin-bottom: 50px;
            }

            .home-top .content-container {
               padding: 0 50px;
            }

            .home-header-img {
               height: 260px;
               margin-top: 0px;
               margin-right: 0px;
               max-width: 100%;
               width: 260px;
            }

            .left-story {
               margin-bottom: 0;
               width: 100%;
            }

            .right-story {
               text-align: center;
               width: 100%;
            }

            .contact-oil-1, .contact-oil-2 {
               display: none;
            }

            .left50 {
               width: 100%;
            }

            .right50 {
               width: 100%;
            }

            .left-image.mobile {
               display: block;
               margin: auto;
               text-align: center;
               width: 100%;
            }

            .left-image img {
               height: 176px;
               max-width: 100%;
               width: 200px;
               margin-bottom: 25px;
            }

            .pre-contact, .right-text {
               padding-left: 0px;
               width: 100%;
            }

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

            .left-started, .right-started, .aromatic-left, .aromatic-right, .topical-left, .topical-right, .left-internal, .right-internal {
               width: 100%;
               margin-left: 0px;
               margin-right: 0px;
               padding-left: 0px;
               padding-right: 0px;
            }

            .right-internal {
               margin-top: 30px;
            }

            .internal {
               margin-top: 30px;
            }

            .left-internal {
               margin: auto;
               margin-top: 70px;
               text-align: center;
            }

            .purple-header.internal.mobile {
               display: block;
            }

            .purple-header.internal {
               display: none;
               margin-top: 0px;
            }

            .topical-right img {
               display: none;
            }

            .topical-mobile img {
               display: block;
               margin: auto;
               margin-bottom: 30px;
               max-width: 100%;
               text-align: center;
            }

            .aromatic-right {
               margin-top: 30px;
            }

            .purple-header.aromatic-mobile {
               display: block;
            }

            .purple-header.aromatic {
               display: none;
            }

            .aromatic-left {
               margin: auto;
               margin-top: 60px;
               text-align: center;
            }

            .started-text {
               border-bottom: none;
               margin-bottom: 25px;
               padding-right: 0px;
               width: 100%;
            }

            .right-started img, .right-started {
               display: none;
            }

            .oils-mobile img {
               display: block;
               margin: 0 auto 20px;
               max-width: 75%;
               text-align: center;
               width: 360px;
            }

            .holly-img {
               display: block;
               float: none;
               margin: auto;
               text-align: center;
            }

            .holly-header {
               display: none;
            }

               .holly-header.mobile {
                  display: block;
               }

            .holly-text {
               margin: auto;
               padding-left: 0px;
               text-align: center;
               width: 100%
            }

            .holly-block {
               margin-top: 30px;
            }

            .right-story img {
               float: none;
               max-width: 100%;
               width: 400px;
            }

            .holly-both {
               display: inline;
            }


            .button.oil {
               font-size: 15px;
            }

            .quarter {
               margin-left: 2%;
               margin-right: 2%;
               margin-bottom: 25px;
               width: 48%;
            }

               .quarter:nth-child(odd) {
                  margin-left: 0%;
               }

               .quarter:nth-child(even) {
                  margin-right: 0%;
               }

            .event {
               margin-left: 2%;
               margin-right: 2%;
               margin-bottom: 45px;
               width: 48%;
            }

               .event:nth-child(odd) {
                  margin-left: 0%;
               }

               .event:nth-child(even) {
                  margin-right: 0%;
               }

            .purple-seasonal {
               padding-bottom: 60px;
            }

            .products {
               padding: 30px 20px;
            }

            .product {
               padding: 20px;
            }
         }


         @media screen and (max-height: 700px) {
            #memberThanks .closeThanks {
               top: -30px;
            }

            #memberThanks {
            }
         }

         @media screen and (max-width: 700px) {
            .modal_box {
               width: 310px !important;
            }

            #classThanks .closeThanks {
               height: 13px;
               width: 13px;
            }

               #classThanks .closeThanks img {
                  height: 13px;
                  width: 13px;
               }

            .class-form input {
               background-color: #EFEFEF;
               border-radius: 0;
               box-sizing: border-box;
               height: 42px;
               margin-bottom: 4px;
               text-indent: 0.5em;
               width: 100%;
            }

            #classThanks {
               padding: 30px 20px 20px;
               width: 500px;
            }

            .class-header {
               font-size: 28px;
               line-height: 28px;
            }

            .class-form label {
               line-height: initial;
            }

            .oil-block {
               padding: 0 20px;
            }

            .contact-box .contact-right .button.submit {
               float: left;
            }

            .contact-box .contact-right .recaptcha-holder {
               margin-right: 50px;
            }

            .share-text {
               padding-right: 0px;
            }

            .share-box-2 {
               width: 100%;
            }

            .blogs-more .blog-half:first-of-type {
               float: left;
               margin-bottom: 50px;
               margin-right: 0%;
               width: 100%;
            }

            .blogs-more .blog-half:last-of-type {
               float: left;
               margin-bottom: 50px;
               margin-left: 0%;
               width: 100%;
            }

            .blog-img img {
               max-height: initial;
            }

            .blog-third {
               width: 100%;
            }

            .starter-kit-block.wrap {
               padding: 0 25px;
            }

            .starter-kit-block {
               padding: 0 25px;
            }

            .started-form .right50 {
               margin-left: 0%;
               width: 100%;
            }

            .started-form .left50 {
               margin-right: 0%;
               width: 100%;
            }

            .member-top {
               margin-bottom: 20px;
            }

            .member-header, h1.member-header {
               font-size: 34px;
               line-height: 36px;
               margin-bottom: 15px;
            }

            .learn-right p {
               margin-bottom: 15px;
            }

            .checkboxes {
               margin-bottom: 0px;
            }

            .contact-block .button.submit {
               float: right;
            }

            .button.submit {
               float: left;
            }

            .textbox {
               width: 100%;
            }

            label {
               line-height: 28px;
            }

            .contact-right .left-contact {
               width: 100%;
            }

            .contact-right .right-contact {
               width: 100%;
            }

            .cares-mobile-img {
               margin: auto;
               max-width: 100%;
               padding-bottom: 16px;
               text-align: center;
               width: 100%;
            }

            .left-contact {
               width: 100%;
            }

            .right-contact {
               width: 100%;
            }

            .learn-right {
               height: auto;
            }

            .video-holder iframe {
               height: 250px;
               width: 450px;
            }

            .video-holder {
               width: 475px;
            }
         }

         @media screen and (max-width: 650px) {
            .recaptcha-holder {
               margin-right: 50px;
            }

            .contact-block .button.submit {
               float: left;
            }

            .share-box-2 {
               padding: 15px 30px 15px;
            }

            .share-text {
               margin-bottom: 15px;
               text-align: center;
               width: 100%;
            }
         }

         @media screen and (max-width: 600px) {
            footer.solutions {
               height: 135px;
            }

            .wrapper.solutions {
               margin-bottom: -135px;
            }

            .class-form input {
               font-size: 14px;
            }

            #classThanks {
               padding: 30px 17px 17px;
               width: 90%;
            }

            .oil-block {
               padding: 0;
            }

               .oil-block .quarter .button.oil {
                  letter-spacing: 0;
               }

            .events-block .carousel-outer {
               padding: 0 0px;
            }

            .event-carousel .event-name-details {
               height: auto;
            }

            footer {
               background-color: #302440;
               height: 265px;
               position: relative;
            }

            .wrapper {
               margin-bottom: -265px;
            }

            .footer-spacer {
               height: 265px;
            }

            .g-disclaimer {
               margin: auto;
               float: none;
               text-align: center;
               width: 285px;
            }

            .poweredBy {
               float: none;
            }

            .powered {
               float: none;
               padding-top: 15px;
               width: 100%;
            }

            .starter-kit-block.wrap {
               padding: 0 0px;
            }

            .starter-kit-block {
               padding: 0 0px;
            }

            #memberThanks {
               width: 90%
            }

            .login-box .textbox {
               width: 100%
            }

            .login-box br {
               display: none;
            }

            .login-box {
               padding-bottom: 60px;
               padding-top: 50px;
               text-align: center;
               padding-left: 20px;
               padding-right: 20px;
            }

               .login-box p {
                  line-height: 21px;
                  margin-bottom: 20px;
               }

            .login-popup-header {
               font-size: 35px;
            }

            .thirds {
               width: 100%;
               padding: 0 15px;
            }

            .product-contact .textbox {
               margin: 0 0 15px 0;
               width: 100%
            }

            .details-hide {
               display: block;
               margin: auto;
               text-align: center;
            }

               .details-hide .product-name {
                  display: block;
                  font-size: 29px;
               }

            .mobile-img {
               width: 97px;
            }

            .product-detail-title {
               width: 100%;
            }

               .product-detail-title .product-title {
                  display: none;
               }

            .product-detail-img img {
               display: none;
            }

            .mobile-sub-nav .content-container {
               padding: 0px;
            }

            .products-main {
               padding: 0;
            }

            .contact-right .textbox {
               width: 100%;
            }

            .textarea {
               width: 100%;
            }

            .learn-header {
               font-size: 30px;
            }

            .quarter {
               margin-bottom: 20px;
            }

            .contact-box {
               padding: 28px 20px;
            }

            .certified-img-1 {
               display: none;
            }

            .certified-img-2 {
               float: none;
               margin-left: 0%;
               width: 100%
            }

            .video-holder iframe {
               height: 225px;
               width: 400px;
            }

            .video-holder {
               width: 430px;
            }

            .story-header p {
               font-size: 19px;
               line-height: 32px;
            }

            .learn-left {
               height: 235px;
            }

            .event-name-details {
               height: 68px;
            }

            #contactThanks {
               padding: 35px 0;
               width: 300px;
            }

            .products-main .two-col {
               width: 100%;
            }

            .carousel-row:nth-of-type(1n+1) {
               width: 100%;
            }

            .carousel-layer .carousel-inner {
               height: 447px;
            }
         }

         @media screen and (max-width: 500px) {
            .content-holder .content-purple-block {
               padding: 20px;
            }

            .class-text {
               color: #212121;
               display: inline-block;
               font-size: 15px;
               line-height: 21px;
               width: 100%;
            }

            .class-form .dl-cf-width-50-pct {
               width: 100%;
            }

               .class-form .dl-cf-width-50-pct:first-of-type {
                  padding-right: 0px;
               }

            .class-form .dl-cf-form-input {
               margin-bottom: 7px;
            }

            .class-form .dl-cf-width-50-pct:last-of-type {
               padding-left: 0px;
            }

            .class-header {
               font-size: 23px;
               line-height: 23px;
            }

            .top-foot {
               height: 160px;
            }

            footer {
               height: 310px;
            }

            .footer-spacer {
               height: 310px;
            }

            .wrapper {
               margin-bottom: -310px;
            }

            .social-icons {
               padding-top: 23px;
            }

            .doterra-seal table {
               margin: auto;
            }

            .doterra-seal {
               left: 0;
               right: 0;
               top: 80px;
            }

            .amboh-white {
               padding-top: 25px;
            }

            .events-block .carousel-outer {
               padding: 0 15px;
            }

            .events-block .carousel-arrow.left {
               position: absolute;
               left: -20px;
            }

            .events-block .carousel-arrow.right {
               position: absolute;
               right: -20px;
            }

            .content-container.blog .purple-header {
               font-size: 30px;
               line-height: 40px;
            }

            .content-container.blog-details {
               padding: 0 25px;
            }

            .blog-details .blog-head-title {
               font-size: 35px;
               line-height: 42px;
            }

            .blog-details ol {
               padding-left: 20px;
            }

            .blog-details ul {
               padding-left: 20px;
            }

            .content-container.blog {
               padding: 0 25px;
            }

            .diffuser-quarter {
               float: left;
               padding-left: 1%;
               padding-right: 1%;
               width: 100%;
            }

            .product-main {
               padding: 15px;
            }

            .purple-header-small {
               font-size: 24px;
            }

            #navMobile li {
               color: #fff;
               font-family: Marcellus;
               font-size: 22px;
               padding: 10px 25px;
            }

            #space-outer, .carousel-outer {
               padding: 0px 20px;
            }

            .carousel-arrow.left {
               left: -20px;
            }

            .carousel-arrow.right {
               right: -20px;
            }

            .member-block {
               margin-bottom: 30px;
               margin-top: 30px;
            }

            .member-quarters .quarter {
               width: 100%;
            }

               .member-quarters .quarter:nth-of-type(odd) {
                  margin-left: 0%;
                  margin-right: 0%;
               }

               .member-quarters .quarter:nth-of-type(even) {
                  clear: none;
                  margin-left: 0%;
                  margin-right: 0%;
               }

            .five-ways .fifth {
               margin-left: 0%;
               margin-right: 0%;
               width: 100%;
            }

            .login-popup-header {
               font-size: 31px;
               line-height: 32px;
            }

            #linksHolder .social-icons {
               padding-top: 35px;
            }

            .members {
               display: none;
            }

               .members.mobile {
                  display: block;
                  float: none;
                  margin: auto;
                  margin-right: 0;
                  margin-top: 15px;
                  text-align: center;
               }

            .product-contact .button {
               width: 100%;
            }

            .product-button {
               font-size: 15px;
               font-weight: bold;
               height: 34px;
               line-height: 34px;
               width: 180px;
            }

            .cares-block {
               padding: 30px 25px;
            }

            .contact .content-container {
               padding: 0 25px;
            }

            .quarter {
               margin-bottom: 15px;
            }

            .quote {
               font-size: 22px;
               line-height: 32px;
            }

            .quote-name {
               font-size: 20px;
               margin-top: 15px;
            }

            .home-top .content-container {
               padding: 0 25px;
            }

            .oils-mobile img {
               max-width: 85%;
            }

            .purple-aromatic, .topical-box, .internal-box {
               padding: 25px 21px;
            }

            .purple-header {
               left: 25px;
            }

            .learn-right {
               padding: 20px;
            }

            .video-holder iframe {
               height: 200px;
               width: 350px;
            }

            .video-holder {
               width: 375px;
            }

            .content-container {
               padding: 0 25px;
            }

            .purple-seasonal .content-container {
               padding: 0 25px;
            }

            .video-block .content-container {
               padding: 0 25px;
            }

            .learn-more-block .content-container {
               padding: 0 25px;
            }

            .button.oil {
               padding: 14px 0px;
               font-size: 12px;
            }

            .event {
               margin-bottom: 45px;
               margin-left: 0%;
               margin-right: 0%;
               width: 100%;
            }

               .event:last-of-type {
                  margin-bottom: 0;
               }

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

            .event-name-details {
               height: auto;
               margin-bottom: 10px;
            }

            .wholesale-link a {
               font-size: 18px;
            }
         }

         @media screen and (max-width: 450px) {
            .products-main {
               padding: 0;
            }

            .video-holder iframe {
               height: 175px;
               width: 325px;
            }

            .video-holder {
               width: 350px;
            }

            .oils-mobile img {
               max-width: 100%;
            }

            .contact-header {
               font-size: 32px;
               line-height: 36px;
            }

            .contact-text {
               padding-left: 15px;
            }
         }

         @media screen and (max-width: 400px) {
            .class-form .modal_box {
               width: 250px !important;
            }

            .social-icons img {
               margin-left: 15px;
            }

            .momma-header {
               font-size: 34px;
               line-height: 38px;
            }

            header .content-container {
               padding: 0 30px;
            }
         }

         @media screen and (max-width: 350px) {
            .quarter {
               margin: 0 0 15px;
               width: 100%;
            }

            .momma-header {
               font-size: 30px;
               line-height: 37px;
            }

            .started-header, .purple-header {
               font-size: 32px;
               line-height: 38px;
            }
         }

         @media screen and (max-height: 550px) {
            #navMobile li {
               padding: 8px 25px;
            }
         }

         @media screen and (max-height: 450px) {
            #navMobile {
               overflow-y: scroll;
            }

               #navMobile #linksHolder {
                  padding: 60px 0;
               }

            .social-icons.mobile {
               position: static;
            }
         }


/* Contact Page update 8/2024 */
.contact-content {
   display: grid;
   grid-template-columns: 1fr;
}

   .contact-content .left-image {
      display: block;
      float: none;
      margin: 0 auto;
   }

      .contact-content .left-image img {
         height: auto;
         object-fit: contain;
      }

   .contact-content .pre-contact,
   .contact-content .contact-links,
   .contact-text-p {
      float: none;
      width: 100%;
   }

@media screen and (min-width: 768px) {
   .contact-content {
      grid-template-columns: 150px 1fr;
   }

      .contact-content .left-image {
         display: block;
         grid-column-start: 1;
         grid-row: span 2;
         margin-left: 0;
      }

      .contact-content .contact-links,
      .contact-text-p {
         grid-column: span 2;
      }

      .contact-content .pre-contact,
      .contact-content .right-text {
         width: auto;
      }
}

@media screen and (min-width: 1301px) {
   .contact-content .pre-contact {
      grid-column: span 2;
      grid-row-start: 1;
   }

   .contact-content .left-image {
      grid-row: span 1;
      grid-row-start: 2;
   }
}

/*CKEditor*/
.cke_combo__styles, .cke_combo__styles .cke_combo_button, .cke_combo__styles .cke_combo_text {
   width: 350px;
}

.cke_combopanel__styles {
   width: 350px !important;
}

.cke_combo__styles .cke_combo_open {
   left: -35px;
   position: relative;
}

div[id^='cke_EditContent'] {
   z-index: 7 !important;
}

.white-text .showEditableContent {
   background: #595959;
}

#top-toolbar {
   height: 45px;
   position: fixed;
   top: 60px;
   width: 100%;
   z-index: 10;
}

body.top-toolbar-in-use {
   margin-top: 257px!important;
}

body.top-toolbar-in-use header.editing {
   margin-top: 103px;
}
/**/