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

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

@media screen and (max-width: 768px) {
  .smartbreak-max-mobile {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .smartbreak-min-tablet {
    display: block;
  }
}

@media screen and (max-width: 990px) {
  .smartbreak-max-tablet {
    display: block;
  }
}

@media screen and (min-width: 990px) {
  .smartbreak-min-desktop {
    display: block;
  }
}

@media screen and (max-width: 990px) {
  .smartbreak-max-desktop {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .smartbreak-max-wide-desktop {
    display: block;
  }
}

@media screen and (min-width: 1100px) {
  .smartbreak-min-wide-desktop {
    display: block;
  }
}

@keyframes topBar-activate {
  0% {
    top: 0;
  }
  50% {
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    top: 50%;
    transform: translateY(-50%) rotate(45deg) scaleX(0.9);
  }
}

@keyframes topBar-deactivate {
  0% {
    top: 50%;
    transform: translateY(-50%) rotate(45deg) scaleX(0.9);
  }
  50% {
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    top: 0;
  }
}

@keyframes middleBar-activate {
  0% {
    transform: translateY(-50%) scaleX(1);
  }
  49% {
    transform: translateY(-50%) scaleX(1);
  }
  50% {
    transform: translateY(-50%) scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}

@keyframes middleBar-deactivate {
  100% {
    transform: translateY(-50%) scaleX(1);
  }
  50% {
    transform: translateY(-50%) scaleX(1);
  }
  49% {
    transform: translateY(-50%) scaleX(0);
  }
  0% {
    transform: scaleX(0);
  }
}

@keyframes bottomBar-activate {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 50%;
    transform: translateY(50%) rotate(0deg);
  }
  100% {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg) scaleX(0.9);
  }
}

@keyframes bottomBar-deactivate {
  100% {
    bottom: 0;
  }
  50% {
    bottom: 50%;
    transform: translateY(50%) rotate(0deg);
  }
  0% {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg) scaleX(0.9);
  }
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  padding-top: 8.5em;
  font-family: 'Hero New';
  color: #868686;
}

body.admin-bar {
  padding-top: calc(6.5em + 46px);
}

body.has-full-bleed-page-hero {
  padding-top: 0;
}

img {
  max-width: 100%;
}

a {
  color: #d60000;
}

a:visted {
  color: #d60000;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  max-width: 1100px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .has-sidebar .page-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1em;
    padding-right: 1em;
    max-width: 1100px;
    position: relative;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "content sidebar";
    grid-column-gap: 2em;
  }
  .has-sidebar .content-blocks {
    grid-area: content;
  }
  .has-sidebar .sidebar {
    grid-area: sidebar;
    margin-top: 4em;
  }
  .has-sidebar .sidebar .container {
    padding: 0;
  }
}

@font-face {
  font-family: 'Hero New';
  src: url("../fonts/HeroNew-Medium.woff2") format("woff2"), url("../fonts/HeroNew-Medium.woff") format("woff"), url("../fonts/HeroNew-Medium.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: 'Hero New';
  src: url("../fonts/HeroNew-Bold.woff2") format("woff2"), url("../fonts/HeroNew-Bold.woff") format("woff"), url("../fonts/HeroNew-Bold.ttf") format("truetype");
  font-weight: bold;
}

.leadin, .resources-downloads-label, .product-feature-info h4, .wysiwyg-block h4, .wysiwyg-columns h4 {
  font-weight: bold;
  color: #231a7c;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1em;
  margin: 0;
}

.headline, .resources-downloads h2, .product-feature-headline, .wysiwyg-block h2, .wysiwyg-block h3, .single-post .post-title {
  color: #d60000;
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.2;
  margin: 0;
}

.white-txt {
  color: white;
}

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

.button, .button-reverse, .qomo-contact-box-button, .product-info .product-info-resources-button {
  display: inline-block;
  position: relative;
  background-color: #d60000;
  color: white;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  padding: 1.5em 3em;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  border: none;
}

.button::after, .button-reverse::after, .qomo-contact-box-button::after, .product-info .product-info-resources-button::after {
  transform: scale(0);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 100px;
  z-index: 1;
  border: 2px solid #d60000;
  box-sizing: border-box;
}

.button:hover .button-text, .button-reverse:hover .button-text, .qomo-contact-box-button:hover .button-text, .product-info .product-info-resources-button:hover .button-text {
  color: #d60000;
}

.button:hover::after, .button-reverse:hover::after, .qomo-contact-box-button:hover::after, .product-info .product-info-resources-button:hover::after {
  transform: scale(1);
  opacity: 1;
}

.button-reverse, .qomo-contact-box-button {
  background-color: white;
}

.button-reverse::after, .qomo-contact-box-button::after {
  background-color: #d60000;
  border-color: white;
}

.button-reverse:hover .button-text, .qomo-contact-box-button:hover .button-text {
  color: white;
}

.button-text {
  position: relative;
  z-index: 2;
  color: white;
}

.button-reverse .button-text, .qomo-contact-box-button .button-text {
  color: #d60000;
}

a.youtube-link {
  color: #999;
  text-decoration: none;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 2em;
}

a.youtube-link img {
  width: 90%;
  height: auto;
  margin-bottom: 1em;
}

section.table {
  padding: 2em 0;
}

section.table .container {
  overflow-x: scroll;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th, table td {
  padding: 0.5em;
}

table thead {
  color: #231a7c;
}

table thead tr {
  border-bottom: 2px solid #ccc;
}

table thead th {
  padding: 1em 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.625em;
  letter-spacing: 0.125em;
}

@media screen and (min-width: 768px) {
  table thead th {
    font-size: 0.75em;
    letter-spacing: 0.25em;
  }
}

table tbody {
  color: #999;
}

table tbody tr:nth-child(2n + 1) {
  background-color: #efefef;
}

table tbody td {
  font-size: 0.75em;
  border-right: 2px solid #ccc;
}

@media screen and (min-width: 768px) {
  table tbody td {
    font-size: 0.875em;
  }
}

table tbody td:first-child {
  font-weight: 600;
}

table tbody td:last-child {
  border-right: none;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gform_wrapper {
  margin: 2em 10%;
}

.has-sidebar .gform_wrapper {
  margin: 2em 0;
}

.gform_wrapper .gform_body .gform_fields {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gform_wrapper .gform_body .gform_fields .gfield {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .gform_wrapper .gform_body .gform_fields .gfield {
    width: 48%;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield input,
.gform_wrapper .gform_body .gform_fields .gfield textarea,
.gform_wrapper .gform_body .gform_fields .gfield select {
  font-size: 1.125em;
  width: 100%;
  margin: 1em 0;
  padding: 1em;
  border: 2px solid #ccc;
  box-sizing: border-box;
  color: black;
  font-family: 'Hero New';
}

.gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder,
.gform_wrapper .gform_body .gform_fields .gfield select::placeholder {
  text-transform: lowercase;
  color: #999;
}

.gform_wrapper .gform_body .gform_fields .gfield input:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus {
  outline: none;
  border-color: #666;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select,
.gform_wrapper .gform_body .gform_fields .gfield .address_country {
  position: relative;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select::after,
.gform_wrapper .gform_body .gform_fields .gfield .address_country::after {
  display: block;
  position: absolute;
  content: '>';
  pointer-events: none;
  right: 1em;
  top: 50%;
  line-height: 1;
  color: #d60000;
  font-size: 1.5em;
  transform: scaleX(1.5) translateY(-50%) rotate(90deg);
}

.gform_wrapper .gform_body .gform_fields .gfield select {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: transparent;
}

.gform_wrapper .gform_body .gform_fields .gfield select:focus {
  outline: none;
}

.gform_wrapper .gform_body .gform_fields .gfield select:invalid {
  color: #666;
}

.gform_wrapper .gform_body .gform_fields .gfield select option,
.gform_wrapper .gform_body .gform_fields .gfield select [disabled] {
  color: #666;
  padding: 2em;
  appearance: none;
}

.gform_wrapper .gform_body .gform_fields .gfield select .gf_placeholder {
  color: #666;
  text-transform: lowercase;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_left,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_right,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_left,
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_right,
  .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex span {
    width: 48%;
  }
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_full {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield.gf_full {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio label,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox label {
  display: inline;
  margin-left: 0.5em;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio input,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox input {
  width: auto;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio ul,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio li,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox li {
  display: inline;
  margin-right: 1em;
}

.gform_wrapper .gform_body .gform_fields label {
  display: none;
}

.gform_wrapper .gform_body .gform_fields .show-label label {
  display: block;
  margin-top: 1em;
}

.gform_wrapper .gform_body .gform_fields .gsection {
  width: 100%;
  background-color: #efefef;
  height: 2px;
  margin: 2em 0;
}

.gform_validation_container {
  display: none;
}

.gform_footer {
  text-align: center;
}

.gf_clear_complex {
  display: none;
}

.gfield_contains_required {
  position: relative;
}

.gfield_contains_required::before {
  position: absolute;
  content: '*';
  top: 0.5em;
  right: -0.5em;
  background-color: #ccc;
  color: white;
  border-radius: 10px;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 1.75;
  z-index: 1;
}

.gform_button {
  border: 2px solid #d60000;
}

.gform_button:hover {
  background-color: white;
  color: #d60000;
}

#field_3_19 > label {
  display: block;
}

.gform_confirmation_wrapper {
  margin: 4em 0;
  text-align: center;
  font-size: 2em;
}

.warranty-form .gform_wrapper .gform_body .gform_fields .gfield {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .warranty-form .gform_wrapper .gform_body .gform_fields .gfield {
    width: 32%;
  }
}

.warranty-form .gform_wrapper .gform_body .gform_fields .gsection {
  width: 100%;
}

.warranty-form li#field_8_1 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .warranty-form li#field_8_1 {
    width: 66%;
  }
}

.warranty-form span#input_8_1_3_container, .warranty-form span#input_8_1_6_container {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .warranty-form span#input_8_1_3_container, .warranty-form span#input_8_1_6_container {
    width: 48.5%;
  }
}

.product-info-form .gform_wrapper .gform_body .gform_fields .gfield {
  width: 100%;
}

.product-info-form span#input_7_1_3_container, .product-info-form span#input_7_1_6_container {
  width: 100%;
}

.white-form .gform_wrapper .gform_body .gform_fields .gfield input, .white-form .gform_wrapper .gform_body .gform_fields .gfield select {
  color: #fff;
  background: none;
  border: #fff solid .2em;
}

.white-form .gform_wrapper .gform_body .gform_fields .gfield input:focus, .white-form .gform_wrapper .gform_body .gform_fields .gfield select:focus {
  border-color: white;
}

.white-form .gform_wrapper .gform_body .gform_fields .gfield input::placeholder, .white-form .gform_wrapper .gform_body .gform_fields .gfield select::placeholder {
  color: white;
}

.white-form input.gform_button {
  background-color: white;
  color: #d60000;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-appearance: none;
}

.white-form input.gform_button:hover {
  background-color: #d60000;
  color: white;
  border-color: #fff;
}

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

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_select::after {
  color: white;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all, table.ui-datepicker-calendar {
  background: white;
}

a.ui-datepicker-prev.ui-corner-all {
  margin-right: 15px;
}

div#gform_page_10_1 ul#gform_fields_10 li, div#gform_page_14_1 ul#gform_fields_14 li {
  width: 100%;
}

div#gform_page_10_1 ul#gform_fields_10 .gfield_checkbox li, div#gform_page_14_1 ul#gform_fields_14 .gfield_checkbox li {
  margin-bottom: 1.5em;
  box-sizing: border-box;
  position: relative;
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  div#gform_page_10_1 ul#gform_fields_10 .gfield_checkbox li, div#gform_page_14_1 ul#gform_fields_14 .gfield_checkbox li {
    width: 48%;
  }
}

div#gform_page_10_1 ul#gform_fields_10 .gfield_checkbox li input, div#gform_page_14_1 ul#gform_fields_14 .gfield_checkbox li input {
  position: absolute;
  opacity: 0;
  bottom: 0;
}

.gfield_checkbox {
  display: flex !important;
  flex-flow: row wrap;
  flex: 1;
  justify-content: space-between;
}

.product {
  width: 100%;
  display: flex;
  border: solid 1.5px #B7B7B7;
  box-sizing: border-box;
  height: 100%;
}

.product .title {
  font-size: 1.5em;
  color: #888888;
  font-weight: 600;
}

.product .description {
  font-size: 1em;
  color: #888;
}

.product-description {
  width: 70%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #f6f6f6;
  border-right: solid 1.5px #B7B7B7;
}

.product .image {
  width: 30%;
  align-self: center;
}

#gform_page_10_1 label, #gform_page_14_1 label {
  width: 100%;
  display: block !important;
  margin-left: 0 !important;
  color: #d60000;
  border-color: #888;
}

label.gfield_label {
  margin-top: 40px;
  font-size: 2em;
  color: #888;
}

body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox], body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox] {
  opacity: 0;
}

body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox] + label, body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox] + label {
  position: relative;
  overflow: hidden;
  padding-top: 35px;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
}

body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox] + label:before,
body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox] + label:after,
body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox] + label:before,
body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox] + label:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-transition: .2s;
  transition: .2s;
}

