/*
#959595 - gray
#252525 - dark gray
#1B1B1B - darkest gray
#ED243B - red
#78131F - dark red
#2F82BF - light blue
#2E65B0 - blue
#255595 - dark blue
#132B4A - darker blue
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

BODY {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: #555555;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}

IMG { border: 0; }

HR { border: 0; height: 0.0625rem; background: #EBEBEB; }

A { color: #ED243B; text-decoration: underline; }

A:hover { color: #959595; }

.button {
  display: inline-block;
  outline: 0;
  border: 0;
  border-radius: 0.1875rem;
  padding: 0.4em 1em;
  background: #ED243B;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 125%;
  transition: background 0.2s, color 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

.button:hover {
  background: #C2C2C2;
  color: #111111;
}

UL, OL { margin: 0 0 0 0.7em; padding: 0 0 0 0.7em; }

H1 { font-size: 1.7em; }

H2 { font-size: 1.5em; }

H3 {
  margin: 0.1em 0;
  color: #363636;
  font-size: 2.4em;
  line-height: 1;
}

H4 {
  margin: 0 0 0.3em;
  color: #484848;
  font-size: 260%;
  line-height: 1;
  text-decoration: underline;
}

SUP { font-size: 50%; }

.redtext { color: #ED243B; }
.bluetext { color: #2E65B0; }

.site-width {
  margin: 0 auto;
  width: 1000px;

  @media (max-width: 1024px) { & { width: 96%; } }
}

/* HEADER */
#header-spacer {
  height: 5.625rem;

  @media (max-width: 750px) { & { height: 10rem; } }
  @media (max-width: 600px) { & { height: 5.625rem; } }
}

HEADER {
  width: 100%;
  height: auto;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0 -0.125rem 0.625rem 0 rgba(0,0,0,0.8);
}

HEADER .site-width {
  display: flex;
  justify-content: space-between;
  align-items: center;

  @media (max-width: 750px) { & { flex-direction: column; } }
  @media (max-width: 600px) { & { flex-direction: row; } }
}

#logo {
  width: 13.8125rem;
  height: 5.625rem;
  background: url(../images/logo.webp) no-repeat center;
  background-size: contain;

  @media (max-width: 750px) { & { height: 3.125rem; margin-top: 1.25rem; } }
  @media (max-width: 600px) { & { height: 5.625rem; margin-top: 0; } }
}

#toggle-menu { display: none; }

LABEL[for="toggle-menu"] {
  display: none;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;

  @media (max-width: 600px) { & { display: flex; } }
}

LABEL[for="toggle-menu"] DIV,
LABEL[for="toggle-menu"] DIV:before,
LABEL[for="toggle-menu"] DIV:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 0.375rem;
  width: 100%;
  background: #000000;
  transition: all 0.2s ease-in-out;
}

LABEL[for="toggle-menu"] DIV:before,
LABEL[for="toggle-menu"] DIV:after {
  content: "";
  top: -0.75rem;
  transform: none;
  transform-origin: 0% 0%;
}

LABEL[for="toggle-menu"] DIV:after { top: 0.75rem; }

#toggle-menu:checked + LABEL[for="toggle-menu"] DIV { background: transparent; }

#toggle-menu:checked + LABEL[for="toggle-menu"] DIV:before,
#toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after {
  top: 50%;
  left: 50%;
  transform: rotate(45deg) translate(-50%,-50%);
}

#toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after { transform: rotate(-45deg) translate(-50%,-50%); }

#toggle-menu:checked + LABEL[for="toggle-menu"]:after { display: none; }

@media (max-width: 600px) { 
  #toggle-menu + LABEL[for="toggle-menu"] + #main-menu { display: none; }
  #toggle-menu:checked + LABEL[for="toggle-menu"] + #main-menu { display: flex; }
}

#main-menu {
  width: calc(100% - 13.8125rem);

  @media (max-width: 750px) { & { width: 100%; } }
  @media (max-width: 600px) { & {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ED243B;
    font-size: 1.5em;
    padding: 1em 0;
  } }
}

#main-menu UL {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;

  @media (max-width: 600px) { & { flex-direction: column; width: 100%; } }
}

#main-menu UL LI {
  margin-left: auto;
  position: relative;

  @media (max-width: 750px) { & { margin-left: 0; } }
}

#main-menu UL LI A {
  display: block;
  height: 5.625rem;
  color: #959595;
  text-decoration: none;
  font-weight: 600;
  font-size: 93.75%;
  line-height: 5.625rem;

  @media (max-width: 600px) { & {
    height: auto;
    padding: 0.5em 0;
    color: #FFFFFF;
    font-size: 160%;
    line-height: 1;
    text-align: center;
  } }
}

#main-menu UL LI:hover A {
  color: #ED243B;

  @media (max-width: 600px) { & { color: #78131F; } }
}

#main-menu UL LI UL {
  display: none;
  padding: 0.8em 0;

  @media (max-width: 600px) { & { display: block; padding: 0; } }
}

#main-menu UL LI:hover UL {
  display: block;
  position: absolute;
  top: 5.625rem;
  left: 0.2em;
  background: #ED243B;
  box-shadow: inset 0 0.625rem 0.625rem -0.625rem rgba(0,0,0,0.8);

  @media (max-width: 600px) { & { position: static; box-shadow: none; } }
}

#main-menu UL LI UL LI {
  padding: 0.8em 1em;

  @media (max-width: 600px) { & { padding: 0; } }
}

#main-menu UL LI UL LI A,
#main-menu UL LI:hover UL LI A {
  white-space: nowrap;
  color: #FFFFFF;
  text-transform: uppercase;
  height: 1em;
  line-height: 1;
}

