.splash {
  margin: 50px 0;
  padding-bottom: 40px; }
  .splash .splashTitleArea {
    margin-bottom: 40px;
    padding: 100px 20px;
    text-align: center;
    background-color: #f5f4f4;
    font-family: "Roboto", sans-serif;
    border: 1px solid #efefef;
    -webkit-box-shadow: 3px 3px 22px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 22px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 22px -2px rgba(0, 0, 0, 0.75);
    border-bottom: 4px solid #e4002b;
    border-radius: 0 10px 0 10px; }
    @media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
      .splash .splashTitleArea {
        padding: 40px 20px; } }
    @media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
      .splash .splashTitleArea .titleMain {
        font-size: 24px;
        line-height: 28px; } }
    @media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
      .splash .splashTitleArea .titleImage img {
        width: 90%;
        margin: 0 auto; } }

.checkmarks .panel {
  border-radius: 0 10px 0 10px; }

.desktopbackground {
  margin-top: -70px; }

.threeKnows {
  padding-top: 100px;
  padding-bottom: 100px; }

.droplinks br {
  display: none; }

@media only screen and (min-width: 992px), all {
  .headercontent.desktop {
    padding-right: 0px; } }
#footer {
  margin-top: 0px; }

.titlemobile {
  margin: 0 auto; }

.panellist {
  position: relative; }

.ribbon-header {
  font-size: 20px !important;
  letter-spacing: 0.05em !important; }

.ribbon-header span {
  font-style: italic; }

.ribbon-header:after {
  border-top-width: 23px !important;
  border-bottom-width: 23px !important; }

#homeProtection {
  min-height: 920px;
  background-image: url(https://media.richmondwaterheaters.com/media/uploads/iat/sites/36/2019/07/gladiator-intro61.png);
  background-position-x: 960px;
  background-repeat: no-repeat; }

.h1Style {
  font-size: 43px;
  line-height: 1; }
  @media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
    .h1Style {
      text-align: center; } }

.block {
  text-align: center;
  line-height: 1.4; }

.img-block {
  margin-bottom: 10px; }

.panel {
  margin-bottom: 0;
  poaition: relative; }

.panellist .panel .panelicon {
  width: 50px;
  display: table-cell;
  vertical-align: middle; }

.panellist .panel .panelicon .iconholder {
  width: 50px;
  height: 50px;
  text-align: center; }

.panellist .panel {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ebebec;
  padding: 20px 15px;
  margin-bottom: 20px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08); }

.ribbon-container .ribbon-header.green, .callout.green {
  background-color: #69913b; }

.ribbon-container .ribbon-header.lightteal, .callout.teal {
  background-color: #458b8f; }

.ribbon-container .ribbon-header.lightblue, .callout.lightblue {
  background-color: #7a99ac; }

.ribbon-container .ribbon-header.green:after {
  border-top-color: #69913b;
  border-bottom-color: #69913b; }

.ribbon-container .ribbon-header.lightteal:after {
  border-top-color: #458b8f;
  border-bottom-color: #458b8f; }

.ribbon-container .ribbon-header.lightblue:after {
  border-top-color: #7a99ac;
  border-bottom-color: #7a99ac; }

.panellist.checkmarks.green svg {
  fill: #69913b; }

.panellist.checkmarks.darkteal svg {
  fill: #458b8f; }

.panellist.checkmarks.lightblue svg {
  fill: #7a99ac; }

#greentop, #lightbluetop, #tealtop {
  padding: 10px 15px 10px 15px; }

#waterHybrid .img-block img {
  margin-top: -110px; }

#waterHybrid {
  padding: 50px 0; }

#waterHybrid #heater-row {
  padding: 100px 0 50px; }

#waterHybrid #heater-row .block {
  margin: 20% 0; }

#waterHybrid .blue-box {
  width: 100%;
  background: #7a99ac;
  height: auto;
  max-height: 230px;
  border-radius: 10px;
  margin: 0 auto;
  padding-bottom: 25px;
  color: #fff;
  text-align: center; }

#waterHybrid .blue-box h3 {
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
  margin-top: 15px !important; }

#waterHybrid .blue-box p {
  font-size: 18px;
  padding: 0 10%;
  text-align: center; }

#knowledge {
  min-height: 860px;
  position: relative;
  padding-top: 130px;
  overflow: hidden; }

#knowledge:before, #sustainability-promo:before {
  content: '';
  display: block;
  width: 100%;
  height: 25%;
  background: white;
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2; }