/* after */
body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox]:not(:checked) + label:after, body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox]:not(:checked) + label:after {
  width: 25px;
  height: 25px;
  border: 2px solid #d60000;
  border-radius: 50%;
  top: 0;
}

body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox]:checked + label:after, body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox]:checked + label:after {
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  border: 2px solid #d60000;
  background-color: #d60000;
  z-index: 0;
  border-radius: 2px;
  border-radius: 50%;
}

/* before */
body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox]:not(:checked) + label:before, body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox]:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

body #gform_wrapper_10 .gfield_checkbox li input[type=checkbox]:checked + label:before, body #gform_wrapper_14 .gfield_checkbox li input[type=checkbox]:checked + label:before {
  top: 0;
  left: 1px;
  width: 5px;
  height: 13px;
  margin-top: 3px;
  margin-left: 2px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

span.step.active {
  color: #d60000;
}

span.step.inactive {
  color: #d6000075;
}

span.step {
  font-size: 2em;
  padding: 1em 2em;
  display: inline-block;
}

.form-step {
  /* padding: 20px; */
  text-align: center;
  border-top: solid 1.5px #f1f1f1;
  border-bottom: solid 1.5px #f1f1f1;
}

.step-title h2 {
  font-size: 3em;
}

.step-title {
  margin-top: 3em;
  border-bottom: solid 1.5px #f1f1f1;
  padding-bottom: 1.5em;
  padding-left: 1em;
}

div#gf_progressbar_wrapper_10, div#gf_progressbar_wrapper_14 {
  display: none;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_html {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio .gfield_radio {
  text-align: center;
}

li#field_10_24 {
  width: 100%;
}

li#field_10_24 label, li#field_10_26 label, li#field_14_26 label {
  display: block;
  width: 100%;
  text-align: center;
}

li#field_10_26, li#field_14_26 {
  width: 100%;
}

span#input_10_20_6_container {
  width: 100%;
}

li#field_10_20 {
  width: 100%;
}

li#field_14_20 {
  width: 48%;
}

body #gform_wrapper_10 .gfield_radio li input[type=radio], body #gform_wrapper_14 .gfield_radio li input[type=radio] {
  opacity: 0;
}

body #gform_wrapper_10 .gfield_radio li input[type=radio] + label, body #gform_wrapper_14 .gfield_radio li input[type=radio] + label {
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 10px;
}

body #gform_wrapper_10 .gfield_radio li input[type=radio] + label:before,
body #gform_wrapper_10 .gfield_radio li input[type=radio] + label:after,
body #gform_wrapper_14 .gfield_radio li input[type=radio] + label:before,
body #gform_wrapper_14 .gfield_radio li input[type=radio] + label:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-transition: .2s;
  transition: .2s;
}

/* after */
body #gform_wrapper_10 .gfield_radio li input[type=radio]:not(:checked) + label:after, body #gform_wrapper_14 .gfield_radio li input[type=radio]:not(:checked) + label:after {
  width: 25px;
  left: 0;
  height: 25px;
  border: 2px solid #d60000;
  border-radius: 50%;
  top: 0;
}

body #gform_wrapper_10 .gfield_radio li input[type=radio]:checked + label:after, body #gform_wrapper_14 .gfield_radio li input[type=radio]:checked + label:after {
  left: 0;
  width: 25px;
  height: 25px;
  top: 0;
  border: 2px solid #d60000;
  background-color: #d60000;
  z-index: 0;
  border-radius: 2px;
  border-radius: 50%;
}

/* before */
body #gform_wrapper_10 .gfield_radio li input[type=radio]:not(:radio) + label:before, body #gform_wrapper_14 .gfield_radio li input[type=radio]:not(:radio) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

body #gform_wrapper_10 .gfield_radio li input[type=radio]:checked + label:before, body #gform_wrapper_14 .gfield_radio li input[type=radio]:checked + label:before {
  left: 0;
  width: 5px;
  height: 13px;
  margin-left: 2px;
  margin-top: -2px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

li#field_10_28 {
  width: 100%;
}

li#field_10_28 label {
  display: inline-block;
}

.gform_page_footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}

.gform_page_footer {
  margin-top: 2em;
}

ul#input_10_26, ul#input_10_24, ul#input_14_26 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

span#input_10_29_5_container {
  width: 100%;
}

#gform_wrapper_10 .gform_body .gform_fields .gfield .ginput_container_select::after {
  color: #d60000;
}

.gform_wrapper .gform_body .gform_fields .gfield select .gf_placeholder {
  color: #666 !important;
}

li#field_10_14, li#field_14_14 {
  width: 100%;
}

li#field_10_17 {
  width: 100%;
}

input#gform_previous_button_10, input#gform_previous_button_14 {
  background-color: #ddd;
  color: #666;
}

input#gform_previous_button_10:hover, input#gform_previous_button_14:hover {
  background-color: #666;
  color: #ddd;
}

@media (min-width: 700px) {
  li#field_10_27, li#field_14_27 {
    width: 50%;
    margin: 0 auto;
  }
}

.gform_page_footer.top_label {
  justify-content: space-between;
}

.cart-intro {
  text-align: center;
}

.cart-intro h1 {
  color: #d60000;
  font-size: 3em;
  font-weight: normal;
}

.cart-intro h3 {
  color: #999;
  font-size: 2em;
  margin-bottom: 2em;
}

.resources-downloads {
  text-align: center;
  padding: 4em 0;
}

.resources-downloads h2 {
  margin-bottom: 1em;
}

.resources-downloads-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.resources-downloads-list-item {
  margin: 1em 2.5%;
  width: 25%;
}

@media screen and (min-width: 550px) {
  .resources-downloads-list-item {
    width: 15%;
  }
}

@media screen and (min-width: 768px) {
  .resources-downloads-list-item {
    width: 10%;
  }
}

.resources-downloads-link {
  display: block;
  text-decoration: none;
  transform: scale3d(1, 1, 1);
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.resources-downloads-link:hover {
  transform: scale3d(1.1, 1.1, 1.1);
}

.resources-downloads-label {
  font-size: 0.75em;
  margin-top: 0.5em;
}

.big-box-hero {
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  color: white;
  position: relative;
}

.big-box-hero .container {
  z-index: 2;
  padding-top: 10%;
  padding-bottom: 10%;
}

.sticky-header .big-box-hero {
  padding-top: 6.5em;
}

.big-box-hero-color {
  background-color: #d60000;
}

.big-box-hero-color .container {
  padding-top: 5%;
  padding-bottom: 5%;
}

.big-box-hero-color .big-box-hero-subheader {
  color: #f3807e;
}

.big-box-hero-image .container {
  padding-top: 5%;
  padding-bottom: 5%;
}

.big-box-hero-image hgroup {
  font-size: 0.8em;
}

.big-box-hero-image .big-box-hero-headline {
  color: #d60000;
}

.big-box-hero-image .big-box-hero-subheader {
  color: #aaa;
  font-weight: normal;
  line-height: 1.5;
}

.big-box-hero-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.big-box-hero-headline {
  font-size: 2em;
  line-height: 1.3;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .big-box-hero-headline {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 990px) {
  .big-box-hero-headline {
    font-size: 3em;
  }
}

.big-box-hero-subheader {
  font-size: 1em;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .big-box-hero-subheader {
    font-size: 1.25em;
  }
}

@media screen and (min-width: 990px) {
  .big-box-hero-subheader {
    font-size: 1.5em;
  }
}

.big-box-hero-cta {
  margin-top: 2em;
  font-size: 0.75em;
}

@media screen and (min-width: 768px) {
  .big-box-hero-cta-wrapper {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    grid-column-gap: 20px;
  }
  .big-box-hero-cta-wrapper .big-box-hero-cta .button-reverse, .big-box-hero-cta-wrapper .big-box-hero-cta .qomo-contact-box-button {
    min-width: 250px;
  }
}

.big-box-hero-slider {
  border-bottom: 1px solid #ccc;
}

.big-box-hero-slider .slides {
  list-style: none;
  margin: 0;
  padding: 0;
}

.big-box-hero-slider .slide {
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  color: white;
  position: relative;
}

.sticky-header .big-box-hero-slider .slide {
  padding-top: 6.5em;
}

.big-box-hero-slider .slide.feature-image .headline, .big-box-hero-slider .slide.feature-image .resources-downloads h2, .resources-downloads .big-box-hero-slider .slide.feature-image h2, .big-box-hero-slider .slide.feature-image .product-feature-headline, .big-box-hero-slider .slide.feature-image .wysiwyg-block h2, .wysiwyg-block .big-box-hero-slider .slide.feature-image h2, .big-box-hero-slider .slide.feature-image .wysiwyg-block h3, .wysiwyg-block .big-box-hero-slider .slide.feature-image h3, .big-box-hero-slider .slide.feature-image .single-post .post-title, .single-post .big-box-hero-slider .slide.feature-image .post-title {
  color: #d60000;
}

.big-box-hero-slider .slide.feature-image .subheader {
  color: #999;
}

@media screen and (max-width: 768px) {
  .big-box-hero-slider .slide.feature-image .container {
    grid-template-rows: auto;
    grid-template-areas: "image" "content";
  }
}

@media screen and (min-width: 768px) {
  .big-box-hero-slider .slide.feature-image .container {
    grid-template-columns: 50% 50%;
    grid-template-areas: "content image";
  }
}

.big-box-hero-slider .slide.feature-image .content {
  grid-area: content;
}

.big-box-hero-slider .slide.feature-image .feature-image {
  grid-area: image;
  margin-bottom: 1em;
}

.big-box-hero-slider .container {
  z-index: 2;
  display: grid;
  align-items: center;
  min-height: 400px;
  padding-top: 8%;
  padding-bottom: 8%;
}

.sticky-header .big-box-hero-slider .container {
  height: calc(75vh - 6.5em);
}

.big-box-hero-slider .content {
  width: 100%;
}

.big-box-hero-slider .headline, .big-box-hero-slider .resources-downloads h2, .resources-downloads .big-box-hero-slider h2, .big-box-hero-slider .product-feature-headline, .big-box-hero-slider .wysiwyg-block h2, .wysiwyg-block .big-box-hero-slider h2, .big-box-hero-slider .wysiwyg-block h3, .wysiwyg-block .big-box-hero-slider h3, .big-box-hero-slider .single-post .post-title, .single-post .big-box-hero-slider .post-title {
  font-size: 2em;
  line-height: 1.3;
  font-weight: normal;
  color: white;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .big-box-hero-slider .headline, .big-box-hero-slider .resources-downloads h2, .resources-downloads .big-box-hero-slider h2, .big-box-hero-slider .product-feature-headline, .big-box-hero-slider .wysiwyg-block h2, .wysiwyg-block .big-box-hero-slider h2, .big-box-hero-slider .wysiwyg-block h3, .wysiwyg-block .big-box-hero-slider h3, .big-box-hero-slider .single-post .post-title, .single-post .big-box-hero-slider .post-title {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 990px) {
  .big-box-hero-slider .headline, .big-box-hero-slider .resources-downloads h2, .resources-downloads .big-box-hero-slider h2, .big-box-hero-slider .product-feature-headline, .big-box-hero-slider .wysiwyg-block h2, .wysiwyg-block .big-box-hero-slider h2, .big-box-hero-slider .wysiwyg-block h3, .wysiwyg-block .big-box-hero-slider h3, .big-box-hero-slider .single-post .post-title, .single-post .big-box-hero-slider .post-title {
    font-size: 3em;
  }
}

.big-box-hero-slider .subheader {
  font-size: 1em;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .big-box-hero-slider .subheader {
    font-size: 1.25em;
  }
}

@media screen and (min-width: 990px) {
  .big-box-hero-slider .subheader {
    font-size: 1.5em;
  }
}

.big-box-hero-slider .cta {
  margin-top: 2em;
  font-size: 0.75em;
}

.big-box-hero-slider .background-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.flexslider {
  margin: 0;
  padding: 0;
  position: relative;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  z-index: 10;
  margin: 1em 0;
  padding: 0;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  text-indent: -9999px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: white;
}

.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}

#big-video {
  position: relative;
  background: #000;
  overflow: hidden;
  max-height: 700px;
}

#big-video video {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}

#big-video .video-element {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.feature-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.highlights {
  padding: 4em 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .highlights .column-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 990px) {
  .highlights .column {
    margin-bottom: 2em;
  }
  .highlights .column:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .highlights .col-2 .column {
    width: 45%;
  }
}

@media screen and (min-width: 768px) {
  .highlights .col-3 .column {
    width: 28%;
  }
}

@media screen and (min-width: 768px) {
  .highlights .col-4 .column {
    width: 45%;
  }
}

@media screen and (min-width: 990px) {
  .highlights .col-4 .column {
    width: 24%;
  }
}

.highlights-overall-image {
  margin-bottom: 1em;
}

.highlights-overall-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.highlights-headline {
  margin-bottom: 0.5em;
}

.level-2 .highlights-headline {
  font-size: 1.75em;
}

.level-3 .highlights-headline {
  font-size: 1.5em;
}

.highlights-cta.button, .highlights-cta.button-reverse, .highlights-cta.qomo-contact-box-button, .product-info .highlights-cta.product-info-resources-button {
  margin-top: 2em;
  font-size: 0.625em;
}

.highlights-link-full {
  display: block;
  text-decoration: none;
  transform: scale3d(1, 1, 1);
  transition: all 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}