@media (max-width: 600px) { #main-menu UL LI UL LI:first-of-type A { padding-top: 0.25em; } }

#main-menu UL LI UL LI A:hover { color: #78131F; }

/* FOOTER */
FOOTER {
  padding: 2.5em 0 1em;
  background: #2E65B0;
  color: #FFFFFF;
  font-size: 69%;
  line-height: 1.4;
}

FOOTER .site-width { position: relative; }

#footer-logo { position: absolute; top: -2.6875rem; left: 0; }

FOOTER .columns { display: flex; justify-content: space-between; }

FOOTER .columns A { color: #132B4A; text-decoration: none; }
FOOTER .columns A:hover { color: #111111; }

FOOTER .columns IMG { max-width: 100%; height: auto; margin-bottom: 2em; }

.white-img { filter: brightness(0) invert(1); }

FOOTER .columns > DIV {
  width: 30%;
  margin-left: auto;

  @media (max-width: 900px) { & { width: 40%; } }
}

FOOTER .columns > DIV:first-of-type { margin-left: 0; }

FOOTER H2 { font-size: 235%; line-height: 1; }

FOOTER .columns A.social {
  display: inline-block;
  background-color: #245394;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-right: 1%;
  line-height: 2rem;
  transition: background 0.2s, color 0.2s;
}

FOOTER .columns A.social.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}

FOOTER .columns A.social.wordpress {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M2.597 7.81l4.911 13.454c-3.434-1.668-5.802-5.19-5.802-9.264 0-1.493.32-2.91.891-4.19zm16.352 3.67c0-1.272-.457-2.153-.849-2.839-.521-.849-1.011-1.566-1.011-2.415 0-.978.747-1.88 1.862-1.819-1.831-1.677-4.271-2.701-6.951-2.701-3.596 0-6.76 1.845-8.601 4.64.625.02 1.489.032 3.406-.118.555-.034.62.782.066.847 0 0-.558.065-1.178.098l3.749 11.15 2.253-6.756-1.604-4.394c-.555-.033-1.08-.098-1.08-.098-.555-.033-.49-.881.065-.848 2.212.17 3.271.171 5.455 0 .555-.033.621.783.066.848 0 0-.559.065-1.178.098l3.72 11.065 1.027-3.431c.444-1.423.783-2.446.783-3.327zm-6.768 1.42l-3.089 8.975c.922.271 1.898.419 2.908.419 1.199 0 2.349-.207 3.418-.583-.086-.139-3.181-8.657-3.237-8.811zm8.852-5.839c.224 1.651-.099 3.208-.713 4.746l-3.145 9.091c3.061-1.784 5.119-5.1 5.119-8.898 0-1.79-.457-3.473-1.261-4.939zm2.967 4.939c0 6.617-5.384 12-12 12s-12-5.383-12-12 5.383-12 12-12 12 5.383 12 12zm-.55 0c0-6.313-5.137-11.45-11.45-11.45s-11.45 5.137-11.45 11.45 5.137 11.45 11.45 11.45 11.45-5.137 11.45-11.45z'/%3E%3C/svg%3E");
}

FOOTER .columns A.social:hover { background-color: #1A3A64; }

FOOTER .columns A.social.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C2C2C2' d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}

FOOTER .columns A.social.wordpress:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C2C2C2' d='M2.597 7.81l4.911 13.454c-3.434-1.668-5.802-5.19-5.802-9.264 0-1.493.32-2.91.891-4.19zm16.352 3.67c0-1.272-.457-2.153-.849-2.839-.521-.849-1.011-1.566-1.011-2.415 0-.978.747-1.88 1.862-1.819-1.831-1.677-4.271-2.701-6.951-2.701-3.596 0-6.76 1.845-8.601 4.64.625.02 1.489.032 3.406-.118.555-.034.62.782.066.847 0 0-.558.065-1.178.098l3.749 11.15 2.253-6.756-1.604-4.394c-.555-.033-1.08-.098-1.08-.098-.555-.033-.49-.881.065-.848 2.212.17 3.271.171 5.455 0 .555-.033.621.783.066.848 0 0-.559.065-1.178.098l3.72 11.065 1.027-3.431c.444-1.423.783-2.446.783-3.327zm-6.768 1.42l-3.089 8.975c.922.271 1.898.419 2.908.419 1.199 0 2.349-.207 3.418-.583-.086-.139-3.181-8.657-3.237-8.811zm8.852-5.839c.224 1.651-.099 3.208-.713 4.746l-3.145 9.091c3.061-1.784 5.119-5.1 5.119-8.898 0-1.79-.457-3.473-1.261-4.939zm2.967 4.939c0 6.617-5.384 12-12 12s-12-5.383-12-12 5.383-12 12-12 12 5.383 12 12zm-.55 0c0-6.313-5.137-11.45-11.45-11.45s-11.45 5.137-11.45 11.45 5.137 11.45 11.45 11.45 11.45-5.137 11.45-11.45z'/%3E%3C/svg%3E");
}

FOOTER HR { margin: 2em 0; background: #295A9D; }

FOOTER NAV { margin-bottom: 2em; }

FOOTER NAV UL {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1rem;
}

FOOTER NAV UL LI { padding: 0.2em 0; }

FOOTER NAV > UL > LI {
  margin-left: 10%;

  @media (max-width: 900px) { & { margin-left: 15%; } }
}

FOOTER NAV > UL > LI:first-of-type { margin-left: 0; }

FOOTER NAV UL LI A { color: #FFFFFF; text-decoration: none; }
FOOTER NAV UL LI A:hover { color: #132B4A; }

FOOTER NAV UL LI UL { flex-direction: column; }

#copyright {
  display: flex;
  justify-content: space-between;
  font-size: 80%;
  font-weight: 300;
}

#copyright A { color: #FFFFFF; text-decoration: none; }

/* HOME PAGE */
.home-slides {
  min-height: 31.25rem;
  background: #255595 url(../images/banner-home.webp) center no-repeat;
  background-size: cover;
  color: #FFFFFF;
  font-size: 112.5%;
  line-height: 1;
}

.home-slides > DIV { display: none; }

.home-slides .cycle-slide {
  display: flex !important;
  align-items: center;
  width: 100%;
  height: 100%;
}

.home-slides .cycle-slide .site-width {
  box-sizing: border-box;
  padding-right: 29.375rem;
  line-height: 1.5;

  @media (max-width: 1024px) { & { padding-right: 47%; } }
  @media (max-width: 750px) { & { width: 52%; margin: 0 0 0 2%; padding-right: 0; } }
  @media (max-width: 600px) { & { width: 96%; } }
}

.home-slides H1 {
  margin: 0 0 0.3em;
  font-weight: 600;
  font-size: 333.3333%;
  line-height: 0.9;
  text-transform: uppercase;

  @media (max-width: 900px) { & { font-size: 288.8888%; } }
  @media (max-width: 800px) { & { font-size: 250%; } }
  @media (max-width: 700px) { & { font-size: 220%; } }
}

.home-slides .cycle-slide .site-width IMG { max-width: 100%; height: auto; }

#home-slide1 { height: 2em; width: auto; }

#slide-aaii {
  display: flex;
  align-items: center;
  margin-top: 4em;

  @media (max-width: 850px) { & {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2em;
  } }
}

#slide-aaii IMG {
  margin-right: 2rem; height: 4.25rem; width: auto;

  @media (max-width: 850px) { & { margin: 0 0 1.5em 0; } }
}

#slide-aaii UL { margin: 0; padding: 0; list-style-type: none; }

#slide-aaii UL LI {
  padding: 0.25em 0 0.25em 1.5em;
  position: relative;
  line-height: 1;
}

#slide-aaii UL LI:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M64 80c-8.8 0-16 7.2-16 16V416c0 8.8 7.2 16 16 16H384c8.8 0 16-7.2 16-16V96c0-8.8-7.2-16-16-16H64zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") no-repeat center;
}

