.display-none {
  display: none;
}
.list-style-none {
  list-style-type: none;
}
.width-height-100 {
  width: 100%;
  height: 100%;
}
.height-100 {
  height: 100%;
}
.width-100 {
  width: 100%;
}
.width-50 {
  width: 50%;
}
.opacity1 {
  opacity: 1;
}
.zindex1 {
  z-index: 1;
}
.zindex2 {
  z-index: 2;
}
.zindex50 {
  z-index: 50;
}
.sp-transition {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sp-hover-shadow {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);
}
/* Flex classes */
.flex {
  display: -webkit-box;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.justify-around {
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.align-c-center {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.align-i-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-i-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/* Zero values */
.no-border {
  border: none;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
/* Shape classes */
.r-15 {
  border-radius: 15px;
}
.r-corner-1 {
  border-radius: 0 45px;
}
.r-corner-2 {
  border-radius: 45px 0 0;
}
/* 
============================== 1 - C O L O R  */
/* Primary variables */
/* Secondary variables */
/* Tertiary variables */
/* Neutral variables (darkest to lowest) */
/* Primary classes */
.sp-blue {
  color: #0064a3;
}
.sp-green {
  color: #98c35f;
}
.sp-teal {
  color: #00a1cb;
}
.sp-orange {
  color: #f08d21;
}
/* Secondary/Tertiary classes */
.sp-blue-x {
  color: #449cd8;
}
.sp-green-x {
  color: #b5d385;
}
.sp-orange-x {
  color: #eebe8e;
}
.sp-teal-x {
  color: #87cddf;
}
.sp-teal-y {
  color: #97cbe2;
}
.sp-teal-z {
  color: #669fc7;
}
/* Neutral classes */
.dark {
  color: #555;
}
.medium {
  color: #a9a9a9;
}
.lite {
  color: #d1d3d4;
}
.offwhite {
  color: #F7F7F7;
}
.white {
  color: #ffffff !important;
}
.clear {
  color: transparent;
}
/* Background colors */
.white-bg {
  background-color: #ffffff !important;
}
.clear-bg {
  background-color: transparent !important;
}
.blue-bg {
  background-color: #0064a3 !important;
}
.blue-x-bg {
  background-color: #449cd8 !important;
}
.text-center {
  text-align: center;
}
/*
============================== 2 - T Y P E */
/* Type Hierarchy */
/* Montserrat Semi-Bold */
.montserratSB {
  font-family: 'Montserrat-SemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Open Sans (Regular) */
.openSans {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Montserrat-SemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
p {
  font-size: 14px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #a9a9a9;
  letter-spacing: 0.25px;
  line-height: 1.4em;
}
small {
  font-size: 12px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;
}
.font-small {
  font-size: 12px;
}
.font-xsmall {
  font-size: 10px;
}
.font-100 {
  font-weight: 100;
}
.font-600 {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.sp-lead-text {
  font-size: 21px;
  font-style: italic;
  letter-spacing: 0.75px;
}
/*
============================== 3 - B U T T O N S */
/* Button Styles */
.sp-btn-hover-state {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  z-index: 1;
}
.sp-btn,
.sp-leaf-btn {
  padding: 15px 45px;
  border-radius: 15px;
  border: none;
  min-width: 125px;
  min-height: 45px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  letter-spacing: 0.5px;
  cursor: pointer;
  font-family: 'Montserrat-SemiBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.sp-filter-btn {
  padding: 5px 20px;
  border: none;
  min-width: 60px;
  min-height: 35px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-left: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.sp-btn h3 {
  margin: 5px auto;
}
.sp-leaf-btn h4 {
  margin: 5px auto;
}
.blue-btn {
  background-color: #0064a3;
  color: #ffffff;
}
.orange-btn {
  background-color: #f08d21;
  color: #ffffff;
}
.green-btn {
  background-color: #98c35f;
  color: #ffffff;
}
.teal-btn {
  background-color: #00a1cb;
  color: #ffffff;
}
.clear-btn {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #FFF;
}
/* Button hover states */
.orange-btn:hover,
.green-btn:hover,
.teal-btn:hover,
.clear-btn:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  z-index: 1;
}
a.sf-button:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
.clear-btn:hover {
  background-color: #98c35f;
  border: none;
}
.sp-flter-btn:hover {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  z-index: 1;
}
/*
============================== - LANDING PAGE B */
body.landing_a select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
body.landing_a .header-6 #logo,
body.landing_a .header-7 #logo {
  left: 0 !important;
  top: 0 !important;
}
body.landing_a .top-right-corner {
  border-top-right-radius: 40px;
}
body.landing_a a.sf-button.large {
  font-size: 21px !important;
  line-height: 32px;
  padding: 15px 30px;
  border-radius: 10px;
}
body.landing_a a.sf-button.large:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
body.landing_a a.sf-button.orange:hover {
  background-color: #f08d21 !important;
}
body.landing_a .hero-a {
  margin-top: -30px;
  padding-top: 100px !important;
  padding-bottom: 200px !important;
  margin: 0 !important;
  background-position: 0 50% !important;
  background-size: cover !important;
}
body.landing_a .callout-a {
  margin-top: -30px;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin: 0 !important;
  background-position: 0 50% !important;
  background-size: 125% !important;
}
body.landing_a .spb_parallax_asset.parallax-window-height .spb_content_wrapper {
  top: 30%;
}
body.landing_a div > section:nth-child(1) > div > div > div > div {
  position: relative;
  padding-left: 0 !important;
}
body.landing_a .sp-value-props-section i,
body.landing_a .sp-value-props-section h3,
body.landing_a .sp-value-props-section p {
  color: white !important;
}
body.landing_a div > section:nth-child(7) > div.row {
  display: -webkit-box !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
body.landing_a div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > .sf-icon-box.sf-icon-box-left-icon-alt > i[class*="ss-"],
body.landing_a div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > div > div > h3,
body.landing_a div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > div > div > div > p {
  color: white;
}
body.landing_a div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(2) > div.row {
  display: -webkit-box;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
body.landing_a #landing-a-v1-4 {
  text-align: center;
}
body.landing_a #landing-a-v1-4 .EMAIL-label,
body.landing_a #landing-a-v1-4 .MMERGE19-label {
  min-width: 250px !important;
  min-height: 40px !important;
}
body.landing_a #landing-a-v1-4 #yikes-easy-mc-form-4-EMAIL,
body.landing_a #landing-a-v1-4 #yikes-easy-mc-form-4-MMERGE19 {
  height: 45px;
  margin: 0 !important;
  border: #d1d3d4 solid 1px;
  background-color: #ffffff !important;
  outline: none !important;
  border-radius: 5px !important;
}
body.landing_a #landing-a-v1-4 .yikes-easy-mc-form input[type=text]:focus,
body.landing_a #landing-a-v1-4 .yikes-easy-mc-form input[type=url]:focus,
body.landing_a #landing-a-v1-4 .yikes-easy-mc-form input[type=email]:focus,
body.landing_a #landing-a-v1-4 .yikes-easy-mc-form input[type=number]:focus,
body.landing_a #landing-a-v1-4 .yikes-easy-mc-form select:focus {
  outline: #0064a3 solid 2px !important;
  border: #0064a3 solid 2px !important;
  border-radius: 5px !important;
}
/*
============================== - LANDING PAGE B */
body.landing_b select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
body.landing_b .header-6 #logo,
body.landing_b .header-7 #logo {
  left: 0 !important;
  top: 0 !important;
}
body.landing_b .top-right-corner {
  border-top-right-radius: 40px;
}
body.landing_b a.sf-button.large {
  font-size: 21px !important;
  line-height: 32px;
  padding: 15px 30px;
  border-radius: 10px;
}
body.landing_b a.sf-button.large:hover {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4) !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1 !important;
  z-index: 1 !important;
}
body.landing_b a.sf-button.orange:hover {
  background-color: #f08d21 !important;
}
body.landing_b .hero-b {
  margin-top: -30px;
  padding-top: 100px !important;
  padding-bottom: 200px !important;
  margin: 0 !important;
  background-position: 0 50% !important;
  background-size: 125% !important;
}
body.landing_b .callout-b {
  margin-top: -30px;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin: 0 !important;
  background-position: 0 50% !important;
  background-size: 125% !important;
}
body.landing_b .spb_parallax_asset.parallax-window-height .spb_content_wrapper {
  top: 30%;
}
body.landing_b div > section:nth-child(1) > div > div > div > div {
  position: relative;
  padding-left: 0 !important;
}
body.landing_b .sp-value-props-section i,
body.landing_b .sp-value-props-section h3,
body.landing_b .sp-value-props-section p {
  color: white !important;
}
body.landing_b div > section:nth-child(7) > div.row {
  display: -webkit-box !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
body.landing_b div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > .sf-icon-box.sf-icon-box-left-icon-alt > i[class*="ss-"],
body.landing_b div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > div > div > h3,
body.landing_b div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(1) > div > div.spb_content_element.col-sm-4.mt0.pt0.spb_text_column div > div > div > div > p {
  color: white;
}
body.landing_b div > section.fw-row.row-content-width.asset-bg > div > div > div > div > section:nth-child(2) > div.row {
  display: -webkit-box;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
body.landing_b #landing-b-v1-4 {
  text-align: center;
}
body.landing_b #landing-b-v1-4 .EMAIL-label,
body.landing_b #landing-b-v1-4 .MMERGE19-label {
  min-width: 250px !important;
  min-height: 40px !important;
}
body.landing_b #landing-b-v1-4 #yikes-easy-mc-form-4-EMAIL,
body.landing_b #landing-b-v1-4 #yikes-easy-mc-form-4-MMERGE19 {
  height: 45px;
  margin: 0 !important;
  border: #d1d3d4 solid 1px;
  background-color: #ffffff !important;
  outline: none !important;
  border-radius: 5px !important;
}
body.landing_b #landing-b-v1-4 .yikes-easy-mc-form input[type=text]:focus,
body.landing_b #landing-b-v1-4 .yikes-easy-mc-form input[type=url]:focus,
body.landing_b #landing-b-v1-4 .yikes-easy-mc-form input[type=email]:focus,
body.landing_b #landing-b-v1-4 .yikes-easy-mc-form input[type=number]:focus,
body.landing_b #landing-b-v1-4 .yikes-easy-mc-form select:focus {
  outline: #0064a3 solid 2px !important;
  border: #0064a3 solid 2px !important;
  border-radius: 5px !important;
}