.highlights-link-full:hover {
  transform: scale3d(1.05, 1.05, 1.05);
}

.highlight-overall-image-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.highlights-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.product-hero {
  background-color: #f2f2f2;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .product-hero .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "product-hero-header product-hero-header" "product-hero-image product-hero-content";
    align-items: center;
  }
}

.product-hero.secondary1 .container, .product-hero.secondary2 .container {
  border-top: 2px solid #ccc;
  padding-top: 2em;
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .product-hero.secondary1 .container {
    grid-template-areas: "product-hero-image product-hero-content";
  }
}

@media screen and (min-width: 768px) {
  .product-hero.secondary2 .container {
    grid-template-areas: "product-hero-content product-hero-image";
  }
}

.product-hero.padding {
  padding-top: 4em;
  padding-bottom: 4em;
}

.product-hero-header {
  grid-area: product-hero-header;
  margin-bottom: 3em;
}

.product-hero-image {
  grid-area: product-hero-image;
}

.product-hero-content {
  grid-area: product-hero-content;
}

.product-hero-secondary-leadin {
  font-size: 0.75em;
  margin: 0 0 0.5em;
}

.product-hero-secondary-headline {
  font-size: 1.875em;
  margin: 0 0 1em;
}

.product-hero-secondary-image {
  margin: 1em 0;
}

@media screen and (max-width: 768px) {
  .product-hero-secondary-image {
    margin-top: 2em;
  }
}

.product-hero-cta {
  margin-top: 2em;
  font-size: 0.75em;
}

.collapsible-blocks {
  padding: 2em 0;
}

.collapsible-blocks .content {
  display: none;
}

.collapsible-blocks-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 2px solid #ccc;
}

.collapsible-blocks-item {
  position: relative;
  border-bottom: 2px solid #ccc;
}

.collapsible-blocks-item .headline, .collapsible-blocks-item .resources-downloads h2, .resources-downloads .collapsible-blocks-item h2, .collapsible-blocks-item .product-feature-headline, .collapsible-blocks-item .wysiwyg-block h2, .wysiwyg-block .collapsible-blocks-item h2, .collapsible-blocks-item .wysiwyg-block h3, .wysiwyg-block .collapsible-blocks-item h3, .collapsible-blocks-item .single-post .post-title, .single-post .collapsible-blocks-item .post-title {
  text-align: left;
  font-size: 1.25em;
  padding: 0.75em 2em 0.75em 0.75em;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .collapsible-blocks-item .headline, .collapsible-blocks-item .resources-downloads h2, .resources-downloads .collapsible-blocks-item h2, .collapsible-blocks-item .product-feature-headline, .collapsible-blocks-item .wysiwyg-block h2, .wysiwyg-block .collapsible-blocks-item h2, .collapsible-blocks-item .wysiwyg-block h3, .wysiwyg-block .collapsible-blocks-item h3, .collapsible-blocks-item .single-post .post-title, .single-post .collapsible-blocks-item .post-title {
    font-size: 1.75em;
    padding: 1em 2em 1em 1em;
  }
}

.collapsible-blocks-item .content {
  display: none;
}

.collapsible-blocks-item:last-child {
  border-bottom: none;
}

.collapsible-blocks-item.active .content {
  display: block;
}

.collapsible-blocks-accordian-control {
  position: absolute;
  right: 0.75em;
  top: 1.125em;
  width: 20px;
  height: 20px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .collapsible-blocks-accordian-control {
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .collapsible-blocks-accordian-control {
    right: 1em;
    top: 1.75em;
    width: 30px;
    height: 30px;
  }
}

.collapsible-blocks-accordian-control-1,
.collapsible-blocks-accordian-control-2 {
  border-radius: 10px;
  background-color: #d60000;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 50%;
  left: 0;
}

.collapsible-blocks-accordian-control-1 {
  transform: translateY(-50%);
}

.collapsible-blocks-accordian-control-2 {
  transform: translateY(-50%) rotate(90deg);
}

@media screen and (min-width: 768px) {
  .product-grid .container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
  }
}

.product-grid-product {
  padding-top: 4em;
  padding-bottom: 4em;
  text-align: center;
  border-top: 2px solid #ccc;
}

.no-top-border .product-grid-product:nth-child(1),
.no-top-border .product-grid-product:nth-child(2) {
  border-top: none;
}

.product-grid-product hgroup {
  font-size: 0.75em;
}

@media screen and (min-width: 768px) {
  .product-grid-product:nth-child(odd) {
    border-right: 1px solid #ccc;
    padding-right: 2em;
  }
  .product-grid-product:nth-child(even) {
    border-left: 1px solid #ccc;
    padding-left: 2em;
  }
  .product-grid-product.span-2 {
    grid-column: span 2;
    padding-right: 0;
    border-right: none;
    text-align: left;
    display: grid;
    grid-template-columns: 40% 60%;
  }
}

.span-2 .product-grid-headline, .span-2
.product-grid-leadin {
  grid-column: 2;
}

.product-grid-leadin {
  margin-bottom: 0.5em;
}

.product-grid-headline {
  margin-bottom: 0.5em;
}