#banner-form {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: absolute;
  top: 0;
  right: calc((100% - 1000px) / 2);
  z-index: 1000;
  height: 100%;
  width: 23.75rem;
  box-sizing: border-box;
  padding: 2.5em 0.625rem;
  background: rgba(0,0,0,0.5);
  color: #FFFFFF;
  font-size: 1rem;
  text-align: center;

  @media (max-width: 1024px) { & { right: 0; } }
  @media (max-width: 850px) { & { width: 20.625rem; } }
  @media (max-width: 750px) { & { width: 43%; } }
  @media (max-width: 600px) { & { display: none; } }
}

#banner-form.home { padding-top: .5em; padding-bottom: .5em; }
#banner-form.home .glbvideo { width: 90%; margin: 1em auto 0; }
#banner-form.home .glbvideo:before { bottom: 1rem; font-size: 0.8rem; }
#banner-form.home .glbvideo:after { height: 1rem; font-size: 0.7rem; }
#banner-form.home .glbvideo > DIV { background-size: auto 3rem; }

#banner-form H1 {
  margin: 0;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1;
}

#banner-form .text {
  box-sizing: border-box;
  padding: 0 3em;
  color: #C2C2C2;
  font-style: italic;
  font-size: 85%;
  line-height: 1.4;
}

#banner-form .button {
  width: 80%;
  margin: 0.6em 0;
  padding: 0.7em 0;
  font-size: 100%;
}

#banner-form.home .button { width: 70%; padding: 0.9em 0; }

#banner-form .link SPAN {
  margin-top: 0.5em;
  display: block;
  font-size: 70%;
  line-height: 1;
}

#banner-form #dliam3 {
  margin-top: 0.75em;
  outline: 0;
  border: 0;
  background: transparent;
  color: #FFFFFF;
  font-size: 90%;
  cursor: pointer;
}

#banner-form #dliam3:hover { opacity: 0.5; }

#modal-content.dliam3 { text-align: center; }

#modal-content.dliam3 .button { width: 100%; text-transform: none; box-sizing: border-box; }

#modal-content.dliam3 .button.blue { background: #2E65B0; margin-top: 1em; }

#modal-content.dliam3 .button.blue:hover { background: #C2C2C2; }

#home-features {
  display: flex;
  justify-content: space-between;
  padding: 3.125rem 0;

  @media (max-width: 700px) { & { flex-direction: column; padding: 2rem 0; } }
}

#home-features > DIV {
  width: 30%;
  min-height: 11.5625rem;
  font-size: 81.25%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  @media (max-width: 700px) { & { width: 100%; min-height: 6.25rem; margin: 1em 0; } }
}

#home-features .f1 { background-image: url(../images/feature-pie.webp); }
#home-features .f2 { background-image: url(../images/feature-arrow.webp); }
#home-features .f3 { background-image: url(../images/feature-download.webp); }

#home-features > DIV H2 {
  margin: 0.5em 0;
  font-size: 238%;
  line-height: 1;
  text-transform: uppercase;

  @media (max-width: 800px) { & { font-size: 180%; } }
  @media (max-width: 700px) { & { font-size: 238%; } }
  @media (max-width: 480px) { & { font-size: 200%; } }
}

#discover {
  display: flex;
  align-items: center;
  background: url(../images/discover.webp) center no-repeat;
  background-size: cover;
  padding: 3.2em 0;
}

#discover .site-width {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 331%;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

#discover .site-width SPAN { color: #ED243B; }

#discover .button {
  font-size: 37%;
  font-weight: normal;
  display: inline-block;
  margin-top: 2em;
  padding: 0.8em 1em;
}

#home-start {
  padding: 3rem 0;
  text-align: center;
}

#products {
  background: #EBEBEB;
  border-bottom: 0.0625rem solid #CCCCCC;
}

#products .site-width {
  display: flex;
  justify-content: space-evenly;
  padding: 4em 0;
  
  @media (max-width: 850px) { & { justify-content: space-around; } }
  @media (max-width: 650px) { & { justify-content: space-between; } }
  @media (max-width: 600px) { & { flex-direction: column; padding: 2em 0; } }
}

