@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/300.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/900.otf") format("opentype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/700.otf") format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/500.otf") format("opentype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/300.otf") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/100.otf") format("opentype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/300-italic.otf") format("opentype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/300-italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'museo-sans-rounded';
  src: url("/static/common/fonts/Museo-Sans-Rounded/700-italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic; }

body {
  font-family: "museo-sans-rounded", "Futura PT", Futura, Helvetica, Arial, sans-serif; }

button:focus, button:active, button:hover {
  outline: 0px !important;
  -webkit-appearance: none; }

/* Buttons */
.nl-btn, .nl-btn-blue, .nl-btn-blue-shadow, .nl-btn-orange, .nl-btn-orange-shadow, .nl-btn-darkblue, .nl-btn-darkblue-shadow, .nl-btn-green, .nl-btn-green-shadow, .nl-btn-red, .nl-btn-red-shadow, .nl-btn-yellow, .nl-btn-yellow-shadow, .nl-btn-default, .nl-btn-default-shadow {
  border-radius: 6px;
  color: #fff;
  border: none;
  box-shadow: none; }
  .nl-btn:hover, .nl-btn-blue:hover, .nl-btn-blue-shadow:hover, .nl-btn-orange:hover, .nl-btn-orange-shadow:hover, .nl-btn-darkblue:hover, .nl-btn-darkblue-shadow:hover, .nl-btn-green:hover, .nl-btn-green-shadow:hover, .nl-btn-red:hover, .nl-btn-red-shadow:hover, .nl-btn-yellow:hover, .nl-btn-yellow-shadow:hover, .nl-btn-default:hover, .nl-btn-default-shadow:hover, .nl-btn:active, .nl-btn-blue:active, .nl-btn-blue-shadow:active, .nl-btn-orange:active, .nl-btn-orange-shadow:active, .nl-btn-darkblue:active, .nl-btn-darkblue-shadow:active, .nl-btn-green:active, .nl-btn-green-shadow:active, .nl-btn-red:active, .nl-btn-red-shadow:active, .nl-btn-yellow:active, .nl-btn-yellow-shadow:active, .nl-btn-default:active, .nl-btn-default-shadow:active, .nl-btn:visited, .nl-btn-blue:visited, .nl-btn-blue-shadow:visited, .nl-btn-orange:visited, .nl-btn-orange-shadow:visited, .nl-btn-darkblue:visited, .nl-btn-darkblue-shadow:visited, .nl-btn-green:visited, .nl-btn-green-shadow:visited, .nl-btn-red:visited, .nl-btn-red-shadow:visited, .nl-btn-yellow:visited, .nl-btn-yellow-shadow:visited, .nl-btn-default:visited, .nl-btn-default-shadow:visited, .nl-btn:focus, .nl-btn-blue:focus, .nl-btn-blue-shadow:focus, .nl-btn-orange:focus, .nl-btn-orange-shadow:focus, .nl-btn-darkblue:focus, .nl-btn-darkblue-shadow:focus, .nl-btn-green:focus, .nl-btn-green-shadow:focus, .nl-btn-red:focus, .nl-btn-red-shadow:focus, .nl-btn-yellow:focus, .nl-btn-yellow-shadow:focus, .nl-btn-default:focus, .nl-btn-default-shadow:focus {
    color: #fff; }
  .nl-btn.nl-btn-border, .nl-btn-border.nl-btn-blue, .nl-btn-border.nl-btn-blue-shadow, .nl-btn-border.nl-btn-orange, .nl-btn-border.nl-btn-orange-shadow, .nl-btn-border.nl-btn-darkblue, .nl-btn-border.nl-btn-darkblue-shadow, .nl-btn-border.nl-btn-green, .nl-btn-border.nl-btn-green-shadow, .nl-btn-border.nl-btn-red, .nl-btn-border.nl-btn-red-shadow, .nl-btn-border.nl-btn-yellow, .nl-btn-border.nl-btn-yellow-shadow, .nl-btn-border.nl-btn-default, .nl-btn-border.nl-btn-default-shadow {
    border: 1px solid transparent; }
  .nl-btn-blue, .nl-btn-blue-shadow {
    background-color: #0072ce;
    border-color: #0072ce; }
    .nl-btn-blue:hover, .nl-btn-blue-shadow:hover, .nl-btn-blue:active, .nl-btn-blue-shadow:active {
      background-color: #0064b5; }
    .nl-btn-blue-shadow {
      box-shadow: 0 3px #004882; }
      .nl-btn-blue-shadow:hover {
        background-color: #0064b5; }
      .nl-btn-blue-shadow:active {
        background-color: #0072ce;
        box-shadow: inset 0 3px #004882; }
  .nl-btn-orange, .nl-btn-orange-shadow {
    background-color: #FF8200;
    border-color: #FF8200; }
    .nl-btn-orange:hover, .nl-btn-orange-shadow:hover, .nl-btn-orange:active, .nl-btn-orange-shadow:active {
      background-color: #e67500; }
    .nl-btn-orange-shadow {
      box-shadow: 0 3px #b35b00; }
      .nl-btn-orange-shadow:hover {
        background-color: #e67500; }
      .nl-btn-orange-shadow:active {
        background-color: #FF8200;
        box-shadow: inset 0 3px #b35b00; }
  .nl-btn-darkblue, .nl-btn-darkblue-shadow {
    background-color: #085aa6;
    border-color: #085aa6; }
    .nl-btn-darkblue:hover, .nl-btn-darkblue-shadow:hover, .nl-btn-darkblue:active, .nl-btn-darkblue-shadow:active {
      background-color: #074d8e; }
    .nl-btn-darkblue-shadow {
      box-shadow: 0 3px #04325d; }
      .nl-btn-darkblue-shadow:hover {
        background-color: #074d8e; }
      .nl-btn-darkblue-shadow:active {
        background-color: #085aa6;
        box-shadow: inset 0 3px #04325d; }
  .nl-btn-green, .nl-btn-green-shadow {
    background-color: #42b842;
    border-color: #42b842; }
    .nl-btn-green:hover, .nl-btn-green-shadow:hover, .nl-btn-green:active, .nl-btn-green-shadow:active {
      background-color: #3ba53b; }
    .nl-btn-green-shadow {
      box-shadow: 0 3px #2e802e; }
      .nl-btn-green-shadow:hover {
        background-color: #3ba53b; }
      .nl-btn-green-shadow:active {
        background-color: #42b842;
        box-shadow: inset 0 3px #2e802e; }
  .nl-btn-red, .nl-btn-red-shadow {
    background-color: #d9534f;
    border-color: #d9534f; }
    .nl-btn-red:hover, .nl-btn-red-shadow:hover, .nl-btn-red:active, .nl-btn-red-shadow:active {
      background-color: #d43f3a; }
    .nl-btn-red-shadow {
      box-shadow: 0 3px #b52b27; }
      .nl-btn-red-shadow:hover {
        background-color: #d43f3a; }
      .nl-btn-red-shadow:active {
        background-color: #d9534f;
        box-shadow: inset 0 3px #b52b27; }
  .nl-btn-yellow, .nl-btn-yellow-shadow {
    background-color: #ffd800;
    border-color: #ffd800; }
    .nl-btn-yellow:hover, .nl-btn-yellow-shadow:hover, .nl-btn-yellow:active, .nl-btn-yellow-shadow:active {
      background-color: #e6c200; }
    .nl-btn-yellow-shadow {
      box-shadow: 0 3px #b39700; }
      .nl-btn-yellow-shadow:hover {
        background-color: #e6c200; }
      .nl-btn-yellow-shadow:active {
        background-color: #ffd800;
        box-shadow: inset 0 3px #b39700; }
  .nl-btn-default, .nl-btn-default-shadow {
    background-color: #e1e8ed;
    border-color: #e1e8ed; }
    .nl-btn-default:hover, .nl-btn-default-shadow:hover, .nl-btn-default:active, .nl-btn-default-shadow:active {
      background-color: #ccd6dd; }
    .nl-btn-default-shadow {
      box-shadow: 0 3px #8899a6; }
      .nl-btn-default-shadow:hover {
        background-color: #ccd6dd; }
      .nl-btn-default-shadow:active {
        background-color: #e1e8ed;
        box-shadow: inset 0 3px #8899a6; }

/* Links */
.link-blue {
  text-decoration: none;
  color: #0072ce; }
  .link-blue:hover, .link-blue:active, .link-blue:visited, .link-blue:focus {
    text-decoration: none;
    color: #0064b5; }

.link-orange {
  text-decoration: none;
  color: #FF8200; }
  .link-orange:hover, .link-orange:active, .link-orange:visited, .link-orange:focus {
    text-decoration: none;
    color: #e67500; }

.link-black {
  text-decoration: none;
  color: #000; }
  .link-black:hover, .link-black:active, .link-black:focus {
    text-decoration: underline;
    color: #FF8200; }

/* Modal */
.nextlesson-modal-content {
  border-radius: 8px 8px 6px 6px; }

.nextlesson-modal-header {
  text-align: center;
  background-color: #0072ce;
  color: #fff;
  border-radius: 6px 6px 0px 0px; }
  .nextlesson-modal-header .close {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 7px;
    top: 7px;
    opacity: 1;
    font-size: 30px;
    margin-right: 5px; }

/* Flip the magnifying glass in search so that it matches our arrow direction */
span.nl-glyphicon-search {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

table.table-rounded {
  border-collapse: separate;
  border: solid #ccd6dd 1px;
  border-radius: 4px;
  border-left: 0px; }
  table.table-rounded td, table.table-rounded th {
    border-left: 1px solid #ccd6dd;
    border-top: 1px solid #ccd6dd; }
  table.table-rounded th {
    border-top: none; }
    table.table-rounded th:first-child {
      border-radius: 4px 0 0 0; }
    table.table-rounded th:last-child {
      border-radius: 0 4px 0 0; }
    table.table-rounded th:only-child {
      border-radius: 4px 4px 0 0; }
  table.table-rounded tr:last-child td:first-child {
    border-radius: 0 0 0 4px; }
  table.table-rounded tr:last-child td:last-child {
    border-radius: 0 0 4px 0; }

nav.navbar-nextlesson {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); }

.no-bullets ul {
  margin: 0;
  padding: 0; }
  .no-bullets ul li {
    list-style: none; }

hr {
  border: 1px solid #e1e8ed; }

h1.section-header,
h2.section-header,
h3.section-header,
h4.section-header,
h5.section-header,
h6.section-header {
  font-size: 35px;
  text-align: center;
  font-weight: 900; }

#section-links.affix {
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
  background: white;
  border: none;
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccd6dd; }

nav.navbar-anchor-links {
  padding-top: 10px;
  background: transparent;
  min-height: 0px; }

.section-links-collapse {
  text-align: center; }

ul.anchor-links {
  float: none;
  display: inline-block;
  margin: 0 auto; }
  ul.anchor-links li.anchor-link {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-right: 1em;
    background-color: #8899a6;
    padding: 5px 10px;
    border-radius: 6px;
    letter-spacing: 1.25px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    ul.anchor-links li.anchor-link a {
      padding: 0; }
    ul.anchor-links li.anchor-link a:link, ul.anchor-links li.anchor-link a:visited {
      color: white;
      text-decoration: none;
      background-color: transparent; }
      ul.anchor-links li.anchor-link a:link:hover, ul.anchor-links li.anchor-link a:link:focus, ul.anchor-links li.anchor-link a:visited:hover, ul.anchor-links li.anchor-link a:visited:focus {
        background-color: transparent;
        text-decoration: none; }
    ul.anchor-links li.anchor-link:last-of-type {
      margin-right: 0; }
  ul.anchor-links #button1:hover, ul.anchor-links #button1.active {
    background-color: #2e802e; }
  ul.anchor-links #button2:hover, ul.anchor-links #button2.active {
    background-color: #b52b27; }
  ul.anchor-links #button3:hover, ul.anchor-links #button3.active {
    background-color: #b35b00; }
  ul.anchor-links #button4:hover, ul.anchor-links #button4.active {
    background-color: #b39700; }

h1.section-header, h2.section-header, h3.section-header, h4.section-header, h5.section-header, h6.section-header {
  font-size: 35px;
  text-align: center;
  font-weight: 700; }

p.subheadline {
  font-size: 25px; }

@media only screen and (min-width: 480px) {
  .anchor-link li {
    margin-right: 5px !important;
    margin-bottom: 0.5em !important; } }

.full-box, .full-box-equal {
  padding-top: 40px;
  padding-bottom: 75px;
  font-size: 15px; }
  .full-box h1, .full-box-equal h1 {
    color: black;
    line-height: 1.25em; }
  .full-box .big-text, .full-box-equal .big-text {
    font-size: 20px; }
  .full-box p, .full-box-equal p {
    letter-spacing: 0.25px; }
  .full-box-equal {
    padding-bottom: 40px; }

figure figcaption {
  margin-top: 1em; }

.top-description {
  min-height: 200px;
  background-color: #085aa6;
  color: white;
  font-size: 20px;
  padding-bottom: 20px;
  letter-spacing: 1.25px;
  background: url("/static/common/img/pattern/icon-blue-blue.png"); }
  .top-description .title-of-page {
    font-size: 30px;
    margin-top: 50px;
    font-weight: 700;
    line-height: 1em; }
  .top-description h2 {
    font-weight: 500;
    font-size: inherit; }

@media only screen and (min-width: 480px) {
  .top-description {
    min-height: inherit;
    padding-bottom: 10px; }
    .top-description .title-of-page {
      font-size: 40px; } }

.full-image {
  width: 100%;
  font-size: 0;
  background-color: transparent; }

.text-left {
  text-align: left; }

.text-center, .top-description {
  text-align: center; }

.text-right {
  text-align: right; }

.round-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.round-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.round-corner, .corner-round {
  border-radius: 10px; }

.add-bottom {
  margin-bottom: 40px !important; }

.half-bottom {
  margin-bottom: 20px !important; }

.remove-top {
  margin-top: 0; }

.drop-shadow {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); }

.text-padding {
  padding: 1em 2em; }

.padding-left {
  padding-left: 1.5em; }

.text-size-big, ul.anchor-links li.anchor-link {
  font-size: 20px; }

.text-padding-right {
  padding-right: 2em; }

.full-width-img {
  width: 100%; }

.fine-print {
  font-size: 12pt; }

.gray1 {
  background-color: #f5f8fa; }

.gray2 {
  background-color: #e1e8ed; }

.gray3 {
  background-color: #ccd6dd; }

.gray4 {
  background-color: #8899a6; }

.gray5 {
  background-color: #66757f; }

.white {
  background-color: white; }

.blue {
  background-color: #0072ce; }

.text-gray1 {
  color: #f5f8fa; }

.text-gray2 {
  color: #e1e8ed; }

.text-gray3 {
  color: #ccd6dd; }

.text-gray4 {
  color: #8899a6; }

.text-gray5 {
  color: #66757f; }

.text-white {
  color: white; }

.text-blue {
  color: #0072ce; }

.pattern-chevron-taupe {
  background: url("/static/common/img/pattern/chevron-taupe.gif");
  background-size: 5%; }

.pattern-chevron-orange {
  background: url("/static/common/img/pattern/chevron-orange.gif");
  background-size: 5%; }

.pattern-icon-grey {
  background: url("/static/common/img/pattern/icon-gray.png") #e1e8ed; }

.pattern-icon-blue {
  background: url("/static/common/img/pattern/icon-blue-blue.png") #0072ce; }

/* Small Desktop */
@media (min-width: 767px) {
  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1) {
    clear: none; }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: left; } }

/*  Medium Desktop  */
@media (min-width: 992px) {
  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: none; }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1) {
    clear: left; } }

/*  Large Desktop  */
@media (min-width: 1200px) {
  /* Column clear fix */
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1) {
    clear: none; }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1) {
    clear: left; } }

.header-wrapper {
  background-color: #0072CE;
  padding-left: 0px;
  padding-right: 0px; }

.homeschool-banner {
  background-color: black;
  color: white;
  text-align: center;
  font-size: 1.3vw;
  font-weight: 500; }

.value-prop {
  background: url("/static/common/img/pattern/chevron-taupe.gif");
  background-size: 5%;
  background-position: center bottom;
  text-align: center;
  font-size: 30px; }

.value-prop img {
  height: 140px; }

.value-prop img.center-image {
  position: relative;
  z-index: 10; }

.value-prop img.side-image {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 9;
  display: none; }

.side-image-right {
  float: right; }

.side-image-left {
  float: left; }

.interestid {
  background: white;
  background-size: 50%;
  border-top: 10px solid #d2d2d2;
  padding: 50px 0px 50px 0px;
  text-align: center;
  font-size: 20px; }

.interestid > .row {
  margin-left: 0px;
  margin-right: 0px; }

.interestid iframe {
  width: 190px;
  height: auto; }

.three-R {
  background: #EBEBEC url("/static/common/img/pattern/icon-gray.png");
  background-size: 50%;
  border-top: 10px solid #d2d2d2;
  border-bottom: 10px solid #d2d2d2;
  padding: 50px 0px 50px 0px;
  text-align: center; }

.three-R img {
  width: 80%;
  margin: 10px; }

.product-description {
  background-color: #ffffff;
  padding: 20px 20px 50px 20px;
  text-align: center; }

.product-description a {
  color: #000; }

.product-description a:hover {
  text-decoration: none; }

.product {
  background-color: #D9EAF8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 200px;
  margin-top: 10px; }

.product-title {
  background-color: #cce2f5;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  margin: 0;
  padding: 10px 15px;
  position: relative; }

.product-content {
  background-color: #D9EAF8;
  margin: 5px;
  padding: 10px 15px;
  font-size: 18px; }

.product:hover {
  background-color: #cce2f5;
  cursor: pointer; }

.product:hover .product-content {
  background-color: #cce2f5;
  cursor: pointer; }

.product:hover .product-title {
  background-color: #b8d7f0;
  cursor: pointer; }

.product-title:before {
  content: "";
  margin: auto;
  position: absolute;
  width: 80%;
  height: 2px;
  bottom: 1%;
  left: 10%;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

.product a:hover > .product-title:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1); }

.testimonies {
  background: #0072CE url("/static/common/img/pattern/chevron-orange.gif");
  background-size: 5%;
  padding: 50px 0px 50px 0px;
  text-align: center; }

.testimony {
  text-align: left;
  font-weight: 700;
  font-size: 14px; }

.testimony-image img {
  height: 90px;
  width: 90px;
  background-color: #fff;
  margin: auto; }

.testimony-image {
  text-align: center; }

.testimony-name {
  text-align: left;
  color: #fff;
  font-size: 14px;
  margin: auto;
  margin-bottom: 20px; }

.testimony-text {
  width: 200px;
  text-align: left;
  margin: auto;
  padding: 0; }

/* http://ilikepixels.co.uk/bubbler-css-speech-bubble-generator/ */
.bubble {
  position: relative;
  /*max-width: 400px;*/
  width: 250px;
  height: 200px;
  padding: 25px;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 30px; }

.bubble:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 110px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #FFF transparent;
  display: block;
  width: 0;
  z-index: 1; }

/* http://stackoverflow.com/questions/27715438/css3-jagged-edge-on-left-isntead-of-right */
.banner {
  position: relative;
  background-color: #f16722;
  color: #fff;
  height: 40px;
  width: 100px;
  /*height: auto;*/
  display: inline-block;
  font-size: 25px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%; }

.banner:after {
  content: '';
  position: absolute;
  background: linear-gradient(45deg, #FF8200, 5px, transparent 0) 0 5px, linear-gradient(135deg, #FF8200 5px, transparent 0) 0 5px;
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 10px 10px;
  width: 10px;
  height: 100%;
  right: -10px; }

.banner:before {
  content: '';
  position: absolute;
  background: linear-gradient(-45deg, #FF8200, 5px, transparent 0) 0 5px, linear-gradient(-135deg, #FF8200 5px, transparent 0) 0 5px;
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 10px 10px;
  width: 10px;
  height: 100%;
  left: -10px; }

/* Media Queries */
@media (min-width: 480px) {
  .value-prop img.side-image {
    display: inline; }
  .value-prop img.center-image {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  .value-prop img {
    height: 200px; }
  .bubble {
    height: 150px; } }

@media (min-width: 768px) {
  .value-prop img {
    height: 300px; }
  .testimony {
    font-size: 16px; }
  .bubble {
    width: 300px; }
  .bubble:after {
    left: 135px; } }

@media (min-width: 992px) {
  .header-wrapper, .testimonies {
    padding-left: 50px;
    padding-right: 50px; }
  .three-R {
    padding-left: 200px;
    padding-right: 200px; }
  .value-prop img {
    height: 400px; }
  .bubble {
    width: 400px; }
  .bubble:after {
    left: 185px; }
  .interestid > .row {
    display: flex;
    align-items: center;
    padding: 0 80px;
    margin-left: 0px;
    margin-right: 0px; }
  .interestid iframe {
    width: 560px;
    height: 315px; } }

@media (max-width: 768px) {
  .three-R img {
    width: 50%; } }

/* http://stackoverflow.com/questions/19960162/bootstrap-3-modal-fires-and-causes-page-to-shift-to-the-left-momentarily-brows */
body.modal-open {
  padding-right: 0px !important;
  overflow: auto; }

.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0 !important; }