.product-grid-image {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.product-grid-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.span-2 .product-grid-image {
  grid-column: 1;
  grid-row: 1 / span 4;
  align-self: center;
  width: 100%;
}

.product-grid-copy {
  margin-top: 1em;
}

.product-grid-cta {
  margin-top: 2em;
  font-size: 0.75em;
  align-self: end;
}

.span-2 .product-grid-cta {
  grid-column: 2;
}

.product-feature {
  padding: 0;
}

.product-feature.add-padding {
  padding-top: 4em;
  padding-bottom: 4em;
}

.product-feature .visualcontent,
.product-feature .contentvisual {
  grid-template-columns: 50% 50%;
}

@media screen and (min-width: 768px) {
  .product-feature .visualcontent,
  .product-feature .contentvisual {
    display: grid;
  }
}

.product-feature .visualcontent {
  grid-template-areas: "visual copy";
}

.product-feature .contentvisual {
  grid-template-areas: "copy visual";
}

.product-feature-info {
  grid-area: copy;
  align-self: center;
}

.visualcontent .product-feature-info {
  padding-left: 4em;
}

.contentvisual .product-feature-info {
  padding-right: 4em;
}

.stack .product-feature-info {
  text-align: center;
}

.product-feature-info h4 {
  margin-top: 2em;
}

.product-feature-visual {
  grid-area: visual;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .product-feature-visual {
    margin-bottom: 2em;
  }
}

.product-feature-headline {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.stack .product-feature-headline {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .product-feature-grid .container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
  }
}

.product-feature-grid-feature {
  padding-top: 4em;
  padding-bottom: 4em;
}

.product-feature-grid-feature hgroup {
  font-size: 0.75em;
}

@media screen and (min-width: 768px) {
  .product-feature-grid-feature:nth-child(odd) {
    padding-right: 2em;
  }
  .product-feature-grid-feature:nth-child(even) {
    padding-left: 2em;
  }
}

.span-2 .product-feature-grid-headline, .span-2
.product-feature-grid-leadin {
  grid-column: 2;
}

.product-feature-grid-leadin {
  margin-bottom: 0.5em;
}

.product-feature-grid-headline {
  margin-bottom: 0.5em;
}

.product-feature-grid-copy {
  margin-top: 1em;
}

.product-feature-grid-cta {
  margin-top: 2em;
  font-size: 0.75em;
  align-self: end;
}

.span-2 .product-feature-grid-cta {
  grid-column: 2;
}

.testimonial {
  text-align: center;
  padding: 6em 0;
  color: white;
  background-size: cover;
  background-position: center;
  position: relative;
}

.testimonial .container {
  z-index: 2;
}

.testimonial-leadin {
  color: white;
  margin-bottom: 1em;
  font-size: 0.75em;
}

.testimonial-quote {
  font-size: 1.5em;
  line-height: 1.3;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .testimonial-quote {
    font-size: 2em;
  }
}

@media screen and (min-width: 990px) {
  .testimonial-quote {
    font-size: 2.5em;
  }
}

.testimonial-cta {
  font-size: 0.625em;
  margin-top: 2em;
}

.testimonial-overlay {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.testimonials.testimonials-content-block {
  margin-bottom: 2em;
}

.testimonials.testimonials-content-block .testimonials-wrapper {
  grid-template-rows: auto !important;
}

.testimonials.testimonials-content-block #area-4 {
  grid-row-end: three;
}

.single-cta {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.single-cta p {
  display: inline-block;
}

.single-cta h3 {
  text-align: left !important;
  width: auto;
  display: inline-block;
  align-self: center;
}

.single-cta h3 span {
  display: inline-block;
  height: 100%;
}

.testimonial-highlight {
  text-align: center;
}

.testimonial-highlight h3 {
  font-size: 1.5em;
  color: #d60000;
  margin-bottom: 0;
}

.testimonials.testimonials-content-block #area-4, .testimonials.testimonials-content-block #area-3 {
  border-bottom: none;
}

.tech-team-tips, .qontent-by-qomo {
  padding: 6em 0;
}

.tech-team-tips-header, .qontent-posts-header {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 2px solid #ccc;
}

@media screen and (min-width: 768px) {
  .tech-team-tips-header, .qontent-posts-header {
    display: flex;
  }
}

.tech-team-tips-header .leadin, .tech-team-tips-header .resources-downloads-label, .tech-team-tips-header .product-feature-info h4, .product-feature-info .tech-team-tips-header h4, .tech-team-tips-header .wysiwyg-block h4, .wysiwyg-block .tech-team-tips-header h4, .tech-team-tips-header .wysiwyg-columns h4, .wysiwyg-columns .tech-team-tips-header h4, .qontent-posts-header .leadin, .qontent-posts-header .resources-downloads-label, .qontent-posts-header .product-feature-info h4, .product-feature-info .qontent-posts-header h4, .qontent-posts-header .wysiwyg-block h4, .wysiwyg-block .qontent-posts-header h4, .qontent-posts-header .wysiwyg-columns h4, .wysiwyg-columns .qontent-posts-header h4 {
  color: #868686;
}

.tech-team-tips-header .headline, .tech-team-tips-header .resources-downloads h2, .resources-downloads .tech-team-tips-header h2, .tech-team-tips-header .product-feature-headline, .tech-team-tips-header .wysiwyg-block h2, .wysiwyg-block .tech-team-tips-header h2, .tech-team-tips-header .wysiwyg-block h3, .wysiwyg-block .tech-team-tips-header h3, .tech-team-tips-header .single-post .post-title, .single-post .tech-team-tips-header .post-title, .qontent-posts-header .headline, .qontent-posts-header .resources-downloads h2, .resources-downloads .qontent-posts-header h2, .qontent-posts-header .product-feature-headline, .qontent-posts-header .wysiwyg-block h2, .wysiwyg-block .qontent-posts-header h2, .qontent-posts-header .wysiwyg-block h3, .wysiwyg-block .qontent-posts-header h3, .qontent-posts-header .single-post .post-title, .single-post .qontent-posts-header .post-title {
  font-size: 2em;
}

@media screen and (min-width: 768px) {
  .tech-team-tips-header .headline, .tech-team-tips-header .resources-downloads h2, .resources-downloads .tech-team-tips-header h2, .tech-team-tips-header .product-feature-headline, .tech-team-tips-header .wysiwyg-block h2, .wysiwyg-block .tech-team-tips-header h2, .tech-team-tips-header .wysiwyg-block h3, .wysiwyg-block .tech-team-tips-header h3, .tech-team-tips-header .single-post .post-title, .single-post .tech-team-tips-header .post-title, .qontent-posts-header .headline, .qontent-posts-header .resources-downloads h2, .resources-downloads .qontent-posts-header h2, .qontent-posts-header .product-feature-headline, .qontent-posts-header .wysiwyg-block h2, .wysiwyg-block .qontent-posts-header h2, .qontent-posts-header .wysiwyg-block h3, .wysiwyg-block .qontent-posts-header h3, .qontent-posts-header .single-post .post-title, .single-post .qontent-posts-header .post-title {
    font-size: 3em;
  }
}

.tech-team-tips-header hgroup, .qontent-posts-header hgroup {
  flex-grow: 3;
}

.tech-team-tips-header .tech-team-tips-cta, .tech-team-tips-header .qontent-cta, .qontent-posts-header .tech-team-tips-cta, .qontent-posts-header .qontent-cta {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .tech-team-tips-header .tech-team-tips-cta, .tech-team-tips-header .qontent-cta, .qontent-posts-header .tech-team-tips-cta, .qontent-posts-header .qontent-cta {
    flex-grow: 1;
    align-self: flex-end;
    text-align: right;
  }
}

.tech-team-tips-header .button, .tech-team-tips-header .button-reverse, .tech-team-tips-header .qomo-contact-box-button, .tech-team-tips-header .product-info .product-info-resources-button, .product-info .tech-team-tips-header .product-info-resources-button, .qontent-posts-header .button, .qontent-posts-header .button-reverse, .qontent-posts-header .qomo-contact-box-button, .qontent-posts-header .product-info .product-info-resources-button, .product-info .qontent-posts-header .product-info-resources-button {
  font-size: 0.625em;
  letter-spacing: 0.25em;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .tech-team-tips-posts, .qontent-posts {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 768px) {
  .tech-team-tips-post, .qontent-post {
    margin-bottom: 4em;
  }
}

@media screen and (min-width: 768px) {
  .tech-team-tips-post, .qontent-post {
    width: 30%;
  }
}

.tech-team-tips-post-link, .qontent-post-link {
  display: block;
  text-decoration: none;
  transform: scale3d(1, 1, 1);
  transition: all 0.1s cubic-bezier(0.4, 0, 0.6, 1);
  color: unset;
}

.tech-team-tips-post-link:hover, .qontent-post-link:hover {
  transform: scale3d(1.05, 1.05, 1.05);
}

.tech-team-tips-post-image, .qontent-post-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tech-team-tips-post-date, .qontent-post-date {
  font-size: 0.875em;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 2px solid #ccc;
}

.tech-team-tips-post-headline, .qontent-post-headline {
  font-weight: normal;
}

.category-tech-team-tips .post-link {
  padding: 1em;
  box-sizing: border-box;
}

.category-tech-team-tips .post-date {
  color: #333;
}

.category-tech-team-tips .post-title {
  color: #999;
}

.category-tech-team-tips .post {
  border-bottom: solid 2px #f1f1f1;
}

.spacer {
  height: 4em;
}

.divider hr {
  border: none;
  height: 2px;
  background-color: #ccc;
  margin: 2em 0;
}

.wysiwyg-block {
  margin: 0;
  padding: 2em 0;
  overflow: hidden;
  position: relative;
}

.wysiwyg-block h2 {
  font-size: 2em;
}

.wysiwyg-block .container {
  padding-top: 2em;
  padding-bottom: 2em;
}

.wysiwyg-block.compact {
  padding: 0;
}

.wysiwyg-block.compact .container {
  padding-top: 0;
  padding-bottom: 0;
}

.wysiwyg-block.colorblocks, .wysiwyg-block.photo {
  padding-top: 0;
  padding-bottom: 0;
}

.wysiwyg-block.colorblocks .leadin, .wysiwyg-block.colorblocks .resources-downloads-label, .wysiwyg-block.colorblocks .product-feature-info h4, .product-feature-info .wysiwyg-block.colorblocks h4, .wysiwyg-block.colorblocks h4, .wysiwyg-block.colorblocks .wysiwyg-columns h4, .wysiwyg-columns .wysiwyg-block.colorblocks h4,
.wysiwyg-block.colorblocks .headline,
.wysiwyg-block.colorblocks .resources-downloads h2,
.resources-downloads .wysiwyg-block.colorblocks h2,
.wysiwyg-block.colorblocks .product-feature-headline,
.wysiwyg-block.colorblocks h2,
.wysiwyg-block.colorblocks h3,
.wysiwyg-block.colorblocks .single-post .post-title,
.single-post .wysiwyg-block.colorblocks .post-title,
.wysiwyg-block.colorblocks h1,
.wysiwyg-block.colorblocks h2,
.wysiwyg-block.colorblocks h3,
.wysiwyg-block.colorblocks h4,
.wysiwyg-block.colorblocks h5,
.wysiwyg-block.colorblocks h6,
.wysiwyg-block.colorblocks p,
.wysiwyg-block.colorblocks a, .wysiwyg-block.photo .leadin, .wysiwyg-block.photo .resources-downloads-label, .wysiwyg-block.photo .product-feature-info h4, .product-feature-info .wysiwyg-block.photo h4, .wysiwyg-block.photo h4, .wysiwyg-block.photo .wysiwyg-columns h4, .wysiwyg-columns .wysiwyg-block.photo h4,
.wysiwyg-block.photo .headline,
.wysiwyg-block.photo .resources-downloads h2,
.resources-downloads .wysiwyg-block.photo h2,
.wysiwyg-block.photo .product-feature-headline,
.wysiwyg-block.photo h2,
.wysiwyg-block.photo h3,
.wysiwyg-block.photo .single-post .post-title,
.single-post .wysiwyg-block.photo .post-title,
.wysiwyg-block.photo h1,
.wysiwyg-block.photo h2,
.wysiwyg-block.photo h3,
.wysiwyg-block.photo h4,
.wysiwyg-block.photo h5,
.wysiwyg-block.photo h6,
.wysiwyg-block.photo p,
.wysiwyg-block.photo a {
  color: white;
}

.wysiwyg-block.colorblocks .container {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .wysiwyg-block.colorblocks .container {
    display: flex;
  }
}

.wysiwyg-block.colorblocks .colorblock1,
.wysiwyg-block.colorblocks .colorblock2 {
  padding: 5% 2%;
}

@media screen and (min-width: 768px) {
  .wysiwyg-block.colorblocks .colorblock1,
  .wysiwyg-block.colorblocks .colorblock2 {
    width: 50%;
  }
}

.wysiwyg-block.colorblocks .colorblock1 .button, .wysiwyg-block.colorblocks .colorblock1 .button-reverse, .wysiwyg-block.colorblocks .colorblock1 .qomo-contact-box-button, .wysiwyg-block.colorblocks .colorblock1 .product-info .product-info-resources-button, .product-info .wysiwyg-block.colorblocks .colorblock1 .product-info-resources-button,
.wysiwyg-block.colorblocks .colorblock2 .button,
.wysiwyg-block.colorblocks .colorblock2 .button-reverse,
.wysiwyg-block.colorblocks .colorblock2 .qomo-contact-box-button,
.wysiwyg-block.colorblocks .colorblock2 .product-info .product-info-resources-button,
.product-info .wysiwyg-block.colorblocks .colorblock2 .product-info-resources-button {
  font-size: 0.5em;
  margin-top: 2em;
}

.wysiwyg-block.colorblocks .wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}

.wysiwyg-block.colorblocks .colorblock1 {
  background-color: #ee5250;
}

@media screen and (min-width: 768px) {
  .wysiwyg-block.colorblocks .colorblock1 {
    margin-left: -2000px;
    padding-left: 2000px;
  }
}

.wysiwyg-block.colorblocks .colorblock2 {
  background-color: #e43935;
}

@media screen and (min-width: 768px) {
  .wysiwyg-block.colorblocks .colorblock2 {
    margin-right: -2000px;
    padding-right: 2000px;
  }
}

.wysiwyg-block.photo {
  background-size: cover;
  background-position: center center;
  text-align: center;
  color: white;
}

.wysiwyg-block.photo .container {
  padding: 6em 2em;
  z-index: 2;
}

.wysiwyg-block-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wysiwyg-color-block-overlay, .wysiwyg-color-block-overlay2 {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .wysiwyg-color-block-overlay, .wysiwyg-color-block-overlay2 {
    height: 100%;
    width: 50%;
  }
}

.wysiwyg-color-block-overlay2 {
  top: 50%;
  right: 0;
}

@media screen and (min-width: 768px) {
  .wysiwyg-color-block-overlay2 {
    top: 0;
    left: auto;
  }
}

.wysiwyg-block.colorblocks.photo-blocks .colorblock1 {
  background: none;
}

.wysiwyg-block.colorblocks.photo-blocks .colorblock2 {
  background: none;
}

.wysiwyg-block.colorblocks.photo-blocks .button, .wysiwyg-block.colorblocks.photo-blocks .button-reverse, .wysiwyg-block.colorblocks.photo-blocks .qomo-contact-box-button, .wysiwyg-block.colorblocks.photo-blocks .product-info .product-info-resources-button, .product-info .wysiwyg-block.colorblocks.photo-blocks .product-info-resources-button {
  display: inline-block;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  padding: 1.5em 3em;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  font-size: .75em;
  z-index: 1;
  border: none;
}

.wysiwyg-block.colorblocks.photo-blocks .wrapper {
  padding-top: 6em;
  padding-bottom: 6em;
}

.background-block-overlay {
  display: none;
}

@media screen and (min-width: 768px) {
  .background-block-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.background-block-overlay-2 {
  display: none;
}

@media screen and (min-width: 768px) {
  .background-block-overlay-2 {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.backgroundblock2 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .backgroundblock2 {
    width: 50%;
  }
}

.backgroundblock1 {
  width: 100%;
  height: auto;
  min-height: 100%;
}

@media screen and (min-width: 768px) {
  .backgroundblock1 {
    width: 50%;
  }
}

.background-blocks .wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}

.wysiwyg-block.background-blocks .container {
  display: flex;
  flex-flow: row wrap;
}

.wysiwyg-block-overlay.background-block-color, .wysiwyg-block-overlay.background-block-color-2 {
  z-index: -1 !important;
}

.wysiwyg-columns {
  padding: 2em 0;
}

@media screen and (min-width: 768px) {
  .wysiwyg-columns .column-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 990px) {
  .wysiwyg-columns .column {
    margin-bottom: 2em;
  }
  .wysiwyg-columns .column:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .wysiwyg-columns .col-2 .column {
    width: 45%;
  }
}

@media screen and (min-width: 768px) {
  .wysiwyg-columns .col-3 .column {
    width: 28%;
  }
}

@media screen and (min-width: 768px) {
  .wysiwyg-columns .col-4 .column {
    width: 45%;
  }
}

@media screen and (min-width: 990px) {
  .wysiwyg-columns .col-4 .column {
    width: 24%;
  }
}

@media screen and (min-width: 768px) {
  .wysiwyg-columns .col-8 .column {
    width: 45%;
  }
}

@media screen and (min-width: 990px) {
  .wysiwyg-columns .col-8 .column {
    width: 22%;
  }
}

.wysiwyg-columns > .container > .headline, .resources-downloads .wysiwyg-columns > .container > h2, .wysiwyg-columns > .container > .product-feature-headline, .wysiwyg-block .wysiwyg-columns > .container > h2, .wysiwyg-block .wysiwyg-columns > .container > h3, .single-post .wysiwyg-columns > .container > .post-title {
  text-align: center;
}

.wysiwyg-columns.image-columns {
  padding: 0;
}

.wysiwyg-columns.image-columns .column {
  flex-grow: 1;
  border: none;
  box-sizing: border-box;
  margin: 0;
}

.wysiwyg-columns.image-columns .image-container img {
  width: 100%;
  display: block;
}

.wysiwyg-section.photo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white;
}

.wysiwyg-section.photo.Center {
  background-position: center;
}

.wysiwyg-section.photo.Right {
  background-position: right;
}

.wysiwyg-section.photo.Left {
  background-position: left;
}

.wysiwyg-section.photo.LeftContain {
  background-position: 20% 0;
  background-size: contain;
}

.wysiwyg-section.photo.RightContain {
  background-position: 70% 0;
  background-size: contain;
}

.videos {
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: white;
}

.videos .video-btn {
  margin-bottom: 1em;
}

.vert-center {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  height: 100%;
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  text-align: center;
}

.social-box {
  padding: 3rem 0;
}

.social-box p {
  color: #868686;
}

.social-box h3 {
  color: #d60000;
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.2;
  margin: 0;
}

.social-box ul {
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
}

@media screen and (max-width: 990px) {
  .wysiwyg-section.photo.LeftContain, .wysiwyg-section.photo.RightContain {
    background-image: none !important;
  }
}

li#field_11_1, li#field_11_2, li#field_11_8, li#field_11_7, li#field_11_12, li#field_11_11, li#field_11_16 {
  width: 100%;
}

.intro h1 {
  color: #d60000;
  font-size: 3em;
  font-weight: normal;
}

li#field_11_9 label, li#field_11_7 label, .intro h3 {
  display: inline-block;
  color: #888;
  font-size: 1.5em;
}

li#field_11_14 {
  position: relative;
}

body #gform_wrapper_11 .gfield_radio li input[type=radio] {
  opacity: 0;
}

body #gform_wrapper_11 .gfield_radio li input[type=radio] + label {
  position: relative;
  overflow: hidden;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 10px;
}

body #gform_wrapper_11 .gfield_radio li input[type=radio] + label:before,
body #gform_wrapper_11 .gfield_radio li input[type=radio] + label:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-transition: .2s;
  transition: .2s;
}

/* after */
body #gform_wrapper_11 .gfield_radio li input[type=radio]:not(:checked) + label:after {
  width: 25px;
  left: 0;
  height: 25px;
  border: 2px solid #d60000;
  border-radius: 50%;
  top: 0;
}

body #gform_wrapper_11 .gfield_radio li input[type=radio]:checked + label:after {
  left: 0;
  width: 25px;
  height: 25px;
  top: 0;
  border: 2px solid #d60000;
  background-color: #d60000;
  z-index: 0;
  border-radius: 2px;
  border-radius: 50%;
}

/* before */
body #gform_wrapper_11 .gfield_radio li input[type=radio]:not(:radio) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

body #gform_wrapper_11 .gfield_radio li input[type=radio]:checked + label:before {
  left: 0;
  width: 5px;
  height: 13px;
  margin-left: 2px;
  margin-top: -2px;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

li#field_11_11 > label {
  display: inline-block;
  color: #1a227d;
  text-transform: uppercase;
  font-size: .75em;
  letter-spacing: .3em;
  margin-bottom: 10px;
}

@media (min-width: 770px) {
  div#input_11_14 {
    bottom: 15px;
    position: absolute;
  }
}

li#field_11_1 {
  margin-bottom: 2em;
  border-bottom: solid 2px #f1f1f1;
  padding: 0 2em 2em;
  text-align: center;
}

/*support form*/
.gform_wrapper .gform_body .gform_fields .gfield.gfield_html, li#field_12_1, li#field_12_7 {
  width: 100%;
}