#products .site-width > DIV {
  width: 30%;
  font-size: 81.25%;
  line-height: 1.72;
  text-align: center;

  @media (max-width: 850px) { & { width: 40%; } }
  @media (max-width: 650px) { & { width: 46%; } }
  @media (max-width: 600px) { & { width: 100%; margin: 2em 0; } }
}

#products .site-width > DIV H2 {
  margin: 0;
  font-size: 307%;
  line-height: 1;
  text-transform: uppercase;
}

#products .site-width > DIV H3 {
  border-top: 0.0625rem solid #C2C2C2;
  border-bottom: 0.0625rem solid #C2C2C2;
  margin: 1em 0;
  padding: 0.8em 0;
  color: #111111;
  font-weight: bold;
  font-size: 115.38%;
  line-height: 1;
  text-transform: uppercase;
}

#products .button { font-size: 116%; }

#partners {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 2.5em 0;

  @media (max-width: 600px) { & { flex-wrap: wrap; justify-content: center; } }
}

#partners IMG {
  max-width: 100%;
  height: auto;
  margin: 1em 0;

  @media (max-width: 600px) { & { margin: 1em; } }
}

/* SUBPAGE STYLES */
.sub-header {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 3.75em 0;
  color: #FFFFFF;
  font-size: 1.0625rem;
  line-height: 1.4;
  text-align: center;
  position: relative;
}

.sub-header.trial-box {
  min-height: 10.78125rem;
  text-align: left;

  @media (max-width: 600px) { & { min-height: 0; } }
}

.sub-header.trial-box .site-width {
  box-sizing: border-box;
  padding-right: 20.625rem;

  @media (max-width: 600px) { & { padding-right: 0; } }
}

.sub-header.trial-box #banner-form {
  width: 18.75rem;
  padding: 0.75em 0.625rem;
}

.sub-header.sh-red { background: #ED243B; }
.sub-header.sh-blue { background: #2F82BF; }
.sub-header.sh-black { background: #252525; }
.sub-header.sh-gray { background: #EBEBEB; color: #555555; }

.sub-header .site-width H1 {
  margin: 0;
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
}

.sub-header .site-width H2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.shin {
  border-top: 0.0625rem solid #CCCCCC;
  padding: 0.9em 2%;
  background: #EBEBEB;
  color: #555555;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.shin.black { background: #252525; color: #FFFFFF; }

.content { padding: 3rem 0; }

.content IMG { max-width: 100%; height: auto; }

.intro {
  padding: 0 10%;
  font-style: italic;
  font-size: 80%;
  line-height: 1.4;
}

.header-bar {
  margin: 0 0 1.3em;
  padding: 0.4em 0;
  background: #ED243B;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
}

.col2 {
  display: flex; justify-content: space-between;

  @media (max-width: 700px) { & { flex-direction: column; } }
}

.col2 > DIV {
  width: 45%;

  @media (max-width: 700px) { & { width: 100%; } }
}

H4.gslide-title {
  margin-bottom: 0 !important;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  text-decoration: none;
}

.glbvideo {
  display: block;
  aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.glbvideo > DIV {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z'/%3E%3C/svg%3E");
}

.glbvideo:hover > DIV {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ED243B' d='M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z'/%3E%3C/svg%3E");
}

.glbvideo:before, .glbvideo:after {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: rgba(225,225,225,0.9);
  color: #1B1B1B;
  line-height: 1;
  text-align: left;
}

.glbvideo:before {
  content: attr(data-title);
  bottom: 1.5rem;
  padding: 2.25% 4% 0.3em;
  font-weight: 800;
  font-size: 0.9375rem;
}

.glbvideo:after {
  content: attr(data-description);
  bottom: 0;
  height: 1.5rem;
  padding: 0 4%;
  font-weight: 600;
  font-size: 0.875rem;
}

/* TRIAL */
.trial-header {
  margin-bottom: 4rem;
  padding: 1.2em 0;
  background: #EBEBEB;
  font-weight: 600;
  font-size: 270%;
  line-height: 1;
}

.trial-steps { position: relative; }

.trial-steps OL {
  margin-left: 0;
  padding-left: 0;
  font-weight: bold;
  font-size: 331%;
  line-height: 1;
  text-transform: uppercase;
  counter-reset: item;
  list-style-type: none;

  @media (max-width: 850px) { & { font-size: 6.231vw; } }
  @media (max-width: 600px) { & { font-size: 8.827vw; } }
}

.trial-steps OL LI { padding-bottom: 2rem; }

.trial-steps OL LI:before {
  content: counter(item) "  "; 
  counter-increment: item;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  line-height: 1.3em;
  text-align: center;
  margin: 0 0.5em 0 0;
  border: 0.1875rem solid #CCCCCC;
  border-radius: 50%;
  color: #ED243B;
  font-weight: 800;
  font-size: 84.5921%;
}

.trial-steps .image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 42%;
  height: auto;
  
  @media (max-width: 600px) { & { display: none; } }
}

.trial {
  text-align: center;
  padding: 3em 0;
  border-bottom: 0.0625rem solid #EBEBEB;
  margin-bottom: 3em;
}

.trial #trial-windows { height: 1.5em; width: auto; }

.trial #trial-mbg { height: 8em; width: auto;}

#form-download {
  width: 39.6875rem;
  margin: 0 auto;

  @media (max-width: 800px) { & { display: none; } }
  @media (max-width: 700px) { & { width: 96%; } }
}

#form-download .note {
  margin-top: 2em; font-size: 80%; line-height: 1.2; text-align: center;
}

.refer { margin: 4em auto 0; text-align: center; }

#form-download-reminder {
  display: none;
  width: 39.6875rem;
  margin: 0 auto;

  @media (max-width: 800px) { & { display: block; } }
  @media (max-width: 700px) { & { width: 96%; } }
}

#form-download-reminder .instructions { padding-bottom: 2em; text-align: center; }

@media (max-width: 800px) {
  #form-download.desktop-on { display: block; }
  #form-download-reminder.mobile-off { display: none; }
}

#iam-testimonials {
  margin-top: 4rem;
  background: #EBEBEB;
  color: #555555;
  font-weight: 600;
  font-size: 118.75%;
  line-height: 1.5;
  text-align: center;
}

#iam-testimonials .cycle-slide {
  height: 12em;
  width: 70%;
  padding: 0 15%;

  @media (max-width: 600px) { & { width: 96%; padding: 0 2%; } }
}