#knowledge:after {
  content: '';
  display: block;
  width: 100%;
  height: 20%;
  background: white;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2; }

#knowledge .titlerow {
  padding-right: 80px; }

#knowledge .owl-next {
  right: 5%; }

.owl-carousel .owl-stage-outer {
  overflow: visible; }

.slide {
  opacity: 0;
  -webkit-transition: all 300ms ease-out 500ms;
  -moz-transition: all 300ms ease-out 500ms;
  -o-transition: all 300ms ease-out 500ms;
  transition: all 300ms ease-out 500ms;
  text-align: center; }

.active .slide {
  opacity: 1; }

.slide .textcontent {
  background-color: #fff;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 60px 80px; }

.slide h3 {
  color: #458b8f;
  font-size: 18px;
  margin: 0 0 10px 0; }

.slide .imgholder {
  position: absolute;
  top: 80%;
  right: 0%;
  width: 100%; }

.slide .imgholder img {
  margin: 0 auto;
  padding-left: 12px; }

.disabled {
  opacity: .4;
  pointer-events: none; }

#moreinfo {
  margin-top: 60px; }

#moreinfo .infobuttons li {
  margin: 2%;
  display: block;
  vertical-align: top; }

#sustainability-promo {
  position: relative; }

#sustainability-promo .leftside {
  height: 230px;
  margin-bottom: 0px; }

#sustainability-promo .btn-primary {
  background-color: #264072;
  border-color: #264072; }

#sustainability-promo .btn-primary {
  background-color: #264072;
  border-color: #264072; }

#sustainability-promo .rightside img {
  margin: 20px 0px; }

#sustainability-promo .leftside .panel {
  position: absolute;
  bottom: -8px;
  right: 0px;
  display: block;
  margin-bottom: 0px; }

#sustainability-promo .containerwrapper {
  margin-bottom: 0px; }

#upgrade {
  padding: 120px 0 125px 0;
  color: #fff; }

#upgrade h2 {
  color: #fff;
  margin-bottom: 0px; }

#Features .leftside .imagewrapper, #explore .leftside .imagewrapper {
  display: none; }

@media only screen and (min-width: 768px) {
  #waterHybrid {
    background-size: 100% 100% !important; }

  #Features .leftside .imagewrapper, #explore .leftside .imagewrapper {
    display: block; }

  #Features h2 {
    font-size: 32px;
    line-height: 38px; }

  .features {
    min-height: 1850px; }

  .slide .imgholder {
    position: absolute;
    top: -160px;
    right: -300px;
    width: auto; }

  .slide .imgholder img {
    max-width: none;
    margin: 0; }

  .slide .textcontent {
    padding: 60px 100px 60px 80px; }

  #knowledge .owl-next {
    right: 10%; }

  #moreinfo .infobuttons li {
    margin: 2%;
    display: inline-block; } }
@media only screen and (min-width: 992px) {
  #sustainability-promo .leftside {
    height: 375px;
    margin-bottom: 20px; }

  #sustainability-promo .leftside .imagewrapper img {
    max-width: none; }

  #sustainability-promo .leftside {
    height: 550px;
    margin-bottom: 0px; }

  #sustainability-promo .leftside .panel {
    position: absolute;
    bottom: -8px;
    right: -350px;
    display: block; } }
.mobileimage {
  background-size: unset; }

.powerCol > h4 {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 32px; }

.powerCol > p.copy {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px; }

.btn-know {
  background-color: #69913b; }

.btn-control {
  background-color: #458b8f; }

.btn-protect {
  background-color: #7e99aa; }

.powerCol > p > a.btn {
  color: #ffffff;
  padding-top: 10px;
  text-transform: uppercase; }

.video-container {
  position: relative; }

.video-container .videoholder {
  position: relative;
  padding: 0 5px;
  z-index: 0; }

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0; }

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

h2 {
  font-size: 40px;
  line-height: 2em; }

h4.callout {
  font-size: 27px;
  color: #fff;
  padding: 8px;
  margin-left: 40px;
  top: 15px;
  position: relative;
  border-radius: 5px; }
  @media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
    h4.callout {
      width: 100%;
      margin-left: 0; } }

@media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
  ul.checkmarks {
    padding-inline-start: 0; } }

@media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
  .noMobile {
    display: none; } }

@media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
  .givesYou {
    line-height: 36px;
    margin-top: 20px; } }

@media only screen and (min-device-width: 319px) and (max-device-width: 667px) {
  h2.sectiontitle {
    line-height: 36px;
    font-size: 32px; } }

/*# sourceMappingURL=gladiator.css.map */