.container.video-container {
  padding-top: 2em;
  padding-bottom: 2em;
}

.container.video-container .headline, .container.video-container .resources-downloads h2, .resources-downloads .container.video-container h2, .container.video-container .product-feature-headline, .container.video-container .wysiwyg-block h2, .wysiwyg-block .container.video-container h2, .container.video-container .wysiwyg-block h3, .wysiwyg-block .container.video-container h3, .container.video-container .single-post .post-title, .single-post .container.video-container .post-title {
  text-align: left;
  font-size: 2em;
}

.column-wrapper.video-col {
  justify-content: flex-start;
}

.column-wrapper.video-col .column {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
  padding: 1em 1em 1em 0;
}

@media screen and (min-width: 768px) {
  .column-wrapper.video-col .column {
    width: 25%;
  }
}

.column-wrapper.video-col .column img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.instructional-video {
  display: block;
  position: relative;
  text-align: center;
}

.instructional-video a {
  color: #777;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .instructional-video a:before {
    display: block;
    position: absolute;
    content: " ";
    z-index: 9;
    width: 0;
    height: 0;
    left: 48%;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    top: 33%;
    transition: all 0.5s ease;
  }
  .instructional-video a:after {
    display: block;
    position: absolute;
    content: " ";
    z-index: 8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 38.5%;
    background-color: #242424b0;
    top: 23%;
    transition: all 0.5s ease;
  }
}

.instructional-video img {
  display: block;
  width: 100%;
  position: relative;
  height: auto;
}

.instructional-video:hover a:after {
  width: 90px;
  height: 90px;
  left: 32.5%;
  top: 13.5%;
}

.instructional-video:hover a:before {
  left: 46%;
  top: 25%;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 26px solid #fff;
}

.full-bleed-page-hero {
  text-align: center;
  color: white;
  padding: 14em 0 10em;
  position: relative;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 768px) {
  .full-bleed-page-hero {
    padding-top: 22em;
    padding-bottom: 18em;
  }
}

.full-bleed-page-hero-pre-headline {
  font-size: 1em;
}

@media screen and (min-width: 768px) {
  .full-bleed-page-hero-pre-headline {
    font-size: 1.5em;
  }
}

.full-bleed-page-hero-headline {
  color: white;
  font-size: 2em;
  line-height: 1.2;
  margin: 0.125em 0 0.25em;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .full-bleed-page-hero-headline {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 990px) {
  .full-bleed-page-hero-headline {
    font-size: 3em;
  }
}

.full-bleed-page-hero-primary-cta {
  transition: all 0.2s ease;
  font-size: 0.75em;
}

@media screen and (min-width: 768px) {
  .full-bleed-page-hero-primary-cta {
    font-size: 1em;
  }
}

.full-bleed-page-hero-primary-cta:hover {
  transform: scale(1.05);
}

.full-bleed-page-hero-primary-cta-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
}

.full-bleed-page-hero-primary-cta-label {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.25em;
  line-height: 1;
}

.full-bleed-page-hero-primary-cta-video-icon {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin-right: 1em;
}

.full-bleed-page-hero-primary-cta-video-icon svg {
  width: 100%;
}

.full-bleed-page-hero-primary-cta-video-icon path {
  fill: white;
}

.full-bleed-page-hero-secondary-cta {
  position: absolute;
  bottom: 2em;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  font-size: 0.75em;
}

.full-bleed-page-hero-secondary-cta line,
.full-bleed-page-hero-secondary-cta polyline {
  stroke: white;
}

@media screen and (min-width: 768px) {
  .full-bleed-page-hero-secondary-cta {
    font-size: 1em;
  }
}

.full-bleed-page-hero-secondary-cta-link {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-weight: bold;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 1.5em;
  position: relative;
}

.full-bleed-page-hero-secondary-cta-link:hover .full-bleed-page-hero-secondary-cta-icon {
  transform: translateX(0.5em);
}

.full-bleed-page-hero-secondary-cta-link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 4px;
  width: 200px;
  background-color: white;
  transform: translateX(-50%);
}

.full-bleed-page-hero-secondary-cta-icon {
  display: block;
  width: 1.5em;
  margin-left: 0.5em;
  transition: all 0.2s ease;
}

.full-bleed-page-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.breakout-product-feature {
  padding: 3em 0 1em;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .breakout-product-feature {
    padding: 3em 0 1em;
  }
}

.breakout-product-feature-inner {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .breakout-product-feature-inner {
    flex-direction: row;
  }
}

.breakout-product-feature-content {
  padding: 0 2em 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.breakout-product-feature-content .button, .breakout-product-feature-content .button-reverse, .breakout-product-feature-content .qomo-contact-box-button, .breakout-product-feature-content .product-info .product-info-resources-button, .product-info .breakout-product-feature-content .product-info-resources-button {
  font-size: 0.625em;
  margin-top: 2em;
}

@media screen and (min-width: 768px) {
  .breakout-product-feature-content {
    padding: 2em 0 2em 2em;
  }
}

@media screen and (min-width: 990px) {
  .breakout-product-feature-content {
    padding: 5em 0 5em 5em;
  }
}

.breakout-product-feature-image-wrapper {
  width: 100%;
  flex-shrink: 0;
}

.breakout-product-feature-image-wrapper img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .breakout-product-feature-image-wrapper {
    width: 60%;
  }
}

.breakout-product-feature-preheadline {
  color: #231a7c;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.75em;
}

.breakout-product-feature-headline {
  color: #d60000;
  font-weight: normal;
  font-size: 2em;
  line-height: 1;
  margin: 0.25em 0 0.5em;
}

@media screen and (min-width: 768px) {
  .breakout-product-feature-headline {
    font-size: 2.5em;
  }
}

.home-product-grid .container {
  padding-left: 0;
  padding-right: 0;
}

.home-product-grid-list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: -0.5rem;
}