#iam-testimonials .cycle-slide > DIV {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.downloadbutton {
  margin-bottom: 2em;
  padding: 1em 2em;
  font-size: 200%;

  @media (max-width: 500px) { & { font-size: 6.4vw; } }
}

.download-note {
  width: 60%;
  margin: 2em auto 0;

  @media (max-width: 550px) { & { width: 100%; } }
}

/* IAM4 IMPROVED FEATURES */
#iam4if {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2em auto;
  font-weight: bold;
  font-size: 137%;

  @media (max-width: 800px) { & { flex-direction: column; } }
}

#iam4if .text {
  width: 45%;

  @media (max-width: 800px) { & { width: 100%; } }
}

#iam4if H1 {
  margin: 0;
  font-size: 260%;
  line-height: 1;
}

#iam4if HR { margin: 0.8em 0; }

#iam4if UL { margin: 0; padding: 0; list-style-type: none; }

#iam4if UL LI {
  padding: 0.75em 0 0.75em 1.5em;
  position: relative;
  line-height: 1;
}

#iam4if UL LI:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ED243B' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat center;
}

#iam4if .image {
  width: 50%;
  height: auto;

  @media (max-width: 800px) { & { width: 100%; margin-top: 2em; } }
}

#iam4if-testimonials {
  background: url(../images/iam4-improved-features-testimonials.webp) center no-repeat;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 118.75%;
  line-height: 1.5;
  text-align: center;
}

#iam4if-testimonials .cycle-slide {
  display: flex !important;
  align-items: center;
  min-height: 20.1875rem;
  width: 80%;
  padding: 0 10%;
}

#iam4if-features {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 4rem 0;

  @media (max-width: 700px) { & { flex-direction: column; padding: 2rem 0; } }
}

#iam4if-features > DIV {
  width: 30%;
  min-height: 11.5625rem;
  border-left: 1px solid #EBEBEB;
  padding-left: 2.5%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  @media (max-width: 700px) { & { width: 100%; min-height: 6.25rem; margin: 1em 0; } }
}

#iam4if-features .f1 { background-image: url(../images/iam4-improved-features-col1.webp); border-left: 0; padding-left: 0; }
#iam4if-features .f2 { background-image: url(../images/iam4-improved-features-col2.webp); }
#iam4if-features .f3 { background-image: url(../images/iam4-improved-features-col3.webp); }

#iam4if-features > DIV H2 {
  margin: 0.26em 0;
  font-size: 260%;
  line-height: 1;
  text-transform: uppercase;

  @media (max-width: 800px) { & { font-size: 180%; } }
  @media (max-width: 700px) { & { font-size: 238%; } }
  @media (max-width: 480px) { & { font-size: 200%; } }
}

#iam4if-features .button { align-self: center; margin: 2.5em auto 0; }

/* IAM FEATURES / IAM REPORTS */
.highlights UL {
  width: 50%;

  @media (max-width: 700px) { & { width: 96%; margin-bottom: 2em; } }
}

.highlights UL LI { padding-bottom: 1.3em; }

#mbg { max-width: 50%; height: auto; }

/* TESTIMONIALS */
.testimonials-header {
  margin-bottom: 4em;
  padding: 2.5em 0;
  background: #EBEBEB;
  color: #555555;
}

.testimonials-header .site-width,
.testimonials-header .sidebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.testimonials-header .text {
  width: 40%;
  font-size: 0.9375rem;
  line-height: 1.4;

  @media (max-width: 900px) { & { width: 100%; margin-bottom: 2rem; } }
}

.testimonials-header .text H2 {
  margin: 0 0 0.6em;
  font-weight: bold;
  font-size: 180%;
  line-height: 1.1;
  text-transform: uppercase;
}

.testimonials-header .sidebar {
  width: 57%;

  @media (max-width: 900px) { & { width: 100%; } }
}

.testimonials-header UL {
  width: calc(100% - 19rem);
  color: #ED243B;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.2;
  text-transform: uppercase;

  @media (max-width: 900px) { & { width: 48%; } }
  @media (max-width: 600px) { & { width: 100%; margin-bottom: 2rem; } }
}

.testimonials-header UL LI { padding-bottom: 0.5em; }

