/**
 * Background Styles (Site Builder Design Section)
 */
.og-bg-dark-gray,
.og-bg-red,
.og-bg-green-header,
.og-bg-orange-header,
.og-bg-blue-header,
.og-bg-red-header,
.og-bg-gold-header,
.og-bg-purple-header,
.og-bg-teal-header,
.og-bg-light-green-header {
  color: #fff; }
  .og-bg-dark-gray h1, .og-bg-dark-gray h2, .og-bg-dark-gray h3, .og-bg-dark-gray h4, .og-bg-dark-gray h5, .og-bg-dark-gray h6,
  .og-bg-red h1,
  .og-bg-red h2,
  .og-bg-red h3,
  .og-bg-red h4,
  .og-bg-red h5,
  .og-bg-red h6,
  .og-bg-green-header h1,
  .og-bg-green-header h2,
  .og-bg-green-header h3,
  .og-bg-green-header h4,
  .og-bg-green-header h5,
  .og-bg-green-header h6,
  .og-bg-orange-header h1,
  .og-bg-orange-header h2,
  .og-bg-orange-header h3,
  .og-bg-orange-header h4,
  .og-bg-orange-header h5,
  .og-bg-orange-header h6,
  .og-bg-blue-header h1,
  .og-bg-blue-header h2,
  .og-bg-blue-header h3,
  .og-bg-blue-header h4,
  .og-bg-blue-header h5,
  .og-bg-blue-header h6,
  .og-bg-red-header h1,
  .og-bg-red-header h2,
  .og-bg-red-header h3,
  .og-bg-red-header h4,
  .og-bg-red-header h5,
  .og-bg-red-header h6,
  .og-bg-gold-header h1,
  .og-bg-gold-header h2,
  .og-bg-gold-header h3,
  .og-bg-gold-header h4,
  .og-bg-gold-header h5,
  .og-bg-gold-header h6,
  .og-bg-purple-header h1,
  .og-bg-purple-header h2,
  .og-bg-purple-header h3,
  .og-bg-purple-header h4,
  .og-bg-purple-header h5,
  .og-bg-purple-header h6,
  .og-bg-teal-header h1,
  .og-bg-teal-header h2,
  .og-bg-teal-header h3,
  .og-bg-teal-header h4,
  .og-bg-teal-header h5,
  .og-bg-teal-header h6,
  .og-bg-light-green-header h1,
  .og-bg-light-green-header h2,
  .og-bg-light-green-header h3,
  .og-bg-light-green-header h4,
  .og-bg-light-green-header h5,
  .og-bg-light-green-header h6 {
    color: #fff; }

.og-bg-gray {
  background-color: #E8E8E8; }

.og-bg-light-gray {
  background-color: #E7E8EC; }

.og-bg-gray {
  background-size: 100% 125%;
  position: relative;
  z-index: 10; }
  @media only screen and (min-width: 1100px) {
    .og-bg-gray {
      background-size: 100%; } }

.og-bg-dark-gray {
  background-color: #4D4D4D; }

.og-bg-green {
  background-color: #016F54; }

.og-bg-dark-green {
  background-color: #17524B; }

.og-bg-light-green {
  background-color: #84b059; }

.og-bg-red {
  background-color: #802D46; }

.under-header {
  margin-top: -300px; }
  .under-header .panel-row-style {
    padding-top: 300px; }

.og-bg-green-header,
.og-bg-orange-header,
.og-bg-blue-header,
.og-bg-red-header,
.og-bg-gold-header,
.og-bg-purple-header,
.og-bg-teal-header,
.og-bg-light-green-header {
  background-size: cover !important;
  position: relative;
  z-index: 10;
  padding: 30px 0 60px;
  margin-left: -2px !important;
  margin-right: -2px !important; }
  @media only screen and (min-width: 1100px) {
    .og-bg-green-header,
    .og-bg-orange-header,
    .og-bg-blue-header,
    .og-bg-red-header,
    .og-bg-gold-header,
    .og-bg-purple-header,
    .og-bg-teal-header,
    .og-bg-light-green-header {
      padding: 30px 0 100px; } }

.og-bg-green-header {
  background: url(../images/angle-green.svg) bottom center no-repeat; }

.og-bg-orange-header {
  background: url(../images/angle-orange.svg) bottom center no-repeat; }

.og-bg-blue-header {
  background: url(../images/angle-blue.svg) bottom center no-repeat; }

.og-bg-red-header {
  background: url(../images/angle-red.svg) bottom center no-repeat; }

.og-bg-gold-header {
  background: url(../images/angle-gold.svg) bottom center no-repeat; }

.og-bg-purple-header {
  background: url(../images/angle-purple.svg) bottom center no-repeat; }

.og-bg-teal-header {
  background: url(../images/angle-teal.svg) bottom center no-repeat; }

.og-bg-light-green-header {
  background: url(../images/angle-green-light.svg) bottom center no-repeat; }

.home .gray-angle-transparent {
  z-index: 10; }

.gray-angle-transparent {
  position: absolute;
  z-index: 1;
  margin-top: -15%;
  pointer-events: none;
  width: 100%; }

.og-gray-angle-top-left {
  padding: 0px 0px 0px 0px;
  position: relative; }
  .og-gray-angle-top-left:after {
    content: "";
    background: url(../images/gray-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    left: 0;
    height: 100%;
    z-index: 4;
    transform: scaleX(-1);
    pointer-events: none; }

.og-gray-angle-top-right {
  padding: 14px 0px 0px 0px;
  position: relative; }
  .og-gray-angle-top-right:after {
    content: "";
    background: url(../images/gray-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    right: 0;
    height: 100%;
    z-index: 4;
    pointer-events: none; }

.og-light-green-angle-top-left {
  padding: 14px 0px 0px 0px;
  position: relative; }
  .og-light-green-angle-top-left:after {
    content: "";
    background: url(../images/angle-light-green.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -98%;
    width: 50%;
    left: 0;
    height: 100%;
    z-index: 4;
    pointer-events: none; }

.og-light-green-angle-top-right {
  padding: 14px 0px 0px 0px;
  position: relative; }
  .og-light-green-angle-top-right:after {
    content: "";
    background: url(../images/angle-light-green.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -98%;
    width: 50%;
    right: 0;
    height: 100%;
    z-index: 4;
    pointer-events: none;
    transform: scaleX(-1); }

.og-white-angle-top-left {
  padding: 0px 0px 0px 0px;
  position: relative; }
  .og-white-angle-top-left:after {
    content: "";
    background: url(../images/white-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    left: 0;
    height: 100%;
    z-index: 10;
    transform: scaleX(-1);
    pointer-events: none; }

.og-white-angle-top-right {
  padding: 0px 0px 0px 0px;
  position: relative; }
  .og-white-angle-top-right:after {
    content: "";
    background: url(../images/white-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    right: 0;
    height: 100%;
    z-index: 10;
    pointer-events: none; }

.og-red-angle-top-right {
  padding: 80px 0px 0px 0px;
  position: relative; }
  .og-red-angle-top-right:after {
    content: "";
    background: url(../images/red-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    right: 0;
    height: 100%;
    z-index: 4;
    pointer-events: none; }

.og-red-angle-top-left {
  padding: 80px 0px 0px 0px;
  position: relative; }
  .og-red-angle-top-left:after {
    content: "";
    background: url(../images/red-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    left: 0;
    height: 100%;
    z-index: 4;
    transform: scaleX(-1);
    pointer-events: none; }

.og-green-angle-top-right {
  padding: 80px 0px 0px 0px;
  position: relative; }
  .og-green-angle-top-right:after {
    content: "";
    background: url(../images/red-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    right: 0;
    height: 100%;
    z-index: 4;
    pointer-events: none; }

.og-green-angle-top-left {
  padding: 80px 0px 0px 0px;
  position: relative; }
  .og-green-angle-top-left:after {
    content: "";
    background: url(../images/red-angle-right.svg);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    top: -99%;
    width: 50%;
    left: 0;
    height: 100%;
    z-index: 4;
    transform: scaleX(-1);
    pointer-events: none; }

.blue-angled-image {
  position: relative;
  margin-top: -20%;
  padding: 0px !important; }
  .blue-angled-image:before {
    content: "";
    background: url(../images/green-angle.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100%;
    pointer-events: none; }

.orange-angled-image {
  position: relative;
  margin-top: -20%;
  padding: 0px !important; }
  .orange-angled-image:before {
    content: "";
    background: url(../images/orange-angle.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100%;
    pointer-events: none; }

.red-angled-image {
  position: relative;
  margin-top: -20%;
  padding: 0px !important; }
  .red-angled-image:before {
    content: "";
    background: url(../images/red-angle.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 101%;
    background-position: bottom center;
    position: absolute;
    bottom: -1px;
    width: 100%;
    right: 0;
    height: 100%;
    pointer-events: none; }

.angled-image-red {
  position: relative;
  margin-top: -20%; }
  .angled-image-red:before {
    content: url(../images/transparent-red-angle.svg);
    position: absolute;
    bottom: -6px; }
  .angled-image-red:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 150px solid #802D46;
    border-right: 720px solid transparent; }

/*# sourceMappingURL=og-default.css.map */