.home-product-grid-item {
  text-align: center;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.home-product-grid-item:hover .home-product-grid-image {
  animation: 0.5s ease-in-out infinite alternate wiggle;
}

@media screen and (min-width: 500px) {
  .home-product-grid-item {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .home-product-grid-item {
    width: 25%;
  }
}

.home-product-grid-link {
  display: block;
  background-color: #f0f0f0;
  text-decoration: none;
  margin: 0.5rem;
  padding-bottom: 100%;
  position: relative;
}

.home-product-grid-title {
  color: #231a7c;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.75em;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  z-index: 2;
}

.home-product-grid-image {
  display: block;
  height: auto;
}

.home-product-grid-image-wrapper {
  position: absolute;
}

.home-product-grid-image-center {
  top: calc(50% + 1rem);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.home-product-grid-image-left {
  top: calc(50% + 1rem);
  left: 0;
  transform: translate(0, -50%);
  width: 90%;
}

.home-product-grid-image-right {
  top: calc(50% + 1rem);
  right: 0;
  transform: translate(0, -50%);
  width: 90%;
}

.home-product-grid-image-bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
}

@keyframes wiggle {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}

.full-bleed-cta-grid .container {
  display: flex;
  flex-wrap: wrap;
}

.full-bleed-cta-grid-item {
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .full-bleed-cta-grid-item {
    width: 50%;
  }
}

.full-bleed-cta-grid-link {
  display: flex;
  padding: 5em 1em 1em;
  text-decoration: none;
  color: white;
  align-items: flex-end;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
  position: relative;
}

@media screen and (min-width: 990px) {
  .full-bleed-cta-grid-link {
    padding: 5em 2em 2em;
  }
}

.full-bleed-cta-grid-link:hover .svg-icon-arrow {
  transform: translateX(20%);
}

.svg-icon {
  display: inline-block;
}

.svg-icon-arrow {
  transition: all 0.2s ease;
}

.full-bleed-cta-grid-headline-group {
  position: relative;
  z-index: 2;
}

.full-bleed-cta-grid-pre-headline {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin: 0 0 1em;
  padding: 0;
  line-height: 1;
  font-size: 0.625em;
}

@media screen and (min-width: 990px) {
  .full-bleed-cta-grid-pre-headline {
    font-size: 0.75em;
  }
}

.full-bleed-cta-grid-headline {
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
}

@media screen and (min-width: 990px) {
  .full-bleed-cta-grid-headline {
    font-size: 3em;
  }
}

.full-bleed-cta-grid-link-title {
  position: relative;
  z-index: 2;
  font-size: 0.825em;
}

.full-bleed-cta-grid-link-title svg {
  width: 1.25em;
  margin-left: 0.25em;
}

.full-bleed-cta-grid-link-title svg line,
.full-bleed-cta-grid-link-title svg polyline {
  stroke: white;
}

@media screen and (min-width: 990px) {
  .full-bleed-cta-grid-link-title {
    font-size: 1em;
  }
}

.full-bleed-cta-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.home-logo-grid {
  text-align: center;
  margin: 6em 0;
}

.home-logo-grid-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.home-logo-grid-item {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 600px) {
  .home-logo-grid-item {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .home-logo-grid-item {
    width: 20%;
  }
}

.home-logo-grid-image {
  display: block;
  height: auto;
}

.home-logo-grid-pre-headline {
  text-transform: uppercase;
  color: #231a7c;
  letter-spacing: 0.2em;
  margin: 0 0 1em;
  padding: 0;
  line-height: 1;
  font-size: 0.825em;
  font-weight: bold;
}

.home-logo-grid-headline {
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #d60000;
  font-size: 2em;
  font-weight: normal;
}

.product-resources {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
}

.product-resources .headline, .product-resources .resources-downloads h2, .resources-downloads .product-resources h2, .product-resources .product-feature-headline, .product-resources .wysiwyg-block h2, .wysiwyg-block .product-resources h2, .product-resources .wysiwyg-block h3, .wysiwyg-block .product-resources h3, .product-resources .single-post .post-title, .single-post .product-resources .post-title {
  margin-bottom: 1em;
}

.product-resources-accordian {
  border: 2px solid #ccc;
}

.product-resources-accordian-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-resources-accordian-item {
  position: relative;
  border-bottom: 2px solid #ccc;
}

.product-resources-accordian-item .headline, .product-resources-accordian-item .resources-downloads h2, .resources-downloads .product-resources-accordian-item h2, .product-resources-accordian-item .product-feature-headline, .product-resources-accordian-item .wysiwyg-block h2, .wysiwyg-block .product-resources-accordian-item h2, .product-resources-accordian-item .wysiwyg-block h3, .wysiwyg-block .product-resources-accordian-item h3, .product-resources-accordian-item .single-post .post-title, .single-post .product-resources-accordian-item .post-title {
  text-align: left;
  font-size: 1.75em;
  padding: 1em;
  margin-bottom: 0;
}

.product-resources-accordian-item .content {
  display: none;
}

.product-resources-accordian-item:last-child {
  border-bottom: none;
}

.product-resources-accordian-control {
  position: absolute;
  right: 1em;
  top: 1.75em;
  width: 30px;
  height: 30px;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.active .product-resources-accordian-control {
  transform: rotate(45deg);
}

.product-resources-accordian-control-1,
.product-resources-accordian-control-2 {
  border-radius: 10px;
  background-color: #d60000;
  position: absolute;
  width: 100%;
  height: 3px;
  top: 50%;
  left: 0;
}

.product-resources-accordian-control-1 {
  transform: translateY(-50%);
}

.product-resources-accordian-control-2 {
  transform: translateY(-50%) rotate(90deg);
}

.product-downloads {
  padding: 1em;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  color: #999;
  font-size: 0.75em;
}

.product-downloads thead td {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 3px solid #ccc;
}

.product-downloads tbody tr:hover {
  cursor: pointer;
  background-color: #efefef;
}

.product-downloads tbody tr td {
  border-bottom: 1px solid #ccc;
  padding: 0.25em;
}

.product-downloads tbody tr:last-child td {
  border-bottom: none;
}

.product-downloads .product-downloads-size {
  text-align: right;
}

.product-icons-list {
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.product-icons-item {
  width: 45%;
  margin: 1em 2%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .product-icons-item {
    font-size: 0.75em;
  }
}

@media screen and (min-width: 768px) {
  .product-icons-item {
    width: 20%;
  }
}

.product-icons-image {
  display: block;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.product-icons-name {
  text-transform: uppercase;
  color: #231a7c;
  letter-spacing: 0.075em;
  font-size: 0.75em;
  margin: 1em 0 0.5em;
}

.product-icons-description {
  margin: 0;
}

.product-info {
  padding: 4em 0;
}

.product-info .container {
  display: grid;
}

@media screen and (max-width: 768px) {
  .product-info .container {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "headline" "image" "content" "features";
  }
}

@media screen and (min-width: 768px) {
  .product-info .container {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: "image headline" "image content" "features features";
  }
}

.product-info .product-info-image {
  grid-area: image;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .product-info .product-info-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.product-info .hgroup {
  grid-area: headline;
}

@media screen and (max-width: 768px) {
  .product-info .hgroup {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .product-info .hgroup {
    padding-left: 1rem;
  }
}

.product-info .product-info-category {
  font-size: 2em;
  font-weight: normal;
  margin: 0.25em 0 0;
}

@media screen and (min-width: 768px) {
  .product-info .product-info-category {
    font-size: 3em;
    margin: 0.25em 0 0.5em;
  }
}

.product-info .product-info-content {
  grid-area: content;
}

@media screen and (max-width: 768px) {
  .product-info .product-info-content {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .product-info .product-info-content {
    padding-left: 1rem;
  }
}

.product-info .product-info-secondary-image {
  width: 60%;
  margin: 2em 0;
}

@media screen and (max-width: 768px) {
  .product-info .product-info-secondary-image {
    margin-left: auto;
    margin-right: auto;
  }
}

.product-info .product-info-secondary-image img {
  display: block;
}

.product-info .product-info-resources-button {
  font-size: 0.5em;
  margin-top: 2em;
  padding: 1.5em 6em;
}

.product-info .product-info-name {
  color: #d60000;
  margin: 0;
}

.product-info .product-info-description {
  grid-area: content;
}

.product-info .product-icons {
  grid-area: features;
}

.product-warranty {
  margin: 2em 0;
}

.product-warranty .container {
  text-align: center;
  padding: 2em 0;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  color: #d60000;
}

.product-warranty-headline {
  font-size: 2em;
  margin: 0 0 0.5em;
}

@media screen and (min-width: 768px) {
  .product-warranty-headline {
    font-size: 3em;
  }
}

.product-warranty-options {
  display: flex;
  justify-content: center;
}

.product-warranty-option {
  width: 30%;
}

.product-warranty-number {
  font-size: 5em;
  margin: 0;
  line-height: 1;
}

.product-warranty-term {
  font-size: 1.5em;
  margin: 0 0 0.25em;
  line-height: 1;
}

.product-warranty-description {
  color: #999;
  font-size: 0.9em;
}

.product-footer {
  margin-top: 4em;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .product-footer .container {
    padding: 0;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .product-footer .container {
    display: flex;
  }
}

.product-footer .warranty,
.product-footer .support {
  padding: 5% 1em;
}

@media screen and (min-width: 768px) {
  .product-footer .warranty,
  .product-footer .support {
    width: 50%;
    padding: 10% 2%;
  }
}

.product-footer .warranty .leadin, .product-footer .warranty .resources-downloads-label, .product-footer .warranty .product-feature-info h4, .product-feature-info .product-footer .warranty h4, .product-footer .warranty .wysiwyg-block h4, .wysiwyg-block .product-footer .warranty h4, .product-footer .warranty .wysiwyg-columns h4, .wysiwyg-columns .product-footer .warranty h4,
.product-footer .warranty .headline,
.product-footer .warranty .resources-downloads h2,
.resources-downloads .product-footer .warranty h2,
.product-footer .warranty .product-feature-headline,
.product-footer .warranty .wysiwyg-block h2,
.wysiwyg-block .product-footer .warranty h2,
.product-footer .warranty .wysiwyg-block h3,
.wysiwyg-block .product-footer .warranty h3,
.product-footer .warranty .single-post .post-title,
.single-post .product-footer .warranty .post-title,
.product-footer .support .leadin,
.product-footer .support .resources-downloads-label,
.product-footer .support .product-feature-info h4,
.product-feature-info .product-footer .support h4,
.product-footer .support .wysiwyg-block h4,
.wysiwyg-block .product-footer .support h4,
.product-footer .support .wysiwyg-columns h4,
.wysiwyg-columns .product-footer .support h4,
.product-footer .support .headline,
.product-footer .support .resources-downloads h2,
.resources-downloads .product-footer .support h2,
.product-footer .support .product-feature-headline,
.product-footer .support .wysiwyg-block h2,
.wysiwyg-block .product-footer .support h2,
.product-footer .support .wysiwyg-block h3,
.wysiwyg-block .product-footer .support h3,
.product-footer .support .single-post .post-title,
.single-post .product-footer .support .post-title {
  color: white;
}


.product-footer .warranty .headline,
.product-footer .warranty .resources-downloads h2,
.resources-downloads .product-footer .warranty h2,
.product-footer .warranty .product-feature-headline,
.product-footer .warranty .wysiwyg-block h2,
.wysiwyg-block .product-footer .warranty h2,
.product-footer .warranty .wysiwyg-block h3,
.wysiwyg-block .product-footer .warranty h3,
.product-footer .warranty .single-post .post-title,
.single-post .product-footer .warranty .post-title,
.product-footer .support .headline,
.product-footer .support .resources-downloads h2,
.resources-downloads .product-footer .support h2,
.product-footer .support .product-feature-headline,
.product-footer .support .wysiwyg-block h2,
.wysiwyg-block .product-footer .support h2,
.product-footer .support .wysiwyg-block h3,
.wysiwyg-block .product-footer .support h3,
.product-footer .support .single-post .post-title,
.single-post .product-footer .support .post-title {
  font-size: 1.5em;
}

@media screen and (min-width: 768px) {
  
  .product-footer .warranty .headline,
  .product-footer .warranty .resources-downloads h2,
  .resources-downloads .product-footer .warranty h2,
  .product-footer .warranty .product-feature-headline,
  .product-footer .warranty .wysiwyg-block h2,
  .wysiwyg-block .product-footer .warranty h2,
  .product-footer .warranty .wysiwyg-block h3,
  .wysiwyg-block .product-footer .warranty h3,
  .product-footer .warranty .single-post .post-title,
  .single-post .product-footer .warranty .post-title,
  .product-footer .support .headline,
  .product-footer .support .resources-downloads h2,
  .resources-downloads .product-footer .support h2,
  .product-footer .support .product-feature-headline,
  .product-footer .support .wysiwyg-block h2,
  .wysiwyg-block .product-footer .support h2,
  .product-footer .support .wysiwyg-block h3,
  .wysiwyg-block .product-footer .support h3,
  .product-footer .support .single-post .post-title,
  .single-post .product-footer .support .post-title {
    font-size: 2em;
  }
}

@media screen and (min-width: 990px) {
  
  .product-footer .warranty .headline,
  .product-footer .warranty .resources-downloads h2,
  .resources-downloads .product-footer .warranty h2,
  .product-footer .warranty .product-feature-headline,
  .product-footer .warranty .wysiwyg-block h2,
  .wysiwyg-block .product-footer .warranty h2,
  .product-footer .warranty .wysiwyg-block h3,
  .wysiwyg-block .product-footer .warranty h3,
  .product-footer .warranty .single-post .post-title,
  .single-post .product-footer .warranty .post-title,
  .product-footer .support .headline,
  .product-footer .support .resources-downloads h2,
  .resources-downloads .product-footer .support h2,
  .product-footer .support .product-feature-headline,
  .product-footer .support .wysiwyg-block h2,
  .wysiwyg-block .product-footer .support h2,
  .product-footer .support .wysiwyg-block h3,
  .wysiwyg-block .product-footer .support h3,
  .product-footer .support .single-post .post-title,
  .single-post .product-footer .support .post-title {
    font-size: 2.5em;
  }
}

.product-footer .warranty .button, .product-footer .warranty .button-reverse, .product-footer .warranty .qomo-contact-box-button, .product-footer .warranty .product-info .product-info-resources-button, .product-info .product-footer .warranty .product-info-resources-button,
.product-footer .support .button,
.product-footer .support .button-reverse,
.product-footer .support .qomo-contact-box-button,
.product-footer .support .product-info .product-info-resources-button,
.product-info .product-footer .support .product-info-resources-button {
  font-size: 0.5em;
  margin-top: 2em;
}

.product-footer .wrapper {
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}

.product-footer .warranty {
  background-color: #ee5250;
}

@media screen and (min-width: 768px) {
  .product-footer .warranty {
    margin-left: -2000px;
    padding-left: 2000px;
  }
  .product-footer .warranty .wrapper {
    padding-right: 10%;
  }
}

.product-footer .support {
  background-color: #e43935;
}

@media screen and (min-width: 768px) {
  .product-footer .support {
    margin-right: -2000px;
    padding-right: 2000px;
  }
  .product-footer .support .wrapper {
    padding-left: 10%;
  }
}

.archive-downloads-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.archive-downloads-group {
  margin: 0 0 2em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .archive-downloads-group {
    width: 48%;
  }
}

.archive-downloads-group th {
  text-align: left;
  white-space: nowrap;
}

.archive-downloads-group tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.archive-download-date {
  white-space: nowrap;
  text-align: right;
}

.archive-download-link {
  text-decoration: none;
}

.archive-downloads-category {
  margin: 0;
}

.archive-downloads-category span {
  font-size: 0.5em;
  color: #999;
}

@media screen and (max-width: 990px) {
  .archive-downloads-category span {
    display: block;
  }
}

.archive-downloads-category button {
  position: relative;
  top: -0.25em;
  padding: 0.6em 0.75em;
  border-radius: 100px;
  border: none;
  background-color: #eee;
}

.archive-downloads-category button svg {
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.archive-downloads-category button.rotate svg {
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .testimonials .testimonials-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 20em 5em 5em 20em 15em 15em;
    grid-template-areas: "one two" "three two" "three four" "three four" "five four" "six seven";
  }
}

@media screen and (min-width: 990px) {
  .testimonials .testimonials-testimonial {
    font-size: 1.25em;
  }
}

.testimonials .testimonials-block {
  padding: 2rem;
  border-bottom: 2px solid #ccc;
  display: flex;
  align-content: center;
}

@media screen and (min-width: 768px) {
  .testimonials .testimonials-block {
    border-right: 2px solid #ccc;
  }
}

.testimonials .testimonials-block img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 100%;
}

.testimonials .testimonials-block-inner {
  align-self: center;
}

.testimonials .testimonials-image .testimonials-block-inner {
  align-self: initial;
  align-items: center;
  height: 100%;
  width: 100%;
}

.testimonials #area-1 {
  grid-area: one;
}

.testimonials #area-2 {
  grid-area: two;
}

.testimonials #area-3 {
  grid-area: three;
}

.testimonials #area-4 {
  grid-area: four;
}

.testimonials #area-5 {
  grid-area: five;
}

.testimonials #area-6 {
  grid-area: six;
}

.testimonials #area-7 {
  grid-area: seven;
}

@media screen and (min-width: 768px) {
  .testimonials #area-1,
  .testimonials #area-2 {
    border-top: 2px solid #ccc;
  }
}

.testimonials #area-2,
.testimonials #area-4,
.testimonials #area-7 {
  border-right: none;
}

.testimonials #area-6,
.testimonials #area-7 {
  border-bottom: none;
}

.testimonials .testimonials-quote {
  text-align: center;
  margin-bottom: 1em;
}

.testimonials .testimonials-attribution {
  color: #231a7c;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
}

.testimonials .testimonials-affiliation {
  font-size: 0.75em;
  text-align: center;
}

.fourofour {
  padding: 10% 0;
  text-align: center;
}

.fourofour .search label {
  display: none;
}

.fourofour .search #search-close-button {
  display: none;
}

.fourofour .search input {
  margin-top: 1em;
  padding: 0.25em 0.5em;
  font-size: 2em;
  text-align: center;
  border: 2px solid #ccc;
}