.testimonials-header UL LI A { color: #ED243B; text-decoration: none; }
.testimonials-header UL LI A:hover { color: #959595; }

.testimonials-header .glbvideo {
  width: 17rem;

  @media (max-width: 900px) { & { width: 48%; } }
  @media (max-width: 600px) { & { width: 100%; } }
}

#testimonials H3 {
  scroll-margin-top: 7rem;
  margin: 0 0 1.5em;
  color: #5E5E5E;
  font-weight: normal;
  font-size: 156.25%;
  line-height: 1.2;

  @media (max-width: 750px) { & { scroll-margin-top: 10rem; } }
  @media (max-width: 600px) { & { scroll-margin-top: 7rem; } }
}

#testimonials H3 STRONG { color: #ED243B; text-transform: uppercase; }

#testimonials HR { margin: 2em 0 4em; }

.testimonials-columns {
  column-count: 3;
  column-gap: 2.5rem;
  color: #888888;
  font-size: 85%;

  @media (max-width: 700px) { & { column-count: 2; } }
  @media (max-width: 500px) { & { column-count: 1; column-gap: 0; } }
}

.testimonials-columns DIV { break-inside: avoid; padding-bottom: 2em; }

/* UPLOADING YOUR PORTFOLIO TO YAHOO FINANCE */
.yahoo LI { padding-bottom: 3em; }
.yahoo LI IMG { width: 470px; height: auto; }
.yahoo LI IMG.full { width: 100%; height: auto; }

/* SECURE */
.secure-header {
  padding: 2em 0;
  background: #2E65B0;
  color: #FFFFFF;
  text-align: center;
}

.secure { padding-bottom: 4em; }

.secure H2 {
  margin: 0 0 1.5em;
  border-bottom: 1px solid #EBEBEB;
  padding: 0.8em 0;
  color: #4B4B4B;
  font-weight: bold;
  font-size: 270%;
  line-height: 1;
  text-align: center;
}

.secure H3 {
  margin: 0 0 0.5em;
  color: #555555;
  font-size: 1.5em;
  line-height: 1;
}

.secure H4 {
  color: #555555;
  font-size: 120%;
  text-decoration: none;
}

.secure HR { margin: 3em 0 3.3em; }

.secure IMG { margin: 2em 4em 0 0; }
.secure IMG:last-of-type { margin: 2em 0 0 0; }

/* UNIFIED ACCOUNT MANAGEMENT */
.uam-chart {
  margin-bottom: 4em;
  padding: 3.5em 0;
  background: #EBEBEB;
  text-align: center;
}

.uam-chart IMG { max-width: 100%; height: auto; }

.uam {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.uam > DIV {
  box-sizing: border-box;
  width: 30%;
  margin: 2em 0;
  border-top-width: 0.5625rem;
  border-top-style: solid;

  @media (max-width: 750px) { & { width: 46%; } }
  @media (max-width: 550px) { & { width: 100%; } }
}

.uam > DIV H3 {
  margin: 0.6em 0;
  font-size: 160%;
  line-height: 1.1;
}

.uam > DIV LI { padding-bottom: 0.8em; }

.uam > DIV.download {
  border-top: 0;
  padding: 1.6em 1em;
  background: #EBEBEB;
  olor: #363636;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.uam > DIV.download > DIV {
  padding-bottom: 1em;
  font-size: 125%;
  line-height: 1.3;
}

/* ABOUT */
.about-cols {
  display: flex;
  justify-content: space-between;

  @media (max-width: 600px) { & { flex-direction: column; } }
}

.about-cols > DIV {
  width: 45%;
  margin-bottom: 2em;

  @media (max-width: 600px) { & { width: 100%; } }
}

/* CONTACT */
#form-contact {
  width: 39.6875rem;
  margin: 4rem auto;

  @media (max-width: 700px) { & { width: 96%; } }
}

#email-alert { color: #ED243B; transform: translateY(-1.25em); }

.contact-address { margin-bottom: 2em; text-align: center; }

.contact-phone { border-top: 0.0625rem solid #A1A1A1; }

.contact-phone A { color: #555555; text-decoration: none; }

.contact-phone .site-width {
  display: flex;
  justify-content: space-around;
  padding: 1em 0;
  font-size: 200%;
  line-height: 1;
  text-align: center;

  @media (max-width: 500px) { & { flex-direction: column; } }
}

/* FORMS */
.form .required { color: #898989; font-size: 70%; margin-bottom: 0.5em; }

.form INPUT[name="username"] { position: absolute; left: -999999999px; }

.form INPUT[type="text"], .woocommerce INPUT[type="text"],
.form INPUT[type="email"], .woocommerce INPUT[type="email"],
.form INPUT[type="tel"], .woocommerce INPUT[type="tel"],
.form INPUT[type="password"],
.form INPUT[type="date"],
.woocommerce INPUT[type="number"],
.form TEXTAREA,
.woocommerce SELECT {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.5em;
  outline: 0;
  border: 0.0625rem solid #555555;
  border-radius: 0.1875rem;
  padding: 0.5em 2%;
  background: #FFFFFF;
  color: #555555;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 0.9375rem;
  -webkit-appearance: none;
  appearance: none;
}

.woocommerce INPUT[type="number"] { width: 3rem; margin-bottom: 0; }

.form TEXTAREA { height: 10em; }

.form INPUT[type="checkbox"] { display: none; }

.form INPUT[type="checkbox"] + LABEL { display: inline-block; margin-bottom: 1.5em; }

.form INPUT[type="checkbox"] + LABEL:before {
  content: "";
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin-right: 0.4em;
  border: 0.09375rem solid #000000;
  border-radius: 0.125rem;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.form INPUT[type="checkbox"]:checked + LABEL:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z'/%3E%3C/svg%3E");
}

.form :-ms-input-placeholder, .woocommerce :-ms-input-placeholder { color: #555555; }
.form ::placeholder, .woocommerce ::placeholder { color: #555555; opacity: 1; }
.form :focus::placeholder, .woocommerce :focus::placeholder { color: transparent; opacity: 0; }

.form .alert:-ms-input-placeholder { color: #ED243B; }
.form .alert::placeholder { color: #ED243B; }
.form INPUT.alert, .form .alert { border-color: #ED243B; }

.form BUTTON {
  display: block;
  margin: 1.5em auto 0;
  outline: 0;
  border: 0;
  border-radius: 0.1875rem;
  padding: 1em 2em;
  background: #ED243B;
  color: #FFFFFF;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 93.75%;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.form BUTTON:disabled {
  pointer-events: none;
  background: #A0A0A0;
  color: #D8D8D8;
}

.form BUTTON:hover { background: #C2C2C2; color: #111111; }

.form BUTTON.loader {
  background: #A0A0A0; color: #D8D8D8; pointer-events: none; position: relative;
}

.form BUTTON.loader:before {
  --loader-size: 2rem;
  content: "";
  position: absolute;
  top: 0.375rem;
  left: calc(50% - (var(--loader-size) / 2));
  border: 0.1875rem solid #FFFFFF;
  border-top-color: #ED243B;
  border-radius: 50%;
  width: var(--loader-size);
  height: var(--loader-size);
  animation: spin 1s linear infinite;
  box-sizing: border-box;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#modal, #modal2 {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}

#modal-box, #modal-box2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 31.25rem;
  box-sizing: border-box;
  padding: 1.75rem 2.25rem;
  background: #FFFFFF;
  color: #070707;
  font-size: 1.5rem;
  line-height: 1.2;
}

#modal-box2 { width: auto; }

@media only screen and (max-width: 550px) { #modal-box, #modal-box2 { width: 96%; } }

#modal-button, #modal-button2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}

#modal-button:before, #modal-button2:before {
  content: "\2715";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 70%;
}

/* TESTIMONIAL REQUEST */
#form-testimonial .note {
  margin-top: 2em;
  color: #ED243B;
  font-size: 80%;
  line-height: 1.6;
  text-align: center;
}

/* BLOG */
.alignleft { float: left; margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }

.blog-post { margin-bottom: 3em; }

.blog-post H2 {
  margin: 0 0 0.5em;
  color: #363636;
  line-height: 1.1;
  text-transform: uppercase;
}

.blog-post .col2 IMG { width: 18.75rem; margin-right: 1em; }

.blog-post .col2 .text { width: auto; }

.blog-post .posted-on {
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 80%;
  line-height: 1;
  text-transform: uppercase;
}

.navigation {
  border-top: 0.0625rem solid #CCCCCC;
  padding: 1.9em 0;
  font-weight: 800;
  font-size: 130%;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;

  @media (max-width: 600px) { & { font-size: 3.467vw; } }
}

.navigation H2 { display: none; }

.navigation .nav-links {
  width: 1000px;
  margin: 0 auto;

  @media (max-width: 1024px) { & { width: 96%; } }
}

.navigation.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navigation .nav-links A.page-numbers {
  display: inline-block;
  padding: 0 0.25em;
  text-decoration: none;
}

.navigation .nav-links .prev {
  float: left;
  width: 15%;
  text-align: left;
}

.navigation .nav-links .next {
  float: right;
  width: 15%;
  text-align: right;
}

.navigation .nav-links .nav-previous {
  width: 46%;
  box-sizing: border-box;
  padding-left: 1em;
  text-align: left;
  position: relative;
}

.navigation .nav-links .nav-next {
  width: 46%;
  box-sizing: border-box;
  padding-right: 1em;
  text-align: right;
  position: relative;
}

.navigation .nav-links .prev:before,
.navigation .nav-links .next:after,
.navigation .nav-links .nav-previous:before,
.navigation .nav-links .nav-next:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.7em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.navigation .nav-links .nav-previous:before,
.navigation .nav-links .nav-next:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.navigation .nav-links .nav-next:after {
  left: auto;
  right: 0;
}

.navigation .nav-links .prev:before,
.navigation .nav-links .nav-previous:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23959595' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");
}

.navigation .nav-links .next:after,
.navigation .nav-links .nav-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23959595' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");
}

.navigation .nav-links .nav-previous A,
.navigation .nav-links .nav-next A { text-decoration: none; }

/* PRODUCTS */
.cards-index {
  width: 18.75rem;
  height: auto;
  margin-bottom: 1em;
}

#woo-store-vacation {
  border: 0.125rem dotted yellow;
  margin-bottom: 2em;
  padding: 0.5em 1em;
  background: #2F82BF;
  color: #FFFFFF;
  font-weight: bold;
}

.products.columns-4 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.products.columns-4 LI {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: 0.0625rem solid #EBEBEB;
  padding: 3em 0;

  @media (max-width: 480px) { & { flex-direction: column; } }
}

.products.columns-4 LI:first-of-type { border-top: 0; padding-top: 2em }

.shop-index-left {
  width: 30%;

  @media (max-width: 480px) { & { width: 100%; margin-bottom: 1.5em; } }
}

.shop-index-right {
  width: 60%;

  @media (max-width: 480px) { & { width: 100%; } }
}

.products.columns-4 LI .title-link {
  color: #555555;
  text-decoration: none;
}

.products.columns-4 LI .title-link H2 { margin-top: 0; }

.products.columns-4 LI P {
  margin: 0.5em 0 0;
  width: 90%;
}

.price {
  display: block;
  margin: 1em 0;
  color: #ED243B;
  font-size: 143%;
  font-weight: bold;
}

.price DEL {
  font-weight: normal;
  text-decoration-thickness: 0.125rem;
}

.price INS { text-decoration: none; }

.price .screen-reader-text { display: none; }

.products.columns-4 LI .note {
  width: 90%;
  margin-top: 2em;
  font-size: 80%;
}

/* Single Item */
.iam-single-product {
  display: flex; justify-content: space-between; align-items: flex-start;

  @media (max-width: 480px) { & { flex-direction: column; } }
}

.iam-single-product .image {
  width: 30%;

  @media (max-width: 480px) { & { width: 100%; margin-bottom: 1.5em; } }
}

.iam-single-product .summary {
  width: 60%;

  @media (max-width: 480px) { & { width: 100%; } }
}

.iam-single-product .summary H2 {
  margin: 0;
  font-size: 200%;
  line-height: 1;
  text-transform: uppercase;
}

.iam-single-product .summary .quantity { display: none; }

/* Cart */
.woocommerce-message { padding-bottom: 2em; }
.woocommerce-message .button { margin-right: 1em; }

.shop_table, .checkout-totals { width: 100%; }

.shop_table THEAD TR,
.checkout-totals THEAD TR { background: #F1F2F2; text-transform: uppercase; }

.shop_table TR { display: flex; }

.shop_table .product-name {
  order: 1;
  width: 50%;
  text-align: left;
  padding: 1.3em 0 1.3em 2%;

  @media (max-width: 700px) { & { width: calc(100% - 18.75rem); } }
}

.shop_table .product-subtotal {
  order: 2;
  width: 10%;
  text-align: right;
  padding: 1.3em 0;
  white-space: nowrap;

  @media (max-width: 700px) { & { width: 6.25rem; } }
}

.shop_table .product-quantity {
  order: 3;
  width: 28%;
  text-align: center;
  padding: 1.3em 0;

  @media (max-width: 700px) { & { width: 7.5rem; } }
}

.shop_table TD.product-quantity { padding: 0.65em 0; }

.shop_table .product-quantity LABEL { display: none; }

.shop_table .product-remove {
  order: 4;
  width: 8%;
  text-align: left;
  padding: 1.3em 2% 1.3em 0;

  @media (max-width: 800px) { & { width: 5rem; } }
}

.shop_table .product-remove A { font-size: 0; }
.shop_table .product-remove A:after { content: 'Remove'; font-size: 1rem; }

.shop_table .product-thumbnail, .shop_table .product-price { display: none; }

.cart-subtotal TH, .cart-subtotal TD,
.cart-discount TH, .cart-discount TD,
.tax-total TH, .tax-total TD,
.order-total TH, .order-total TD {
  width: 88%;
  padding: 0.8em 0;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;

  @media (max-width: 800px) { & { width: calc(100% - 6.25rem); } }
}

.cart-subtotal TH, .cart-subtotal TD,
.order-total TH, .order-total TD {
  border-top: 0.0625rem solid #EBEBEB;
}

.cart-subtotal TD,
.tax-total TD,
.cart-discount TD:last-of-type,
.order-total TD {
  width: 10%;
  padding-right: 2%;

  @media (max-width: 800px) { & { width: 6.25rem; } }
}

.cart-discount TD:last-of-type A { font-size: 70%; }

.shop_table .actions {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%;
  padding: 2em 0;

  @media (max-width: 650px) { & { flex-direction: column; justify-content: center; } }
}

@media (max-width: 650px) {
  .shop_table .actions .coupon { margin-bottom: 2em; }
}

.shop_table .actions .coupon LABEL { display: none; }

.shop_table .actions .coupon INPUT[type="text"] { width: 12.5rem; margin-bottom: 0; }

.woo-proceed {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 2em;

  @media (max-width: 650px) { & { flex-direction: column; justify-content: center; } }
}

.woo-proceed IMG {
  width: 18.75rem;

  @media (max-width: 650px) { & { margin-bottom: 2em; } }
}

.woo-refer { text-align: center; margin-top: 2em; }

.woocommerce-error {
  margin: 0 0 1em;
  padding: 1em 0;
  list-style-type: none;
  border: 0.125rem dotted yellow;
  background: #ED243B;
  color: yellow;
  font-weight: bold;
  text-align: center;
}

/* Checkout */
.checkout-totals THEAD TR TH:first-of-type,
.checkout-totals .product-name {
  text-align: left;
  padding: 1.3em 0 1.3em 2%;
}

.checkout-totals THEAD TR TH:last-of-type,
.checkout-totals .product-total {
  text-align: right;
  padding: 1.3em 2% 1.3em 0;
}

.woocommerce-checkout {
  margin-top: 2em;
  padding: 2em 5%;
  background: #EBEBEB;
  color: #555555;
}

.woocommerce-checkout H3 { display: none; }

.woocommerce-checkout H2 {
  margin: 0.1em 0;
  color: #363636;
  line-height: 1;
  text-transform: uppercase;
}

.woocommerce-checkout .form-row { margin: 0; }

.woocommerce-checkout .form-row LABEL { display: none; }

.woocommerce-checkout HR { background: #C2C2C2; margin-bottom: 1.5em; }

.woocommerce-checkout-review-order { position: relative; margin-top: 3em; }

.woocommerce-checkout-review-order .woocommerce-credit-cards {
  position: absolute;
  top: -1.75em;
  right: 0;
  max-width: 15.625rem !important;

  @media (max-width: 700px) { & { position: static; } }
}

.payment_methods {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.payment_methods LABEL IMG,
.payment_methods .payment_method_paypal_pro > P { display: none; }

.payment_methods .payment_method_paypal_pro FIELDSET { margin: 0.5em 0; }

.payment_methods .payment_method_paypal_pro FIELDSET .form-row-last INPUT { margin-bottom: 0; }

#payment .place-order {
  text-align: center;
  margin-top: 2em;
}

/* Order */
.woocommerce-order {
  margin: 2em auto 3em;
  width: 1000px;

  @media (max-width: 1024px) { & { width: 96%; } }
}

.woocommerce-order .woocommerce-notice {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
}

.woocommerce-order .iamuid {
  padding: 1em 2%;
  background: #F1F2F2;
  margin-bottom: 2em;
}

.woocommerce-order .ty-two-col {
  display: flex; justify-content: space-between; align-items: flex-start;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 2em;
}

.woocommerce-order .ty-two-col SPAN { width: 45%; }

.woocommerce-order .ty-two-col SPAN:last-of-type { text-align: right; }

.woocommerce-thankyou-order-details { display: none; }

.return-to-shop { text-align: center; padding-bottom: 3em; }

/* TUTORIALS */
#mbg-tutorials {
  float: right;
  margin-left: 2em;
  height: 8em;
  width: auto;
}

.video-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3em;
  scroll-margin-top: 7rem;

  @media (max-width: 600px) { & { flex-direction: column; } }
}

.video-wrap .glbvideo {
  width: 40%;

  @media (max-width: 600px) { & { width: 100%; } }
}

.video-wrap .video-desc {
  width: 58%;

  @media (max-width: 600px) { & { width: 100%; } }
}