/* new*/
/* new*/
/*new*/
body, input {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  color: #575757; }

.btn, .quicklinks > h4, .sidebar > h2 {
  padding: 7px 24px;
  border-color: #241f5d;
  background: #241f5d;
  box-shadow: none !important;
  color: white;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0; }

.btn, .quicklinks2 > h5, .sidebar > h2 {
  padding: 7px 24px;
  border-color: #241f5d;
  background: #241f5d;
  box-shadow: none !important;
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0; }

.quicklinks > h4 {
  margin-top: 0;
  background: #7b7b7b;
  font-weight: 300; }

.quicklinks2 > h5 {
  margin-top: 0;
  background: #5ba031;
  font-weight: 300; }

.sidebar > h2 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 400;
  background: #1778ce;
  border-color: #1778ce; }

.btn-success {
  background: #4C842A;
  border-color: #4C842A; }

a {
  font-weight: 400; }

/* bootstrap overrides */
.form-horizontal .has-feedback .fa.form-control-feedback, .form-horizontal .legend .fa {
  top: 38%;
  color: #5ba031;
  font-size: 10px; }

.form-horizontal .has-feedback .fa.form-control-feedback {
  width: 0;
  height: 0;
  margin-right: 15px; }

.form-horizontal .has-feedback .select .fa.form-control-feedback {
  margin-right: 30px; }

/* common */
.nowrap {
  white-space: nowrap; }

.btn:hover {
  background: lightgrey;
  border-color: lightgrey;
  color: white; }

.btn:active, .btn:focus {
  background: #241f5d;
  border-color: #241f5d;
  color: white;
  outline: none !important; }

.btn-success:hover, .btn-success:active, .btn-success:focus {
  background: #5ba031;
  border-color: #5ba031; }

.section {
  padding-top: 100px; }

.horizontal-links {
  text-align: left;
  margin-left: 28px;
  margin-bottom: 14px; }
  .horizontal-links > li {
    display: list-item;
    width: 33%;
    padding: 0 28px 0 0;
    list-style-image: url("../img/icons/green_bullet.png"); }
    .horizontal-links > li.link {
      list-style-image: url("../img/icons/right_arrow_small.png"); }
    .horizontal-links > li > a {
      padding: 0 0 0 0;
      color: #7b7b7b; }
      .horizontal-links > li > a:hover {
        background: none; }
  .horizontal-links.span-one > li {
    margin-left: 33%; }
    .horizontal-links.span-one > li a {
      text-align: center; }
  .horizontal-links.span-two {
    margin-left: 6%; }
    .horizontal-links.span-two > li {
      width: 47%; }
  @media (max-width: 767px) {
    .horizontal-links > li {
      margin-left: 0 !important;
      float: none;
      padding: 4px 0 !important;
      width: 100% !important; } }

/* colour convenience classes */
.darkblue h2, .darkblue h3, .darkblue .subtitle, .darkblue p, .darkblue footer {
  color: #1778ce !important; }

.brightblue h2, .brightblue h3, .brightblue .subtitle, .brightblue p, .brightblue footer {
  color: #1da2fc !important; }

.midgreen h2, .midgreen h3, .midgreen .subtitle, .midgreen p, .midgreen footer {
  color: #72ae4f !important; }

.brightgreen h2, .brightgreen h3, .brightgreen .subtitle, .brightgreen p, .brightgreen footer {
  color: #abcf53 !important; }

.darkgreen h2, .darkgreen h3, .darkgreen .subtitle, .darkgreen p, .darkgreen footer {
  color: #3a8e48 !important; }

.teal h2, .teal h3, .teal .subtitle, .teal p, .teal footer {
  color: #17b0a6 !important; }

.powerpurple h2, .powerpurple h3, .powerpurple .subtitle, .powerpurple p, .powerpurple footer {
  color: #241f5d !important; }

/* carousel and heros */
.carousel .image, .hero .image {
  background: #241f5d; }

.hero .image {
  padding: 17% 0; }

.carousel .slick-prev, .carousel .slick-next {
  z-index: 1;
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-repeat: no-repeat; }

.carousel .slick-prev:before, .carousel .slick-next:before {
  content: ''; }

.carousel .slick-prev {
  background-image: url(../img/icons/left_arrow.png);
  background-position: right center;
  left: 20px;
  text-align: right; }

.carousel .slick-next {
  background-image: url(../img/icons/right_arrow.png);
  background-position: left center;
  right: 20px; }

.carousel .image {
  padding: 300px 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .carousel .image a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

@media (max-width: 767px) {
  .carousel .image {
    padding: 120px 0; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .carousel .image {
    padding: 200px 0; } }

@media (min-width: 1200px) {
  .carousel .image {
    padding: 320px 0; } }

.carousel .slick-dots {
  bottom: -35px; }

.carousel .slick-dots, .carousel .hero .shadow {
  margin-bottom: 10px;
  height: 25px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4), transparent);
  background-image: linear-gradient( rgba(0, 0, 0, 0.4), transparent); }

.breadcrumb {
  margin-bottom: 0;
  background: #4073ab;
  border-radius: 0;
  color: white; }
  .breadcrumb .fa {
    font-size: 0.8em;
    padding: 0 7px; }

.commercial .breadcrumb {
  background: #abcf53; }

.digital .breadcrumb {
  background: #3a8e48; }

.industrial .breadcrumb {
  background: #1da2fc; }

.wide .breadcrumb {
  background: #17b0a6; }

.graphic .breadcrumb {
  background: #1778ce; }

small.trademark {
  font-family: 'Helvetica Neue';
  font-weight: 100; }

.callout {
  position: relative;
  z-index: 1;
  padding: 5% 0;
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%; }

.callouts {
  position: relative;
  z-index: 1;
  padding: 5% 0;
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 96%; }

@media (max-width: 991px) {
  .callout {
    padding: 48px 0; } }

.shadow {
  position: relative;
  z-index: 1;
  margin-bottom: -25px;
  height: 25px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);
  background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4), transparent);
  background-image: linear-gradient( rgba(0, 0, 0, 0.4), transparent); }

hr {
  clear: both;
  display: block;
  margin: 20px 0;
  height: 25px;
  border: 0;
  background: #000;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cmFkaWFsR3JhZGllbnQgaWQ9Imc0MDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iNTAlIiBjeT0iMCUiIHI9IjUwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZzQwOCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-radial-gradient(50% 0px,  rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
  background: radial-gradient(  rgba(0, 0, 0, 0.1) at 50% 0px, rgba(255, 255, 255, 0) 60%);
  background: radial-gradient(rgba(0, 0, 0, 0.1) at 50% 0px, rgba(255, 255, 255, 0) 60%);
  background: radial-gradient(ellipse at 50% 0, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0) 60%); }

.sidebar hr {
  height: 14px; }

/* marketing rows */
.marketing {
  text-align: center; }

/* navbar */
.navbar-default {
  z-index: 998;
  background: white;
  border-color: white;
  padding: 0 0 10px; }
  .navbar-default .navbar-brand {
    width: 166px;
    height: 49px;
    margin-left: 0 !important;
    margin-top: -30px;
    margin-bottom: 10px;
    background: url("../img/ariva_logo.png") no-repeat; }
  @media (max-width: 767px) {
    .navbar-default .navbar-brand {
      margin-top: auto;
      background-position: 15px 15px;
      background-size: 75%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-brand {
      margin-top: auto;
      background-size: 75%; } }
  .navbar-default .navbar-nav {
    margin-right: -10px;
    /****************new************/
    /***/ }
    .navbar-default .navbar-nav li.dropdown:hover .dropdown-menu {
      display: block; }
    .navbar-default .navbar-nav li > a {
      padding: 15px 10px;
      color: #241f5d;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase; }
    .navbar-default .navbar-nav .active > a {
      color: #241f5d;
      background: transparent; }
    .navbar-default .navbar-nav .active > a:hover {
      background: transparent; }
    .navbar-default .navbar-nav .blogmenu > a:before {
      background: url("../img/blog_menu_icon.png") no-repeat;
      content: '';
      background-size: 100% 100%;
      width: 30px;
      height: 24px;
      position: relative;
      float: left;
      margin-right: 5px; }
    .navbar-default .navbar-nav .highlight > a {
      color: #5ba031; }
    .navbar-default .navbar-nav .highlightp > a {
      color: #5ba031; 
      padding-right: 15px;
      background: url("../img/icons/icons8-shopping-cart-16.png") no-repeat right;}
    .navbar-default .navbar-nav .separator {
      padding: 14px 0;
      font-size: 14px;
      font-weight: 600;
      color: lightgrey; }
  .navbar-default .navbar-misc {
    padding: 7px 0 0; }
    .navbar-default .navbar-misc .social {
      font-size: 14px;
      color: lightgrey;
      letter-spacing: 0.1em;
      margin-right: 5px; }
    .navbar-default .navbar-misc .language-switcher .btn {
      font-size: 11px;
      text-transform: uppercase;
      color: lightgrey;
      padding: 0;
      background-color: transparent;
      border-color: transparent;
      box-shadow: none; }
    .navbar-default .navbar-misc .language-switcher .btn:focus {
      outline: none; }
  .navbar-default .navbar-search input {
    height: 34px;
    padding: 4px 14px 4px 42px;
    font-size: 20px;
    text-transform: uppercase;
    background: url("../img/icons/magnifying_glass.png") 10px 4px/22px no-repeat lightgrey;
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom-left-radius: 15px; }
  .navbar-default .navbar-search input:focus {
    outline: none; }
  .navbar-default .navbar-search input::-webkit-input-placeholder {
    padding-top: 3px;
    color: white; }

.fr .navbar-brand {
  background: url("../img/ariva_logofr.png") no-repeat; }

/* body */
body h1 {
  margin: 20px 0 30px;
  font-size: 20px;
  font-weight: 600;
  color: #241f5d;
  text-transform: uppercase; }

body h2 {
  margin: 20px 0 30px;
  color: #241f5d;
  text-transform: uppercase; }

body p {
  font-size: 17px; }

/* footer */
.footer {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding: 15px 0;
  background: #241f5d;
  color: white; }
  .footer .sitemap a {
    color: white; }
  .footer .sitemap ul {
    padding-left: 20px; }
  .footer .sitemap li {
    list-style: none; }
  .footer .sitemap h4 {
    text-transform: uppercase; }
  .footer .sitemap .search {
    margin-bottom: 5px;
    padding-left: 37px;
    background: url("../img/icons/magnifying_glass.png") 10px 4px/22px no-repeat white; }
  .footer .fields {
    padding-top: 80px; }
  @media (max-width: 767px) {
    .footer .fields {
      padding-top: 0; } }
  .footer .copyright {
    color: white;
    font-size: 11px; }
    .footer .copyright a {
      color: white; }

/* sidebar view */
.sidebar-view {
  margin-bottom: -20px; }
  .sidebar-view .container-fluid {
    position: relative;
    padding: 0; }
    .sidebar-view .container-fluid .sidebar {
      position: absolute;
      z-index: 0;
      width: 240px;
      height: 100%;
      padding: 50px 24px 0;
      text-align: right;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQUY0RkIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMC43Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0VBRjRGQiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzY4NSkiIC8+Cjwvc3ZnPg==);
      background: -webkit-linear-gradient(-360deg, #eaf4fb, white 70%, #eaf4fb);
      background: linear-gradient(90deg, #eaf4fb, white 70%, #eaf4fb); }
      .sidebar-view .container-fluid .sidebar input.form-control {
        padding-left: 37px;
        background: url("../img/icons/magnifying_glass.png") 10px 4px/22px no-repeat #b4b5b7;
        color: white;
        box-shadow: none !important;
        border: none !important; }
      .sidebar-view .container-fluid .sidebar input.form-control::-webkit-input-placeholder {
        color: white; }
      .sidebar-view .container-fluid .sidebar .nav a {
        padding-left: 0;
        padding-right: 0; }
      .sidebar-view .container-fluid .sidebar .nav.first {
        font-size: 17px;
        font-weight: 400; }
        .sidebar-view .container-fluid .sidebar .nav.first .icon {
          display: block;
          width: 32px;
          height: 32px;
          float: left;
          margin-top: -4px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100% 100%; }
        .sidebar-view .container-fluid .sidebar .nav.first a {
          color: #7b7b7b;
          background: transparent !important; }
      .sidebar-view .container-fluid .sidebar .nav.secondary {
        font-size: 17px;
        font-weight: 200;
        overflow: auto;
        max-height: 500px; }
        .sidebar-view .container-fluid .sidebar .nav.secondary a {
          padding-top: 2px;
          padding-bottom: 2px;
          color: #7b7b7b;
          background: transparent !important; }
    .sidebar-view .container-fluid .content {
      position: relative;
      margin: 30px 0 0 240px;
      margin-left: 240px;
      padding: 20px; }
      .sidebar-view .container-fluid .content .left {
        margin-right: 160px; }
      .sidebar-view .container-fluid .content .right {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 140px; }
      .sidebar-view .container-fluid .content h1 {
        margin-bottom: 20px;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600; }
      .sidebar-view .container-fluid .content p {
        font-size: 17px;
        font-weight: 200; }
    .sidebar-view .container-fluid .quicklinks {
      border-left: 1px solid #7b7b7b;
      border-bottom-left-radius: 10px; }
      .sidebar-view .container-fluid .quicklinks h4 {
        margin-bottom: 0; }
      .sidebar-view .container-fluid .quicklinks .nav {
        border-right: 1px solid #7b7b7b;
        border-bottom: 1px solid #7b7b7b;
        border-bottom-left-radius: 10px; }
        .sidebar-view .container-fluid .quicklinks .nav a {
          background: transparent; }
    .sidebar-view .container-fluid .quicklinks2 {
      border-left: 1px solid #7b7b7b;
      border-bottom-left-radius: 10px; }
      .sidebar-view .container-fluid .quicklinks2 h4 {
        margin-bottom: 0; }
      .sidebar-view .container-fluid .quicklinks2 .nav {
        border-right: 1px solid #7b7b7b;
        border-bottom: 1px solid #7b7b7b;
        border-bottom-left-radius: 10px; }
        .sidebar-view .container-fluid .quicklinks2 .nav a {
          background: transparent; }

.popover {
  max-width: none; }

.sidebar-popover-list {
  margin: 0;
  padding: 5px 0 5px 30px;
  font-size: 14px;
  font-weight: 200;
  list-style-image: url("../img/icons/right_arrow_small.png"); }
  .sidebar-popover-list.no-arrows {
    list-style: none;
    padding: 5px; }
  .sidebar-popover-list > li {
    padding: 5px 0; }

/* home */
.home-carousel .scroller {
  display: none;
  position: relative;
  z-index: 1;
  margin: -150px auto 62px;
  width: 88px;
  height: 88px;
  background: url("../img/icons/downarrow.png") no-repeat center center;
  cursor: pointer; }

.home-carousel .slick-dots li {
  top: 20px; }

.home-market-block, .marketing {
  text-align: center; }
  .home-market-block .icon, .marketing .icon {
    display: inline;
    padding: 60px;
    font-size: 30px;
    color: grey;
    background-position: top;
    background-repeat: no-repeat; }
  .home-market-block h3, .marketing h3 {
    margin: 40px 0 0;
    color: #241f5d;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase; }
  .home-market-block p, .marketing p {
    margin: 20px 0;
    font-weight: 400; }

.home .home-market-block p {
  min-height: 3em; }

.home .home-market-block .icon, .home .marketing .icon {
  background-size: 85%; }

.home .home-market-block h3, .home .marketing h3 {
  margin: 20px 0 0; }

.home .home-market-block .subtitle, .home .marketing .subtitle {
  font-size: 24px;
  font-weight: 200; }

.home .row:nth-child(4) .subtitle {
  color: #72ae4f; }

.home .get-help .icon {
  padding: 33px;
  background-size: 100%; }

.home .fixed-width-copy {
  margin-left: auto;
  margin-right: auto;
  width: 380px; }

@media (max-width: 767px) {
  .home .home-market-block {
    margin-top: 50px;
    margin-bottom: 50px; } }

/* tools */
.tools-hero .copy {
  position: absolute;
  width: 100%;
  height: 42px;
  margin-top: -42px;
  line-height: 42px;
  font-size: 20px;
  text-align: center;
  color: white;
  background: #1778ce; }

.tools-hero .image {
  position: relative;
  overflow: hidden; }
  .tools-hero .image .parallax-image {
    background-size: cover;
    position: absolute;
    top: -10%;
    width: 100%;
    height: 120%; }
  .tools-hero .image .overlay {
    position: absolute;
    width: 100%;
    bottom: 70px; }
    .tools-hero .image .overlay .block {
      text-align: center; }
      .tools-hero .image .overlay .block .underlay {
        position: absolute;
        top: -340px;
        left: 50%;
        margin-left: -210px;
        z-index: 0;
        width: 420px;
        height: 420px;
        padding: 42px;
        border-radius: 100%;
        opacity: 0.0;
        color: white;
        -webkit-transition: opacity 0.7s;
        -moz-transition: opacity 0.7s;
        transition: opacity 0.7s; }
        .tools-hero .image .overlay .block .underlay h4 {
          font-size: 17px;
          font-weight: 600;
          text-transform: uppercase; }
        .tools-hero .image .overlay .block .underlay p {
          font-size: 17px;
          font-weight: 200; }
        .tools-hero .image .overlay .block .underlay a {
          color: white;
          font-size: 14px;
          text-decoration: underline;
          font-style: italic; }
      .tools-hero .image .overlay .block .icon {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 30px;
        font-size: 30px;
        color: grey;
        background: transparent;
        cursor: pointer; }
      @media (max-width: 1000px) {
        .tools-hero .image .overlay .block .underlay {
          top: -253px;
          margin-left: -157px;
          width: 314px;
          height: 314px;
          padding: 25px 30px; }
          .tools-hero .image .overlay .block .underlay h4 {
            font-size: 14px; }
          .tools-hero .image .overlay .block .underlay p {
            font-size: 14px; }
        .tools-hero .image .overlay .block .icon {
          margin-top: 10px;
          padding: 17px;
          background-size: cover; } }
    .tools-hero .image .overlay .block:nth-child(1) .icon {
      color: #abcf53; }
    .tools-hero .image .overlay .block:nth-child(2) .icon {
      color: #3a8e48; }
    .tools-hero .image .overlay .block:nth-child(3) .icon {
      color: #1da2fc; }
    .tools-hero .image .overlay .block:nth-child(4) .icon {
      color: #17b0a6; }
    .tools-hero .image .overlay .block:nth-child(5) .icon {
      color: #1778ce; }

.tools-calculator {
  margin: 50px 0 0; }
  .tools-calculator .inputs {
    margin: 0 auto 10px;
    width: 380px; }
    .tools-calculator .inputs .left, .tools-calculator .inputs .right, .tools-calculator .inputs .center {
      float: left; }
    .tools-calculator .inputs .left, .tools-calculator .inputs .right {
      width: 140px; }
    .tools-calculator .inputs .center {
      width: 100px; }
    .tools-calculator .inputs .medium {
      width: 100px; }
  .tools-calculator .result-panel {
    width: 316.66667px;
    margin: 10px auto; }
  .tools-calculator .result {
    font-size: 20px;
    font-weight: 200;
    text-align: center; }
  .tools-calculator .fa {
    margin: 7px 0;
    font-size: 30px;
    color: #241f5d; }
  .tools-calculator .symbol {
    float: left;
    display: block;
    width: 20px;
    line-height: 46px;
    text-align: center; }
  .tools-calculator input {
    float: left;
    font-weight: 600;
    text-align: center;
    color: #241f5d;
    box-shadow: none !important;
    background: #f5f5f5;
    border-color: lightgrey !important;
    border-radius: 0;
    border-width: 2px;
    width: 140px; }
  .tools-calculator .factor input {
    float: none;
    margin: 0 auto; }
  .tools-calculator label {
    margin: 10px 0;
    font-size: 17px;
    font-weight: 600;
    color: #575757;
    width: 180px; }
  .tools-calculator #tool-inputs-0 .right input {
    width: 60px; }
  .tools-calculator #tool-inputs-4 .left input {
    width: 60px; }
  .tools-calculator .selector {
    margin: 15px 0; }
    .tools-calculator .selector > .arrows {
      position: absolute;
      width: 400px;
      left: 50%;
      margin: 13px -15px 0 -200px; }
      .tools-calculator .selector > .arrows .icon {
        position: relative;
        padding: 16px;
        z-index: 5;
        font-size: 40px;
        color: lightgrey;
        cursor: pointer;
        background-color: white;
        background-repeat: no-repeat;
        background-size: 100%; }
        .tools-calculator .selector > .arrows .icon.left {
          background-image: url(../img/icons/left_arrow.png); }
        .tools-calculator .selector > .arrows .icon.right {
          background-image: url(../img/icons/right_arrow.png); }
    .tools-calculator .selector > .labels {
      margin: 15px 0; }
      .tools-calculator .selector > .labels a {
        background: none !important;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #241f5d; }
      .tools-calculator .selector > .labels .active a {
        color: #4C842A; }
    .tools-calculator .selector > .carousel {
      width: 400px;
      left: 50%;
      margin-left: -200px; }
      .tools-calculator .selector > .carousel .item {
        margin-top: 10px;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        color: #241f5d; }
        .tools-calculator .selector > .carousel .item > div {
          padding: 0 32px; }
      .tools-calculator .selector > .carousel .slick-dots {
        -webkit-filter: none;
        filter: none;
        background-image: none; }

/* sustainability */
.sustainability .marketing, .terms .marketing {
  margin-bottom: 50px; }
  .sustainability .marketing #certified-learn, .terms .marketing #certified-learn {
    background: url("../img/sustainability/sustainability_logo_bg.png") center top no-repeat;
    background-size: 90%; }
  .sustainability .marketing .icon, .terms .marketing .icon {
    padding: 40px;
    font-size: 0;
    border-radius: 0;
    background-size: 100%; }
  .sustainability .marketing h2, .terms .marketing h2 {
    margin: 60px 0 20px;
    font-size: 24px;
    font-weight: 600;
    text-transform: none; }
  .sustainability .marketing .subtitle, .terms .marketing .subtitle {
    font-size: 24px;
    font-weight: 200; }
  .sustainability .marketing p, .terms .marketing p {
    font-size: 17px; }
  .sustainability .marketing a.learn, .terms .marketing a.learn {
    display: inline-block;
    margin-bottom: 20px;
    color: #7b7b7b;
    font-size: 17px;
    font-style: italic;
    text-decoration: none;
    text-transform: lowercase;
    border-bottom: 1px solid #7b7b7b; }

.sustainability .marketing-blocks .section:nth-child(1) .marketing h2, .sustainability .marketing-blocks .section:nth-child(1) .marketing .subtitle, .sustainability .marketing-blocks .section:nth-child(1) .marketing a, .terms .marketing-blocks .section:nth-child(1) .marketing h2, .terms .marketing-blocks .section:nth-child(1) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(1) .marketing a {
  color: #72ae4f; }

.sustainability .marketing-blocks .section:nth-child(1) .marketing a, .terms .marketing-blocks .section:nth-child(1) .marketing a {
  text-decoration: underline; }

.sustainability .marketing-blocks .section:nth-child(3) .marketing h2, .sustainability .marketing-blocks .section:nth-child(3) .marketing h3, .sustainability .marketing-blocks .section:nth-child(3) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(3) .marketing h2, .terms .marketing-blocks .section:nth-child(3) .marketing h3, .terms .marketing-blocks .section:nth-child(3) .marketing .subtitle {
  color: #3a8e48; }

.sustainability .marketing-blocks .section:nth-child(5) .marketing h2, .sustainability .marketing-blocks .section:nth-child(5) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(5) .marketing h2, .terms .marketing-blocks .section:nth-child(5) .marketing .subtitle {
  color: #00beff; }

.sustainability .marketing-blocks .section:nth-child(7) .marketing h2, .sustainability .marketing-blocks .section:nth-child(7) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(7) .marketing h2, .terms .marketing-blocks .section:nth-child(7) .marketing .subtitle {
  color: #abcf53; }

.sustainability .marketing-blocks .section:nth-child(9) .marketing h2, .sustainability .marketing-blocks .section:nth-child(9) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(9) .marketing h2, .terms .marketing-blocks .section:nth-child(9) .marketing .subtitle {
  color: #3a8e48; }

.sustainability .marketing-blocks .section:nth-child(11) .marketing h2, .sustainability .marketing-blocks .section:nth-child(11) .marketing .subtitle, .terms .marketing-blocks .section:nth-child(11) .marketing h2, .terms .marketing-blocks .section:nth-child(11) .marketing .subtitle {
  color: #1778ce; }

.terms .subtitle {
  display: block; }

.terms p {
  color: grey !important; }

/* about */
.news-section h2 {
  margin: 20px 0 0 !important; }

.news-section h3 {
  margin: 10px 0 30px;
  font-size: 24px !important;
  font-weight: 200 !important; }

.news-section li {
  padding: 5px 90px 5px 0; }

.news-section .span-one > li a {
  text-align: left; }

.news-section .horizontal-links {
  margin-left: 90px; }

.news-section .span-two.horizontal-links {
  margin-left: 135px; }

.about .home-carousel .overlay {
  position: absolute;
  z-index: 2;
  padding: 2% 15px 0;
  width: 100%;
  text-align: center; }
  .about .home-carousel .overlay h1 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    color: #241f5d;
    text-shadow: 0 1px 0 white; }
  .about .home-carousel .overlay p {
    font-size: 14px;
    margin: 40px 0;
    color: #241f5d;
    text-shadow: 0 1px 0 white; }

.about .home-carousel .callout {
  padding: 19.5% 0; }

@media (max-width: 1200px) {
  .about .home-carousel .callout {
    padding: 220px 0; } }

.about .about-section h2, .about .about-section .subtitle {
  color: #1778ce; }

.about .history-section h2, .about .history-section .subtitle {
  color: #1778ce; }

.about .health-section h2, .about .health-section .subtitle {
  color: #1778ce; }

.about .careers-section h2, .about .careers-section .subtitle {
  color: #1778ce; }

.about .marketing {
  margin-bottom: 50px; }
  .about .marketing .icon {
    padding: 50px;
    font-size: 0;
    border-radius: 0; }
  .about .marketing h2 {
    margin: 60px 0 20px;
    font-size: 24px;
    font-weight: 600;
    text-transform: none; }
  .about .marketing h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: initial; }
  .about .marketing .subtitle {
    margin: 0;
    font-size: 24px;
    font-weight: 200; }
  .about .marketing p {
    font-size: 17px; }
  .about .marketing .learn-block ul > li {
    font-size: 17px;
    margin-bottom: 10px;
    margin-left: 18px;
    list-style-image: url("../img/icons/green_bullet.png"); }
  .about .marketing .learn-block h3 {
    margin-bottom: 10px;
    color: #72ae4f; }
  .about .marketing a.learn {
    display: inline-block;
    margin-bottom: 20px;
    color: #7b7b7b;
    font-size: 17px;
    font-style: italic;
    text-decoration: none;
    text-transform: lowercase;
    border-bottom: 1px solid #7b7b7b; }

.about .row.blue {
  background: #241f5d; }
  .about .row.blue h2, .about .row.blue h3, .about .row.blue p {
    color: white; }
  .about .row.blue .marketing .icon {
    padding: 25px 50px; }
  .about .row.blue .marketing h3 {
    margin: 60px 0 20px; }
  .about .row.blue .nested {
    padding-top: 50px; }
    .about .row.blue .nested .marketing p {
      margin-left: 40px;
      margin-right: 40px; }

/* products */
.products .fixed-left-margin-copy {
  margin-left: 110px; }

.products .carousel .subscroll .inner {
  padding: 0 10px;
  word-wrap: break-word;
  max-height: 320px;
  overflow: auto; }
  .products .carousel .subscroll .inner h2 {
    margin: 0 0 7px;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    display: block;
    width: 89%;
    background-color: white;
    z-index: 100; }
  .products .carousel .subscroll .inner p {
    font-weight: 600; }
  .products .carousel .subscroll .inner .nav {
    z-index: 1; }
    .products .carousel .subscroll .inner .nav a {
      padding: 2px 0;
      background: transparent !important;
      font-size: 14px;
      color: #7b7b7b; }

.products .carousel .image {
  padding: 200px 0;
  background-color: white;
  background-size: contain; }

@media (max-width: 767px) {
  .products .carousel .image {
    padding: 20px 0; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .products .carousel .image {
    padding: 100px 0; } }

@media (min-width: 1200px) {
  .products .carousel .image {
    padding: 180px 0; } }

.products .carousel .overlay {
  position: absolute;
  z-index: 0;
  top: 0;
  height: 100%;
  width: 100px;
  cursor: pointer; }
  .products .carousel .overlay.left {
    background-image: -webkit-linear-gradient(-360deg, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(90deg, white, rgba(255, 255, 255, 0)); }
  .products .carousel .overlay.right {
    top: 0;
    right: -1px;
    background-image: -webkit-linear-gradient(-540deg, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(270deg, white, rgba(255, 255, 255, 0)); }

.products .slick-prev, .products .slick-next {
  z-index: 1;
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-repeat: no-repeat; }

.products .slick-prev:before, .products .slick-next:before {
  content: ''; }

.products .slick-prev {
  background-image: url(../img/icons/left_arrow.png);
  background-position: right center;
  left: 20px;
  text-align: right; }

.products .slick-next {
  background-image: url(../img/icons/right_arrow.png);
  background-position: left center;
  right: 20px; }

.products h1 {
  color: #3a8e48; }

.products h1:nth-child(1) {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  color: #00beff;
  font-size: 24px !important;
  font-weight: 400 !important;
  text-transform: none !important; }

.products .subtitle {
  font-size: 14px !important;
  font-weight: 300 !important; }
  .products .subtitle a {
    color: inherit;
    font-size: 0.8em;
    font-style: italic;
    text-decoration: underline; }

.faq .content {
  padding-left: 40px !important; }

.faq h1 {
  color: #241f5d;
  margin-bottom: 0 !important; }

.faq a {
  color: #1778ce; }

.faq p {
  margin-left: 40px !important;
  font-size: 14px !important;
  font-weight: 400 !important; }

.faq h2.panel-title {
  text-transform: none;
  font-size: 18px;
  margin-left: -30px;
  margin-top: 15px; }
  .faq h2.panel-title a {
    text-decoration: none;
    font-weight: 600; }

.faq h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 15px 10px; }
  .faq h3 a {
    color: #000; }
    .faq h3 a:hover {
      text-decoration: none; }

.faq .panel-group {
  margin: 10px 0; }
  .faq .panel-group p.bullet-heading {
    margin-left: 80px !important; }
  .faq .panel-group ul {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-left: 60px;
    font-size: 17px;
    font-weight: 200; }
  .faq .panel-group ul.math {
    list-style: none;
    margin-left: 40px; }
  .faq .panel-group .panel-heading {
    background-color: white;
    border: none;
    padding: 0 15px 0 15px; }
  .faq .panel-group .panel {
    border: none;
    box-shadow: 0 1px 1px transparent; }

.faq .tips {
  font-size: 14px;
  margin-left: 80px; }
  .faq .tips li {
    margin: 20px 0; }

.faq .callout {
  padding: 14% 0; }

.faq .marketing .subtitle {
  margin-left: 0;
  margin-bottom: 40px;
  font-size: 24px !important;
  font-weight: 200;
  color: #72ae4f; }

.faq .testimonials blockquote {
  position: relative;
  margin: 50px 40px;
  padding: 0 132.8px;
  border-left: none;
  text-align: center;
  line-height: 1.6em;
  font-size: 17px;
  font-weight: 200; }
  .faq .testimonials blockquote.brightblue .quote-open {
    background-image: url("../img/icons/quote1.png"); }
  .faq .testimonials blockquote.brightblue .quote-close {
    background-image: url("../img/icons/quote2.png"); }
  .faq .testimonials blockquote.brightgreen .quote-open {
    background-image: url("../img/icons/quote3.png"); }
  .faq .testimonials blockquote.brightgreen .quote-close {
    background-image: url("../img/icons/quote4.png"); }
  .faq .testimonials blockquote .quote-open, .faq .testimonials blockquote .quote-close {
    position: absolute;
    left: 0;
    width: 83px;
    height: 94px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .faq .testimonials blockquote .quote-close {
    position: absolute;
    left: auto;
    right: 0;
    margin-top: -94px; }
  .faq .testimonials blockquote footer {
    font-size: 14px;
    font-weight: 600; }
    .faq .testimonials blockquote footer:first-child {
      margin-top: 15px; }
    .faq .testimonials blockquote footer:before {
      content: ''; }

.faq .news-section h2 {
  font-size: 17px;
  font-weight: 600; }

.contact h1, .contact h2 {
  line-height: 24px; }

.contact h2 {
  font-size: 17px; }

.contact .subtitle {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 200;
  color: #72ae4f; }

.contact dl {
  white-space: nowrap;
  margin: 15px 0;
  font-size: 17px; }
  .contact dl dt {
    margin-bottom: 4px;
    font-weight: 400; }
  .contact dl dd {
    font-weight: 200; }
    .contact dl dd .fa {
      margin-right: 4px; }

.support h2 {
  margin: 60px 0 20px;
  font-size: 24px;
  font-weight: 600;
  text-transform: none; }

.support h3 {
  font-size: 17px;
  font-weight: 600; }

.support .subtitle {
  font-size: 24px;
  font-weight: 200; }

.support p {
  font-size: 17px; }

.support hr {
  margin-top: 50px; }

.support .marketing-blocks .service {
  padding-bottom: 50px; }
  .support .marketing-blocks .service h2, .support .marketing-blocks .service h3, .support .marketing-blocks .service .subtitle {
    color: #00beff; }

.support .marketing-blocks .section:nth-child(1) .marketing h2, .support .marketing-blocks .section:nth-child(1) .marketing .subtitle, .support .marketing-blocks .section:nth-child(1) .marketing a {
  color: #1778ce; }

.support .marketing-blocks .section:nth-child(1) .marketing a {
  text-decoration: underline; }

.support .marketing-blocks .sample .marketing h2, .support .marketing-blocks .sample .marketing .subtitle, .support .marketing-blocks .sample .marketing a {
  color: #72ae4f; }

.support .marketing-blocks .sample .marketing a {
  text-decoration: underline; }

.blog {
  /*New*/
  margin-top: 40px; }
  .blog .blog_col {
    padding-right: 40px; }
    .blog .blog_col .tweet {
      border-top: 2px solid grey;
      padding-bottom: 30px;
      margin: 30px 7px 35px 7px; }
      .blog .blog_col .tweet h3 {
        color: #368D42;
        font-size: 20px; }
    .blog .blog_col .categories h3 {
      margin-top: 0;
      padding: 7px 24px 7px 7px;
      border-color: #96C03D;
      background: #96C03D;
      box-shadow: none !important;
      color: white;
      font-size: 20px;
      border-radius: 10px;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      font-weight: 200; }
    .blog .blog_col .categories ul {
      padding: 0;
      margin: 15px 0 0 7px; }
      .blog .blog_col .categories ul li {
        list-style: none;
        font-size: 15px;
        margin-bottom: 12px; }
        .blog .blog_col .categories ul li a {
          color: grey; }
  .blog .blog-list {
    text-align: center; }
    .blog .blog-list .banner_blog {
      width: 100%; }
    .blog .blog-list h2 {
      color: #0198E1;
      text-transform: none;
      font-size: 28px;
      font-weight: 200; }
    .blog .blog-list .teaser {
      font-size: 30px;
      width: 90%;
      display: block;
      margin: 0 auto 50px;
	  color: #000}
    .blog .blog-list .logolink {
      font-weight: 600;
      text-decoration: underline;
      color: grey;
      margin: 10px 0 10px 10px; }
    .blog .blog-list .content {
      width: 90%;
      margin: 0 auto 100px;
      text-align: left;
      margin-top: 10px;
	  color: #000}
      .blog .blog-list .content p {
        margin-bottom: 20px;
        font-weight: 200;
		color: #000}
        .blog .blog-list .content p span, .blog .blog-list .content p .blog_highlight {
          color: #0198E1;
          font-size: 20px;
          font-weight: 200; }
      .blog .blog-list .content a {
        font-weight: bold;
        color: #000; }
      .blog .blog-list .content ul li {
        font-size: 17px;
        font-weight: 200; }
      .blog .blog-list .content ol.reference {
        padding-left: 12px; }
        .blog .blog-list .content ol.reference li {
          font-size: 12px;
          font-style: italic; }
      .blog .blog-list .content .bio {
        text-align: center;
        font-size: 14px;
        font-style: italic;
        padding-top: 20px; 
		color: #000}
    .blog .blog-list .continue_icon, .blog .blog-list .download_icon, .blog .blog-list .share_icon {
      color: grey;
      font-size: 12px;
      display: inline-block;
      height: 40px;
      margin-right: 20px;
      padding: 4px 0 0 47px; }
    .blog .blog-list .download_icon {
      background: url(../img/download_icon.jpg) no-repeat;
      padding-left: 32px; }
    .blog .blog-list .continue_icon {
      background: url(../img/continue_icon.jpg) no-repeat;
      padding-left: 47px; }
    .blog .blog-list .share_icon {
      background: url(../img/share_icon.jpg) no-repeat;
      padding-left: 47px;
      position: relative; }
      .blog .blog-list .share_icon:hover {
        cursor: pointer;
        text-decoration: underline; }
        .blog .blog-list .share_icon:hover .share_button {
          opacity: 1;
          transition: opacity 0.5s ease-in-out; }
    .blog .blog-list hr {
      margin: 35px -35px;
      background: -webkit-radial-gradient(50% 0px, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 80%);
      background: radial, rgba(0, 0, 0, 0.1) 50% 0px, rgba(255, 255, 255, 0) 80%;
      background: radial, rgba(0, 0, 0, 0.1) 50% 0px, rgba(255, 255, 255, 0) 80%;
      background: radial, ellipse 50% 0, rgba(0, 0, 0, 0.1) 0, rgba(255, 255, 255, 0) 80%;
      height: 13px;
      width: 105%; }
  .blog.blog-detail h2 {
    margin-bottom: 20px; }
  .blog.blog-detail .author, .blog.blog-detail .author a {
    font-size: 17px; }
  .blog.blog-detail .teaser {
    color: #41BBEC;
    margin: 10px auto 35px; }
  .blog.blog-detail .share_button {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    width: 150px;
    right: -160px;
    top: 2px; }
    .blog.blog-detail .share_button .facebook_icon, .blog.blog-detail .share_button .linken_icon {
      display: inline-block;
      margin-right: 10px; }
    .blog.blog-detail .share_button .mail_icon {
      margin-right: 5px; }
  .blog.blog-cat .blog-list {
    text-align: left; }
    .blog.blog-cat .blog-list h3 {
      margin-top: 0;
      padding: 7px 24px 7px 7px;
      border-color: #96C03D;
      background: #96C03D;
      box-shadow: none !important;
      color: white;
      font-size: 20px;
      border-radius: 10px;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      font-weight: 600;
      margin-bottom: 35px; }
    .blog.blog-cat .blog-list h2 {
      font-size: 22px;
      margin-top: 0; }
    .blog.blog-cat .blog-list .teaser {
      font-size: 20px;
      margin: 0 0 20px; }

/* media queries */
@media (min-width: 768px) {
  .navbar-nav {
    float: right; }
  .blog .blog-list .content {
    width: 100%; }
  .blog .blog_col {
    background: url(../img/menubg.jpg) right top no-repeat; } }

@media (max-width: 1200px) {
  .hero .image {
    padding: 200px 0; } }

/* product carousel */
.one_line {
  padding-top: 35px; }

.p_one_line {
  padding-top: 30px; }

.p2_one_line {
  padding-top: 10px; }

.two_line {
  padding-top: 55px; }

.p_two_line {
  padding-top: 35px; }

.three_line {
  padding-top: 85px; }

.p_three_line {
  padding-top: 65px; }

.four_line {
  padding-top: 115px; }

.p_four_line {
  padding-top: 85px; }

.five_line {
  padding-top: 145px; }

.p_five_line {
  padding-top: 115px; }