.site-header {
  border-bottom: 1px solid #707070;
  background-color: white;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.admin-bar .site-header {
  top: 0;
}

@media screen and (min-width: 600px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

@media screen and (min-width: 783px) {
  .admin-bar .site-header {
    top: 32px;
  }
}

.site-header .container {
  height: 6.5em;
}

.sticky-header .site-header {
  border-bottom: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.sticky-header.admin-bar .sticky-header .site-header {
  top: 32px;
}

.site-header.background-screen {
  background-color: rgba(255, 255, 255, 0.95);
}

body.has-full-bleed-page-hero .site-header {
  background-color: transparent;
  border-bottom: none;
}

body.has-full-bleed-page-hero .site-header .menu-item a,
body.has-full-bleed-page-hero .site-header .site-tip-top a,
body.has-full-bleed-page-hero .site-header path {
  color: white;
}

body.has-full-bleed-page-hero .site-header .sub-menu a {
  color: #333;
}

body.has-full-bleed-page-hero .site-header .site-logo-color {
  display: none;
}

body.has-full-bleed-page-hero .site-header .site-logo-reverse {
  display: block;
}

body.has-full-bleed-page-hero .site-header .support-button > a {
  color: #d60000;
}

body.has-full-bleed-page-hero .site-header .support-button > a:hover {
  color: white;
}

body.has-full-bleed-page-hero .site-header.background-screen {
  background-color: rgba(255, 255, 255, 0.95);
}

body.has-full-bleed-page-hero .site-header.background-screen .menu-item a,
body.has-full-bleed-page-hero .site-header.background-screen .site-tip-top a,
body.has-full-bleed-page-hero .site-header.background-screen path {
  color: #d60000;
}

body.has-full-bleed-page-hero .site-header.background-screen .how-to-buy-button a {
  color: white;
}

body.has-full-bleed-page-hero .site-header.background-screen .how-to-buy-button a:hover {
  color: #d60000;
}

body.has-full-bleed-page-hero .site-header.background-screen .sub-menu a {
  color: #333;
}

body.has-full-bleed-page-hero .site-header.background-screen .site-logo-color {
  display: block;
}

body.has-full-bleed-page-hero .site-header.background-screen .site-logo-reverse {
  display: none;
}

.sticky-header.admin-bar .site-header {
  top: 32px;
}

.site-logo {
  max-width: 200px;
  width: 45%;
  position: absolute;
  left: 1rem;
  bottom: 1.25rem;
}

.site-logo-color {
  display: block;
}

.sticky-header .site-logo-color {
  display: none;
}

.site-logo-reverse {
  display: none;
}

.sticky-header .site-logo-reverse {
  display: block;
}

.site-banner {
  background-color: #d60700;
  color: #fff;
  text-align: center;
  padding: 5px;
}

.site-tip-top {
  position: absolute;
  top: 0.875rem;
  right: 1rem;
  font-size: 0.625em;
  color: #999;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .site-tip-top {
    text-align: right;
  }
}

.sticky-header .site-tip-top {
  color: white;
}

.site-tip-top div {
  margin-left: 1em;
}

.site-tip-top a {
  color: #999;
  text-decoration: none;
}

.sticky-header .site-tip-top a {
  color: white;
}

.site-tip-top a:hover {
  color: #d60000;
}

.site-tip-top-search,
.site-tip-top-tech-support,
.site-tip-top-sales,
.site-tip-top-contact,
.site-tip-top-phone,
.site-tip-top-dealer {
  display: inline;
}

.site-tip-top-dealer {
  text-transform: uppercase;
  letter-spacing: .2em;
}

.site-tip-top .site-tip-top-search {
  font-size: 1.3em;
}

@media screen and (max-width: 768px) {
  .site-tip-top-label {
    display: none;
  }
}

.site-tip-top-search:hover {
  color: #d60000;
  cursor: pointer;
}

.site-navigation {
  position: absolute;
  bottom: 0.75rem;
  right: 1rem;
  text-align: right;
}

.site-navigation .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 990px) {
  .site-navigation .menu {
    display: none;
  }
}

.site-navigation .menu-item {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
}

.site-navigation .menu-item:hover a::before {
  transform: scale(1);
}

.site-navigation .menu-item:hover .sub-menu {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}

.site-navigation .menu-item a {
  display: block;
  font-size: 0.625em;
  padding: 1em 1.25em 2em;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  color: #707070;
  letter-spacing: 0.25em;
}

.sticky-header .site-navigation .menu-item a {
  color: white;
}

.sticky-header .site-navigation .menu-item a::before {
  background-color: white;
}

.site-navigation .menu-item a::before {
  display: block;
  content: '';
  height: 4px;
  background-color: #ccc;
  border-radius: 4px;
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  transform: scale(0);
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.site-navigation .menu-item-has-children > a {
  cursor: default;
}

.site-navigation .current-menu-item a::before {
  transform: scale(1);
}

.site-navigation .support-button,
.site-navigation .how-to-buy-button {
  transform: scale3d(1, 1, 1);
}

.site-navigation .support-button > a,
.site-navigation .how-to-buy-button > a {
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
  z-index: 2;
}

.site-navigation .support-button > a::before,
.site-navigation .how-to-buy-button > a::before {
  content: none;
}

.site-navigation .support-button > a::after,
.site-navigation .how-to-buy-button > a::after {
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  bottom: 1em;
  z-index: -1;
  border-radius: 100px;
  border: 2px solid;
}

.site-navigation .support-button > a {
  color: #d60000;
}

.site-navigation .support-button > a::after {
  background-color: #ccc;
  border-color: #ccc;
}

.sticky-header .site-navigation .support-button > a::after {
  background-color: white;
  border-color: white;
}

.site-navigation .support-button:hover > a {
  color: #d60000;
}

.site-navigation .support-button:hover > a::after {
  background-color: transparent;
  border-color: #ccc;
}

.sticky-header .site-navigation .support-button:hover > a::after {
  border-color: white;
}

.site-navigation .how-to-buy-button {
  margin-left: 1em;
}

.site-navigation .how-to-buy-button > a {
  color: white;
}

.site-navigation .how-to-buy-button > a::after {
  background-color: #d60000;
  border-color: #d60000;
}

.sticky-header .site-navigation .how-to-buy-button > a {
  border-color: white;
}

.site-navigation .how-to-buy-button:hover > a {
  color: #d60000;
}

.site-navigation .how-to-buy-button:hover > a::after {
  background-color: transparent;
}

.site-navigation .how-to-buy-button:hover > a::before {
  display: none;
}

.sticky-header .site-navigation .how-to-buy-button:hover > a {
  color: white;
}

.site-navigation .sub-menu {
  border-radius: 6px;
  box-shadow: 0 4px 2em rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  top: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  z-index: 999999999;
}

.site-navigation .sub-menu li {
  display: block;
}

@media screen and (min-width: 768px) {
  .site-navigation .sub-menu li.mobile {
    display: none;
  }
}

.site-navigation .sub-menu li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.site-navigation .sub-menu li:last-child a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: none;
}

.site-navigation .sub-menu a {
  color: #333;
  display: block;
  padding: 1em 1.25em;
  background-color: #efefef;
  white-space: nowrap;
}

.sticky-header .site-navigation .sub-menu a {
  color: #333;
}

.site-navigation .sub-menu a::before {
  content: none;
}

.site-navigation .sub-menu a:hover {
  background-color: #d60000;
  color: white;
}

.site-navigation-icon {
  display: block;
  width: 26px;
  height: 18px;
  position: fixed;
  top: 3.5rem;
  right: 1rem;
  margin: 0;
  padding: 0;
  z-index: 30;
}

@media screen and (min-width: 990px) {
  .site-navigation-icon {
    display: none;
  }
}

.site-navigation-icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #999;
  position: absolute;
  left: 0;
  border-radius: 6px;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
  transform-origin: 50% 50%;
}

.active .site-navigation-icon-bar {
  animation-fill-mode: forwards;
}

.site-navigation-icon-bar-top {
  top: 0;
  transform: translateY(-50%);
}

.active .site-navigation-icon-bar-top {
  animation-name: topBar-activate;
}

.inactive .site-navigation-icon-bar-top {
  animation-name: topBar-deactivate;
}

.site-navigation-icon-bar-middle {
  top: 50%;
  transform: translateY(-50%);
}

.active .site-navigation-icon-bar-middle {
  animation-name: middleBar-activate;
}

.inactive .site-navigation-icon-bar-middle {
  animation-name: middleBar-deactivate;
}

.site-navigation-icon-bar-bottom {
  bottom: 0;
  transform: translateY(50%);
}

.active .site-navigation-icon-bar-bottom {
  animation-name: bottomBar-activate;
}

.inactive .site-navigation-icon-bar-bottom {
  animation-name: bottomBar-deactivate;
}

.site-navigation-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 20;
}

@media screen and (min-width: 990px) {
  .site-navigation-mobile {
    display: none;
  }
}

.site-navigation-mobile .menu-main-navigation-menu-container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.site-navigation-mobile .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.site-navigation-mobile .menu-item a {
  display: block;
  font-size: 1.5em;
  padding: 0.25em;
  text-decoration: none;
  color: white;
}

.site-navigation-mobile .menu-item a:hover {
  color: #d60000;
}

.site-navigation-mobile .sub-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.breadcrumbs {
  font-size: 0.75em;
  background-color: #f5f5f5;
  padding: 0.75em 1em 0.5em;
  border-bottom: 4px solid #efefef;
}

.breadcrumbs a {
  text-decoration: none;
  margin: 0;
}

#search-form {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 50;
}

#search-form #search-close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 2em;
}

#search-form #search-close-button:hover {
  color: white;
  cursor: pointer;
}

@media screen and (min-width: 990px) {
  #search-form {
    display: none;
  }
}

#search-form .container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
}

#search-form form {
  max-width: 80%;
}

#search-form input {
  font-size: 3em;
  text-align: center;
  padding: 0.5em;
  background-color: transparent;
  border: 2px solid #ccc;
  color: white;
  width: 100%;
  box-sizing: border-box;
}

#search-form input:active, #search-form input:focus {
  border-color: white;
  outline: none;
}

#search-form label {
  display: none;
}

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

.search-item {
  margin: 0 -1em;
  padding: 1em;
}

.search-item:hover {
  background-color: #efefef;
}

.search-item a {
  text-decoration: none;
  color: unset;
}

.search-item h3 {
  color: #d60000;
  margin: 0;
}

.search-item .excerpt {
  font-size: 0.75em;
}

.search .page-content {
  padding: 4em 0;
}

.search .page-title {
  margin-bottom: 2em;
  text-align: center;
}

.archive .page-title,
.single-post .page-title {
  text-align: center;
  margin-bottom: 1em;
  padding: 1em 0;
  border-bottom: 2px solid #ccc;
}

@media screen and (min-width: 768px) {
  .archive .page-title,
  .single-post .page-title {
    padding: 2em 0;
  }
}

@media screen and (min-width: 768px) {
  .single-post .page-content .post-wrapper {
    display: grid;
    grid-template-areas: "header header" "article sidebar";
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 4em;
    padding-bottom: 2em;
  }
}

.single-post .page-content .page-title {
  margin-bottom: 1em;
  grid-area: header;
}

.single-post .page-content .page-title-link {
  text-decoration: none;
}

.single-post .page-content .post-image img {
  background-color: #f5f5f5;
}

.single-post .page-content .post-title {
  margin: 0.25em 0;
}

.single-post .page-content .post-date {
  margin: 0 0 3em;
  font-size: 0.825em;
  text-transform: uppercase;
  font-weight: bold;
}

.single-post .page-content .post {
  grid-area: article;
}

.single-post .page-content .post-sidebar {
  grid-area: sidebar;
}

.single-post .page-content .post-sidebar .widget_tag_cloud .tag-cloud-link {
  display: inline-block;
  padding: 0.25em 0.5em;
  border: 1px solid #efefef;
}

.heateor_sss_sharing_container {
  border-top: 2px solid #ececec;
  padding-top: 1em;
  margin-top: 2em;
}

.single-wpdmpro .page-title {
  margin-bottom: 0;
}

.single-wpdmpro .post-date {
  margin-bottom: 2em;
  font-size: 0.825em;
}

@media screen and (min-width: 768px) {
  .single-wpdmpro .post {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 4em;
    grid-template-areas: "image image" "date date" "title title" "content sidebar";
  }
}

.single-wpdmpro .post-image {
  grid-area: image;
}

.single-wpdmpro .post-date {
  grid-area: date;
}

.single-wpdmpro .post-title {
  grid-area: title;
}

.single-wpdmpro .post-content {
  grid-area: content;
}

.single-wpdmpro .post-content .wpdm-download-link {
  display: block;
  margin: 2em 0;
  padding: 1em 1.5em;
  text-align: center;
  border: 2px solid #d60000;
  color: #d60000;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none;
}

.single-wpdmpro .post-content .wpdm-download-link:hover {
  background-color: #d60000;
  color: white;
}

.single-wpdmpro .post-sidebar {
  grid-area: sidebar;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget {
  font-size: 0.9em;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget .ptitle,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget .ptitle {
  font-weight: normal;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget .ptitle .label,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget .ptitle .label {
  color: #ccc;
  background-color: #eee;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget .wpdm-download-link,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget .wpdm-download-link {
  font-size: 0.75em;
  display: inline-block;
  padding: 0.125em 0.5em;
  color: #999;
  background-color: #ddd;
  border-radius: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget .wpdm-link-tpl,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget .wpdm-link-tpl {
  margin-bottom: 1em;
}

.single-wpdmpro .post-sidebar .widget_wpdm_newpacks_widget .pull-left,
.single-wpdmpro .post-sidebar .widget_wpdm_topdls_widget .pull-left {
  display: none;
}

.qomo-download-item {
  border-top: 4px solid white;
}

.qomo-download-item .qomo-download-link {
  display: block;
  padding: 0.5em 0.75em;
  background-color: #f5f5f5;
  font-size: 0.75em;
}

.qomo-download-item .qomo-download-link:hover {
  text-decoration: none;
  background-color: #efefef;
}

.qomo-download-item .qomo-download-title {
  font-size: 1.1em;
  line-height: 1.5;
  margin: 0 0 0.25em;
}

.qomo-download-item .qomo-download-meta {
  color: #b1b1b1;
}

.qomo-download-date {
  margin-top: 1em;
}

.qomo-download-content {
  margin: 2.5em 0 1em;
  display: flex;
}

.qomo-download-content .qomo-download-meta {
  width: 25%;
  text-align: center;
}

.qomo-download-content .qomo-download-description {
  width: 75%;
  padding-left: 5%;
}

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

.widget {
  margin-bottom: 2em;
}

.widget .widgettitle {
  color: #d60000;
}

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget a {
  text-decoration: none;
  color: #999;
}

.widget a:hover {
  color: #666;
}

.archive-grid {
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: auto;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

@media screen and (min-width: 500px) {
  .archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 990px) {
  .archive-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.archive-grid .post {
  width: 100%;
}

.archive-grid .post-image {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid #ccc;
}

.archive-grid .post-image img {
  background-color: #f5f5f5;
}

.archive-grid .post-title {
  font-size: 1.25em;
  transform: translate3d(0, 0, 0);
}

.archive-grid .post-date {
  transform: translate3d(0, 0, 0);
  font-size: 0.75em;
  margin-bottom: 1em;
}

.archive-grid .post-link {
  display: block;
  text-decoration: none;
  color: unset;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.archive-grid .post-link:hover {
  transform: scale(1.05);
}

.qomo-section-box {
  background-color: #d60000;
  padding: 10% 0;
}

.qomo-section-headline {
  color: white !important;
  font-weight: 600 !important;
  text-align: center;
  font-size: 1.5em !important;
  line-height: 1.3 !important;
  letter-spacing: 0.03em !important;
}

@media screen and (min-width: 990px) {
  .qomo-section-headline {
    font-size: 2.25em !important;
  }
}

.qomo-section-subheadline {
  color: #ee5250 !important;
  font-weight: 600;
  text-align: center;
  font-size: 1em !important;
  line-height: 1.4 !important;
}

@media screen and (min-width: 990px) {
  .qomo-section-subheadline {
    font-size: 1.5em !important;
  }
}

.subhead-four {
  color: #868686 !important;
  font-weight: 600 !important;
  text-align: center;
  font-size: 1em !important;
  line-height: 1.4 !important;
  text-transform: none;
}

@media screen and (min-width: 990px) {
  .subhead-four {
    font-size: 1.5em !important;
  }
}

.subhead-edu {
  color: #868686 !important;
  font-weight: 400;
  text-align: center;
  font-size: 1em !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: initial !important;
}

@media screen and (min-width: 990px) {
  .subhead-edu {
    font-size: 1.2em !important;
  }
}

.mk-fancy-title.qomo-product-leadin, .mk-fancy-title.qomo-product-leadin-secondary {
  margin-bottom: 0.5em;
  color: #231a7c;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

@media screen and (min-width: 768px) {
  .mk-fancy-title.qomo-product-leadin, .mk-fancy-title.qomo-product-leadin-secondary {
    font-size: 18px !important;
  }
}

.mk-fancy-title.qomo-product-headline, .mk-fancy-title.qomo-product-headline-secondary {
  color: #d60000;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
}

@media screen and (min-width: 768px) {
  .mk-fancy-title.qomo-product-headline, .mk-fancy-title.qomo-product-headline-secondary {
    font-size: 50px !important;
  }
}

.mk-fancy-title.qomo-product-leadin-secondary {
  font-size: 14px !important;
}

@media screen and (min-width: 768px) {
  .mk-fancy-title.qomo-product-leadin-secondary {
    font-size: 16px !important;
  }
}

.mk-fancy-title.qomo-product-headline-secondary {
  font-size: 28px !important;
}

@media screen and (min-width: 768px) {
  .mk-fancy-title.qomo-product-headline-secondary {
    font-size: 32px !important;
  }
}

.qomo-contact-box {
  background-color: #d60000;
  text-align: center;
  color: white;
  position: relative;
}

.qomo-contact-box-content {
  padding: 5% 1em;
  max-width: 1100px;
  margin: 0 auto;
}

.qomo-contact-box-headline {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .qomo-contact-box-headline {
    font-size: 2em;
  }
}

@media screen and (min-width: 990px) {
  .qomo-contact-box-headline {
    font-size: 2.5em;
  }
}

.qomo-contact-box-text {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
  .qomo-contact-box-text {
    font-size: 1.25em;
  }
}

@media screen and (min-width: 990px) {
  .qomo-contact-box-text {
    font-size: 1.5em;
  }
}

.qomo-contact-box-text a {
  color: white;
  background-color: transparent;
  margin: -0.125em -0.25em;
  padding: 0.125em 0.25em;
  border-radius: 3px;
  text-decoration: none;
}

.qomo-contact-box-text a:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.125);
}

.qomo-contact-box-button {
  margin-top: 1em;
  font-size: 0.5em;
}

@media screen and (min-width: 768px) {
  .qomo-contact-box-button {
    font-size: 0.75em;
  }
}

.footer-social {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  font-size: 1.75em;
  padding: 0.5em 0;
}

.footer-social-accounts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.footer-social-account {
  margin: 0 0.5em;
  padding: 0;
}

.footer-social-account-link {
  display: inline-block;
  padding: 0.25em;
  color: #d60000;
}

.footer-social-account-icon {
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.footer-social-account-link:hover .footer-social-account-icon {
  transform: scale(1.2);
}

.footer-navigation {
  padding: 2em 0 0;
  font-size: 0.9em;
}

@media screen and (min-width: 768px) {
  .footer-navigation {
    font-size: 1em;
  }
}

.footer-navigation .menu {
  columns: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (min-width: 768px) {
  .footer-navigation .menu {
    columns: 4;
  }
}

.footer-navigation .menu a {
  font-weight: bold;
  color: #231a7c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 0.75em;
  display: block;
  padding: 0.5em 0;
}

.footer-navigation .menu a:hover {
  color: #d60000;
}

.footer-navigation .menu a:not([href]), .footer-navigation .menu a[href="#"] {
  cursor: default;
}

.footer-navigation .menu a:not([href]):hover, .footer-navigation .menu a[href="#"]:hover {
  color: #231a7c;
}

.footer-navigation .menu-item {
  display: block;
  break-inside: avoid;
  margin: 0;
  padding: 0;
}

.footer-navigation .sub-menu {
  margin: 0.5em 0;
  padding: 0;
}

.footer-navigation .sub-menu a {
  font-size: 0.875em;
  font-weight: normal;
  color: #999;
  text-transform: unset;
  padding: 0.25em 0;
}

.footer-qomo {
  color: #ccc;
}

.footer-logo {
  width: 16em;
  margin-bottom: 1em;
}

.footer-disclaimers {
  color: #999;
  padding: 2em 0 0;
  font-size: 0.75em;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .footer-disclaimers {
    font-size: 1em;
    text-align: left;
  }
}

.footer-disclaimers a {
  text-decoration: none;
}

.footer-disclaimers a:hover {
  color: #231a7c;
}

.footer-disclaimers .menu {
  margin: 0.25em 0;
  padding: 0;
  list-style: none;
}

.footer-disclaimers .menu-item {
  display: inline-block;
  margin: 0 0.25em 0 0;
  padding: 0 0.25em 0 0;
  border-right: 2px solid #999;
  line-height: 1;
}

.footer-disclaimers .menu-item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.footer-contact {
  background-color: #d60000;
  text-align: center;
  font-weight: bold;
  color: white;
  margin-top: 2em;
  padding: 1em 2%;
  font-size: 0.5em;
}

@media screen and (min-width: 768px) {
  .footer-contact {
    font-size: 0.75em;
  }
}

.footer-contact a {
  text-decoration: none;
}

.footer-contact .footer-address {
  display: inline-block;
  margin-right: 1em;
}

.footer-contact .contact-methods-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.footer-contact .contact-methods-item {
  margin: 0 1em 0 0;
  padding: 0;
  display: inline-block;
}

.footer-contact .contact-methods-item a {
  color: white;
}

/*new styles*/
.footer-row .container {
  padding-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .footer-row .container {
    display: grid;
    grid-template-columns: [col-start] 45% [col-end] 45%;
    grid-column-gap: 10%;
  }
}

.footer-row .container > div {
  box-sizing: border-box;
}

.footer-navigation {
  grid-column: col-end;
}

@media screen and (max-width: 768px) {
  .footer-navigation {
    display: none;
  }
}

.footer-content .formtitle {
  font-weight: bold;
  color: #231a7c;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 0.75em;
  display: block;
  padding: 0.5em 0;
}

.footer-content .gform_wrapper {
  margin: 0;
}

.footer-navigation .menu {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 10%;
  grid-template-rows: auto auto;
}

.footer-row {
  background: #f1f1f1;
}

@media screen and (min-width: 768px) {
  .footer-row {
    background: linear-gradient(90deg, #f1f1f1 50%, white 50%);
  }
}

.footer-contact {
  margin-top: 0;
}

.footer-social {
  box-shadow: none;
  border-top: solid 2px #f1f1f1;
  border-bottom: solid 2px #f1f1f1;
  padding: 0;
  margin-bottom: .5em;
  margin-top: .5em;
}

.footer-content .gform_wrapper .gform_body .gform_fields .gfield {
  width: 100%;
}

.footer-content .gform_wrapper .gform_body .gform_fields .gfield input {
  margin: 0;
  margin-bottom: 5px;
}

input#gform_submit_button_9 {
  padding: 1em 3em;
  margin-bottom: 1em;
}

.footer-content .gform_footer {
  text-align: right;
}

img.footer-logo {
  margin-bottom: 0;
}

.footer-attribution {
  text-align: right;
}

.footer-attribution a {
  color: #999;
  text-decoration: none;
}

ul.footer-social-accounts {
  justify-content: space-between;
}

.footer-navigation .sub-menu {
  margin-top: 0;
}

.footer-navigation .menu > .menu-item ul {
  padding-bottom: 15px;
}

.footer-navigation .menu > .menu-item:nth-child(3) {
  grid-column: 2;
}

.footer-navigation .menu > .menu-item:last-child {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 4;
  /* border-right: solid 2px #f1f1f1; */
  justify-content: space-between;
}

.menu-footer-navigation-menu-container {
  background: white;
  background: linear-gradient(90deg, white 50.5%, #f1f1f1 50.5%, #f1f1f1 51%, white 51%);
  margin-top: 24px;
}

.footer-content {
  margin-bottom: 2em;
}

.password-prompt {
  background-color: #d60000;
  color: white;
  text-align: center;
  padding: 10% 0;
}

.code-prompt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999;
  color: white;
  display: none;
}

.code-prompt-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

.code-prompt-headline {
  font-size: 4em;
  margin: 0;
}

.code-prompt-subhead {
  font-size: 1em;
  font-style: italic;
  margin: 0;
}

.code-prompt-text {
  font-size: 3em;
  font-family: monospace;
  background-color: rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding: 0.25em 0.5em;
  border-radius: 0.125em;
}

.code-prompt-close {
  position: fixed;
  top: 0.75em;
  right: 1em;
  font-size: 3em;
  line-height: 1;
}

.code-prompt-close:hover {
  color: #d60000;
}

#cookie-notice .cookie-notice-container {
  max-width: 1100px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
  text-align: left;
}

span#cn-notice-buttons {
  height: 100%;
}

a#cn-accept-cookie {
  color: #d60000;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  padding: 1em 2em;
  margin-left: 30px !important;
  border-radius: 100px;
  min-width: 150px;
  margin-top: 8%;
  border: none;
}

a#cn-accept-cookie:hover, a#cn-accept-cookie:focus, a#cn-accept-cookie:active {
  color: #fff;
  background-color: #d60000;
}

a#cn-accept-cookie:hover :after, a#cn-accept-cookie:focus :after, a#cn-accept-cookie:active :after {
  display: none;
  opacity: 1;
}

a#cn-accept-cookie:after {
  display: none;
}

.newsletter {
  text-align: center;
  padding: 4em 0;
}

.newsletter input {
  padding: 0.25em 0.5em;
  border-radius: 3px;
  border: none;
  font-size: 2em;
  margin: 0;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .newsletter input {
    display: inline-block;
  }
}

.newsletter input[type='email'] {
  color: #333;
  background-color: #efefef;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .newsletter input[type='email'] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: auto;
    text-align: left;
  }
}

.newsletter input[type='submit'] {
  background-color: #ee5250;
  color: white;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  -webkit-appearance: none;
}

.newsletter input[type='submit']:hover {
  background-color: #d60000;
}

@media screen and (min-width: 768px) {
  .newsletter input[type='submit'] {
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.newsletter button {
  border: none;
  font-size: 3em;
  padding: 0.25em 0.5em;
  border-radius: 3px;
  background-color: #ee5250;
  color: white;
  margin-top: 0.5em;
  cursor: pointer;
}

.newsletter button:hover {
  background-color: #d60000;
}

.newsletter #status-wrapper {
  overflow: hidden;
  transition: height 350ms ease-in-out;
}

.newsletter #status {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}

.newsletter #status.visible {
  opacity: 1;
}

.newsletter #status .email-address {
  background-color: #efefef;
  padding: 0.125em 0.25em;
  border-radius: 3px;
}

.newsletter .primary {
  font-size: 2.5em;
  color: #d60000;
  font-weight: normal;
  margin-top: 0;
}

.newsletter .secondary {
  font-size: 1.5em;
}

.newsletter #controller {
  font-size: 4em;
  color: #d60000;
  cursor: pointer;
  transition: transform 200ms ease;
}

.newsletter #controller:hover {
  transform: scale(1.1);
}

.newsletter #playerDisplay {
  padding-bottom: 20px;
}

.newsletter #playerDisplay .artist-info {
  background-color: #f9f9f9;
  border: 1px solid #efefef;
  border-radius: 3px;
  display: inline-block;
  padding: 0.5em 0.75em;
}

.newsletter .fa-hand-pointer {
  font-size: 2em;
  color: #ccc;
  animation: point 1s ease-in-out infinite alternate;
}

@keyframes point {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 20px, 0);
  }
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.newsletter .shake {
  animation-name: shake;
}

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

.blog-post-title {
  margin: 0 0 0.375em;
}

.blog-post-date {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.625em;
  letter-spacing: 0.05em;
  display: inline-block;
  padding: 0.5em 0.75em;
  background-color: #eee;
  margin-bottom: 1em;
}

.blog-post-tags {
  display: inline;
}

.blog-post-tags-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.blog-post-tags-item {
  display: inline-block;
  margin-right: 0.5em;
}

.blog-post-tags-item a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.375em;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 0.5em 0.75em;
  background-color: transparent;
  text-decoration: none;
  border: 1px solid #eee;
  color: #666;
}

.blog-post-tags-item a:hover {
  background-color: #eee;
}

/*# sourceMappingURL=../maps/main.css.map */
