@charset "UTF-8";
/* ==========================================================================
CSS Reset
========================================================================== */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box; }

ol, ul, li {
  padding: 0;
  margin: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6, p, ol, ul, li,
fieldset, form, label,
table, tbody, tr, th, td,
figure, footer, header,
menu, nav, section,
audio, video, button {
  margin: 0;
  padding: 0;
  border: 0; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none; }

img {
  vertical-align: top;
  max-width: 100%;
  height: auto; }

body {
  background: white;
  line-height: 1;
  color: #404041; }

button:focus {
  outline: none; }

/* ==========================================================================
SCSS Variables and Mixins
========================================================================== */
/* ==========================================================================
Typography and Buttons
========================================================================== */
.green-text {
  color: #3fae2a !important; }

.white-text {
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 14px; }

.black-text {
  color: #404041;
  font-size: 16px; }
  @media screen and (max-width: 767px) {
    .black-text {
      font-size: 14px; } }

.bold {
  font-weight: 700; }

p {
  color: #404041; }

.no-border {
  border: 0 !important; }

.link-padding {
  margin-right: 19px; }

hr {
  border: 0;
  border-top: 1px solid #cecece; }

.white-bg {
  background: white; }

.grey-bg {
  background: #e8e8e8; }

.postid-83874 .padding50.grey-bg {
  background: none; }

.black-bg {
  background: black; }

.beige-bg {
  background: #e9e7e4; }

.white-text .text-change {
  color: white; }

.white-text p.text-change {
  font-weight: 300; }

.sub-text .sub {
  font-size: 16px; }

.footnote {
  padding: 25px 18px !important;
  width: 100%;
  background-color: #e9e7e4;
  border-right: 1px solid #dad9d6; }
  .footnote p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 0; }
    @media screen and (max-width: 666px) {
      .footnote p {
        margin-bottom: 10px; } }

.footnotes .footnote {
  margin-bottom: 40px; }
  .footnotes .footnote a {
    color: #1fa4d4; }

a {
  color: #1fa4d4;
  text-transform: none; }

body {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 50px;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase; }

h2 {
  font-size: 32px;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  line-height: 38px; }

h3 {
  font-size: 28px;
  line-height: 32px;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase; }

h4 {
  font-size: 26px;
  line-height: 30px;
  font-family: "Roboto Condensed", sans-serif; }

h5 {
  font-size: 22px;
  line-height: 24px;
  font-family: "Roboto", sans-serif; }

h6 {
  font-size: 16px;
  line-height: 22px;
  font-family: "Roboto", sans-serif; }

p {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  line-height: 28px; }

.main-body h2 {
  font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 75%;
  margin: 0 0 30px; }

.main-body p,
.main-body ul,
.main-body li {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300; }

.main-body p {
  margin: 20px 0; }

.main-body ul {
  margin: 20px; }

.main-body ul li {
  list-style: initial; }

.mktoForm h4 {
  margin: 10px 12px; }

.main-body h4 {
  margin: 10px 0; }

.page-summary {
  padding-right: 20px; }

.main-body .mktoForm {
  background-color: #eeeeee;
  padding: 20px;
  position: relative;
  margin-top: -140px; }
  .main-body .mktoForm h4 {
    text-transform: uppercase;
    font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-bottom: 30px;
    margin: 12px 12px 30px 12px;
    border-bottom: 2px solid #cccccc; }
  .main-body .mktoForm #subtitle {
    padding: 0 12px 30px 12px;
    line-height: 22px; }

.body-content h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 50px;
  line-height: 70px;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 34px;
  line-height: 37.9px;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content h4 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content h5 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 22px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content h6 {
  font-family: arial;
  font-size: 12px;
  color: #d20015;
  text-transform: uppercase;
  margin: 15px 0; }
.body-content a {
  color: #1fa4d4;
  text-decoration: none; }
  .body-content a.button-default, .body-content a.button-white, .body-content a.button-green, .body-content a.button-orange {
    color: white; }
    .body-content a.button-default:hover, .body-content a.button-white:hover, .body-content a.button-green:hover, .body-content a.button-orange:hover {
      color: #3b8740; }
  .body-content a.button-white {
    color: #3fae2a; }
    .body-content a.button-white:hover {
      color: white; }
  .body-content a.button-green {
    color: white; }
    .body-content a.button-green:hover {
      color: white; }
  .body-content a.button-orange {
    color: white; }
    .body-content a.button-orange:hover {
      color: white; }
.body-content p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-style: normal;
  margin-bottom: 23px; }
  .body-content p.subhead {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 40px;
    line-height: normal;
    font-weight: 300;
    margin-bottom: 23px; }
  .body-content p.subhead-light {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: normal;
    font-weight: 100;
    margin-bottom: 23px; }
  .body-content p.intro {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    line-height: 38px;
    margin-bottom: 23px; }
  .body-content p.caption {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 23px; }
.body-content ul {
  margin-top: 30px; }
  .body-content ul li {
    padding: 0 0 0 25px;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
    position: relative; }
    .body-content ul li:before {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 8px;
      left: 0;
      background-color: #3fae2a;
      border-radius: 50%; }
  .body-content ul.list-large {
    margin-top: 24px; }
    .body-content ul.list-large li {
      font-family: "Roboto", sans-serif;
      font-size: 24px;
      line-height: 28px;
      font-weight: 100;
      padding: 0 0 0 44px;
      margin: 0 0 30px 0; }
      .body-content ul.list-large li:before {
        width: 29px;
        height: 35px;
        top: -3px;
        left: -3px;
        background: url(../images/icon6.png);
        border-radius: 0; }
  .body-content ul.list-small {
    margin-top: 24px; }
    .body-content ul.list-small li {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      line-height: 22px;
      padding: 0 0 0 44px;
      margin: 0 0 20px 0; }
      .body-content ul.list-small li:before {
        width: 29px;
        height: 35px;
        top: -3px;
        left: -3px;
        background: url(../images/icon6.png);
        border-radius: 0; }
.body-content ol {
  padding: 0 0 0 35px;
  margin: 18px 0; }
  .body-content ol li {
    padding: 0 0 0 5px;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    list-style-type: decimal; }
    .body-content ol li:last-of-type {
      /*padding: 0 0 0 5px;*/ }
    .body-content ol li ol li {
      padding: 0 0 0 5px;
      list-style-type: lower-alpha; }
    .body-content ol li ul li {
      list-style-type: none;
      padding-left: 25px; }
.body-content table {
  width: 100%;
  border-collapse: collapse; }
  .body-content table tr th {
    background-color: #e9e7e4;
    border-bottom: 1px solid #efedeb;
    font-size: 14px;
    font-weight: bold;
    margin-top: 35px;
    text-transform: uppercase;
    width: 25%;
    padding: 8px 18px 7px;
    text-align: left; }
    .body-content table tr th:nth-child(2) {
      background: #3db5e6;
      color: white;
      position: relative;
      padding: 0 18px 15px; }
      .body-content table tr th:nth-child(2):before {
        content: " ";
        position: absolute;
        background: #3db5e6;
        border-radius: 6px 6px 0 0;
        width: 100%;
        height: 22px;
        top: -22px;
        left: 0; }
  .body-content table tr td {
    font-size: 16px;
    padding: 25px 18px 22px;
    border-bottom: 1px solid #dad9d6;
    border-right: 1px solid #dad9d6; }
    .body-content table tr td:first-of-type {
      font-weight: bold; }
    .body-content table tr td:nth-child(2) {
      background: #d8f0fa; }
.body-content blockquote {
  margin: 0 0 18px 50px; }
.body-content .button-default, .body-content .button-white, .body-content .button-green, .body-content .button-orange {
  margin-top: 0; }
.body-content .green-bg {
  background: #3fae2a; }
.body-content .pad-30 {
  padding: 30px 0; }
.body-content .clear {
  clear: both; }

.text-center, .button-center {
  text-align: center; }

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

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

.button-default, .button-white, .button-green, .button-orange {
  display: inline-block;
  border: 2px solid white;
  padding: 11px 16px 11px 21px;
  text-transform: uppercase;
  font-size: 14px;
  color: white;
  letter-spacing: 0.05em;
  background: transparent;
  margin-top: 25px;
  cursor: pointer;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .button-default:hover, .button-white:hover, .button-green:hover, .button-orange:hover {
    background: white;
    color: #3b8740; }

.main-body .mktoForm .button-default, .main-body .mktoForm .button-white, .main-body .mktoForm .button-green, .main-body .mktoForm .button-orange {
  margin-bottom: 20px; }

.button-white {
  background: transparent;
  border-color: #3fae2a;
  color: #3fae2a; }
  .button-white:hover {
    background: #3b8740;
    border-color: #3b8740;
    color: white; }

.button-green {
  background: #3fae2a;
  border-color: #3fae2a;
  color: white !important; }
  .button-green:hover {
    background: #3b8740;
    border-color: #3b8740;
    color: white; }

.button-orange {
  background: #e17000;
  border-color: #e17000;
  color: white; }
  .button-orange:hover {
    background: #cb4602;
    border-color: #cb4602;
    color: white; }

.loadcustomer.loader {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 30px; }
  .loadcustomer.loader:after {
    content: "";
    background-image: url("../images/loader3.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    right: -8px; }
    @media screen and (max-width: 767px) {
      .loadcustomer.loader:after {
        top: -10px; } }

.loadentries.loader {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 30px; }
  .loadentries.loader:after {
    content: "";
    background-image: url("../images/loader3.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    right: -8px; }
    @media screen and (max-width: 767px) {
      .loadentries.loader:after {
        top: -10px; } }

.loadevents.loader {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 30px; }
  .loadevents.loader:after {
    content: "";
    background-image: url("../images/loader3.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    right: -8px; }
    @media screen and (max-width: 767px) {
      .loadevents.loader:after {
        top: -10px; } }

.loadwebinar.loader {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 30px; }
  .loadwebinar.loader:after {
    content: "";
    background-image: url("../images/loader3.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    right: -8px; }
    @media screen and (max-width: 767px) {
      .loadwebinar.loader:after {
        top: -10px; } }

.loadondemand.loader {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 30px; }
  .loadondemand.loader:after {
    content: "";
    background-image: url("../images/loader3.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -4px;
    right: -8px; }
    @media screen and (max-width: 767px) {
      .loadondemand.loader:after {
        top: -10px; } }

.blue-label {
  display: inline-block;
  background: #3bb7da;
  font-family: "Roboto Condensed", sans-serif;
  color: white;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 3px 10px; }

.learn-more {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #1fa4d4;
  text-transform: uppercase;
  font-weight: 700; }
  .learn-more:hover:before {
    opacity: 1;
    bottom: -5px; }
  .learn-more:after {
    content: "";
    background: url(../images/more_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    position: absolute;
    right: -12px;
    top: 2px; }
  .learn-more:before {
    content: "";
    opacity: 0;
    background: #1fa4d4;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .learn-more.white {
    color: white; }
    .learn-more.white:after {
      background: url(../images/more-arrow-wht.png) no-repeat; }
    .learn-more.white:before {
      background: white; }

.link {
  color: #1fa4d4;
  text-decoration: none;
  position: relative; }
  .link:hover:before {
    opacity: 1;
    bottom: -3px; }
  .link:before {
    content: "";
    opacity: 0;
    background: #1fa4d4;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -13px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.top-label {
  position: absolute;
  top: 0;
  left: 20px;
  text-align: left;
  width: 100%; }

.view-btn-right {
  display: inline;
  margin-left: 5px; }

/* ==========================================================================
Layout and Structure
========================================================================== */
section {
  width: 100%;
  position: relative;
  padding: 92px 0;
  float: left; }

.wrapper {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  width: 100%; }

.wrapper:after, header:after, .row-inner:after, .row-head:after, .row-data:after, .row-sub-head:after, .col-two:after, .col-three:after, .col-four:after, .col-five:after, .col-seven:after, .col-eight:after, .three-col-row:after, ul:after, .col-three-outer:after, .learning-path:after, .submenu:after,
.blue-boxes:after, .search-box:after, .top-search:after, .search-wrap:after, .nws-search:after, .nws-wrap:after, section:after {
  content: "";
  clear: both;
  display: block; }

#wpadminbar ul:after {
  display: none; }

.clearfix {
  clear: both; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.less-padding {
  padding: 23px 0 0; }

.less-padding-bottom {
  padding-bottom: 20px; }

.padding70 {
  padding: 70px 0; }

.padding-top70 {
  padding: 70px 0 0; }

.padding50 {
  padding: 40px 0 50px; }

.padding50-bottom {
  padding-bottom: 50px; }

.padding40 {
  padding: 40px 0; }

.padding80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.padding80-side {
  padding: 0 80px; }

.no-margin {
  margin: 0; }

.margin-top {
  margin-top: 30px; }

.hide-full-html {
  padding: 0; }

.display-none {
  display: none; }

.col-two {
  width: 50%;
  float: left;
  position: relative;
  height: 100%; }

.col-three {
  width: 33.33%;
  float: left;
  position: relative;
  height: 100%; }

.col-four {
  width: 25%;
  float: left;
  position: relative;
  height: 100%; }

.col-five {
  width: 20%;
  float: left;
  position: relative;
  height: 100%; }

.col-seven {
  width: 66.66%;
  float: left;
  position: relative;
  height: 100%; }

.col-eight {
  width: 75%;
  float: left;
  position: relative;
  height: 100%; }

.content-870 {
  max-width: 870px;
  margin: 0 auto; }

.content-830 {
  width: 68%;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 42px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .content-830 {
      margin: 25px auto; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .content-830 {
      width: 100%;
      margin: 25px auto; } }
  @media screen and (max-width: 767px) {
    .content-830 {
      width: 100%;
      margin: 15px auto;
      line-height: 20px; } }

.inner-wrapper {
  padding: 0 20px; }

.v-middle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .v-middle-wrapper.black-overlay {
    background-color: rgba(0, 0, 0, 0.2); }

.v-middle-inner {
  display: table;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%; }

.v-middle {
  display: table-cell;
  vertical-align: middle; }

.bg-img {
  overflow: hidden; }
  .bg-img img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.img-zoom {
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

.tabular-box a.link {
  color: #1fa4d4;
  position: relative; }
  .tabular-box a.link:after {
    content: "";
    background: url(../images/more_arrow.png) no-repeat;
    width: 6px;
    height: 10px;
    margin-left: 8px;
    display: inline-block; }
  .tabular-box a.link:before {
    content: "";
    opacity: 0;
    background: #1fa4d4;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .tabular-box a.link:hover:before {
    bottom: -5px;
    opacity: 1; }
.tabular-box .row-head {
  background-color: #e9e7e4;
  border-bottom: 1px solid #efedeb;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin-top: 35px;
  text-transform: uppercase; }
  .tabular-box .row-head div {
    padding: 8px 18px 7px; }
  .tabular-box .row-head .active-col {
    background: #3db5e6;
    color: white;
    position: relative;
    padding: 0 18px 15px; }
    .tabular-box .row-head .active-col:before {
      content: " ";
      position: absolute;
      background: #3db5e6;
      border-radius: 6px 6px 0 0;
      width: 100%;
      height: 22px;
      top: -22px;
      left: 0; }
.tabular-box .row-sub-head {
  background-color: #3b8740;
  width: 100%;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 13px 18px;
  border-right: 1px solid #dad9d6;
  text-align: left; }
.tabular-box .row-data {
  width: 100%;
  font-size: 16px; }
  .tabular-box .row-data div {
    padding: 27px 18px 28px;
    border-bottom: 1px solid #dad9d6;
    border-right: 1px solid #dad9d6; }
    .tabular-box .row-data div:first-of-type {
      font-weight: bold; }
      @media screen and (max-width: 666px) {
        .tabular-box .row-data div:first-of-type {
          line-height: 18px;
          padding-top: 15px; } }
  .tabular-box .row-data .active-col {
    background: #d8f0fa; }

.grid {
  width: 100%;
  float: left;
  margin: 40px 0; }
  @media screen and (max-width: 767px) {
    .grid {
      margin: 20px 0 0; } }
  .grid > ul.icon-tab {
    position: relative;
    font-size: 0; }
  .grid > ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    border: 1px solid #c7c7c7;
    text-align: center;
    margin-top: -1px;
    width: calc(20% + 1px);
    height: 265px;
    margin-left: -1px; }
    @media screen and (max-width: 1399px) and (min-width: 1024px) {
      .grid > ul > li {
        width: calc(25% + 1px); } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .grid > ul > li {
        width: calc(33% + 1px);
        height: 200px; } }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .grid > ul > li {
        width: calc(50% + 1px);
        height: 150px; } }
    @media screen and (max-width: 480px) {
      .grid > ul > li {
        width: calc(100% + 1px);
        height: 150px; } }
  .grid li .tab-logo {
    display: block;
    padding: 26px 30px 40px;
    text-align: center;
    font-size: 22px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 24px;
    font-weight: 700;
    color: #404041;
    height: 100%;
    cursor: pointer; }
    @media screen and (max-width: 1399px) and (min-width: 1024px) {
      .grid li .tab-logo {
        padding: 20px;
        font-size: 20px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .grid li .tab-logo {
        padding: 15px;
        font-size: 18px; } }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .grid li .tab-logo {
        padding: 10px;
        height: 150px;
        font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .grid li .tab-logo {
        padding: 10px;
        font-size: 16px; } }
    .grid li .tab-logo span.icons {
      display: block;
      height: 100px;
      margin: 47px auto 28px; }
      @media screen and (max-width: 1023px) and (min-width: 481px) {
        .grid li .tab-logo span.icons img {
          height: 100%; } }
      @media screen and (max-width: 1399px) and (min-width: 1024px) {
        .grid li .tab-logo span.icons {
          height: 90px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .grid li .tab-logo span.icons {
          height: 65px;
          margin: 25px auto; } }
      @media screen and (max-width: 767px) and (min-width: 481px) {
        .grid li .tab-logo span.icons {
          height: 60px;
          margin: 20px auto 15px; } }
      @media screen and (max-width: 480px) {
        .grid li .tab-logo span.icons {
          height: auto;
          width: 40px;
          margin: 20px auto 15px; } }
  .grid li.current {
    box-shadow: 0px 0px 0px 4px #3db5e6 inset;
    border: 1px solid #3db5e6;
    position: relative; }
    .grid li.current:before, .grid li.current:after {
      content: "";
      display: block;
      position: absolute;
      left: calc(50% - 20px);
      width: 0;
      height: 0;
      border-color: transparent transparent #e8e8e8 transparent;
      border-style: solid;
      border-width: 20px;
      bottom: -4px; }
      @media screen and (max-width: 767px) and (min-width: 481px) {
        .grid li.current:before, .grid li.current:after {
          border-width: 16px;
          bottom: 1px; } }
    .grid li.current:before {
      border-color: transparent transparent #3db5e6 transparent;
      border-width: 26px;
      left: calc(50% - 26px);
      bottom: -2px; }
      @media screen and (max-width: 767px) and (min-width: 481px) {
        .grid li.current:before {
          border-width: 20px;
          bottom: 2px; } }
  .grid li:hover {
    box-shadow: 0px 0px 0px 3px #3db5e6 inset;
    border: 1px solid #3db5e6; }
    .grid li:hover:after {
      bottom: -2px; }
  .grid li.no-hover:hover {
    box-shadow: none;
    border-color: #c7c7c7; }
  .grid li.no-hover .tab-logo {
    cursor: auto; }
  .grid li.no-hover.current {
    box-shadow: none;
    border-color: #c7c7c7; }
    .grid li.no-hover.current:after, .grid li.no-hover.current:before {
      border: 0; }
  .grid li .tabs-content {
    display: none;
    background: #e8e8e8;
    padding: 40px;
    float: left;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: 1px; }
    @media screen and (max-width: 767px) {
      .grid li .tabs-content {
        padding: 25px; } }
    @media screen and (max-width: 479px) {
      .grid li .tabs-content {
        padding: 15px 15px; } }
  .grid li .tab-text {
    padding-right: 40px;
    text-align: left;
    height: auto; }
    @media screen and (max-width: 1023px) {
      .grid li .tab-text {
        width: 100%;
        padding: 0; } }
    .grid li .tab-text p {
      color: #606060;
      line-height: 27px;
      margin-bottom: 26px; }
      @media screen and (max-width: 767px) {
        .grid li .tab-text p {
          line-height: 20px;
          margin-bottom: 10px; } }
    .grid li .tab-text ul li {
      padding: 0 0 0 25px;
      position: relative;
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 10px;
      position: relative;
      text-transform: capitalize;
      color: #606060; }
      @media screen and (max-width: 1023px) and (min-width: 667px) {
        .grid li .tab-text ul li {
          font-size: 16px;
          line-height: 22px; } }
      @media screen and (max-width: 666px) {
        .grid li .tab-text ul li {
          font-size: 14px;
          line-height: 18px;
          margin-bottom: 5px; } }
      .grid li .tab-text ul li:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        top: 8px;
        left: 0;
        background-color: #3fae2a;
        border-radius: 50%; }
        @media screen and (max-width: 666px) {
          .grid li .tab-text ul li:before {
            top: 5px; } }
      .grid li .tab-text ul li:hover {
        box-shadow: none;
        border: 0; }
    .grid li .tab-text .button-default, .grid li .tab-text .button-white, .grid li .tab-text .button-green, .grid li .tab-text .button-orange {
      margin: 0; }
      @media screen and (max-width: 1023px) {
        .grid li .tab-text .button-default, .grid li .tab-text .button-white, .grid li .tab-text .button-green, .grid li .tab-text .button-orange {
          margin-bottom: 20px; } }
  .grid li .sub-tab-content {
    background: white;
    height: auto; }
    @media screen and (max-width: 1023px) {
      .grid li .sub-tab-content {
        width: 100%; } }
    .grid li .sub-tab-content .col-two {
      overflow: hidden;
      height: 384px;
      border: 1px solid #c7c7c7; }
      .grid li .sub-tab-content .col-two:first-of-type {
        border-right: none; }
      .grid li .sub-tab-content .col-two.resources-default .v-middle-wrapper .v-middle h5 {
        margin-bottom: 0; }
      @media screen and (max-width: 1023px) {
        .grid li .sub-tab-content .col-two img {
          min-width: 100%; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .grid li .sub-tab-content .col-two {
          height: 300px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .grid li .sub-tab-content .col-two {
          height: 250px; } }
      @media screen and (max-width: 767px) {
        .grid li .sub-tab-content .col-two {
          height: 200px; } }
      .grid li .sub-tab-content .col-two .v-middle-inner {
        padding: 0 20px;
        text-align: left; }
      .grid li .sub-tab-content .col-two .v-middle-wrapper {
        background: rgba(0, 0, 0, 0.2); }
        .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle {
          vertical-align: bottom; }
          .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle .blog-date {
            font-size: 18px;
            font-weight: 700;
            color: white;
            display: inline-block;
            margin-bottom: 28px; }
            @media screen and (max-width: 767px) {
              .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle .blog-date {
                margin: 20px auto 10px;
                font-size: 14px; } }
          .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle h5 {
            font-family: "Roboto Condensed", sans-serif;
            line-height: normal;
            font-weight: 700;
            margin-bottom: 63px;
            color: white; }
          .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle .learn-more {
            position: absolute;
            bottom: 27px;
            font-size: 16px; }
            @media screen and (max-width: 767px) {
              .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle .learn-more {
                font-size: 14px; } }
            @media screen and (max-width: 480px) {
              .grid li .sub-tab-content .col-two .v-middle-wrapper .v-middle .learn-more {
                font-size: 12px; } }
      .grid li .sub-tab-content .col-two.white-bg .v-middle-wrapper {
        background: white; }
        .grid li .sub-tab-content .col-two.white-bg .v-middle-wrapper .blog-date,
        .grid li .sub-tab-content .col-two.white-bg .v-middle-wrapper h5 {
          color: #404041; }

/* ==========================================================================
Filter Tabs
========================================================================== */
.tab-filter .filter-tab {
  width: 100%; }
  .tab-filter .filter-tab:after {
    display: block;
    content: "";
    clear: both; }
  .tab-filter .filter-tab .toggle-tab {
    display: none;
    width: 100%;
    height: 40px;
    background: #e8e8e8;
    padding: 0 15px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #404041; }
  .tab-filter .filter-tab .tabsets {
    float: left;
    width: 100%;
    display: block;
    height: 42px; }
    .tab-filter .filter-tab .tabsets ul {
      padding-left: 0;
      float: left;
      font-size: 0;
      display: table;
      min-height: 42px;
      width: 100%;
      height: 42px; }
      .tab-filter .filter-tab .tabsets ul li {
        display: table-cell;
        position: relative;
        width: 20%;
        background-color: white;
        height: auto;
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        vertical-align: middle;
        padding: 0 5px; }
        .tab-filter .filter-tab .tabsets ul li a {
          font-size: 14px;
          line-height: 16px;
          color: #404041;
          display: inline-block;
          width: 100%;
          font-weight: 700;
          text-transform: uppercase;
          padding: 0px 0; }
        .tab-filter .filter-tab .tabsets ul li.active {
          background-color: #456b7e;
          border-top: 1px solid #456b7e;
          border-bottom: 1px solid #456b7e;
          border-left: 1px solid #456b7e;
          border-right: 1px solid #456b7e; }
          .tab-filter .filter-tab .tabsets ul li.active a {
            color: white; }
          .tab-filter .filter-tab .tabsets ul li.active:after {
            content: "";
            background: url(../images/down-arrow-blue.png) no-repeat;
            width: 16px;
            height: 9px;
            position: absolute;
            left: calc(50% - 8px);
            bottom: -14px;
            -moz-transform: translate(0%, -50%);
            -o-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
        .tab-filter .filter-tab .tabsets ul li:first-child {
          border-left: 1px solid #c7c7c7; }
        .tab-filter .filter-tab .tabsets ul li:last-child {
          border-right: 1px solid #c7c7c7; }
  .tab-filter .filter-tab .sort-by {
    float: left; }
    .tab-filter .filter-tab .sort-by .select-list {
      float: left;
      height: 42px;
      width: 56%; }
      .tab-filter .filter-tab .sort-by .select-list:nth-child(2) {
        width: 43%;
        margin-left: 1%; }
      .tab-filter .filter-tab .sort-by .select-list .options {
        top: 40px;
        width: 100%; }

/* Filter videos */
.filter-videos .tab-filter .filter-tab .tabsets {
  width: 100%; }
  .filter-videos .tab-filter .filter-tab .tabsets ul li {
    width: 12.5%; }
.filter-videos .tab-filter .filter-tab .sort-by {
  width: 15.5%;
  display: none; }
  .filter-videos .tab-filter .filter-tab .sort-by .select-list {
    width: 100%; }
    .filter-videos .tab-filter .filter-tab .sort-by .select-list .options {
      width: 100%; }
.filter-videos h5 {
  color: white; }
.filter-videos .filter-elements {
  padding-top: 30px; }
  .filter-videos .filter-elements:after {
    display: block;
    content: "";
    clear: both; }
  .filter-videos .filter-elements .item {
    position: relative;
    height: 384px;
    border-bottom: 1px solid #c7c7c7;
    overflow: hidden; }
    .filter-videos .filter-elements .item:nth-child(even) {
      border-left: 1px solid #c7c7c7; }
    .filter-videos .filter-elements .item .black-overlay {
      background-color: rgba(0, 0, 0, 0.5); }
  .filter-videos .filter-elements .v-middle {
    padding: 0 0;
    text-align: left;
    vertical-align: bottom; }
    .filter-videos .filter-elements .v-middle img {
      margin-bottom: 15px; }
    .filter-videos .filter-elements .v-middle .item-caption {
      position: absolute;
      top: 0;
      left: 20px;
      background-color: #3bb7da;
      float: left;
      padding: 4px 10px; }
      .filter-videos .filter-elements .v-middle .item-caption p {
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: 700;
        color: white; }
    .filter-videos .filter-elements .v-middle .text-container {
      display: block;
      width: 100%;
      border-left: 2px solid #3db5e6;
      padding: 0 20px;
      margin-bottom: 25px;
      z-index: 0; }
      .filter-videos .filter-elements .v-middle .text-container h5 {
        line-height: normal;
        font-family: roboto-condensed; }
    .filter-videos .filter-elements .v-middle:nth-child(odd) {
      border-right: 1px solid white; }
.filter-videos .pagination {
  position: absolute;
  bottom: 48px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  .filter-videos .pagination .page-btn {
    position: absolute;
    top: 0;
    width: 100%; }
    .filter-videos .pagination .page-btn .prev,
    .filter-videos .pagination .page-btn .next {
      position: absolute;
      top: -2px;
      cursor: pointer; }
    .filter-videos .pagination .page-btn .prev {
      left: -34px; }
    .filter-videos .pagination .page-btn .next {
      right: -34px; }
  .filter-videos .pagination span {
    font-size: 18px;
    padding: 5px 8px;
    color: #404041;
    font-weight: 700;
    border-bottom: 4px solid white;
    margin: 0 12px;
    cursor: pointer; }
  .filter-videos .pagination .active {
    color: #3fae2a;
    border-bottom: 4px solid #3fae2a; }

@media screen and (max-width: 1399px) {
  .tab-filter .filter-tab .sort-by .select-list {
    padding: 0 15px !important; }
    .tab-filter .filter-tab .sort-by .select-list .options li {
      padding: 10px 15px; }

  .filter-videos .filter-elements .item {
    height: 330px; }
    .filter-videos .filter-elements .item .bg-img img {
      height: auto;
      width: 100% !important; } }
@media screen and (max-width: 1279px) {
  .tab-filter .filter-tab .tabsets {
    width: 100%;
    float: none;
    margin-bottom: 30px; }
    .tab-filter .filter-tab .tabsets ul li a {
      font-size: 13px; }
  .tab-filter .filter-tab .sort-by {
    width: 400px;
    float: none;
    margin: 0 auto; }

  .filter-videos .tab-filter .filter-tab .tabsets {
    width: 100%; }
  .filter-videos .tab-filter .filter-tab .sort-by {
    width: 100%; }
    .filter-videos .tab-filter .filter-tab .sort-by .select-list {
      width: 200px;
      margin: 0 auto;
      float: none; }
  .filter-videos .filter-elements .item .bg-img img {
    height: 100%;
    width: auto !important; }
  .filter-videos .pagination {
    bottom: 30px; } }
@media screen and (max-width: 1023px) {
  .filter-videos .filter-elements .item {
    height: 300px; }
    .filter-videos .filter-elements .item .bg-img img {
      height: 300px;
      width: auto !important; }
  .filter-videos .pagination {
    bottom: 25px; }
    .filter-videos .pagination span {
      font-size: 16px;
      padding: 5px; } }
@media screen and (max-width: 767px) {
  .tab-filter .filter-tab {
    position: relative; }
    .tab-filter .filter-tab .toggle-tab {
      display: block; }
      .tab-filter .filter-tab .toggle-tab:hover {
        background: #d8d8d8; }
      .tab-filter .filter-tab .toggle-tab:after {
        content: "";
        position: absolute;
        background-image: url("../images/down-arrow.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 11px;
        height: 9px;
        top: 18px;
        right: 16px; }
    .tab-filter .filter-tab .tabsets {
      display: none;
      position: absolute;
      width: 100% !important;
      margin-right: 1%;
      z-index: 3; }
      .tab-filter .filter-tab .tabsets ul {
        border: none; }
        .tab-filter .filter-tab .tabsets ul li {
          display: block;
          width: 100% !important;
          border: none;
          text-align: left;
          background: #e8e8e8;
          padding: 0; }
          .tab-filter .filter-tab .tabsets ul li:hover {
            background: #cccccc; }
          .tab-filter .filter-tab .tabsets ul li.active {
            background: #e8e8e8;
            border: none; }
            .tab-filter .filter-tab .tabsets ul li.active a {
              color: #404041;
              background: #cccccc; }
          .tab-filter .filter-tab .tabsets ul li a {
            padding: 12px 13px; }
    .tab-filter .filter-tab .sort-by {
      width: 100% !important;
      margin-top: 10px; }

  .filter-videos .filter-elements .item {
    width: 50%;
    height: 270px; }
    .filter-videos .filter-elements .item .bg-img img {
      height: 270px;
      width: auto !important; }
    .filter-videos .filter-elements .item .text-container {
      left: 13px;
      bottom: 20px;
      padding-left: 13px;
      padding-right: 20px; }
  .filter-videos .pagination {
    bottom: 15px; }
    .filter-videos .pagination span {
      font-size: 16px;
      padding: 0 5px 5px;
      margin: 0 2px; } }
@media screen and (max-width: 666px) {
  .filter-videos .filter-elements .item {
    width: 100%;
    height: 245px; }
    .filter-videos .filter-elements .item .bg-img img {
      height: auto;
      width: 100% !important; } }
@media screen and (max-width: 480px) {
  .tab-filter .filter-tab .toggle-tab {
    font-size: 12px; }
  .tab-filter .filter-tab .tabsets ul li a {
    font-size: 12px; }
  .tab-filter .filter-tab .sort-by .select-list .options p {
    font-size: 12px; }
  .tab-filter .filter-tab .sort-by .select-list .v-middle-inner {
    padding: 0; }
    .tab-filter .filter-tab .sort-by .select-list .v-middle-inner p {
      font-size: 12px; }

  .filter-videos .tab-filter .filter-tab .sort-by .select-list {
    width: 100%; }
  .filter-videos .filter-elements .item {
    width: 100%;
    height: auto; }
    .filter-videos .filter-elements .item .bg-img img {
      height: auto;
      width: 100% !important; }
    .filter-videos .filter-elements .item .v-middle a img {
      width: 35px;
      height: 35px; }
  .filter-videos .pagination {
    bottom: 0; }
    .filter-videos .pagination span {
      display: none; }
      .filter-videos .pagination span:nth-child(1), .filter-videos .pagination span:nth-child(2), .filter-videos .pagination span:nth-child(3), .filter-videos .pagination span:nth-child(4) {
        display: inline-block; } }
/* ==========================================================================
Transitions and Overlays
========================================================================== */
.hw-overlay,
.search-overlay,
.footer-overlay,
.newsletter-overlay,
.training-form-overlay,
.data-science-form-overlay,
.certs-obj-overlay,
.outer-box {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: white;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: hidden; }

.outer-box, .certs-obj-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background: url(../images/footer-overlay-bg.jpg) repeat;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 11;
  overflow-y: auto; }
  .outer-box .overlay-form, .certs-obj-overlay .overlay-form {
    text-align: center;
    height: 100%;
    overflow: scroll; }
  .outer-box .close-video, .certs-obj-overlay .close-video {
    position: absolute;
    top: 30px;
    right: 22px;
    background: white url(../images/close-icon.png);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-indent: -9999px;
    background-position: 0 36px;
    cursor: pointer;
    z-index: 9; }
    .outer-box .close-video > img, .certs-obj-overlay .close-video > img {
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: relative;
      top: -3px; }
      @media (min-width: 596px) and (max-width: 749px) {
        .outer-box .close-video > img, .certs-obj-overlay .close-video > img {
          width: 20px;
          height: 20px; } }
      @media (min-width: 480px) and (max-width: 595px) {
        .outer-box .close-video > img, .certs-obj-overlay .close-video > img {
          width: 16px; } }
      @media (min-width: 300px) and (max-width: 479px) {
        .outer-box .close-video > img, .certs-obj-overlay .close-video > img {
          width: 15px;
          height: 15px; } }
  .outer-box .video iframe, .certs-obj-overlay .video iframe {
    width: 560px;
    height: 315px; }
  .outer-box .loader, .certs-obj-overlay .loader {
    position: relative;
    top: 0;
    bottom: 0;
    background: url("../images/loader1.gif") no-repeat;
    text-align: center;
    background-position: 50%; }

#video {
  margin: auto; }
  #video iframe {
    border: 0px;
    max-width: 1280px;
    max-height: 720px; }

.hw-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease; }

.form-active .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.form-active .hw-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 21;
  overflow-y: scroll; }

.hw-search-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-search-overlay .search-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.hw-footer-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-footer-overlay .footer-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.hw-newsletter-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-newsletter-overlay .newsletter-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.hw-video-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-video-overlay .outer-box, .hw-video-overlay .certs-obj-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.hw-training-form-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-training-form-overlay .training-form-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.hw-data-science-form-overlay .hw-wrapper {
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }
.hw-data-science-form-overlay .data-science-form-overlay {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
  z-index: 11;
  overflow-y: scroll; }

.search-overlay,
.footer-overlay,
.newsletter-overlay,
.training-form-overlay,
.data-science-form-overlay,
.outer-box,
.certs-obj-overlay {
  display: block !important; }

.overflow-fix {
  overflow-y: hidden !important; }
  .overflow-fix .footer .footer-nav {
    z-index: 11; }

@media screen and (max-width: 767px) {
  .overflow-fix .footer .footer-nav {
    z-index: 9; } }
.top-form-container .top-form {
  overflow-y: auto; }
.top-form-container .close-btn {
  width: 37px;
  height: 37px;
  position: fixed;
  top: 23px;
  right: 24px;
  z-index: 11;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  color: white;
  background: white;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .top-form-container .close-btn:hover {
    color: #1fa4d4;
    background: white; }
    .top-form-container .close-btn:hover span {
      top: 0; }
  .top-form-container .close-btn:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    content: "";
    height: 2px;
    background: #1fa4d4;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .top-form-container .close-btn span {
    position: relative;
    top: -36px;
    float: left;
    background: url(../images/close-icon.png);
    height: 64px;
    width: 100%; }

.logged-in .close-btn {
  top: 70px; }

.top-form-overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  background: black; }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .contact-links img {
    margin-bottom: 31px; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .contact-links img {
    margin-bottom: 24px; } }
@media screen and (min-width: 667px) and (max-width: 1023px) {
  .top-form form {
    margin-top: 58px; }

  form .col,
  form .col-two {
    padding: 0 11px; }

  .contact-form .wrapper {
    padding: 0 10px; }

  .contact-links img {
    margin-bottom: 16px; }
  .contact-links .learn-more {
    margin-top: 5px; }

  .top-form .cta-block {
    height: 300px; } }
@media screen and (min-width: 667px) and (max-width: 767px) {
  .top-form .cta-block .cta-content {
    margin-top: 38px; }
  .top-form .cta-block .button-default, .top-form .cta-block .button-white, .top-form .cta-block .button-green, .top-form .cta-block .button-orange {
    padding: 9px 11px;
    font-size: 12px; }
  .top-form p {
    font-size: 16px;
    line-height: 20px; }
  .top-form h4 {
    font-size: 20px; } }
@media screen and (max-width: 666px) {
  .top-form form {
    margin-top: 20px; }
  .top-form h4 {
    font-size: 20px; }

  form .col,
  form .col-two {
    padding: 0; }
  form label {
    left: 15px;
    top: 14px;
    font-size: 12px; }
  form input,
  form textarea {
    font-size: 14px; }
  form input {
    padding: 12px 15px 0;
    height: 40px; }
  form textarea {
    padding: 25px 15px 18px;
    height: 112px; }
  form .col-two:first-child {
    margin-bottom: 14px; }

  .cta-block .cta-content {
    padding-left: 20px; }
  .cta-block .button-default, .cta-block .button-white, .cta-block .button-green, .cta-block .button-orange {
    padding: 9px 11px;
    font-size: 12px; }
  .cta-block h1 {
    padding-bottom: 30px; }
  .cta-block .button-default, .cta-block .button-white, .cta-block .button-green, .cta-block .button-orange,
  .cta-block .cta-content {
    margin-top: 30px; }

  .contact-links .col-three {
    width: 33.33%; }
  .contact-links img {
    margin-bottom: 11px;
    width: 55px; }
  .contact-links .learn-more {
    margin-top: 0px; }

  .top-form-container .close-btn {
    top: 14px;
    right: 15px; }

  .top-form .cta-block {
    height: 250px; }

  input:focus ~ label,
  .used ~ label {
    top: 5px;
    font-size: 11px; }

  .placeholderfix {
    top: 5px !important;
    font-size: 11px; }

  textarea ~ label {
    width: calc( 100% - 30px );
    top: 1px;
    padding-top: 12px;
    font-size: 12px; }

  textarea:focus ~ label, textarea.used ~ label {
    top: 1px;
    padding-top: 5px;
    font-size: 11px; }
  textarea wrapper h2 {
    font-size: 30px; } }
@media screen and (max-width: 480px) {
  .cta-block .cta-content {
    padding: 0; }

  .contact-links .col-three {
    width: 100%;
    padding-bottom: 20px; }
    .contact-links .col-three:last-child {
      padding-bottom: 0; }
  .contact-links img {
    width: 40px; }

  .top-form-container .close-btn {
    top: 6px;
    right: 7px; } }
@media screen and (max-width: 420px) {
  .cta-block .cta-content {
    max-width: 210px;
    width: 100%;
    position: relative;
    float: none;
    display: inline-block;
    padding: 0;
    margin: 20px auto 12px; }
  .cta-block .button-default, .cta-block .button-white, .cta-block .button-green, .cta-block .button-orange {
    margin: 0 0 0 10px; } }
/* ==========================================================================
Form Styles
========================================================================== */
form {
  text-align: center; }
  form .row {
    margin: 0 0 14px;
    width: 100%; }
    form .row ::-webkit-input-placeholder {
      color: #404041;
      font-weight: 700;
      font-size: 14px; }
      form .row ::-webkit-input-placeholder p {
        font-size: 15px;
        font-weight: bold; }
  form .row {
    float: left; }
  form .col,
  form .col-two {
    padding: 0 11px; }
  form input,
  form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 20px 0;
    color: #404041;
    border: 1px solid #cdcdce;
    font-size: 16px;
    outline: none; }
    form input:focus,
    form textarea:focus {
      border: 1px solid #1fa4d4; }
  form input {
    height: 56px; }
  form .col {
    position: relative; }
  form textarea {
    padding: 40px 20px 18px;
    height: 158px; }

input {
  border: none; }

select {
  display: none; }

input[type=text]::-ms-clear,
input[type=email]::-ms-clear {
  display: none; }

.form-active {
  overflow: hidden !important; }

label {
  color: #404041;
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  pointer-events: none;
  left: 32px;
  top: 22px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

input:focus ~ label,
.used ~ label {
  top: 10px;
  font-size: 12px;
  color: #9a9a9a; }

.placeholderfix {
  top: 10px !important;
  font-size: 12px;
  color: #9a9a9a;
  opacity: 1 !important;
  z-index: 1; }

textarea ~ label {
  width: Calc(100% - 64px);
  display: block;
  text-align: left;
  z-index: 1;
  height: 30px;
  background: white;
  top: 1px;
  padding-top: 21px; }

textarea:focus ~ label, textarea.used ~ label {
  top: 1px;
  padding-top: 9px;
  font-size: 12px;
  color: #9a9a9a; }

.marketo_field.col div {
  position: relative; }

.marketo_field.radio.col input,
.marketo_field.checkbox.col input {
  height: 25px; }

.marketo_field.radio.col label,
.marketo_field.checkbox.col label {
  top: 5px; }

.marketo_field.radio.col > label,
.marketo_field.checkbox.col > label {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  padding: 10px; }

.marketo_field.checkbox.col > label {
  position: absolute;
  top: -5px;
  left: 25px; }

.marketo-optin-prompt {
  position: relative;
  margin-bottom: 20px; }
  .marketo-optin-prompt label {
    position: relative;
    left: 0; }
  .marketo-optin-prompt input[type=checkbox] {
    width: 22px;
    height: 15px;
    display: inline;
    pointer-events: auto; }
  .marketo-optin-prompt .optinlabel {
    text-align: left;
    display: inline; }

.nws-wrap .marketo-optin-prompt input[type=checkbox] {
  width: 22px;
  height: auto; }

.main-body .mktoForm form input {
  margin-bottom: 5px; }

.select-list {
  display: block;
  position: relative;
  padding: 0 18px !important;
  width: 177px;
  height: 42px; }
  .select-list:hover {
    background: #d8d8d8; }
  .select-list .selected {
    position: relative;
    height: 100%;
    margin-right: 16px;
    cursor: pointer; }
    .select-list .selected:after {
      content: "";
      position: absolute;
      background-image: url("../images/down-arrow.png");
      background-size: cover;
      background-repeat: no-repeat;
      width: 11px;
      height: 9px;
      top: 18px;
      right: -16px; }
  .select-list p,
  .select-list a {
    color: #404041;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase; }
  .select-list .options {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0;
    width: 177px;
    top: 42px;
    left: 0;
    z-index: 1; }
    .select-list .options li {
      width: 100%;
      padding: 10px 18px;
      cursor: pointer; }
      .select-list .options li:hover {
        background-color: #cccccc; }
      .select-list .options li:first-of-type {
        display: none; }
      .select-list .options li p {
        margin-right: 16px;
        color: #404041;
        font-weight: 700;
        font-size: 14px; }

.data-science-table {
  max-width: 960px;
  margin: 0 auto;
  border: 1px solid #cfcfcf;
  border-collapse: collapse; }
  .data-science-table tr, .data-science-table td, .data-science-table th {
    border: 1px solid #cfcfcf;
    padding: 4px 10px; }
  .data-science-table tr:nth-child(odd) {
    background-color: #efefef; }

.data-science-page li {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 20px;
  /* These next two lines are used to match P-tags */
  font-size: 18px;
  line-height: 22px;
  /* End P-tag matching */ }
.data-science-page a:after {
  background: none; }

.small-h1 {
  font-size: 70%; }

.small-subtitle {
  font-size: 70%;
  line-height: 1.2;
  font-weight: 500;
  display: inline-block;
  max-width: 70%; }
  .small-subtitle .estimated-text {
    font-size: 80%;
    margin-bottom: 20px; }

.zeta-counter-container {
  text-align: center;
  margin-bottom: 14px; }
  .zeta-counter-container h3.zeta-counter {
    color: #febc19;
    font-weight: bold;
    font-size: 360%;
    display: inline-block; }

.zeta-bytes {
  font-size: 46px;
  color: white;
  margin-left: 16px; }

@media screen and (max-width: 480px) {
  .zeta-counter-container h3.zeta-counter {
    font-size: 170%;
    margin-bottom: 10px; }

  .zeta-bytes {
    font-size: 24px; } }
@media screen and (min-width: 480px) and (max-width: 667px) {
  .zeta-counter-container h3.zeta-counter {
    font-size: 200%;
    margin-bottom: 10px; }

  .zeta-bytes {
    font-size: 28px;
    margin-left: 10px; } }
@media screen and (min-width: 667px) and (max-width: 768px) {
  .zeta-counter-container h3.zeta-counter {
    font-size: 220%;
    margin-bottom: 10px; }

  .zeta-bytes {
    font-size: 28px;
    margin-left: 12px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zeta-counter-container h3.zeta-counter {
    font-size: 300%;
    margin-bottom: 10px; }

  .zeta-bytes {
    font-size: 32px;
    margin-left: 12px; } }
.post-pw-container {
  width: 400px; }
  .post-pw-container label {
    position: relative;
    top: -10px;
    left: 0; }
  .post-pw-container .admin-pw-form p {
    margin-bottom: 20px; }
  .post-pw-container .admin-pw-form input[type='password'] {
    height: 30px;
    width: 250px;
    display: inline;
    padding: 0 0 0 10px; }
  .post-pw-container .admin-pw-form input[type="submit"] {
    width: 150px;
    height: 50px; }

/* ==========================================================================
ACF Section: 'Statistics Block' | product-result-statistics.php | statistics-block.php
========================================================================== */
.content-870 .button-white {
  color: #3fae2a; }
  .content-870 .button-white:hover {
    color: #fff; }
.content-870 a {
  color: #1fa4d4; }

.partner-result-block.info-block {
  padding: 100px 108px; }
  .partner-result-block.info-block h2 {
    margin-bottom: 62px;
    margin-top: 0; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .partner-result-block.info-block h2 {
        margin-bottom: 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .partner-result-block.info-block h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .partner-result-block.info-block h2 {
        margin-bottom: 25px; } }
    @media screen and (max-width: 666px) {
      .partner-result-block.info-block h2 {
        margin-bottom: 20px; } }
  .partner-result-block.info-block .col-three h5 {
    margin-top: 23px;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    font-family: "Roboto", sans-serif; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .partner-result-block.info-block .col-three h5 {
        font-size: 20px;
        margin-top: 20px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .partner-result-block.info-block .col-three h5 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .partner-result-block.info-block .col-three h5 {
        font-size: 16px;
        margin-top: 20px;
        line-height: 24px; } }
    @media screen and (max-width: 666px) {
      .partner-result-block.info-block .col-three h5 {
        font-size: 16px;
        margin: 20px auto; } }

.partner-result-block .loader {
  border: 30px solid #0697b5;
  border-radius: 50%;
  border-top: 30px solid #28c4d7;
  width: 273px;
  height: 273px; }
.partner-result-block .loader-block {
  position: relative; }
.partner-result-block .chart-data {
  position: relative;
  text-align: center; }
.partner-result-block .text-center {
  position: relative;
  padding: 0 20px; }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .partner-result-block .text-center {
      padding: 0 10px; } }
  .partner-result-block .text-center canvas {
    width: 273px;
    height: 273px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .partner-result-block .text-center canvas {
        width: 260px !important;
        height: 260px !important; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .partner-result-block .text-center canvas {
        width: 200px !important;
        height: 200px !important; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .partner-result-block .text-center canvas {
        width: 170px !important;
        height: 170px !important; } }
    @media screen and (max-width: 666px) {
      .partner-result-block .text-center canvas {
        width: 120px !important;
        height: 120px !important; } }
.partner-result-block .v-middle-inner span {
  font-size: 88px;
  font-weight: 700;
  color: #6c6d70;
  font-family: "Roboto Condensed", sans-serif; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .partner-result-block .v-middle-inner span {
      font-size: 80px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .partner-result-block .v-middle-inner span {
      font-size: 60px; } }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .partner-result-block .v-middle-inner span {
      font-size: 40px; } }
  @media screen and (max-width: 666px) {
    .partner-result-block .v-middle-inner span {
      font-size: 20px; } }
.partner-result-block .v-middle-inner p {
  font-size: 18px;
  font-weight: 700;
  color: #6c6d70;
  line-height: 22px;
  max-width: 109px;
  font-family: "Roboto Condensed", sans-serif; }
  @media screen and (max-width: 1023px) and (min-width: 667px) {
    .partner-result-block .v-middle-inner p {
      font-size: 16px; } }
  @media screen and (max-width: 666px) {
    .partner-result-block .v-middle-inner p {
      font-size: 14px; } }

/* ==========================================================================
ACF Section: 'Quote Block' | quote-block.php | quote-banner.php
========================================================================== */
#quote-banner,
#hero-banner {
  height: 499px;
  overflow: hidden; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    #quote-banner,
    #hero-banner {
      height: 360px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    #quote-banner,
    #hero-banner {
      height: 320px; } }
  @media screen and (max-width: 767px) {
    #quote-banner,
    #hero-banner {
      height: 260px; } }
  #quote-banner a,
  #hero-banner a {
    color: #1fa4d4; }
  #quote-banner .button-default, #quote-banner .button-white, #quote-banner .button-green, #quote-banner .button-orange, #quote-banner .button-green,
  #hero-banner .button-default,
  #hero-banner .button-white,
  #hero-banner .button-green,
  #hero-banner .button-orange,
  #hero-banner .button-green {
    color: white !important; }
  #quote-banner p,
  #quote-banner h4,
  #hero-banner p,
  #hero-banner h4 {
    color: white; }
  #quote-banner .bg-img img,
  #hero-banner .bg-img img {
    width: 100%;
    height: auto;
    position: relative; }
  #quote-banner .v-middle-wrapper,
  #hero-banner .v-middle-wrapper {
    background: rgba(0, 0, 0, 0.3); }
    #quote-banner .v-middle-wrapper .v-middle-inner,
    #hero-banner .v-middle-wrapper .v-middle-inner {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 20px; }
  #quote-banner .item-content,
  #hero-banner .item-content {
    position: relative;
    max-width: 735px;
    margin: 0 auto;
    padding: 0 20px; }
    #quote-banner .item-content .banner-logo,
    #hero-banner .item-content .banner-logo {
      margin-top: 37px;
      margin-bottom: 60px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        #quote-banner .item-content .banner-logo,
        #hero-banner .item-content .banner-logo {
          width: 80px;
          margin: 25px auto; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        #quote-banner .item-content .banner-logo,
        #hero-banner .item-content .banner-logo {
          width: 60px;
          margin: 15px auto; } }
      @media screen and (max-width: 767px) {
        #quote-banner .item-content .banner-logo,
        #hero-banner .item-content .banner-logo {
          width: 50px;
          margin: 10px auto; } }
    #quote-banner .item-content p,
    #hero-banner .item-content p {
      position: relative;
      font-size: 40px;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 300;
      line-height: normal;
      padding-bottom: 17px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        #quote-banner .item-content p,
        #hero-banner .item-content p {
          font-size: 28px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        #quote-banner .item-content p,
        #hero-banner .item-content p {
          font-size: 24px; } }
      @media screen and (max-width: 767px) {
        #quote-banner .item-content p,
        #hero-banner .item-content p {
          font-size: 20px;
          padding-bottom: 10px; } }
      #quote-banner .item-content p:before, #quote-banner .item-content p:after,
      #hero-banner .item-content p:before,
      #hero-banner .item-content p:after {
        content: "";
        background: url("../images/quote-start.png");
        display: inline-block;
        width: 39px;
        height: 29px;
        margin-right: 10px;
        background-size: 100%; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          #quote-banner .item-content p:before, #quote-banner .item-content p:after,
          #hero-banner .item-content p:before,
          #hero-banner .item-content p:after {
            width: 30px;
            height: 21px; } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          #quote-banner .item-content p:before, #quote-banner .item-content p:after,
          #hero-banner .item-content p:before,
          #hero-banner .item-content p:after {
            width: 24px;
            height: 17px; } }
        @media screen and (max-width: 767px) {
          #quote-banner .item-content p:before, #quote-banner .item-content p:after,
          #hero-banner .item-content p:before,
          #hero-banner .item-content p:after {
            width: 20px;
            height: 14px; } }
      #quote-banner .item-content p:after,
      #hero-banner .item-content p:after {
        background: url("../images/quote-close.png");
        margin-left: 10px;
        margin-right: 0;
        background-size: 100%; }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          #quote-banner .item-content p:after,
          #hero-banner .item-content p:after {
            width: 24px; } }
        @media screen and (max-width: 767px) {
          #quote-banner .item-content p:after,
          #hero-banner .item-content p:after {
            width: 20px; } }
    #quote-banner .item-content h4,
    #hero-banner .item-content h4 {
      font-size: 18px;
      text-transform: capitalize;
      line-height: 20px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        #quote-banner .item-content h4,
        #hero-banner .item-content h4 {
          font-size: 16px; } }
      @media screen and (max-width: 767px) {
        #quote-banner .item-content h4,
        #hero-banner .item-content h4 {
          font-size: 14px; } }
    #quote-banner .item-content a,
    #hero-banner .item-content a {
      margin-top: 65px;
      margin-top: 15px; }

@media screen and (max-height: 767px) {
  #quote-banner {
    height: 420px; }
    #quote-banner .item-content .banner-logo {
      margin-bottom: 40px; } }
.lp-post-type #hero-banner {
  height: 280px; }

.lp-post-type .main-body {
  padding-top: 20px; }

/* ==========================================================================
ACF Section: 'Reference Quick Links' | reference-quick-links.php | we-slider.php
========================================================================== */
#case-study {
  height: auto; }
  #case-study .we-slider {
    padding-bottom: 52px; }
    #case-study .we-slider .slider-nav {
      bottom: 20px; }
      #case-study .we-slider .slider-nav span {
        border: 1px solid #dad9d6; }
        #case-study .we-slider .slider-nav span.active {
          background: #dad9d6; }
      #case-study .we-slider .slider-nav .next,
      #case-study .we-slider .slider-nav .prev {
        background: #dad9d6;
        border: 1px solid #dad9d6; }
        #case-study .we-slider .slider-nav .next:hover,
        #case-study .we-slider .slider-nav .prev:hover {
          background: white; }
  #case-study .item {
    height: 384px; }
  #case-study .item-content {
    padding: 0 20px;
    text-align: left;
    vertical-align: bottom; }
    #case-study .item-content h6,
    #case-study .item-content p,
    #case-study .item-content a {
      color: white; }
    #case-study .item-content .item-caption {
      background-color: #3bb7da;
      float: left;
      padding: 4px 10px;
      position: absolute;
      top: 0;
      left: 20px; }
      #case-study .item-content .item-caption h6 {
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase; }
    #case-study .item-content .text-container {
      border-left: 2px solid #3db5e6;
      padding: 0 20px;
      transform: translatey(-25px); }
      #case-study .item-content .text-container p {
        font-size: 16px;
        margin: 20px 0px 25px; }
      #case-study .item-content .text-container .learn-more {
        font-size: 16px; }
        #case-study .item-content .text-container .learn-more:before {
          background: white; }
        #case-study .item-content .text-container .learn-more:after {
          background: url(../images/more-arrow-wht.png) no-repeat; }
        @media screen and (max-width: 767px) {
          #case-study .item-content .text-container .learn-more {
            font-size: 14px; } }
        @media screen and (max-width: 480px) {
          #case-study .item-content .text-container .learn-more {
            font-size: 12px; } }

/* ==========================================================================
ACF Section: 'Get Started Column' | careers/get-started-block.php | carrers-get-started-block.php | customer-get-started-block.php | developer-get-started-block.php | developer-hadoop.php | get-started-block.php | partner-get-started-block.php | section_template_part/get-started-column.php | static_template_part/get-started-block.php | static_template_part/service-detail/get-started-column.php | static_template_part/top-form.php | training-get-started-block.php
========================================================================== */
.get-started {
  text-transform: uppercase;
  background-color: #2ec093;
  background-image: -webkit-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -moz-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -ms-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -o-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: linear-gradient(to right, #2ec093, #3bb7d9);
  padding: 53px 0 50px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .get-started {
      padding: 40px 0; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .get-started {
      padding: 30px 0; } }
  @media screen and (max-width: 767px) {
    .get-started {
      padding: 20px 0; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .get-started .v-middle-inner {
      table-layout: fixed; } }
  .get-started .v-middle {
    text-align: left; }
    @media screen and (max-width: 1279px) {
      .get-started .v-middle {
        text-align: center;
        padding: 0 15px; } }
    @media screen and (max-width: 767px) {
      .get-started .v-middle {
        display: block;
        margin-bottom: 15px;
        width: 100%;
        text-align: center; } }
    .get-started .v-middle:last-of-type {
      margin: 0; }
    .get-started .v-middle h5 {
      font-family: "Roboto Condensed", sans-serif;
      color: white; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .get-started .v-middle p {
        font-size: 16px; } }
    @media screen and (max-width: 1023px) {
      .get-started .v-middle p {
        font-size: 14px; } }
    .get-started .v-middle p a {
      color: white;
      font-weight: 700;
      line-height: 30px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .get-started .v-middle p a {
          line-height: 20px; } }
      .get-started .v-middle p a .anchor-text:after {
        position: absolute;
        bottom: -5px;
        left: 0;
        background: white;
        height: 2px;
        content: "";
        width: 100%;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
      .get-started .v-middle p a:hover .anchor-text:after {
        opacity: 1;
        bottom: 0; }
    .get-started .v-middle p span {
      margin-right: 5px;
      display: inline-block;
      position: relative; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .get-started .v-middle p span {
          margin-bottom: 5px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .get-started .v-middle p span {
          margin-right: 2px; } }
      .get-started .v-middle p span:last-of-type {
        margin-right: 0; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .get-started .v-middle p span img {
          width: 30px;
          vertical-align: middle; } }
      @media screen and (max-width: 767px) {
        .get-started .v-middle p span img {
          width: 28px;
          vertical-align: middle; } }

/* ==========================================================================
ACF Section: 'intro-icon-block' | academic-training.php | certificate-section.php | intro-icon-block.php | services.php
========================================================================== */
.certification .content-870 img {
  margin-bottom: 21px;
  margin-top: 8px; }
.certification .content-870 p {
  line-height: 28px;
  margin-top: 20px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .certification .content-870 p {
      line-height: 26px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .certification .content-870 p {
      line-height: 22px; } }
  @media screen and (max-width: 479px) {
    .certification .content-870 p {
      line-height: 20px; } }
.certification.academic-section {
  padding: 99px 0 60px; }
.certification .button-default.open, .certification .open.button-white, .certification .open.button-green, .certification .open.button-orange {
  background: #3b8740; }

/* ==========================================================================
ACF Section: 'Promo Block, View Section > View promo on homepage' | promo-section.php | promo-block.php | view-promo.php
========================================================================== */
.promo-block .three-col-row {
  background: url(../images/promo-bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 177px; }
.promo-block .col-three {
  cursor: pointer;
  overflow: hidden;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }
  .promo-block .col-three #home-box-2 {
    background-color: rgba(0, 141, 86, 0.4); }
  .promo-block .col-three:nth-of-type(2):after, .promo-block .col-three:nth-of-type(2):before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #626a74; }
    @media screen and (max-width: 767px) {
      .promo-block .col-three:nth-of-type(2):after, .promo-block .col-three:nth-of-type(2):before {
        width: 100%;
        height: 1px;
        background: #626a74;
        top: auto;
        bottom: 0; } }
  .promo-block .col-three:nth-of-type(2):before {
    left: 0px;
    right: auto; }
    @media screen and (max-width: 767px) {
      .promo-block .col-three:nth-of-type(2):before {
        top: 0; } }
  .promo-block .col-three .v-middle-inner {
    max-width: 340px;
    margin: 0 auto;
    padding: 0 20px;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .promo-block .col-three .hover-btn {
    margin: 0;
    opacity: 0;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .promo-block .col-three p.bold {
    font-weight: 500;
    letter-spacing: 0em; }
  .promo-block .col-three p {
    font-weight: 300;
    letter-spacing: 0.05em;
    color: white; }
.promo-block .col-three:hover .v-middle-inner {
  -moz-transform: translateY(-23px);
  -o-transform: translateY(-23px);
  -ms-transform: translateY(-23px);
  -webkit-transform: translateY(-23px);
  transform: translateY(-23px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.promo-block .col-three:hover .hover-btn {
  opacity: 1;
  -moz-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@media screen and (max-width: 767px) {
  .promo-block .three-col-row {
    height: 443px; }
    .promo-block .three-col-row .col-three {
      width: 100%;
      height: 147px; } }
/* ==========================================================================
ACF Section: 'View Section > View partner featured' | partner-resources.php | view-partner-featured.php
========================================================================== */
#resources {
  padding-top: 80px; }
  #resources h2 {
    margin-bottom: 38px; }

.featured-section .text-center h2 {
  margin: 0 auto 38px; }

.partner-resource {
  padding: 84px 0 81px; }
  .partner-resource .text-center h2 {
    margin-bottom: 33px; }
  .partner-resource .text-center h3 {
    color: white;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 30px; }
  .partner-resource .text-center .v-middle-inner {
    max-width: 360px; }

/* ==========================================================================
ACF Section: 'View Section > View partner classes' | classes-partners.php | partner-info-block-detail.php | product-page.php | view-partner-classes.php
========================================================================== */
.partner-block {
  font-family: "Roboto Condensed", sans-serif; }
  .partner-block .content-870 h1 {
    margin: 28px 0; }
  .partner-block .content-870 p {
    line-height: 28px; }
  .partner-block .multi-section-slider .slider-nav {
    bottom: 55px; }
    .partner-block .multi-section-slider .slider-nav .we-btn .prev,
    .partner-block .multi-section-slider .slider-nav .we-btn .next {
      background: #e8e8e8;
      border-radius: 50%;
      height: 24px;
      width: 24px; }
      .partner-block .multi-section-slider .slider-nav .we-btn .prev:hover,
      .partner-block .multi-section-slider .slider-nav .we-btn .next:hover {
        background: #1fa4d4; }
    .partner-block .multi-section-slider .slider-nav span {
      border: 1px solid #e8e8e8; }
      .partner-block .multi-section-slider .slider-nav span.active {
        background: #e8e8e8; }
  .partner-block .partner-text {
    max-width: 860px;
    margin: 0 auto; }
  .partner-block h2 {
    font-weight: 700;
    margin: 0 0 27px 0; }
  .partner-block p {
    line-height: 28px; }
  .partner-block .multi-section-slider {
    margin: 28px 0;
    overflow: hidden;
    border-right: 1px solid #c7c7c7; }
  .partner-block .slider {
    float: left;
    width: 9999px; }
    .partner-block .slider .item {
      float: left;
      width: 20%; }
      .partner-block .slider .item:nth-child(n) {
        border-left: 1px solid #c7c7c7; }
      .partner-block .slider .item ul {
        border-bottom: 1px solid #c7c7c7; }
        .partner-block .slider .item ul:first-child {
          border-left: 1px solid #c7c7c7; }
      .partner-block .slider .item li {
        float: none;
        width: 100%;
        border: 1px solid #c7c7c7;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        height: 264px;
        display: table;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        padding: 0 15px; }
        .partner-block .slider .item li span > a img {
          max-width: 180px; }
        .partner-block .slider .item li:hover {
          box-shadow: 0px 0px 0px 3px #3db5e6 inset; }

.partner-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #1fa4d4;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 0.01em; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .partner-block .slider .item li {
    height: 200px; }
  .partner-block .multi-section-slider .slider-nav {
    bottom: 40px; } }
@media screen and (max-width: 767px) {
  .partner-block .multi-section-slider .slider-nav {
    bottom: 35px; } }
@media screen and (max-width: 480px) {
  .partner-block .multi-section-slider .slider-nav {
    bottom: 25px;
    left: 30%;
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0); }
    .partner-block .multi-section-slider .slider-nav span {
      margin-right: 5px; } }
@-moz-document url-prefix() {
  .partner-block .slider .item li span > a img {
    width: 100%; } }
.services-block {
  font-family: "Roboto Condensed", sans-serif; }
  .services-block .wrapper {
    width: 65%; }
  .services-block .content-870 h1 {
    margin: 28px 0; }
  .services-block .content-870 p {
    line-height: 28px; }
  .services-block .multi-section-slider .slider-nav {
    bottom: 55px; }
    .services-block .multi-section-slider .slider-nav .we-btn .prev,
    .services-block .multi-section-slider .slider-nav .we-btn .next {
      background: #e8e8e8;
      border-radius: 50%;
      height: 24px;
      width: 24px; }
      .services-block .multi-section-slider .slider-nav .we-btn .prev:hover,
      .services-block .multi-section-slider .slider-nav .we-btn .next:hover {
        background: #1fa4d4; }
    .services-block .multi-section-slider .slider-nav span {
      border: 1px solid #e8e8e8; }
      .services-block .multi-section-slider .slider-nav span.active {
        background: #e8e8e8; }
  .services-block .partner-text {
    max-width: 860px;
    margin: 0 auto; }
  .services-block h2 {
    font-weight: 700;
    margin: 0 0 27px 0; }
  .services-block p {
    line-height: 28px; }
  .services-block .multi-section-slider {
    margin: 28px 0;
    overflow: hidden;
    border-right: 1px solid #c7c7c7; }
  .services-block .slider {
    float: left;
    width: 9999px; }
    .services-block .slider .item {
      float: left;
      width: 33%; }
      .services-block .slider .item:nth-child(n) {
        border-left: 1px solid #c7c7c7; }
      .services-block .slider .item ul {
        border-bottom: 1px solid #c7c7c7; }
        .services-block .slider .item ul:first-child {
          border-left: 1px solid #c7c7c7; }
      .services-block .slider .item li {
        float: none;
        width: 100%;
        border: 1px solid #c7c7c7;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        height: 264px;
        display: table;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        padding: 0 15px; }
        .services-block .slider .item li span > a img {
          max-width: 180px; }
        .services-block .slider .item li:hover {
          box-shadow: 0px 0px 0px 3px #3db5e6 inset; }

.partner-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #1fa4d4;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 0.01em; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .services-block .slider .item li {
    height: 200px; }
  .services-block .multi-section-slider .slider-nav {
    bottom: 40px; } }
@media screen and (max-width: 767px) {
  .services-block .multi-section-slider .slider-nav {
    bottom: 35px; } }
@media screen and (max-width: 480px) {
  .services-block .multi-section-slider .slider-nav {
    bottom: 25px;
    left: 30%;
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0); }
    .services-block .multi-section-slider .slider-nav span {
      margin-right: 5px; } }
@-moz-document url-prefix() {
  .services-block .slider .item li span > a img {
    width: 100%; } }
/* ==========================================================================
ACF Section: 'View Section > View events, View event webcast, View on demand webcast' | events-demand-webcast.php | events-webcast.php | events.php | service-detail-block.php | hdfservices.php | hdpservices.php | hpservices.php | view-events-webcast.php | view-events.php | view-ondemand-webcast.php
========================================================================== */
.events {
  padding: 54px 0 55px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .events {
      padding: 40px 0 42px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .events {
      padding: 30px 0 32px; } }
  @media screen and (max-width: 767px) {
    .events {
      padding: 20px 0 22px; } }
  .events .v-middle-inner {
    padding: 0; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .events .event-head .img-icon {
      width: 14%; } }
  @media screen and (max-width: 767px) {
    .events .event-head .img-icon {
      width: 13%; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .events .event-head .ev-name {
      width: 48%; } }
  @media screen and (max-width: 767px) {
    .events .event-head .ev-name {
      width: 48%; } }
  @media screen and (max-width: 767px) {
    .events .event-head .ev-address {
      width: 13%; } }
  @media screen and (max-width: 767px) {
    .events .event-head .ev-time {
      width: 10%; } }
  @media screen and (max-width: 767px) {
    .events .event-head .ev-btn {
      width: 14%; } }
  .events h2 {
    margin-bottom: 32px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .events h2 {
        margin-bottom: 28px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .events h2 {
        margin-bottom: 24px; } }
    @media screen and (max-width: 767px) {
      .events h2 {
        margin-bottom: 20px; } }
  .events .title-bar {
    background: #44697d; }
    .events .title-bar p {
      font-family: "Roboto Condensed", sans-serif;
      line-height: 38px;
      font-weight: 700;
      text-transform: uppercase;
      color: white;
      padding: 7px 20px; }
  .events .event-head {
    background: #e9e7e4;
    padding: 0px 20px; }
    .events .event-head .img-icon p,
    .events .event-head .ev-name p,
    .events .event-head .ev-address p,
    .events .event-head .ev-time p {
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      line-height: 30px;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0; }
  .events .v-middle-inner .event-list {
    width: 100%;
    border-bottom: 1px solid #dad9d6;
    padding: 43px 20px 53px 20px; }
    .events .v-middle-inner .event-list:last-of-type {
      border-bottom: none;
      padding-bottom: 0; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .events .v-middle-inner .event-list {
        padding: 30px 15px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .events .v-middle-inner .event-list {
        padding: 15px; } }
    @media screen and (max-width: 767px) {
      .events .v-middle-inner .event-list {
        padding: 15px 0; } }
  @media screen and (max-width: 767px) {
    .events .v-middle {
      display: block; } }
  .events .v-middle.img-icon {
    width: 15%;
    float: left;
    text-align: left;
    padding-right: 20px; }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .events .v-middle.img-icon img {
        max-height: 80px; } }
    @media screen and (max-width: 767px) {
      .events .v-middle.img-icon {
        width: 100%;
        padding-right: 0;
        float: none; } }
  .events .ev-name.web-name {
    width: 62%; }
    @media screen and (max-width: 767px) {
      .events .ev-name.web-name {
        width: 100%; } }
  .events .ev-name {
    width: 51.4%;
    text-align: left;
    padding-right: 20px;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .events .ev-name {
        width: 100%;
        padding-right: 0; } }
    .events .ev-name h5 {
      font-family: "Roboto Condensed", sans-serif;
      line-height: 26px;
      font-weight: 700;
      padding: 2px 0 0; }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .events .ev-name h5 {
          line-height: 26px;
          font-size: 18px; } }
      @media screen and (max-width: 767px) {
        .events .ev-name h5 {
          font-size: 16px;
          line-height: 24px; } }
    .events .ev-name p {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      margin-bottom: 9px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .events .ev-name p {
          font-size: 15px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .events .ev-name p {
          font-size: 14px;
          line-height: 20px; } }
      @media screen and (max-width: 767px) {
        .events .ev-name p {
          font-size: 14px;
          line-height: 18px; } }
    .events .ev-name .learn-more {
      font-weight: 700; }
  .events .ev-address {
    width: 11.8%;
    padding: 0 20px;
    position: relative; }
    @media screen and (max-width: 1399px) {
      .events .ev-address {
        vertical-align: top; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .events .ev-address {
        padding-right: 10px; } }
    @media screen and (max-width: 767px) {
      .events .ev-address {
        width: 100%;
        text-align: left;
        padding: 10px 0 0; } }
    @media screen and (max-width: 480px) {
      .events .ev-address {
        text-align: center; } }
    .events .ev-address:before {
      content: "LOCATION:";
      font-size: 14px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .events .ev-address:before {
          content: " "; } }
    .events .ev-address p {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: 700;
      text-transform: capitalize; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .events .ev-address p {
          font-size: 15px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .events .ev-address p {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .events .ev-address p {
          font-size: 14px; } }
  .events .ev-time {
    width: 7%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      .events .ev-time {
        width: 84px;
        margin: 10px 0 0;
        text-align: left; } }
    @media screen and (max-width: 480px) {
      .events .ev-time {
        margin: 10px auto 0;
        text-align: center; } }
    .events .ev-time .date-time-inner {
      background: #e8e8e8;
      padding: 17px 11px 26px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .events .ev-time .date-time-inner {
          padding: 18px 0; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .events .ev-time .date-time-inner {
          padding: 10px 0; } }
      @media screen and (max-width: 767px) {
        .events .ev-time .date-time-inner {
          padding: 10px 0;
          text-align: center;
          margin-top: 3px; } }
      @media screen and (max-width: 480px) {
        .events .ev-time .date-time-inner {
          text-align: center; } }
    .events .ev-time .month {
      font-size: 16px;
      text-transform: uppercase;
      font-family: "Roboto Condensed", sans-serif; }
    .events .ev-time .date {
      font-size: 30px;
      line-height: 32px;
      font-family: "Roboto Condensed", sans-serif; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .events .ev-time .date {
          font-size: 26px;
          line-height: 28px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .events .ev-time .date {
          font-size: 22px;
          line-height: 24px;
          padding-top: 5px; } }
      @media screen and (max-width: 768px) {
        .events .ev-time .date {
          font-size: 20px;
          padding-top: 5px;
          line-height: 22px; } }
    .events .ev-time:before {
      content: "DATE:";
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        .events .ev-time:before {
          content: " "; } }
  .events .ev-btn {
    width: 11.8%;
    text-align: right;
    padding-left: 20px;
    vertical-align: top; }
    .events .ev-btn .button-default, .events .ev-btn .button-white, .events .ev-btn .button-green, .events .ev-btn .button-orange {
      font-family: "Roboto", sans-serif;
      margin: 0;
      /*padding: 8px 13px 8px 12px */ }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .events .ev-btn .button-default, .events .ev-btn .button-white, .events .ev-btn .button-green, .events .ev-btn .button-orange {
          padding: 10px; } }
      @media screen and (max-width: 767px) {
        .events .ev-btn .button-default, .events .ev-btn .button-white, .events .ev-btn .button-green, .events .ev-btn .button-orange {
          padding: 10px; } }
    @media screen and (max-width: 767px) {
      .events .ev-btn {
        width: 100%;
        text-align: left;
        padding: 10px 0; } }
    @media screen and (max-width: 480px) {
      .events .ev-btn {
        text-align: center; } }
  .events .event-list .demand-name {
    width: 43.54%; }
    @media screen and (max-width: 767px) {
      .events .event-list .demand-name {
        width: 100%;
        display: block;
        padding: 0; } }

@media screen and (max-width: 767px) {
  .ondemand.events .ev-btn,
  .ondemand.events .v-middle-inner {
    width: 100%;
    text-align: center;
    display: block; } }

/* firefix specific css	*/
@-moz-document url-prefix() {
  .events .event-list .img-icon img {
    width: 100%; } }
@media screen\0 {
  .events .v-middle.img-icon img {
    width: 100%; } }
#horton-webcast-slider {
  overflow: hidden; }

/* ==========================================================================
ACF Section: 'View Section > View event slider' | webinar-slider.php | view-event-slider.php
========================================================================== */
#webinar-slider {
  height: 350px; }
  #webinar-slider .item {
    height: 360px; }
    #webinar-slider .item .black-overlay {
      background: rgba(0, 0, 0, 0.3); }
  #webinar-slider h1,
  #webinar-slider h3 {
    color: white;
    text-transform: uppercase;
    font-weight: 700; }
  #webinar-slider h1 {
    font-size: 50px;
    line-height: 50px;
    padding: 18px 15px 0; }
  #webinar-slider h3 {
    display: inline-block;
    font-size: 20px;
    line-height: 15px;
    padding-bottom: 3px; }
    #webinar-slider h3:first-child {
      border-right: 2px solid white;
      padding-right: 27px;
      margin-right: 27px; }
  #webinar-slider .links {
    font-size: 0;
    padding-bottom: 41px; }
    #webinar-slider .links a:first-child {
      margin-right: 8px; }
  #webinar-slider .button-default, #webinar-slider .button-white, #webinar-slider .button-green, #webinar-slider .button-orange {
    float: none; }
  #webinar-slider div.event-logo {
    float: left;
    max-width: 194px; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #webinar-slider h3 {
    font-size: 18px;
    line-height: 15px;
    padding-bottom: 0px; }
    #webinar-slider h3:first-child {
      padding-right: 15px;
      margin-right: 15px; }
  #webinar-slider h1 {
    font-size: 40px;
    padding: 3px 15px 0; }
  #webinar-slider .links a {
    margin-top: 11px; } }
@media screen and (max-width: 767px) {
  #webinar-slider h3 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0px;
    width: 100%; }
    #webinar-slider h3:first-child {
      padding-right: 0px;
      margin-right: 0px;
      border: none; }
  #webinar-slider h1 {
    font-size: 30px;
    line-height: 37px;
    padding: 3px 15px 0; }
  #webinar-slider .links a {
    margin-top: 11px; }
  #webinar-slider div.event-logo {
    display: none; } }
/* ==========================================================================
ACF Section: 'View Section > View news slider' | press-release-slider.php | view-news-slider.php
========================================================================== */
#press-release-slider {
  height: 499px; }
  #press-release-slider .item {
    height: 499px; }
  #press-release-slider h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    padding-bottom: 3px; }
  #press-release-slider .item-content {
    display: block;
    width: 960px;
    margin: 0 auto; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #press-release-slider {
    height: 400px; }
    #press-release-slider .item {
      height: 400px; }
    #press-release-slider h1 {
      font-size: 40px;
      line-height: 49px; }
    #press-release-slider .item-content {
      width: 100%;
      padding: 0 20px; } }
@media screen and (max-width: 767px) {
  #press-release-slider {
    height: 350px; }
    #press-release-slider .item {
      height: 350px; }
    #press-release-slider h1 {
      font-size: 30px;
      line-height: 37px; }
    #press-release-slider .item-content {
      width: 100%;
      padding: 0 20px; } }
/* ==========================================================================
ACF Section: 'View Section > View social links' | social-media.php | view-social-links.php
========================================================================== */
.social-media .social-bg-img {
  position: relative;
  background-size: cover;
  z-index: 0; }
  .social-media .social-bg-img img {
    max-width: initial; }
.social-media .social-bg-img img {
  opacity: 0; }
.social-media .social-bg-img:before {
  content: " ";
  display: block;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }
.social-media .tweeter-tweet {
  width: 100%;
  border: 1px solid #c7c7c7;
  padding: 19px 20px 24px 20px;
  float: left;
  margin-top: 51px;
  margin-bottom: 10px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .social-media .tweeter-tweet {
      margin-top: 40px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .social-media .tweeter-tweet {
      margin-top: 25px; } }
  @media screen and (max-width: 479px) {
    .social-media .tweeter-tweet {
      margin-top: 15px; } }
  .social-media .tweeter-tweet .tweet-img {
    display: block;
    float: left; }
    .social-media .tweeter-tweet .tweet-img img {
      display: block; }
  .social-media .tweeter-tweet .tweet-text {
    display: block;
    float: left;
    padding: 0 0 0 20px;
    text-align: left;
    width: 95%; }
    @media screen and (max-width: 1023px) and (min-width: 480px) {
      .social-media .tweeter-tweet .tweet-text {
        width: 90%;
        padding: 0 0 0 10px; } }
    @media screen and (max-width: 479px) {
      .social-media .tweeter-tweet .tweet-text {
        padding: 0; } }
    .social-media .tweeter-tweet .tweet-text .sky-blue {
      font-weight: 700;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      line-height: 24px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .social-media .tweeter-tweet .tweet-text .sky-blue {
          font-size: 18px;
          line-height: 22px; } }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        .social-media .tweeter-tweet .tweet-text .sky-blue {
          font-size: 16px;
          line-height: 20px; } }
      @media screen and (max-width: 479px) {
        .social-media .tweeter-tweet .tweet-text .sky-blue {
          font-size: 14px;
          line-height: 18px; } }
      .social-media .tweeter-tweet .tweet-text .sky-blue a {
        color: #3bb7da;
        border-bottom: 1px solid #3bb7da; }
.social-media .social-posts {
  float: left;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7; }
  .social-media .social-posts .fb-box {
    background-color: #385591; }
  .social-media .social-posts .in-box {
    background-color: #0074b0; }
  .social-media .social-posts .fb-box,
  .social-media .social-posts .in-box {
    height: 333px;
    padding: 21px 26px 29px;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7; }
  .social-media .social-posts .fb-box .text-container,
  .social-media .social-posts .in-box .text-container,
  .social-media .social-posts .post-text .text-container {
    padding-top: 23px; }
    .social-media .social-posts .fb-box .text-container p,
    .social-media .social-posts .in-box .text-container p,
    .social-media .social-posts .post-text .text-container p {
      color: white;
      font-weight: 700;
      line-height: 23px; }
    .social-media .social-posts .fb-box .text-container h5,
    .social-media .social-posts .in-box .text-container h5,
    .social-media .social-posts .post-text .text-container h5 {
      color: white;
      line-height: 25px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .social-media .social-posts .fb-box .text-container h5,
        .social-media .social-posts .in-box .text-container h5,
        .social-media .social-posts .post-text .text-container h5 {
          line-height: 20px; } }
      @media screen and (max-width: 767px) and (min-width: 667px) {
        .social-media .social-posts .fb-box .text-container h5,
        .social-media .social-posts .in-box .text-container h5,
        .social-media .social-posts .post-text .text-container h5 {
          line-height: 18px; } }
      @media screen and (max-width: 666px) {
        .social-media .social-posts .fb-box .text-container h5,
        .social-media .social-posts .in-box .text-container h5,
        .social-media .social-posts .post-text .text-container h5 {
          line-height: 18px; } }
    .social-media .social-posts .fb-box .text-container .post-date,
    .social-media .social-posts .in-box .text-container .post-date,
    .social-media .social-posts .post-text .text-container .post-date {
      font-size: 14px;
      line-height: 23px;
      margin-bottom: 22px; }
    .social-media .social-posts .fb-box .text-container .underline,
    .social-media .social-posts .in-box .text-container .underline,
    .social-media .social-posts .post-text .text-container .underline {
      font-family: "Roboto Condensed", sans-serif; }
      .social-media .social-posts .fb-box .text-container .underline a,
      .social-media .social-posts .in-box .text-container .underline a,
      .social-media .social-posts .post-text .text-container .underline a {
        border-bottom: 1px solid white; }
  .social-media .social-posts .fb-box .learn-more,
  .social-media .social-posts .in-box .learn-more,
  .social-media .social-posts .post-text .learn-more {
    position: absolute;
    bottom: 29px; }
  @media screen and (max-width: 666px) {
    .social-media .social-posts .fb-box .learn-more.video-link,
    .social-media .social-posts .in-box .learn-more.video-link,
    .social-media .social-posts .post-text .learn-more.video-link {
      bottom: -11px; } }
  .social-media .social-posts a {
    color: white; }
  .social-media .social-posts .learn-more:before {
    background: white; }
  .social-media .social-posts .learn-more:after {
    background: url(../images/more-arrow-wht.png) no-repeat; }
  .social-media .social-posts .youtube-box {
    height: 333px;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    background-color: #cd201f;
    background-image: -webkit-linear-gradient(to right, #cd201f, #ae1b1a);
    background-image: -moz-linear-gradient(to right, #cd201f, #ae1b1a);
    background-image: -ms-linear-gradient(to right, #cd201f, #ae1b1a);
    background-image: -o-linear-gradient(to right, #cd201f, #ae1b1a);
    background-image: linear-gradient(to right, #cd201f, #ae1b1a); }
    @media screen and (max-width: 666px) {
      .social-media .social-posts .youtube-box {
        height: auto;
        padding-bottom: 30px; } }
    .social-media .social-posts .youtube-box .col-two {
      padding: 19px; }
      @media screen and (max-width: 479px) {
        .social-media .social-posts .youtube-box .col-two {
          padding: 10px; } }
    .social-media .social-posts .youtube-box .post-text {
      padding-left: 29px; }
      @media screen and (max-width: 479px) {
        .social-media .social-posts .youtube-box .post-text {
          padding-left: 15px; } }

/* ==========================================================================
ACF Section: 'View Section > View press release' | filter-press-release.php | view-press-release.php
========================================================================== */
.filter-press-release .filter-tab .tabsets {
  width: 76%; }
.filter-press-release .filter-tab .sort-by {
  width: 24%; }
.filter-press-release .filter-container {
  padding-top: 30px; }
  .filter-press-release .filter-container:after {
    display: block;
    content: "";
    clear: both; }
.filter-press-release .filter-elements {
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7; }
  .filter-press-release .filter-elements .item {
    height: 384px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7; }
    .filter-press-release .filter-elements .item bg-img img {
      width: 100%;
      height: auto; }
    .filter-press-release .filter-elements .item .feature-bg {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center; }
    .filter-press-release .filter-elements .item .v-middle-inner {
      text-align: left; }
    .filter-press-release .filter-elements .item .item-content {
      padding-right: 20px;
      padding-left: 20px;
      vertical-align: bottom; }
      @media screen and (max-width: 479px) {
        .filter-press-release .filter-elements .item .item-content {
          padding-left: 0; } }
      .filter-press-release .filter-elements .item .item-content .item-caption {
        background-color: #3bb7da;
        float: left;
        padding: 4px 10px;
        position: absolute;
        top: 0; }
        .filter-press-release .filter-elements .item .item-content .item-caption h6 {
          font-size: 14px;
          line-height: 22px;
          text-transform: uppercase;
          color: white; }
      .filter-press-release .filter-elements .item .item-content .text-container {
        float: left;
        width: 100%;
        margin-bottom: 63px; }
        .filter-press-release .filter-elements .item .item-content .text-container .news-date {
          font-weight: 700;
          font-size: 18px; }
        .filter-press-release .filter-elements .item .item-content .text-container h5 {
          color: #404041;
          font-size: 22px;
          line-height: normal;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: 700;
          margin-top: 28px; }
          @media screen and (max-width: 1023px) and (min-width: 768px) {
            .filter-press-release .filter-elements .item .item-content .text-container h5 {
              font-size: 20px;
              line-height: 22px; } }
          @media screen and (max-width: 767px) and (min-width: 480px) {
            .filter-press-release .filter-elements .item .item-content .text-container h5 {
              font-size: 18px;
              line-height: 20px; } }
          @media screen and (max-width: 479px) {
            .filter-press-release .filter-elements .item .item-content .text-container h5 {
              font-size: 16px;
              line-height: 18px; } }
      .filter-press-release .filter-elements .item .item-content .learn-more {
        position: absolute;
        bottom: 28px;
        left: 20px;
        font-size: 16px; }
        @media screen and (max-width: 767px) and (min-width: 480px) {
          .filter-press-release .filter-elements .item .item-content .learn-more {
            font-size: 14px; } }
        @media screen and (max-width: 479px) {
          .filter-press-release .filter-elements .item .item-content .learn-more {
            font-size: 14px; } }
      .filter-press-release .filter-elements .item .item-content.black-overlay {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); }
        .filter-press-release .filter-elements .item .item-content.black-overlay .news-date,
        .filter-press-release .filter-elements .item .item-content.black-overlay h5 {
          color: white; }
    .filter-press-release .filter-elements .item.col-seven .v-middle-wrapper {
      left: initial;
      right: 0;
      width: 50%; }
    .filter-press-release .filter-elements .item.col-seven .black-overlay {
      width: 100%; }
.filter-press-release .filter-sidebar {
  background-image: url("../images/gradient.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 768px;
  float: right;
  overflow: auto;
  border-top: 1px solid #c7c7c7;
  text-transform: uppercase;
  box-sizing: content-box; }
  .filter-press-release .filter-sidebar h6 {
    color: white;
    font-size: 20px;
    line-height: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    padding-bottom: 39px; }
  .filter-press-release .filter-sidebar .filter-sidebar-padding {
    padding: 43px 10px 10px 30px; }
  .filter-press-release .filter-sidebar ol {
    list-style-type: decimal;
    padding-right: 20px;
    padding-left: 17px; }
    .filter-press-release .filter-sidebar ol li {
      position: relative;
      margin-bottom: 56px;
      list-style-type: none;
      counter-increment: list;
      padding-left: 10px; }
      .filter-press-release .filter-sidebar ol li .sidebar-links {
        position: relative;
        display: inline-block;
        color: white;
        font-size: 16px;
        font-weight: 700;
        line-height: 17px;
        padding-left: 15px; }
        .filter-press-release .filter-sidebar ol li .sidebar-links:before {
          content: "";
          width: 2px;
          height: calc(100% - 8px);
          background: white;
          position: absolute;
          top: 5px;
          left: 0; }
        .filter-press-release .filter-sidebar ol li .sidebar-links span {
          display: inline-block;
          background: url(../images/more-arrow-wht.png) no-repeat;
          width: 6px;
          height: 10px;
          margin-left: 9px;
          margin-right: -9px; }
      .filter-press-release .filter-sidebar ol li:after {
        content: "";
        opacity: 0;
        background: white;
        width: calc(100% - 26px);
        height: 2px;
        position: absolute;
        right: 0px;
        bottom: -15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .filter-press-release .filter-sidebar ol li:before {
        content: counter(list) "";
        position: absolute;
        left: -18px;
        top: 4px;
        text-align: right;
        color: white;
        font-size: 16px;
        font-weight: 700; }
      .filter-press-release .filter-sidebar ol li:hover:after {
        opacity: 1;
        bottom: -9px; }
      .filter-press-release .filter-sidebar ol li:last-child {
        margin-bottom: 0; }
.filter-press-release .button-default, .filter-press-release .button-white, .filter-press-release .button-green, .filter-press-release .button-orange {
  margin-top: 60px; }
.filter-press-release .isotope-filter .select-list p {
  line-height: 16px; }
.filter-press-release .isotope-filter .select-list .options li p {
  line-height: 18px; }

@media screen and (max-width: 1279px) {
  .filter-press-release .filter-tab .tabsets {
    width: 100%; } }
@media screen and (max-width: 1023px) {
  .filter-press-release .filter-sidebar h4 {
    font-size: 18px;
    padding-bottom: 15px; }
  .filter-press-release .filter-sidebar ol {
    padding: 0 7px; }
    .filter-press-release .filter-sidebar ol li {
      margin-bottom: 20px;
      padding-left: 0; }
      .filter-press-release .filter-sidebar ol li:before {
        font-size: 14px;
        left: -13px; }
      .filter-press-release .filter-sidebar ol li:after {
        width: calc(100% - 12px); }
      .filter-press-release .filter-sidebar ol li .sidebar-links {
        font-size: 14px;
        padding-left: 13px; }
  .filter-press-release .filter-elements .col-three {
    width: 50%; }
  .filter-press-release .filter-elements .col-seven {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .filter-press-release .filter-sidebar {
    float: none;
    width: 100%;
    height: auto !important;
    padding-bottom: 40px;
    overflow: visible; }
    .filter-press-release .filter-sidebar h4 {
      font-size: 16px;
      padding-bottom: 15px; }
    .filter-press-release .filter-sidebar ol {
      padding: 0 20px 10px; }
      .filter-press-release .filter-sidebar ol li:before {
        left: -20px;
        top: 2px; }
      .filter-press-release .filter-sidebar ol li .sidebar-links {
        padding-left: 20px; }
  .filter-press-release .col-eight {
    width: 100%; }
  .filter-press-release .filter-elements .col-three {
    width: 50%; }
  .filter-press-release .filter-elements .col-seven {
    width: 100%; }
  .filter-press-release .filter-elements .item {
    height: 270px; }
    .filter-press-release .filter-elements .item .item-content .learn-more {
      bottom: 20px; }
    .filter-press-release .filter-elements .item .item-content .text-container {
      margin-top: 30px; }
      .filter-press-release .filter-elements .item .item-content .text-container p {
        margin-top: 20px;
        font-size: 18px; }
  .filter-press-release .button-default, .filter-press-release .button-white, .filter-press-release .button-green, .filter-press-release .button-orange {
    margin-top: 30px; } }
@media screen and (max-width: 480px) {
  .filter-press-release .col-eight {
    width: 100%; }
  .filter-press-release .filter-elements .col-three {
    width: 100%; }
  .filter-press-release .filter-elements .item {
    width: 100%;
    height: 220px; }
    .filter-press-release .filter-elements .item.col-seven .black-overlay {
      width: 100%; }
    .filter-press-release .filter-elements .item .item-content .text-container p {
      font-size: 16px; } }
/* ==========================================================================
ACF Section: 'View Section > View featured customers' | grid-customers.php | view-featured-customers.php
========================================================================== */
.grid-customers .grid li .tab-logo {
  width: 100%;
  margin: auto;
  cursor: pointer;
  height: auto; }
  .grid-customers .grid li .tab-logo > span {
    vertical-align: middle; }
  .grid-customers .grid li .tab-logo img {
    width: auto;
    height: auto; }
    @media screen and (max-width: 1399px) and (min-width: 1024px) {
      .grid-customers .grid li .tab-logo img {
        max-height: 210px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .grid-customers .grid li .tab-logo img {
        max-height: 150px; } }
    @media screen and (max-width: 767px) and (min-width: 320px) {
      .grid-customers .grid li .tab-logo img {
        max-height: 124px; } }
.grid-customers .grid li .tabs-content {
  margin-top: -2px; }
  .grid-customers .grid li .tabs-content .tab-text h3 {
    margin-bottom: 12px;
    text-transform: capitalize; }
  .grid-customers .grid li .tabs-content .sub-tab-content {
    border: none;
    background: transparent; }
    .grid-customers .grid li .tabs-content .sub-tab-content h3 {
      margin-bottom: 17px;
      text-align: left;
      text-transform: capitalize; }
    .grid-customers .grid li .tabs-content .sub-tab-content .feature-bg {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center; }
.grid-customers .grid li .logo-container {
  position: relative;
  width: 100%;
  height: 265px;
  cursor: pointer; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .grid-customers .grid li .logo-container {
      height: 200px; } }
  @media screen and (max-width: 767px) {
    .grid-customers .grid li .logo-container {
      height: 150px; } }
  .grid-customers .grid li .logo-container .learn-more {
    display: inline;
    font-size: 28px;
    line-height: 38px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700; }
    .grid-customers .grid li .logo-container .learn-more:after {
      background: url("../images/arrow-large.png");
      width: 12px;
      height: 21px;
      top: 10px;
      right: -18px; }
    .grid-customers .grid li .logo-container .learn-more p {
      font-size: 24px;
      line-height: 30px;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 300;
      color: #606060;
      padding-top: 12px;
      padding-bottom: 5px; }
.grid-customers .select-list-ui {
  width: 252px;
  margin: 0 auto;
  margin-top: 14px;
  margin-bottom: 21px;
  background-color: #e8e8e8; }
  .grid-customers .select-list-ui .options {
    width: 252px; }
  .grid-customers .select-list-ui .selectboxit-container span {
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    color: #3e3e3e;
    background: #e8e8e8;
    border: 1px solid transparent;
    height: auto;
    padding-top: 1px; }
    .grid-customers .select-list-ui .selectboxit-container span .selectboxit-default-arrow {
      top: 16px; }
  .grid-customers .select-list-ui .selectboxit-options {
    background: #e8e8e8;
    border: 1px solid transparent; }
    .grid-customers .select-list-ui .selectboxit-options a {
      padding: 10px 18px;
      color: #404041;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 14px; }
      .grid-customers .select-list-ui .selectboxit-options a:hover {
        background-color: #cccccc; }
  .grid-customers .select-list-ui .selectboxit-option-icon-container {
    display: none; }

.customer-search {
  position: absolute;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
  pointer-events: none; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .customer-search {
      max-width: 80px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .customer-search {
      max-width: 50px; } }

.grid-customers .sub-tab-content .resources-default .bg-img img {
  width: 100% !important;
  height: auto !important; }

.tabs-content .resources-default {
  margin: 0; }

@media screen and (min-width: 667px) and (max-width: 767px) {
  .tabs-content .resources-default {
    width: 50%; } }
/* firefix specific css  */
@-moz-document url-prefix() {
  .grid-content .tabs-list li.current:before {
    bottom: 0; }
  .grid-content .tabs-list li.current:after {
    bottom: -1px; } }
/* ==========================================================================
ACF Section: 'View Section > View Services' | services.php | view-services.php
========================================================================== */
.service-support h2 {
  margin-bottom: 30px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .service-support h2 {
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .service-support h2 {
      margin-bottom: 20px; } }
  @media screen and (max-width: 666px) {
    .service-support h2 {
      margin-bottom: 15px; } }
.service-support p {
  font-size: 40px;
  line-height: 78px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 100;
  display: inline-block; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .service-support p {
      font-size: 36px;
      line-height: 74px; } }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .service-support p {
      font-size: 34px;
      line-height: 72px; } }
  @media screen and (max-width: 666px) and (min-width: 480px) {
    .service-support p {
      font-size: 30px;
      line-height: 70px; } }
  @media screen and (max-width: 479px) {
    .service-support p {
      font-size: 28px;
      line-height: 66px; } }
.service-support .select-box {
  display: inline-block;
  vertical-align: top; }
.service-support .select-list {
  width: 305px;
  height: 78px;
  padding: 0 0 0 15px; }
  .service-support .select-list:hover {
    background: none;
    cursor: pointer; }
  .service-support .select-list .selected:after {
    background-image: none; }
  .service-support .select-list .selected p:first-of-type {
    text-transform: none;
    color: #3db5e6;
    background: url(../images/dot.png) repeat-x;
    background-position: 100% 100%;
    position: relative;
    font-weight: normal;
    padding-right: 25px;
    line-height: 65px; }
  .service-support .select-list .selected p:after {
    content: "";
    background: url(../images/more-icon.png) no-repeat;
    width: 16px;
    height: 10px;
    position: absolute;
    top: 34px;
    right: 0; }
  .service-support .select-list .options {
    top: 65px;
    background: white;
    width: 285px;
    border: 1px solid #dad9d6;
    border-top: none; }
    .service-support .select-list .options p {
      line-height: 34px; }

/* ==========================================================================
ACF Section: 'View Section > View HDP projects, View HDF projects, View MDA projects' | developer-hadoop.php | view-hdp-projects.php | view-hdf-projects.php | view-mda-projects.php
========================================================================== */
.hdf-hadoop .content-870 p,
.hdp-hadoop .content-870 p {
  line-height: 28px;
  margin: 5px 0 53px; }
.hdf-hadoop .filter-container,
.hdp-hadoop .filter-container {
  padding-top: 60px; }
.hdf-hadoop .filter-elements,
.hdp-hadoop .filter-elements {
  border-bottom: none; }
  .hdf-hadoop .filter-elements .item,
  .hdp-hadoop .filter-elements .item {
    height: auto;
    border-top: none;
    text-align: center;
    border-right: 1px solid #c7c7c7; }
    .hdf-hadoop .filter-elements .item .item-content,
    .hdp-hadoop .filter-elements .item .item-content {
      padding: 0;
      margin: 0 40px;
      border-bottom: 1px solid #c7c7c7; }
      .hdf-hadoop .filter-elements .item .item-content .text-container,
      .hdp-hadoop .filter-elements .item .item-content .text-container {
        margin-top: 0; }
        .hdf-hadoop .filter-elements .item .item-content .text-container h5,
        .hdp-hadoop .filter-elements .item .item-content .text-container h5 {
          color: #3fae2a;
          font-family: "Roboto Condensed", sans-serif;
          text-transform: uppercase; }
        .hdf-hadoop .filter-elements .item .item-content .text-container p,
        .hdp-hadoop .filter-elements .item .item-content .text-container p {
          line-height: 28px;
          font-weight: normal;
          margin-top: 4px; }
      .hdf-hadoop .filter-elements .item .item-content .img-container,
      .hdp-hadoop .filter-elements .item .item-content .img-container {
        display: table;
        height: 137px;
        width: 100%;
        vertical-align: middle; }
        .hdf-hadoop .filter-elements .item .item-content .img-container .hdp-img,
        .hdp-hadoop .filter-elements .item .item-content .img-container .hdp-img {
          display: table-cell;
          vertical-align: middle; }
      .hdf-hadoop .filter-elements .item .item-content .learn-more,
      .hdp-hadoop .filter-elements .item .item-content .learn-more {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 20px 0; }

.hdp-hadoop .tab-filter .filter-tab .tabsets ul li {
  width: 16.6%; }

.hdf-hadoop .tab-filter .filter-tab .tabsets ul li {
  width: 25%; }

@media screen and (max-width: 1023px) {
  .hdf-hadoop .filter-elements .item .item-content,
  .hdp-hadoop .filter-elements .item .item-content {
    height: auto;
    padding-bottom: 15px;
    margin: 0 20px; }
    .hdf-hadoop .filter-elements .item .item-content .text-container p,
    .hdp-hadoop .filter-elements .item .item-content .text-container p {
      line-height: 26px; } }
@media screen and (max-width: 767px) {
  .hdf-hadoop .filter-elements .item,
  .hdp-hadoop .filter-elements .item {
    width: 50%; }
    .hdf-hadoop .filter-elements .item .item-content .learn-more,
    .hdp-hadoop .filter-elements .item .item-content .learn-more {
      margin-top: 10px; }

  .hdp-hadoop .tab-filter .filter-tab .tabsets {
    float: none;
    margin: 0 auto; }

  .hdf-hadoop .tab-filter .filter-tab .tabsets {
    float: none;
    margin: 0 auto; } }
@media screen and (max-width: 480px) {
  .hdf-hadoop .filter-elements .item,
  .hdp-hadoop .filter-elements .item {
    width: 100%; } }
/* ==========================================================================
ACF Section: 'Slate grey block' | slate-grey-block.php
========================================================================== */
.slate-grey-block {
  background: #44697d;
  color: white;
  padding: 91px 0 99px;
  /* Used on Product page only June 2016 */ }
  @media screen and (max-width: 767px) {
    .slate-grey-block .col-two {
      width: 100%;
      text-align: center; } }
  .slate-grey-block .col-two:first-of-type {
    padding-right: 42px; }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .slate-grey-block .col-two:first-of-type {
        padding-right: 20px; } }
    @media screen and (max-width: 767px) {
      .slate-grey-block .col-two:first-of-type {
        padding: 0; } }
  .slate-grey-block .col-two:last-of-type {
    padding-left: 42px;
    padding-top: 5px; }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .slate-grey-block .col-two:last-of-type {
        padding-left: 20px; } }
    @media screen and (max-width: 767px) {
      .slate-grey-block .col-two:last-of-type {
        padding: 0;
        padding-top: 20px; } }
  .slate-grey-block h1 {
    line-height: 70px;
    font-weight: 700; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .slate-grey-block h1 {
        line-height: 62px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .slate-grey-block h1 {
        line-height: 50px; } }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .slate-grey-block h1 {
        line-height: 46px; } }
    @media screen and (max-width: 480px) {
      .slate-grey-block h1 {
        line-height: 32px; } }
  .slate-grey-block h5 {
    line-height: 38px;
    font-weight: 400; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .slate-grey-block h5 {
        line-height: 32px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .slate-grey-block h5 {
        line-height: 32px; } }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .slate-grey-block h5 {
        line-height: 28px; } }
    @media screen and (max-width: 480px) {
      .slate-grey-block h5 {
        line-height: 24px; } }
  .slate-grey-block p {
    text-transform: initial;
    font-weight: 400;
    max-width: 725px;
    margin: 25px auto;
    font-size: 16px; }

/* ==========================================================================
ACF Section: 'Banner Second Level' | developer-hadoop.php | developer-top-banner.php | industry-top-banner.php | landing-top-banner.php | partner-top-banner.php | product-top-banner.php | section_template_part/banner-second-level.php | services-detail.php | services.php | solution-top-banner.php | static_template_part/downloads.php | static_template_part/landing-top-banner.php | static_template_part/solution-second-banner.php | training-top-banner.php
========================================================================== */
.hero-second-level h1 {
  color: white;
  line-height: 56px; }
  @media screen and (max-width: 767px) {
    .hero-second-level h1 {
      line-height: inherit; } }
.hero-second-level h2 {
  color: #FFFFFF;
  font-weight: 300; }
.hero-second-level h6 {
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase; }
.hero-second-level .v-middle-wrapper {
  background: rgba(0, 0, 0, 0.3); }
  .hero-second-level .v-middle-wrapper .v-middle-inner {
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto; }
    .hero-second-level .v-middle-wrapper .v-middle-inner .v-middle img {
      max-height: 265px; }
.hero-second-level .bg-img {
  max-height: 344px;
  overflow: hidden; }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .hero-second-level .bg-img {
      max-height: 280px; } }
  .hero-second-level .bg-img img {
    width: 100%;
    position: relative; }
.hero-second-level a.play-video {
  display: inline-block;
  position: relative;
  color: white;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 65px;
  margin-top: 47px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .hero-second-level a.play-video:hover {
    color: #1fa4d4; }
  .hero-second-level a.play-video .video-btn {
    display: inline-block;
    margin: 0 7px; }
.hero-second-level .bnr-img-top {
  position: absolute;
  width: 100%;
  margin-top: 10px; }
  .hero-second-level .bnr-img-top img {
    display: block;
    margin: 0 auto;
    position: relative;
    margin-top: 35px; }
  @media screen and (max-width: 768px) {
    .hero-second-level .bnr-img-top img {
      display: none; } }
.hero-second-level .banner-logo {
  max-width: 265px;
  width: 31%; }
  .hero-second-level .banner-logo img {
    float: right; }
.hero-second-level .banner-text {
  text-align: left;
  padding-left: 60px; }
  .hero-second-level .banner-text .button-default, .hero-second-level .banner-text .button-white, .hero-second-level .banner-text .button-green, .hero-second-level .banner-text .button-orange {
    margin-right: 10px; }
.hero-second-level .btn-center {
  text-align: center; }
.hero-second-level .top-logo-button-compensate {
  margin-top: 62px; }
  @media screen and (max-width: 768px) {
    .hero-second-level .top-logo-button-compensate {
      margin-top: 0; } }

.hero-second-level.normal-page-slider .bg-img {
  height: 363px;
  max-height: none; }

.hero-second-level.normal-page-slider .bg-img img {
  height: 470px;
  max-height: none; }

@media screen and (min-width: 667px) and (max-width: 767px) {
  .hero-second-level .banner-text {
    padding-left: 45px; } }
@media screen and (max-width: 1024px) {
  .hero-second-level .button-default, .hero-second-level .button-white, .hero-second-level .button-green, .hero-second-level .button-orange {
    margin-top: 15px; }
  .hero-second-level h1 {
    line-height: 44px; } }
@media screen and (max-width: 666px) {
  .hero-second-level .banner-logo {
    display: none; }
  .hero-second-level .banner-text {
    text-align: center;
    padding: 0; } }
@media screen and (max-width: 480px) {
  .hero-second-level .banner-text .button-default, .hero-second-level .banner-text .button-white, .hero-second-level .banner-text .button-green, .hero-second-level .banner-text .button-orange {
    margin-right: 0; } }
/* ==========================================================================
ACF Section: 'Slider Hero' | hero-slider.php | slider-hero.php
========================================================================== */
.home-page-slider {
  min-height: 363px;
  max-height: 495px; }

.home-page-slider.normal-page-slider {
  height: 300px; }

.hero-slider {
  position: relative;
  height: 100% !important;
  width: 100%;
  overflow: hidden; }
  .hero-slider:hover .prev,
  .hero-slider:hover .next {
    opacity: 1 !important; }
  .hero-slider h3 {
    font-weight: 300;
    line-height: 34px;
    color: white;
    text-align: left; }
  .hero-slider .button-default, .hero-slider .button-white, .hero-slider .button-green, .hero-slider .button-orange {
    float: left; }
    .hero-slider .button-default.no-float, .hero-slider .no-float.button-white, .hero-slider .no-float.button-green, .hero-slider .no-float.button-orange {
      float: none; }
    .hero-slider .button-default.hero-link-2, .hero-slider .hero-link-2.button-white, .hero-slider .hero-link-2.button-green, .hero-slider .hero-link-2.button-orange {
      margin-left: 10px; }
  .hero-slider .slide-text-center .button-default, .hero-slider .slide-text-center .button-white, .hero-slider .slide-text-center .button-green, .hero-slider .slide-text-center .button-orange {
    float: none; }
  .hero-slider .item-wrapper {
    float: left;
    position: relative;
    width: 9999px;
    height: 100%;
    margin-left: 0; }
    .hero-slider .item-wrapper:after {
      display: block;
      content: "";
      clear: both; }
    .hero-slider .item-wrapper .slide-item {
      float: left;
      position: absolute;
      left: 0;
      width: 0;
      height: 100%;
      overflow: hidden; }
      .hero-slider .item-wrapper .slide-item .slide-content {
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity 1s ease 0.3s;
        transition: opacity 1s ease 0.3s; }
      .hero-slider .item-wrapper .slide-item .slide-img {
        height: inherit; }
        .hero-slider .item-wrapper .slide-item .slide-img img {
          width: 100%;
          position: relative;
          height: inherit; }
    .hero-slider .item-wrapper .active .slide-content {
      opacity: 1; }
  .hero-slider .hero-nav {
    position: absolute;
    z-index: 2;
    bottom: 18px;
    text-align: center; }
    .hero-slider .hero-nav .pagination,
    .hero-slider .hero-nav li {
      display: inline-block;
      vertical-align: middle;
      padding: 0 3px 3px 3px; }
      .hero-slider .hero-nav .pagination a,
      .hero-slider .hero-nav li a {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap; }
    .hero-slider .hero-nav .pagination span {
      background-color: white;
      border-radius: 50%;
      float: left;
      width: 12px;
      height: 12px;
      margin-right: 9px;
      cursor: pointer;
      text-indent: 94%;
      overflow: hidden; }
    .hero-slider .hero-nav .pagination .active a {
      background: #b1b2b4; }
    .hero-slider .hero-nav .prev,
    .hero-slider .hero-nav .next {
      display: inline-block;
      position: absolute;
      top: -4px;
      cursor: pointer;
      opacity: 0;
      -webkit-transition: background 0.3s, opacity 0.5s;
      transition: background 0.3s, opacity 0.5s;
      background: white;
      border-radius: 50%; }
    .hero-slider .hero-nav .prev {
      left: -25px; }
    .hero-slider .hero-nav .next {
      right: -25px; }
  .hero-slider .v-middle-inner.bnr-img-top .slide-logo {
    margin-top: 40px; }
  .hero-slider .v-middle-inner.bnr-img-top .v-middle {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 0; }
    .hero-slider .v-middle-inner.bnr-img-top .v-middle img {
      max-width: 260px;
      max-height: 260px;
      margin: 0 auto;
      position: relative; }
    .hero-slider .v-middle-inner.bnr-img-top .v-middle.slide-text h1 {
      text-align: center;
      margin-top: 20px;
      font-size: 58px; }
    .hero-slider .v-middle-inner.bnr-img-top .v-middle.slide-text h3 {
      font-size: 32px;
      text-align: center; }
    .hero-slider .v-middle-inner.bnr-img-top .v-middle .button-default, .hero-slider .v-middle-inner.bnr-img-top .v-middle .button-white, .hero-slider .v-middle-inner.bnr-img-top .v-middle .button-green, .hero-slider .v-middle-inner.bnr-img-top .v-middle .button-orange {
      float: none; }
  @media screen and (max-width: 768px) {
    .hero-slider .v-middle-inner.bnr-img-top img {
      display: none; }
    .hero-slider .v-middle-inner.bnr-img-top .v-middle {
      display: table-cell; }
      .hero-slider .v-middle-inner.bnr-img-top .v-middle.slide-text h1 {
        font-size: 38px; }
      .hero-slider .v-middle-inner.bnr-img-top .v-middle.slide-text h3 {
        font-size: 20px; }
      .hero-slider .v-middle-inner.bnr-img-top .v-middle.slide-logo {
        display: none; } }

.hero-nav:hover .prev, .hero-nav:hover .next {
  opacity: 1; }
.hero-nav .prev:hover {
  background: #b1b2b4; }
.hero-nav .next:hover {
  background: #b1b2b4; }

.slide-item .slide-img img {
  width: 100%; }
.slide-item .v-middle-wrapper .v-middle-inner {
  max-width: 1400px;
  margin: auto;
  padding: 0px 20px; }

.slide-logo {
  max-width: 265px;
  width: 28%;
  padding-right: 26px; }
  .slide-logo img {
    width: 100%;
    max-width: 265px; }

.slide-text-center.slide-text h1 {
  text-align: center; }
.slide-text-center.slide-text h3 {
  text-align: center; }
  .slide-text-center.slide-text h3.slide-subtitle-bold {
    font-weight: bold;
    font-size: 34px; }

@media screen and (max-width: 480px) {
  .slide-text-center.slide-text h3.slide-subtitle-bold {
    font-size: 20px; } }
@media screen and (min-width: 480px) and (max-width: 667px) {
  .slide-text-center.slide-text h3.slide-subtitle-bold {
    font-size: 24px; } }
@media screen and (min-width: 667px) and (max-width: 768px) {
  .slide-text-center.slide-text h3.slide-subtitle-bold {
    font-size: 28px; } }
.slide-text h1 {
  font-size: 65px;
  font-family: "Roboto Condensed", sans-serif;
  color: white;
  line-height: 65px;
  text-align: left; }
.slide-text .slide-caption {
  max-width: 580px;
  position: relative;
  margin: 10px 0 0 2px;
  padding: 0 42px 0 0; }
  .slide-text .slide-caption .caption-text {
    display: block;
    background: white;
    color: #222222;
    border: 0;
    height: 39px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    padding: 8px 10px 11px 15px;
    overflow: hidden; }
  .slide-text .slide-caption a {
    display: block;
    position: absolute;
    min-width: 42px;
    width: 42px;
    height: 39px;
    border: 0;
    right: 0;
    top: 0;
    margin-left: -4px;
    margin-top: 0;
    font-size: 18px;
    line-height: 39px;
    vertical-align: top;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: white;
    background: #3fae2a;
    padding: 0 15px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3; }
    .slide-text .slide-caption a .icon {
      display: block; }
    .slide-text .slide-caption a .icon:before {
      content: "";
      background-image: url("../images/right-arrow.png");
      height: 17px;
      width: 16px;
      top: 11px;
      left: 12px;
      position: absolute; }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .hero-slider .slide-text h1 {
    font-size: 58px;
    line-height: 60px; }
  .hero-slider .slide-logo {
    max-width: 220px; }
    .hero-slider .slide-logo img {
      max-width: 220px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hero-slider .slide-text h1 {
    font-size: 52px;
    line-height: 54px; }
  .hero-slider .slide-logo {
    max-width: 180px; }
    .hero-slider .slide-logo img {
      max-width: 180px; } }
@media screen and (min-width: 667px) and (max-width: 767px) {
  .hero-slider .slide-text {
    padding: 0 56px; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
  .hero-slider .slide-text h1 {
    font-size: 38px;
    line-height: 40px; } }
@media screen and (min-width: 480px) and (max-width: 666px) {
  .hero-slider .slide-text {
    padding: 0 25px; } }
@media screen and (max-width: 767px) {
  .hero-slider .slide-content .v-middle-inner {
    padding: 0 20px; }
  .hero-slider .slide-logo {
    display: none; }
  .hero-slider h3 {
    line-height: 22px;
    margin-top: 5px;
    text-align: center; }
  .hero-slider .button-default, .hero-slider .button-white, .hero-slider .button-green, .hero-slider .button-orange {
    float: none; }

  .slide-text h1 {
    text-align: center; } }
@media screen and (max-width: 480px) {
  .hero-slider .slide-text h1 {
    font-size: 34px;
    line-height: 36px; }
  .hero-slider .slide-text {
    padding: 0; } }
/* ==========================================================================
ACF Section: 'Intro Block' | introduction-section.php | introduction-section.php
========================================================================== */
.intro-block.hdp-projects {
  padding: 92px 0 54px; }
  .intro-block.hdp-projects h2 {
    margin-bottom: 5px; }
  .intro-block.hdp-projects p {
    line-height: 28px; }
.intro-block.company-intro h2 {
  margin-bottom: 5px; }
.intro-block.company-intro p {
  line-height: 28px; }

.intro-block .content-960 {
  max-width: 960px;
  margin: 0 auto; }
  .intro-block .content-960 .text-change a {
    color: #1fa4d4; }
.intro-block h2 {
  color: #404041;
  margin-bottom: 12px; }
.intro-block h5 {
  line-height: 27px;
  color: #3e3e3e;
  font-weight: 300; }
.intro-block h4 {
  margin-bottom: 10px; }
.intro-block img {
  margin-top: 65px; }
.intro-block .text-left h5 {
  text-align: left; }
.intro-block .text-left p {
  text-align: left; }
.intro-block .focus-green {
  color: #3ead48; }
.intro-block ul {
  text-align: left;
  margin-left: 10%; }
  .intro-block ul li {
    background: url("../images/bullet.png") no-repeat left top;
    padding: 3px 0px 3px 40px;
    list-style: none;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold; }
.intro-block ol {
  text-align: left;
  margin-left: 10%; }
  .intro-block ol li {
    padding: 3px 0px 3px 40px;
    list-style-type: decimal;
    margin-bottom: 5px;
    font-size: 18px; }

/* ==========================================================================
ACF Section: 'Infographic Block' | infographic-block.php | developer-hadoop.php
========================================================================== */
.info-hadoop h2 {
  margin: 0 0 46px 0; }

/* ==========================================================================
ACF Section: 'CTA Block, Mid CTA Block' | cta-with-bg.php | cta-with-bg1.php | cta-block.php | mid-cta-block.php
========================================================================== */
.cta {
  color: white;
  overflow: hidden; }
  .cta .v-middle-inner {
    padding: 0 20px;
    max-width: 1400px;
    margin: 0 auto; }
  .cta .bg-img {
    max-height: 326px; }
    .cta .bg-img img {
      width: 100%;
      position: relative; }
  .cta h5 {
    line-height: 1.4;
    font-weight: 300;
    max-width: 760px;
    margin: 0 auto; }
  .cta .product-logo {
    padding-top: 0;
    padding-bottom: 4px;
    position: relative; }
    .cta .product-logo img {
      max-height: 120px; }

@media screen and (min-width: 480px) and (max-width: 666px) {
  .cta h3 {
    line-height: 24px;
    margin-top: 10px; }
  .cta .bg-img img {
    width: auto; }
  .cta .button-default, .cta .button-white, .cta .button-green, .cta .button-orange {
    margin-top: 20px; } }
@media screen and (max-width: 480px) {
  .cta h3 {
    line-height: 24px;
    margin-top: 10px; }
  .cta .bg-img {
    min-height: 250px; }
    .cta .bg-img img {
      width: auto; }
  .cta .button-default, .cta .button-white, .cta .button-green, .cta .button-orange {
    margin-top: 20px; } }
.page-id-83787 .cta.no-padding {
  background: transparent;
  min-height: 326px;
  background: url(../images/home-cta-img.jpg) 50% 0 no-repeat fixed;
  background-size: cover;
  width: 100%; }

@media screen and (max-width: 768px) {
  .page-id-83787 .cta.no-padding {
    background: transparent;
    min-height: 326px;
    background: url(../images/home-cta-img.jpg) 50% 0 no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0 !important; } }
/* ==========================================================================
ACF Section: 'Info Block, Info Icon Block' | benefit.php | developer-hadoop.php | info-block-detail.php | info-section.php | product-result-statistics.php | section_template_part/info-block.php | section_template_part/info-icon-block.php | section_template_part/infographic-block.php | section_template_part/statistics-block.php | services-detail.php | services.php | static_template_part/info-block-detail.php | static_template_part/info-section.php | static_template_part/service-detail/services-block.php
========================================================================== */
.info-block .column-body {
  min-height: 64px; }
.info-block p {
  max-width: 358px; }
.info-block .set-margin {
  width: auto; }
.info-block .set-margin .col-two {
  height: 200px;
  background-color: #e8e8e8;
  border-left: 1px solid white; }
  .info-block .set-margin .col-two p.green-text {
    color: #0f0f0f !important;
    font-size: 25px; }
  .info-block .set-margin .col-two p {
    font-size: 16px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .info-block .set-margin .col-two {
      height: 230px; } }
  @media screen and (max-width: 767px) {
    .info-block .set-margin .col-two {
      width: 100%;
      padding: 20px;
      height: 170px;
      border-left: none;
      border-top: 1px solid white; } }
  @media screen and (max-width: 480px) {
    .info-block .set-margin .col-two {
      height: 200px; } }
@media screen and (max-width: 767px) and (min-width: 481px) {
  .info-block .no-margin .col-two {
    width: 50%; } }
.info-block .no-margin .col-two:first-of-type {
  padding-right: 42px; }
  @media screen and (max-width: 1023px) {
    .info-block .no-margin .col-two:first-of-type {
      padding-right: 20px; } }
.info-block .no-margin .col-two:last-of-type {
  padding-left: 42px; }
  @media screen and (max-width: 1023px) {
    .info-block .no-margin .col-two:last-of-type {
      padding-left: 20px; } }
@media screen and (max-width: 767px) {
  .info-block .no-margin .col-two .text-center img {
    max-width: 100px; } }
.info-block .no-margin .col-two:last-of-type:before {
  content: "";
  background: #dad9d6;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.info-block .no-margin .col-two h2 {
  margin-top: 36px; }
.info-block h2 {
  margin-bottom: 30px; }
.info-block h3 {
  color: #404041;
  margin-bottom: 25px;
  font-weight: 400; }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .info-block h3 {
      margin-top: 20px; } }
.info-block p.green-text {
  font-weight: 700; }
.info-block p {
  line-height: 28px;
  max-width: 500px;
  margin: 0 auto;
  color: #3e3e3e; }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .info-block p {
      line-height: 20px; } }
.info-block .sub {
  margin: 0 auto;
  max-width: 800px;
  line-height: 24px;
  padding-bottom: 50px; }

.services .button-default, .services .button-white, .services .button-green, .services .button-orange {
  margin-top: 20px; }
.services.info-block .col-two:last-child {
  padding-bottom: 0; }
.services.info-block .col-two:first-child {
  padding-top: 0; }

.info-three-block {
  /*h2 {
  	margin: 0px;
  }*/ }
  .info-three-block .col-three {
    padding: 0 30px; }
    @media screen and (max-width: 767px) {
      .info-three-block .col-three {
        padding: 10px 30px; } }
    .info-three-block .col-three h3 {
      margin: 15px 0 25px;
      font-weight: 400; }
    .info-three-block .col-three p {
      padding-bottom: 0;
      font-size: 18px;
      line-height: 28px;
      font-weight: 400; }
    .info-three-block .col-three .button-default, .info-three-block .col-three .button-white, .info-three-block .col-three .button-green, .info-three-block .col-three .button-orange {
      margin-top: 33px; }
    .info-three-block .col-three img {
      max-width: 250px; }
  .info-three-block .cta-img {
    margin-top: 70px; }

.info-detail-block .wrapper > h2 {
  margin-bottom: 80px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .info-detail-block .wrapper > h2 {
      margin: 30px 0 50px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .info-detail-block .wrapper > h2 {
      margin: 25px 0 40px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .info-detail-block .wrapper > h2 {
      margin: 20px 0 30px; } }
  @media screen and (max-width: 480px) {
    .info-detail-block .wrapper > h2 {
      margin: 20px 0 0; } }
.info-detail-block .col-two h2 {
  color: #456b7e;
  line-height: 32px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .info-detail-block .col-two h2 {
      line-height: 32px;
      margin-top: 20px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .info-detail-block .col-two h2 {
      line-height: 28px;
      margin-top: 15px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .info-detail-block .col-two h2 {
      line-height: 24px;
      margin-top: 10px; } }
.info-detail-block .col-two p {
  font-weight: 400;
  color: #404041; }

.row-inner {
  position: relative;
  padding-top: 50px;
  padding-bottom: 10px;
  margin-top: 70px;
  width: 100%; }
  @media screen and (max-width: 1399px) and (min-width: 1280px) {
    .row-inner {
      padding-top: 45px;
      padding-bottom: 10px;
      margin-top: 50px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .row-inner {
      padding-top: 40px;
      padding-bottom: 10px;
      margin-top: 40px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .row-inner {
      padding-top: 30px;
      padding-bottom: 10px;
      margin-top: 30px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .row-inner {
      padding-top: 25px;
      padding-bottom: 10px;
      margin-top: 25px; } }
  @media screen and (max-width: 480px) {
    .row-inner {
      padding-top: 0px;
      padding-bottom: 10px;
      margin-top: 20px; } }
  .row-inner > .col-two:first-of-type {
    padding-right: 22px; }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .row-inner > .col-two:first-of-type {
        padding-right: 0;
        padding-bottom: 20px; } }
  .row-inner > .col-two:last-of-type {
    padding-left: 22px; }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .row-inner > .col-two:last-of-type {
        padding: 0; } }
    @media screen and (max-width: 480px) {
      .row-inner > .col-two:last-of-type {
        border: 0 !important; } }
    .row-inner > .col-two:last-of-type:before {
      background: none; }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .row-inner > .col-two {
      width: 100%; } }
  .row-inner h5 {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #404041; }
    @media screen and (max-width: 480px) {
      .row-inner h5 {
        margin-bottom: 10px; } }
  .row-inner p {
    font-size: 16px;
    line-height: 20px; }
  .row-inner .learn-more {
    margin-top: 12px;
    font-weight: 700; }
  .row-inner:before {
    content: "";
    background: #dad9d6;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0; }
  .row-inner .col-two:first-of-type:after {
    background: none; }

@media screen and (min-width: 1400px) {
  .info-block.home-page {
    padding: 100px 0; } }
@media screen and (max-width: 480px) {
  .info-block .col-two:first-of-type, .info-block .col-two:last-of-type {
    padding: 20px 0; }
  .info-block .col-two:last-of-type {
    border-top: 1px solid #dad9d6;
    padding-bottom: 0; }
    .info-block .col-two:last-of-type:before {
      background: none; }
  .info-block .col-two h2 {
    margin-top: 10px; }
  .info-block p {
    line-height: 18px; } }
/* ==========================================================================
ACF Section: 'Column Four Block, Block Section > Block Product Features | block-developers-skill.php | developer-cta-bar.php | developer-grid-block.php | developer-skilled-block.php | column-four-block.php
========================================================================== */
.developer-quick-links.steps-section {
  padding: 50px 0 100px; }
  .developer-quick-links.steps-section h2 {
    margin-bottom: 30px; }
.developer-quick-links.tutorials-section {
  padding: 93px 0 96px; }
  .developer-quick-links.tutorials-section h5 {
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif; }
.developer-quick-links .col-four {
  width: 25%;
  float: left;
  position: relative;
  height: 100%; }
  .developer-quick-links .col-four p {
    line-height: 28px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .developer-quick-links .col-four p {
        line-height: 22px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .developer-quick-links .col-four p {
        line-height: 22px; } }
    @media screen and (max-width: 666px) and (min-width: 480px) {
      .developer-quick-links .col-four p {
        line-height: 20px; } }
    @media screen and (max-width: 479px) {
      .developer-quick-links .col-four p {
        line-height: 20px; } }
.developer-quick-links .cource-list {
  float: none;
  margin: 0;
  padding: 49px 0 0; }
  @media screen and (max-width: 767px) {
    .developer-quick-links .cource-list {
      padding: 20px 0; } }
  @media screen and (max-width: 479px) {
    .developer-quick-links .cource-list {
      padding: 20px 0; } }
  .developer-quick-links .cource-list h2 {
    line-height: 32px;
    color: #3fae2a; }
  .developer-quick-links .cource-list .col-three h2 {
    line-height: 32px;
    color: #3fae2a;
    margin: 0 0 3px;
    font-family: "Roboto Condensed", sans-serif; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .developer-quick-links .cource-list .col-three h2 {
        line-height: 28px; } }
    @media screen and (max-width: 767px) {
      .developer-quick-links .cource-list .col-three h2 {
        line-height: 24px; } }
  .developer-quick-links .cource-list .col-three p {
    line-height: 28px; }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .developer-quick-links .cource-list .col-three p {
        line-height: 24px; } }
    @media screen and (max-width: 767px) {
      .developer-quick-links .cource-list .col-three p {
        line-height: 20px; } }
  .developer-quick-links .cource-list .col-three .divider {
    margin: 51px 0; }
  .developer-quick-links .cource-list .col-four {
    border-right: 1px solid #c7c7c7;
    padding: 0 17px; }
    .developer-quick-links .cource-list .col-four:last-child {
      border: 0; }
      @media screen and (max-width: 767px) {
        .developer-quick-links .cource-list .col-four:last-child {
          padding-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .developer-quick-links .cource-list .col-four:first-child {
        padding-top: 0; } }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .developer-quick-links .cource-list .col-four {
        width: 49.33%;
        padding: 13px 25px; }
        .developer-quick-links .cource-list .col-four:nth-child(even) {
          border-right: 0; } }
    @media screen and (max-width: 767px) {
      .developer-quick-links .cource-list .col-four {
        width: 100%;
        padding: 20px 0;
        border-right: none;
        border-bottom: 1px solid #c7c7c7; } }
    @media screen and (max-width: 479px) {
      .developer-quick-links .cource-list .col-four {
        padding-bottom: 15px; } }
    .developer-quick-links .cource-list .col-four h3 {
      font-style: normal;
      text-transform: uppercase;
      margin-bottom: 3px; }
      @media screen and (max-width: 1140px) and (min-width: 1024px) {
        .developer-quick-links .cource-list .col-four h3 {
          font-size: 25px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .developer-quick-links .cource-list .col-four h3 {
          font-size: 24px;
          line-height: 28px; } }
      @media screen and (max-width: 767px) {
        .developer-quick-links .cource-list .col-four h3 {
          font-size: 20px;
          line-height: 26px; } }
  .developer-quick-links .cource-list .cource-img {
    height: 128px;
    margin-bottom: 33px; }
    @media screen and (max-width: 767px) {
      .developer-quick-links .cource-list .cource-img {
        margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .developer-quick-links .wrapper .cource-list .col-three:last-child {
    bottom-border: 0; } }
.developer-quick-links .wrapper .cource-list .col-three .cource-img {
  height: auto;
  margin-bottom: 32px; }
  @media screen and (max-width: 1280px) and (min-width: 1024px) {
    .developer-quick-links .wrapper .cource-list .col-three .cource-img {
      width: 260px;
      margin: 0 auto 32px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .developer-quick-links .wrapper .cource-list .col-three .cource-img {
      width: 227px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 479px) {
    .developer-quick-links .wrapper .cource-list .col-three .cource-img {
      width: 200px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .developer-quick-links .wrapper .cource-list .col-three .cource-img img {
      height: auto; } }
  @media screen and (max-width: 767px) {
    .developer-quick-links .wrapper .cource-list .col-three .cource-img img {
      height: auto; } }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .developer-quick-links.tutorials-section {
    padding: 80px 0; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .developer-quick-links.tutorials-section {
    padding: 70px 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .developer-quick-links.tutorials-section {
    padding: 60px 0; } }
@media screen and (max-width: 767px) {
  .developer-quick-links.steps-section,
  .developer-quick-links.tutorials-section {
    padding: 50px 0; }
    .developer-quick-links.steps-section h2,
    .developer-quick-links.tutorials-section h2 {
      margin-bottom: 20px; } }
@media screen and (max-width: 480px) {
  .developer-quick-links.steps-section,
  .developer-quick-links.tutorials-section {
    padding: 40px 0; } }
/* ==========================================================================
ACF Section: 'CTA Bar' | cta-bar.php | developer-hadoop.php
========================================================================== */
.cta-bar {
  background-color: #2ec093;
  background-image: -webkit-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -moz-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -ms-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: -o-linear-gradient(to right, #2ec093, #3bb7d9);
  background-image: linear-gradient(to right, #2ec093, #3bb7d9);
  padding: 19px 20px 15px 20px; }
  @media screen and (max-width: 480px) {
    .cta-bar {
      padding: 15px 0; } }
  .cta-bar p {
    font-weight: 700;
    color: white;
    display: inline-block;
    margin-right: 10px; }
    @media screen and (max-width: 480px) {
      .cta-bar p {
        display: block;
        margin: 0;
        margin-bottom: 0; } }
  .cta-bar span img {
    vertical-align: middle;
    margin-right: 5px; }
  .cta-bar .button-default, .cta-bar .button-white, .cta-bar .button-green, .cta-bar .button-orange {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 16px 9px 21px; }

/* ==========================================================================
ACF Section: 'Media Detail' | media-detail.php
========================================================================== */
.media-detail {
  padding-bottom: 53px; }

.media-inner {
  max-width: 830px;
  margin: 0 auto; }
  .media-inner .media-video {
    position: relative;
    cursor: pointer; }
    .media-inner .media-video .video-link {
      position: relative;
      display: inline-block; }
      .media-inner .media-video .video-link .video-btn {
        position: absolute;
        top: 41%;
        left: 46%;
        top: calc(50% - 33px);
        left: calc(50% - 33px); }
        @media screen and (max-width: 767px) {
          .media-inner .media-video .video-link .video-btn {
            top: 32%;
            left: 37%;
            top: calc(50% - 33px);
            left: calc(50% - 33px); } }
  .media-inner p {
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 22px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .media-inner p {
        line-height: 26px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .media-inner p {
        line-height: 24px; } }
    @media screen and (max-width: 666px) and (min-width: 480px) {
      .media-inner p {
        line-height: 22px; } }
    @media screen and (max-width: 479px) {
      .media-inner p {
        line-height: 20px; } }
  .media-inner a {
    color: #1fa4d4; }

/* ==========================================================================
ACF Section: 'Info Image Block' | image-detail.php | info-image-block.php
========================================================================== */
@media screen and (max-width: 767px) {
  .image-detail .col-three {
    width: 100%; } }
.image-detail .col-seven {
  padding-left: 65px; }
  @media screen and (max-width: 1399px) and (min-width: 768px) {
    .image-detail .col-seven {
      padding-left: 25px; } }
  @media screen and (max-width: 767px) {
    .image-detail .col-seven {
      width: 100%;
      margin-top: 25px;
      text-align: center;
      padding-left: 0px; } }
  .image-detail .col-seven h2 {
    line-height: 38px;
    margin-bottom: 14px; }
    @media screen and (max-width: 767px) {
      .image-detail .col-seven h2 {
        line-height: 30px; } }
  .image-detail .col-seven p {
    line-height: 27px;
    color: #606060; }
.image-detail .float-right {
  float: right; }

/* ==========================================================================
ACF Section: 'Grid Text' | block-jumpstart-service.php | block-premier-service.php | block-service-stack.php | developer-links-block.php | grid-text-block.php | section_template_part/grid-text.php | services.php
========================================================================== */
.grid-text.doc-section {
  padding: 82px 0 0; }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .grid-text.doc-section {
      padding: 70px 0 0; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .grid-text.doc-section {
      padding: 60px 0 0; } }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section {
      padding: 50px 0 0; } }
  @media screen and (max-width: 480px) {
    .grid-text.doc-section {
      padding: 40px 0 0; } }
  .grid-text.doc-section .col-three-outer .col-three h5 {
    text-transform: uppercase;
    line-height: 24px; }
  .grid-text.doc-section .links-list {
    margin-bottom: 7px; }
    .grid-text.doc-section .links-list .text-container {
      padding-bottom: 21px; }
      @media screen and (max-width: 767px) {
        .grid-text.doc-section .links-list .text-container {
          padding-bottom: 10px; } }
      .grid-text.doc-section .links-list .text-container h4 {
        margin-bottom: 0; }
.grid-text .col-three-outer, .grid-text .col-two-outer {
  margin-left: -40px;
  margin-right: -40px; }
  @media screen and (max-width: 1399px) {
    .grid-text .col-three-outer, .grid-text .col-two-outer {
      margin-left: -20px;
      margin-right: -20px; } }
  @media screen and (max-width: 767px) {
    .grid-text .col-three-outer, .grid-text .col-two-outer {
      margin: 0; } }
  .grid-text .col-three-outer .col-three, .grid-text .col-three-outer .col-two, .grid-text .col-two-outer .col-three, .grid-text .col-two-outer .col-two {
    padding: 40px 40px 0px;
    border-right: 1px solid #c7c7c7; }
    @media screen and (min-width: 769px) {
      .grid-text .col-three-outer .col-three:nth-child(-n+3), .grid-text .col-three-outer .col-two:nth-child(-n+3), .grid-text .col-two-outer .col-three:nth-child(-n+3), .grid-text .col-two-outer .col-two:nth-child(-n+3) {
        padding-top: 5px; } }
    @media screen and (max-width: 767px) {
      .grid-text .col-three-outer .col-three:last-of-type, .grid-text .col-three-outer .col-two:last-of-type, .grid-text .col-two-outer .col-three:last-of-type, .grid-text .col-two-outer .col-two:last-of-type {
        border-bottom: 0 !important; } }
    @media screen and (max-width: 767px) {
      .grid-text .col-three-outer .col-three:last-of-type.no-border, .grid-text .col-three-outer .col-two:last-of-type.no-border, .grid-text .col-two-outer .col-three:last-of-type.no-border, .grid-text .col-two-outer .col-two:last-of-type.no-border {
        border-bottom: 1px solid #c7c7c7 !important; } }
    @media screen and (max-width: 1399px) and (min-width: 1280px) {
      .grid-text .col-three-outer .col-three, .grid-text .col-three-outer .col-two, .grid-text .col-two-outer .col-three, .grid-text .col-two-outer .col-two {
        padding: 30px 30px 0px; } }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .grid-text .col-three-outer .col-three, .grid-text .col-three-outer .col-two, .grid-text .col-two-outer .col-three, .grid-text .col-two-outer .col-two {
        padding: 25px 20px 0px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .grid-text .col-three-outer .col-three, .grid-text .col-three-outer .col-two, .grid-text .col-two-outer .col-three, .grid-text .col-two-outer .col-two {
        padding: 20px 15px 0px;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #c7c7c7 !important; } }
    @media screen and (max-width: 667px) {
      .grid-text .col-three-outer .col-three, .grid-text .col-three-outer .col-two, .grid-text .col-two-outer .col-three, .grid-text .col-two-outer .col-two {
        padding: 10px 10px 0px;
        border-right: 0;
        border-bottom: 1px solid #c7c7c7 !important; } }
    .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
      font-family: "Roboto Condensed", sans-serif;
      color: #404041;
      margin-bottom: 21px;
      line-height: 26px; }
      @media screen and (max-width: 1279px) and (min-width: 1280px) {
        .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) and (min-width: 667px) {
        .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
          margin-bottom: 10px; } }
      @media screen and (max-width: 667px) {
        .grid-text .col-three-outer .col-three h5, .grid-text .col-three-outer .col-two h5, .grid-text .col-two-outer .col-three h5, .grid-text .col-two-outer .col-two h5 {
          margin-bottom: 5px;
          line-height: 20px; } }
    .grid-text .col-three-outer .col-three p, .grid-text .col-three-outer .col-two p, .grid-text .col-two-outer .col-three p, .grid-text .col-two-outer .col-two p {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 30px; }
      @media screen and (max-width: 1399px) and (min-width: 1280px) {
        .grid-text .col-three-outer .col-three p, .grid-text .col-three-outer .col-two p, .grid-text .col-two-outer .col-three p, .grid-text .col-two-outer .col-two p {
          margin-bottom: 30px; } }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three p, .grid-text .col-three-outer .col-two p, .grid-text .col-two-outer .col-three p, .grid-text .col-two-outer .col-two p {
          margin-bottom: 25px; } }
      @media screen and (max-width: 767px) {
        .grid-text .col-three-outer .col-three p, .grid-text .col-three-outer .col-two p, .grid-text .col-two-outer .col-three p, .grid-text .col-two-outer .col-two p {
          margin-bottom: 10px;
          font-size: 14px; } }
    .grid-text .col-three-outer .col-three hr, .grid-text .col-three-outer .col-two hr, .grid-text .col-two-outer .col-three hr, .grid-text .col-two-outer .col-two hr {
      position: absolute;
      width: calc(100% - 80px);
      bottom: 0; }
      @media screen and (max-width: 1399px) and (min-width: 1280px) {
        .grid-text .col-three-outer .col-three hr, .grid-text .col-three-outer .col-two hr, .grid-text .col-two-outer .col-three hr, .grid-text .col-two-outer .col-two hr {
          width: calc(100% - 60px); } }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three hr, .grid-text .col-three-outer .col-two hr, .grid-text .col-two-outer .col-three hr, .grid-text .col-two-outer .col-two hr {
          width: calc(100% - 40px); } }
      @media screen and (max-width: 767px) {
        .grid-text .col-three-outer .col-three hr, .grid-text .col-three-outer .col-two hr, .grid-text .col-two-outer .col-three hr, .grid-text .col-two-outer .col-two hr {
          display: none; } }
    .grid-text .col-three-outer .col-three a, .grid-text .col-three-outer .col-two a, .grid-text .col-two-outer .col-three a, .grid-text .col-two-outer .col-two a {
      color: #1fa4d4; }
  .grid-text .col-three-outer:last-child .col-inner .col-three, .grid-text .col-two-outer:last-child .col-inner .col-three {
    padding: 40px 40px 0px; }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .grid-text .col-three-outer:last-child .col-inner .col-three, .grid-text .col-two-outer:last-child .col-inner .col-three {
        padding: 20px 15px 0px; } }
    @media screen and (max-width: 667px) {
      .grid-text .col-three-outer:last-child .col-inner .col-three, .grid-text .col-two-outer:last-child .col-inner .col-three {
        padding: 10px 10px 0px; } }

.services-block .grid-text {
  margin-bottom: 40px; }
  .services-block .grid-text .col-three-outer {
    padding: 55px 0; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .services-block .grid-text .col-three-outer {
        padding: 45px 0; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .services-block .grid-text .col-three-outer {
        padding: 0; } }
    @media screen and (max-width: 479px) {
      .services-block .grid-text .col-three-outer {
        padding: 0; } }
    .services-block .grid-text .col-three-outer .col-three {
      padding: 0 30px;
      height: auto !important; }
      @media screen and (max-width: 767px) {
        .services-block .grid-text .col-three-outer .col-three {
          padding: 30px;
          border-bottom: 0px solid black !important; } }
      .services-block .grid-text .col-three-outer .col-three p {
        padding-bottom: 0;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0; }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .services-block .grid-text .col-three-outer .col-three p {
            font-size: 16px;
            line-height: 26px; } }
        @media screen and (max-width: 767px) and (min-width: 667px) {
          .services-block .grid-text .col-three-outer .col-three p {
            font-size: 14px;
            line-height: 24px; } }
        @media screen and (max-width: 666px) and (min-width: 480px) {
          .services-block .grid-text .col-three-outer .col-three p {
            line-height: 22px;
            font-size: 14px; } }
        @media screen and (max-width: 479px) {
          .services-block .grid-text .col-three-outer .col-three p {
            font-size: 14px;
            line-height: 20px; } }
      .services-block .grid-text .col-three-outer .col-three:last-of-type {
        border-right: none; }
    .services-block .grid-text .col-three-outer hr {
      border-top: none; }

.grid-text.doc-section .col-three-outer .col-inner {
  width: 100%; }
.grid-text.doc-section .col-three-outer .col-three {
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .col-three-outer .col-three {
      width: 100%;
      border-right: 0;
      padding: 10px 10px 0px; } }
  @media screen and (min-width: 767px) {
    .grid-text.doc-section .col-three-outer .col-three:nth-child(-n+3) {
      padding-top: 0; } }
  .grid-text.doc-section .col-three-outer .col-three h3 {
    margin-bottom: 17px; }
    @media screen and (max-width: 767px) {
      .grid-text.doc-section .col-three-outer .col-three h3 {
        margin-bottom: 15px; } }
    @media screen and (max-width: 479px) {
      .grid-text.doc-section .col-three-outer .col-three h3 {
        margin-bottom: 10px; } }
.grid-text.doc-section .links-list .text-container h4 {
  margin-bottom: 4px; }
.grid-text.doc-section .links-list .text-container p {
  font-size: 18px;
  margin-bottom: 0; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .grid-text.doc-section .links-list .text-container p {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .links-list .text-container p {
      font-size: 14px; } }
.grid-text.doc-section .links-list .text-container {
  padding-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .links-list .text-container {
      padding-bottom: 18px;
      float: left;
      width: 100%; } }
.grid-text.doc-section .links-list .benefit-imgs {
  float: left;
  padding: 6px 10px 0 3px;
  margin: 0;
  width: 16%; }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .grid-text.doc-section .links-list .benefit-imgs {
      width: 7%; } }
  @media screen and (max-width: 666px) and (min-width: 480px) {
    .grid-text.doc-section .links-list .benefit-imgs {
      width: 11%; } }
  @media screen and (max-width: 479px) {
    .grid-text.doc-section .links-list .benefit-imgs {
      width: 10%; } }
.grid-text.doc-section .links-list a {
  color: #3e3e3e;
  font-size: 18px;
  display: inline;
  line-height: 22px;
  text-transform: capitalize;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .links-list a {
      font-size: 16px; } }
  @media screen and (max-width: 479px) {
    .grid-text.doc-section .links-list a {
      font-size: 14px; } }
  .grid-text.doc-section .links-list a span {
    position: relative; }
    .grid-text.doc-section .links-list a span:after {
      content: "";
      background: url(../images/more_arrow.png) no-repeat;
      width: 6px;
      height: 10px;
      margin-left: 8px;
      display: inline-block; }
.grid-text.doc-section .links-list a:after {
  content: ""; }
.grid-text.doc-section .links-list .learn-more:before {
  bottom: -15px; }
.grid-text.doc-section .links-list .learn-more:hover:before {
  bottom: -5px; }
.grid-text.doc-section .learn-more:after {
  top: 6px; }
.grid-text.doc-section .col-three:last-child {
  border-right: 0; }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .col-three:last-child {
      border-bottom: 0; } }
.grid-text.doc-section .wrapper .col-three .col-inner {
  min-height: 670px;
  padding: 35px 0 29px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .grid-text.doc-section .wrapper .col-three .col-inner {
      min-height: 860px; } }
  @media screen and (max-width: 767px) {
    .grid-text.doc-section .wrapper .col-three .col-inner {
      min-height: 222px; } }
  .grid-text.doc-section .wrapper .col-three .col-inner:first-child {
    border-bottom: 1px solid #c7c7c7; }

/* ==========================================================================
ACF Section: 'Grid With Icon' | block-developers-skill.php | grid-with-icon.php | grid-section.php
========================================================================== */
.grid-section .heading-career {
  margin-bottom: 88px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .grid-section .heading-career {
      margin-bottom: 55px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .grid-section .heading-career {
      margin-bottom: 45px; } }
  @media screen and (max-width: 767px) {
    .grid-section .heading-career {
      margin-bottom: 20px; } }
  @media screen and (max-width: 479px) {
    .grid-section .heading-career {
      margin-bottom: 10px; } }
.grid-section h3 {
  padding-top: 18px; }
.grid-section .custom-4-grid {
  padding: 0 20px; }
  .grid-section .custom-4-grid p a {
    color: #1fa4d4; }
.grid-section .last-of-row {
  border-right: none; }
.grid-section .narrow-divider {
  margin: 30px 0 10px; }
.grid-section .open {
  background: none; }

#life {
  padding: 40px 0 98px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    #life {
      padding: 40px 0 50px; } }
  @media screen and (max-width: 767px) {
    #life {
      padding: 40px 0; } }
  #life .cource-list .col-three {
    padding: 45px 35px 65px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      #life .cource-list .col-three {
        padding: 25px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      #life .cource-list .col-three {
        padding: 20px; } }
    @media screen and (max-width: 767px) {
      #life .cource-list .col-three {
        padding: 20px 0; } }
    @media screen and (max-width: 767px) {
      #life .cource-list .col-three:last-of-type {
        padding-bottom: 0; } }
    #life .cource-list .col-three p {
      line-height: 28px;
      font-weight: 400;
      text-transform: none; }
      @media screen and (max-width: 1399px) and (min-width: 1280px) {
        #life .cource-list .col-three p {
          line-height: 26px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        #life .cource-list .col-three p {
          line-height: 24px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        #life .cource-list .col-three p {
          line-height: 22px; } }
      @media screen and (max-width: 767px) {
        #life .cource-list .col-three p {
          line-height: 20px; } }
    #life .cource-list .col-three .cource-img {
      margin-bottom: 38px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        #life .cource-list .col-three .cource-img {
          width: auto; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        #life .cource-list .col-three .cource-img {
          margin-bottom: 10px; } }
      @media screen and (max-width: 768px) {
        #life .cource-list .col-three .cource-img {
          margin-bottom: 10px; } }
  #life .grid-section .heading-career {
    margin-bottom: 83px; }

.programs-section {
  padding: 80px 0 94px; }
  .programs-section .cource-list .col-three {
    padding: 20px 60px 54px;
    padding: 20px; }
    .programs-section .cource-list .col-three .cource-img {
      height: auto;
      margin-bottom: 37px; }
      @media screen and (max-width: 767px) {
        .programs-section .cource-list .col-three .cource-img {
          margin-bottom: 20px; } }
    .programs-section .cource-list .col-three h1 {
      line-height: 32px;
      margin-bottom: 3px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .programs-section .cource-list .col-three h1 {
          line-height: 30px; } }
      @media screen and (max-width: 767px) and (min-width: 667px) {
        .programs-section .cource-list .col-three h1 {
          line-height: 28px; } }
      @media screen and (max-width: 666px) and (min-width: 480px) {
        .programs-section .cource-list .col-three h1 {
          line-height: 26px; } }
      @media screen and (max-width: 480px) {
        .programs-section .cource-list .col-three h1 {
          line-height: 24px; } }
    .programs-section .cource-list .col-three p {
      line-height: 28px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .programs-section .cource-list .col-three p {
          line-height: 26px; } }
      @media screen and (max-width: 767px) and (min-width: 667px) {
        .programs-section .cource-list .col-three p {
          line-height: 24px; } }
      @media screen and (max-width: 666px) and (min-width: 480px) {
        .programs-section .cource-list .col-three p {
          line-height: 22px; } }
      @media screen and (max-width: 480px) {
        .programs-section .cource-list .col-three p {
          line-height: 20px; } }
    .programs-section .cource-list .col-three .button-default, .programs-section .cource-list .col-three .button-white, .programs-section .cource-list .col-three .button-green, .programs-section .cource-list .col-three .button-orange {
      margin-top: 32px; }
      @media screen and (max-width: 767px) {
        .programs-section .cource-list .col-three .button-default, .programs-section .cource-list .col-three .button-white, .programs-section .cource-list .col-three .button-green, .programs-section .cource-list .col-three .button-orange {
          margin-top: 20px; } }

/* ==========================================================================
ACF Section: 'Bullet Block' | benefit.php | bullet-list.php | bullet-block.php
========================================================================== */
.icon-content h1 {
  color: #404041; }
.icon-content p {
  line-height: 28px;
  color: #404041; }
  @media screen and (max-width: 1399px) and (min-width: 1280px) {
    .icon-content p {
      line-height: 26px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .icon-content p {
      line-height: 24px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .icon-content p {
      line-height: 22px; } }
  @media screen and (max-width: 767px) {
    .icon-content p {
      line-height: 20px; } }
.icon-content .bullet-logo {
  padding: 0 0 40px; }
.icon-content .img-text {
  font-size: 24px;
  width: 75%;
  float: left;
  font-weight: 300;
  margin-bottom: 28px;
  color: #3e3e3e; }
  @media screen and (max-width: 1399px) and (min-width: 1280px) {
    .icon-content .img-text {
      font-size: 22px;
      line-height: 26px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .icon-content .img-text {
      font-size: 20px;
      line-height: 24px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .icon-content .img-text {
      font-size: 18px;
      line-height: 22px; } }
  @media screen and (max-width: 767px) {
    .icon-content .img-text {
      font-size: 16px;
      line-height: 20px;
      width: calc(100% - 60px); } }
.icon-content .text-container {
  float: left;
  width: 100%; }
  .icon-content .text-container .img-text:last--of-type {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .icon-content .text-container .img-text:last--of-type {
        margin-bottom: 20px; } }
  .icon-content .text-container:last-child .benefit-imgs,
  .icon-content .text-container:last-child .icon-imgs {
    margin-bottom: 0px; }
.icon-content .list-content:after {
  display: block;
  content: "";
  clear: both; }
.icon-content .col-one {
  margin: 0 auto;
  max-width: 830px; }
  .icon-content .col-one .img-text {
    font-size: 18px; }
.icon-content .text-center a {
  color: #1fa4d4; }

.differences .list-content {
  padding-top: 25px; }
  @media screen and (max-width: 767px) {
    .differences .list-content .col-two {
      width: 100%; } }
.differences .list-title {
  font-weight: bold;
  margin-left: 24px;
  margin-bottom: 16px; }
.differences .icon-imgs {
  float: left;
  margin-right: 15px;
  margin-left: 24px; }
  @media screen and (max-width: 1279px) {
    .differences .icon-imgs {
      margin-left: 0;
      clear: left; } }
  @media screen and (max-width: 767px) {
    .differences .icon-imgs {
      margin-top: 0; } }
.differences .img-text {
  width: 85%;
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: normal; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .differences .img-text {
      width: calc(100% - 45px);
      padding-right: 20px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .differences .img-text {
      padding-right: 25px;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: normal; } }
  @media screen and (max-width: 767px) {
    .differences .img-text {
      margin-bottom: 20px;
      line-height: 20px;
      font-size: 16px;
      width: calc(100% - 40px); } }

/* ==========================================================================
ACF Section: 'Slider Quotes' | quote-slider.php | slider-quotes.php | quote-slider-career.php
========================================================================== */
.quote-slider {
  height: 523px; }
  .quote-slider .slider-nav {
    bottom: 48px; }
  .quote-slider .item {
    height: 523px; }
  .quote-slider .bg-img img {
    width: 100%;
    height: auto; }
  .quote-slider p,
  .quote-slider h4 {
    color: white; }
  .quote-slider .item-content {
    position: relative;
    width: 884px;
    margin: 0 auto; }
    .quote-slider .item-content p {
      position: relative;
      font-size: 40px;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 300;
      line-height: 48px;
      padding-bottom: 17px; }
      .quote-slider .item-content p:before {
        content: "";
        background: url("../images/quote-start.png");
        display: inline-block;
        width: 39px;
        height: 29px;
        margin-right: 10px; }
      .quote-slider .item-content p:after {
        content: "";
        background: url("../images/quote-close.png");
        display: inline-block;
        width: 39px;
        height: 29px;
        bottom: 26px;
        margin-left: 10px; }
    .quote-slider .item-content .person-img {
      width: 66px;
      height: 66px;
      border-radius: 50%;
      margin: 0 auto;
      overflow: hidden;
      margin-top: 12px;
      margin-bottom: 9px; }
    .quote-slider .item-content h4 {
      font-size: 18px;
      text-transform: capitalize; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .quote-slider {
    height: 400px; }
    .quote-slider .slider-nav {
      bottom: 48px; }
    .quote-slider .item {
      height: 400px; }
    .quote-slider .item-content {
      width: 100%; }
      .quote-slider .item-content p {
        font-size: 30px;
        line-height: 35px;
        padding: 0 10px 17px; }
      .quote-slider .item-content .person-img {
        margin-top: 3px;
        margin-bottom: 7px; } }
@media screen and (max-width: 767px) {
  .quote-slider {
    height: 350px; }
    .quote-slider .slider-nav {
      bottom: 48px; }
    .quote-slider .item {
      height: 350px; }
    .quote-slider .item-content {
      width: 100%; }
      .quote-slider .item-content p {
        font-size: 20px;
        line-height: 24px;
        padding: 0 10px 15px; }
        .quote-slider .item-content p:after, .quote-slider .item-content p:before {
          width: 20px;
          height: 15px;
          background-size: cover;
          background-repeat: no-repeat; }
        .quote-slider .item-content p:before {
          margin-right: 5px; }
      .quote-slider .item-content h4 {
        font-size: 14px; }
      .quote-slider .item-content .person-img {
        margin-top: 1px;
        margin-bottom: 5px; } }
/* ==========================================================================
ACF Section: 'Secondary Fix Links' | career-quick-links.php | secondary-fix-links.php | developer-cta-bar.php | developer-hadoop.php | info-block-detail.php | learning-path.php | partner-info-block-detail.php | product-page.php | secondary-fix-links.php | services-detail.php | services.php | downloads.php | info-block-detail.php
========================================================================== */
.fixed-anchor {
  width: 100%;
  padding-top: 48px; }
  .fixed-anchor ul {
    font-size: 0; }
    .fixed-anchor ul li {
      display: inline-table;
      vertical-align: top;
      width: 149px;
      height: 51px;
      /*padding: 0 0 16px */
      position: relative;
      margin: 0px -4px 0 0;
      /*white-space: nowrap */
      text-align: center;
      border-bottom: 4px solid #dad9d6; }
      .fixed-anchor ul li.active {
        border-bottom: 4px solid #456b7e; }
      .fixed-anchor ul li a {
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: black;
        font-size: 12px;
        line-height: 14px;
        display: table-cell;
        vertical-align: middle;
        padding: 0; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .fixed-anchor {
      padding-top: 20px; } }
  @media screen and (max-width: 767px) {
    .fixed-anchor {
      display: none; } }

.fixed-links {
  text-align: center; }
  .fixed-links.stick {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35); }
  .fixed-links ul {
    max-width: 900px;
    margin: 0 auto; }

.stick {
  background: whitesmoke;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 6; }

.info-product-page .fixed-links {
  padding-bottom: 0;
  padding-top: 10px; }

.tabular-block .fixed-anchor {
  margin: 30px 0 40px; }

.hadoop {
  padding: 72px 0 95px; }
  .hadoop .content-960 h2 {
    margin: 0 auto 4px;
    max-width: 500px; }
  .hadoop h3 {
    background-color: #44697d;
    color: white;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    padding: 13px 20px 12px;
    margin-bottom: 34px; }
  .hadoop p {
    font-size: 18px;
    line-height: 28px; }
  .hadoop .fixed-anchor {
    margin: 40px 0; }

.services-block .fixed-anchor {
  margin: 30px 0; }

.downloads-container .fixed-anchor {
  padding: 20px 0 40px; }

/* ==========================================================================
ACF Section: 'Blue Column Block, Full Blue Column Block' | content-carousel.php | developer-blue-boxes.php | product-blue-boxes.php | blue-column-block.php | full-blue-column-block.php | downloads.php
========================================================================== */
.blue-boxes {
  width: 100%;
  border: 1px solid #c7c7c7; }
  .blue-boxes .col-one,
  .blue-boxes .col-two,
  .blue-boxes .col-three {
    background-color: #42809d;
    background-image: -webkit-linear-gradient(to right, #42809d, #3f9ec7);
    background-image: -moz-linear-gradient(to right, #42809d, #3f9ec7);
    background-image: -ms-linear-gradient(to right, #42809d, #3f9ec7);
    background-image: -o-linear-gradient(to right, #42809d, #3f9ec7);
    background-image: linear-gradient(to right, #42809d, #3f9ec7);
    padding: 0;
    height: 193px;
    border-left: 1px solid white; }
    .blue-boxes .col-one:first-child,
    .blue-boxes .col-two:first-child,
    .blue-boxes .col-three:first-child {
      border-left: none;
      border-top: none; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .blue-boxes .col-one,
      .blue-boxes .col-two,
      .blue-boxes .col-three {
        height: 230px; } }
    @media screen and (max-width: 767px) {
      .blue-boxes .col-one,
      .blue-boxes .col-two,
      .blue-boxes .col-three {
        width: 100%;
        padding: 20px;
        height: 170px;
        border-left: none;
        border-top: 1px solid white; } }
    @media screen and (max-width: 480px) {
      .blue-boxes .col-one,
      .blue-boxes .col-two,
      .blue-boxes .col-three {
        height: 200px; } }
    .blue-boxes .col-one .inner-content,
    .blue-boxes .col-two .inner-content,
    .blue-boxes .col-three .inner-content {
      position: absolute;
      border-left: 2px solid #3db5e6;
      padding: 0 20px;
      bottom: 25px;
      left: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .blue-boxes .col-one .inner-content,
        .blue-boxes .col-two .inner-content,
        .blue-boxes .col-three .inner-content {
          bottom: 15px;
          padding: 0 15px; } }
      @media screen and (max-width: 767px) {
        .blue-boxes .col-one .inner-content,
        .blue-boxes .col-two .inner-content,
        .blue-boxes .col-three .inner-content {
          padding: 0 15px;
          bottom: 15px; } }
      .blue-boxes .col-one .inner-content h5,
      .blue-boxes .col-two .inner-content h5,
      .blue-boxes .col-three .inner-content h5 {
        margin-bottom: 15px;
        font-family: "Roboto Condensed", sans-serif; }
        @media screen and (min-width: 1024px) and (max-width: 1279px) {
          .blue-boxes .col-one .inner-content h5,
          .blue-boxes .col-two .inner-content h5,
          .blue-boxes .col-three .inner-content h5 {
            margin-bottom: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .blue-boxes .col-one .inner-content h5,
          .blue-boxes .col-two .inner-content h5,
          .blue-boxes .col-three .inner-content h5 {
            margin-bottom: 10px; } }
        @media screen and (max-width: 767px) {
          .blue-boxes .col-one .inner-content h5,
          .blue-boxes .col-two .inner-content h5,
          .blue-boxes .col-three .inner-content h5 {
            margin-bottom: 10px; } }
      .blue-boxes .col-one .inner-content p,
      .blue-boxes .col-two .inner-content p,
      .blue-boxes .col-three .inner-content p {
        font-size: 16px;
        margin-bottom: 20px; }
        @media screen and (min-width: 1024px) and (max-width: 1279px) {
          .blue-boxes .col-one .inner-content p,
          .blue-boxes .col-two .inner-content p,
          .blue-boxes .col-three .inner-content p {
            margin-bottom: 10px; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .blue-boxes .col-one .inner-content p,
          .blue-boxes .col-two .inner-content p,
          .blue-boxes .col-three .inner-content p {
            font-size: 15px;
            margin-bottom: 5px; } }
        @media screen and (max-width: 767px) {
          .blue-boxes .col-one .inner-content p,
          .blue-boxes .col-two .inner-content p,
          .blue-boxes .col-three .inner-content p {
            font-size: 14px;
            margin-bottom: 5px; } }
    .blue-boxes .col-one .learn-more,
    .blue-boxes .col-two .learn-more,
    .blue-boxes .col-three .learn-more {
      color: white;
      font-size: 16px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .blue-boxes .col-one .learn-more,
        .blue-boxes .col-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .blue-boxes .col-one .learn-more,
        .blue-boxes .col-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .blue-boxes .col-one .learn-more,
        .blue-boxes .col-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 12px; } }
      .blue-boxes .col-one .learn-more:before,
      .blue-boxes .col-two .learn-more:before,
      .blue-boxes .col-three .learn-more:before {
        background: white; }
      .blue-boxes .col-one .learn-more:after,
      .blue-boxes .col-two .learn-more:after,
      .blue-boxes .col-three .learn-more:after {
        background: url(../images/more-arrow-wht.png) no-repeat; }
    @media screen and (max-width: 767px) {
      .blue-boxes .col-one .links,
      .blue-boxes .col-two .links,
      .blue-boxes .col-three .links {
        position: relative;
        margin-top: 0; } }
    .blue-boxes .col-one .links ul,
    .blue-boxes .col-two .links ul,
    .blue-boxes .col-three .links ul {
      list-style: none; }
      .blue-boxes .col-one .links ul li,
      .blue-boxes .col-two .links ul li,
      .blue-boxes .col-three .links ul li {
        float: left;
        margin-right: 41px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .blue-boxes .col-one .links ul li,
          .blue-boxes .col-two .links ul li,
          .blue-boxes .col-three .links ul li {
            margin-right: 30px; } }
        @media screen and (min-width: 480px) and (max-width: 767px) {
          .blue-boxes .col-one .links ul li,
          .blue-boxes .col-two .links ul li,
          .blue-boxes .col-three .links ul li {
            margin-right: 22px; } }
        @media screen and (max-width: 480px) {
          .blue-boxes .col-one .links ul li,
          .blue-boxes .col-two .links ul li,
          .blue-boxes .col-three .links ul li {
            margin-right: 17px; } }
        .blue-boxes .col-one .links ul li img,
        .blue-boxes .col-two .links ul li img,
        .blue-boxes .col-three .links ul li img {
          width: auto;
          height: 19px; }
    .blue-boxes .col-one .button-default, .blue-boxes .col-one .button-white, .blue-boxes .col-one .button-green, .blue-boxes .col-one .button-orange,
    .blue-boxes .col-two .button-default,
    .blue-boxes .col-two .button-white,
    .blue-boxes .col-two .button-green,
    .blue-boxes .col-two .button-orange,
    .blue-boxes .col-three .button-default,
    .blue-boxes .col-three .button-white,
    .blue-boxes .col-three .button-green,
    .blue-boxes .col-three .button-orange {
      margin-top: 0; }
  .blue-boxes .col-one {
    width: 100%;
    position: relative; }
  .blue-boxes .col-one .inner-content {
    text-align: center;
    left: 40px;
    height: 80%; }
    .blue-boxes .col-one .inner-content h5 {
      font-size: 28px; }
    .blue-boxes .col-one .inner-content p {
      font-size: 18px; }
  .blue-boxes h5,
  .blue-boxes p {
    color: white; }
  .blue-boxes .col-three .learn-more {
    margin-left: 0px; }
  .blue-boxes .links-padding {
    margin-right: 19px; }

.answer-section .blue-boxes .col-three {
  border-left: 1px solid white; }
  .answer-section .blue-boxes .col-three:first-child {
    border-left: none; }
  .answer-section .blue-boxes .col-three .learn-more {
    font-size: 16px; }

.developer-blue-boxes .blue-boxes {
  width: 100%; }
.developer-blue-boxes .col-three {
  background-color: #42809d;
  background-image: -webkit-linear-gradient(to right, #42809d, #3f9ec7);
  background-image: -moz-linear-gradient(to right, #42809d, #3f9ec7);
  background-image: -ms-linear-gradient(to right, #42809d, #3f9ec7);
  background-image: -o-linear-gradient(to right, #42809d, #3f9ec7);
  background-image: linear-gradient(to right, #42809d, #3f9ec7);
  padding: 39px 29px;
  height: 217px; }
  .developer-blue-boxes .col-three .inner-content {
    position: relative;
    border-left: 2px solid #3db5e6;
    padding-left: 29px;
    height: 100%; }
    .developer-blue-boxes .col-three .inner-content h3 {
      margin-bottom: 23px; }
    .developer-blue-boxes .col-three .inner-content p {
      font-size: 16px; }
  .developer-blue-boxes .col-three .learn-more {
    color: white;
    margin-left: 0; }
    .developer-blue-boxes .col-three .learn-more:before {
      background: white; }
    .developer-blue-boxes .col-three .learn-more:after {
      background: url(../images/more-arrow-wht.png) no-repeat; }
  .developer-blue-boxes .col-three .links {
    position: absolute;
    bottom: 0; }
    .developer-blue-boxes .col-three .links ul {
      list-style: none; }
      .developer-blue-boxes .col-three .links ul li {
        float: left;
        margin-right: 41px; }
        .developer-blue-boxes .col-three .links ul li img {
          width: auto;
          height: 25px; }
  .developer-blue-boxes .col-three .button-default, .developer-blue-boxes .col-three .button-white, .developer-blue-boxes .col-three .button-green, .developer-blue-boxes .col-three .button-orange {
    margin-top: 0; }

@media screen and (max-width: 1280px) {
  .answer-section .blue-boxes .col-three {
    height: 223px \9\0; } }
.partner-blue-boxes {
  padding: 40px 0 0; }

/* ==========================================================================
ACF Section: 'Reference Slider Column' | content-carousel.php | product-slider.php | reference-slider-column.php
========================================================================== */
.content-carousel {
  width: 100%; }
  .content-carousel:after {
    display: block;
    content: "";
    clear: both; }
  .content-carousel h5,
  .content-carousel h2,
  .content-carousel h6,
  .content-carousel p,
  .content-carousel a {
    color: white; }
  .content-carousel .learn-more:before {
    background: white; }
  .content-carousel .learn-more:after {
    background: url(../images/more-arrow-wht.png) no-repeat; }
  .content-carousel .we-slider {
    position: relative;
    width: 50%;
    float: left;
    overflow: hidden;
    padding-bottom: 52px; }
    @media screen and (max-width: 767px) {
      .content-carousel .we-slider {
        padding-bottom: 0; } }
    .content-carousel .we-slider .slider-nav {
      bottom: 20px; }
      .content-carousel .we-slider .slider-nav .active {
        background: #dad9d6; }
      .content-carousel .we-slider .slider-nav .we-btn .prev,
      .content-carousel .we-slider .slider-nav .we-btn .next {
        background: #dad9d6;
        border: 1px solid #dad9d6; }
        .content-carousel .we-slider .slider-nav .we-btn .prev:hover,
        .content-carousel .we-slider .slider-nav .we-btn .next:hover {
          background: white; }
      .content-carousel .we-slider .slider-nav span {
        border: 1px solid #dad9d6; }
    .content-carousel .we-slider .slider {
      float: left; }
      .content-carousel .we-slider .slider .item {
        position: relative;
        height: 384px;
        float: left; }
        @media screen and (max-width: 767px) {
          .content-carousel .we-slider .slider .item {
            margin-bottom: 50px; } }
        .content-carousel .we-slider .slider .item .slide-bg {
          width: 100%;
          height: 100%;
          position: relative; }
          .content-carousel .we-slider .slider .item .slide-bg img {
            width: 100%;
            height: auto; }
        .content-carousel .we-slider .slider .item .caption {
          position: absolute;
          top: 0;
          left: 0;
          background-color: #3bb7da;
          float: left;
          left: 20px;
          padding: 4px 15px; }
          .content-carousel .we-slider .slider .item .caption h6 {
            font-size: 14px;
            line-height: 22px;
            text-transform: uppercase; }
        .content-carousel .we-slider .slider .item .slide-content {
          position: absolute;
          bottom: -20%;
          left: 20px;
          width: auto;
          height: auto;
          border-left: 2px solid #3db5e6;
          padding: 0 40px 0 20px;
          -moz-transform: translateY(-100px);
          -o-transform: translateY(-100px);
          -ms-transform: translateY(-100px);
          -webkit-transform: translateY(-100px);
          transform: translateY(-100px); }
          .content-carousel .we-slider .slider .item .slide-content .text-container {
            float: left; }
            .content-carousel .we-slider .slider .item .slide-content .text-container h5 {
              line-height: normal;
              padding: 15px 0 10px 0;
              font-family: "Roboto Condensed", sans-serif; }
            .content-carousel .we-slider .slider .item .slide-content .text-container p {
              font-size: 16px; }
          .content-carousel .we-slider .slider .item .slide-content .links {
            float: left;
            margin-top: 20px; }
            .content-carousel .we-slider .slider .item .slide-content .links .learn-more {
              font-size: 16px; }
              @media screen and (min-width: 768px) and (max-width: 1023px) {
                .content-carousel .we-slider .slider .item .slide-content .links .learn-more {
                  font-size: 14px; } }
              @media screen and (max-width: 767px) {
                .content-carousel .we-slider .slider .item .slide-content .links .learn-more {
                  font-size: 14px; } }
              @media screen and (max-width: 480px) {
                .content-carousel .we-slider .slider .item .slide-content .links .learn-more {
                  font-size: 12px; } }
  .content-carousel .partner-links {
    width: 50%;
    float: left;
    border-left: 1px solid white; }
    .content-carousel .partner-links .blue-box {
      background-color: #42809d;
      background-image: -webkit-linear-gradient(to right, #42809d, #3f9ec7);
      background-image: -moz-linear-gradient(to right, #42809d, #3f9ec7);
      background-image: -ms-linear-gradient(to right, #42809d, #3f9ec7);
      background-image: -o-linear-gradient(to right, #42809d, #3f9ec7);
      background-image: linear-gradient(to right, #42809d, #3f9ec7);
      height: 192px;
      position: relative; }
      .content-carousel .partner-links .blue-box:first-child {
        border-bottom: 1px solid white; }
      .content-carousel .partner-links .blue-box .inner-content {
        border-left: 2px solid #3db5e6;
        padding: 0 20px;
        position: absolute;
        bottom: 24px;
        left: 20px; }
        .content-carousel .partner-links .blue-box .inner-content h5 {
          margin-bottom: 15px;
          font-family: "Roboto Condensed", sans-serif; }
          @media screen and (min-width: 1024px) and (max-width: 1279px) {
            .content-carousel .partner-links .blue-box .inner-content h5 {
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .content-carousel .partner-links .blue-box .inner-content h5 {
              margin-bottom: 10px; } }
          @media screen and (max-width: 767px) {
            .content-carousel .partner-links .blue-box .inner-content h5 {
              margin-bottom: 10px; } }
        .content-carousel .partner-links .blue-box .inner-content p {
          font-size: 16px;
          margin-bottom: 20px; }
          @media screen and (min-width: 1024px) and (max-width: 1279px) {
            .content-carousel .partner-links .blue-box .inner-content p {
              margin-bottom: 10px; } }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .content-carousel .partner-links .blue-box .inner-content p {
              font-size: 15px;
              margin-bottom: 5px; } }
          @media screen and (max-width: 767px) {
            .content-carousel .partner-links .blue-box .inner-content p {
              font-size: 14px;
              margin-bottom: 5px; } }
        .content-carousel .partner-links .blue-box .inner-content .learn-more {
          font-size: 16px; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .content-carousel .partner-links .blue-box .inner-content .learn-more {
              font-size: 14px; } }
          @media screen and (max-width: 767px) {
            .content-carousel .partner-links .blue-box .inner-content .learn-more {
              font-size: 14px; } }
          @media screen and (max-width: 480px) {
            .content-carousel .partner-links .blue-box .inner-content .learn-more {
              font-size: 12px; } }

@media screen and (max-width: 767px) {
  .content-carousel .we-slider {
    width: 100%; }
    .content-carousel .we-slider .slider .item {
      height: 300px; }
      .content-carousel .we-slider .slider .item .slide-content .text-container h3 {
        font-size: 18px;
        line-height: 21px;
        padding-top: 7px;
        padding-bottom: 17px; }
      .content-carousel .we-slider .slider .item .slide-content .text-container p {
        font-size: 14px;
        line-height: 17px; }
      .content-carousel .we-slider .slider .item .slide-content .links {
        margin-top: 13px; }
      .content-carousel .we-slider .slider .item .caption {
        padding: 0px 15px;
        left: 20px; }
        .content-carousel .we-slider .slider .item .caption h6 {
          font-size: 12px;
          line-height: 20px; }
      .content-carousel .we-slider .slider .item .slide-content {
        left: 20px;
        padding-left: 20px; }
  .content-carousel .partner-links {
    width: 100%;
    padding-bottom: 50px; }
    .content-carousel .partner-links .blue-box {
      height: 170px;
      padding: 24px 20px; }
      .content-carousel .partner-links .blue-box .inner-content {
        padding-left: 20px; }
        .content-carousel .partner-links .blue-box .inner-content p {
          font-size: 14px;
          line-height: 17px;
          padding: 0; }
    .content-carousel .partner-links h3 {
      line-height: 20px; } }
@media screen and (max-width: 480px) {
  .content-carousel .partner-links {
    padding-bottom: 40px; } }
/* ==========================================================================
ACF Section: 'Reference Featured Post' | blog-featured-block.php | featured-events.php | reference-featured-post.php
========================================================================== */
.feature h2 {
  font-family: "Roboto Condensed", sans-serif; }
.feature .col-three h5 {
  color: white; }
.feature .col-three h6 {
  color: white;
  font-weight: 400; }
.feature .three-col-row {
  background: none;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .feature .three-col-row {
      height: auto; } }
  .feature .three-col-row .col-three {
    cursor: pointer;
    overflow: hidden; }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .feature .three-col-row .col-three {
        width: 100%;
        height: 300px; } }
    @media screen and (max-width: 480px) {
      .feature .three-col-row .col-three {
        height: 220px; } }
    .feature .three-col-row .col-three .banner-logo {
      margin-bottom: 30px; }
    .feature .three-col-row .col-three .move-up {
      padding: 0 10px;
      -moz-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .feature .three-col-row .col-three .hover-btn {
      opacity: 0;
      -moz-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
      -webkit-transform: translateY(-60px);
      transform: translateY(-60px);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media screen and (max-width: 480px) {
        .feature .three-col-row .col-three .hover-btn {
          -moz-transform: translateY(-30px);
          -o-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          -webkit-transform: translateY(-30px);
          transform: translateY(-30px); } }
      .feature .three-col-row .col-three .hover-btn .button-default, .feature .three-col-row .col-three .hover-btn .button-white, .feature .three-col-row .col-three .hover-btn .button-green, .feature .three-col-row .col-three .hover-btn .button-orange {
        margin: 0; }
    .feature .three-col-row .col-three:hover .move-up {
      -moz-transform: translateY(-30px);
      -o-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    .feature .three-col-row .col-three:hover .hover-btn {
      opacity: 1;
      -moz-transform: translateY(-120px);
      -o-transform: translateY(-120px);
      -ms-transform: translateY(-120px);
      -webkit-transform: translateY(-120px);
      transform: translateY(-120px); }
      @media screen and (max-width: 767px) and (min-width: 481px) {
        .feature .three-col-row .col-three:hover .hover-btn {
          -moz-transform: translateY(-90px);
          -o-transform: translateY(-90px);
          -ms-transform: translateY(-90px);
          -webkit-transform: translateY(-90px);
          transform: translateY(-90px); } }
      @media screen and (max-width: 480px) {
        .feature .three-col-row .col-three:hover .hover-btn {
          -moz-transform: translateY(-75px);
          -o-transform: translateY(-75px);
          -ms-transform: translateY(-75px);
          -webkit-transform: translateY(-75px);
          transform: translateY(-75px); } }
  .feature .three-col-row .v-middle-wrapper {
    background: rgba(0, 0, 0, 0.6); }
    .feature .three-col-row .v-middle-wrapper .v-middle-inner {
      max-width: 340px;
      margin: auto; }
  .feature .three-col-row .feature-bg img {
    width: 100%;
    position: relative; }
  .feature .three-col-row h4 {
    font-weight: 700;
    color: white;
    margin-bottom: 22px;
    line-height: 30px; }
    @media screen and (max-width: 480px) {
      .feature .three-col-row h4 {
        margin-bottom: 10px; } }
  .feature .three-col-row p {
    font-weight: 500;
    color: white; }
.feature .text-center h2 {
  margin: 0 auto 38px; }

.resources-default {
  cursor: pointer;
  overflow: hidden; }
  .resources-default:hover .move-up,
  .resources-default:hover .hover-btn {
    -moz-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    opacity: 1; }
  .resources-default.col-three:nth-of-type(even):before, .resources-default.col-three:nth-of-type(even):after {
    content: "";
    background: #8f8f8f;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2; }
  .resources-default.col-three:nth-of-type(even):after {
    right: 0;
    left: auto; }
  .resources-default .move-up {
    text-align: left;
    border-left: 2px solid #3bb7da;
    padding: 0 20px;
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .resources-default .move-up img {
      margin: 0 !important; }
    .resources-default .move-up h5 {
      color: white;
      margin-top: 16px;
      font-family: "Roboto Condensed", sans-serif; }
    .resources-default .move-up h6 {
      color: white;
      font-weight: 400;
      padding: 12px 0 0 0; }
    .resources-default .move-up p {
      color: white;
      font-weight: 500; }
  .resources-default .hover-btn {
    text-align: left;
    padding: 0 0 0 20px;
    border-left: 2px solid #3bb7da;
    opacity: 0;
    -moz-transform: translateY(25px);
    -o-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .resources-default .v-middle-wrapper {
    background: rgba(0, 0, 0, 0.3); }
    .resources-default .v-middle-wrapper .v-middle-inner {
      padding: 0 20px; }
  .resources-default .v-middle {
    vertical-align: bottom; }
  .resources-default .feature-bg {
    overflow: hidden;
    height: 384px;
    background-size: cover;
    background-position: center center; }
    .resources-default .feature-bg img {
      min-width: 100%;
      position: relative; }

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .resources-default .move-up {
    padding: 0 0 0 15px; }
  .resources-default .hover-btn {
    padding: 0 0 0 15px; }
    .resources-default .hover-btn a {
      margin-top: 15px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .resources-default:hover .move-up,
  .resources-default:hover .hover-btn {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  .resources-default .three-col-row {
    height: 337px; }
  .resources-default .move-up h6 {
    line-height: 18px; }
  .resources-default .hover-btn {
    padding: 0 0 0 15px; }
    .resources-default .hover-btn a {
      margin-top: 15px; } }
@media screen and (max-width: 767px) {
  .resources-default {
    width: 100%; } }
@media screen and (max-width: 480px) {
  .resources-default:hover .move-up {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  .resources-default:hover .hover-btn {
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  .resources-default .feature-bg img {
    width: auto !important; } }
#featured-events h3 {
  color: white;
  font-weight: 700;
  padding: 6px 0 24px; }
#featured-events h5 {
  font-size: 14px;
  color: white;
  font-weight: 700; }

/* ==========================================================================
ACF Section: 'Reference Customer Featured Resources' | reference-customer-featured-resources.php
========================================================================== */
.customer-resources {
  padding-top: 70px; }

/* ==========================================================================
ACF Section: 'Reference Customer Resources' | customer-landing.php | reference-customer-resources.php | 
========================================================================== */
.customer-landing .v-middle-inner {
  padding: 0 20px;
  text-align: left; }
.customer-landing .tabs {
  padding: 14px 0 30px 0; }
  .customer-landing .tabs .blue-label {
    padding: 10px 39px;
    letter-spacing: 0.05em;
    color: #464648;
    font-family: "Roboto", sans-serif;
    background: #c4c4c4; }
    .customer-landing .tabs .blue-label.active {
      background: #3bb7da;
      color: white; }
.customer-landing #tab2 {
  display: block; }
.customer-landing li {
  display: inline-block;
  vertical-align: top;
  margin: 0 -5px 0 0; }
.customer-landing .four-col-row {
  background: none;
  overflow: hidden;
  display: none; }
.customer-landing .v-middle {
  vertical-align: bottom; }
.customer-landing .blog-date {
  font-size: 18px;
  font-weight: 700;
  color: #404041;
  display: inline-block;
  margin-bottom: 13px;
  line-height: 23px; }
.customer-landing h5 {
  font-family: "Roboto Condensed", sans-serif;
  line-height: normal;
  font-weight: 700;
  margin-bottom: 63px;
  color: #404041; }
.customer-landing .learn-more {
  position: absolute;
  bottom: 27px;
  font-size: 16px; }
.customer-landing .col-two .feature-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }
.customer-landing .col-two .col-two {
  border: 1px solid #c7c7c7;
  border-right: none;
  overflow: hidden;
  height: 384px; }
.customer-landing .back-bg .v-middle-wrapper {
  background: rgba(0, 0, 0, 0.3); }
.customer-landing .back-bg h5 {
  color: white; }
.customer-landing .back-bg .blog-date {
  color: white; }

.back-bg .v-middle-inner {
  background: rgba(0, 0, 0, 0.6); }
.back-bg .blog-date,
.back-bg .news-date,
.back-bg h5 {
  color: white !important; }
.back-bg .feature-bg img {
  position: relative;
  min-width: 100%; }

@media screen and (min-width: 667px) and (max-width: 1023px) {
  .customer-landing .col-two .col-two {
    width: 100%;
    height: 324px; } }
@media screen and (max-width: 666px) {
  .customer-landing .col-two .col-two {
    height: 284px; } }
/* ==========================================================================
ACF Section: 'Image Grid' | video-slider.php | image-grid.php | services.php
========================================================================== */
.support-arch h2 {
  margin-bottom: 43px; }
.support-arch p {
  color: #404041;
  line-height: 28px;
  margin-top: 42px; }

.video-slider {
  overflow: hidden; }
  .video-slider h5,
  .video-slider h6,
  .video-slider p {
    color: white; }
  .video-slider .we-slider {
    height: 382px;
    overflow: visible; }
    .video-slider .we-slider .slider-nav {
      bottom: 52px; }
      .video-slider .we-slider .slider-nav span {
        border: 1px solid #b1b2b4; }
    .video-slider .we-slider .item {
      height: 382px; }
      .video-slider .we-slider .item .v-middle {
        vertical-align: bottom;
        text-align: left; }
      .video-slider .we-slider .item .video-block {
        position: relative;
        width: 68.5%;
        height: 100%;
        float: left;
        border-right: 1px solid #e8e8e8;
        overflow: hidden; }
        .video-slider .we-slider .item .video-block .item-caption {
          position: absolute;
          top: 0;
          left: 20px;
          background-color: #3bb7da;
          float: left;
          padding: 4px 10px; }
          .video-slider .we-slider .item .video-block .item-caption h6 {
            font-size: 14px;
            line-height: 22px;
            text-transform: uppercase; }
        .video-slider .we-slider .item .video-block .text-container {
          display: block;
          border-left: 2px solid #3db5e6;
          padding: 0 20px;
          z-index: 0;
          transform: translateY(-25px); }
          .video-slider .we-slider .item .video-block .text-container h5 {
            line-height: normal; }
          .video-slider .we-slider .item .video-block .text-container p {
            font-size: 16px;
            padding-top: 12px; }
      .video-slider .we-slider .item .dual-boxes {
        width: 31.5%;
        float: left; }
        .video-slider .we-slider .item .dual-boxes .upper-box,
        .video-slider .we-slider .item .dual-boxes .lower-box {
          overflow: hidden;
          border-right: 1px solid #e8e8e8;
          height: 191px; }
          .video-slider .we-slider .item .dual-boxes .upper-box img,
          .video-slider .we-slider .item .dual-boxes .lower-box img {
            width: auto;
            max-width: initial;
            height: 100%; }
        .video-slider .we-slider .item .dual-boxes .lower-box {
          border-top: 1px solid #e8e8e8; }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .video-slider .we-slider .slider-nav {
    bottom: 35px; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .video-slider .we-slider .slider-nav {
    bottom: 35px; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .video-slider .we-slider {
    height: 400px;
    margin-bottom: 22px; }
    .video-slider .we-slider .item {
      height: 400px; }
    .video-slider .we-slider .slider-nav {
      bottom: 35px; } }
@media screen and (max-width: 767px) {
  .video-slider .we-slider {
    height: 600px;
    margin-bottom: 30px; }
    .video-slider .we-slider .item {
      height: 600px; }
      .video-slider .we-slider .item .video-block {
        height: 300px;
        width: 100%; }
        .video-slider .we-slider .item .video-block .item-caption {
          padding: 0px 15px;
          left: 20px; }
          .video-slider .we-slider .item .video-block .item-caption h6 {
            font-size: 12px;
            line-height: 20px; }
        .video-slider .we-slider .item .video-block .text-container {
          bottom: 10px;
          left: 20px;
          border-left: 1px solid #3db5e6;
          padding-left: 20px; }
          .video-slider .we-slider .item .video-block .text-container p {
            font-size: 14px;
            line-height: 17px;
            padding-top: 8px; }
        .video-slider .we-slider .item .video-block a img {
          width: 50px;
          height: 50px; }
      .video-slider .we-slider .item .dual-boxes {
        width: 100%; }
        .video-slider .we-slider .item .dual-boxes .upper-box,
        .video-slider .we-slider .item .dual-boxes .lower-box {
          height: 150px; }
          .video-slider .we-slider .item .dual-boxes .upper-box img,
          .video-slider .we-slider .item .dual-boxes .lower-box img {
            width: 100%;
            height: auto; }
    .video-slider .we-slider .slider-nav {
      bottom: 33px; } }
/* ==========================================================================
ACF Section: 'Block Section > Block Product Features' | block-product-features.php | product-page.php
========================================================================== */
.product-features {
  padding-bottom: 86px; }
  .product-features .bg-img {
    padding: 20px 0;
    height: auto; }
    .product-features .bg-img img {
      width: auto; }
  .product-features a {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.05em; }
  .product-features .event-head {
    float: right;
    padding: 0;
    background: white;
    margin-left: 5px;
    width: 16%;
    font-family: "Roboto Condensed", sans-serif; }
    .product-features .event-head:first-child {
      float: left;
      margin: 0; }
    .product-features .event-head p {
      font-size: 14px;
      font-weight: bold;
      max-width: 66%;
      margin: 0 auto;
      font-family: "Roboto Condensed", sans-serif;
      letter-spacing: 0.05em; }
    .product-features .event-head a {
      position: relative;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      color: #1fa4d4;
      font-family: "Roboto Condensed", sans-serif; }
      .product-features .event-head a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 2px;
        opacity: 0;
        background: #1fa4d4;
        bottom: -10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media screen and (max-width: 666px) {
          .product-features .event-head a:after {
            bottom: -7px; } }
      .product-features .event-head a:hover:after {
        opacity: 1;
        bottom: -5px; }
    .product-features .event-head .event-list .white {
      color: white; }
      .product-features .event-head .event-list .white:hover:after {
        background: white; }
    .product-features .event-head .event-list .black {
      color: black; }
      .product-features .event-head .event-list .black:hover:after {
        background: black; }
    .product-features .event-head .features-list li {
      padding: 0 31px 8px 35px;
      font-family: "Roboto Condensed", sans-serif; }
  .product-features .style-list {
    border: 1px solid #c2c1bd;
    height: 435px; }
  .product-features .access-box {
    padding: 9px 8px 0;
    float: left;
    width: 100%; }
  .product-features .bg-green {
    color: white;
    background: #3fae2a; }
  .product-features .title-holder {
    white-space: nowrap;
    height: 48px;
    display: table;
    width: 100%;
    vertical-align: middle;
    padding: 0 10px 1px; }
    .product-features .title-holder p {
      max-width: 76%;
      margin: 0 auto;
      vertical-align: middle;
      display: table-cell;
      white-space: normal;
      font-family: "Roboto Condensed", sans-serif;
      letter-spacing: 0.05em;
      line-height: 14px;
      color: white; }
  .product-features .text-content {
    text-align: center;
    padding: 0px 9px;
    margin-top: 8px; }
    .product-features .text-content ul {
      padding: 9px 0; }
      @media screen and (max-width: 666px) {
        .product-features .text-content ul {
          padding: 5px 0; } }
      .product-features .text-content ul li {
        padding: 8px 0 11px;
        font-weight: bold;
        font-size: 14px; }
        @media screen and (max-width: 666px) {
          .product-features .text-content ul li {
            padding: 6px 0 8px; } }
        .product-features .text-content ul li a {
          position: relative;
          font-family: "Roboto Condensed", sans-serif; }
    .product-features .text-content p {
      max-width: 76%; }
      .product-features .text-content p span {
        display: block;
        line-height: 16px; }
  .product-features .tool-box ul {
    text-align: center; }
    .product-features .tool-box ul li {
      padding: 10px 0; }
  .product-features .text-holder ul li {
    display: inline-block;
    padding: 0 40px; }
    .product-features .text-holder ul li a {
      position: relative;
      font-family: "Roboto Condensed", sans-serif; }
  .product-features .tool-box {
    padding: 16px 10px 9px; }
    .product-features .tool-box ul li {
      padding: 3px 0;
      font-weight: bold;
      font-size: 14px; }
    .product-features .tool-box li:first-child {
      padding-bottom: 11px;
      font-family: "Roboto Condensed", sans-serif; }
  .product-features .text-holder1 {
    height: 145px;
    float: left;
    background-image: url(../images/data-access1.png);
    background-repeat: no-repeat;
    margin-left: 3px;
    width: 12%;
    padding: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 0; }
    .product-features .text-holder1:first-child {
      margin: 0; }
    .product-features .text-holder1 ul {
      padding-top: 8px; }
    .product-features .text-holder1 .text-bottom {
      position: absolute;
      bottom: 7%;
      left: 5%;
      right: 5%;
      text-align: center; }
      .product-features .text-holder1 .text-bottom a {
        font-size: 14px;
        color: white;
        font-family: "Roboto Condensed", sans-serif; }
      .product-features .text-holder1 .text-bottom:last-of-type span {
        float: left;
        margin: 0 10px;
        font-size: 14px; }
        @media screen and (max-width: 666px) {
          .product-features .text-holder1 .text-bottom:last-of-type span {
            margin: 0; } }
  .product-features .blue-bg {
    padding: 42px 10px 13px;
    background-color: #44697d;
    text-align: center;
    border-radius: 6px;
    margin: -45px 18px -33px;
    width: 94%;
    z-index: 1;
    position: relative; }
  .product-features .management-box {
    border: 1px solid #c2c1bd;
    background: #e8e8e8;
    position: relative;
    z-index: 0;
    margin-top: 13px; }
    .product-features .management-box .padding30 {
      min-height: 30px;
      background: url(../images/bg-box05.png) no-repeat;
      background-position: 0 27%;
      background-size: contain; }
      .product-features .management-box .padding30 a {
        font-size: 16px; }
      .product-features .management-box .padding30 p {
        font-size: 16px;
        font-family: "Roboto Condensed", sans-serif; }
    .product-features .management-box .title-holder {
      height: 30px;
      margin-top: -11px; }
  .product-features .padding30 {
    padding: 41px 0 23px;
    text-align: center; }
  .product-features .text-holder2 {
    background-image: url(../images/data-access2.png);
    background-repeat: no-repeat; }
  .product-features .text-holder3 {
    background-image: url(../images/data-access3.png);
    background-repeat: no-repeat; }
  .product-features .text-holder4 {
    background-image: url(../images/data-access4.png);
    background-repeat: no-repeat; }
  .product-features .data-box {
    width: 50.6%; }
    .product-features .data-box .data-list {
      height: auto;
      margin-bottom: 7px; }
    .product-features .data-box .data-acess {
      height: 200px; }
      .product-features .data-box .data-acess .title-holder {
        height: 30px; }
      .product-features .data-box .data-acess p {
        padding: 1px 0;
        font-family: "Roboto Condensed", sans-serif; }
  .product-features .data-list.tool-box2 {
    position: relative;
    z-index: 1;
    width: 94%;
    margin: -32px 16px;
    border: none; }
  .product-features .management-box .padding30 a:after {
    bottom: 6px;
    -moz-transform: translateY(6px);
    -o-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  .product-features .grey-bg p {
    font-weight: 14px;
    font-style: 700;
    padding: 13px 0;
    line-height: 16px;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.5px; }
  .product-features .feature-holder {
    padding: 40px 0 0;
    max-width: 1115px;
    margin: 0 auto; }

@media screen and (min-width: 667px) and (max-width: 1200px) {
  .product-features {
    padding-top: 30px;
    padding-bottom: 56px; }
    .product-features .feature-holder {
      max-width: 603px;
      padding: 25px 0 0; }
    .product-features .event-head {
      width: 32.7%; }
      .product-features .event-head a {
        padding: 0 1px; }
    .product-features .data-box {
      width: 100%;
      margin-top: 5px;
      margin-left: 0; } }
@media screen and (max-width: 666px) {
  .product-features {
    padding-top: 0;
    padding-bottom: 30px; }
    .product-features .feature-holder {
      width: 100%;
      padding: 15px 0 0; }
    .product-features .event-head {
      width: 100%; }
    .product-features .data-box {
      width: 100%;
      margin-top: 5px;
      margin-left: 0; }
      .product-features .data-box .data-acess {
        height: 673px;
        position: relative; }
    .product-features .text-holder1 {
      border: 1px solid #c2c1bd;
      background-color: white;
      background-image: none;
      width: 49%;
      margin: 6px 0 0 3px;
      height: 130px; }
      .product-features .text-holder1:first-child {
        margin: 6px 0 0 3px; }
      .product-features .text-holder1 .text-bottom {
        background: #e17000;
        padding: 7px 0 7px 0;
        bottom: 0;
        width: 100%;
        left: 0; }
    .product-features .text-holder2 {
      background-image: none; }
    .product-features .text-holder3 {
      background-image: none; }
      .product-features .text-holder3 .text-bottom {
        background: #ffc61e; }
    .product-features .text-holder4 {
      background-image: none;
      background-color: #e8e8e8; }
      .product-features .text-holder4 .text-bottom {
        background: none;
        padding: 0; }
        .product-features .text-holder4 .text-bottom:last-of-type h5 {
          width: 49%;
          margin: 0;
          padding: 7px 0; }
        .product-features .text-holder4 .text-bottom .black {
          background: #ffc61e;
          width: 50%;
          padding: 7px 0 7px 0; }
        .product-features .text-holder4 .text-bottom .white {
          background: #e17000;
          width: 50%;
          padding: 7px 0 7px 0; }
    .product-features .blue-bg {
      padding: 25px 0 25px;
      width: auto;
      position: relative;
      z-index: 1;
      margin: -75px 18px -33px; }
    .product-features .style-list {
      height: auto; }
    .product-features .management-box {
      margin-top: 47px; }
    .product-features .padding30 {
      padding: 22px 0 25px;
      background-position: 0% 141%;
      background-size: cover; }
      .product-features .padding30 a {
        font-size: 14px; }
      .product-features .padding30 h4 {
        font-size: 14px; } }
@media screen and (max-width: 358px) {
  .product-features .text-holder1 {
    width: 48%; } }
/* ==========================================================================
ACF Section: 'Block Section > Block Developers New, What's New in HDF' | block-developers-new.php | What-s-new-in-hdf.php | scroll-slider.php
========================================================================== */
.scroll-slider {
  background: white;
  position: relative;
  padding: 0; }
  .scroll-slider .text {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background: white;
    z-index: 2;
    padding-top: 92px;
    box-shadow: 0px 46px 40px -12px white;
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .scroll-slider .text {
        box-shadow: none;
        padding: 50px 0;
        position: relative; } }
    @media screen and (max-width: 767px) {
      .scroll-slider .text {
        box-shadow: none;
        padding: 25px 0;
        position: relative; } }
  .scroll-slider .mask {
    overflow: hidden;
    height: 615px; }
    @media screen and (max-width: 1023px) {
      .scroll-slider .mask {
        height: auto; } }
    .scroll-slider .mask.fixed-mode .animated_image {
      background-attachment: fixed !important;
      background-position: calc(50% - 270px) 254px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .scroll-slider .mask.fixed-mode .animated_image {
          background-position: calc(50% - 200px) 254px; } }
  .scroll-slider .animated-screen {
    height: 615px;
    padding: 0;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 1023px) {
      .scroll-slider .animated-screen {
        height: auto; } }
    .scroll-slider .animated-screen > .inner-container {
      width: 100%;
      margin: 0px auto;
      max-width: 1400px;
      padding: 0 20px;
      height: 100%; }
    .scroll-slider .animated-screen .animated_content {
      min-height: 1px;
      position: relative;
      display: table;
      height: 615px;
      float: right;
      z-index: 1;
      max-width: 660px;
      padding: 0 20px;
      width: 45%; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .scroll-slider .animated-screen .animated_content {
          width: 42%;
          padding-right: 0; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .scroll-slider .animated-screen .animated_content {
          display: block;
          width: 100%;
          max-width: inherit;
          float: none;
          height: auto;
          margin-bottom: 25px; } }
      @media screen and (max-width: 767px) {
        .scroll-slider .animated-screen .animated_content {
          padding: 0;
          display: block;
          width: 100%;
          max-width: inherit;
          float: none;
          height: auto;
          margin-bottom: 25px; } }
      .scroll-slider .animated-screen .animated_content .center {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 1%; }
        .scroll-slider .animated-screen .animated_content .center.first {
          vertical-align: middle;
          padding-top: 33.8%; }
          @media screen and (max-width: 1023px) and (min-width: 768px) {
            .scroll-slider .animated-screen .animated_content .center.first {
              padding: 20px;
              display: block; } }
          @media screen and (max-width: 767px) {
            .scroll-slider .animated-screen .animated_content .center.first {
              padding: 20px 0;
              display: block; } }
  .scroll-slider .animated_image {
    min-height: 1px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    background-position: calc(50% - 270px) 229px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .scroll-slider .animated_image {
        background-position: calc(50% - 200px) 229px;
        background-size: 54%; } }
    @media screen and (max-width: 1023px) {
      .scroll-slider .animated_image {
        position: static;
        background-image: none !important; } }
    .scroll-slider .animated_image img {
      display: none; }
      @media screen and (max-width: 1023px) {
        .scroll-slider .animated_image img {
          display: inline-block; } }
  .scroll-slider h3 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 15px;
    text-transform: capitalize;
    font-family: "Roboto Condensed", sans-serif; }
    @media screen and (max-width: 1399px) and (min-width: 1280px) {
      .scroll-slider h3 {
        font-size: 24px;
        line-height: 28px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .scroll-slider h3 {
        font-size: 22px;
        line-height: 24px; } }
    @media screen and (max-width: 1023px) and (min-width: 767px) {
      .scroll-slider h3 {
        text-align: center;
        font-size: inherit;
        line-height: inherit; } }
    @media screen and (max-width: 767px) and (min-width: 481px) {
      .scroll-slider h3 {
        text-align: center;
        font-size: 20px;
        line-height: 24px; } }
    @media screen and (max-width: 767px) {
      .scroll-slider h3 {
        text-align: center;
        font-size: 16px;
        line-height: 20px; } }
  .scroll-slider .bulleted-list {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 0; }
    .scroll-slider .bulleted-list li {
      display: block;
      position: relative;
      width: 100%;
      padding: 0 10px 0px 42px;
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        .scroll-slider .bulleted-list li {
          padding: 0 0 0 30px; } }
      .scroll-slider .bulleted-list li:last-of-type {
        margin-bottom: 0; }
      .scroll-slider .bulleted-list li:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 3px;
        width: 24px;
        height: 24px;
        background: url(../images/bullet.png) no-repeat; }
        @media screen and (max-width: 767px) {
          .scroll-slider .bulleted-list li:before {
            top: 2px;
            width: 18px;
            height: 18px;
            background-size: cover; } }
      .scroll-slider .bulleted-list li a:after {
        top: 6px; }
      .scroll-slider .bulleted-list li p {
        font-size: 16px;
        line-height: 22px; }
        @media screen and (max-width: 1399px) and (min-width: 1280px) {
          .scroll-slider .bulleted-list li p {
            line-height: 20px; } }
        @media screen and (max-width: 1279px) and (min-width: 768px) {
          .scroll-slider .bulleted-list li p {
            font-size: 15px;
            line-height: 18px; } }
        @media screen and (max-width: 767px) {
          .scroll-slider .bulleted-list li p {
            font-size: 14px;
            line-height: 18px; } }
        .scroll-slider .bulleted-list li p strong {
          display: block;
          font-weight: 700; }

/* ==========================================================================
ACF Section: 'Block Section > Block Learning Paths' | block-learning-paths.php | developer-links-block.php | learning-path.php | product-page.php | 
========================================================================== */
.learning-block > .wrapper > h2 {
  margin: 53px 0; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .learning-block > .wrapper > h2 {
      margin: 40px 0; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .learning-block > .wrapper > h2 {
      margin: 30px 0; } }
  @media screen and (max-width: 767px) {
    .learning-block > .wrapper > h2 {
      margin: 10px 0; } }
.learning-block .col-three, .learning-block .col-four {
  padding: 0 20px;
  border-right: 1px solid #c7c7c7; }
  @media screen and (max-width: 767px) {
    .learning-block .col-three, .learning-block .col-four {
      width: 100%;
      border-right: 0;
      border-bottom: 1px solid #c7c7c7;
      padding: 25px 0; } }
  .learning-block .col-three .col-inner, .learning-block .col-four .col-inner {
    padding: 0; }
    @media screen and (max-width: 1399px) and (min-width: 768px) {
      .learning-block .col-three .col-inner, .learning-block .col-four .col-inner {
        padding: 0; } }
    .learning-block .col-three .col-inner .learn-img, .learning-block .col-four .col-inner .learn-img {
      height: 105px;
      margin-bottom: 32px; }
      @media screen and (max-width: 1399px) and (min-width: 1280px) {
        .learning-block .col-three .col-inner .learn-img, .learning-block .col-four .col-inner .learn-img {
          height: 90px;
          margin: 0 auto 25px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .learning-block .col-three .col-inner .learn-img, .learning-block .col-four .col-inner .learn-img {
          margin: 0 auto 20px;
          height: 70px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner .learn-img, .learning-block .col-four .col-inner .learn-img {
          margin: 0 auto 15px;
          height: 60px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .col-inner .learn-img, .learning-block .col-four .col-inner .learn-img {
          width: 50px;
          margin: 0 auto 15px;
          height: auto; } }
      @media screen and (max-width: 1399px) and (min-width: 768px) {
        .learning-block .col-three .col-inner .learn-img img, .learning-block .col-four .col-inner .learn-img img {
          height: 100%; } }
    .learning-block .col-three .col-inner h3, .learning-block .col-four .col-inner h3 {
      color: #3fae2a; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .learning-block .col-three .col-inner h3, .learning-block .col-four .col-inner h3 {
          line-height: 32px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner h3, .learning-block .col-four .col-inner h3 {
          line-height: 30px; } }
    .learning-block .col-three .col-inner p, .learning-block .col-four .col-inner p {
      line-height: 28px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner p, .learning-block .col-four .col-inner p {
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .col-inner p, .learning-block .col-four .col-inner p {
          line-height: 20px; } }
    .learning-block .col-three .col-inner .button-default, .learning-block .col-three .col-inner .button-white, .learning-block .col-three .col-inner .button-green, .learning-block .col-three .col-inner .button-orange, .learning-block .col-four .col-inner .button-default, .learning-block .col-four .col-inner .button-white, .learning-block .col-four .col-inner .button-green, .learning-block .col-four .col-inner .button-orange {
      margin-top: 20px; }
    .learning-block .col-three .col-inner .learning-menu, .learning-block .col-four .col-inner .learning-menu {
      padding: 25px 42px 25px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner .learning-menu, .learning-block .col-four .col-inner .learning-menu {
          padding: 20px 0px 20px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .col-inner .learning-menu, .learning-block .col-four .col-inner .learning-menu {
          padding: 15px 0px 15px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .learning-block .col-three .comming-soon, .learning-block .col-four .comming-soon {
      width: 80%;
      margin: auto; } }
  .learning-block .col-three .comming-soon .learning-menu, .learning-block .col-four .comming-soon .learning-menu {
    padding: 18px 20px 30px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .learning-block .col-three .comming-soon .learning-menu, .learning-block .col-four .comming-soon .learning-menu {
        padding: 10px 20px 20px; } }
    @media screen and (max-width: 767px) {
      .learning-block .col-three .comming-soon .learning-menu, .learning-block .col-four .comming-soon .learning-menu {
        padding: 10px 10px 15px; } }

.training-learning-block.learning-block {
  padding: 52px 0 22px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .training-learning-block.learning-block {
      padding: 42px 0 22px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .training-learning-block.learning-block {
      padding: 32px 0 18px; } }
  @media screen and (max-width: 767px) {
    .training-learning-block.learning-block {
      padding: 22px 0 22px; } }
  .training-learning-block.learning-block > .wrapper > h2 {
    margin: 2px 0 58px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .training-learning-block.learning-block > .wrapper > h2 {
        margin: 0 0 40px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .training-learning-block.learning-block > .wrapper > h2 {
        margin: 0 0 30px; } }
    @media screen and (max-width: 767px) {
      .training-learning-block.learning-block > .wrapper > h2 {
        margin: 0 0 10px; } }
  .training-learning-block.learning-block .col-three .col-inner .learn-img {
    margin: 0 auto 27px; }
    @media screen and (max-width: 1399px) and (min-width: 1280px) {
      .training-learning-block.learning-block .col-three .col-inner .learn-img {
        margin: 0 auto 25px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .training-learning-block.learning-block .col-three .col-inner .learn-img {
        margin: 0 auto 20px; } }
    @media screen and (max-width: 1023px) {
      .training-learning-block.learning-block .col-three .col-inner .learn-img {
        margin: 0 auto 15px; } }
  .training-learning-block.learning-block .col-three .col-inner .comming-soon .blue-label {
    font-size: 14px;
    padding: 4px 10px; }
  .training-learning-block.learning-block .col-three .col-inner .comming-soon .learning-menu {
    padding: 14px 20px 30px; }
  .training-learning-block.learning-block .col-three .comming-soon {
    border-top: solid 1px #c7c7c7;
    padding-top: 20px; }
    .training-learning-block.learning-block .col-three .comming-soon.no-brdr {
      border: none; }
    .training-learning-block.learning-block .col-three .comming-soon h4 {
      text-transform: uppercase;
      font-size: 21px; }

/* ==========================================================================
ACF Section: 'Tab Content' | product-tabs.php | tab-content.php
========================================================================== */
.product-tabs {
  display: table;
  width: 100%;
  background-color: #3f9ec7;
  background-image: -webkit-linear-gradient(to right, #3f9ec7, #42809d);
  background-image: -moz-linear-gradient(to right, #3f9ec7, #42809d);
  background-image: -ms-linear-gradient(to right, #3f9ec7, #42809d);
  background-image: -o-linear-gradient(to right, #3f9ec7, #42809d);
  background-image: linear-gradient(to right, #3f9ec7, #42809d); }
  .product-tabs:after {
    clear: both; }

.tabset {
  display: table-cell;
  width: 305px;
  background: #44697d;
  vertical-align: top;
  color: white; }
  @media screen and (max-width: 1279px) and (min-width: 768px) {
    .tabset {
      width: 250px; } }
  @media screen and (max-width: 767px) {
    .tabset {
      width: 100%;
      display: block; } }
  .tabset li a {
    color: white;
    display: block;
    background: #44697d;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    padding: 14px 39px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.049em; }
    @media screen and (max-width: 1399px) and (min-width: 1280px) {
      .tabset li a {
        padding: 14px 30px; } }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .tabset li a {
        padding: 14px 25px; } }
    @media screen and (max-width: 767px) {
      .tabset li a {
        padding: 10px 20px; } }
    @media screen and (max-width: 480px) {
      .tabset li a {
        padding: 10px 20px;
        line-height: 18px;
        text-align: center; } }
    .tabset li a:hover {
      background: #3bb7da; }
    .tabset li a.active {
      background: #3bb7da; }
  .tabset .tab-list {
    margin: 17px 0; }
    @media screen and (max-width: 767px) {
      .tabset .tab-list {
        margin: 0; } }

.tab-content {
  display: table-cell;
  color: white;
  padding: 34px 3%; }
  @media screen and (max-width: 767px) {
    .tab-content {
      width: 100%;
      display: block;
      padding: 20px; } }
  .tab-content .tab {
    display: none; }
    .tab-content .tab.active {
      display: block; }
    .tab-content .tab h3 {
      margin-bottom: 10px; }
    .tab-content .tab p {
      color: white;
      font-size: 16px;
      margin-bottom: 14px; }
      @media screen and (max-width: 767px) {
        .tab-content .tab p {
          font-size: 14px; } }
      .tab-content .tab p:last-of-type {
        margin-bottom: 0; }
    .tab-content .tab .image-holder {
      float: left;
      padding: 6px 4.3% 6px 0;
      max-width: 50%; }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .tab-content .tab .image-holder {
          float: none;
          max-width: 100%;
          padding: 0;
          margin-top: 20px; } }
      @media screen and (max-width: 767px) {
        .tab-content .tab .image-holder {
          float: none;
          width: 100%;
          max-width: inherit;
          text-align: center;
          padding: 0;
          margin-top: 20px; } }
      .tab-content .tab .image-holder img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 1279px) {
          .tab-content .tab .image-holder img {
            width: 100%; } }
    .tab-content .tab .text-holder,
    .tab-content .tab .full-text-holder {
      float: left;
      max-width: 50%;
      padding: 0 3% 0 0; }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .tab-content .tab .text-holder,
        .tab-content .tab .full-text-holder {
          float: none;
          max-width: 100%;
          padding: 0; } }
      @media screen and (max-width: 767px) {
        .tab-content .tab .text-holder,
        .tab-content .tab .full-text-holder {
          float: none;
          max-width: inherit;
          padding: 0;
          width: 100%;
          text-align: center; } }
    .tab-content .tab .full-text-holder {
      max-width: 100%;
      padding: 0; }
    .tab-content .tab .more-info {
      margin-bottom: 10px; }
      .tab-content .tab .more-info p {
        font-size: 16px;
        line-height: 23px;
        text-transform: uppercase;
        padding: 28px 0 5px;
        font-weight: 700; }
        @media screen and (max-width: 767px) {
          .tab-content .tab .more-info p {
            font-size: 14px;
            padding: 15px 0 5px; } }
      .tab-content .tab .more-info li {
        display: inline;
        margin-right: 22px; }
        .tab-content .tab .more-info li .learn-more {
          color: #66d8fc;
          font-size: 20px;
          line-height: 38px;
          text-transform: capitalize; }
          @media screen and (max-width: 1279px) and (min-width: 768px) {
            .tab-content .tab .more-info li .learn-more {
              font-size: 18px;
              line-height: 30px; } }
          @media screen and (max-width: 767px) {
            .tab-content .tab .more-info li .learn-more {
              font-size: 16px;
              line-height: 22px; } }
          .tab-content .tab .more-info li .learn-more:after {
            background: url(../images/more-arrow-wht.png) no-repeat;
            top: 16px; }
            @media screen and (max-width: 1279px) and (min-width: 768px) {
              .tab-content .tab .more-info li .learn-more:after {
                top: 12px; } }
            @media screen and (max-width: 767px) {
              .tab-content .tab .more-info li .learn-more:after {
                top: 7px; } }
          .tab-content .tab .more-info li .learn-more:before {
            background: white;
            bottom: -5px; }
          .tab-content .tab .more-info li .learn-more:hover:before {
            bottom: -2px; }

/* firefix specific css	*/
@-moz-document url-prefix() {
  .tab-content .tab .image-holder img {
    width: 100%; } }
/* ==========================================================================
ACF Section: 'Reference Developer Featured' | reference-developer-featured.php | featured-block.php
========================================================================== */
.events-section {
  padding: 0; }
  .events-section .text-center h2 {
    margin: 0 auto 32px; }
  .events-section .text-center .button-default, .events-section .text-center .button-white, .events-section .text-center .button-green, .events-section .text-center .button-orange {
    margin-top: 30px; }

.resources-post:hover .move-up {
  transform: translateY(-63px) !important; }
.resources-post:hover .hover-btn {
  transform: translateY(-170px) !important; }
.resources-post .move-up {
  transform: translateY(6px) !important; }
.resources-post h5 {
  margin-bottom: 12px; }
.resources-post .feature-bg {
  overflow: hidden;
  height: 384px;
  background-size: cover;
  background-position: center center; }

@media screen and (max-width: 767px) {
  .resources-post:hover .hover-btn {
    transform: translateY(-140px) !important; } }
@media screen and (max-width: 480px) {
  .resources-post:hover .move-up {
    transform: translateY(-45px) !important; }
  .resources-post:hover .hover-btn {
    transform: translateY(-92px) !important; } }
/* ==========================================================================
ACF Section: 'Service Detail Block' | service-detail-block.php | hdfservices.php | hdpservices.php | hpservices.php
========================================================================== */
.service-dtl {
  padding: 39px 0 0; }
  .service-dtl .title-bar p {
    font-size: 22px;
    line-height: 38px;
    text-transform: capitalize;
    padding: 5px 20px 4px; }
  .service-dtl .service-data {
    padding: 35px 20px 0px 20px; }
    .service-dtl .service-data > p {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 35px; }
  .service-dtl .footnote p {
    line-height: 19px; }

@media screen and (max-width: 767px) {
  .service-dtl .service-data {
    padding: 20px 0 0 0; } }
@media screen and (max-width: 666px) {
  .service-dtl .service-data p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px; }
  .service-dtl .title-bar p {
    font-size: 18px;
    line-height: 24px;
    text-align: center; }

  .service-data {
    overflow: auto;
    position: relative; } }
/* ==========================================================================
ACF Section: 'Case Study Component' | case-study-component.php
========================================================================== */
#case-study-component p > a {
  bottom: -15px;
  text-transform: uppercase;
  color: #1fa4d4;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold; }
#case-study-component h2 {
  text-align: center; }
#case-study-component h3 {
  font-weight: 400;
  line-height: 48px; }
#case-study-component .wrapper > h3 {
  text-align: center;
  font-size: 32px; }
#case-study-component .use-case {
  margin: 30px 0;
  border: 2px solid #eee;
  padding: 50px;
  overflow: auto;
  position: relative; }
  #case-study-component .use-case .col-three {
    text-align: center; }
    #case-study-component .use-case .col-three p {
      font-size: 14px;
      margin: 15px 0; }
    #case-study-component .use-case .col-three .media-video {
      min-height: 200px;
      position: relative; }
      #case-study-component .use-case .col-three .media-video img {
        max-height: 250px; }
  #case-study-component .use-case .button-default, #case-study-component .use-case .button-white, #case-study-component .use-case .button-green, #case-study-component .use-case .button-orange {
    margin-top: 0; }
  #case-study-component .use-case .video-btn {
    cursor: pointer;
    position: absolute;
    top: 41%;
    left: 46%;
    top: calc(50% - 33px);
    left: calc(50% - 33px); }
  #case-study-component .use-case .video-link .video-bg {
    cursor: pointer; }
  #case-study-component .use-case .right-holder {
    padding-right: 30px;
    padding-bottom: 25px; }
  #case-study-component .use-case .top-label {
    width: auto; }

/* ==========================================================================
ACF Section: 'Tabbed Accordion' | tabbed-accordion.php
========================================================================== */
.tabbed-accordion {
  text-align: center;
  width: 100%;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; }
  .tabbed-accordion .subtitle {
    margin-top: 5px;
    font-size: 18px; }
  .tabbed-accordion .tabbed-comp {
    max-width: 1000px;
    margin: 0 auto; }
    .tabbed-accordion .tabbed-comp .tab-nav {
      margin: 35px auto;
      border: 1px solid #eee;
      cursor: pointer; }
      .tabbed-accordion .tabbed-comp .tab-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .tabbed-accordion .tabbed-comp .tab-nav ul li {
          display: inline-block;
          font-size: 20px;
          width: 33%;
          padding: 15px;
          font-weight: 600; }
      .tabbed-accordion .tabbed-comp .tab-nav .active {
        background-color: #456b7e;
        color: #fff;
        position: relative; }
        .tabbed-accordion .tabbed-comp .tab-nav .active:after {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          top: 50px;
          left: 131px;
          border-top: 15px solid #456b7e;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent; }
    .tabbed-accordion .tabbed-comp .tab-contents {
      border: 1px solid #eee; }
      .tabbed-accordion .tabbed-comp .tab-contents h3 {
        cursor: pointer;
        font-size: 24px;
        display: flex;
        border-bottom: 1px solid #fff; }
        .tabbed-accordion .tabbed-comp .tab-contents h3:focus {
          outline: 0; }
      .tabbed-accordion .tabbed-comp .tab-contents hr {
        margin: 30px 0; }
      .tabbed-accordion .tabbed-comp .tab-contents .accordion-title {
        color: #fff;
        float: left;
        width: 20%;
        background-color: #456b7e;
        padding: 20px;
        font-weight: bold;
        border-right: 1px solid #fff; }
      .tabbed-accordion .tabbed-comp .tab-contents .accordion-subtitle {
        float: right;
        width: 80%;
        background-color: #eee;
        padding: 20px 0 20px 30px;
        text-align: left;
        font-weight: normal;
        position: relative; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-subtitle img {
          position: absolute;
          right: 30px;
          margin-top: 6px;
          vertical-align: middle; }
      .tabbed-accordion .tabbed-comp .tab-contents .ui-accordion-header .accordion-title {
        background-color: #456b7e; }
      .tabbed-accordion .tabbed-comp .tab-contents .ui-accordion-header.ui-state-active .accordion-title {
        background-color: #1fa4d4; }
      .tabbed-accordion .tabbed-comp .tab-contents .event_passed.ui-accordion-header.ui-state-active .accordion-title {
        background-color: #eee; }
      .tabbed-accordion .tabbed-comp .tab-contents .event_passed .accordion-title {
        color: #ccc;
        background-color: #eee;
        text-decoration: line-through; }
      .tabbed-accordion .tabbed-comp .tab-contents .event_passed .accordion-subtitle {
        color: #ccc;
        text-decoration: line-through; }
      .tabbed-accordion .tabbed-comp .tab-contents .accordion-details {
        padding: 40px 60px;
        text-align: left;
        font-size: 18px;
        margin-bottom: 20px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details p {
          margin-bottom: 15px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav ul {
          list-style-type: none;
          margin: 0 0 30px 0;
          padding: 0; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav ul li {
            cursor: pointer;
            display: inline-block;
            width: 15%;
            padding: 15px;
            border-bottom: 3px solid #eee;
            text-align: center; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav ul li.focus1 {
            color: #456b7e;
            font-weight: bold; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav .active {
          border-bottom: 3px solid #1fa4d4; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsor-kits .learn-more:after {
          top: 6px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .register {
          height: 1550px; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .register iframe {
            margin: 0 auto;
            display: block;
            -ms-zoom: 0.75;
            -moz-transform: scale(0.75);
            -moz-transform-origin: 0 0;
            -o-transform: scale(0.75);
            -o-transform-origin: 0 0;
            -webkit-transform: scale(0.75);
            -webkit-transform-origin: 0 0; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .agenda .double-col {
          display: inline-block;
          font-size: 14.5px;
          margin-top: 20px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .agenda table tr th {
          padding: 8px 14px 8px 0;
          font-weight: normal;
          font-size: 14.5px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .venue p img {
          margin: 15px auto; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors {
          padding: 20px 40px; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors h4 {
            color: #1fa4d4;
            border-top: 3px solid #eee;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: normal;
            margin-bottom: 20px; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors h5 {
            font-weight: normal; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors .sponsor_company {
            vertical-align: top;
            display: inline-block;
            width: 45%;
            padding: 15px;
            margin-bottom: 25px; }
            .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors .sponsor_company img {
              max-height: 75px; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors .sponsor_company.silver_tier {
            width: 24%;
            padding: 10px; }
            .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors .sponsor_company.silver_tier img {
              max-width: 100%; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .sponsors .company_description p {
            font-size: 15px;
            line-height: 20px;
            font-family: 'Roboto Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
            margin-top: 20px; }
        .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .speakers .speaker {
          text-align: center;
          display: inline-block;
          padding: 15px;
          width: 45%;
          vertical-align: top; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .speakers .speaker img {
            max-width: 300px;
            margin-bottom: 20px; }
          .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .speakers .speaker h5 {
            font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; }
      .tabbed-accordion .tabbed-comp .tab-contents .section1, .tabbed-accordion .tabbed-comp .tab-contents .section2, .tabbed-accordion .tabbed-comp .tab-contents .section3 {
        display: none; }

/* ==========================================================================
Webinar Block: webinar-block.php
========================================================================== */
.webinar-block {
  text-align: center; }
  .webinar-block h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal; }
  .webinar-block .webinar-container {
    margin-top: 35px;
    height: 660px; }

/* ===========================================================================
Grid With Image ( used originally in the contact us page
============================================================================== */
.grid-with-image-section .cell-img {
  height: 165px;
  width: 100%;
  color: white;
  position: relative;
  margin-bottom: 30px; }
  .grid-with-image-section .cell-img h2 {
    position: absolute;
    top: 126px;
    left: 20px; }
.grid-with-image-section .grid-with-image-cell {
  width: 30%;
  min-width: 318px;
  margin: 0 20px 20px;
  border: 1px solid #cecece;
  height: 350px;
  text-align: left;
  font-weight: bold; }
  .grid-with-image-section .grid-with-image-cell p {
    margin-left: 14px;
    line-height: 1.4; }

/* Disclaimer */
.disclaimer {
  padding: 20px 0; }
  .disclaimer p {
    font-size: 12px;
    font-style: italic;
    text-align: center; }

.top-navigation {
  background-color: #e8e8e8;
  float: left;
  width: 100%; }

.top-menu {
  float: right;
  font-size: 0;
  margin: 0;
  padding: 0; }
  .top-menu li {
    display: inline-block;
    padding: 0px 25px;
    vertical-align: top;
    line-height: inherit; }
    @media screen and (max-width: 1024px) {
      .top-menu li {
        padding: 0px 4px; } }
    .top-menu li a {
      color: #55585b;
      font-family: "Roboto", sans-serif;
      font-size: 11px;
      line-height: 30px;
      letter-spacing: 0.3px;
      text-transform: uppercase; }
      .top-menu li a:hover {
        color: #1fa4d4; }
  .top-menu .search {
    cursor: pointer;
    padding-top: 7px; }
    .top-menu .search .search-cover {
      height: 16px;
      overflow: hidden; }
    .top-menu .search:hover img {
      margin-top: -16px; }
  .top-menu li:last-of-type {
    border-left: 1px solid #c2c2c4;
    border-right: 1px solid #c2c2c4;
    padding: 0px 12px; }
    @media screen and (max-width: 1024px) {
      .top-menu li:last-of-type {
        padding: 0px 4px; } }
  .top-menu #desktop-lang-picker .language-form {
    background-color: #e8e8e8;
    display: inline-block;
    width: 190px;
    text-decoration: none;
    cursor: pointer; }
    .top-menu #desktop-lang-picker .language-form .lang-trigger, .top-menu #desktop-lang-picker .language-form .lang-item {
      border: none;
      padding-right: 4px;
      width: 100%; }
      .top-menu #desktop-lang-picker .language-form .lang-trigger:hover, .top-menu #desktop-lang-picker .language-form .lang-item:hover {
        background-color: #ddd; }
    .top-menu #desktop-lang-picker .language-form .lang-trigger ul {
      display: none;
      position: absolute;
      z-index: 1;
      padding-left: 8px;
      background-color: #e8e8e8;
      margin-left: -8px; }
      .top-menu #desktop-lang-picker .language-form .lang-trigger ul li:last-of-type {
        padding-left: 24px; }
        @media screen and (max-width: 1024px) {
          .top-menu #desktop-lang-picker .language-form .lang-trigger ul li:last-of-type {
            padding-left: 6px; } }
    .top-menu #desktop-lang-picker .language-form .lang-trigger img {
      height: 28px;
      width: 26px;
      margin-right: 6px; }
    .top-menu #desktop-lang-picker .language-form .lang-trigger .down-chevron {
      transform: rotate(180deg);
      width: 12px;
      margin-left: 6px; }
    .top-menu #desktop-lang-picker .language-form .lang-item {
      background-repeat: no-repeat;
      background-size: 26px 26px; }
      .top-menu #desktop-lang-picker .language-form .lang-item .lang-link {
        padding-left: 10px; }
        @media screen and (max-width: 1024px) {
          .top-menu #desktop-lang-picker .language-form .lang-item .lang-link {
            padding-left: 28px; } }

#mobile-lang-picker .language-form {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  text-align: center;
  cursor: pointer; }
  #mobile-lang-picker .language-form .lang-trigger, #mobile-lang-picker .language-form .lang-item {
    border-top: 1px solid #9a9a9a;
    padding: 8px 0;
    min-width: 100%; }
    #mobile-lang-picker .language-form .lang-trigger:hover, #mobile-lang-picker .language-form .lang-item:hover {
      background-color: #e9e9e9; }
  @media screen and (min-width: 667px) {
    #mobile-lang-picker .language-form {
      display: none; } }
  #mobile-lang-picker .language-form .lang-trigger {
    background-color: #e9e9e9; }
    #mobile-lang-picker .language-form .lang-trigger ul {
      display: none;
      position: absolute;
      z-index: 1;
      background-color: white;
      text-align: left; }
    #mobile-lang-picker .language-form .lang-trigger img {
      height: 20px;
      width: 26px;
      margin-right: 6px;
      margin-top: -2px; }
    #mobile-lang-picker .language-form .lang-trigger .down-chevron {
      transform: rotate(180deg);
      width: 12px;
      margin-left: 6px; }
  #mobile-lang-picker .language-form .lang-item {
    background-position-x: 40%;
    background-repeat: no-repeat;
    background-size: 26px 32px;
    padding-left: 44%; }
    #mobile-lang-picker .language-form .lang-item .lang-link {
      padding-left: 10px; }

.main-navigation {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #dad9d6; }

.logo {
  width: 100%;
  max-width: 154px;
  padding-top: 15px;
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0); }
  .logo a {
    display: block; }
    .logo a img {
      width: 100%; }

.menu-wrapper {
  background: white;
  padding-left: 20px; }

nav {
  float: right; }
  nav .main-menu {
    margin: 0;
    padding: 0; }
    nav .main-menu > li {
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      line-height: inherit;
      margin-right: -4px; }
      nav .main-menu > li > a {
        color: #404041;
        position: relative;
        padding: 3px 18px 30px;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 300;
        font-size: 20px; }
        nav .main-menu > li > a:hover {
          color: #3fae2a; }
          nav .main-menu > li > a:hover:after {
            bottom: 0px;
            opacity: 1;
            height: 6px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -webkit-transform: translate3d(0, 0, 0); }
        nav .main-menu > li > a:after {
          content: "";
          height: 0px;
          background: #3fae2a;
          position: absolute;
          bottom: 0px;
          width: 70%;
          width: calc(100% - 36px);
          left: 18px;
          opacity: 0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-transform: translate3d(0, 0, 0); }
      nav .main-menu > li > a.active {
        color: #3fae2a; }
        nav .main-menu > li > a.active:after {
          bottom: 0px;
          opacity: 1;
          height: 6px;
          transition: none; }
        nav .main-menu > li > a.active.arrow-menu:hover:before {
          content: "";
          background: url(../images/active_menu_arrow.png) no-repeat;
          position: absolute;
          bottom: -1px;
          width: 23px;
          height: 11px;
          left: 40%;
          left: calc(50% - 12px); }
        nav .main-menu > li > a.active.arrow-menu:hover:after {
          bottom: 0px;
          opacity: 0;
          height: 6px; }
      nav .main-menu > li:last-of-type {
        padding: 20px 0px 21px 18px;
        margin: 0; }
      nav .main-menu > li.fix-search {
        display: none; }
      nav .main-menu > li.view-all {
        display: none; }
      nav .main-menu > li .button-default, nav .main-menu > li .button-white, nav .main-menu > li .button-green, nav .main-menu > li .button-orange {
        margin-top: 0;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        font-size: 16px;
        width: 152px;
        height: 43px;
        padding: 0;
        cursor: pointer; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          nav .main-menu > li .button-default, nav .main-menu > li .button-white, nav .main-menu > li .button-green, nav .main-menu > li .button-orange {
            width: 130px;
            font-size: 15px; } }
        @media screen and (max-width: 767px) {
          nav .main-menu > li .button-default, nav .main-menu > li .button-white, nav .main-menu > li .button-green, nav .main-menu > li .button-orange {
            width: 280px;
            height: 51px;
            font-size: 14px;
            font-weight: 51px;
            font-weight: 300; } }
    nav .main-menu .arrow-menu:hover > a:after {
      opacity: 0;
      bottom: 0;
      height: 6px; }
    nav .main-menu .arrow-menu:hover > a:before {
      content: "";
      background: url(../images/active_menu_arrow.png) no-repeat;
      position: absolute;
      bottom: -1px;
      width: 23px;
      height: 11px;
      left: calc(50% - 12px); }
    nav .main-menu .arrow-menu > a:hover:after {
      opacity: 0;
      bottom: 0;
      height: 6px; }
    nav .main-menu .arrow-menu > a:hover:before {
      content: "";
      background: url(../images/active_menu_arrow.png) no-repeat;
      position: absolute;
      bottom: -1px;
      width: 23px;
      height: 11px;
      left: calc(50% - 12px); }

.drop-menu {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  padding: 55px 60px 70px;
  left: 0;
  top: 85px;
  z-index: 6; }

.showmenu .drop-menu {
  display: block; }

.menu-column .submenu-head > a {
  display: inline-block;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  line-height: 41px;
  color: #404041;
  text-transform: capitalize;
  font-weight: 700; }
  .menu-column .submenu-head > a:before {
    content: "";
    background: url(../images/subhead_arrow.png) no-repeat;
    width: 10px;
    height: 16px;
    position: absolute;
    right: -15px;
    top: 13px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 0, 0); }
    @media screen and (max-width: 767px) {
      .menu-column .submenu-head > a:before {
        top: 8px; } }
  .menu-column .submenu-head > a:after {
    content: "";
    background: #3db5e6;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(0, 0, 0); }
  .menu-column .submenu-head > a:hover:before {
    opacity: 1; }
  .menu-column .submenu-head > a:hover:after {
    opacity: 1;
    bottom: 2px; }
.menu-column .submenu {
  margin-top: 15px; }
  .menu-column .submenu ul {
    border-left: 1px solid #dad9d6;
    padding-left: 21px; }
  .menu-column .submenu li {
    margin-bottom: 19px; }
    .menu-column .submenu li:last-of-type {
      margin-bottom: 0;
      padding-right: 20px;
      margin-bottom: 10px; }
    .menu-column .submenu li a {
      display: inline-block;
      position: relative;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      line-height: 18px;
      color: #404041;
      text-transform: capitalize;
      font-weight: 300; }
      .menu-column .submenu li a:after {
        content: "";
        background: #3db5e6;
        position: absolute;
        left: 0;
        bottom: -10px;
        opacity: 0;
        width: 100%;
        height: 2px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, 0, 0); }
      .menu-column .submenu li a:before {
        content: "";
        background: url(../images/submenu_arrow.png) no-repeat;
        width: 8px;
        height: 12px;
        position: absolute;
        right: -15px;
        top: 4px;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, 0, 0); }
        @media screen and (max-width: 767px) {
          .menu-column .submenu li a:before {
            top: 9px; } }
      .menu-column .submenu li a:hover:after {
        bottom: -5px;
        opacity: 1; }
      .menu-column .submenu li a:hover:before {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -webkit-transform: translate3d(0, 0, 0); }

.main-menu .drop-menu {
  box-shadow: 0 5px 12px -2px; }

nav .main-menu > li.mobile-only {
  display: none; }

/* css after menu fixed */
.mobile-link,
.toggle {
  display: none; }
  .mobile-link a,
  .toggle a {
    display: inline-block;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #404041;
    text-transform: capitalize;
    font-weight: 700; }
    .mobile-link a:after,
    .toggle a:after {
      content: "";
      background: #3db5e6;
      position: absolute;
      left: 0;
      bottom: -10px;
      opacity: 0;
      width: 100%;
      height: 2px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: translate3d(0, 0, 0); }
    .mobile-link a:before,
    .toggle a:before {
      content: "";
      background: url(../images/submenu_arrow.png) no-repeat;
      width: 8px;
      height: 12px;
      position: absolute;
      right: -15px;
      top: 4px;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: translate3d(0, 0, 0); }
      @media screen and (max-width: 767px) {
        .mobile-link a:before,
        .toggle a:before {
          top: 9px; } }
    .mobile-link a:hover:after,
    .toggle a:hover:after {
      bottom: -5px;
      opacity: 1; }
    .mobile-link a:hover:before,
    .toggle a:hover:before {
      opacity: 1;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: translate3d(0, 0, 0); }

.main-nav.off-canvas {
  position: fixed;
  border-bottom: 1px solid #dad9d6;
  width: 100%;
  background: white;
  z-index: 11;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
  -webkit-transform: translate3d(0, 0, 0); }

.main-nav.off-canvas {
  top: -65px; }
  .main-nav.off-canvas.fixed {
    top: 0; }
  .main-nav.off-canvas .fix-search {
    display: inline-block;
    vertical-align: top;
    padding: 18px 40px 13px 21px !important; }
    .main-nav.off-canvas .fix-search .search-cover {
      width: 27px;
      height: 26px;
      overflow: hidden;
      cursor: pointer; }
      .main-nav.off-canvas .fix-search .search-cover:hover img {
        margin-top: -27px; }
    .main-nav.off-canvas .fix-search img {
      width: 100%; }
  .main-nav.off-canvas .logo {
    width: 115px;
    overflow: hidden; }
  .main-nav.off-canvas .menu-wrapper {
    padding: 0; }
  .main-nav.off-canvas nav .main-menu {
    font-size: 0; }
    .main-nav.off-canvas nav .main-menu > li {
      padding: 21px 0px;
      margin: 0 0 0; }
      .main-nav.off-canvas nav .main-menu > li > a:after {
        bottom: 11px; }
      .main-nav.off-canvas nav .main-menu > li > a:hover:after {
        bottom: 11px; }
      .main-nav.off-canvas nav .main-menu > li:last-of-type {
        padding: 0; }
      .main-nav.off-canvas nav .main-menu > li .button-default, .main-nav.off-canvas nav .main-menu > li .button-white, .main-nav.off-canvas nav .main-menu > li .button-green, .main-nav.off-canvas nav .main-menu > li .button-orange {
        height: 64px;
        margin-bottom: -1px;
        font-weight: 300; }
      .main-nav.off-canvas nav .main-menu > li .drop-menu {
        top: 64px; }
    .main-nav.off-canvas nav .main-menu .arrow-menu:hover > a:before {
      bottom: 10px; }
    .main-nav.off-canvas nav .main-menu .arrow-menu > a:hover:before {
      bottom: 10px; }
    .main-nav.off-canvas nav .main-menu .arrow-menu > a:hover:after {
      opacity: 0; }

.search-overlay,
.training-form-overlay,
.data-science-form-overlay,
.newsletter-overlay {
  background: url(../images/footer-overlay-bg.jpg) repeat;
  display: none;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 11; }
  @media screen and (max-width: 767px) {
    .search-overlay,
    .training-form-overlay,
    .data-science-form-overlay,
    .newsletter-overlay {
      top: 0px; } }
  .search-overlay .wrapper,
  .training-form-overlay .wrapper,
  .data-science-form-overlay .wrapper,
  .newsletter-overlay .wrapper {
    position: relative; }
  .search-overlay .training-form-body,
  .training-form-overlay .training-form-body,
  .data-science-form-overlay .training-form-body,
  .newsletter-overlay .training-form-body {
    width: 85%;
    margin: 100px auto;
    max-width: 830px;
    color: white;
    padding-top: 30px; }
    .search-overlay .training-form-body h3,
    .training-form-overlay .training-form-body h3,
    .data-science-form-overlay .training-form-body h3,
    .newsletter-overlay .training-form-body h3 {
      text-align: center;
      margin-bottom: 30px; }
    .search-overlay .training-form-body #mktoForm_896 .marketo_field,
    .training-form-overlay .training-form-body #mktoForm_896 .marketo_field,
    .data-science-form-overlay .training-form-body #mktoForm_896 .marketo_field,
    .newsletter-overlay .training-form-body #mktoForm_896 .marketo_field {
      float: left;
      min-width: 414px;
      padding: 0 16px; }
      .search-overlay .training-form-body #mktoForm_896 .marketo_field > span,
      .training-form-overlay .training-form-body #mktoForm_896 .marketo_field > span,
      .data-science-form-overlay .training-form-body #mktoForm_896 .marketo_field > span,
      .newsletter-overlay .training-form-body #mktoForm_896 .marketo_field > span {
        margin: 22px 0; }
    .search-overlay .training-form-body #mktoForm_896 input,
    .training-form-overlay .training-form-body #mktoForm_896 input,
    .data-science-form-overlay .training-form-body #mktoForm_896 input,
    .newsletter-overlay .training-form-body #mktoForm_896 input {
      min-width: 380px;
      margin: 22px 0; }
    .search-overlay .training-form-body #mktoForm_896 .Lead_Comment__c,
    .training-form-overlay .training-form-body #mktoForm_896 .Lead_Comment__c,
    .data-science-form-overlay .training-form-body #mktoForm_896 .Lead_Comment__c,
    .newsletter-overlay .training-form-body #mktoForm_896 .Lead_Comment__c {
      width: 100%; }
    .search-overlay .training-form-body .success_message p,
    .training-form-overlay .training-form-body .success_message p,
    .data-science-form-overlay .training-form-body .success_message p,
    .newsletter-overlay .training-form-body .success_message p {
      color: white; }
  .search-overlay .data-science-form-body,
  .training-form-overlay .data-science-form-body,
  .data-science-form-overlay .data-science-form-body,
  .newsletter-overlay .data-science-form-body {
    width: 85%;
    margin: 100px auto;
    max-width: 830px;
    color: white;
    padding-top: 30px; }
    .search-overlay .data-science-form-body h3,
    .training-form-overlay .data-science-form-body h3,
    .data-science-form-overlay .data-science-form-body h3,
    .newsletter-overlay .data-science-form-body h3 {
      text-align: center;
      margin-bottom: 30px; }
    .search-overlay .data-science-form-body #mktoForm_878 .marketo_field,
    .training-form-overlay .data-science-form-body #mktoForm_878 .marketo_field,
    .data-science-form-overlay .data-science-form-body #mktoForm_878 .marketo_field,
    .newsletter-overlay .data-science-form-body #mktoForm_878 .marketo_field {
      min-width: 414px;
      padding: 0 16px; }
      .search-overlay .data-science-form-body #mktoForm_878 .marketo_field > span,
      .training-form-overlay .data-science-form-body #mktoForm_878 .marketo_field > span,
      .data-science-form-overlay .data-science-form-body #mktoForm_878 .marketo_field > span,
      .newsletter-overlay .data-science-form-body #mktoForm_878 .marketo_field > span {
        margin: 22px 0; }
    .search-overlay .data-science-form-body #mktoForm_878 input,
    .training-form-overlay .data-science-form-body #mktoForm_878 input,
    .data-science-form-overlay .data-science-form-body #mktoForm_878 input,
    .newsletter-overlay .data-science-form-body #mktoForm_878 input {
      min-width: 380px;
      margin: 22px 0; }
    .search-overlay .data-science-form-body #mktoForm_878 .Lead_Comment__c,
    .training-form-overlay .data-science-form-body #mktoForm_878 .Lead_Comment__c,
    .data-science-form-overlay .data-science-form-body #mktoForm_878 .Lead_Comment__c,
    .newsletter-overlay .data-science-form-body #mktoForm_878 .Lead_Comment__c {
      width: 100%; }
    .search-overlay .data-science-form-body .success_message p,
    .training-form-overlay .data-science-form-body .success_message p,
    .data-science-form-overlay .data-science-form-body .success_message p,
    .newsletter-overlay .data-science-form-body .success_message p {
      color: white; }
  .search-overlay .search-box,
  .search-overlay .nws-box,
  .training-form-overlay .search-box,
  .training-form-overlay .nws-box,
  .data-science-form-overlay .search-box,
  .data-science-form-overlay .nws-box,
  .newsletter-overlay .search-box,
  .newsletter-overlay .nws-box {
    display: table; }
    .search-overlay .search-box img,
    .search-overlay .nws-box img,
    .training-form-overlay .search-box img,
    .training-form-overlay .nws-box img,
    .data-science-form-overlay .search-box img,
    .data-science-form-overlay .nws-box img,
    .newsletter-overlay .search-box img,
    .newsletter-overlay .nws-box img {
      float: left;
      padding-top: 25px; }
      @media screen and (max-width: 767px) {
        .search-overlay .search-box img,
        .search-overlay .nws-box img,
        .training-form-overlay .search-box img,
        .training-form-overlay .nws-box img,
        .data-science-form-overlay .search-box img,
        .data-science-form-overlay .nws-box img,
        .newsletter-overlay .search-box img,
        .newsletter-overlay .nws-box img {
          width: 20px;
          padding-top: 20px; } }
    .search-overlay .search-box .top-search-input,
    .search-overlay .nws-box .top-search-input,
    .training-form-overlay .search-box .top-search-input,
    .training-form-overlay .nws-box .top-search-input,
    .data-science-form-overlay .search-box .top-search-input,
    .data-science-form-overlay .nws-box .top-search-input,
    .newsletter-overlay .search-box .top-search-input,
    .newsletter-overlay .nws-box .top-search-input {
      width: 85%;
      width: calc(100% - 130px);
      max-width: 830px;
      background: transparent;
      float: left;
      border: none;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 40px;
      line-height: 41px;
      color: white;
      font-weight: 300; }
      @media screen and (max-width: 1399px) and (min-width: 768px) {
        .search-overlay .search-box .top-search-input,
        .search-overlay .nws-box .top-search-input,
        .training-form-overlay .search-box .top-search-input,
        .training-form-overlay .nws-box .top-search-input,
        .data-science-form-overlay .search-box .top-search-input,
        .data-science-form-overlay .nws-box .top-search-input,
        .newsletter-overlay .search-box .top-search-input,
        .newsletter-overlay .nws-box .top-search-input {
          width: 80%;
          width: calc(100% - 140px);
          font-size: 30px; } }
      @media screen and (max-width: 767px) {
        .search-overlay .search-box .top-search-input,
        .search-overlay .nws-box .top-search-input,
        .training-form-overlay .search-box .top-search-input,
        .training-form-overlay .nws-box .top-search-input,
        .data-science-form-overlay .search-box .top-search-input,
        .data-science-form-overlay .nws-box .top-search-input,
        .newsletter-overlay .search-box .top-search-input,
        .newsletter-overlay .nws-box .top-search-input {
          font-size: 18px;
          width: 75%;
          width: calc(100% - 95px);
          padding: 18px 15px 5px;
          line-height: 32px;
          height: 38px; } }
      @media screen and (max-width: 480px) {
        .search-overlay .search-box .top-search-input,
        .search-overlay .nws-box .top-search-input,
        .training-form-overlay .search-box .top-search-input,
        .training-form-overlay .nws-box .top-search-input,
        .data-science-form-overlay .search-box .top-search-input,
        .data-science-form-overlay .nws-box .top-search-input,
        .newsletter-overlay .search-box .top-search-input,
        .newsletter-overlay .nws-box .top-search-input {
          width: 65%; } }
      .search-overlay .search-box .top-search-input ::-webkit-input-placeholder,
      .search-overlay .search-box .top-search-input ::-moz-placeholder,
      .search-overlay .search-box .top-search-input ::-ms-input-placeholder,
      .search-overlay .nws-box .top-search-input ::-webkit-input-placeholder,
      .search-overlay .nws-box .top-search-input ::-moz-placeholder,
      .search-overlay .nws-box .top-search-input ::-ms-input-placeholder,
      .training-form-overlay .search-box .top-search-input ::-webkit-input-placeholder,
      .training-form-overlay .search-box .top-search-input ::-moz-placeholder,
      .training-form-overlay .search-box .top-search-input ::-ms-input-placeholder,
      .training-form-overlay .nws-box .top-search-input ::-webkit-input-placeholder,
      .training-form-overlay .nws-box .top-search-input ::-moz-placeholder,
      .training-form-overlay .nws-box .top-search-input ::-ms-input-placeholder,
      .data-science-form-overlay .search-box .top-search-input ::-webkit-input-placeholder,
      .data-science-form-overlay .search-box .top-search-input ::-moz-placeholder,
      .data-science-form-overlay .search-box .top-search-input ::-ms-input-placeholder,
      .data-science-form-overlay .nws-box .top-search-input ::-webkit-input-placeholder,
      .data-science-form-overlay .nws-box .top-search-input ::-moz-placeholder,
      .data-science-form-overlay .nws-box .top-search-input ::-ms-input-placeholder,
      .newsletter-overlay .search-box .top-search-input ::-webkit-input-placeholder,
      .newsletter-overlay .search-box .top-search-input ::-moz-placeholder,
      .newsletter-overlay .search-box .top-search-input ::-ms-input-placeholder,
      .newsletter-overlay .nws-box .top-search-input ::-webkit-input-placeholder,
      .newsletter-overlay .nws-box .top-search-input ::-moz-placeholder,
      .newsletter-overlay .nws-box .top-search-input ::-ms-input-placeholder {
        color: white;
        font-family: "Roboto Condensed", sans-serif; }
  .search-overlay .top-search,
  .search-overlay .nws-search,
  .training-form-overlay .top-search,
  .training-form-overlay .nws-search,
  .data-science-form-overlay .top-search,
  .data-science-form-overlay .nws-search,
  .newsletter-overlay .top-search,
  .newsletter-overlay .nws-search {
    display: table-cell;
    vertical-align: middle; }
    .search-overlay .top-search .search-wrap,
    .search-overlay .top-search .nws-wrap,
    .search-overlay .nws-search .search-wrap,
    .search-overlay .nws-search .nws-wrap,
    .training-form-overlay .top-search .search-wrap,
    .training-form-overlay .top-search .nws-wrap,
    .training-form-overlay .nws-search .search-wrap,
    .training-form-overlay .nws-search .nws-wrap,
    .data-science-form-overlay .top-search .search-wrap,
    .data-science-form-overlay .top-search .nws-wrap,
    .data-science-form-overlay .nws-search .search-wrap,
    .data-science-form-overlay .nws-search .nws-wrap,
    .newsletter-overlay .top-search .search-wrap,
    .newsletter-overlay .top-search .nws-wrap,
    .newsletter-overlay .nws-search .search-wrap,
    .newsletter-overlay .nws-search .nws-wrap {
      border-bottom: 2px solid #5e5e60; }
    .search-overlay .top-search .form-btn,
    .search-overlay .top-search .nws-btn,
    .search-overlay .nws-search .form-btn,
    .search-overlay .nws-search .nws-btn,
    .training-form-overlay .top-search .form-btn,
    .training-form-overlay .top-search .nws-btn,
    .training-form-overlay .nws-search .form-btn,
    .training-form-overlay .nws-search .nws-btn,
    .data-science-form-overlay .top-search .form-btn,
    .data-science-form-overlay .top-search .nws-btn,
    .data-science-form-overlay .nws-search .form-btn,
    .data-science-form-overlay .nws-search .nws-btn,
    .newsletter-overlay .top-search .form-btn,
    .newsletter-overlay .top-search .nws-btn,
    .newsletter-overlay .nws-search .form-btn,
    .newsletter-overlay .nws-search .nws-btn {
      color: white;
      background: #3fae2a;
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      line-height: 1;
      font-weight: 700;
      text-transform: uppercase;
      padding: 13px 20px;
      float: right;
      letter-spacing: 0.05em;
      margin-top: 6px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform: translate3d(0, 0, 0); }
      .search-overlay .top-search .form-btn:hover,
      .search-overlay .top-search .nws-btn:hover,
      .search-overlay .nws-search .form-btn:hover,
      .search-overlay .nws-search .nws-btn:hover,
      .training-form-overlay .top-search .form-btn:hover,
      .training-form-overlay .top-search .nws-btn:hover,
      .training-form-overlay .nws-search .form-btn:hover,
      .training-form-overlay .nws-search .nws-btn:hover,
      .data-science-form-overlay .top-search .form-btn:hover,
      .data-science-form-overlay .top-search .nws-btn:hover,
      .data-science-form-overlay .nws-search .form-btn:hover,
      .data-science-form-overlay .nws-search .nws-btn:hover,
      .newsletter-overlay .top-search .form-btn:hover,
      .newsletter-overlay .top-search .nws-btn:hover,
      .newsletter-overlay .nws-search .form-btn:hover,
      .newsletter-overlay .nws-search .nws-btn:hover {
        background: #3b8740;
        border-color: #3b8740;
        color: white; }
      @media screen and (max-width: 767px) {
        .search-overlay .top-search .form-btn,
        .search-overlay .top-search .nws-btn,
        .search-overlay .nws-search .form-btn,
        .search-overlay .nws-search .nws-btn,
        .training-form-overlay .top-search .form-btn,
        .training-form-overlay .top-search .nws-btn,
        .training-form-overlay .nws-search .form-btn,
        .training-form-overlay .nws-search .nws-btn,
        .data-science-form-overlay .top-search .form-btn,
        .data-science-form-overlay .top-search .nws-btn,
        .data-science-form-overlay .nws-search .form-btn,
        .data-science-form-overlay .nws-search .nws-btn,
        .newsletter-overlay .top-search .form-btn,
        .newsletter-overlay .top-search .nws-btn,
        .newsletter-overlay .nws-search .form-btn,
        .newsletter-overlay .nws-search .nws-btn {
          font-size: 12px;
          padding: 8px 10px;
          margin-top: 8px;
          float: right; } }
  .search-overlay .f-close-btn,
  .training-form-overlay .f-close-btn,
  .data-science-form-overlay .f-close-btn,
  .newsletter-overlay .f-close-btn {
    right: 22px;
    top: 30px; }

.content-970 {
  width: 100%;
  max-width: 970px;
  margin: 0 auto; }

.no-menu .search-overlay,
.no-menu .newsletter-overlay {
  top: 0px; }
.no-menu.fx-menu .search-overlay,
.no-menu.fx-menu .newsletter-overlay {
  top: 0px; }
  @media screen and (max-width: 767px) {
    .no-menu.fx-menu .search-overlay,
    .no-menu.fx-menu .newsletter-overlay {
      top: 0px; } }

@media screen and (max-width: 767px) {
  nav .main-menu > li.mobile-only {
    display: block; }

  .mobile-link,
  .toggle {
    display: block; }

  .mobile-link {
    margin-bottom: 10px; }

  .main-navigation {
    height: 71px; }
    .main-navigation .wrapper {
      padding: 0px 19px; }

  .logo {
    width: 110px; }

  .top-navigation {
    display: none; }

  .toggle {
    display: block;
    position: relative;
    width: 30px;
    float: right;
    margin-top: 26px;
    cursor: pointer; }
    .toggle span {
      display: block;
      width: 30px;
      height: 4px;
      background: #3fae2a;
      margin-bottom: 3px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform: translate3d(0, 0, 0); }
      .toggle span:last-of-type {
        margin-bottom: 0; }
    .toggle.active span {
      position: absolute; }
      .toggle.active span:nth-child(1) {
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 7px; }
      .toggle.active span:nth-child(2) {
        opacity: 0;
        top: 6px; }
      .toggle.active span:last-of-type {
        position: absolute;
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 7px; }

  .menu-wrapper {
    display: block;
    background: white;
    width: 100%;
    position: absolute;
    left: 0;
    top: 71px;
    z-index: 9;
    padding-left: 0;
    overflow: scroll; }

  nav {
    width: 100px;
    float: right; }
    nav .wrapper {
      padding: 0 20px; }
    nav .main-menu {
      background: #e8e8e8;
      /*width: 100% */
      margin: 0;
      margin-bottom: 30px; }
      nav .main-menu > li {
        display: block;
        float: none;
        padding: 14px 0px;
        margin: 0; }
        nav .main-menu > li:last-of-type {
          background: white;
          text-align: center;
          padding-left: 0; }
        nav .main-menu > li > a {
          margin-left: 20px;
          padding: 3px 0 14px;
          font-size: 18px;
          line-height: 24px; }
          nav .main-menu > li > a:after {
            bottom: 8px !important; }
        nav .main-menu > li > a.active {
          padding: 3px 0 14px 0; }
          nav .main-menu > li > a.active:after {
            height: 2px;
            bottom: 8px;
            width: 100%;
            left: 0; }
        nav .main-menu > li .button-default, nav .main-menu > li .button-white, nav .main-menu > li .button-green, nav .main-menu > li .button-orange {
          margin-top: 20px; }
        nav .main-menu > li.view-all {
          display: block; }
        nav .main-menu > li:hover > a:after {
          content: "";
          height: 0px;
          background: #3fae2a;
          position: absolute;
          bottom: 8px;
          width: 100%;
          left: 0;
          height: 2px;
          opacity: 1; }
      nav .main-menu .arrow-menu > a:hover:before {
        bottom: 0px; }
      nav .main-menu .arrow-menu:hover > a:before {
        opacity: 0; }
      nav .main-menu .arrow-menu:hover > a:after {
        opacity: 1;
        height: 2px; }
      nav .main-menu .submenu-head > a {
        font-size: 16px;
        line-height: 28px; }

  .menu-column .submenu {
    margin-top: 8px;
    margin-bottom: 28px; }
    .menu-column .submenu ul {
      border: 0;
      padding: 0; }
      .menu-column .submenu ul li {
        margin-bottom: 10px; }

  .drop-menu {
    position: relative;
    width: auto;
    top: 14px;
    padding: 20px 0px;
    border: 0;
    margin: 0; }
    .drop-menu .col-five,
    .drop-menu .col-two,
    .drop-menu .col-three,
    .drop-menu .col-four {
      width: 100%; }

  .menu-column .submenu li a {
    font-weight: 300; }

  .main-nav.off-canvas.fixed {
    height: 49px; }
  .main-nav.off-canvas .logo {
    width: 100px;
    height: 37px;
    padding: 14px 0; }
  .main-nav.off-canvas .toggle {
    margin-top: 16px; }
  .main-nav.off-canvas .menu-wrapper {
    top: 49px; }
  .main-nav.off-canvas .fix-search {
    display: none; }
  .main-nav.off-canvas nav .main-menu > li {
    padding: 14px 0; }
    .main-nav.off-canvas nav .main-menu > li > a {
      padding-bottom: 16px; }
      .main-nav.off-canvas nav .main-menu > li > a:hover:after {
        bottom: 8px; }
    .main-nav.off-canvas nav .main-menu > li .drop-menu {
      top: 14px; }
    .main-nav.off-canvas nav .main-menu > li:hover > a:after {
      bottom: 8px; }
    .main-nav.off-canvas nav .main-menu > li.arrow-menu > a:hover:before {
      bottom: 0; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .menu-wrapper {
    padding: 0; }

  .main-nav.off-canvas .logo {
    width: 125px;
    height: 45px;
    margin-left: -15px; }

  .top-menu .search {
    padding: 7px 17px 0 7px; }

  nav .main-menu > li {
    padding: 0; }
    nav .main-menu > li a {
      font-size: 18px;
      padding: 3px 10px 32px;
      padding-bottom: 32px;
      line-height: 22px; }
      nav .main-menu > li a:after {
        left: 10px;
        width: calc(100% - 20px); }
    nav .main-menu > li:last-of-type {
      padding: 20px 0px 21px 0px; }

  .main-nav.off-canvas nav .main-menu > li {
    padding: 21px 0; }
    .main-nav.off-canvas nav .main-menu > li .button-orange {
      margin-bottom: 0;
      border-bottom: 3px solid #e17000; }
  .main-nav.off-canvas nav .main-menu .fix-search {
    padding: 23px 10px 13px !important; }
    .main-nav.off-canvas nav .main-menu .fix-search .search-cover {
      width: 19px;
      height: 18px; }
      .main-nav.off-canvas nav .main-menu .fix-search .search-cover:hover img {
        margin-top: -19px; }
  .main-nav.off-canvas nav .main-menu .arrow-menu > a:hover:before {
    bottom: 11px; }
  .main-nav.off-canvas nav .main-menu > li:last-of-type {
    margin-left: 5px; }

  .drop-menu {
    padding: 35px 0 33px; }

  .menu-column .submenu-head > a {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 18px; }
    .menu-column .submenu-head > a:before {
      background-size: cover;
      width: 8px;
      height: 14px;
      top: 4px; }
    .menu-column .submenu-head > a:after {
      bottom: 9px !important; }
  .menu-column .submenu {
    margin-top: 10px; }
    .menu-column .submenu li {
      margin-bottom: 10px;
      padding-right: 20px; }
      .menu-column .submenu li a {
        font-size: 14px;
        line-height: 17px;
        font-weight: 300;
        padding-bottom: 0px; } }
.list-overlay {
  width: 100%;
  height: 100%;
  z-index: 99;
  display: none;
  -webkit-transition: visibility 0s ease 0.3s, opacity 0.3s ease 0s;
  transition: visibility 0s ease 0.3s, opacity 0.3s ease 0s;
  position: fixed; }
  .list-overlay .close-video {
    display: none;
    position: absolute;
    top: 30px;
    right: 22px;
    background: white url(../images/close-icon.png);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-indent: -9999px;
    background-position: 0 36px;
    cursor: pointer; }
  .list-overlay .overlay-elephant-logo {
    display: none; }

@media screen and (max-width: 767px) {
  header .menu-wrapper {
    display: none; } }
.cta-block {
  background-color: #3bb7d9;
  background-image: -webkit-linear-gradient(to right, #3bb7d9, #2ec093);
  background-image: -moz-linear-gradient(to right, #3bb7d9, #2ec093);
  background-image: -ms-linear-gradient(to right, #3bb7d9, #2ec093);
  background-image: -o-linear-gradient(to right, #3bb7d9, #2ec093);
  background-image: linear-gradient(to right, #3bb7d9, #2ec093);
  color: white;
  overflow: hidden; }
  .cta-block .v-middle-inner {
    max-width: 480px;
    margin: 0 auto; }
  .cta-block img {
    width: 100%; }
  .cta-block span,
  .cta-block p {
    float: left;
    padding: 0 0 0 10px; }
  .cta-block p {
    color: white;
    font-weight: 700;
    padding-top: 10px; }
  .cta-block h1 {
    font-size: 46px;
    padding-bottom: 40px;
    border-bottom: 2px solid white; }
  .cta-block .h1-substitute {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 46px;
    padding-bottom: 40px;
    border-bottom: 2px solid white;
    float: none; }
  .cta-block .cta-content {
    margin-top: 44px; }
  .cta-block .button-default, .cta-block .button-white, .cta-block .button-green, .cta-block .button-orange {
    margin-top: 40px;
    padding: 14px 10px 14px 10px;
    font-size: 16px; }
  .cta-block .cta-content {
    float: left; }

.contact-links {
  text-transform: uppercase;
  padding: 85px 0 60px; }
  .contact-links .wrapper {
    max-width: 960px; }
  .contact-links h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 300; }
  .contact-links .learn-more {
    margin-top: 10px; }
  .contact-links img {
    margin-bottom: 30px; }

.contact-link {
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif; }

.contact-form {
  padding: 68px 0 98px; }
  .contact-form .wrapper {
    max-width: 980px; }

.top-form form {
  margin-top: 68px; }
.top-form .button-green {
  margin-top: 4px; }

a.phone h4 {
  color: #404041;
  line-height: 30px;
  padding: 0;
  font-weight: 400;
  display: inline-block;
  position: relative; }
  a.phone h4:hover {
    color: #1fa4d4; }

.f-close-btn {
  position: fixed;
  top: 30px;
  right: 22px;
  background: white url(../images/close-icon.png);
  height: 36px;
  width: 36px;
  border-radius: 50%;
  text-indent: -9999px;
  background-position: 0 36px;
  cursor: pointer; }
  .f-close-btn:hover {
    background-position: 0 0; }
  @media screen and (max-width: 767px) {
    .f-close-btn {
      top: 20px; } }

.overlay-elephant-logo {
  position: absolute;
  top: 30px;
  left: 40px; }
  @media screen and (max-width: 1399px) {
    .overlay-elephant-logo {
      left: 20px; } }
  @media screen and (max-width: 1023px) {
    .overlay-elephant-logo {
      width: 100px;
      top: 20px;
      left: 20px; } }

.nws-wrap label.optin {
  position: absolute;
  top: 74px; }
  .nws-wrap label.optin .optinlabel {
    display: inline;
    color: #ababab; }

.minimal-contact {
  float: right;
  font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-top: 25px;
  margin-bottom: 5px; }

.minimal-contact a {
  vertical-align: bottom;
  color: #666666;
  line-height: 22px; }

.minimal-contact .contact-logo {
  margin-right: 10px; }

.footer .footer-nav {
  position: fixed;
  /*padding: 7px 0px */
  text-transform: uppercase;
  color: #55585b;
  width: 100%;
  bottom: 0;
  z-index: 9;
  font-family: "Roboto Condensed", sans-serif; }
  @media screen and (max-width: 666px) {
    .footer .footer-nav .col-two:last-of-type {
      border-top: 1px solid #b4b3af;
      padding-top: 5px; }
    .footer .footer-nav .col-two:first-of-type {
      padding-bottom: 5px; } }
  .footer .footer-nav.fixed {
    position: relative;
    width: 100%;
    bottom: 0; }
  .footer .footer-nav p {
    float: left;
    font-size: 16px;
    line-height: normal;
    padding-top: 1px;
    font-family: "Roboto Condensed", sans-serif;
    color: #55585b;
    letter-spacing: 0.049em; }
    @media screen and (max-width: 767px) {
      .footer .footer-nav p {
        font-size: 14px; } }
  .footer .footer-nav .footer-menu {
    float: left;
    cursor: pointer;
    padding: 5px 20px;
    margin-left: -20px; }
    .footer .footer-nav .footer-menu:after {
      display: block;
      content: "";
      clear: both; }
    .footer .footer-nav .footer-menu .hamburger {
      float: left;
      margin-top: 6px;
      margin-right: 10px; }
      .footer .footer-nav .footer-menu .hamburger span {
        display: block;
        background-color: #55585b;
        height: 2px;
        width: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .footer .footer-nav .footer-menu .hamburger .middle {
        margin-top: 3px;
        margin-bottom: 3px; }
  .footer .footer-nav .share {
    float: right;
    margin: 5px 0px;
    border-right: 1px solid #b4b3af; }
    @media screen and (max-width: 666px) {
      .footer .footer-nav .share {
        border: 0; } }
    .footer .footer-nav .share ul {
      padding-left: 0px;
      list-style: none;
      float: left;
      padding: 3px 0 1px 0;
      margin: 0 19px 0 0; }
      @media screen and (max-width: 666px) {
        .footer .footer-nav .share ul {
          margin: 0; } }
      .footer .footer-nav .share ul li {
        float: left;
        margin-left: 25px;
        padding: 2px 0 0 0;
        line-height: inherit;
        list-style-image: none;
        font-size: inherit; }
  .footer .footer-nav .newsletter {
    float: left;
    padding: 5px 20px;
    cursor: pointer; }
    .footer .footer-nav .newsletter .nws-white {
      display: none; }
    .footer .footer-nav .newsletter.open .nws-white {
      display: block; }
    .footer .footer-nav .newsletter.open .nws-dark {
      display: none; }
    @media screen and (max-width: 666px) {
      .footer .footer-nav .newsletter {
        border: 0;
        padding-left: 0px;
        padding-right: 10px; } }
    .footer .footer-nav .newsletter a {
      display: block;
      margin-top: 5px;
      margin-left: 19px;
      float: left; }
      @media screen and (max-width: 666px) {
        .footer .footer-nav .newsletter a {
          margin-left: 10px; } }
  .footer .footer-nav .questions {
    float: right;
    padding: 5px 0px; }
    .footer .footer-nav .questions a {
      display: block;
      float: left; }
.footer .legacy.language-form {
  line-height: 48px;
  position: relative;
  padding: 0; }
  .footer .legacy.language-form .smt-trigger {
    width: 100%;
    -webkit-transition: background 0.3s;
    transition: background 0.3s; }
    .footer .legacy.language-form .smt-trigger > a {
      padding: 0 85px 0 14px;
      display: block; }
      .footer .legacy.language-form .smt-trigger > a:hover {
        background: #d8d8d8; }
      .footer .legacy.language-form .smt-trigger > a:after {
        content: "";
        background-image: url("../images/svg/ui_language_chevron.svg");
        width: 16px;
        height: 10px;
        position: absolute;
        right: 19px;
        top: 19px; }
    .footer .legacy.language-form .smt-trigger > ul {
      border: 0;
      margin: 0;
      position: absolute;
      background-color: #e8e8e8;
      z-index: 99;
      width: 100% !important;
      left: 0px;
      bottom: 45px;
      padding-top: 0; }
  .footer .legacy.language-form .smt-item {
    padding-left: 14px;
    height: auto !important; }
    .footer .legacy.language-form .smt-item:hover {
      background: #d8d8d8; }
.footer .footer-wht {
  width: 100%; }
  .footer .footer-wht .sub-nav {
    padding: 30px 0 18px;
    border-bottom: 1px solid #dcdcd9; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .footer-wht .sub-nav {
        padding: 30px 0px; } }
    .footer .footer-wht .sub-nav:after {
      display: block;
      content: "";
      clear: both; }
    .footer .footer-wht .sub-nav .nav-menus {
      float: left; }
      .footer .footer-wht .sub-nav .nav-menus li {
        padding: 4px 0 0 40px;
        padding: 4px 0 0 30px \0; }
        .footer .footer-wht .sub-nav .nav-menus li:first-child {
          padding-left: 0; }
        .footer .footer-wht .sub-nav .nav-menus li a {
          text-decoration: none;
          color: #1fa4d4;
          font-size: 18px;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: normal;
          text-transform: capitalize; }
          @media screen and (min-width: 768px) and (max-width: 1023px) {
            .footer .footer-wht .sub-nav .nav-menus li a {
              font-size: 16px; } }
          .footer .footer-wht .sub-nav .nav-menus li a:after {
            background: none;
            width: 0px;
            height: 0px; }
    .footer .footer-wht .sub-nav .lic-number {
      float: right;
      margin-top: 5px; }
      .footer .footer-wht .sub-nav .lic-number ul:before {
        display: none;
        content: "";
        background-image: url("../images/logo-sml.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 45px;
        height: 31px;
        position: absolute;
        top: -4px;
        left: -63px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .footer .footer-wht .sub-nav .lic-number ul:before {
            left: 0; } }
      .footer .footer-wht .sub-nav .lic-number ul li {
        padding: 2px 0 0 9px;
        display: inline-block; }
        .footer .footer-wht .sub-nav .lic-number ul li:first-child, .footer .footer-wht .sub-nav .lic-number ul li:nth-child(2) {
          padding-right: 14px;
          border-right: 1px solid #dcdcd9; }
        .footer .footer-wht .sub-nav .lic-number ul li p {
          font-size: 16px;
          font-weight: 300;
          color: #181818; }
  .footer .footer-wht ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footer .footer-wht ul li {
      float: left;
      line-height: inherit;
      list-style-image: none; }
  .footer .footer-wht .trademarks {
    padding: 59px 0; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .footer .footer-wht .trademarks {
        padding: 25px 0; } }
    .footer .footer-wht .trademarks:after {
      display: block;
      content: "";
      clear: both; }
    .footer .footer-wht .trademarks .content-part {
      float: left;
      width: 61%;
      max-width: 802px;
      padding-right: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .footer-wht .trademarks .content-part {
          width: 100%;
          max-width: 100%;
          padding-right: 0; } }
      .footer .footer-wht .trademarks .content-part p {
        font-size: 16px;
        line-height: 21px;
        color: #3e3e3e;
        padding-top: 8px; }
        .footer .footer-wht .trademarks .content-part p a {
          color: #1fa4d4;
          text-decoration: none; }
    .footer .footer-wht .trademarks .media-part {
      width: calc(100% - 61%);
      float: right; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .footer-wht .trademarks .media-part {
          width: auto;
          float: left;
          margin-top: 20px; } }
      .footer .footer-wht .trademarks .media-part > ul {
        float: right; }
        .footer .footer-wht .trademarks .media-part > ul > li {
          position: relative;
          width: 48px;
          height: 48px;
          margin-left: 6px;
          text-align: center;
          cursor: pointer;
          padding: 0; }
          .footer .footer-wht .trademarks .media-part > ul > li:hover {
            background-color: #cccccc; }
          .footer .footer-wht .trademarks .media-part > ul > li a {
            display: block;
            line-height: 48px; }
            .footer .footer-wht .trademarks .media-part > ul > li a img {
              vertical-align: middle; }
        .footer .footer-wht .trademarks .media-part > ul .select-list {
          width: 160px;
          height: 48px; }
          .footer .footer-wht .trademarks .media-part > ul .select-list .selected:after {
            background-image: url("../images/up-arrow-dark.png");
            width: 16px;
            height: 10px;
            top: 19px; }
          .footer .footer-wht .trademarks .media-part > ul .select-list .options {
            top: auto;
            bottom: 48px;
            width: 100%; }
          .footer .footer-wht .trademarks .media-part > ul .select-list p {
            font-size: 16px;
            font-weight: 300;
            color: #2b2b2b; }
.footer .footer-dark {
  background-color: #272729;
  width: 100%;
  padding: 15px 0; }
  .footer .footer-dark:after {
    display: block;
    content: "";
    clear: both; }
  .footer .footer-dark .copyright {
    float: left; }
    .footer .footer-dark .copyright p {
      display: inline-block;
      font-size: 14px;
      line-height: 18px;
      color: white;
      padding-left: 40px; }
      @media screen and (max-width: 1399px) {
        .footer .footer-dark .copyright p {
          padding-left: 20px; } }
  .footer .footer-dark .policy-terms {
    float: right;
    padding-right: 19px; }
    .footer .footer-dark .policy-terms ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .footer .footer-dark .policy-terms ul li {
        float: left;
        padding: 0 0 2px 15px;
        list-style-image: none;
        line-height: inherit; }
        .footer .footer-dark .policy-terms ul li:first-child {
          padding-right: 15px;
          border-right: 1px solid #7c7c7c; }
        .footer .footer-dark .policy-terms ul li a {
          color: #1fa4d4;
          text-decoration: none;
          font-size: 14px; }

.footer-overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  background: url(../images/footer-overlay-bg.jpg) repeat;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 12;
  overflow-y: auto; }
  @media screen and (max-width: 767px) {
    .footer-overlay {
      height: 100% !important; } }
  .footer-overlay .footer-expand-menu {
    display: table;
    width: 100%;
    margin: 90px auto 0px;
    overflow-y: auto; }
    @media screen and (max-width: 767px) {
      .footer-overlay .footer-expand-menu {
        display: block;
        float: left; } }
    .footer-overlay .footer-expand-menu .f-menu-holder {
      width: 100%;
      padding: 20px 33px;
      display: table-cell;
      vertical-align: middle;
      float: left; }
      @media screen and (max-width: 1399px) and (min-width: 768px) {
        .footer-overlay .footer-expand-menu .f-menu-holder {
          padding: 20px 0; } }
      @media screen and (max-width: 767px) {
        .footer-overlay .footer-expand-menu .f-menu-holder {
          padding: 0;
          display: block;
          vertical-align: inherit; } }
      .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu {
        margin-bottom: 40px; }
        @media screen and (max-width: 767px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu {
            margin-bottom: 20px; } }
        .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu > li > a {
          display: block;
          font-family: "Roboto Condensed", sans-serif;
          font-size: 28px;
          line-height: 41px;
          color: white;
          text-transform: capitalize;
          position: relative;
          padding-bottom: 10px; }
          @media screen and (max-width: 1399px) and (min-width: 768px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu > li > a {
              font-size: 22px;
              line-height: 26px; } }
          @media screen and (max-width: 768px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu > li > a {
              font-size: 16px;
              line-height: 20px; } }
          .footer-overlay .footer-expand-menu .f-menu-holder .f-main-menu > li > a:after {
            content: "";
            background: white;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0; }
      .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu {
        margin-top: 6px; }
        @media screen and (max-width: 767px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu {
            display: none;
            padding-left: 10px; } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu > li {
            float: left;
            margin-right: 10px; } }
        .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu > li > a {
          font-family: "Roboto", sans-serif;
          font-size: 14px;
          line-height: 36px;
          color: white;
          text-transform: capitalize;
          position: relative; }
          @media screen and (max-width: 767px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu > li > a {
              line-height: 24px; } }
          .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu > li > a:after {
            content: "";
            background: white;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -7px;
            opacity: 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .footer-overlay .footer-expand-menu .f-menu-holder .f-sub-menu > li > a:hover:after {
            opacity: 1;
            bottom: -2px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu {
          width: 83%; } }
      .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li {
        margin-bottom: 20px; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li {
            float: left;
            margin-right: 20px;
            margin-bottom: 10px; } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li {
            float: left;
            margin-right: 15px;
            margin-bottom: 10px; } }
        @media screen and (max-width: 767px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li {
            margin-bottom: 10px; } }
        .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li > a {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 26px;
          line-height: 41px;
          color: white;
          text-transform: capitalize; }
          @media screen and (max-width: 1399px) and (min-width: 1280px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li > a {
              font-size: 24px; } }
          @media screen and (max-width: 1279px) and (min-width: 1024px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li > a {
              font-size: 22px;
              line-height: 30px; } }
          @media screen and (max-width: 1023px) and (min-width: 768px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li > a {
              font-size: 20px;
              line-height: 26px; } }
          @media screen and (max-width: 767px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .f-side-menu > li > a {
              font-size: 16px;
              line-height: 24px; } }
      .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
        max-width: 466px;
        float: left;
        margin-right: 60px;
        width: 100%; }
        @media screen and (min-width: 1280px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
            margin-right: 40px;
            width: calc(28% - 80px); } }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
            margin: 0 40px;
            width: calc(36% - 80px); } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
            max-width: 100%;
            margin-right: 0; } }
        @media screen and (max-width: 767px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
            max-width: 100%;
            margin: 0; } }
        .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col .col-two {
          padding-right: 30px; }
          @media screen and (max-width: 767px) {
            .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col .col-two {
              padding-right: 0; } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col .f-sub-head {
            width: 100%; } }
        .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col .f-sub-head > a {
          font-weight: 700;
          text-transform: uppercase; }
    .footer-overlay .footer-expand-menu .single-col {
      max-width: 204px;
      float: left;
      margin-right: 61px;
      width: 100%; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .footer-overlay .footer-expand-menu .single-col {
          margin-right: 0px;
          width: 25%;
          max-width: inherit; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .footer-overlay .footer-expand-menu .single-col {
          max-width: 100%;
          margin-right: 0; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .footer-overlay .footer-expand-menu .single-col {
          margin-right: 20px; } }
      @media screen and (max-width: 767px) {
        .footer-overlay .footer-expand-menu .single-col {
          max-width: 100%;
          margin: 0;
          width: 100%; } }
      .footer-overlay .footer-expand-menu .single-col:last-of-type {
        margin-right: 0;
        max-width: 198px;
        display: inline-block; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .footer-overlay .footer-expand-menu .single-col .f-sub-head {
          width: 100%; } }
      .footer-overlay .footer-expand-menu .single-col .f-sub-head > a {
        font-weight: 700;
        text-transform: uppercase; }
  .footer-overlay .f-mbl-link {
    display: none; }
    @media screen and (max-width: 767px) {
      .footer-overlay .f-mbl-link {
        display: block;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: white;
        text-transform: uppercase;
        font-weight: 700; } }
  .footer-overlay .f-mobile:before {
    content: "";
    background: url(../images/footer-menu-arrow.png) no-repeat;
    width: 15px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .footer-overlay .f-mobile.arrow_change:before {
    content: "";
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }

.footer .footer-wht .sub-nav .lic-number ul li:last-of-type {
  border-right: none;
  padding-right: 0; }

.breadcrumb {
  float: left;
  padding: 10px 0 0 8px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: 0.049em;
  font-weight: 700; }
  .breadcrumb a {
    color: #1fa4d4;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .breadcrumb a:hover {
      color: #5b5e61; }

.open {
  background: #323334;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 1399px) {
    .open {
      /*margin-left: 0!important */ } }
  .open .hamburger span {
    background: white !important; }
  .open p {
    color: white !important; }

.overlay {
  position: fixed !important;
  bottom: 0; }

@media screen and (max-width: 1100px) {
  .footer .footer-wht .sub-nav .lic-number {
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center; } }
@media screen and (max-width: 767px) {
  .footer .footer-wht .sub-nav {
    padding: 24px 0 20px; }
    .footer .footer-wht .sub-nav .nav-menus {
      text-align: center; }
      .footer .footer-wht .sub-nav .nav-menus li {
        float: none;
        display: inline-block;
        padding: 0 10px 10px 10px; }
        .footer .footer-wht .sub-nav .nav-menus li a {
          font-size: 16px; } }
        @media screen and (max-width: 767px) and (max-width: 479px) {
          .footer .footer-wht .sub-nav .nav-menus li a {
            font-size: 14px; } }
@media screen and (max-width: 767px) {
    .footer .footer-wht .sub-nav .lic-number {
      float: left;
      width: 100%;
      margin-top: 10px; }
      .footer .footer-wht .sub-nav .lic-number ul {
        padding-left: 0px; }
        .footer .footer-wht .sub-nav .lic-number ul:before {
          left: 0;
          width: 30px;
          background-size: 100%; }
        .footer .footer-wht .sub-nav .lic-number ul li p {
          font-size: 14px; }
  .footer .footer-wht .trademarks {
    padding: 20px 0; }
    .footer .footer-wht .trademarks .content-part {
      width: 100%;
      padding-right: 0; }
      .footer .footer-wht .trademarks .content-part p {
        font-size: 14px;
        padding-top: 0; }
    .footer .footer-wht .trademarks .media-part {
      width: 100%;
      float: left;
      margin-top: 20px; }
      .footer .footer-wht .trademarks .media-part > ul {
        width: 50%;
        float: left; } }
      @media screen and (max-width: 767px) and (max-width: 480px) {
        .footer .footer-wht .trademarks .media-part > ul {
          width: 100%;
          margin-bottom: 10px; } }
@media screen and (max-width: 767px) {
        .footer .footer-wht .trademarks .media-part > ul > li {
          margin: 0;
          margin-right: 5px;
          text-align: center;
          width: 36px;
          height: 36px; }
          .footer .footer-wht .trademarks .media-part > ul > li:last-of-type {
            margin-right: 0; }
          .footer .footer-wht .trademarks .media-part > ul > li a {
            line-height: 36px;
            display: block; }
            .footer .footer-wht .trademarks .media-part > ul > li a img {
              vertical-align: middle; }
        .footer .footer-wht .trademarks .media-part > ul .select-list {
          width: 150px;
          height: 36px; } }
        @media screen and (max-width: 767px) and (max-width: 480px) {
          .footer .footer-wht .trademarks .media-part > ul .select-list {
            width: 110px; } }
@media screen and (max-width: 767px) {
          .footer .footer-wht .trademarks .media-part > ul .select-list p {
            font-size: 14px; }
          .footer .footer-wht .trademarks .media-part > ul .select-list .selected:after {
            top: 14px; } }
          @media screen and (max-width: 767px) and (max-width: 480px) {
            .footer .footer-wht .trademarks .media-part > ul .select-list .selected:after {
              right: -25px; } }
@media screen and (max-width: 767px) {
          .footer .footer-wht .trademarks .media-part > ul .select-list .options {
            bottom: 36px; } }
        @media screen and (max-width: 767px) and (max-width: 480px) {
          .footer .footer-wht .trademarks .media-part > ul .select-list .v-middle-inner {
            padding: 0; } }
@media screen and (max-width: 767px) {
  .footer .footer-dark {
    padding: 15px 20px;
    text-align: center; }
    .footer .footer-dark .copyright {
      width: 100%; }
      .footer .footer-dark .copyright p {
        padding: 0; }
    .footer .footer-dark .policy-terms {
      float: left;
      width: 100%;
      padding: 0;
      margin-top: 10px; }
      .footer .footer-dark .policy-terms ul {
        text-align: center; }
        .footer .footer-dark .policy-terms ul li {
          float: none;
          display: inline-block; } }
.f-black-bar {
  width: 100%;
  padding: 22px 0;
  background: #323334; }
  @media screen and (max-width: 767px) {
    .f-black-bar {
      padding: 10px 0; } }
  .f-black-bar .lic-number {
    float: left;
    padding-top: 12px; }
    @media screen and (max-width: 767px) {
      .f-black-bar .lic-number {
        width: 100%;
        float: none; } }
    .f-black-bar .lic-number li {
      font-family: "Roboto", sans-serif;
      display: inline-block;
      padding-right: 14px;
      border-right: 1px solid white; }
      .f-black-bar .lic-number li:last-of-type {
        border: none;
        padding-left: 10px;
        padding-right: 0; }
  .f-black-bar a {
    color: white;
    font-size: 16px;
    line-height: 24px; }
    @media screen and (max-width: 767px) {
      .f-black-bar a {
        font-size: 14px; } }
  .f-black-bar .media-part {
    float: right; }
    @media screen and (max-width: 767px) {
      .f-black-bar .media-part {
        float: none;
        width: 100%;
        margin-top: 20px; } }
    .f-black-bar .media-part .select-list {
      width: 160px;
      height: 48px; }
      @media screen and (max-width: 767px) {
        .f-black-bar .media-part .select-list {
          height: 40px;
          width: 140px;
          margin-left: 0; } }
      .f-black-bar .media-part .select-list p {
        font-size: 16px;
        font-weight: 300; }
      @media screen and (max-width: 767px) {
        .f-black-bar .media-part .select-list .selected .v-middle-inner {
          padding: 0; } }
      .f-black-bar .media-part .select-list .selected:after {
        background-image: url("../images/up-arrow-dark.png");
        width: 16px;
        height: 10px;
        top: 19px; }
        @media screen and (max-width: 767px) {
          .f-black-bar .media-part .select-list .selected:after {
            top: 14px; } }
      .f-black-bar .media-part .select-list .options {
        top: auto;
        bottom: 48px;
        width: 100%; }
    .f-black-bar .media-part > ul > li {
      float: left;
      position: relative;
      width: 48px;
      height: 48px;
      margin-left: 6px;
      text-align: center;
      cursor: pointer;
      padding: 0; }
      @media screen and (max-width: 767px) {
        .f-black-bar .media-part > ul > li {
          width: 40px;
          height: 40px; } }
      .f-black-bar .media-part > ul > li a {
        display: block;
        line-height: 48px; }
        @media screen and (max-width: 767px) {
          .f-black-bar .media-part > ul > li a {
            line-height: 36px; } }
        .f-black-bar .media-part > ul > li a img {
          vertical-align: middle; }

.minimal-footer .footer-nav .share {
  border-right: 0px solid white; }

.minimal-footer .footer-wht .sub-nav .lic-number {
  float: none;
  margin: 10px 0; }

.minimal-footer .lic-number li:first-of-type {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #dddddd; }

/* we-slider */
.we-slider {
  width: 100%;
  height: auto;
  overflow: hidden; }
  .we-slider:after {
    display: block;
    content: "";
    clear: both; }
  .we-slider .slider {
    float: left;
    width: 1000000px;
    height: 100%;
    overflow: hidden; }
    .we-slider .slider .item {
      position: relative;
      float: left;
      overflow: hidden; }
      .we-slider .slider .item .bg-img {
        height: 100%; }
        .we-slider .slider .item .bg-img img {
          position: absolute;
          width: 100%;
          height: auto;
          transition: none; }
  .we-slider .slider-nav {
    position: absolute;
    bottom: 26px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    .we-slider .slider-nav .we-btn {
      position: absolute;
      top: 0;
      width: 100%; }
      .we-slider .slider-nav .we-btn.grey .prev,
      .we-slider .slider-nav .we-btn.grey .next {
        background: #dad9d6; }
        .we-slider .slider-nav .we-btn.grey .prev:hover,
        .we-slider .slider-nav .we-btn.grey .next:hover {
          background: #3bb7da; }
      .we-slider .slider-nav .we-btn .prev,
      .we-slider .slider-nav .we-btn .next {
        position: absolute;
        top: -6px;
        cursor: pointer;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        background: white;
        overflow: hidden; }
        .we-slider .slider-nav .we-btn .prev:hover,
        .we-slider .slider-nav .we-btn .next:hover {
          background: #b1b2b4; }
      .we-slider .slider-nav .we-btn .prev {
        left: -34px; }
      .we-slider .slider-nav .we-btn .next {
        right: -24px; }
    .we-slider .slider-nav span {
      background-color: white;
      border-radius: 50%;
      float: left;
      width: 12px;
      height: 12px;
      margin-right: 9px;
      cursor: pointer; }
    .we-slider .slider-nav .active {
      background-color: #b1b2b4; }

/* multi section slider */
.multi-section-slider {
  width: 100%;
  height: auto; }
  .multi-section-slider:after {
    display: block;
    content: "";
    clear: both; }
  .multi-section-slider .slider {
    float: left;
    width: 10000px;
    height: 100%;
    overflow: hidden; }
    .multi-section-slider .slider .item {
      position: relative;
      float: left;
      border-left: 1px solid #c7c7c7; }
      .multi-section-slider .slider .item:first-child {
        border: 0; }
      .multi-section-slider .slider .item .bg-img {
        height: 100%; }
        .multi-section-slider .slider .item .bg-img img {
          position: absolute;
          transition: none; }
  .multi-section-slider .slider-nav {
    position: absolute;
    bottom: 26px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    .multi-section-slider .slider-nav .we-btn {
      position: absolute;
      top: 0;
      width: 100%; }
      .multi-section-slider .slider-nav .we-btn.grey .prev,
      .multi-section-slider .slider-nav .we-btn.grey .next {
        background: #dad9d6; }
        .multi-section-slider .slider-nav .we-btn.grey .prev:hover,
        .multi-section-slider .slider-nav .we-btn.grey .next:hover {
          background: #3bb7da; }
      .multi-section-slider .slider-nav .we-btn .prev,
      .multi-section-slider .slider-nav .we-btn .next {
        position: absolute;
        top: -6px;
        cursor: pointer;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        background: white;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .multi-section-slider .slider-nav .we-btn .prev:hover,
        .multi-section-slider .slider-nav .we-btn .next:hover {
          background: #b1b2b4; }
      .multi-section-slider .slider-nav .we-btn .prev {
        left: -34px; }
      .multi-section-slider .slider-nav .we-btn .next {
        right: -24px; }
    .multi-section-slider .slider-nav span {
      background-color: white;
      border-radius: 50%;
      float: left;
      width: 12px;
      height: 12px;
      margin-right: 9px;
      cursor: pointer;
      border: 1px solid #b1b2b4; }
    .multi-section-slider .slider-nav .active {
      background-color: #b1b2b4; }

/* Webcast Slider */
#webcast-slider {
  overflow: hidden; }
  #webcast-slider p,
  #webcast-slider h5 {
    color: white; }
  #webcast-slider .item {
    width: 640px;
    height: 359px;
    border-right: 1px solid white;
    overflow: hidden; }
  #webcast-slider .wrapper {
    padding: 0 60px; }
    #webcast-slider .wrapper .bg-img img {
      width: 100%;
      height: auto; }
    #webcast-slider .wrapper .black-overlay {
      background-color: rgba(0, 0, 0, 0.3); }
    #webcast-slider .wrapper .v-middle {
      padding: 0 20px;
      text-align: left;
      vertical-align: bottom; }
    #webcast-slider .wrapper a {
      width: 100%;
      float: left;
      margin-bottom: 15px; }
    #webcast-slider .wrapper .item-caption {
      position: absolute;
      top: 0;
      left: 20px;
      background-color: #3bb7da;
      float: left;
      padding: 4px 15px; }
      #webcast-slider .wrapper .item-caption p {
        font-size: 14px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: 700; }
    #webcast-slider .wrapper .text-container {
      display: block;
      width: 100%;
      border-left: 2px solid #3db5e6;
      padding: 0 20px;
      margin-bottom: 25px;
      z-index: 0; }
      #webcast-slider .wrapper .text-container h5 {
        display: inline-block;
        line-height: normal;
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700; }
      #webcast-slider .wrapper .text-container p {
        font-size: 16px;
        padding-top: 18px; }
  #webcast-slider .slider-nav {
    bottom: 52px; }
    #webcast-slider .slider-nav .we-btn .prev,
    #webcast-slider .slider-nav .we-btn .next {
      background: #e8e8e8;
      border-radius: 50%;
      height: 24px;
      width: 24px; }
      #webcast-slider .slider-nav .we-btn .prev:hover,
      #webcast-slider .slider-nav .we-btn .next:hover {
        background: #1fa4d4; }
    #webcast-slider .slider-nav span {
      border: 1px solid #e8e8e8; }
      #webcast-slider .slider-nav span.active {
        background: #e8e8e8; }

/* Video carousel */
.video-carousel, .carousel {
  overflow: hidden; }
  .video-carousel .video-wrapper, .carousel .video-wrapper {
    height: 337px;
    overflow: hidden; }
  .video-carousel .item, .carousel .item {
    height: 337px; }
  .video-carousel .col-three, .carousel .col-three {
    width: auto; }
  .video-carousel .v-middle-wrapper, .carousel .v-middle-wrapper {
    background: rgba(0, 0, 0, 0.6); }
  .video-carousel h2, .carousel h2 {
    margin-bottom: 34px; }
  .video-carousel h4, .carousel h4 {
    color: white; }

.community-block .developer-wrapper {
  max-width: 850px;
  margin: 0 auto; }
  .community-block .developer-wrapper .video-wrapper {
    position: relative;
    overflow: initial;
    margin: 0 auto;
    height: auto;
    padding-bottom: 39px; }
  .community-block .developer-wrapper .v-middle-wrapper {
    background: transparent; }
  .community-block .developer-wrapper .developer-wrapper p {
    line-height: 26px; }

.feature .col-three:nth-of-type(even):before, .feature .col-three:nth-of-type(even):after,
.video-carousel .col-three:nth-of-type(even):before,
.video-carousel .col-three:nth-of-type(even):after {
  content: "";
  background: #8f8f8f;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2; }
  @media screen and (max-width: 767px) {
    .feature .col-three:nth-of-type(even):before, .feature .col-three:nth-of-type(even):after,
    .video-carousel .col-three:nth-of-type(even):before,
    .video-carousel .col-three:nth-of-type(even):after {
      width: 100%;
      height: 1px; } }
.feature .col-three:nth-of-type(even):after,
.video-carousel .col-three:nth-of-type(even):after {
  right: 0px;
  left: auto; }
  @media screen and (max-width: 767px) {
    .feature .col-three:nth-of-type(even):after,
    .video-carousel .col-three:nth-of-type(even):after {
      bottom: 0;
      top: auto; } }

.sol-carousel {
  padding: 54px 0 94px; }
  .sol-carousel .video-wrapper {
    height: 384px; }
  .sol-carousel .slider-nav {
    bottom: 45px; }
  .sol-carousel h2 {
    margin-bottom: 36px; }
  .sol-carousel .item {
    height: 384px; }
  .sol-carousel .multi-section-slider .move-up a {
    display: inline-block;
    margin-bottom: 24px; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #webcast-slider .wrapper .text-container h3 {
    line-height: 24px; }
  #webcast-slider .item {
    height: 300px; }
  #webcast-slider .slider-nav {
    bottom: 25px; }

  .video-carousel.feature .three-col-row {
    height: 250px; }
    .video-carousel.feature .three-col-row h2 {
      font-size: 18px;
      margin-bottom: 3px; }
    .video-carousel.feature .three-col-row p {
      font-size: 15px;
      line-height: 19px; }
    .video-carousel.feature .three-col-row .col-three:hover .hover-btn {
      -moz-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px); }
  .video-carousel .video-wrapper {
    height: 250px; }
  .video-carousel .item {
    height: 250px; } }
/* 481px to 767px */
@media screen and (max-width: 767px) {
  #webcast-slider .wrapper {
    padding: 0 15px; }
    #webcast-slider .wrapper .item-caption {
      padding: 0px 15px;
      left: 20px; }
      #webcast-slider .wrapper .item-caption h6 {
        font-size: 12px;
        line-height: 20px; }
    #webcast-slider .wrapper a img {
      width: 50px;
      height: 50px; }
    #webcast-slider .wrapper .text-container {
      left: 20px;
      padding-left: 20px;
      bottom: 10px; }
      #webcast-slider .wrapper .text-container h3 {
        line-height: 22px; }
  #webcast-slider .item {
    height: 300px; }
  #webcast-slider .slider-nav {
    bottom: 18px; }

  .video-carousel.feature .three-col-row h2 {
    font-size: 18px;
    margin-bottom: 3px; }
  .video-carousel.feature .three-col-row p {
    font-size: 15px;
    line-height: 19px; }
  .video-carousel.feature .three-col-row .col-three {
    height: 200px; }
    .video-carousel.feature .three-col-row .col-three:hover .hover-btn {
      -moz-transform: translateY(-80px);
      -o-transform: translateY(-80px);
      -ms-transform: translateY(-80px);
      -webkit-transform: translateY(-80px);
      transform: translateY(-80px); }
  .video-carousel .video-wrapper {
    height: 200px; }
  .video-carousel .item {
    height: 200px; }
  .video-carousel .multi-section-slider .slider-nav {
    bottom: 15px; }

  .carousel .multi-section-slider .slider-nav {
    bottom: 15px; } }
/* max-width-667 */
@media screen and (max-width: 667px) {
  #webcast-slider .multi-section-slider {
    margin-bottom: 15px; }
  #webcast-slider .slider-nav {
    bottom: 20px; } }
/* slide-in marketo form styles */
.slide-in-form-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

#slide-in-form-inner-container {
  position: relative;
  height: 100%;
  min-height: 100vh; }

#slide-in-form-container {
  position: absolute;
  color: white;
  background-color: #686868;
  padding-bottom: 20px;
  width: 386px;
  min-height: 100vh;
  left: 100%;
  display: none;
  z-index: 7; }
  #slide-in-form-container .slider_bg {
    position: fixed;
    background-color: #686868;
    background-image: url("http://hortonworks.com/wp-content/uploads/2016/06/Elephant_Skin.png");
    background-repeat: repeat-y;
    width: 385px;
    height: 100vh;
    z-index: -1; }
  #slide-in-form-container h2 {
    margin-left: 10px;
    font-size: 24px; }
  #slide-in-form-container input:focus ~ label,
  #slide-in-form-container .used ~ label {
    top: 5px;
    font-size: 12px;
    color: #9a9a9a; }
  #slide-in-form-container .description {
    margin-left: 10px;
    color: #ccc;
    font-size: 16px;
    margin-bottom: 18px; }
  #slide-in-form-container .col-two {
    width: 100%;
    margin-bottom: 14px; }
  #slide-in-form-container .optin-row {
    margin-bottom: 34px; }
  #slide-in-form-container .row {
    margin-bottom: 0; }
  #slide-in-form-container input {
    background-color: black;
    border: 1px solid black;
    color: #ccc;
    height: 40px; }
  #slide-in-form-container label {
    color: #ccc;
    font-size: 14px;
    font-weight: 500;
    text-align: left; }
  #slide-in-form-container label a {
    pointer-events: auto; }
  #slide-in-form-container input[type='checkbox'] {
    height: 20px;
    position: relative;
    top: 20px;
    cursor: pointer;
    pointer-events: auto; }
  #slide-in-form-container form {
    text-align: left; }
  #slide-in-form-container #submit {
    background-color: #3fae2a;
    border-color: #3fae2a;
    text-align: left;
    margin-top: 26px;
    margin-left: 10px; }

#slide-closer {
  float: right;
  cursor: pointer;
  margin-right: 10px; }

/* ==========================================================================
Home Page
========================================================================== */
.home-page .col-two h2 {
  margin-top: 36px;
  margin-bottom: 6px; }
.home-page .col-two p.green-text {
  font-weight: 700; }
.home-page .col-two p {
  font-weight: 300; }

svg .horton-modern-data,
svg .horton-hdf,
svg .horton-hdp {
  cursor: pointer; }

/* ==========================================================================
Search
========================================================================== */
.body-content .gsc-results-wrapper-visible {
  font-family: "Roboto", sans-serif; }
  .body-content .gsc-results-wrapper-visible table tr td {
    background: none;
    border: none; }
.body-content .gsc-control-cse .gsc-table-result {
  font-family: "Roboto", sans-serif; }

.body-content .gsc-option-menu-container .gsc-selected-option-container {
  width: 100% !important; }
.body-content .gs-webResult.gs-result a.gs-title:link,
.body-content .gs-webResult.gs-result a.gs-title:link b,
.body-content .gs-imageResult a.gs-title:link,
.body-content .gs-imageResult a.gs-title:link b,
.body-content .gs-webResult.gs-result a.gs-title:visited,
.body-content .gs-webResult.gs-result a.gs-title:visited b,
.body-content .gs-imageResult a.gs-title:visited,
.body-content .gs-imageResult a.gs-title:visited b {
  text-decoration: none;
  color: #1fa4d4;
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal; }
.body-content .gsc-resultsHeader {
  display: none; }
.body-content .gsc-results .gsc-cursor-box {
  margin: 10px auto;
  text-align: center; }
.body-content .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.body-content .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #404041;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  border: none;
  background: none;
  margin-right: 15px; }
  .body-content .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover,
  .body-content .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: #3eae2b;
    text-decoration: none; }
.body-content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #3eae2b;
  border: none;
  border-bottom: 2px solid #3eae2b; }
.body-content .gsc-table-result tbody tr td {
  padding: 5px 0; }
.body-content .gs-webResult div.gs-visibleUrl,
.body-content .gs-imageResult div.gs-visibleUrl {
  color: #6e6e70;
  font-size: 14px; }

.search-wrap {
  border-bottom: 1px solid #676767; }
  .search-wrap img {
    float: left;
    padding-top: 18px; }
    @media screen and (max-width: 767px) {
      .search-wrap img {
        width: 20px;
        padding-top: 15px; } }
  .search-wrap .top-search-input {
    width: calc(100% - 130px);
    background: transparent;
    float: left;
    border: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 40px;
    line-height: 41px;
    color: #676767;
    font-weight: 300;
    text-transform: capitalize;
    padding: 0 0 0 20px; }
    @media screen and (max-width: 1399px) and (min-width: 768px) {
      .search-wrap .top-search-input {
        width: calc(100% - 140px);
        font-size: 30px; } }
    @media screen and (max-width: 767px) {
      .search-wrap .top-search-input {
        font-size: 18px;
        width: calc(100% - 95px);
        padding: 18px 0px 5px 5px;
        line-height: 32px;
        height: 38px; } }
    @media screen and (max-width: 480px) {
      .search-wrap .top-search-input {
        font-size: 14px; } }
    .search-wrap .top-search-input ::-webkit-input-placeholder,
    .search-wrap .top-search-input ::-moz-placeholder,
    .search-wrap .top-search-input ::-ms-input-placeholder {
      color: #676767;
      font-family: "Roboto Condensed", sans-serif; }
  .search-wrap .form-btn {
    color: white;
    background: #3fae2a;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 20px;
    float: right;
    letter-spacing: 0.05em;
    margin-top: 0px;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      .search-wrap .form-btn {
        font-size: 12px;
        padding: 8px 10px;
        margin-top: 6px; } }

/* ==========================================================================
Careers Page
========================================================================== */
.benefit .list-content,
.career-benifit .list-content {
  padding-top: 5px; }
  @media screen and (max-width: 767px) {
    .benefit .list-content .col-two,
    .career-benifit .list-content .col-two {
      width: 100%; }
      .benefit .list-content .col-two:last-of-type,
      .career-benifit .list-content .col-two:last-of-type {
        margin-top: 22px; } }
.benefit .benefit-imgs,
.career-benifit .benefit-imgs {
  float: left;
  width: 70px;
  margin-top: 0;
  margin-right: 40px;
  margin-left: 25px; }
  @media screen and (max-width: 1399px) and (min-width: 1280px) {
    .benefit .benefit-imgs,
    .career-benifit .benefit-imgs {
      margin-right: 20px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .benefit .benefit-imgs,
    .career-benifit .benefit-imgs {
      width: 60px;
      margin-right: 20px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .benefit .benefit-imgs,
    .career-benifit .benefit-imgs {
      width: 50px;
      margin-right: 20px;
      margin-left: 0; } }
  @media screen and (max-width: 767px) {
    .benefit .benefit-imgs,
    .career-benifit .benefit-imgs {
      width: 40px;
      margin-right: 20px;
      margin-left: 0; } }

.career-benifit .text-container {
  margin-bottom: 22px; }
  @media screen and (max-width: 1023px) and (min-width: 480px) {
    .career-benifit .text-container {
      margin-bottom: 17px; } }
  @media screen and (max-width: 480px) {
    .career-benifit .text-container {
      margin-bottom: 12px; } }
  .career-benifit .text-container:last-of-type {
    margin-bottom: 0; }
    .career-benifit .text-container:last-of-type p {
      margin-bottom: 0; }
  .career-benifit .text-container .img-text {
    margin-bottom: 0; }

.second-level-banner h1,
.second-level-banner p,
.second-level-banner a {
  color: white;
  text-transform: uppercase; }
.second-level-banner h1 {
  font-size: 50px;
  padding-top: 32px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .second-level-banner h1 {
      font-size: 40px;
      padding-top: 24px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .second-level-banner h1 {
      font-size: 36px;
      padding-top: 20px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .second-level-banner h1 {
      font-size: 30px;
      padding-top: 20px; } }
  @media screen and (max-width: 480px) {
    .second-level-banner h1 {
      padding-top: 0px;
      font-size: 24px; } }
.second-level-banner .position-search > p,
.second-level-banner .social-search > p {
  font-size: 14px; }
.second-level-banner .bg-img {
  overflow: hidden;
  max-height: 343px; }
  .second-level-banner .bg-img img {
    width: 100%;
    height: auto;
    position: relative; }
.second-level-banner .search-block {
  font-size: 0px;
  margin-top: 4px; }
  .second-level-banner .search-block:after {
    display: block;
    content: "";
    clear: both; }
.second-level-banner .position-search {
  padding-top: 30px;
  padding-bottom: 48px; }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .second-level-banner .position-search {
      padding: 25px 0; } }
  @media screen and (max-width: 480px) {
    .second-level-banner .position-search {
      padding: 20px 0; } }
  .second-level-banner .position-search .select-list {
    display: inline-block;
    margin-right: 2px; }
    @media screen and (max-width: 480px) {
      .second-level-banner .position-search .select-list {
        margin: 5px auto;
        width: 177px;
        display: block; } }
    .second-level-banner .position-search .select-list .selected p {
      color: #404041;
      line-height: 16px; }
  .second-level-banner .position-search .options {
    top: 42px;
    height: 200px;
    overflow: scroll; }
    .second-level-banner .position-search .options p {
      color: #404041;
      font-weight: 700;
      font-size: 14px;
      line-height: 18px; }
  .second-level-banner .position-search button {
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    margin-left: 1px;
    padding: 10px 13px 9px 12px; }
    @media screen and (max-width: 767px) {
      .second-level-banner .position-search button {
        padding: 10px 13px 9px 12px;
        line-height: normal;
        font-size: 14px; } }
.second-level-banner .social-search ul {
  display: inline-block;
  margin-top: 8px; }
  .second-level-banner .social-search ul li {
    float: left;
    margin-left: 41px; }
    @media screen and (max-width: 480px) {
      .second-level-banner .social-search ul li {
        float: none;
        display: inline-block;
        margin-right: 25px;
        margin-left: 0;
        margin-bottom: 5px; } }
    .second-level-banner .social-search ul li:first-child {
      margin-left: 0px; }
    .second-level-banner .social-search ul li .learn-more:before {
      background: white; }
    .second-level-banner .social-search ul li .learn-more:after {
      background: url(../images/more-arrow-wht.png) no-repeat; }

#career-quick-links .heading-career {
  margin: 42px 0 88px; }
#career-quick-links .col-three-outer .col-three {
  padding: 43px 60px 80px; }
  #career-quick-links .col-three-outer .col-three .cource-img {
    height: auto;
    margin-bottom: 0px; }
  #career-quick-links .col-three-outer .col-three h1 {
    margin-top: 37px; }

/* ==========================================================================
Partners Page
========================================================================== */
.partner-intro {
  padding: 62px 0; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .partner-intro {
      padding: 52px 0; } }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .partner-intro {
      padding: 42px 0; } }
  @media screen and (max-width: 666px) and (min-width: 480px) {
    .partner-intro {
      padding: 32px 0; } }
  @media screen and (max-width: 479px) {
    .partner-intro {
      padding: 30px 0; } }
  .partner-intro .content-960 h2 {
    margin-bottom: 5px; }
  .partner-intro .content-960 p {
    line-height: 28px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .partner-intro .content-960 p {
        line-height: 26px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .partner-intro .content-960 p {
        line-height: 24px; } }
    @media screen and (max-width: 666px) and (min-width: 480px) {
      .partner-intro .content-960 p {
        line-height: 22px; } }
    @media screen and (max-width: 479px) {
      .partner-intro .content-960 p {
        line-height: 20px; } }
  .partner-intro .content-960 .button-default, .partner-intro .content-960 .button-white, .partner-intro .content-960 .button-green, .partner-intro .content-960 .button-orange {
    margin-top: 34px; }
    @media screen and (max-width: 767px) {
      .partner-intro .content-960 .button-default, .partner-intro .content-960 .button-white, .partner-intro .content-960 .button-green, .partner-intro .content-960 .button-orange {
        margin-top: 20px; } }

/* ==========================================================================
Solutions Page
========================================================================== */
@media screen and (min-width: 768px) {
  .sol-img-detail {
    display: table; }
    .sol-img-detail .col-three,
    .sol-img-detail .col-seven {
      display: table-cell;
      float: none; }
    .sol-img-detail .col-seven {
      vertical-align: middle; } }

#connected-data-platforms-info {
  padding: 0; }
  #connected-data-platforms-info .wrapper {
    text-align: center; }
  #connected-data-platforms-info img {
    width: 1000px; }

/* ==========================================================================
Training Pages
========================================================================== */
.cource-list {
  width: 100%;
  float: left; }
  .cource-list .cource-img img {
    max-height: 130px; }
  .cource-list .col-two {
    padding: 20px; }
    .cource-list .col-two.border-bottom:before {
      padding-bottom: 20px;
      content: "";
      position: absolute;
      left: 5%;
      bottom: 0px;
      width: 90%;
      border-bottom: 1px solid #ddd; }
  .cource-list .not-last:after {
    content: "";
    position: absolute;
    top: 5%;
    right: 0px;
    height: 90%;
    border-right: 1px solid #ddd; }
    @media screen and (max-width: 767px) {
      .cource-list .not-last:after {
        border-right: 0; } }
  .cource-list .col-three {
    padding: 0 60px; }
    .cource-list .col-three:last-of-type:after {
      border: none !important; }
    .cource-list .col-three.last-of-row:after {
      border-right: 0 !important; }
    .cource-list .col-three.border-bottom:before {
      padding-bottom: 20px;
      content: "";
      position: absolute;
      left: 5%;
      bottom: 0px;
      width: 90%;
      border-bottom: 1px solid #ddd; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .cource-list .col-three:nth-of-type(4) {
        clear: both; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .cource-list .col-three {
        padding: 0 30px; } }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .cource-list .col-three {
        /*height: 290px */
        padding: 0 20px; } }
    @media screen and (max-width: 767px) {
      .cource-list .col-three {
        width: 100%;
        padding: 20px 0;
        border-right: 0; } }
    .cource-list .col-three .cource-img {
      /*height: 113px */
      margin-bottom: 20px;
      margin-top: 8px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .cource-list .col-three .cource-img {
          margin: 0 auto;
          height: 110px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .cource-list .col-three .cource-img {
          height: 70px;
          margin: 0 auto 15px; } }
      @media screen and (max-width: 767px) {
        .cource-list .col-three .cource-img {
          width: 60px;
          height: auto;
          margin: 0 auto 10px; } }
      @media screen and (max-height: 767px) and (min-height: 667px) {
        .cource-list .col-three .cource-img {
          height: 200px;
          width: 100%; } }
      @media screen and (max-height: 666px) {
        .cource-list .col-three .cource-img {
          height: 165px;
          width: 100%; } }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .cource-list .col-three .cource-img img {
          height: 100%; } }
      @media screen and (max-height: 767px) {
        .cource-list .col-three .cource-img img {
          height: 100%; } }
    .cource-list .col-three h3 {
      color: #3fae2a; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .cource-list .col-three h3 {
          line-height: 30px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .cource-list .col-three h3 {
          line-height: 26px; } }
    .cource-list .col-three p {
      line-height: 28px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .cource-list .col-three p {
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .cource-list .col-three p {
          line-height: 20px; } }
    .cource-list .col-three .divider {
      width: 100%;
      border: 0;
      border-top: 1px solid #cecece;
      margin: 60px 0;
      height: 0; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .cource-list .col-three .divider {
          margin: 30px 0; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .cource-list .col-three .divider {
          margin: 20px 0; } }
      @media screen and (max-width: 767px) {
        .cource-list .col-three .divider {
          display: none; } }

.learning-menu li {
  margin-bottom: 11px; }
  @media screen and (max-width: 767px) {
    .learning-menu li {
      margin-bottom: 5px; } }
  .learning-menu li:last-of-type {
    margin: 0; }
  .learning-menu li a {
    display: inline-block;
    position: relative;
    color: #1fa4d4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700; }
    .learning-menu li a:before {
      content: "";
      width: 100%;
      height: 2px;
      background: #56badf;
      position: absolute;
      left: 0;
      bottom: -6px;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .learning-menu li a:hover:before {
      opacity: 1;
      bottom: -2px; }
    .learning-menu li a:after {
      content: "";
      background: url(../images/more_arrow.png) no-repeat;
      width: 6px;
      height: 10px;
      position: absolute;
      bottom: 3px;
      margin-left: 7px; }

.no-margin-bottom .inner-content {
  bottom: 17px !important; }
  .no-margin-bottom .inner-content h5, .no-margin-bottom .inner-content p {
    margin-bottom: 0px !important; }

/* ==========================================================================
Services Pages
========================================================================== */
.service-intro {
  padding-bottom: 0; }
  .service-intro .content-960 {
    max-width: 820px; }
    .service-intro .content-960 h2 {
      max-width: 610px;
      margin: 0 auto 6px; }
    .service-intro .content-960 p {
      line-height: 28px; }

.service-list .selectboxit-container {
  display: inline-block; }
  @media screen and (max-width: 666px) {
    .service-list .selectboxit-container span {
      height: 56px; } }
  @media screen and (max-width: 666px) {
    .service-list .selectboxit-container .selectboxit-arrow {
      top: 23px; } }
.service-list .selectboxit-text {
  font-weight: 400;
  border-bottom: 1px dotted #3db5e6;
  font-family: "Roboto Condensed", sans-serif;
  color: #3db5e6;
  cursor: pointer;
  display: inline-block;
  line-height: inherit;
  position: relative;
  padding: 5px 27px 0 0;
  font-size: 40px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .service-list .selectboxit-text {
      font-size: 36px;
      padding: 3px 27px 0 0; } }
  @media screen and (max-width: 767px) and (min-width: 667px) {
    .service-list .selectboxit-text {
      font-size: 34px;
      padding: 2px 27px 0 0; } }
  @media screen and (max-width: 666px) and (min-width: 480px) {
    .service-list .selectboxit-text {
      font-size: 30px;
      padding: 10px 27px 0 0; } }
  @media screen and (max-width: 479px) {
    .service-list .selectboxit-text {
      font-size: 28px;
      padding: 7px 27px 0 0; } }
.service-list .selectboxit-container .selectboxit {
  border: none;
  margin-top: 8px; }
.service-list .selectboxit-default-arrow {
  background: url(../images/service-list.png) no-repeat;
  right: 4px;
  top: 29px; }
.service-list .selectboxit-list.selectboxit-options {
  background: #3db5e6;
  padding: 8px 0;
  height: auto !important;
  position: absolute;
  overflow-x: visible;
  overflow-y: visible;
  max-height: 300px !important;
  max-width: 600px !important;
  border: none;
  top: -73px !important;
  left: -100px !important;
  z-index: 1000;
  width: auto; }
  .service-list .selectboxit-list.selectboxit-options li.selectboxit-focus.selectboxit-option {
    background: none; }
  .service-list .selectboxit-list.selectboxit-options li.selectboxit-option-first.selectboxit-option {
    display: block;
    cursor: default;
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 18px 30px 5px; }
    .service-list .selectboxit-list.selectboxit-options li.selectboxit-option-first.selectboxit-option .selectboxit-option-anchor {
      font-size: 16px;
      font-weight: 700;
      line-height: 20px; }
      .service-list .selectboxit-list.selectboxit-options li.selectboxit-option-first.selectboxit-option .selectboxit-option-anchor:after {
        content: "";
        border: none; }
  .service-list .selectboxit-list.selectboxit-options li.selectboxit-option:hover {
    background: #44697d; }
    .service-list .selectboxit-list.selectboxit-options li.selectboxit-option:hover:first-of-type {
      background: none; }
      .service-list .selectboxit-list.selectboxit-options li.selectboxit-option:hover:first-of-type a {
        cursor: default; }
  .service-list .selectboxit-list.selectboxit-options li.selectboxit-option:nth-child(2) .selectboxit-option-anchor:after {
    content: "";
    border: none; }
  .service-list .selectboxit-list.selectboxit-options li.selectboxit-option .selectboxit-option-anchor {
    cursor: default;
    font-size: 26px;
    line-height: 46px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    padding: 18px 30px 5px;
    color: white;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    padding: 6px 30px 9px; }
    .service-list .selectboxit-list.selectboxit-options li.selectboxit-option .selectboxit-option-anchor:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 30px;
      right: 30px;
      border-top: 1px solid #44697d; }

.service-two-up h2 {
  margin: 0 auto 55px; }
.service-two-up .col-two h3 {
  margin-top: 35px; }

.services h2 {
  margin: 0 !important;
  line-height: 34px; }
.services .button-default, .services .button-white, .services .button-green, .services .button-orange {
  margin-top: 33px; }

.services-block .content-870 h1 {
  margin: 93px auto 6px;
  max-width: 630px; }
.services-block .content-870 p {
  line-height: 28px; }

.service-table {
  border-collapse: collapse; }
  .service-table .row-head .cell-four,
  .service-table .row-head .cell-three {
    padding: 8px 18px;
    text-align: left; }
  .service-table .row-data .cell-four {
    width: 25%;
    border-right: 1px solid #dad9d6;
    border-bottom: 1px solid #dad9d6;
    padding: 27px 18px 28px; }
    .service-table .row-data .cell-four:first-of-type {
      font-weight: 700; }
  .service-table .row-data .cell-three {
    width: 33.33%;
    border-right: 1px solid #dad9d6;
    border-bottom: 1px solid #dad9d6;
    padding: 27px 18px 28px; }
    .service-table .row-data .cell-three:first-of-type {
      font-weight: 700; }

/* ==========================================================================
Downloads
========================================================================== */
.downloads {
  padding: 0 20px; }
  .downloads hr {
    margin: 20px 0; }
  .downloads .title-bar {
    background: #44697d;
    margin: 0 -20px 20px; }
    .downloads .title-bar p {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 22px;
      line-height: 38px;
      font-weight: 700;
      color: white;
      padding: 5px 20px 4px; }
  .downloads .item {
    padding: 10px 0 20px; }
    .downloads .item p {
      font-size: 16px; }
    .downloads .item h5 {
      font-family: "Roboto Condensed", sans-serif;
      line-height: 38px;
      margin-bottom: 12px; }
    .downloads .item h6 {
      margin-bottom: 5px; }
      .downloads .item h6.head-space {
        margin-top: 25px; }
    .downloads .item ul {
      padding: 9px 0; }
      .downloads .item ul li {
        padding: 0 19px;
        display: inline-block;
        position: relative; }
        .downloads .item ul li:before {
          content: "";
          position: absolute;
          width: 2px;
          height: 13px;
          left: 0;
          top: 5px;
          background-color: #626162; }
        .downloads .item ul li:first-child {
          padding-left: 0; }
          .downloads .item ul li:first-child:before {
            width: 0; }
        .downloads .item ul li a {
          font-size: 16px;
          line-height: 22px;
          color: #1fa4d4;
          text-decoration: none;
          position: relative; }
          .downloads .item ul li a:hover:before {
            opacity: 1;
            bottom: -3px; }
          .downloads .item ul li a:before {
            content: "";
            opacity: 0;
            background: #1fa4d4;
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0px;
            bottom: -13px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
    .downloads .item .beige-bg {
      padding: 9px 10px;
      border-bottom: 1px solid white;
      display: table;
      width: 100%;
      min-height: 61px; }
      .downloads .item .beige-bg .text-container {
        display: table-cell;
        width: 100%;
        padding: 0 10px;
        vertical-align: top; }
        .downloads .item .beige-bg .text-container p {
          padding-top: 8px; }
      .downloads .item .beige-bg .btn-container {
        display: table-cell;
        min-width: 335px;
        text-align: right; }
        .downloads .item .beige-bg .btn-container.double {
          min-width: 510px; }
        .downloads .item .beige-bg .btn-container.wide {
          min-width: 1050px; }
          .downloads .item .beige-bg .btn-container.wide .top {
            margin-bottom: 8px; }
        .downloads .item .beige-bg .btn-container ul {
          padding: 0; }
          .downloads .item .beige-bg .btn-container ul li {
            display: inline-block;
            padding: 0;
            border: 0;
            margin-left: 4px; }
            .downloads .item .beige-bg .btn-container ul li:before {
              width: 0; }
            .downloads .item .beige-bg .btn-container ul li a:hover:before {
              opacity: 0; }
        .downloads .item .beige-bg .btn-container .button-default, .downloads .item .beige-bg .btn-container .button-white, .downloads .item .beige-bg .btn-container .button-green, .downloads .item .beige-bg .btn-container .button-orange {
          margin: 0;
          padding: 10px 13px 10px 12px;
          min-width: 240px;
          font-family: "Roboto", sans-serif; }
  .downloads .accordion-downloads {
    margin-bottom: 40px; }
    .downloads .accordion-downloads .opener {
      display: block;
      border: 2px solid #e9e7e4;
      padding: 17px 20px 18px;
      cursor: pointer;
      height: 60px; }
      .downloads .accordion-downloads .opener p {
        font-size: 16px;
        line-height: 22px;
        float: left; }
      .downloads .accordion-downloads .opener .display {
        float: right;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        padding-right: 20px; }
        .downloads .accordion-downloads .opener .display:after {
          content: "";
          background: url(../images/down-arrow.png) no-repeat;
          width: 11px;
          height: 9px;
          position: absolute;
          right: 0;
          top: 6px;
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .downloads .accordion-downloads .opener .display.close {
          display: none; }
        .downloads .accordion-downloads .opener .display:last-child:after {
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
    .downloads .accordion-downloads .item {
      padding: 30px 20px; }
    .downloads .accordion-downloads hr {
      margin: 20px; }
    .downloads .accordion-downloads .accordion-content {
      /* display: none; */
      clear: both;
      border-left: 2px solid #e9e7e4;
      border-bottom: 2px solid #e9e7e4;
      border-right: 2px solid #e9e7e4; }

.other-products h2 {
  margin-bottom: 34px; }
.other-products h5 {
  font-family: "Roboto Condensed", sans-serif;
  color: white; }

.wrapper.downloads,
.wrapper.footnotes {
  padding: 0 40px; }
  @media screen and (max-width: 767px) {
    .wrapper.downloads,
    .wrapper.footnotes {
      padding: 0 20px; } }

/* ==========================================================================
Products Page
========================================================================== */
.info-product-page {
  padding: 7px 0 51px; }
  .info-product-page .product-logo {
    margin-bottom: 20px; }
  .info-product-page .wrapper h2 {
    margin-top: 14px; }
  .info-product-page .wrapper .col-two h3 {
    margin: 0 0 3px;
    color: #456b7e; }
  .info-product-page a.button-default, .info-product-page a.button-white, .info-product-page a.button-green, .info-product-page a.button-orange {
    margin-top: 23px; }
  .info-product-page .row-inner {
    padding-top: 48px; }

/* ==========================================================================
class type
========================================================================== */
#lab .icon-imgs img,
#objectives .icon-imgs img {
  max-width: 65%; }

/* ==========================================================================
Blog Single
========================================================================== */
.blog-slider span {
  font-size: 18px;
  font-weight: 500;
  font-weight: bold; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .blog-slider span {
      font-size: 16px; } }
  @media screen and (max-width: 767px) and (min-width: 479px) {
    .blog-slider span {
      font-size: 14px; } }
  @media screen and (max-width: 480px) {
    .blog-slider span {
      font-size: 14px; } }
.blog-slider .blog-wrapper {
  max-width: 992px;
  padding: 0 40px; }
.blog-slider .blog-space {
  padding: 31px 0;
  position: relative; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .blog-slider .blog-space {
      padding: 27px 0; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .blog-slider .blog-space {
      padding: 24px 0; } }
  @media screen and (max-width: 479px) {
    .blog-slider .blog-space {
      padding: 20px 0; } }
  .blog-slider .blog-space .left-postition {
    position: absolute;
    top: 35%;
    left: 3%; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .blog-slider .blog-space .left-postition {
        left: 2%; } }
    @media screen and (max-width: 1023px) {
      .blog-slider .blog-space .left-postition {
        left: 1%; } }
    @media screen and (max-width: 479px) {
      .blog-slider .blog-space .left-postition {
        top: 32%; } }
  .blog-slider .blog-space .right-postition {
    position: absolute;
    top: 30%;
    right: 3%; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .blog-slider .blog-space .right-postition {
        right: 2%; } }
    @media screen and (max-width: 1023px) {
      .blog-slider .blog-space .right-postition {
        right: 1%; } }
.blog-slider .blog-block {
  padding-top: 55px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .blog-slider .blog-block {
      padding-top: 45px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .blog-slider .blog-block {
      padding-top: 35px; } }
  @media screen and (max-width: 479px) {
    .blog-slider .blog-block {
      padding-top: 20px; } }
  .blog-slider .blog-block h2 {
    margin-bottom: 14px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .blog-slider .blog-block h2 {
        margin-bottom: 10px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .blog-slider .blog-block h2 {
        margin-bottom: 7px; } }
    @media screen and (max-width: 479px) {
      .blog-slider .blog-block h2 {
        margin-bottom: 5px; } }
    .blog-slider .blog-block h2 span {
      font-weight: 100;
      font-size: 18px;
      line-height: 28px; }
  .blog-slider .blog-block h6 {
    margin-bottom: 36px;
    font-size: 18px;
    font-weight: 700; }
    @media screen and (max-width: 1023px) and (min-width: 667px) {
      .blog-slider .blog-block h6 {
        font-size: 16px; } }
    @media screen and (max-width: 666px) {
      .blog-slider .blog-block h6 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 14px; } }
  .blog-slider .blog-block p {
    margin-bottom: 23px;
    line-height: 28px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .blog-slider .blog-block p {
        margin-bottom: 18px;
        line-height: 25px;
        font-size: 16px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .blog-slider .blog-block p {
        margin-bottom: 16px;
        line-height: 23px;
        font-size: 15px; } }
    @media screen and (max-width: 479px) {
      .blog-slider .blog-block p {
        margin-bottom: 14px;
        line-height: 20px;
        font-size: 14px; } }
    @media screen and (max-width: 767px) {
      .blog-slider .blog-block p .alignleft {
        float: none; } }
  .blog-slider .blog-block .blog-image {
    margin-bottom: 42px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .blog-slider .blog-block .blog-image {
        margin-bottom: 32px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .blog-slider .blog-block ul li {
      font-size: 16px;
      line-height: 25px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .blog-slider .blog-block ul li {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 11px; } }
  @media screen and (max-width: 479px) {
    .blog-slider .blog-block ul li {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 8px; } }
  .blog-slider .blog-block .bullet {
    padding-left: 40px; }
    .blog-slider .blog-block .bullet li {
      position: relative;
      padding: 0 0 0 7px;
      position: relative;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 17px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .blog-slider .blog-block .bullet li {
          font-size: 16px;
          line-height: 25px; } }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        .blog-slider .blog-block .bullet li {
          font-size: 15px;
          line-height: 23px;
          margin-bottom: 11px; } }
      @media screen and (max-width: 479px) {
        .blog-slider .blog-block .bullet li {
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 11px; } }
      .blog-slider .blog-block .bullet li:before {
        content: "";
        position: absolute;
        left: -20px;
        top: 10px;
        height: 9px;
        width: 9px;
        background: #44697d;
        border-radius: 50%; }
.blog-slider .comments-categories h6 {
  margin-bottom: 0; }
.blog-slider .comments-categories li {
  display: inline-block;
  border: 1px solid #c2c1bd;
  padding: 7px 12px 7px 13px;
  margin: 18px 5px 0 0;
  border-radius: 3px; }
  .blog-slider .comments-categories li:hover {
    background-color: #c2c1bd; }
  @media screen and (max-width: 1023px) and (min-width: 667px) {
    .blog-slider .comments-categories li {
      margin: 13px 4px 0 0;
      padding: 7px 10px 7px 11px;
      font-size: 14px; } }
  @media screen and (max-width: 666px) {
    .blog-slider .comments-categories li {
      font-size: 14px;
      margin: 9px 4px 0 0;
      padding: 7px 8px 7px 9px; } }
  .blog-slider .comments-categories li a {
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer; }
    .blog-slider .comments-categories li a:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1023px) and (min-width: 667px) {
      .blog-slider .comments-categories li a {
        font-size: 16px; } }
    @media screen and (max-width: 666px) {
      .blog-slider .comments-categories li a {
        font-size: 14px; } }
.blog-slider .comment-list {
  padding: 15px 0; }
  .blog-slider .comment-list h3 {
    margin: 20px 0 10px;
    font-weight: 300;
    font-size: 23px; }
    @media screen and (max-width: 1023px) and (min-width: 480px) {
      .blog-slider .comment-list h3 {
        font-size: 21px;
        margin: 17px 0 12px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .blog-slider .comment-list h3 {
        font-size: 19px;
        margin: 14px 0 8px; } }
    @media screen and (max-width: 479px) {
      .blog-slider .comment-list h3 {
        font-size: 17px;
        margin: 0; } }
  .blog-slider .comment-list p {
    position: relative;
    text-align: left; }
  .blog-slider .comment-list .comment {
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
    list-style: initial; }
  .blog-slider .comment-list a {
    color: #1fa4d4; }
  .blog-slider .comment-list .labels-on-top label {
    color: #999999; }
  .blog-slider .comment-list .form-submit {
    text-align: center; }
    .blog-slider .comment-list .form-submit input {
      height: auto;
      color: #3fae2a;
      font-weight: bold;
      background-color: #f2f0ef;
      color: #3fae2a;
      font-weight: bold;
      background-color: #f2f0ef;
      display: inline-block;
      padding: 11px 16px 11px 21px;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 0.05em;
      background: transparent;
      margin-top: 25px;
      cursor: pointer;
      font-weight: 700;
      font-family: "Roboto", sans-serif;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 2px solid #3fae2a;
      max-width: 158px; }
      @media screen and (max-width: 1023px) and (min-width: 480px) {
        .blog-slider .comment-list .form-submit input {
          margin-top: 20px; } }
      .blog-slider .comment-list .form-submit input:hover {
        background-color: #3fae2a;
        color: white; }
  .blog-slider .comment-list .says {
    color: #404041;
    font-size: 16px;
    font-weight: 300; }
  .blog-slider .comment-list .comment-notes {
    line-height: 1.5;
    font-size: 1em;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .blog-slider .comment-list .comment-notes {
        margin-top: 8px;
        margin-bottom: 12px; } }
    @media screen and (max-width: 479px) {
      .blog-slider .comment-list .comment-notes {
        margin-top: 4px;
        margin-bottom: 8px; } }
    .blog-slider .comment-list .comment-notes span {
      font-weight: 300; }
  .blog-slider .comment-list .used {
    top: 5px !important; }
  .blog-slider .comment-list .labels-on-top label {
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all; }
  .blog-slider .comment-list .children li {
    position: relative;
    left: 60px;
    padding-left: 0px; }
.blog-slider .author span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #404041;
  float: left;
  margin-right: 8px; }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .blog-slider .author span {
      font-size: 17px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .blog-slider .author span {
      font-size: 15px; } }
  @media screen and (max-width: 479px) {
    .blog-slider .author span {
      font-size: 14px; } }
  .blog-slider .author span a {
    float: left;
    width: 90%; }

.author-rss {
  width: 100%;
  float: left;
  margin-top: 10px; }
  .author-rss .author {
    width: 90%;
    float: left; }
  .author-rss .rss-feed {
    float: right;
    width: 20px; }
  .author-rss a .author span {
    top: -1px;
    color: #1fa4d4;
    position: relative; }
    .author-rss a .author span:before {
      content: "";
      opacity: 0;
      background: #1fa4d4;
      width: 100%;
      height: 2px;
      position: absolute;
      left: 0px;
      bottom: -15px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .author-rss a .author span:hover:before {
      opacity: 1;
      bottom: -5px; }
    @media screen and (max-width: 767px) {
      .author-rss a .author span {
        top: -4px; } }

.inner-blog > h1 {
  font-weight: 300; }

/* ==========================================================================
Developers Page
========================================================================== */
.skill-block {
  padding: 53px 0;
  border: 1px solid #dad9d6; }
  @media screen and (max-width: 666px) {
    .skill-block {
      padding: 15px 0; } }
  .skill-block .heading-career {
    margin-bottom: 8px; }
    .skill-block .heading-career h2 {
      margin-bottom: 11px; }

/* ==========================================================================
Apache Projects Overview
========================================================================== */
.isotope-no-results,
.no_more {
  display: none;
  text-align: center;
  font-weight: bold; }

.no_more {
  margin-top: 30px; }
  @media screen and (max-width: 479px) {
    .no_more {
      margin-top: 21px; } }

/* ==========================================================================
Single: Landing / Single: Attend Event
========================================================================== */
.lp-post-type .v-middle-inner {
  text-align: left; }

.hero-title {
  padding: 40px 20px; }

.hero-title h1 {
  color: white; }

/* ==========================================================================
Single: Attend Event
========================================================================== */
.attend-event {
  padding-top: 50px; }
  .attend-event .main-body {
    max-width: 1200px;
    margin: 0 auto; }
    .attend-event .main-body a, .attend-event .main-body a:visited {
      color: #38abe4; }
  .attend-event .hero-text {
    width: 60%;
    padding: 40px; }
  .attend-event .event-description {
    padding: 40px;
    font-size: 24px;
    font-weight: 300; }
  .attend-event #outer-frame {
    position: relative;
    overflow: hidden;
    height: 590px; }
  .attend-event #inner-frame {
    position: absolute;
    top: -240px;
    height: 1110px; }
  .attend-event iframe {
    margin: 0 auto;
    display: block;
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0; }
  .attend-event h1, .attend-event h2, .attend-event .hero-text #event_details, .attend-event .event-description {
    font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; }
  .attend-event h1 {
    margin: 0px 0 20px 0;
    font-weight: 600;
    line-height: 60px;
    font-size: 60px;
    text-transform: uppercase; }
  .attend-event h2#reg {
    margin: 40px 0 0 0; }
  .attend-event .page-summary {
    margin-bottom: 50px; }
  .attend-event #event-map {
    border: 0px; }
  .attend-event #event_details {
    margin: 20px 0; }
    .attend-event #event_details p {
      margin: 0;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 600;
      font-size: 24px; }

@media only screen and (max-width: 900px) {
  .attend-event .hero-text #event_details {
    font-size: 24px; }
  .attend-event h1 {
    font-size: 36px;
    line-height: 42px; }
  .attend-event .hero-text {
    width: 100%;
    padding: 20px; }
  .attend-event .event-description {
    padding: 20px; } }
.main-body .location-details {
  background-color: #eeeeee;
  padding: 20px;
  position: relative;
  margin-top: -140px; }

.block-two-products {
  background: url("http://hortonworks.com/wp-content/uploads/2016/02/cdp-product-bg.jpg") no-repeat top center;
  background-size: cover;
  text-align: center;
  min-height: 400px;
  padding: 35px; }
  .block-two-products h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 145%;
    margin: 40px 0 10px;
    font-weight: 300; }
  .block-two-products p {
    line-height: 1.5;
    font-size: 1em;
    font-weight: 300;
    margin-top: 16px;
    margin-bottom: 16px; }
  .block-two-products img {
    width: 125px;
    margin-top: 10px; }
  .block-two-products .col-two {
    padding: 0 30px; }

.block-service-customers .body-content ul li:before {
  width: 0; }

.block-our-offerings {
  padding-bottom: 90px; }
  .block-our-offerings .body th {
    min-height: 315px; }
  .block-our-offerings .table {
    text-align: center; }
  .block-our-offerings .td, .block-our-offerings .th {
    min-height: 4rem;
    border: 1px solid #ccc;
    text-align: center; }
  .block-our-offerings .tr {
    width: 100%; }
    .block-our-offerings .tr a {
      color: #3cb5e6;
      font-weight: bold; }
      .block-our-offerings .tr a img {
        width: 10px;
        vertical-align: middle; }
  .block-our-offerings .th {
    width: 24%;
    background: #eee;
    border-color: white;
    padding: 30px 20px;
    display: inline-table;
    min-height: 315px;
    margin: 3px 0;
    position: relative; }
    .block-our-offerings .th:first-of-type {
      text-align: left; }
    .block-our-offerings .th > div {
      display: inline-block; }
    .block-our-offerings .th p {
      font-size: 14px;
      margin: 20px 0 25px; }
    .block-our-offerings .th h3 {
      font-size: 26px; }
    .block-our-offerings .th .intro-p {
      display: inline-block; }
    .block-our-offerings .th .expanded-description p {
      font-weight: 400; }
  .block-our-offerings .intro {
    padding: 50px 20px;
    border: 1px solid #fff; }
    .block-our-offerings .intro h2 {
      margin-bottom: 10px; }
  .block-our-offerings .white-bg {
    background: #fff;
    min-height: 94px; }
  .block-our-offerings .tooltip {
    position: relative;
    display: inline-block; }
    .block-our-offerings .tooltip img {
      max-width: 103px;
      max-height: 115px;
      margin: 0 1px; }
  .block-our-offerings .tiptext {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    padding: 50px 30px;
    position: absolute;
    z-index: 1;
    font-size: 16px;
    line-height: 22px;
    left: 0;
    top: 0; }
    .block-our-offerings .tiptext::before {
      content: url("http://hortonworks.com/wp-content/uploads/2016/07/close.png");
      top: 10px;
      right: 10px;
      height: 15px;
      position: absolute; }
    .block-our-offerings .tiptext a {
      font-weight: 600;
      border: 2px solid #3cb5e6;
      margin-top: 20px; }
      .block-our-offerings .tiptext a:hover {
        background-color: #3bc5e6;
        color: #fff; }

/* Academic Training Partners Page: Overlay */
.ap-container .v-middle-wrapper, .certifications-objectives .v-middle-wrapper {
  position: relative; }
.ap-container .cta-block .v-middle-inner, .certifications-objectives .cta-block .v-middle-inner {
  max-width: none; }
  .ap-container .cta-block .v-middle-inner > div, .certifications-objectives .cta-block .v-middle-inner > div {
    font-weight: bold; }
    .ap-container .cta-block .v-middle-inner > div .button-default, .ap-container .cta-block .v-middle-inner > div .button-white, .ap-container .cta-block .v-middle-inner > div .button-green, .ap-container .cta-block .v-middle-inner > div .button-orange, .certifications-objectives .cta-block .v-middle-inner > div .button-default, .certifications-objectives .cta-block .v-middle-inner > div .button-white, .certifications-objectives .cta-block .v-middle-inner > div .button-green, .certifications-objectives .cta-block .v-middle-inner > div .button-orange {
      margin-left: 50px; }
    .ap-container .cta-block .v-middle-inner > div img, .certifications-objectives .cta-block .v-middle-inner > div img {
      width: auto;
      vertical-align: middle;
      margin: 10px; }
.ap-container .cta-block h1, .certifications-objectives .cta-block h1 {
  border-bottom: 0px solid transparent; }
.ap-container .cta-block h1.under, .certifications-objectives .cta-block h1.under {
  max-width: 546px;
  border-bottom: 2px solid white;
  margin: 0 auto; }
.ap-container .grey-bg, .certifications-objectives .grey-bg {
  background-color: #fff; }
.ap-container .contact-form a, .certifications-objectives .contact-form a {
  color: #1fa4d4;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px; }
.ap-container .all-academic-partners h4, .certifications-objectives .all-academic-partners h4 {
  padding-bottom: 15px; }
.ap-container .view-objectives h5, .certifications-objectives .view-objectives h5 {
  font-size: 18px;
  text-transform: uppercase; }
.ap-container .view-objectives .objectives-table, .certifications-objectives .view-objectives .objectives-table {
  border: 1px solid #ccc;
  overflow: auto;
  margin: 60px 0; }
  .ap-container .view-objectives .objectives-table .tabs, .certifications-objectives .view-objectives .objectives-table .tabs {
    overflow: auto; }
    .ap-container .view-objectives .objectives-table .tabs > div, .certifications-objectives .view-objectives .objectives-table .tabs > div {
      display: inline-block;
      text-transform: uppercase;
      padding: 15px 0;
      font-weight: bold;
      font-size: 15px;
      background-color: #eee; }
    .ap-container .view-objectives .objectives-table .tabs:hover, .certifications-objectives .view-objectives .objectives-table .tabs:hover {
      cursor: pointer; }
    .ap-container .view-objectives .objectives-table .tabs .active, .certifications-objectives .view-objectives .objectives-table .tabs .active {
      color: #fff;
      background-color: #46697d; }
      .ap-container .view-objectives .objectives-table .tabs .active:after, .certifications-objectives .view-objectives .objectives-table .tabs .active:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        top: 45px;
        left: 131px;
        border-top: 15px solid #46697d;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent; }
    .ap-container .view-objectives .objectives-table .tabs .col-five.active:after, .certifications-objectives .view-objectives .objectives-table .tabs .col-five.active:after {
      left: 72px; }
    .ap-container .view-objectives .objectives-table .tabs .col-two.active:after, .certifications-objectives .view-objectives .objectives-table .tabs .col-two.active:after {
      left: 205px; }
  .ap-container .view-objectives .objectives-table .tab-contents, .certifications-objectives .view-objectives .objectives-table .tab-contents {
    display: block; }
    .ap-container .view-objectives .objectives-table .tab-contents > div, .certifications-objectives .view-objectives .objectives-table .tab-contents > div {
      display: none; }
      .ap-container .view-objectives .objectives-table .tab-contents > div a, .certifications-objectives .view-objectives .objectives-table .tab-contents > div a {
        color: #1fa4d4;
        display: inline-block;
        margin-top: 10px; }
        .ap-container .view-objectives .objectives-table .tab-contents > div a::after, .certifications-objectives .view-objectives .objectives-table .tab-contents > div a::after {
          content: "";
          background: url(../images/more_arrow.png) no-repeat;
          width: 6px;
          height: 10px;
          position: absolute;
          right: -12px;
          top: 5px; }
      .ap-container .view-objectives .objectives-table .tab-contents > div > div, .certifications-objectives .view-objectives .objectives-table .tab-contents > div > div {
        font-size: 15px;
        text-align: left;
        border-top: 1px solid #ccc;
        padding: 30px; }
        .ap-container .view-objectives .objectives-table .tab-contents > div > div span, .certifications-objectives .view-objectives .objectives-table .tab-contents > div > div span {
          font-weight: lighter;
          margin-top: 10px; }
    .ap-container .view-objectives .objectives-table .tab-contents .active, .certifications-objectives .view-objectives .objectives-table .tab-contents .active {
      display: block; }
.ap-container #close-video, .certifications-objectives #close-video {
  z-index: 10000; }

/* Tech Preview */
.tab-content #getting-started .more-info li, .tab-content #atlas-ranger .more-info li, .tab-content #spark-zeppelin .more-info li, .tab-content #falcon .more-info li {
  display: block; }

.unsubscribe-page {
  text-align: center; }
  .unsubscribe-page .marketo_field.email {
    width: 500px;
    height: 40px;
    margin: 0 auto; }
  .unsubscribe-page #mkto_submit {
    margin-top: 32px; }

/* Trademarks: Usage Standards Overlay */
.usage-standards .v-middle-wrapper {
  position: relative; }
  .usage-standards .v-middle-wrapper .v-middle-inner {
    width: auto; }
    .usage-standards .v-middle-wrapper .v-middle-inner .v-middle > div {
      font-weight: bold;
      width: 767px;
      margin: 0 auto; }
      .usage-standards .v-middle-wrapper .v-middle-inner .v-middle > div img {
        width: auto;
        vertical-align: middle;
        margin-right: 15px; }
    .usage-standards .v-middle-wrapper .v-middle-inner .v-middle .button-default, .usage-standards .v-middle-wrapper .v-middle-inner .v-middle .button-white, .usage-standards .v-middle-wrapper .v-middle-inner .v-middle .button-green, .usage-standards .v-middle-wrapper .v-middle-inner .v-middle .button-orange {
      margin: 40px 10px; }
.usage-standards .standards-for-use {
  margin: 0 auto;
  max-width: 980px;
  text-align: left; }
  .usage-standards .standards-for-use p {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase; }
  .usage-standards .standards-for-use ol li {
    list-style-type: decimal;
    margin: 25px;
    line-height: 22px; }

.future-of-data-infograph .bit {
  font-size: 21px;
  text-align: center;
  min-height: 370px; }
  .future-of-data-infograph .bit h4 {
    font-size: 30px;
    font-weight: 700;
    margin: 5px 0;
    padding: 0; }
  .future-of-data-infograph .bit p {
    line-height: 34px; }
.future-of-data-infograph .pies {
  margin: 0 50px; }
.future-of-data-infograph .fourth {
  color: #666;
  vertical-align: top;
  display: inline-block;
  width: 24%;
  padding: 10px; }
  .future-of-data-infograph .fourth .whole {
    padding: 0 70px; }
  .future-of-data-infograph .fourth .bit {
    text-align: left; }
  .future-of-data-infograph .fourth img {
    margin: 10px;
    height: 100px;
    width: 100px; }
  .future-of-data-infograph .fourth h4 {
    font-size: 72px;
    line-height: 72px; }
  .future-of-data-infograph .fourth p {
    font-size: 30px;
    color: #666;
    font-family: 'Roboto Condensed', sans-serif; }
.future-of-data-infograph .fod-info {
  font-size: 36px;
  position: relative;
  padding: 0;
  text-align: center;
  line-height: 42px; }
  .future-of-data-infograph .fod-info span {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-transform: uppercase; }
.future-of-data-infograph #info-line-1 {
  margin: 1em; }
.future-of-data-infograph #info-line-2 {
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  color: #666; }
  .future-of-data-infograph #info-line-2 h3 {
    padding: 0;
    margin: 30px 0 5px 0;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase; }

/* ==========================================================================
404
========================================================================== */
.error404 .hero-second-level .bg-img {
  max-height: 600px; }
.error404 .hero-second-level .banner-text {
  padding: 100px 0 150px 30px; }
.error404 .hero-second-level h1 {
  font-family: "Roboto", sans-serif;
  font-size: 99px;
  text-transform: none;
  line-height: 160%; }
.error404 .hero-second-level h2 {
  font-size: 55px;
  line-height: 100%;
  font-weight: 600;
  max-width: 700px;
  margin-bottom: 5px; }
.error404 .hero-second-level h3 {
  font-size: 43px;
  color: white;
  font-weight: 400;
  text-transform: none;
  line-height: 100%; }
@media screen and (max-width: 666px) {
  .error404 .hero-second-level .banner-text {
    padding: 0; }
  .error404 .hero-second-level h1 {
    font-size: 40px; }
  .error404 .hero-second-level h2 {
    font-size: 25px; }
  .error404 .hero-second-level h3 {
    font-size: 19px; } }
.error404 .cta-bar {
  padding: 15px 20px; }
  .error404 .cta-bar p {
    vertical-align: middle; }
  .error404 .cta-bar form {
    display: inline-block;
    vertical-align: middle; }
    .error404 .cta-bar form input {
      height: 47px;
      width: auto;
      float: left; }
      .error404 .cta-bar form input[type='text'] {
        padding: 0px 20px;
        border: none;
        margin: 0 40px;
        width: 320px; }
  @media screen and (max-width: 666px) {
    .error404 .cta-bar form input[type='text'] {
      width: 220px;
      margin: 15px 20px 0 0; } }
.error404 .while-here .text-center h2 {
  margin: 60px 0; }
.error404 .while-here .col-four {
  text-align: center;
  padding: 80px 0; }
  .error404 .while-here .col-four + .col-four {
    border-left: 1px solid #c7c7c7; }
  .error404 .while-here .col-four .img-container {
    min-height: 100px; }
  .error404 .while-here .col-four h6 a {
    text-transform: uppercase;
    font-weight: 400; }
  @media screen and (max-width: 666px) {
    .error404 .while-here .col-four {
      width: 50%;
      min-height: 200px;
      padding: 20px 0; }
      .error404 .while-here .col-four + .col-four {
        border-left: none; } }

/* ============================= 
Formatting certification tables 
===============================*/
table.partner-certs {
  width: 100%;
  text-align: left;
  max-width: 900px;
  margin: 0 auto; }
  table.partner-certs th {
    color: #fff;
    background-color: #3FAE2A;
    padding: 5px 10px; }
  table.partner-certs td {
    padding: 5px 10px;
    line-height: 22px;
    font-weight: lighter; }
  table.partner-certs tr:nth-child(odd) {
    background-color: #f6f6f6; }
    table.partner-certs tr:nth-child(odd) td:first-child {
      background-color: #f0f0f0;
      font-weight: bold; }
  table.partner-certs tr:nth-child(even) {
    background-color: #f0f0f0; }
    table.partner-certs tr:nth-child(even) td:first-child {
      background-color: #e6e6e6;
      font-weight: bold; }

.short-code-display .short-code-container {
  margin-top: 35px; }
.short-code-display .partners {
  text-align: center; }
  .short-code-display .partners .partner {
    display: inline-block;
    margin: 5px 15px; }
    .short-code-display .partners .partner .logo img {
      max-width: 120px;
      max-height: 60px; }
    .short-code-display .partners .partner .name {
      display: none; }

/* ====================================
Contact-us page styles
========================================*/
.contact-us-mkto-form-container {
  height: 730px;
  background-image: url("http://hortonworks.com/wp-content/uploads/2016/08/contact-us-form-background.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain; }
  .contact-us-mkto-form-container .contact-us-mkto-form {
    max-width: 960px;
    margin: 0 auto; }
    .contact-us-mkto-form-container .contact-us-mkto-form input {
      /* width: 400px; */ }
    .contact-us-mkto-form-container .contact-us-mkto-form textarea {
      width: 100%; }
    .contact-us-mkto-form-container .contact-us-mkto-form #submit {
      background-color: #3fae2a;
      border-color: #3fae2a; }

.contact-us-mkto-bkg {
  overflow: hidden;
  max-height: 564px;
  border: 1px solid red;
  position: relative;
  top: 10px; }
  .contact-us-mkto-bkg img {
    max-width: inherit;
    width: 100%; }

/* ==========================================================================
Big Data Scorecard
========================================================================== */
#bds-survey-verbose {
  padding-top: 0; }
  #bds-survey-verbose .question_row {
    padding-top: 25px; }
    #bds-survey-verbose .question_row:after {
      content: '';
      display: table;
      clear: both; }
    #bds-survey-verbose .question_row:nth-child(odd) {
      border-bottom: 1px solid black;
      padding: 25px 0; }
    #bds-survey-verbose .question_row:last-child {
      border-bottom: none; }
  #bds-survey-verbose .question {
    width: 50%;
    float: left;
    padding: 0 5%; }
    #bds-survey-verbose .question .section_title {
      font-size: 12px;
      color: #777; }
    #bds-survey-verbose .question .question_label {
      font-size: 18px;
      margin: 0.2em 0 0.5em;
      color: #4b6f82;
      text-transform: uppercase; }
    #bds-survey-verbose .question .answer {
      margin-bottom: 0.5em; }
      #bds-survey-verbose .question .answer span {
        font-weight: bold;
        text-transform: uppercase; }

.bds-survey-results-title {
  text-align: center;
  margin-top: 60px; }
  .bds-survey-results-title h6 {
    font-style: italic; }

.bds-survey-results {
  text-align: center; }
  .bds-survey-results .legend {
    margin: 100px auto 0; }
    .bds-survey-results .legend div {
      display: inline-block;
      position: relative;
      padding-left: 60px;
      height: 25px;
      line-height: 25px;
      cursor: pointer;
      width: 210px;
      margin: 10px 0; }
      .bds-survey-results .legend div:before {
        content: '';
        position: absolute;
        left: 10px;
        width: 40px;
        height: 25px; }
      .bds-survey-results .legend div.user_current:before {
        background: #e17000; }
      .bds-survey-results .legend div.market_current:before {
        background: #456a7d; }
      .bds-survey-results .legend div.user_future:before {
        background: #3fb5e5; }
      .bds-survey-results .legend div.market_future:before {
        background: #f6a800; }
      .bds-survey-results .legend div.disabled {
        opacity: 0.4;
        text-decoration: line-through; }
  .bds-survey-results .chart_wrap #bds_results {
    margin: 0 auto;
    width: 90vw;
    height: auto; }
  .bds-survey-results #print_friendly_chart {
    display: none; }

.bds-survey-nav {
  text-align: center;
  float: none;
  padding-bottom: 50px; }

#big_data_survey {
  text-align: center;
  margin-bottom: 100px;
  /*----------------------------- Mobile Rules ----------------------------------*/ }
  #big_data_survey .sliders {
    width: 100px;
    float: left;
    margin-top: 35px;
    padding-left: 30px; }
    #big_data_survey .sliders .slider {
      position: relative;
      height: 280px;
      width: 21px;
      margin: 0px 14px 0 0;
      float: left;
      cursor: pointer; }
      #big_data_survey .sliders .slider .ui-slider-handle {
        position: relative;
        background-color: #E0E0E0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 20px;
        height: 20px;
        margin: -7px 0 0 -1px;
        display: inline-block;
        outline: none; }
        #big_data_survey .sliders .slider .ui-slider-handle.answer_1:before {
          content: 'A'; }
        #big_data_survey .sliders .slider .ui-slider-handle.answer_2:before {
          content: 'B'; }
        #big_data_survey .sliders .slider .ui-slider-handle.answer_3:before {
          content: 'C'; }
        #big_data_survey .sliders .slider .ui-slider-handle.answer_4:before {
          content: 'D'; }
        #big_data_survey .sliders .slider .ui-slider-handle.active {
          background-color: #33A6E0; }
          #big_data_survey .sliders .slider .ui-slider-handle.active:after {
            border-left-color: #33A6E0; }
        #big_data_survey .sliders .slider .ui-slider-handle:before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 2px;
          left: 6px;
          color: white; }
        #big_data_survey .sliders .slider .ui-slider-handle:after {
          content: '';
          display: block;
          position: absolute;
          right: -8px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 8px solid #E0E0E0; }
      #big_data_survey .sliders .slider:before {
        content: '';
        position: absolute;
        height: 365px;
        width: 21px;
        padding: 0px 10px;
        box-sizing: border-box;
        background-clip: content-box;
        background-color: #ececec; }
      #big_data_survey .sliders .slider:after {
        content: 'NOW';
        display: inline-block;
        position: absolute;
        right: 4px;
        bottom: -91px;
        color: #33A6E0;
        font-size: 12px;
        white-space: nowrap;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      #big_data_survey .sliders .slider + .slider .ui-slider-handle.active {
        background-color: #307631; }
        #big_data_survey .sliders .slider + .slider .ui-slider-handle.active:after {
          border-left-color: #307631; }
      #big_data_survey .sliders .slider + .slider .ui-slider-handle:after {
        border-left: 8px solid #E0E0E0; }
      #big_data_survey .sliders .slider + .slider:after {
        content: '+ 2 YEARS';
        color: #307631;
        bottom: -77px;
        right: -10px; }
      #big_data_survey .sliders .slider .touchpoints {
        display: none; }
  #big_data_survey option.select-label {
    font-weight: 400; }
  #big_data_survey .question_group {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    float: none;
    padding: 60px 0 0; }
    #big_data_survey .question_group .icon {
      width: 75px;
      height: 75px;
      position: absolute;
      top: 5px;
      left: -47px;
      background: white url("/wp-content/plugins/hortonworks-big-data-scorecard/includes/images/icons_sprite.png") 0 0 no-repeat;
      background-size: 525px 375px;
      margin: 33px 10px 10px;
      cursor: pointer; }
      #big_data_survey .question_group .icon img {
        max-width: 100%;
        max-height: 100%; }
      #big_data_survey .question_group .icon:before {
        content: '';
        cursor: auto;
        display: block;
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 10px;
        background: white; }
      #big_data_survey .question_group .icon:after {
        content: '';
        display: block;
        position: absolute;
        left: 37px;
        bottom: -53px;
        width: 2px;
        height: 43px;
        background: #c5c5c5; }
    #big_data_survey .question_group#sponsorship .icon {
      background-position-x: 0; }
    #big_data_survey .question_group#data-analytics .icon {
      background-position-x: -75px; }
    #big_data_survey .question_group#technology-infrastructure .icon {
      background-position-x: -150px; }
    #big_data_survey .question_group#organization-skills .icon {
      background-position-x: -225px; }
    #big_data_survey .question_group#process-management .icon {
      background-position-x: -300px; }
    #big_data_survey .question_group#additional-info .icon {
      background-position-x: -375px; }
    #big_data_survey .question_group.step_0 .icon {
      background-position-y: 0; }
    #big_data_survey .question_group.step_1 .icon {
      background-position-y: -75px; }
    #big_data_survey .question_group.step_2 .icon {
      background-position-y: -150px; }
    #big_data_survey .question_group.step_3 .icon {
      background-position-y: -225px; }
    #big_data_survey .question_group.step_4 .icon {
      background-position-y: -300px; }
    #big_data_survey .question_group:first-child .questions {
      display: block; }
    #big_data_survey .question_group.last .icon:after {
      content: none; }
    #big_data_survey .question_group .questions {
      display: none;
      padding: 0 20px;
      border-left: 2px solid #c5c5c5; }
      #big_data_survey .question_group .questions .row {
        margin-bottom: 100px; }
      #big_data_survey .question_group .questions:after {
        display: block;
        content: "";
        clear: both; }
    #big_data_survey .question_group#additional-info .questions {
      padding: 0 90px; }
    #big_data_survey .question_group#additional-info .industries p {
      margin-bottom: 30px; }
    #big_data_survey .question_group#additional-info .industries label {
      font-weight: normal;
      font-size: 16px;
      left: 42px; }
    #big_data_survey .question_group#additional-info .industries:after {
      display: block;
      content: "";
      clear: both; }
    #big_data_survey .question_group#additional-info .label_wrap {
      position: relative;
      float: left;
      width: 33%; }
      #big_data_survey .question_group#additional-info .label_wrap input {
        cursor: pointer; }
      #big_data_survey .question_group#additional-info .label_wrap:after {
        display: block;
        content: "";
        clear: both; }
    #big_data_survey .question_group p a {
      display: block;
      text-transform: uppercase;
      font-weight: normal;
      color: #4b6f82;
      position: relative;
      margin: 0 0 50px 132px;
      font-size: 28px;
      font-weight: 500;
      line-height: 100%; }
      #big_data_survey .question_group p a:before {
        content: '';
        display: block;
        position: absolute;
        left: -84px;
        top: 50%;
        width: 64px;
        height: 2px;
        background: #979797; }
  #big_data_survey .question {
    float: left;
    width: 50%; }
    #big_data_survey .question[data-answer-now="1"] .option_1 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-now="2"] .option_2 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-now="3"] .option_3 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-now="4"] .option_4 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-future="1"] .option_1 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-future="2"] .option_2 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-future="3"] .option_3 {
      font-weight: bold; }
    #big_data_survey .question[data-answer-future="4"] .option_4 {
      font-weight: bold; }
    #big_data_survey .question.validation_error .title {
      color: red; }
    #big_data_survey .question .options {
      width: calc( 100% - 100px );
      padding: 0 20px;
      float: left; }
      #big_data_survey .question .options p.title {
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 35px;
        white-space: nowrap; }
      #big_data_survey .question .options .option {
        padding: 10px 0;
        height: 70px; }
        #big_data_survey .question .options .option .option_table_outer {
          height: 70px;
          display: table-cell;
          vertical-align: middle; }
  #big_data_survey #additional-info .industries {
    margin-bottom: 30px; }
  #big_data_survey #additional-info .questions .row {
    margin-bottom: 30px; }
    #big_data_survey #additional-info .questions .row label.placeholder {
      left: 20px; }
    #big_data_survey #additional-info .questions .row .col {
      padding: 0; }
    #big_data_survey #additional-info .questions .row .col-two {
      padding: 0 11px 0 0; }
      #big_data_survey #additional-info .questions .row .col-two + .col-two {
        padding: 0 0 0 11px; }
        #big_data_survey #additional-info .questions .row .col-two + .col-two label.placeholder {
          left: 31px; }
  #big_data_survey .error {
    color: #e17000;
    font-weight: bold; }
  #big_data_survey .success {
    color: #3fae2a;
    font-weight: bold; }
  #big_data_survey #submit:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  #big_data_survey .ajax-loader {
    visibility: hidden; }
  @media screen and (max-width: 1023px) and (min-width: 0) {
    #big_data_survey .question_group {
      width: calc( 100% - 50px );
      margin: 0 0 0 50px; }
    #big_data_survey .sliders {
      padding-left: 0;
      width: 70px; }
    #big_data_survey .question .options {
      width: calc( 100% - 70px ); }
    #big_data_survey #additional-info .industries .label_wrap {
      width: 50%; }
    #big_data_survey .sliders .slider .touchpoints {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute; }
      #big_data_survey .sliders .slider .touchpoints .touchpoint {
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: #eeeeee;
        border: 1px solid #dddddd;
        position: absolute;
        margin-top: -7px;
        opacity: 0.55; }
        #big_data_survey .sliders .slider .touchpoints .touchpoint.a {
          top: 25%; }
        #big_data_survey .sliders .slider .touchpoints .touchpoint.b {
          top: 50%; }
        #big_data_survey .sliders .slider .touchpoints .touchpoint.c {
          top: 75%; }
        #big_data_survey .sliders .slider .touchpoints .touchpoint.d {
          top: 100%; } }
  @media screen and (max-width: 666px) and (min-width: 0) {
    #big_data_survey .question {
      width: 100%;
      margin-bottom: 60px; }
    #big_data_survey .question_group p a {
      font-size: 22px;
      margin: 0 0 50px 70px; }
      #big_data_survey .question_group p a:before {
        left: -27px;
        width: 22px; }
    #big_data_survey .question_group .questions .row {
      margin-bottom: 0; }
    #big_data_survey .question_group#additional-info .questions {
      padding: 0 15px; }
      #big_data_survey .question_group#additional-info .questions input[type=radio] {
        width: 10%;
        padding: 0; }
    #big_data_survey .question .options {
      padding: 0 14px; }
    #big_data_survey .question .options p.title {
      margin-bottom: 48px; }
    #big_data_survey .question .options .option {
      height: 114px;
      font-size: 14px;
      position: relative;
      padding: 0; }
    #big_data_survey .question .options .option .option_table_outer {
      display: table-cell;
      vertical-align: middle;
      height: 114px; }
    #big_data_survey .sliders {
      margin-top: 6px; }
    #big_data_survey .sliders .slider {
      height: 456px; }
    #big_data_survey .sliders .slider:before {
      height: 538px; }
    #big_data_survey .sliders .slider:after {
      bottom: -72px; }
    #big_data_survey .sliders .slider + .slider:after {
      bottom: -62px; }
    #big_data_survey #additional-info .industries .label_wrap {
      width: 100%; }
    #big_data_survey #additional-info .questions .row label.placeholder {
      left: 32px; }
    #big_data_survey #additional-info .questions .row .col-two {
      padding: 0 11px; }
      #big_data_survey #additional-info .questions .row .col-two + .col-two {
        padding: 0 11px; }
    #big_data_survey #additional-info .questions .row .col {
      padding: 0 11px; } }
  @media screen and (max-width: 768px) and (min-width: 667px) {
    #big_data_survey .question {
      margin-bottom: 60px; }
    #big_data_survey .question_group p a {
      font-size: 26px; }
    #big_data_survey .question_group .questions .row {
      margin-bottom: 0; }
    #big_data_survey .question_group#additional-info .questions input[type=radio] {
      width: 10%;
      padding: 0; }
    #big_data_survey .question .options p.title {
      min-height: 60px;
      margin-bottom: 0; }
    #big_data_survey .question .options .option {
      height: 120px;
      font-size: 14px;
      padding: 0; }
    #big_data_survey .question .options .option .option_table_outer {
      display: table-cell;
      vertical-align: middle;
      height: 120px; }
    #big_data_survey .sliders {
      margin-top: 2px; }
    #big_data_survey .sliders .slider {
      height: 476px; }
    #big_data_survey .sliders .slider:before {
      height: 562px; }
    #big_data_survey .sliders .slider:after {
      bottom: -72px; }
    #big_data_survey .sliders .slider + .slider:after {
      bottom: -62px; } }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    #big_data_survey .question {
      margin-bottom: 60px; }
    #big_data_survey .question_group p a {
      font-size: 26px; }
    #big_data_survey .question_group .questions .row {
      margin-bottom: 0; }
    #big_data_survey .question_group#additional-info .questions input[type=radio] {
      width: 10%;
      padding: 0; }
    #big_data_survey .question .options p.title {
      min-height: 58px;
      margin-bottom: 6px; }
    #big_data_survey .question .options .option {
      height: 116px;
      font-size: 15px;
      padding: 0; }
    #big_data_survey .question .options .option .option_table_outer {
      display: table-cell;
      vertical-align: middle;
      height: 116px; }
    #big_data_survey .sliders {
      margin-top: 2px; }
    #big_data_survey .sliders .slider {
      height: 460px; }
    #big_data_survey .sliders .slider:before {
      height: 534px; }
    #big_data_survey .sliders .slider:after {
      bottom: -66px; }
    #big_data_survey .sliders .slider + .slider:after {
      bottom: -54px; } }

.learn-on-demand {
  line-height: 1.4em; }

.interns-intro-block img {
  margin-top: 21px; }

.interns-info-three .col-three img {
  max-width: 250px;
  border-radius: 300px;
  border: 3px solid #fff; }

.developers-info-block h3 {
  color: #3fae2a;
  font-weight: bold; }

.pi-certs-descriptions .col-two {
  min-height: 420px; }

.hwx-team h3 {
  font-size: 32px; }
.hwx-team h4 {
  text-transform: uppercase;
  font-weight: 400; }
.hwx-team div {
  line-height: 26px;
  font-size: 18px; }

/*----------------------------- Find A Partner styles ------------------------------*/
.find-a-partner-content .region-filter-wrapper {
  display: none; }
.find-a-partner-content #global-filter-web {
  margin-top: -60px; }
.find-a-partner-content .filter-section-mobile, .find-a-partner-content .mobile-element {
  display: none; }
.find-a-partner-content .partner_type {
  cursor: pointer; }
.find-a-partner-content .blue-container {
  background-color: #3db5e7;
  height: 78px; }
.find-a-partner-content li {
  display: inline-block;
  border: 1px solid black;
  padding: 20px 30px;
  width: 20%;
  height: 68px;
  margin-right: -4px;
  text-align: center;
  background-color: white;
  vertical-align: middle; }
  .find-a-partner-content li.selected {
    border-bottom: 1px solid #3db5e7;
    background-color: #3db5e7;
    color: white; }
.find-a-partner-content .form-container input {
  width: 300px;
  display: inline;
  height: 41px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 20px; }
.find-a-partner-content .certification-filter-wrapper {
  display: none; }
.find-a-partner-content .region-filter-wrapper, .find-a-partner-content .certification-filter-wrapper {
  border: 1px solid #dedede; }
  .find-a-partner-content .region-filter-wrapper h3, .find-a-partner-content .certification-filter-wrapper h3 {
    font-weight: 200;
    margin-bottom: 20px; }
.find-a-partner-content .filter-wrapper-left {
  display: inline-block;
  padding: 30px 12px 28px 12px;
  width: 56%;
  vertical-align: top; }
  .find-a-partner-content .filter-wrapper-left h3 {
    margin-left: 14px; }
.find-a-partner-content .filter-wrapper-right {
  display: inline-block;
  border-left: 1px dashed #dedede;
  padding: 30px 14px 28px 20px;
  width: 43%;
  vertical-align: top; }
.find-a-partner-content .sub-filter-block-geo, .find-a-partner-content .sub-filter-block-cert, .find-a-partner-content .sub-filter-block-geo.selected, .find-a-partner-content .sub-filter-block-cert.selected {
  padding: 10px 20px;
  margin: 0 0 4px;
  min-width: 150px;
  text-align: center;
  border: 1px solid #3db5e7;
  display: inline-block; }
.find-a-partner-content .sub-filter-block-geo.selected, .find-a-partner-content .sub-filter-block-cert.selected {
  background-color: #3db5e7;
  color: white; }
.find-a-partner-content .sub-filter-region, .find-a-partner-content .sub-filter-certification, .find-a-partner-content .sub-filter-industry {
  display: none;
  cursor: pointer; }
.find-a-partner-content .filter-checkbox-geo, .find-a-partner-content .filter-checkbox-cert, .find-a-partner-content .sub-filter-industry {
  margin-left: 14px;
  margin-right: 6px; }
.find-a-partner-content #partner-list {
  padding-top: 40px; }
.find-a-partner-content #partner-list .partner-container {
  float: left;
  border: 1px solid #dedede;
  height: 142px;
  width: 142px;
  padding: 10px;
  margin: 8px;
  overflow: hidden;
  box-shadow: 3px 3px 10px #dfdfdf; }
.find-a-partner-content #partner-list .logo-container {
  height: 120px;
  width: 120px;
  background: no-repeat center center;
  background-size: contain; }
.find-a-partner-content #partner-list .name {
  display: none; }
.find-a-partner-content #partner-list .partner-community-container {
  float: left;
  height: 55px;
  width: 200px;
  margin: 10px;
  text-align: center; }
.find-a-partner-content #partner-list .partner-community-container .name {
  display: block;
  color: black; }
.find-a-partner-content #platinum-partners, .find-a-partner-content #gold-partners, .find-a-partner-content #silver-partners, .find-a-partner-content #community-partners, .find-a-partner-content #nonclassified-partners {
  width: 100%;
  min-height: 166px; }
.find-a-partner-content .industry-filter-wrapper H3 {
  font-weight: 200;
  margin-bottom: 20px;
  margin-top: 50px; }
.find-a-partner-content .industry-wrapper {
  width: 122px;
  display: inline-block;
  padding: 10px;
  border: none;
  text-align: center; }
  .find-a-partner-content .industry-wrapper input {
    display: block;
    margin: 0 auto; }
  .find-a-partner-content .industry-wrapper p {
    font-size: 12px;
    margin: 0 auto; }
  .find-a-partner-content .industry-wrapper img {
    margin: 0 auto;
    display: block; }
.find-a-partner-content .results-title {
  clear: left; }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .find-a-partner-content .li {
    width: 20%;
    padding: 10px 10px;
    height: 58px;
    font-size: 13px; } }
@media only screen and (max-width: 768px) and (min-width: 0) {
  .find-a-partner-content .mobile-element {
    display: block; }
  .find-a-partner-content .filter-wrapper-left {
    display: none;
    padding: 22px 60px 10px 18px;
    width: 75%;
    vertical-align: top; }
  .find-a-partner-content .filter-wrapper-right {
    display: none;
    padding: 30px 30px 30px 40px;
    width: 100%;
    vertical-align: top; }
  .find-a-partner-content .filter-section-certification-mobile {
    text-align: left; }
  .find-a-partner-content li.filter-section-mobile {
    display: none; }
  .find-a-partner-content li.selected.filter-section-mobile {
    display: block; }
  .find-a-partner-content .filter-section-mobile .filter-wrapper-left {
    padding: 20px 10px 20px 10px;
    width: 100%;
    vertical-align: top; }
  .find-a-partner-content .filter-section-mobile .filter-wrapper-left h3 {
    margin-left: 14px; }
  .find-a-partner-content .filter-section-mobile .filter-wrapper-right {
    width: 100%;
    padding-left: 30px;
    padding-top: 0; }
  .find-a-partner-content .sub-filter-industry input {
    margin-left: 14px;
    margin-right: 6px;
    height: 14px; }
  .find-a-partner-content #global-filter-web {
    display: none; }
  .find-a-partner-content .hw-wrapper {
    height: auto !important; }
  .find-a-partner-content .wrapper {
    padding: 0 0; }
  .find-a-partner-content .blue-container {
    background-color: white;
    height: auto; }
  .find-a-partner-content li {
    width: 100%; }
  .find-a-partner-content .mobile-geo-filter-header, .find-a-partner-content .mobile-industry-filter-header {
    cursor: pointer; }
  .find-a-partner-content #partner-list {
    margin-left: 10px; }
    .find-a-partner-content #partner-list h3 {
      text-align: center;
      margin-bottom: 38px;
      margin-top: 24px; }
    .find-a-partner-content #partner-list .partner-container {
      margin-left: 28px; }
    .find-a-partner-content #partner-list .partner-community-container {
      width: 162px; } }

/* quick facts page */
.intro-block.joint-leadership .relationships {
  display: flex;
  align-items: center; }
.intro-block.joint-leadership ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .intro-block.joint-leadership ul li {
    flex: 0 0 25%; }
    .intro-block.joint-leadership ul li img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      max-height: 80px;
      width: auto;
      margin: 0 10px 10px;
      padding: 0 20px; }

.intern-quotes img {
  width: 250px;
  border-radius: 300px;
  border: 5px solid #fff; }

.apache-projects.hero-second-level .image-container {
  width: 50%;
  margin: 0 auto;
  padding: 10px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px; }

.apache-projects .hero-second-level h1 {
  display: inline-block; }
.apache-projects a:focus {
  outline: none; }
.apache-projects .field.apache_url {
  margin: 0; }
.apache-projects .webinar {
  margin-bottom: 15px; }
.apache-projects .post {
  margin-bottom: 20px; }
.apache-projects .date {
  color: #666;
  font-size: 15px;
  display: inline-block; }
.apache-projects .expand {
  display: block !important;
  position: absolute;
  z-index: 9999; }
.apache-projects .related h3 {
  display: none; }
.apache-projects #webinars .desc {
  font-weight: 300;
  line-height: 24px; }
.apache-projects .responsive-menu-button {
  background-color: #1fa4d4;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  padding: 12px 20px;
  position: absolute;
  width: 150px;
  text-align: center;
  color: #fff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  left: -107px;
  top: 60px;
  letter-spacing: 2px;
  font-size: 20px;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; }
.apache-projects .hdp-forum-container {
  width: 100%;
  background-color: white; }
.apache-projects .project_overview {
  margin-bottom: 30px; }
.apache-projects .side-nav .sectionnav {
  border: 1px solid #ccc;
  position: relative;
  margin: 30px 0;
  background-color: #fff; }
  .apache-projects .side-nav .sectionnav ul {
    margin: 0;
    border: 0px solid #eee; }
  .apache-projects .side-nav .sectionnav li {
    position: relative; }
  .apache-projects .side-nav .sectionnav a {
    font-size: 15px;
    color: #404041;
    display: block;
    text-decoration: none;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc; }
  .apache-projects .side-nav .sectionnav li.active a {
    color: #fff;
    background-color: #466a7e; }
  .apache-projects .side-nav .sectionnav a.button-default, .apache-projects .side-nav .sectionnav a.button-white, .apache-projects .side-nav .sectionnav a.button-green, .apache-projects .side-nav .sectionnav a.button-orange {
    border: 3px solid #3fae2a;
    margin: 15px;
    text-align: center;
    color: #3fae2a; }
  .apache-projects .side-nav .sectionnav a.button-default:hover, .apache-projects .side-nav .sectionnav a.button-white:hover, .apache-projects .side-nav .sectionnav a.button-green:hover, .apache-projects .side-nav .sectionnav a.button-orange:hover {
    background-color: #3fae2a;
    color: #fff; }
.apache-projects .ps {
  padding-top: 30px;
  position: relative;
  clear: both; }
  .apache-projects .ps > div {
    max-width: 1400px;
    margin: auto;
    position: relative;
    overflow: visible; }
.apache-projects table {
  margin: 15px 0;
  font-size: 1em;
  line-height: 1.5;
  font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif;
  font-weight: 300;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5; }
.apache-projects .data-table {
  width: 100%; }
  .apache-projects .data-table th {
    color: #fff;
    background-color: #3FAE2A;
    padding: 2px 5px;
    border: 1px solid #fff;
    font-weight: 600; }
  .apache-projects .data-table td {
    vertical-align: top;
    padding: 2px 5px;
    border: 1px solid #fff; }
  .apache-projects .data-table tr:nth-child(even) {
    background-color: #f0f0f0; }
  .apache-projects .data-table tr:nth-child(even) td:first-child {
    background-color: #e6e6e6; }
  .apache-projects .data-table tr:nth-child(odd) {
    background-color: #f6f6f6; }
.apache-projects .gridx {
  min-height: 230px; }
  .apache-projects .gridx .aside #back-to-tutorials {
    margin: 25px 0 40px;
    font-weight: bold; }
.apache-projects .maincontent .panels {
  font-size: 18px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 75px; }
  .apache-projects .maincontent .panels p {
    margin: 15px 0; }
  .apache-projects .maincontent .panels a {
    font-size: 18px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #1fa4d4; }
  .apache-projects .maincontent .panels img {
    margin: 35px auto;
    -webkit-box-shadow: 0 0 25px 8px #eee;
    -moz-box-shadow: 0 0 25px 8px #eee;
    box-shadow: 0 0 25px 8px #eee; }
  .apache-projects .maincontent .panels h2 {
    font-weight: 400;
    font-size: 200%;
    margin-bottom: 20px;
    margin-top: 0px; }
  .apache-projects .maincontent .panels h3 {
    font-size: 150%;
    margin: 40px 0 10px;
    font-weight: 300; }
  .apache-projects .maincontent .panels #section_1 li, .apache-projects .maincontent .panels #section_2 li, .apache-projects .maincontent .panels #section_3 li {
    background: url("/wp-content/themes/hortonworks/images/tick.png") no-repeat 0px 1px;
    list-style: none;
    padding: 0 40px;
    margin: 20px 0;
    font-size: 18px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 26px; }
  .apache-projects .maincontent .panels .author {
    display: inline-block; }
    .apache-projects .maincontent .panels .author a {
      font-size: 15px; }
  .apache-projects .maincontent .panels .related_posts p {
    margin: 5px 0; }
  .apache-projects .maincontent .panels .related_tutorials p {
    margin: 5px 0 20px; }
  .apache-projects .maincontent .panels #questionContainer {
    background: none;
    padding-left: 0;
    border: none; }
    .apache-projects .maincontent .panels #questionContainer img {
      display: none; }
    .apache-projects .maincontent .panels #questionContainer h3 {
      margin-top: -6px; }
    .apache-projects .maincontent .panels #questionContainer ul {
      padding-left: 0; }

/* ==========================================================================
Datasheets
========================================================================== */
.datasheets-post-type section.main-body {
  padding: 0; }
  .datasheets-post-type section.main-body object {
    height: 1200px; }

.apache-projects.hero-second-level .v-middle-wrapper .v-middle-inner .v-middle img {
  max-width: 300px; }

/* ==========================================================================
HDInsight
========================================================================== */
#solutions-industry.hdinsight {
  text-align: center; }
  #solutions-industry.hdinsight .tab-text a.learn-more:after {
    top: 8px; }
  #solutions-industry.hdinsight .tab-text p {
    margin-bottom: 10px; }
  #solutions-industry.hdinsight .tab-text ul li {
    margin-bottom: 5px; }

/* AWS Hero slider */
.hero-slider .aws-hero .v-middle-inner.bnr-img-top .slide-logo.v-middle img {
  padding-top: 40px; }

/* Cloud Info Block */
.info-cloud h3 {
  margin: 10px 0; }
.info-cloud .azure {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px; }
  .info-cloud .azure .azure-image {
    position: absolute;
    top: 0;
    right: 0; }

#mktoForm_228 .marketo-optin-prompt {
  display: inline-block; }

.big-data-journey h2 {
  margin: 50px 0;
  text-align: center; }
.big-data-journey .green-circle-bg {
  border-radius: 24px;
  width: 18px;
  padding: 2px;
  font-size: 14px;
  display: inline-block;
  color: white;
  background-color: #3fae2a;
  text-align: center; }
.big-data-journey .bullet-container {
  margin-top: 50px; }
.big-data-journey .bullet-line {
  margin: 60px 40px 0; }
.big-data-journey .bullet-text {
  margin-left: 10px;
  margin-bottom: 30px;
  font-weight: bold;
  line-height: 1.5; }
.big-data-journey .regular-text {
  font-weight: normal; }
.big-data-journey .image-container {
  float: left;
  width: 220px;
  height: 194px;
  margin-left: 50px;
  text-align: center; }
.big-data-journey .spacer-v20 {
  min-height: 20px; }
.big-data-journey .clear-both {
  clear: both; }

/* Nominate a Data Hero */
.data-hero .gform_wrapper form {
  max-width: 80%; }
.data-hero input[type="submit"] {
  color: #3fae2a;
  background-color: white;
  border: 2px solid #3fae2a;
  font-weight: 500;
  padding: 0 20px; }
.data-hero ul {
  list-style: none; }
  .data-hero ul li {
    list-style: none;
    padding-left: 0; }
    .data-hero ul li:before {
      background-color: transparent;
      width: 0;
      height: 0;
      position: static;
      content: none; }
.data-hero .data-hero-confirmation {
  text-align: center;
  font-weight: bold;
  border: 1px solid #3fae2a;
  padding: 20px; }

.developer-quick-links.backdrop {
  position: relative;
  width: 100vw;
  padding: 50px 15px;
  left: calc(-50vw + 50%);
  height: auto; }
  .developer-quick-links.backdrop .wrapper {
    padding: 0;
    max-width: 1550px; }
  .developer-quick-links.backdrop .cource-list .col-four {
    border: 0px solid #fff; }
    .developer-quick-links.backdrop .cource-list .col-four h3 {
      font-size: 24px;
      margin-bottom: 25px; }
  .developer-quick-links.backdrop .cource-list .cource-img {
    margin-bottom: 0; }
  .developer-quick-links.backdrop .single-col {
    background-color: #fff;
    height: auto;
    min-height: 600px;
    padding: 40px 30px;
    margin: 15px;
    text-align: center; }
    .developer-quick-links.backdrop .single-col ul {
      text-align: left; }
      .developer-quick-links.backdrop .single-col ul li {
        font-size: 15px;
        line-height: 1.25;
        margin: 20px 0; }
        .developer-quick-links.backdrop .single-col ul li img {
          float: left;
          margin-right: 10px; }
        .developer-quick-links.backdrop .single-col ul li span {
          padding-left: 35px;
          display: block; }

.developer-quick-links.backdrop.smartsense-four .single-col {
  font-size: 22px;
  line-height: 1.25;
  min-height: 300px; }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .solutions-menu .drop-menu {
    right: 50px; }

  .products-menu .drop-menu {
    right: 50px; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .training-menu .drop-menu {
    width: 100%;
    right: 0;
    left: auto; }

  .services-menu .drop-menu {
    width: 850px; }

  .solutions-menu .drop-menu {
    width: 100%;
    right: 0;
    left: auto; }

  .products-menu .drop-menu {
    width: 100%;
    right: 0;
    left: auto; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .products-menu .drop-menu {
    padding: 35px 0 50px;
    left: auto;
    right: 0;
    width: 100%; }

  .services-menu .drop-menu {
    padding: 35px 0 50px;
    left: auto;
    right: 0;
    width: 100%; }

  .training-menu .drop-menu {
    padding: 35px 0 50px;
    left: auto;
    right: 0;
    width: 100%; }

  .solutions-menu .drop-menu {
    padding: 35px 0 50px;
    width: 100%;
    right: 0;
    left: auto; }

  .menu-column .submenu ul {
    padding-left: 5px; } }
@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .programs-section {
    padding: 80px 0; }

  .wrapper {
    padding: 0 20px; }

  .downloads .item .beige-bg .btn-container.wide {
    min-width: 750px; }
    .downloads .item .beige-bg .btn-container.wide ul {
      float: left;
      width: 50%; }
      .downloads .item .beige-bg .btn-container.wide ul li {
        display: block;
        padding-bottom: 8px; }
        .downloads .item .beige-bg .btn-container.wide ul li:last-child {
          padding-bottom: 0; }
    .downloads .item .beige-bg .btn-container.wide.single {
      min-width: 335px; }
      .downloads .item .beige-bg .btn-container.wide.single ul {
        width: 100%; } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  section,
  .slate-grey-block,
  .partner-resource,
  #resources,
  .programs-section,
  .contact-links,
  .contact-form {
    padding: 70px 0; }

  .wrapper {
    padding: 0 20px; }

  .downloads .item .beige-bg .btn-container {
    min-width: 270px; }
    .downloads .item .beige-bg .btn-container.wide {
      min-width: 750px; }
      .downloads .item .beige-bg .btn-container.wide ul {
        float: left;
        width: 50%; }
        .downloads .item .beige-bg .btn-container.wide ul li {
          display: block;
          padding-bottom: 8px; }
          .downloads .item .beige-bg .btn-container.wide ul li:last-child {
            padding-bottom: 0; }
      .downloads .item .beige-bg .btn-container.wide.single {
        min-width: 270px; }
        .downloads .item .beige-bg .btn-container.wide.single ul {
          width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  section,
  .slate-grey-block,
  .partner-resource,
  .padding70,
  #resources,
  .programs-section,
  .contact-links,
  .contact-form {
    padding: 60px 0; }

  .wrapper {
    padding: 0 20px; }

  h1 {
    font-size: 40px; }

  h2 {
    font-size: 30px;
    line-height: 36px; }

  h3 {
    font-size: 26px;
    line-height: 30px; }

  h4 {
    font-size: 24px;
    line-height: 28px; }

  h5 {
    font-size: 20px;
    line-height: 22px; }

  p {
    font-size: 16px;
    line-height: 20px; }

  .hero-second-level a.play-video {
    margin-top: 30px; }

  .cta-block h1 {
    font-size: 40px; }

  .downloads .item p {
    margin-bottom: 10px; }
  .downloads .item .beige-bg .text-container {
    display: block; }
  .downloads .item .beige-bg .btn-container {
    display: block;
    text-align: left; }
    .downloads .item .beige-bg .btn-container.wide {
      min-width: 0; }
      .downloads .item .beige-bg .btn-container.wide ul {
        float: left;
        width: 50%; }
        .downloads .item .beige-bg .btn-container.wide ul li {
          display: block;
          padding: 0 0 8px 0; }
          .downloads .item .beige-bg .btn-container.wide ul li:last-child {
            padding-bottom: 0; }

  .tabular-box .row-data {
    font-size: 15px; }
  .tabular-box .row-data div {
    padding: 20px 15px 20px; } }
@media screen and (min-width: 667px) and (max-width: 767px) {
  .wrapper {
    padding: 0 20px; }

  h1 {
    font-size: 34px; }

  h2 {
    font-size: 28px;
    line-height: 34px; }

  h3 {
    font-size: 24px;
    line-height: 28px; }

  h4 {
    font-size: 22px;
    line-height: 26px; }

  h5 {
    font-size: 18px; }

  .cta-block h1 {
    font-size: 34px; }

  p {
    font-size: 16px;
    line-height: 20px; }

  .button-default, .button-white, .button-green, .button-orange,
  .cta-bar .button-default,
  .cta-bar .button-white,
  .cta-bar .button-green,
  .cta-bar .button-orange {
    padding: 9px 11px;
    font-size: 12px;
    line-height: 12px; }

  .hero-second-level a.play-video {
    margin-top: 20px; } }
@media screen and (min-width: 480px) and (max-width: 666px) {
  .wrapper {
    padding: 0 20px; }

  h1 {
    font-size: 30px; }

  h2 {
    font-size: 26px;
    line-height: 32px; }

  h3 {
    font-size: 22px;
    line-height: 26px; }

  h4 {
    font-size: 20px;
    line-height: 24px; }

  h5 {
    font-size: 18px;
    line-height: 20px; }

  h6 {
    font-size: 14px; }

  .cta-block h1 {
    font-size: 30px; }

  p {
    font-size: 14px;
    line-height: 18px; }

  .col-two, .col-three, .col-five, .col-seven {
    width: 100%; }

  .resources-default {
    margin-bottom: 20px; }

  .button-default, .button-white, .button-green, .button-orange,
  .cta-bar .button-default,
  .cta-bar .button-white,
  .cta-bar .button-green,
  .cta-bar .button-orange {
    padding: 9px 11px;
    font-size: 12px;
    margin-top: 15px;
    line-height: 12px; }

  .hero-second-level a.play-video {
    margin-top: 20px;
    line-height: inherit; }
  .hero-second-level .bg-img {
    height: 250px; }
    .hero-second-level .bg-img img {
      width: auto; }

  .video-btn img {
    vertical-align: middle;
    width: 40px;
    height: 40px; } }
@media screen and (max-width: 767px) {
  section,
  .slate-grey-block,
  .events-section,
  .partner-resource,
  .padding70,
  #resources,
  .sol-carousel,
  .partner-intro,
  .programs-section,
  .contact-links,
  .contact-form {
    padding: 50px 0; }

  .resources-default {
    margin-bottom: 20px; }

  .padding40 {
    padding: 30px 0; }

  .downloads {
    padding: 0; }
    .downloads hr {
      margin: 10px 0; }
    .downloads .item h5 {
      line-height: 20px; }
    .downloads .item p {
      margin-bottom: 10px; }
    .downloads .item ul li {
      display: block; }
      .downloads .item ul li:before {
        width: 0; }
      .downloads .item ul li:first-child {
        padding: 0 19px; }
      .downloads .item ul li a {
        font-size: 14px; }
    .downloads .item .beige-bg {
      text-align: center; }
      .downloads .item .beige-bg .text-container {
        display: block; }
      .downloads .item .beige-bg .btn-container {
        display: block;
        text-align: center;
        min-width: 0; }
        .downloads .item .beige-bg .btn-container.double {
          min-width: 0; }
        .downloads .item .beige-bg .btn-container.wide {
          min-width: 0; }
          .downloads .item .beige-bg .btn-container.wide ul {
            float: left;
            width: 50%; }
            .downloads .item .beige-bg .btn-container.wide ul li {
              display: block;
              padding: 0 0 8px 0; }
              .downloads .item .beige-bg .btn-container.wide ul li:last-child {
                padding-bottom: 0; }
          .downloads .item .beige-bg .btn-container.wide.single ul {
            width: 100%; }
        .downloads .item .beige-bg .btn-container .button-default, .downloads .item .beige-bg .btn-container .button-white, .downloads .item .beige-bg .btn-container .button-green, .downloads .item .beige-bg .btn-container .button-orange {
          min-width: 210px; }
    .downloads .item h6.head-space {
      margin-top: 15px; }
    .downloads .accordion hr {
      margin: 10px 0; }
    .downloads .accordion .opener p {
      font-size: 14px; }
    .downloads .accordion .item {
      padding: 10px; }

  .downloads-container .footnote {
    padding: 25px 20px !important; }
    .downloads-container .footnote p {
      font-size: 14px;
      line-height: 20px; }
      .downloads-container .footnote p a {
        margin-top: 10px; }

  .featured-section .text-center h2,
  .events-section .text-center h2 {
    margin: 0 auto 20px; }

  #resources h2,
  .other-products h2,
  .sol-carousel h2 {
    margin: 0 auto 20px; }

  .tabular-box .row-data {
    font-size: 14px; }
  .tabular-box .row-data div {
    padding: 15px 10px 15px; }
  .tabular-box .row-head {
    margin-top: 20px; }
  .tabular-box .row-sub-head {
    font-size: 14px;
    padding: 10px 13px; }

  .footnote {
    padding: 20px 15px !important; } }
@media screen and (max-width: 666px) {
  .downloads .item .beige-bg .btn-container ul li {
    display: block; }
    .downloads .item .beige-bg .btn-container ul li:first-child {
      padding-bottom: 8px; }
  .downloads .item .beige-bg .btn-container.wide ul {
    float: none;
    width: 100%; }

  .inner-wrapper {
    padding: 0; }

  .scrollable {
    overflow-y: hidden;
    overflow-x: scroll; }
    .scrollable .service-table {
      margin-left: 35%; }
    .scrollable .row-data .cell-four,
    .scrollable .row-data .cell-three,
    .scrollable .row-head .cell-four,
    .scrollable .row-head .cell-three {
      white-space: nowrap; }
      .scrollable .row-data .cell-four:first-of-type,
      .scrollable .row-data .cell-three:first-of-type,
      .scrollable .row-head .cell-four:first-of-type,
      .scrollable .row-head .cell-three:first-of-type {
        display: none; }
    .scrollable .row-sub-head {
      text-align: left; }
    .scrollable .table2 .row-data .cell-four {
      padding: 10px; }
    .scrollable .premium-table .row-data .cell-three {
      padding: 20px 15px; }
      .scrollable .premium-table .row-data .cell-three img {
        width: 14px;
        height: 14px; }

  .table-wrapper {
    position: relative; }

  .pinned {
    position: absolute;
    left: 0;
    top: 0px;
    background: white;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #dad9d6; }
    .pinned .cell-four,
    .pinned .cell-three {
      white-space: nowrap; }
      .pinned .cell-four:first-of-type,
      .pinned .cell-three:first-of-type {
        border-right: 0; }
    .pinned .row-sub-head {
      text-indent: -9999px;
      border-right: 0; }
    .pinned .table2 .row-data .cell-four:first-of-type {
      padding: 15px; }
    .pinned .premium-table .row-data .cell-three:first-of-type {
      padding: 20px 15px; } }
@media screen and (max-width: 480px) {
  section,
  .slate-grey-block,
  .events-section,
  .partner-resource,
  .padding50,
  .padding70,
  #resources,
  .sol-carousel,
  .partner-intro,
  .programs-section,
  .contact-links,
  .contact-form {
    padding: 40px 0; }

  .padding40 {
    padding: 25px 0; }

  .wrapper {
    padding: 0 20px; }

  h1 {
    font-size: 26px; }

  h2 {
    font-size: 24px;
    line-height: 30px; }

  h3 {
    font-size: 20px;
    line-height: 24px; }

  h4 {
    font-size: 18px;
    line-height: 22px; }

  h5 {
    font-size: 16px;
    line-height: 18px; }

  h6 {
    font-size: 14px; }

  p {
    font-size: 14px;
    line-height: 18px; }

  .col-two, .col-three, .col-five, .col-seven {
    width: 100%; }

  .button-default, .button-white, .button-green, .button-orange,
  .cta-bar .button-default,
  .cta-bar .button-white,
  .cta-bar .button-green,
  .cta-bar .button-orange {
    padding: 8px 10px;
    font-size: 12px;
    margin-top: 15px;
    line-height: 12px; }

  .v-middle-inner {
    padding: 0 20px; }

  .cta-block h1 {
    font-size: 26px; }

  .hero-second-level a.play-video {
    margin-top: 20px;
    line-height: inherit; }
  .hero-second-level .bg-img {
    height: 250px; }
    .hero-second-level .bg-img img {
      width: auto; }

  .video-btn img {
    vertical-align: middle;
    width: 40px;
    height: 40px; }

  .downloads .accordion .opener {
    height: 45px;
    padding: 10px 20px;
    overflow: hidden; }
    .downloads .accordion .opener .display {
      width: 0;
      text-indent: 9999px; }

  .info-product-page {
    padding: 7px 0 30px; }
    .info-product-page .row-inner {
      padding-top: 10px; }

  .footer .legacy.language-form {
    float: left; } }
@media screen and (min-width: 1400px) {
  section {
    padding: 92px 0 100px; }

  .info-three-block {
    padding: 95px 0; }

  .m10 img {
    margin-top: 10px; }

  .sol-grid-content {
    padding: 81px 0 0px;
    padding: 100px 0; }
    .sol-grid-content .grid {
      margin: 55px auto 40px; }

  .filter-videos {
    padding: 100px 0; } }
@media screen and (min-width: 1280px) {
  .main-nav .wrapper {
    position: relative; }

  .training-menu .drop-menu {
    padding: 55px 0 70px 30px;
    right: 0;
    width: 1175px;
    left: auto; }

  .services-menu .drop-menu {
    padding: 55px 0 70px 30px;
    right: 0;
    width: 930px;
    left: auto; }

  .solutions-menu .drop-menu {
    padding: 55px 0 70px 30px;
    right: 100px;
    width: 1175px;
    left: auto; }

  .products-menu .drop-menu {
    padding: 55px 0 70px 30px;
    right: 100px;
    width: 1175px;
    left: auto; } }
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .services-menu .drop-menu {
    padding: 55px 0 70px 30px;
    right: 0;
    left: auto; } }
@media screen and (max-width: 767px) {
  .event-wrapper {
    width: 100%; }
    .event-wrapper .event-head {
      display: none; } }
@media screen and (max-width: 480px) {
  .learn-more {
    font-size: 12px; } }
@media screen\0 {
  img {
    border: 0; }

  .get-started .v-middle p span img {
    vertical-align: middle; }

  .f-close-btn {
    right: 42px; } }
svg {
  height: Calc(100vh - 36vh) \9\0; }

@media screen and (max-width: 666px) {
  svg {
    height: Calc(100vh - 66vh) \9\0; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  svg {
    height: Calc(100vh - 36vh); } }
  @media screen and (-ms-high-contrast: active) and (max-width: 666px), screen and (-ms-high-contrast: none) and (max-width: 666px) {
    svg {
      height: Calc(100vh - 66vh); } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .answer-section .blue-boxes .col-three {
    height: 213px; } }
@media only screen and (min-width: 48em) {
  .main-body .page-summary {
    padding-right: 30px; }

  .hero {
    min-height: 250px; } }
@media only screen and (max-width: 667px) {
  .main-body .mktoForm, .main-body .location-details {
    margin-top: 0px; }

  .page-summary {
    margin-bottom: 40px; }

  .minimal-contact {
    display: none; } }
/* for academic page only */
@media only screen and (max-width: 667px) {
  .win-win .hexagon span {
    top: 68px; } }
@media only screen and (max-width: 667px) {
  .tabbed-accordion .tabbed-comp .tab-contents .sponsors .sponsor_company {
    width: 100%; } }
/* For roadshow page box */
@media only screen and (max-width: 767px) {
  .tabbed-accordion .tabbed-comp .tab-nav ul li {
    width: 100%; }
  .tabbed-accordion .tabbed-comp .tab-nav .active:after {
    border-top: 0px solid transparent; }
  .tabbed-accordion .tabbed-comp .tab-contents h3 {
    font-size: 16px;
    font-weight: normal; }
    .tabbed-accordion .tabbed-comp .tab-contents h3 .accordion-title {
      width: 30%;
      padding: 20px 2px; }
    .tabbed-accordion .tabbed-comp .tab-contents h3 .accordion-subtitle {
      width: 70%; }
      .tabbed-accordion .tabbed-comp .tab-contents h3 .accordion-subtitle img {
        right: 15px; }
  .tabbed-accordion .tabbed-comp .tab-contents .accordion-details {
    padding: 20px; }
    .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav ul {
      text-align: center; }
      .tabbed-accordion .tabbed-comp .tab-contents .accordion-details .inner-nav ul li {
        padding: 15px 5px 5px 5px;
        width: 30%;
        font-size: 14px; } }
@media only screen and (max-width: 500px) {
  .tabbed-accordion .tabbed-comp .tab-contents h3 .accordion-title {
    width: 40%; }
  .tabbed-accordion .tabbed-comp .tab-contents h3 .accordion-subtitle {
    width: 60%;
    padding: 15px 0 15px 5px; }
  .tabbed-accordion .tabbed-comp .tab-contents iframe {
    width: 450px; }
  .tabbed-accordion .tabbed-comp .accordion-details .speakers .speaker {
    width: 100%; } }
/* Services: our offerings block */
@media only screen and (max-width: 921px) {
  .block-our-offerings .th {
    width: 100%;
    min-height: auto; }
  .block-our-offerings .white-bg {
    display: none; }
  .block-our-offerings .button-default, .block-our-offerings .button-white, .block-our-offerings .button-green, .block-our-offerings .button-orange {
    margin-top: 0; }
  .block-our-offerings .info-block .cta-img img {
    width: 100%; }
  .block-our-offerings #last {
    display: none; } }
@media only screen and (max-width: 767px) {
  .block-our-offerings .tiptext {
    font-size: 14px;
    padding: 20px; }
    .block-our-offerings .tiptext::before {
      zoom: 0.5; } }
@media only screen and (max-width: 767px) {
  .usage-standards .top-form .cta-block {
    height: 350px;
    padding-top: 75px; }
    .usage-standards .top-form .cta-block h1 {
      margin-bottom: 20px; }
    .usage-standards .top-form .cta-block .v-middle > div {
      width: auto; }
      .usage-standards .top-form .cta-block .v-middle > div .button-default, .usage-standards .top-form .cta-block .v-middle > div .button-white, .usage-standards .top-form .cta-block .v-middle > div .button-green, .usage-standards .top-form .cta-block .v-middle > div .button-orange {
        margin: 20px 0;
        display: block; }
      .usage-standards .top-form .cta-block .v-middle > div > div {
        width: auto; }
    .usage-standards .top-form .cta-block .v-middle p {
      margin: 20px 0; } }
@media only screen and (min-width: 901px) {
  .future-of-data-infograph #info-line-2 {
    display: none; } }
@media only screen and (max-width: 900px) {
  .future-of-data-infograph .fourth {
    width: 49%; }
  .future-of-data-infograph #info-line-1 {
    display: none; }
  .future-of-data-infograph #fod-info {
    padding-top: 45px; } }
@media only screen and (max-width: 500px) {
  .future-of-data-infograph .whole {
    padding: 0; }
  .future-of-data-infograph .fourth {
    width: 100%;
    padding: 0; }
    .future-of-data-infograph .fourth .bit {
      min-height: 0px;
      margin: 30px 0; }
      .future-of-data-infograph .fourth .bit p {
        font-size: 20px;
        line-height: 24px; }
  .future-of-data-infograph .fod-info span {
    font-size: 44px; } }
@media only screen and (max-width: 840px) {
  .service-dtl table, .service-dtl thead, .service-dtl tbody, .service-dtl th, .service-dtl td, .service-dtl tr {
    display: block; }
  .service-dtl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: none; }
  .service-dtl tr {
    border: 1px solid #ccc; }
  .service-dtl td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; }
  .service-dtl td:before {
    font-weight: bold;
    padding-right: 10px;
    white-space: nowrap; }
  .service-dtl td:nth-of-type(2):before {
    content: "HDP Jumpstart"; }
  .service-dtl td:nth-of-type(3):before {
    content: "HDP Enterprise"; }
  .service-dtl td:nth-of-type(4):before {
    content: "Enterprise Plus"; }

  .service-table .row-head {
    display: none; }
  .service-table .row-data {
    margin-bottom: 5px; }
    .service-table .row-data .cell-four, .service-table .row-data .cell-three {
      width: 100%;
      border-right: 0px solid #dad9d6;
      border-bottom: 0px solid #dad9d6;
      line-height: 18px; }
      .service-table .row-data .cell-four:first-of-type, .service-table .row-data .cell-three:first-of-type {
        font-size: 18px;
        background-color: #e9e7e4;
        padding: 18px; }

  .service-table.table2 .row-data .cell-four, .service-table.table2 .row-data .cell-three {
    text-align: left; } }
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

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

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Imports */
.legacy select {
  display: inline-block; }

.legacy .track-container:before, .legacy .training-map:before, .legacy .track-container:after, .legacy .training-map:after {
  content: " ";
  display: table; }

.legacy .track-container:after, .legacy .training-map:after {
  clear: both; }

.legacy .carousel-nav a {
  color: transparent;
  font: 0/0 a;
  text-shadow: none; }

.legacy .track-box, .legacy .testimonial-carousel .slide {
  box-shadow: 0 0 4px 2px rgba(215, 213, 212, 0.34); }

.legacy .track-box ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }

.legacy .training-callout ul li:before {
  content: "\f046";
  font-family: "FontAwesome";
  color: #e17000;
  margin-right: .5em; }

.legacy .track-box {
  position: relative;
  overflow: hidden;
  background-color: white;
  border: 1px solid #d7d5d4;
  border-top: 0;
  border-radius: 8px; }

.legacy * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.legacy article, .legacy aside, .legacy details, .legacy figcaption, .legacy figure, .legacy footer, .legacy header, .legacy hgroup, .legacy main, .legacy nav, .legacy section, .legacy summary {
  display: block; }

.legacy audio, .legacy canvas, .legacy video {
  display: inline-block; }

.legacy audio:not([controls]) {
  display: none;
  height: 0; }

.legacy [hidden] {
  display: none; }

.legacy html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */ }

.legacy body {
  margin: 0; }

.legacy p {
  line-height: 1.5;
  font-size: 1em;
  font-weight: 300;
  margin-top: 16px;
  margin-bottom: 16px; }

.legacy a:focus {
  outline: thin dotted; }

.legacy a:active, .legacy a:hover {
  outline: 0; }

.legacy h1 {
  font-size: 2em;
  margin: 0.67em 0; }

.legacy abbr[title] {
  border-bottom: 1px dotted; }

.legacy b, .legacy strong {
  font-weight: bold; }

.legacy dfn {
  font-style: italic; }

.legacy hr {
  height: 0; }

.legacy mark {
  background: #ff0;
  color: #000; }

.legacy code, .legacy kbd, .legacy pre, .legacy samp {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-size: 1em; }

.legacy pre {
  white-space: pre-wrap; }

.legacy q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

.legacy small {
  font-size: 80%; }

.legacy sub, .legacy sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.legacy sup {
  top: -0.5em; }

.legacy sub {
  bottom: -0.25em; }

.legacy img {
  border: 0; }

.legacy svg:not(:root) {
  overflow: hidden; }

.legacy figure {
  margin: 0; }

.legacy legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

.legacy button, .legacy select {
  text-transform: none; }

.legacy button[disabled], .legacy html input[disabled] {
  cursor: default; }

.legacy button::-moz-focus-inner, .legacy input::-moz-focus-inner {
  border: 0;
  padding: 0; }

.legacy .button-default, .legacy .button-white, .legacy .button-green, .legacy .button-orange {
  color: white; }

.legacy textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

.legacy table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5; }

.legacy th {
  text-align: left; }

.legacy dt {
  margin-top: 10px; }

.legacy dd {
  margin-left: 0px; }

.legacy body, .legacy table {
  font-size: 1em;
  line-height: 1.5;
  font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif;
  font-weight: 300; }

.legacy ::-moz-selection, .legacy ::selection {
  background: #b3d4fc;
  text-shadow: none; }

.legacy a {
  color: #598ba6; }

.legacy a:visited {
  color: #598ba6; }

.legacy a:hover {
  color: #e17000; }

.legacy figcaption {
  text-align: center;
  color: #999;
  font-size: 80%; }

.legacy h1 {
  font-size: 250%;
  font-weight: 300;
  line-height: 1.125em;
  margin: 0px 0px 20px; }

.legacy section {
  padding: 14px 0 12px; }

@media only screen and (min-width: 48em) {
  .legacy h1 {
    font-size: 380%;
    line-height: 1.5em; } }
.legacy h1 + .subtitle {
  font-size: 110%;
  color: #999;
  font-weight: 300;
  margin-top: 0px; }

@media only screen and (min-width: 48em) {
  .legacy h1 + .subtitle {
    font-size: 140%; } }
.legacy h1.wordy {
  font-size: 300%;
  padding-top: 10px; }

.legacy h1 a {
  text-decoration: none; }

.legacy h2, .legacy .slug_innovation .innovation .group_title {
  font-size: 200%;
  font-weight: 300;
  margin: 10px 0px 15px;
  overflow: visible; }

.legacy h2 + .subtitle, .legacy .slug_innovation .innovation .group_title + .subtitle {
  font-size: 110%;
  color: #aaa;
  font-weight: 300;
  margin-top: -20px;
  margin-bottom: 20px;
  line-height: 170%; }

.legacy h2 + h3, .legacy .slug_innovation .innovation .group_title + h3 {
  margin-top: 0px; }

.legacy h2 + p, .legacy .slug_innovation .innovation .group_title + p {
  margin-top: 5px; }

.legacy h2 a, .legacy .slug_innovation .innovation .group_title a {
  text-decoration: none; }

.legacy h3 {
  font-size: 145%;
  margin: 40px 0 10px;
  font-weight: 300; }

.legacy h3 + p {
  margin-top: 0px; }

.legacy h3 a {
  text-decoration: none; }

.legacy h4 {
  margin-top: 10px; }

.legacy h4 + p {
  margin-top: 0px; }

.legacy hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

.legacy img {
  max-width: 100%;
  vertical-align: middle;
  height: auto; }

.legacy li {
  line-height: 1.5;
  font-weight: 300;
  list-style: initial; }

.legacy img.shadowed {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
  filter: url(/wp-content/themes/hortonworks/css/shadow.svg#drop-shadow);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#777')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#777')"; }

.legacy .btn, .legacy .bottom_drawer .promo .cta a {
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background-color: #3FAE2A;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 5px; }

.legacy .btn:active, .legacy .bottom_drawer .promo .cta a:active {
  position: relative;
  top: 1px; }

.legacy .btn:visited, .legacy .bottom_drawer .promo .cta a:visited {
  color: #fff; }

.legacy .btn:hover, .legacy .bottom_drawer .promo .cta a:hover {
  color: #fff;
  background-color: #3d7215; }

.legacy .btn .subtext, .legacy .bottom_drawer .promo .cta a .subtext {
  color: #d4dee7;
  color: #9ac5dc;
  font-weight: normal;
  font-size: 75%;
  text-transform: uppercase;
  display: block;
  margin-top: 4px; }

.legacy .btn.small, .legacy .bottom_drawer .promo .cta a.small {
  padding: 5px 10px;
  font-size: 80%; }

.legacy .btn.large, .legacy .bottom_drawer .promo .cta a.large {
  padding: 15px 30px; }

@media only screen and (min-width: 60em) {
  .legacy .btn.large, .legacy .bottom_drawer .promo .cta a.large {
    font-size: 120%; } }
.legacy .btn.w_subtext, .legacy .bottom_drawer .promo .cta a.w_subtext {
  padding: 5px; }

.legacy .btn.full, .legacy .bottom_drawer .promo .cta a.full {
  width: 100%;
  display: block; }

.legacy .btn.clear, .legacy .bottom_drawer .promo .cta a {
  color: #3FAE2A !important;
  border: 1px solid #DCDCDC;
  background-color: #f2f0ef !important;
  background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%);
  background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%);
  background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%);
  background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%);
  background-image: linear-gradient(#f6f7f7 0%, #e7e8e9 100%); }

.legacy .btn.clear:hover, .legacy .bottom_drawer .promo .cta a:hover {
  border: 1px solid #DCDCDC;
  background-color: #f2f0ef;
  background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%);
  background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%);
  background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%);
  background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%);
  background-image: linear-gradient(#e7e8e9 0%, #f6f7f7 100%); }

.legacy .btn.loud, .legacy .bottom_drawer .promo .cta a.loud {
  background: #e17000;
  color: #fff;
  border: 0px solid #b05801; }

.legacy .btn.loud:hover, .legacy .bottom_drawer .promo .cta a.loud:hover {
  background-color: #ff8003; }

.legacy .btn.loud .subtext, .legacy .bottom_drawer .promo .cta a.loud .subtext {
  color: #fee8d4; }

.legacy .btn.dark, .legacy .bottom_drawer .promo .cta a.dark {
  background: #333;
  color: #fff;
  border: 0px solid #000; }

.legacy .btn.dark:hover, .legacy .bottom_drawer .promo .cta a.dark:hover {
  background-color: #ff8003; }

.legacy .btn.dark .subtext, .legacy .bottom_drawer .promo .cta a.dark .subtext {
  color: #fee8d4; }

.legacy a.pdf {
  padding-left: 20px;
  background: url(../images/icons/pdf_icon.png) no-repeat; }

.legacy ol {
  padding-left: 20px; }

.legacy ol li {
  margin-bottom: 5px; }

.legacy ul ul {
  padding: 0px; }

.legacy ul.no-indent, .legacy ol.no-indent {
  padding-left: 15px; }

.legacy ul.nodots, .legacy .widget_display_topics ul, .legacy .related ul, .legacy ol.nodots {
  padding: 0px; }

.legacy ul.nodots li, .legacy .widget_display_topics ul li, .legacy .related ul li, .legacy ol.nodots li {
  list-style-type: none; }

.legacy ul.comma_separated, .legacy ol.comma_separated {
  overflow: auto;
  padding-left: 0px;
  display: inline-block; }

.legacy ul.comma_separated li, .legacy ol.comma_separated li {
  list-style-type: none;
  display: inline-block; }

.legacy ul.comma_separated li:after, .legacy ol.comma_separated li:after {
  content: ", "; }

.legacy ul.comma_separated li:last-child:after, .legacy ol.comma_separated li:last-child:after {
  content: ""; }

.legacy ul.jump_offs, .legacy ol.jump_offs {
  list-style-type: none;
  padding-left: 0px; }

.legacy ul.wide li, .legacy ol.wide li {
  margin-bottom: 10px; }

.legacy ul.wide li b:first-child, .legacy ul.wide li strong:first-child, .legacy ol.wide li b:first-child, .legacy ol.wide li strong:first-child {
  display: block; }

.legacy ul.wide li b + br, .legacy ol.wide li b + br {
  display: none; }

.legacy ul.check, .legacy ol.check {
  padding-left: 0px;
  list-style-type: none; }

.legacy ul.check li, .legacy ol.check li {
  padding-left: 25px;
  background: url(/wp-content/themes/hortonworks/images/icons/check_grey_x16.png) left 3px no-repeat;
  vertical-align: top;
  margin-bottom: 10px; }

.legacy table.fixed, .legacy table.fixed tbody {
  table-layout: fixed; }

.legacy td {
  vertical-align: top; }

.legacy td > ul:first-child {
  margin-top: 0px;
  margin-bottom: 0px; }

.legacy div > p:first-child {
  margin-top: 0px; }

.legacy .notations {
  font-size: 85%;
  font-style: italic; }

.legacy .typer {
  color: #aaa;
  text-transform: uppercase;
  font-size: 80%; }

.legacy .footnote {
  font-size: 85%; }

.legacy .marker {
  font-family: 'Permanent Marker', sans-serif; }

.legacy .categories a {
  background-color: #f2f0ef;
  padding: 3px 5px;
  border-radius: 3px;
  line-height: 2;
  text-decoration: none; }

.legacy .update-note {
  background-color: #f6f6f6;
  padding: 10px;
  font-weight: bold; }

.legacy .role {
  color: #999; }

.legacy fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

.legacy input[type="button"], .legacy input[type="submit"] {
  color: #3FAE2A;
  font-weight: bold;
  background-color: #f2f0ef;
  background: -moz-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f7), color-stop(100%, #e7e8e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f6f7f7 0%, #e7e8e9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f7f7 0%, #e7e8e9 100%);
  /* W3C */
  border: 1px solid #DCDCDC; }

.legacy input.oversize, .legacy textarea.oversize {
  font-size: 17px;
  padding: 4px 6px; }

.legacy input[type="text"]:focus, .legacy input[type="password"]:focus, .legacy input[type="date"]:focus, .legacy input[type="datetime"]:focus, .legacy input[type="email"]:focus, .legacy input[type="number"]:focus, .legacy input[type="search"]:focus, .legacy input[type="tel"]:focus, .legacy input[type="time"]:focus, .legacy input[type="url"]:focus, .legacy textarea:focus {
  background: #fafafa;
  outline: none !important;
  border-color: #b3b3b3; }

.legacy input[disabled], .legacy textarea[disabled] {
  background-color: #ddd; }

.legacy textarea {
  resize: vertical; }

.legacy fieldset.grey {
  padding: 10px;
  padding-bottom: 20px;
  background-color: #f2f0ef; }

.legacy .labels-on-top label {
  display: block;
  font-size: 85%;
  color: #999; }

.legacy .labels-by-side label {
  display: inline-block;
  width: 250px; }

.legacy .fill-it-out input, .legacy .fill-it-out textarea {
  width: 100%; }

.legacy form .grid.row {
  margin-bottom: 0px; }

.legacy form .row {
  clear: both; }

.legacy .response {
  border-left: 5px solid #666;
  background-color: #f6f6f6;
  padding: 5px 10px;
  font-size: 90%;
  margin: 10px 0px 20px; }

.legacy .response .title {
  font-size: 120%;
  font-weight: 700; }

.legacy .response.success {
  border-left: 5px solid #3FAE2A;
  background-color: #e6f2df;
  color: #3FAE2A; }

.legacy .response.success a {
  color: #3d7215; }

.legacy .response.success .title {
  color: #3FAE2A;
  font-weight: bold; }

.legacy .response.fail {
  border-left: 5px solid #c00;
  background-color: #fcc; }

.legacy .response.fail .title {
  color: #c00; }

.legacy .response.fail .title a {
  color: #800; }

.legacy html .gform_wrapper .gfield_description {
  padding: 0; }

.legacy .gform_wrapper .gform_page_footer .button.gform_button.disabled {
  opacity: 0.6;
  cursor: not-allowed; }

.legacy .contact-training-form {
  width: 70%;
  margin: 0 auto; }

.legacy .contact-training-form h2.header, .legacy .contact-training-form .slug_innovation .innovation .header.group_title, .legacy .slug_innovation .innovation .contact-training-form .header.group_title {
  text-align: center;
  background-color: #57a41c;
  color: #FFF;
  border-bottom: 1px solid #3d7215; }

.legacy .contact-training-form .marketo-form-embed {
  width: 100%; }

.legacy .contact-training-form .marketo-form-embed > .FirstName, .legacy .contact-training-form .marketo-form-embed .LastName, .legacy .contact-training-form .marketo-form-embed .Company, .legacy .contact-training-form .marketo-form-embed .Phone {
  width: 49%;
  display: inline-block; }

.legacy .contact-training-form .marketo-form-embed > .FirstName, .legacy .contact-training-form .marketo-form-embed .Company {
  margin-right: 10px; }

.legacy .contact-training-form .marketo-form-embed label {
  font-size: 85%;
  color: #999;
  width: 100%;
  display: block; }

.legacy .contact-training-form .marketo-form-embed input, .legacy .contact-training-form .marketo-form-embed textarea {
  width: 100%; }

.legacy .contact-training-form .marketo-form-embed select {
  font-size: 120%; }

.legacy .contact-training-form .marketo-form-embed input[type="submit"] {
  color: #fff;
  background: #3FAE2A; }

.legacy .contact-training-form .marketo-form-embed input[type="submit"]:hover {
  background: #3d7215; }

.legacy .contact-training-form .success_message {
  position: relative;
  float: right;
  top: 30px;
  right: 50px; }

.legacy .contact-training-form.popup {
  height: 525px; }

.legacy .contact-training-form .click-chat {
  display: block;
  width: 150px;
  max-height: 75px;
  position: fixed;
  left: 50px;
  bottom: 75px; }

.legacy .contact-sales-form .marketo-form-embed {
  width: 100%; }

.legacy .contact-sales-form .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form .marketo-form-embed .FirstName, .legacy .contact-sales-form .marketo-form-embed .LastName, .legacy .contact-sales-form .marketo-form-embed .Email {
  width: 45%;
  display: inline-block; }

.legacy .contact-sales-form .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form .marketo-form-embed .LastName {
  margin-right: 57px; }

.legacy .contact-sales-form .marketo-form-embed > div:nth-last-child(1) {
  display: inline-block;
  width: 90%;
  line-height: 1; }

.legacy .contact-sales-form .marketo-form-embed > div:nth-last-child(2) {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0; }

.legacy .contact-sales-form .marketo-form-embed label {
  font-size: 85%;
  color: #999;
  width: 100%;
  display: block; }

.legacy .contact-sales-form .marketo-form-embed input, .legacy .contact-sales-form .marketo-form-embed textarea {
  width: 100%; }

.legacy .contact-sales-form .marketo-form-embed input[type="checkbox"] {
  width: auto; }

.legacy .contact-sales-form .marketo-form-embed label.optin {
  text-align: center;
  width: Calc(100% - 10px); }

.legacy .contact-sales-form .marketo-form-embed select {
  font-size: 120%; }

.legacy .contact-sales-form .marketo-form-embed input[name="contactUsURL"], .legacy .contact-sales-form .marketo-form-embed label[for="contactUsURL"] {
  display: none; }

.legacy .contact-sales-form .marketo-form-embed input[type="submit"] {
  color: #fff;
  background: #3FAE2A; }

.legacy .contact-sales-form .marketo-form-embed input[type="submit"]:hover {
  background: #3d7215; }

.legacy .contact-sales-form .success_message {
  position: relative;
  float: right;
  top: 30px;
  right: 50px; }

.legacy .contact-sales-form.popup {
  height: 525px; }

.legacy .contact-sales-form.popup .marketo-form-embed > .linkedin_autocomplete, .legacy .contact-sales-form.popup .marketo-form-embed .LastName {
  margin-right: 48px; }

.legacy .contact-sales-form .click-chat {
  display: block;
  width: 150px;
  max-height: 75px;
  position: fixed;
  left: 50px;
  bottom: 75px; }

.legacy .mkto-template {
  /* General page styles for Marketo template */
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  /* Extra styling for testimonials */ }

.legacy .mkto-template .titlebar h1#main_title {
  font-size: 190%;
  margin: 50px 0 35px 0; }

.legacy .mkto-template .titlebar .subtitle {
  font-size: 150%;
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; }

.legacy .mkto-template .text-p {
  margin-bottom: 8%; }

.legacy .mkto-template .text-content, .legacy .mkto-template .mainbody .text-p > ul {
  font-size: 115%; }

.legacy .mkto-template .text-title {
  font-size: 150%; }

.legacy .mkto-template .text-summary {
  font-size: 140%;
  color: #999;
  font-weight: 100; }

.legacy .mkto-template ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.legacy .mkto-template li {
  padding-left: 1em;
  text-indent: -.7em;
  font-size: 115%; }

.legacy .mkto-template li:before {
  content: "•  ";
  color: #3FAE2A; }

.legacy .mkto-template .testimonial_container {
  font-size: 18px;
  color: #666;
  font-weight: lighter;
  margin: 50px 0;
  overflow: auto; }

.legacy .mkto-template .testimonial_left {
  float: left;
  display: inline-block;
  width: 32%;
  padding: 8px 0; }

.legacy .mkto-template .testimonial_right {
  float: right;
  display: inline-block;
  width: 66%;
  border: 1px solid #eee;
  padding: 8px;
  font-style: italic; }

.legacy .mkto-template .testimonial_author {
  display: inline-block;
  width: 74%;
  line-height: 12px; }

.legacy .mkto-template .testimonial_author_detail {
  font-size: 14px; }

.legacy .mkto-template .testimonial_image {
  display: inline-block;
  float: left;
  width: 24%;
  padding: 4px;
  margin-right: 2%; }

.legacy .mkto-template .testimonial_image img {
  border-radius: 50%;
  max-width: 45px;
  max-height: 45px; }

.legacy .mkto-template .mktoForm .FirstName label, .legacy .mkto-template .mktoForm .LastName label, .legacy .mkto-template .mktoForm .Email label, .legacy .mkto-template .mktoForm .Company label, .legacy .mkto-template .mktoForm .Phone label, .legacy .mkto-template .mktoForm .Title label {
  display: none; }

.legacy .mkto-template .mktoForm .Request_Sales_Call__c label {
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif; }

.legacy .mktoForm .marketo-form-embed .marketo_field {
  margin-bottom: 14px;
  position: relative;
  padding: 0 11px; }

.legacy .mktoForm .marketo-form-embed .marketo_field > div {
  display: block;
  position: relative; }

.legacy .mktoForm .marketo-form-embed .marketo_field.radio input, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox input {
  height: 26px; }

.legacy .mktoForm .marketo-form-embed .marketo_field.radio label, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox label {
  top: 6px; }

.legacy .mktoForm .marketo-form-embed .marketo_field.radio > label, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox > label {
  position: relative;
  left: auto;
  top: auto;
  text-align: left; }

.legacy .mktoForm .marketo-form-embed .marketo_field.radio > div:first-of-type, .legacy .mktoForm .marketo-form-embed .marketo_field.checkbox > div:first-of-type {
  margin-top: 10px; }

@media only screen and (min-width: 48em) {
  .legacy {
    /* Opt-in outside padding */ }

  .legacy .grid {
    margin: 0 0 2.1875em 0; }

  .legacy .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

  .legacy [class*='col-'] {
    float: left;
    padding-right: 2.1875em; }

  .legacy form [class*='col-'] {
    padding-right: inherit; }

  .grid .legacy [class*='col-']:last-of-type {
    padding-right: 0; }

  .legacy [class*='col-'].alignright {
    text-align: right; }

  .legacy .col-2-3 {
    width: 66.66%; }

  .legacy .col-3-4 {
    width: 75%; }

  .legacy .col-1-3 {
    width: 33.33%; }

  .legacy .col-1-2 {
    width: 50%; }

  .legacy .col-1-4 {
    width: 25%; }

  .legacy .col-1-5 {
    width: 20%; }

  .legacy .col-4-5 {
    width: 80%; }

  .legacy .col-1-8 {
    width: 12.5%; }

  .legacy .grid-pad {
    padding: 2.1875em 0 2.1875em 2.1875em; }

  .legacy .grid-pad [class*='col-']:last-of-type {
    padding-right: 2.1875em; } }
@media only screen and (min-width: 48em) {
  .legacy {
    /* We've defined the mainpoints (below) with table display, but these are needed to keep column width's even */ }

  .legacy .three > div, .legacy .three > li {
    width: 33%; }

  .legacy .two > div, .legacy .two > li {
    width: 50%; }

  .legacy .four > div, .legacy .four > li {
    width: 25%; } }
@media only screen and (min-width: 48em) {
  .legacy .two.hitters > div, .legacy .two.hitters > li {
    width: 48%; }

  .legacy .three.hitters > div, .legacy .three.hitters > li {
    width: 32.8%; }

  .legacy .four.hitters > div, .legacy .four.hitters > li {
    width: 24.5%; }

  .legacy .five.hitters > div, .legacy .five.hitters > li {
    width: 19.5%; } }
.legacy .mainbody {
  background: #f6f6f6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100px, #f6f6f6), color-stop(100%, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #f6f6f6 10%, #fff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #f6f6f6 10%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fafafa',GradientType=0 );
  /* IE6-9 */
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease; }

.legacy .mainbody.active {
  transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease; }

.legacy .lowerbody .ps > div {
  background-color: #fff; }

.legacy .lowerbody .ps:last-child {
  padding-bottom: 45px; }

.legacy .browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
  position: relative;
  z-index: 999999; }

.legacy .ps {
  position: relative;
  clear: both; }

.legacy .ps > div {
  position: relative;
  margin: auto;
  max-width: 1200px;
  border-top: 0px;
  border-bottom: 0px;
  overflow: visible;
  padding: 15px 20px;
  /* On standard pages, h2's and h3's are left aligned inside the .maincontent area.... but if they come straight inside the main panel, they should be bigger and centered */ }

@media only screen and (min-width: 48em) {
  .legacy .ps > div {
    padding: 30px 40px; } }
.legacy .ps > div > h2, .legacy .slug_innovation .innovation .ps > div > .group_title {
  text-align: center;
  font-size: 250%;
  margin-bottom: 35px; }

.legacy .ps > div > h3 {
  text-align: center;
  font-size: 150%;
  color: #aaa;
  margin-bottom: 35px; }

.legacy .ps > div > h2 + h3, .legacy .slug_innovation .innovation .ps > div > .group_title + h3 {
  margin-top: -35px; }

.legacy .ps.titlebar {
  text-align: left;
  color: #404040;
  padding-bottom: 0px;
  min-height: 100px;
  /* Cuz sometimes you want a regular subtitle... like when there's a menu in the black area */
  /* Titlebar Featured Image  */ }

.legacy .ps.titlebar > div {
  padding-top: 75px;
  text-align: left; }

.legacy .ps.titlebar .subtitle p {
  margin: 0px; }

.legacy .ps.titlebar .basic_subtitle {
  font-size: 120%; }

@media only screen and (min-width: 48em) {
  .legacy .ps.titlebar .basic_subtitle {
    font-size: 150%;
    margin-bottom: -10px;
    margin-top: -10px; } }
.legacy .ps.titlebar .green_subtitle {
  text-transform: none; }

.legacy .ps.titlebar .featured_image {
  float: right;
  right: 50px;
  top: 20px; }

.legacy .ps.titlebar h1 {
  color: #404040;
  margin-top: 20px;
  margin-bottom: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .ps.titlebar h1 {
    margin-bottom: 10px; } }
.legacy .ps.titlebar h1 + .subtitle {
  color: #404040;
  width: auto;
  padding: 5px 20px 10px;
  margin: 10px -20px -20px; }

@media only screen and (min-width: 48em) {
  .legacy .ps.titlebar h1 + .subtitle {
    padding: 0px 40px;
    margin: 10px -40px -30px; } }
.legacy .ps.titlebar a {
  color: #e6f2df;
  text-decoration: none; }

.legacy .ps.titlebar a:hover {
  color: #ccc;
  text-decoration: underline; }

.legacy .ps.titlebar.grey {
  background-color: #d7d5d4;
  color: #555;
  border-top: 1px solid #ccc;
  padding-bottom: 0px; }

.legacy .ps.titlebar.grey h1 {
  color: #555; }

.legacy .ps.titlebar.grey .breadcrumb a {
  color: #404040; }

.legacy .ps.titlebar.grey .breadcrumb a:hover {
  color: #e17000; }

.legacy .green {
  color: #fff; }

.legacy .green.full {
  background-color: #3FAE2A; }

.legacy .green .date {
  color: #e6f2df; }

.legacy .green a {
  color: #fff; }

.legacy .green a:hover {
  color: #e6f2df;
  text-decoration: underline; }

.legacy .green a.alt {
  color: #000; }

.legacy .green a.btn, .legacy .green .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .green a {
  background: #3d7215;
  border: 1px solid #3d7215;
  color: #fff; }

.legacy .green a.btn:hover, .legacy .green .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .green a:hover {
  border: 1px solid #e6f2df; }

.legacy .green h2, .legacy .green .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .green .group_title {
  color: #fff; }

.legacy .green h3 {
  color: #fff; }

.legacy .green h2 + h3, .legacy .green .slug_innovation .innovation .group_title + h3, .legacy .slug_innovation .innovation .green .group_title + h3 {
  color: #3d7215; }

.legacy .green .related.posts .post .date {
  color: #e6f2df; }

.legacy .green .related.posts .post .author {
  color: #e6f2df; }

.legacy .ps.green > div {
  background-color: #3FAE2A; }

.legacy .orange {
  color: #fff; }

.legacy .orange.full {
  background-color: #e17000; }

.legacy .orange a {
  color: #fff; }

.legacy .orange a:hover {
  color: #fee8d4; }

.legacy .orange a.alt {
  color: #000; }

.legacy .orange a.btn, .legacy .orange .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .orange a {
  background: #b05801;
  border: 1px solid #b05801;
  color: #fff; }

.legacy .orange a.btn:hover, .legacy .orange .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .orange a:hover {
  border: 1px solid #fee8d4; }

.legacy .ps.orange > div {
  background-color: #e17000; }

.legacy .dark {
  color: #fff; }

.legacy .dark a {
  color: #fff; }

.legacy .dark a:hover {
  color: #e6f2df !important; }

.legacy .dark a.alt {
  color: #333; }

.legacy .dark.full {
  background-color: #424242; }

.legacy .dark.full > div {
  background-color: transparent; }

.legacy .dark h3 {
  color: #3FAE2A; }

.legacy .ps.dark > div {
  background-color: rgba(66, 66, 66, 0.9); }

.legacy .light-grey.full {
  background-color: #f2f0ef; }

.legacy .light-grey h2 + h3, .legacy .light-grey .slug_innovation .innovation .group_title + h3, .legacy .slug_innovation .innovation .light-grey .group_title + h3 {
  color: #3FAE2A; }

.legacy .ps.light-grey > div {
  background-color: #f2f0ef; }

.legacy .ps.clear > div, .legacy .bottom_drawer .promo .cta a.ps > div {
  background-color: transparent; }

.legacy .ps.divided {
  overflow: auto; }

.legacy .ps.divided > div {
  padding: 0px; }

.legacy .ps.divided > div > div {
  padding: 40px;
  width: 50%;
  float: left; }

.legacy .ps.divided > div > div.green {
  background: #3FAE2A url(http://hortonworks.com/wp-content/uploads/unversioned/backgrounds/square-green-carter.jpg);
  background-size: cover; }

.legacy .ps.divided > div > div.dark {
  background: #000 url(http://hortonworks.com/wp-content/uploads/unversioned/backgrounds/square-black-elephant.jpg);
  background-size: cover; }

.legacy .ps.divided > div > div h3:first-child {
  margin-top: 0px; }

.legacy .divider {
  overflow: auto;
  padding-bottom: 45px;
  padding-top: 0px;
  background: url(/wp-content/themes/hortonworks/images/assets/divider_light.jpg) no-repeat scroll center bottom transparent; }

.legacy .divider.top {
  background-position: center top;
  padding-bottom: 25px;
  padding-top: 35px; }

.legacy .aside {
  font-size: 90%; }

@media only screen and (min-width: 48em) {
  .legacy .aside.left {
    padding-right: 20px;
    border-right: 1px solid #eee; }

  .legacy .aside.right {
    border-left: 1px solid #eee;
    padding-left: 35px;
    padding-right: 0px; } }
.legacy .aside h3:first-child {
  margin-top: 0px; }

.legacy .maincontent.right {
  padding-left: 25px; }

.legacy ul.tabs {
  list-style-type: none;
  padding-left: 0px !important;
  padding: 5px;
  margin-left: -5px;
  padding-bottom: 0px; }

.legacy ul.tabs li {
  z-index: 2;
  position: relative;
  padding: 3px 10px;
  margin-right: 10px;
  background-color: #ccc;
  display: block;
  width: 100%;
  margin-bottom: 2px; }

@media only screen and (min-width: 48em) {
  .legacy ul.tabs li {
    display: inline-block;
    border-radius: 10px;
    margin-bottom: 0;
    width: auto; } }
.legacy ul.tabs li.active, .legacy ul.tabs li:hover {
  background-color: #44697d; }

.legacy ul.tabs li a {
  text-decoration: none;
  color: #fff; }

.legacy ul.tabs li.spacer {
  background-color: #fff; }

@media only screen and (min-width: 48em) {
  .legacy ul.tabs li.spacer {
    width: 30px; } }
.legacy #options_panel {
  color: #fff;
  border-bottom: 0px;
  padding: 0px;
  z-index: 100;
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy #options_panel {
    display: block;
    position: fixed;
    right: -97px;
    top: 500px;
    border-right: 3px solid #3FAE2A;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); } }
.legacy #options_panel ul {
  padding-left: 0px;
  overflow: hidden;
  margin: 0px; }

.legacy #options_panel li {
  background-color: #333;
  list-style-type: none;
  float: right;
  padding: 0px;
  display: block;
  overflow: hidden; }

@media only screen and (min-width: 48em) {
  .legacy #options_panel li {
    border-right: 2px solid #fff;
    display: block; } }
@media only screen and (min-width: 48em) {
  .legacy #options_panel li img {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); } }
.legacy #options_panel li .fa {
  font-size: 150%;
  padding: 1px 4px 7px 4px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg); }

.legacy #options_panel a {
  display: inline-block;
  color: #fff;
  padding: 5px 12px 8px;
  text-decoration: none;
  height: 37px;
  font-weight: 500; }

.legacy #options_panel a:hover {
  background-color: #e17000; }

.legacy .click-chat {
  display: block;
  width: 150px;
  max-height: 75px;
  position: fixed;
  right: 25px;
  bottom: 25px; }

@media (max-width: 767px) {
  .legacy .click-chat {
    display: none; } }
.legacy .modal {
  display: none;
  padding: 10px; }

.legacy .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  text-align: center; }

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

.legacy .video-container .video-thumb {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center; }

.legacy .video-container .video-thumb a {
  display: block;
  width: 100%;
  height: 100%; }

.legacy .video-container .video-thumb a i {
  font-size: 7em;
  color: black;
  color: rgba(0, 0, 0, 0.7);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.2s ease; }

.legacy .video-container .video-thumb a:hover i {
  color: #cd201f;
  color: rgba(205, 32, 31, 0.9); }

@font-face {
  .legacy {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?-ml0117");
    src: url("../fonts/icomoon.eot?#iefix-ml0117") format("embedded-opentype"), url("../fonts/icomoon.woff?-ml0117") format("woff"), url("../fonts/icomoon.ttf?-ml0117") format("truetype"), url("../fonts/icomoon.svg?-ml0117#icomoon") format("svg");
    font-weight: normal;
    font-style: normal; } }
.legacy [class^="icon-"], .legacy [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.legacy .icon-download:before {
  content: "\e600"; }

.legacy .icon-pdf:before {
  content: "\e601"; }

.legacy .icon-menu:before {
  content: "\e602"; }

.legacy .icon-language:before {
  content: "\e603"; }

.legacy .icon-search:before {
  content: "\e604"; }

.legacy .icon-profile:before {
  content: "\e605"; }

.legacy .icon-close:before {
  content: "\e606"; }

.legacy .icon-drop:before {
  content: "\e607"; }

@media only screen and (min-width: 75em) {
  .legacy .send-to-titlebar {
    position: absolute;
    top: -200px;
    right: 50px; } }
.legacy img.alignleft, .legacy .maincontent img.alignleft {
  float: left;
  margin: 8px 15px 15px 0; }

.legacy img.alignright, .legacy .maincontent img.alignright {
  float: right;
  margin: 8px 0 15px 15px; }

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

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

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

.legacy .ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.legacy .ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.legacy .invisible {
  visibility: hidden; }

.legacy .clearfix:before, .legacy .clearfix:after {
  content: " ";
  display: table; }

.legacy .clearfix:after {
  clear: both; }

.legacy .clearfix {
  *zoom: 1; }

.legacy .grayscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); }

.legacy div.smaller, .legacy p.smaller, .legacy span.smaller {
  font-size: 80%; }

.legacy .wp-caption {
  font-weight: bold;
  font-size: 85%;
  color: #999;
  border: 0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.legacy .wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.legacy .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
  float: left; }

.legacy .wp-caption.alignright {
  margin: 5px 0 20px 20px;
  float: right; }

.legacy .wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0 0 5px 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.legacy .widget_display_topics li {
  margin-bottom: 10px; }

.legacy .widget_display_topics li > div {
  font-size: 80%;
  color: #aaa; }

.legacy .db_queries {
  font-size: 10px;
  width: 800px; }

.legacy .gsc-adBlock {
  display: none !important; }

.legacy .gsc-adBlockVertical {
  display: none !important; }

.legacy .gsc-wrapper.gsc-thinWrapper {
  width: 100% !important;
  border-right: 0px; }

.legacy .gform_wrapper .top_label .gfield_label {
  font-weight: normal;
  margin: 0 0 2px 0; }

.legacy .show-on-mobile, .legacy nav#main ul.sub-menu li.show-on-mobile {
  display: block; }

@media only screen and (min-width: 48em) {
  .legacy .show-on-mobile, .legacy nav#main ul.sub-menu li.show-on-mobile {
    display: none; } }
.legacy .note {
  display: none;
  background-color: #ffff99;
  padding: 3px 8px; }

.legacy .is_editor .note, .legacy .is_admin .note {
  display: block; }

.legacy .is_editor span.note, .legacy .is_admin span.note {
  display: inline; }

.legacy .in_test {
  display: none; }

.legacy .is_admin .in_test {
  display: block; }

.legacy .edit_link, .legacy .edit_link a, .legacy a.edit_link {
  display: none; }

.legacy .admin-bar .edit_link {
  display: initial; }

.legacy .admin-bar .edit_link a, .legacy .admin-bar a.edit_link {
  display: initial;
  color: #e17000;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: normal !important;
  text-transform: none !important; }

.legacy .admin-bar .edit_link a:hover, .legacy .admin-bar a.edit_link:hover {
  text-decoration: underline; }

.legacy .admin-bar .editable_area {
  border: 1px solid transparent;
  position: relative; }

.legacy .admin-bar .editable_area .edit_link {
  display: none;
  position: absolute;
  top: -15px;
  right: 0px;
  line-height: 13px !important; }

.legacy .admin-bar .editable_area .editable_area .edit_link {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: auto; }

.legacy .admin-bar .editable_area .editable_area .edit_link a {
  display: block;
  padding: 3px 10px;
  background: #eee; }

.legacy .admin-bar .editable_area:hover {
  border: 1px dashed #aaa; }

.legacy .admin-bar .editable_area:hover > .edit_link {
  display: block;
  text-decoration: underline; }

.legacy .ext-link {
  background-image: url(/wp-content/themes/hortonworks/images/assets/ext.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 12px; }

.legacy .ext-link.treat-as-local {
  background-image: none; }

.legacy .innernav {
  margin: 20px 0;
  overflow: auto;
  height: 40px; }

.legacy .innernav .next {
  float: right; }

.legacy .innernav .prev {
  float: left; }

.legacy .play-thumbnail .playbutton {
  background: rgba(2, 2, 2, 0.2);
  position: absolute;
  overflow: auto;
  height: auto;
  width: 278px;
  z-index: 2;
  padding: 2% 8% 18px 8%; }

.legacy .play-thumbnail img {
  position: relative;
  width: 80%; }

.legacy #content table.bbp-topics tbody tr.status-closed td, .legacy #content table.bbp-topics tbody tr.status-closed td a {
  color: #333 !important; }

.legacy #bbpress-forums p.bbp-topic-meta img.avatar, .legacy #bbpress-forums ul.bbp-reply-revision-log img.avatar, .legacy #bbpress-forums ul.bbp-topic-revision-log img.avatar, .legacy #bbpress-forums div.bbp-template-notice img.avatar, .legacy #bbpress-forums .widget_display_topics img.avatar, .legacy #bbpress-forums .widget_display_replies img.avatar {
  margin-bottom: 10px !important; }

.legacy #subscription-toggle {
  display: block;
  margin: 5px 0px 10px; }

.legacy #subscription-toggle a {
  text-decoration: none; }

.legacy .moderator_email {
  font-size: 80%;
  display: block;
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.legacy li.bbp-body > ul {
  margin: 0 !important; }

.legacy a.reply_toggler {
  display: block;
  float: right; }

.legacy .global_reply_toggler span.ajax_image {
  display: none; }

.legacy .bbp-footer {
  display: none; }

.legacy .bbp-breadcrumb-home {
  display: none; }

.legacy .bbp-breadcrumb-home + .bbp-breadcrumb-sep {
  display: none; }

.legacy .bbp-template-notice .open-login, .legacy .bbp-template-notice .register {
  color: #598ba6; }

.legacy .bbp-replies .bbp-header {
  display: none; }

.legacy .new-topic-button {
  float: right;
  padding-bottom: 20px; }

.legacy .smartling-ja #sandbox-promo .cta {
  font-size: 0.9em; }

.legacy .smartling-ja .tel span {
  display: none; }

.legacy .test {
  color: #fff; }

@font-face {
  .legacy {
    font-family: 'FontAwesome';
    src: url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0");
    src: url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal; } }
.legacy .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.legacy .fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.legacy .fa-2x {
  font-size: 2em; }

.legacy .fa-3x {
  font-size: 3em; }

.legacy .fa-4x {
  font-size: 4em; }

.legacy .fa-5x {
  font-size: 5em; }

.legacy .fa-fw {
  width: 1.28571em;
  text-align: center; }

.legacy .fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }

.legacy .fa-ul > li {
  position: relative; }

.legacy .fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }

.legacy .fa-li.fa-lg {
  left: -1.85714em; }

.legacy .fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.legacy .pull-right {
  float: right; }

.legacy .pull-left {
  float: left; }

.legacy .fa.pull-left {
  margin-right: .3em; }

.legacy .fa.pull-right {
  margin-left: .3em; }

.legacy .fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.legacy .fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.legacy .fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.legacy .fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.legacy .fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.legacy .fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.legacy .fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.legacy .fa-stack-1x, .legacy .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.legacy .fa-stack-1x {
  line-height: inherit; }

.legacy .fa-stack-2x {
  font-size: 2em; }

.legacy .fa-inverse {
  color: #fff; }

.legacy .fa-glass:before {
  content: ""; }

.legacy .fa-music:before {
  content: ""; }

.legacy .fa-search:before {
  content: ""; }

.legacy .fa-envelope-o:before {
  content: ""; }

.legacy .fa-heart:before {
  content: ""; }

.legacy .fa-star:before {
  content: ""; }

.legacy .fa-star-o:before {
  content: ""; }

.legacy .fa-user:before {
  content: ""; }

.legacy .fa-film:before {
  content: ""; }

.legacy .fa-th-large:before {
  content: ""; }

.legacy .fa-th:before {
  content: ""; }

.legacy .fa-th-list:before {
  content: ""; }

.legacy .fa-check:before {
  content: ""; }

.legacy .fa-times:before {
  content: ""; }

.legacy .fa-search-plus:before {
  content: ""; }

.legacy .fa-search-minus:before {
  content: ""; }

.legacy .fa-power-off:before {
  content: ""; }

.legacy .fa-signal:before {
  content: ""; }

.legacy .fa-gear:before, .legacy .fa-cog:before {
  content: ""; }

.legacy .fa-trash-o:before {
  content: ""; }

.legacy .fa-home:before {
  content: ""; }

.legacy .fa-file-o:before {
  content: ""; }

.legacy .fa-clock-o:before {
  content: ""; }

.legacy .fa-road:before {
  content: ""; }

.legacy .fa-download:before {
  content: ""; }

.legacy .fa-arrow-circle-o-down:before {
  content: ""; }

.legacy .fa-arrow-circle-o-up:before {
  content: ""; }

.legacy .fa-inbox:before {
  content: ""; }

.legacy .fa-play-circle-o:before {
  content: ""; }

.legacy .fa-rotate-right:before, .legacy .fa-repeat:before {
  content: ""; }

.legacy .fa-refresh:before {
  content: ""; }

.legacy .fa-list-alt:before {
  content: ""; }

.legacy .fa-lock:before {
  content: ""; }

.legacy .fa-flag:before {
  content: ""; }

.legacy .fa-headphones:before {
  content: ""; }

.legacy .fa-volume-off:before {
  content: ""; }

.legacy .fa-volume-down:before {
  content: ""; }

.legacy .fa-volume-up:before {
  content: ""; }

.legacy .fa-qrcode:before {
  content: ""; }

.legacy .fa-barcode:before {
  content: ""; }

.legacy .fa-tag:before {
  content: ""; }

.legacy .fa-tags:before {
  content: ""; }

.legacy .fa-book:before {
  content: ""; }

.legacy .fa-bookmark:before {
  content: ""; }

.legacy .fa-print:before {
  content: ""; }

.legacy .fa-camera:before {
  content: ""; }

.legacy .fa-font:before {
  content: ""; }

.legacy .fa-bold:before {
  content: ""; }

.legacy .fa-italic:before {
  content: ""; }

.legacy .fa-text-height:before {
  content: ""; }

.legacy .fa-text-width:before {
  content: ""; }

.legacy .fa-align-left:before {
  content: ""; }

.legacy .fa-align-center:before {
  content: ""; }

.legacy .fa-align-right:before {
  content: ""; }

.legacy .fa-align-justify:before {
  content: ""; }

.legacy .fa-list:before {
  content: ""; }

.legacy .fa-dedent:before, .legacy .fa-outdent:before {
  content: ""; }

.legacy .fa-indent:before {
  content: ""; }

.legacy .fa-video-camera:before {
  content: ""; }

.legacy .fa-photo:before, .legacy .fa-image:before, .legacy .fa-picture-o:before {
  content: ""; }

.legacy .fa-pencil:before {
  content: ""; }

.legacy .fa-map-marker:before {
  content: ""; }

.legacy .fa-adjust:before {
  content: ""; }

.legacy .fa-tint:before {
  content: ""; }

.legacy .fa-edit:before, .legacy .fa-pencil-square-o:before {
  content: ""; }

.legacy .fa-share-square-o:before {
  content: ""; }

.legacy .fa-check-square-o:before {
  content: ""; }

.legacy .fa-arrows:before {
  content: ""; }

.legacy .fa-step-backward:before {
  content: ""; }

.legacy .fa-fast-backward:before {
  content: ""; }

.legacy .fa-backward:before {
  content: ""; }

.legacy .fa-play:before {
  content: ""; }

.legacy .fa-pause:before {
  content: ""; }

.legacy .fa-stop:before {
  content: ""; }

.legacy .fa-forward:before {
  content: ""; }

.legacy .fa-fast-forward:before {
  content: ""; }

.legacy .fa-step-forward:before {
  content: ""; }

.legacy .fa-eject:before {
  content: ""; }

.legacy .fa-chevron-left:before {
  content: ""; }

.legacy .fa-chevron-right:before {
  content: ""; }

.legacy .fa-plus-circle:before {
  content: ""; }

.legacy .fa-minus-circle:before {
  content: ""; }

.legacy .fa-times-circle:before {
  content: ""; }

.legacy .fa-check-circle:before {
  content: ""; }

.legacy .fa-question-circle:before {
  content: ""; }

.legacy .fa-info-circle:before {
  content: ""; }

.legacy .fa-crosshairs:before {
  content: ""; }

.legacy .fa-times-circle-o:before {
  content: ""; }

.legacy .fa-check-circle-o:before {
  content: ""; }

.legacy .fa-ban:before {
  content: ""; }

.legacy .fa-arrow-left:before {
  content: ""; }

.legacy .fa-arrow-right:before {
  content: ""; }

.legacy .fa-arrow-up:before {
  content: ""; }

.legacy .fa-arrow-down:before {
  content: ""; }

.legacy .fa-mail-forward:before, .legacy .fa-share:before {
  content: ""; }

.legacy .fa-expand:before {
  content: ""; }

.legacy .fa-compress:before {
  content: ""; }

.legacy .fa-plus:before {
  content: ""; }

.legacy .fa-minus:before {
  content: ""; }

.legacy .fa-asterisk:before {
  content: ""; }

.legacy .fa-exclamation-circle:before {
  content: ""; }

.legacy .fa-gift:before {
  content: ""; }

.legacy .fa-leaf:before {
  content: ""; }

.legacy .fa-fire:before {
  content: ""; }

.legacy .fa-eye:before {
  content: ""; }

.legacy .fa-eye-slash:before {
  content: ""; }

.legacy .fa-warning:before, .legacy .fa-exclamation-triangle:before {
  content: ""; }

.legacy .fa-plane:before {
  content: ""; }

.legacy .fa-calendar:before {
  content: ""; }

.legacy .fa-random:before {
  content: ""; }

.legacy .fa-comment:before {
  content: ""; }

.legacy .fa-magnet:before {
  content: ""; }

.legacy .fa-chevron-up:before {
  content: ""; }

.legacy .fa-chevron-down:before {
  content: ""; }

.legacy .fa-retweet:before {
  content: ""; }

.legacy .fa-shopping-cart:before {
  content: ""; }

.legacy .fa-folder:before {
  content: ""; }

.legacy .fa-folder-open:before {
  content: ""; }

.legacy .fa-arrows-v:before {
  content: ""; }

.legacy .fa-arrows-h:before {
  content: ""; }

.legacy .fa-bar-chart-o:before {
  content: ""; }

.legacy .fa-twitter-square:before {
  content: ""; }

.legacy .fa-facebook-square:before {
  content: ""; }

.legacy .fa-camera-retro:before {
  content: ""; }

.legacy .fa-key:before {
  content: ""; }

.legacy .fa-gears:before, .legacy .fa-cogs:before {
  content: ""; }

.legacy .fa-comments:before {
  content: ""; }

.legacy .fa-thumbs-o-up:before {
  content: ""; }

.legacy .fa-thumbs-o-down:before {
  content: ""; }

.legacy .fa-star-half:before {
  content: ""; }

.legacy .fa-heart-o:before {
  content: ""; }

.legacy .fa-sign-out:before {
  content: ""; }

.legacy .fa-linkedin-square:before {
  content: ""; }

.legacy .fa-thumb-tack:before {
  content: ""; }

.legacy .fa-external-link:before {
  content: ""; }

.legacy .fa-sign-in:before {
  content: ""; }

.legacy .fa-trophy:before {
  content: ""; }

.legacy .fa-github-square:before {
  content: ""; }

.legacy .fa-upload:before {
  content: ""; }

.legacy .fa-lemon-o:before {
  content: ""; }

.legacy .fa-phone:before {
  content: ""; }

.legacy .fa-square-o:before {
  content: ""; }

.legacy .fa-bookmark-o:before {
  content: ""; }

.legacy .fa-phone-square:before {
  content: ""; }

.legacy .fa-twitter:before {
  content: ""; }

.legacy .fa-facebook:before {
  content: ""; }

.legacy .fa-github:before {
  content: ""; }

.legacy .fa-unlock:before {
  content: ""; }

.legacy .fa-credit-card:before {
  content: ""; }

.legacy .fa-rss:before {
  content: ""; }

.legacy .fa-hdd-o:before {
  content: ""; }

.legacy .fa-bullhorn:before {
  content: ""; }

.legacy .fa-bell:before {
  content: ""; }

.legacy .fa-certificate:before {
  content: ""; }

.legacy .fa-hand-o-right:before {
  content: ""; }

.legacy .fa-hand-o-left:before {
  content: ""; }

.legacy .fa-hand-o-up:before {
  content: ""; }

.legacy .fa-hand-o-down:before {
  content: ""; }

.legacy .fa-arrow-circle-left:before {
  content: ""; }

.legacy .fa-arrow-circle-right:before {
  content: ""; }

.legacy .fa-arrow-circle-up:before {
  content: ""; }

.legacy .fa-arrow-circle-down:before {
  content: ""; }

.legacy .fa-globe:before {
  content: ""; }

.legacy .fa-wrench:before {
  content: ""; }

.legacy .fa-tasks:before {
  content: ""; }

.legacy .fa-filter:before {
  content: ""; }

.legacy .fa-briefcase:before {
  content: ""; }

.legacy .fa-arrows-alt:before {
  content: ""; }

.legacy .fa-group:before, .legacy .fa-users:before {
  content: ""; }

.legacy .fa-chain:before, .legacy .fa-link:before {
  content: ""; }

.legacy .fa-cloud:before {
  content: ""; }

.legacy .fa-flask:before {
  content: ""; }

.legacy .fa-cut:before, .legacy .fa-scissors:before {
  content: ""; }

.legacy .fa-copy:before, .legacy .fa-files-o:before {
  content: ""; }

.legacy .fa-paperclip:before {
  content: ""; }

.legacy .fa-save:before, .legacy .fa-floppy-o:before {
  content: ""; }

.legacy .fa-square:before {
  content: ""; }

.legacy .fa-navicon:before, .legacy .fa-reorder:before, .legacy .fa-bars:before {
  content: ""; }

.legacy .fa-list-ul:before {
  content: ""; }

.legacy .fa-list-ol:before {
  content: ""; }

.legacy .fa-strikethrough:before {
  content: ""; }

.legacy .fa-underline:before {
  content: ""; }

.legacy .fa-table:before {
  content: ""; }

.legacy .fa-magic:before {
  content: ""; }

.legacy .fa-truck:before {
  content: ""; }

.legacy .fa-pinterest:before {
  content: ""; }

.legacy .fa-pinterest-square:before {
  content: ""; }

.legacy .fa-google-plus-square:before {
  content: ""; }

.legacy .fa-google-plus:before {
  content: ""; }

.legacy .fa-money:before {
  content: ""; }

.legacy .fa-caret-down:before {
  content: ""; }

.legacy .fa-caret-up:before {
  content: ""; }

.legacy .fa-caret-left:before {
  content: ""; }

.legacy .fa-caret-right:before {
  content: ""; }

.legacy .fa-columns:before {
  content: ""; }

.legacy .fa-unsorted:before, .legacy .fa-sort:before {
  content: ""; }

.legacy .fa-sort-down:before, .legacy .fa-sort-desc:before {
  content: ""; }

.legacy .fa-sort-up:before, .legacy .fa-sort-asc:before {
  content: ""; }

.legacy .fa-envelope:before {
  content: ""; }

.legacy .fa-linkedin:before {
  content: ""; }

.legacy .fa-rotate-left:before, .legacy .fa-undo:before {
  content: ""; }

.legacy .fa-legal:before, .legacy .fa-gavel:before {
  content: ""; }

.legacy .fa-dashboard:before, .legacy .fa-tachometer:before {
  content: ""; }

.legacy .fa-comment-o:before {
  content: ""; }

.legacy .fa-comments-o:before {
  content: ""; }

.legacy .fa-flash:before, .legacy .fa-bolt:before {
  content: ""; }

.legacy .fa-sitemap:before {
  content: ""; }

.legacy .fa-umbrella:before {
  content: ""; }

.legacy .fa-paste:before, .legacy .fa-clipboard:before {
  content: ""; }

.legacy .fa-lightbulb-o:before {
  content: ""; }

.legacy .fa-exchange:before {
  content: ""; }

.legacy .fa-cloud-download:before {
  content: ""; }

.legacy .fa-cloud-upload:before {
  content: ""; }

.legacy .fa-user-md:before {
  content: ""; }

.legacy .fa-stethoscope:before {
  content: ""; }

.legacy .fa-suitcase:before {
  content: ""; }

.legacy .fa-bell-o:before {
  content: ""; }

.legacy .fa-coffee:before {
  content: ""; }

.legacy .fa-cutlery:before {
  content: ""; }

.legacy .fa-file-text-o:before {
  content: ""; }

.legacy .fa-building-o:before {
  content: ""; }

.legacy .fa-hospital-o:before {
  content: ""; }

.legacy .fa-ambulance:before {
  content: ""; }

.legacy .fa-medkit:before {
  content: ""; }

.legacy .fa-fighter-jet:before {
  content: ""; }

.legacy .fa-beer:before {
  content: ""; }

.legacy .fa-h-square:before {
  content: ""; }

.legacy .fa-plus-square:before {
  content: ""; }

.legacy .fa-angle-double-left:before {
  content: ""; }

.legacy .fa-angle-double-right:before {
  content: ""; }

.legacy .fa-angle-double-up:before {
  content: ""; }

.legacy .fa-angle-double-down:before {
  content: "ↆ"; }

/* edited for archive pg */
.legacy .fa-angle-left:before {
  content: ""; }

.legacy .fa-angle-right:before {
  content: ""; }

.legacy .fa-angle-up:before {
  content: ""; }

.legacy .fa-angle-down:before {
  content: ""; }

.legacy .fa-desktop:before {
  content: ""; }

.legacy .fa-laptop:before {
  content: ""; }

.legacy .fa-tablet:before {
  content: ""; }

.legacy .fa-mobile-phone:before, .legacy .fa-mobile:before {
  content: ""; }

.legacy .fa-circle-o:before {
  content: ""; }

.legacy .fa-quote-left:before {
  content: ""; }

.legacy .fa-quote-right:before {
  content: ""; }

.legacy .fa-spinner:before {
  content: ""; }

.legacy .fa-circle:before {
  content: ""; }

.legacy .fa-mail-reply:before, .legacy .fa-reply:before {
  content: ""; }

.legacy .fa-github-alt:before {
  content: ""; }

.legacy .fa-folder-o:before {
  content: ""; }

.legacy .fa-folder-open-o:before {
  content: ""; }

.legacy .fa-smile-o:before {
  content: ""; }

.legacy .fa-frown-o:before {
  content: ""; }

.legacy .fa-meh-o:before {
  content: ""; }

.legacy .fa-gamepad:before {
  content: ""; }

.legacy .fa-keyboard-o:before {
  content: ""; }

.legacy .fa-flag-o:before {
  content: ""; }

.legacy .fa-flag-checkered:before {
  content: ""; }

.legacy .fa-terminal:before {
  content: ""; }

.legacy .fa-code:before {
  content: ""; }

.legacy .fa-mail-reply-all:before, .legacy .fa-reply-all:before {
  content: ""; }

.legacy .fa-star-half-empty:before, .legacy .fa-star-half-full:before, .legacy .fa-star-half-o:before {
  content: ""; }

.legacy .fa-location-arrow:before {
  content: ""; }

.legacy .fa-crop:before {
  content: ""; }

.legacy .fa-code-fork:before {
  content: ""; }

.legacy .fa-unlink:before, .legacy .fa-chain-broken:before {
  content: ""; }

.legacy .fa-question:before {
  content: ""; }

.legacy .fa-info:before {
  content: ""; }

.legacy .fa-exclamation:before {
  content: ""; }

.legacy .fa-superscript:before {
  content: ""; }

.legacy .fa-subscript:before {
  content: ""; }

.legacy .fa-eraser:before {
  content: ""; }

.legacy .fa-puzzle-piece:before {
  content: ""; }

.legacy .fa-microphone:before {
  content: ""; }

.legacy .fa-microphone-slash:before {
  content: ""; }

.legacy .fa-shield:before {
  content: ""; }

.legacy .fa-calendar-o:before {
  content: ""; }

.legacy .fa-fire-extinguisher:before {
  content: ""; }

.legacy .fa-rocket:before {
  content: ""; }

.legacy .fa-maxcdn:before {
  content: ""; }

.legacy .fa-chevron-circle-left:before {
  content: ""; }

.legacy .fa-chevron-circle-right:before {
  content: ""; }

.legacy .fa-chevron-circle-up:before {
  content: ""; }

.legacy .fa-chevron-circle-down:before {
  content: ""; }

.legacy .fa-html5:before {
  content: ""; }

.legacy .fa-css3:before {
  content: ""; }

.legacy .fa-anchor:before {
  content: ""; }

.legacy .fa-unlock-alt:before {
  content: ""; }

.legacy .fa-bullseye:before {
  content: ""; }

.legacy .fa-ellipsis-h:before {
  content: ""; }

.legacy .fa-ellipsis-v:before {
  content: ""; }

.legacy .fa-rss-square:before {
  content: ""; }

.legacy .fa-play-circle:before {
  content: ""; }

.legacy .fa-ticket:before {
  content: ""; }

.legacy .fa-minus-square:before {
  content: ""; }

.legacy .fa-minus-square-o:before {
  content: ""; }

.legacy .fa-level-up:before {
  content: ""; }

.legacy .fa-level-down:before {
  content: ""; }

.legacy .fa-check-square:before {
  content: ""; }

.legacy .fa-pencil-square:before {
  content: ""; }

.legacy .fa-external-link-square:before {
  content: ""; }

.legacy .fa-share-square:before {
  content: ""; }

.legacy .fa-compass:before {
  content: ""; }

.legacy .fa-toggle-down:before, .legacy .fa-caret-square-o-down:before {
  content: ""; }

.legacy .fa-toggle-up:before, .legacy .fa-caret-square-o-up:before {
  content: ""; }

.legacy .fa-toggle-right:before, .legacy .fa-caret-square-o-right:before {
  content: ""; }

.legacy .fa-euro:before, .legacy .fa-eur:before {
  content: ""; }

.legacy .fa-gbp:before {
  content: ""; }

.legacy .fa-dollar:before, .legacy .fa-usd:before {
  content: ""; }

.legacy .fa-rupee:before, .legacy .fa-inr:before {
  content: ""; }

.legacy .fa-cny:before, .legacy .fa-rmb:before, .legacy .fa-yen:before, .legacy .fa-jpy:before {
  content: ""; }

.legacy .fa-ruble:before, .legacy .fa-rouble:before, .legacy .fa-rub:before {
  content: ""; }

.legacy .fa-won:before, .legacy .fa-krw:before {
  content: ""; }

.legacy .fa-bitcoin:before, .legacy .fa-btc:before {
  content: ""; }

.legacy .fa-file:before {
  content: ""; }

.legacy .fa-file-text:before {
  content: ""; }

.legacy .fa-sort-alpha-asc:before {
  content: ""; }

.legacy .fa-sort-alpha-desc:before {
  content: ""; }

.legacy .fa-sort-amount-asc:before {
  content: ""; }

.legacy .fa-sort-amount-desc:before {
  content: ""; }

.legacy .fa-sort-numeric-asc:before {
  content: ""; }

.legacy .fa-sort-numeric-desc:before {
  content: ""; }

.legacy .fa-thumbs-up:before {
  content: ""; }

.legacy .fa-thumbs-down:before {
  content: ""; }

.legacy .fa-youtube-square:before {
  content: ""; }

.legacy .fa-youtube:before {
  content: ""; }

.legacy .fa-xing:before {
  content: ""; }

.legacy .fa-xing-square:before {
  content: ""; }

.legacy .fa-youtube-play:before {
  content: ""; }

.legacy .fa-dropbox:before {
  content: ""; }

.legacy .fa-stack-overflow:before {
  content: ""; }

.legacy .fa-instagram:before {
  content: ""; }

.legacy .fa-flickr:before {
  content: ""; }

.legacy .fa-adn:before {
  content: ""; }

.legacy .fa-bitbucket:before {
  content: ""; }

.legacy .fa-bitbucket-square:before {
  content: ""; }

.legacy .fa-tumblr:before {
  content: ""; }

.legacy .fa-tumblr-square:before {
  content: ""; }

.legacy .fa-long-arrow-down:before {
  content: ""; }

.legacy .fa-long-arrow-up:before {
  content: ""; }

.legacy .fa-long-arrow-left:before {
  content: ""; }

.legacy .fa-long-arrow-right:before {
  content: ""; }

.legacy .fa-apple:before {
  content: ""; }

.legacy .fa-windows:before {
  content: ""; }

.legacy .fa-android:before {
  content: ""; }

.legacy .fa-linux:before {
  content: ""; }

.legacy .fa-dribbble:before {
  content: ""; }

.legacy .fa-skype:before {
  content: ""; }

.legacy .fa-foursquare:before {
  content: ""; }

.legacy .fa-trello:before {
  content: ""; }

.legacy .fa-female:before {
  content: ""; }

.legacy .fa-male:before {
  content: ""; }

.legacy .fa-gittip:before {
  content: ""; }

.legacy .fa-sun-o:before {
  content: ""; }

.legacy .fa-moon-o:before {
  content: ""; }

.legacy .fa-archive:before {
  content: ""; }

.legacy .fa-bug:before {
  content: ""; }

.legacy .fa-vk:before {
  content: ""; }

.legacy .fa-weibo:before {
  content: ""; }

.legacy .fa-renren:before {
  content: ""; }

.legacy .fa-pagelines:before {
  content: ""; }

.legacy .fa-stack-exchange:before {
  content: ""; }

.legacy .fa-arrow-circle-o-right:before {
  content: ""; }

.legacy .fa-arrow-circle-o-left:before {
  content: ""; }

.legacy .fa-toggle-left:before, .legacy .fa-caret-square-o-left:before {
  content: ""; }

.legacy .fa-dot-circle-o:before {
  content: ""; }

.legacy .fa-wheelchair:before {
  content: ""; }

.legacy .fa-vimeo-square:before {
  content: ""; }

.legacy .fa-turkish-lira:before, .legacy .fa-try:before {
  content: ""; }

.legacy .fa-plus-square-o:before {
  content: ""; }

.legacy .fa-space-shuttle:before {
  content: ""; }

.legacy .fa-slack:before {
  content: ""; }

.legacy .fa-envelope-square:before {
  content: ""; }

.legacy .fa-wordpress:before {
  content: ""; }

.legacy .fa-openid:before {
  content: ""; }

.legacy .fa-institution:before, .legacy .fa-bank:before, .legacy .fa-university:before {
  content: ""; }

.legacy .fa-mortar-board:before, .legacy .fa-graduation-cap:before {
  content: ""; }

.legacy .fa-yahoo:before {
  content: ""; }

.legacy .fa-google:before {
  content: ""; }

.legacy .fa-reddit:before {
  content: ""; }

.legacy .fa-reddit-square:before {
  content: ""; }

.legacy .fa-stumbleupon-circle:before {
  content: ""; }

.legacy .fa-stumbleupon:before {
  content: ""; }

.legacy .fa-delicious:before {
  content: ""; }

.legacy .fa-digg:before {
  content: ""; }

.legacy .fa-pied-piper-square:before, .legacy .fa-pied-piper:before {
  content: ""; }

.legacy .fa-pied-piper-alt:before {
  content: ""; }

.legacy .fa-drupal:before {
  content: ""; }

.legacy .fa-joomla:before {
  content: ""; }

.legacy .fa-language:before {
  content: ""; }

.legacy .fa-fax:before {
  content: ""; }

.legacy .fa-building:before {
  content: ""; }

.legacy .fa-child:before {
  content: ""; }

.legacy .fa-paw:before {
  content: ""; }

.legacy .fa-spoon:before {
  content: ""; }

.legacy .fa-cube:before {
  content: ""; }

.legacy .fa-cubes:before {
  content: ""; }

.legacy .fa-behance:before {
  content: ""; }

.legacy .fa-behance-square:before {
  content: ""; }

.legacy .fa-steam:before {
  content: ""; }

.legacy .fa-steam-square:before {
  content: ""; }

.legacy .fa-recycle:before {
  content: ""; }

.legacy .fa-automobile:before, .legacy .fa-car:before {
  content: ""; }

.legacy .fa-cab:before, .legacy .fa-taxi:before {
  content: ""; }

.legacy .fa-tree:before {
  content: ""; }

.legacy .fa-spotify:before {
  content: ""; }

.legacy .fa-deviantart:before {
  content: ""; }

.legacy .fa-soundcloud:before {
  content: ""; }

.legacy .fa-database:before {
  content: ""; }

.legacy .fa-file-pdf-o:before {
  content: ""; }

.legacy .fa-file-word-o:before {
  content: ""; }

.legacy .fa-file-excel-o:before {
  content: ""; }

.legacy .fa-file-powerpoint-o:before {
  content: ""; }

.legacy .fa-file-photo-o:before, .legacy .fa-file-picture-o:before, .legacy .fa-file-image-o:before {
  content: ""; }

.legacy .fa-file-zip-o:before, .legacy .fa-file-archive-o:before {
  content: ""; }

.legacy .fa-file-sound-o:before, .legacy .fa-file-audio-o:before {
  content: ""; }

.legacy .fa-file-movie-o:before, .legacy .fa-file-video-o:before {
  content: ""; }

.legacy .fa-file-code-o:before {
  content: ""; }

.legacy .fa-vine:before {
  content: ""; }

.legacy .fa-codepen:before {
  content: ""; }

.legacy .fa-jsfiddle:before {
  content: ""; }

.legacy .fa-life-bouy:before, .legacy .fa-life-saver:before, .legacy .fa-support:before, .legacy .fa-life-ring:before {
  content: ""; }

.legacy .fa-circle-o-notch:before {
  content: ""; }

.legacy .fa-ra:before, .legacy .fa-rebel:before {
  content: ""; }

.legacy .fa-ge:before, .legacy .fa-empire:before {
  content: ""; }

.legacy .fa-git-square:before {
  content: ""; }

.legacy .fa-git:before {
  content: ""; }

.legacy .fa-hacker-news:before {
  content: ""; }

.legacy .fa-tencent-weibo:before {
  content: ""; }

.legacy .fa-qq:before {
  content: ""; }

.legacy .fa-wechat:before, .legacy .fa-weixin:before {
  content: ""; }

.legacy .fa-send:before, .legacy .fa-paper-plane:before {
  content: ""; }

.legacy .fa-send-o:before, .legacy .fa-paper-plane-o:before {
  content: ""; }

.legacy .fa-history:before {
  content: ""; }

.legacy .fa-circle-thin:before {
  content: ""; }

.legacy .fa-header:before {
  content: ""; }

.legacy .fa-paragraph:before {
  content: ""; }

.legacy .fa-sliders:before {
  content: ""; }

.legacy .fa-share-alt:before {
  content: ""; }

.legacy .fa-share-alt-square:before {
  content: ""; }

.legacy .fa-bomb:before {
  content: ""; }

.legacy #logo {
  width: 100px;
  height: auto;
  padding: 0;
  text-align: center;
  font-size: 120%;
  margin: 0 auto; }

@media only screen and (min-width: 48em) {
  .legacy #logo {
    width: 150px; } }
@media only screen and (min-width: 60em) {
  .legacy #logo {
    width: 200px;
    float: left; } }
.legacy .search {
  position: absolute;
  top: 0;
  left: -16em;
  display: block;
  z-index: 100;
  margin-left: 12px; }

@media only screen and (min-width: 48em) {
  .legacy .search {
    position: relative;
    float: right;
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 10px;
    left: auto;
    top: auto; } }
.legacy #login-drawer, .legacy #fat-nav, .legacy #toplinks, .legacy .tool-form, .legacy .smt-trigger ul {
  display: none; }

.legacy .menu {
  padding: 0; }

.legacy #header > div {
  padding: 1em; }

.legacy #header > div:before, .legacy #header > div:after {
  content: "";
  display: table; }

.legacy #header > div:after {
  clear: both; }

.legacy #header.ps {
  overflow: visible; }

.legacy #menu-header-new a, .legacy #menu-header-navigation-2015 a {
  font-size: 12px;
  color: #CCC;
  font-weight: 500;
  text-decoration: none;
  font-weight: 500; }

.legacy body {
  background: #333; }

.legacy #navbar {
  background: #fff;
  position: relative;
  box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease; }

.legacy #navbar.active {
  transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  transform: translate3d(70%, 0, 0);
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease; }

.legacy #blacknav {
  background-color: #000;
  height: 5px; }

.legacy #blacknav > div {
  text-align: right;
  padding: 3px 40px; }

.legacy #blacknav .blacklinks {
  color: #ccc;
  font-size: 80%;
  border-radius: 10px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: -5px;
  padding: 7px 20px;
  z-index: 50;
  border: 3px solid #333; }

@media only screen and (min-width: 60em) {
  .legacy #blacknav .blacklinks {
    font-size: 75%; } }
.legacy #blacknav .blacklinks .community {
  display: inline-block; }

.legacy #blacknav .blacklinks .community a {
  color: #fff;
  text-decoration: none; }

.legacy #blacknav .blacklinks .community a:hover {
  text-decoration: underline; }

.legacy #blacknav .blacklinks .tools a:hover {
  text-decoration: none; }

.legacy #blacknav .blacklinks .tools .sub-menu a:hover {
  color: #e17000; }

.legacy #header {
  height: auto;
  background: #333;
  border-bottom: 3px solid #3FAE2A; }

.legacy #header:before, .legacy #header:after {
  content: "";
  display: table; }

.legacy #header:after {
  clear: both; }

.legacy #header > div {
  position: relative; }

.legacy .navigation .search {
  background-color: #000;
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: .75em;
  width: 100%; }

.legacy .navigation .search input[type="text"], .legacy .navigation .search input[type="search"] {
  background: transparent;
  border: none;
  color: #fff;
  padding-left: 2em;
  line-height: 2em;
  margin-bottom: 0;
  width: 100%; }

.legacy .navigation .search button {
  left: .5em;
  right: auto;
  top: 1.375em; }

@media only screen and (min-width: 60em) {
  .legacy .navigation .search {
    display: none; } }
.legacy #menu-header-new {
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 4em;
  width: 100%; }

@media only screen and (min-width: 60em) {
  .legacy #menu-header-new {
    display: none; } }
.legacy #menu-header-new a {
  color: #fff; }

.legacy #menu-header-new li {
  list-style: none; }

.legacy #menu-header-new li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding: 1em; }

.legacy #menu-header-new li li a {
  color: #ccc;
  font-weight: 300; }

.legacy #menu-header-navigation-2015 {
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 4em;
  width: 100%; }

@media only screen and (min-width: 60em) {
  .legacy #menu-header-navigation-2015 {
    display: none; } }
.legacy #menu-header-navigation-2015 a {
  color: #fff; }

.legacy #menu-header-navigation-2015 li {
  list-style: none; }

.legacy #menu-header-navigation-2015 li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  padding: 1em; }

.legacy #menu-header-navigation-2015 li li a {
  color: #ccc;
  font-weight: 300; }

.legacy .menu-link {
  font-size: 36px;
  position: absolute;
  left: .325em;
  top: 18px;
  color: #fff;
  border: none;
  text-decoration: none; }

.legacy .menu-link:visited {
  color: #fff; }

.legacy .menu-link:hover {
  color: #ccc; }

@media only screen and (min-width: 60em) {
  .legacy #header > div {
    padding: 18px 40px 0;
    max-width: 1200px; }

  .legacy #header > div:before, .legacy #header > div:after {
    content: "";
    display: table; }

  .legacy #header > div:after {
    clear: both; }

  .legacy #header {
    background: #333;
    overflow: visible;
    position: relative; }

  .legacy #logo {
    width: 120px;
    margin-right: 1em;
    margin-top: 10px;
    float: left; }

  .legacy .menu-link {
    display: none; }

  .legacy #fat-nav {
    display: block;
    width: 90%;
    margin: 0 50px 0 150px; }

  .legacy #fat-nav:before, .legacy #fat-nav:after {
    content: "";
    display: table; }

  .legacy #fat-nav:after {
    clear: both; }

  .legacy #fat-nav > li {
    width: auto; }

  .legacy #fat-nav li {
    display: block;
    float: left;
    padding: 25px 0 5px 15px;
    margin-top: 20px;
    border-radius: 5px 5px 0 0; }

  .legacy #fat-nav li:hover {
    background-color: #111;
    color: #e17000;
    padding: 25px 0 5px 15px;
    margin-top: 20px; }

  .legacy #fat-nav li:hover .menu-item-link {
    border-right: 1px solid rgba(255, 255, 255, 0); }

  .legacy #fat-nav li.disabled:hover {
    background-color: transparent; }

  .legacy #fat-nav li.download {
    background: url("../images/layout/header/paper.png") 0 80px no-repeat, #d76b00;
    border-radius: 0; }

  .legacy #fat-nav li.download .menu-item-link:hover {
    color: rgba(255, 255, 255, 0.8); }

  .legacy #fat-nav li.highlight {
    background-color: #d76b00; }

  .legacy #fat-nav li.highlight .menu-item-link:hover {
    color: rgba(255, 255, 255, 0.8); }

  .legacy #fat-nav li:last-of-type .menu-item-link {
    border-right: 0; }

  .legacy #fat-nav li .menu-item-link {
    color: #fff;
    display: block;
    font-size: .8em;
    font-weight: 500;
    line-height: 1.25em;
    padding: 0 15px 0 0;
    min-height: 25px;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }

  .legacy #fat-nav li .menu-item-link a {
    color: #fff;
    text-decoration: none; }

  .legacy #fat-nav li .menu-item-link a:hover {
    color: #e17000; }

  .legacy #fat-nav li .menu-item-link span {
    color: rgba(255, 255, 255, 0.5); }

  .legacy #fat-nav li .menu-item-link:hover {
    border-right: 1px solid transparent;
    color: #e17000; }

  .legacy #fat-nav li .subhead {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: .75rem;
    font-weight: 300;
    margin-top: .25em; }

  .legacy #fat-nav li a.btn, .legacy #fat-nav li .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta #fat-nav li a {
    color: #e17000;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 300; }

  .legacy #fat-nav li .mega {
    float: left;
    font-size: 2em;
    margin-right: .5em; }

  .legacy #fat-nav li .h-icon {
    margin-top: .5em; }

  .legacy #fat-nav li .sub-menu {
    box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
    box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
    box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
    background: #111;
    display: none;
    position: absolute;
    left: 0;
    margin-top: 5px;
    padding: 0;
    vertical-align: top;
    width: auto;
    z-index: 100;
    border-radius: 0 0 5px 5px; }

  .legacy #fat-nav li .sub-menu li {
    border-radius: 0;
    border-right: none;
    display: block;
    float: none;
    padding: 0;
    width: auto;
    margin: 15px 30px 0;
    font-weight: normal;
    font-size: 0.9rem; }

  .legacy #fat-nav li .sub-menu li:nth-child(4) {
    clear: none; }

  .legacy #fat-nav li .sub-menu li:last-of-type .menu-item-link {
    border: none; }

  .legacy #fat-nav li .sub-menu .menu-item-link {
    margin: 0;
    border-right: none;
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: normal;
    padding: 0; }

  .legacy #fat-nav li .sub-menu.col-5 .menu-item-link {
    padding-left: 15px; }

  .legacy #fat-nav li .sub-menu.col-2 .menu-item-link {
    padding-left: 15px; }

  .legacy #fat-nav #menu-item-1 .col-1 {
    margin-left: 190px; }

  .legacy #fat-nav #menu-item-2 .col-2 {
    margin-left: 327px; }

  .legacy #fat-nav #menu-item-3 .col-3 {
    margin-left: 412px; }

  .legacy #fat-nav #menu-item-5 .col-5 {
    margin-left: 507px; }

  .legacy #fat-nav #menu-item-6 .col-6 {
    margin-left: 593px; }

  .legacy #fat-nav #menu-item-7 .col-7 {
    margin-left: 672px; }

  .legacy #fat-nav #menu-item-8 .col-8 {
    margin-left: 754px; }

  .legacy #fat-nav #menu-item-8 .menu-item-link {
    border-right: none; }

  .legacy #fat-nav #menu-item-9 {
    color: #000;
    background-color: #e17000;
    padding: 10px 0 0 15px;
    border-radius: 5px 5px 5px 5px;
    margin: 30px 0 0 20px; }

  .legacy #fat-nav #menu-item-9:hover {
    background-color: #ff8003;
    color: #000; }

  .legacy #fat-nav #menu-item-9 .col-9 {
    margin: 7px 0 0 869px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e17000;
    border-radius: 5px 5px 5px 5px; }

  .legacy #fat-nav #menu-item-9 .col-9 li {
    background: none;
    margin: 15px 15px 0; }

  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link {
    color: #000;
    border-color: #000; }

  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link:hover {
    color: #e17000; }

  .legacy #fat-nav #menu-item-9 .menu-item-link:hover {
    color: #fff; } }
@media only screen and (min-width: 75em) {
  .legacy #logo {
    margin-right: 10px;
    margin-top: 0;
    width: 180px; }

  .legacy #fat-nav {
    width: 960px;
    margin: 0 100px 0 205px; }

  .legacy #fat-nav > li > li:hover > a {
    color: #e17000; }

  .legacy #fat-nav li {
    padding: 25px 0 5px 15px;
    margin-top: 20px; }

  .legacy #fat-nav li:hover {
    padding: 25px 0 5px 15px;
    margin-top: 20px; }

  .legacy #fat-nav li.download {
    background: url("../images/layout/header/paper.png") 0 95px no-repeat, #d76b00; }

  .legacy #fat-nav li.download a {
    height: 100%; }

  .legacy #fat-nav li.download .uptext {
    display: block;
    margin-top: -23px;
    font-size: 80%;
    color: #fee8d4;
    font-weight: normal; }

  .legacy #fat-nav li .menu-item-link {
    font-size: 1em; }

  .legacy #fat-nav li .sub-menu {
    margin-left: 245px;
    margin-top: 5px;
    width: auto;
    border-radius: 0 0 5px 5px; }

  .legacy #fat-nav li .sub-menu li {
    padding: 0;
    width: auto;
    margin: 15px 30px 0;
    border-right: none;
    font-weight: normal;
    font-size: 0.9rem; }

  .legacy #fat-nav li .sub-menu .menu-item-link {
    min-height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: normal;
    padding: 0; }

  .legacy #fat-nav li .sub-menu.col-5 .menu-item-link {
    padding-left: 15px; }

  .legacy #fat-nav #menu-item-1 .col-1 {
    margin-left: 245px; }

  .legacy #fat-nav #menu-item-2 .col-2 {
    margin-left: 408px; }

  .legacy #fat-nav #menu-item-3 .col-3 {
    margin-left: 507px; }

  .legacy #fat-nav #menu-item-5 .col-5 {
    margin-left: 618px; }

  .legacy #fat-nav #menu-item-6 .col-6 {
    margin-left: 718px; }

  .legacy #fat-nav #menu-item-7 .col-7 {
    margin-left: 809px; }

  .legacy #fat-nav #menu-item-8 .col-8 {
    margin-left: 903px; }

  .legacy #fat-nav #menu-item-8 .menu-item-link {
    border-right: none; }

  .legacy #fat-nav #menu-item-9 {
    color: #000;
    background-color: #e17000;
    padding: 10px 0 5px 15px;
    border-radius: 5px 5px 5px 5px;
    margin: 30px 0 0 20px; }

  .legacy #fat-nav #menu-item-9:hover {
    background-color: #ff8003;
    color: #000; }

  .legacy #fat-nav #menu-item-9 .col-9 {
    margin: 7px 0 0 1036px;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e17000;
    border-radius: 5px 5px 5px 5px; }

  .legacy #fat-nav #menu-item-9 .col-9 li {
    background: none;
    margin: 15px 15px 0; }

  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link {
    color: #000;
    border-color: #000; }

  .legacy #fat-nav #menu-item-9 .col-9 li .menu-item-link:hover {
    color: #e17000; }

  .legacy #fat-nav #menu-item-9 .menu-item-link:hover {
    color: #fff; } }
.legacy .breadcrumb {
  text-transform: uppercase;
  display: none;
  font-size: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%; }

@media only screen and (min-width: 48em) {
  .legacy .breadcrumb {
    display: block; } }
.legacy .breadcrumb a:hover {
  color: #eee; }

.legacy .breadcrumb ul {
  padding-left: 0px;
  margin: 0px; }

.legacy .sectionnav ul {
  padding-left: 0px;
  margin: 0px;
  overflow: auto;
  position: relative; }

.legacy .sectionnav li {
  list-style-type: none; }

.legacy .sectionnav li .text {
  padding: 5px;
  margin-left: 20px;
  margin-right: 5px; }

.legacy .ps.sectionnav {
  border-top: 0px; }

.legacy .ps.sectionnav > div {
  padding: 10px 20px 10px;
  background-color: #555; }

@media only screen and (min-width: 48em) {
  .legacy .ps.sectionnav > div {
    padding: 10px 40px 10px; } }
.legacy .ps.sectionnav li a {
  display: block;
  color: #eee;
  font-size: large;
  border-radius: 3px;
  padding: 5px 10px;
  text-decoration: none; }

.legacy .ps.sectionnav li a:hover {
  background-color: #e6e6e6;
  color: #666; }

.legacy .ps.sectionnav li.active a {
  background-color: #e17000;
  color: #fff; }

@media only screen and (min-width: 48em) {
  .legacy .ps.sectionnav li {
    display: inline-block;
    margin-right: 20px; } }
.legacy .ps.sectionnav.grey {
  background-color: #d7d5d4; }

.legacy .opener .sectionnav {
  text-align: center;
  padding-bottom: 0px; }

.legacy .opener .sectionnav a {
  display: block;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 20px 20px;
  text-decoration: none;
  text-transform: uppercase; }

.legacy .opener .sectionnav a:hover {
  background-color: #fff;
  color: #e17000; }

.legacy .opener .sectionnav li.active a {
  background-color: #fff;
  color: #3FAE2A; }

@media only screen and (min-width: 48em) {
  .legacy .opener .sectionnav li {
    display: inline-block;
    margin-right: 20px;
    margin-right: 10px; } }
.legacy .opener.lighter .sectionnav a {
  color: #333; }

.legacy .sidenav .sectionnav {
  border-right: 1px dashed #ddd; }

.legacy .sidenav .sectionnav ul {
  margin-left: -10px; }

.legacy .sidenav .sectionnav a {
  display: block;
  text-decoration: none;
  padding: 2px 10px; }

.legacy .sidenav .sectionnav li.active a {
  color: #e17000;
  background-color: #f6f6f6; }

@media only screen and (min-width: 48em) {
  .legacy .sidenav .sectionnav li {
    margin-right: 10px; } }
.legacy .pop-over .search-form, .legacy .pop-over .language-form, .legacy .pop-over .login-form {
  padding: 0; }

@media only screen and (min-width: 60em) {
  .legacy .pop-over .search-form, .legacy .pop-over .language-form, .legacy .pop-over .login-form {
    padding: 7px 50px 0 70px; } }
.legacy .pop-over .language-form .icon-language, .legacy .pop-over .login-form .icon-profile {
  font-size: 36px;
  left: .5rem;
  line-height: 45px;
  position: absolute;
  top: 1rem; }

.legacy .navigation .search button, .legacy .pop-over .search-form button, .legacy .pop-over .login-form button, .legacy .pop-over .login-form .button {
  background-color: transparent;
  border: none;
  color: #fff;
  position: absolute; }

.legacy .pop-over input[type="text"], .legacy .pop-over input[type="search"], .legacy .pop-over input[type="password"], .legacy .pop-over .language-form .langugage-list .language, .legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] {
  background-color: transparent;
  border-bottom: 1px solid #fff; }

.legacy .pop-over .search-form, .legacy .pop-over .login-form {
  display: none; }

@media only screen and (min-width: 60em) {
  .legacy .pop-over .search-form, .legacy .pop-over .login-form {
    display: block; } }
.legacy .tools {
  display: inline-block; }

.legacy .tools .tools-list {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0; }

.legacy .tools .tools-list:before, .legacy .tools .tools-list:after {
  content: "";
  display: table; }

.legacy .tools .tools-list:after {
  clear: both; }

.legacy .tools .tools-list li {
  display: inline-block;
  padding: 0;
  font-size: 100%;
  height: 15px;
  float: none; }

@media only screen and (min-width: 60em) {
  .legacy .tools .tools-list li {
    text-align: center;
    font-size: 100%; } }
@media only screen and (min-width: 75em) {
  .legacy .tools .tools-list li {
    padding: 0 0;
    float: left; } }
.legacy .tools .tools-list li.hide-small {
  display: none; }

@media only screen and (min-width: 60em) {
  .legacy .tools .tools-list li.hide-small {
    display: inline-block; } }
.legacy .tools .tools-list li .sub-menu {
  box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
  box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
  box-shadow: 3px, 3px, 3px, rgba(0, 0, 0, 0.75);
  background: #111;
  display: none;
  position: absolute;
  right: 0;
  padding: 0;
  vertical-align: top;
  z-index: 100;
  border-radius: 0 0 5px 5px; }

.legacy .tools .tools-list li .sub-menu li {
  padding: 1em 0 1em 1em;
  width: auto;
  height: 35px;
  float: none; }

.legacy .tools .tools-list li .sub-menu li:last-child a {
  border: none; }

.legacy .tools .tools-list li .sub-menu li a {
  line-height: normal;
  min-width: 10em;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.2); }

@media only screen and (min-width: 60em) {
  .legacy .tools .tools-list li .sub-menu li a {
    min-width: 0; } }
.legacy .tools .tools-list li .sub-menu .menu-item-link {
  padding: 0 1em 0 0; }

.legacy .tools .tools-list li:nth-child(3) {
  padding-left: 5px; }

.legacy .tools .tools-list li:nth-child(3) a {
  border-right: 0; }

.legacy .tools .tools-list a {
  color: #fff;
  text-decoration: none; }

.legacy .tools .tools-list a span {
  padding: 0 6px;
  vertical-align: middle; }

.legacy .tools .tools-list a span.icon-profile {
  transition-property: background;
  transition-property: background;
  transition-property: background;
  transition-property: background;
  transition-duration: 50ms;
  transition-duration: 50ms;
  transition-duration: 50ms;
  transition-duration: 50ms;
  transition-timing-function: fade;
  transition-timing-function: fade;
  transition-timing-function: fade;
  transition-timing-function: fade; }

.legacy .tools .tools-list a span.icon-profile:hover, .legacy .tools .tools-list a span.icon-profile.hover {
  background: #111; }

@media only screen and (min-width: 60em) {
  .legacy .tools {
    top: 10px;
    right: 1.625em; } }
@media only screen and (min-width: 75em) {
  .legacy .tools {
    top: 10px;
    font-size: 100%; } }
.legacy .pop-over {
  display: none;
  position: absolute;
  background-color: #000;
  color: #fff;
  z-index: 999;
  right: 0;
  top: 70px;
  width: 50%; }

@media only screen and (min-width: 60em) {
  .legacy .pop-over {
    display: none;
    font-size: 18px;
    height: 75px;
    line-height: 40px;
    left: 175px;
    right: auto;
    top: 18px;
    width: 75%; } }
@media only screen and (min-width: 75em) {
  .legacy .pop-over {
    font-size: 22px;
    height: 73px;
    left: 230px;
    top: 20px;
    right: auto;
    width: 810px; } }
.legacy .pop-over input[type="text"], .legacy .pop-over input[type="search"], .legacy .pop-over input[type="password"] {
  border-top: none;
  border-left: none;
  border-right: none;
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  width: 100%; }

.legacy .pop-over input[type="text"], .legacy .pop-over input[type="password"] {
  line-height: 40px; }

.legacy .pop-over a {
  color: #fff;
  text-decoration: none; }

.legacy .pop-over .close {
  color: rgba(255, 255, 255, 0.3);
  display: none;
  line-height: 60px;
  position: absolute;
  right: 10px;
  top: 10px; }

@media only screen and (min-width: 60em) {
  .legacy .pop-over .close {
    display: block; } }
.legacy .pop-over .search-form button {
  left: .75rem;
  top: 1rem; }

.legacy .pop-over .search-form button .icon-search {
  color: #fff;
  font-size: 36px;
  line-height: 45px; }

.legacy .pop-over .language-form .smt-menu {
  background-color: rgba(0, 0, 0, 0.65);
  margin: 0;
  padding: 6px 0;
  position: relative; }

.legacy .pop-over .language-form .smt-menu li a {
  color: #cccccc;
  display: block;
  padding: .25em 1em;
  padding-right: 1em; }

.legacy .pop-over .language-form .smt-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.5); }

.legacy .pop-over .language-form .langugage-list {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2000; }

.legacy .pop-over .language-form .langugage-list .language {
  color: #fff;
  display: block;
  padding-top: 6px;
  padding-bottom: 6px; }

.legacy .pop-over .language-form .langugage-list .language .icon-drop {
  float: right;
  font-size: 36px;
  line-height: 45px; }

.legacy .pop-over .language-form .langugage-list ul {
  margin-top: 5px; }

.legacy .pop-over .language-form li {
  list-style: none; }

.legacy .pop-over .language-form .icon-language {
  display: none; }

@media only screen and (min-width: 60em) {
  .legacy .pop-over .language-form .icon-language {
    display: block; } }
.legacy .pop-over .login-fail {
  padding: 18px 50px 0px 70px; }

.legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] {
  font-size: 16px;
  margin-top: 5px;
  width: 42%; }

@media only screen and (min-width: 75em) {
  .legacy .pop-over .login-form input[type="text"], .legacy .pop-over .login-form input[type="password"] {
    font-size: 22px;
    width: 40%; } }
.legacy .pop-over .login-form .forgot {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 60px;
  position: absolute;
  right: 150px; }

@media only screen and (min-width: 75em) {
  .legacy .pop-over .login-form .forgot {
    right: 180px; } }
.legacy .pop-over .login-form button, .legacy .pop-over .login-form .button {
  font-size: 14px;
  line-height: 50px;
  right: 35px;
  text-transform: uppercase;
  top: 15px;
  padding: 0 1em;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5); }

@media only screen and (min-width: 75em) {
  .legacy .pop-over .login-form button, .legacy .pop-over .login-form .button {
    font-size: 14px;
    right: 50px; } }
.legacy .pop-over .login-form .name {
  display: inline-block;
  line-height: 60px;
  padding: 0 1em; }

.legacy .pop-over .login-form .icon-profile {
  text-align: center;
  top: 0.4rem;
  left: 1rem; }

.legacy .pop-over .login-form .icon-profile .login_to {
  font-size: 13px;
  display: block;
  line-height: normal; }

.legacy #footer_nav .menu .menu-item a {
  color: #436682; }

.legacy #newsletter_signup {
  background: #3FAE2A;
  min-height: 65px;
  padding: 1px;
  font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.legacy #newsletter_signup > div {
  padding-top: 00px;
  padding-bottom: 0px; }

.legacy #newsletter_signup form {
  text-align: center; }

.legacy #newsletter_signup span {
  font-size: 20px;
  line-height: 65px;
  color: white;
  font-weight: lighter;
  margin-right: 5px; }

.legacy #newsletter_signup p {
  font-size: 20px;
  line-height: 65px;
  color: white;
  text-align: center; }

.legacy #newsletter_signup label {
  display: none; }

.legacy #newsletter_signup label.optin {
  display: block;
  margin-top: -25px; }

.legacy #newsletter_signup input[type="email"] {
  width: 266px;
  height: 35px;
  line-height: 35px;
  border: none;
  padding: 0 5px 0 35px;
  margin: 0 5px 4px 0;
  background: white url("../images/icons/envelope.jpg") no-repeat 10px 12px; }

.legacy #newsletter_signup input[type="submit"] {
  height: 35px;
  margin: 0px;
  padding: 0px 7px;
  background: transparent;
  border: 1px solid white;
  margin: 0 0 4px 0;
  color: white;
  font-size: 14px;
  font-weight: lighter;
  display: inline-block;
  position: relative;
  top: 0px;
  text-transform: uppercase; }

.legacy #newsletter_signup input[type="submit"]:hover {
  background-color: #b05801; }

.legacy #newsletter_signup #mkto_submit {
  display: inline-block; }

.legacy #newsletter_signup .dev-container {
  display: none;
  text-align: center;
  margin: 7px auto;
  padding-bottom: 10px; }

.legacy #newsletter_signup .dev-container input {
  height: 35px;
  margin-right: 3px; }

.legacy #newsletter_signup .dev-container #mktoForm_795 {
  height: 35px;
  margin-top: 15px;
  display: inline-block; }

.legacy #newsletter_signup .dev-container input[type="checkbox"] {
  position: absolute;
  margin: 20px 0;
  height: 10px; }

.legacy #footer_menu {
  background: #262626; }

.legacy #footer_menu li {
  display: block;
  width: 220px;
  float: left;
  margin: 0 10px;
  line-height: 20px; }

.legacy #footer_menu > li.parent > a #footer_menu li a {
  font-size: 11px;
  font-weight: normal;
  color: #e5e5e5;
  background: url(../images/icons/footer-bullet.gif) no-repeat left center;
  padding-left: 10px; }

.legacy #footer_search input {
  display: inline; }

.legacy #footer_search .search_input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #5e89a9;
  border-radius: 0;
  color: #fff;
  height: 20px;
  width: 96.5%;
  float: right;
  margin-top: 11px;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  -webkit-font-smoothing: antialiased;
  padding-left: 0px;
  float: right;
  text-shadow: none; }

.legacy #footer_search #footer_submit {
  float: left;
  background: url("../images/icons/new_search.png") no-repeat transparent;
  height: 19px;
  width: 20px;
  border: none;
  display: block;
  margin: 14px 0 0; }

.legacy .menu-footer-navigation-container {
  width: 950px;
  height: 230px;
  overflow: hidden;
  position: relative;
  margin-top: 15px; }

.legacy .footer-container {
  position: relative; }

.legacy .footer-container .content-wrapper {
  padding-bottom: 0; }

.legacy #sub_footer {
  background: #262626; }

.legacy #sub_footer > div {
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px; }

.legacy #sub_footer p, .legacy #sub_footer ul {
  float: right;
  text-align: right;
  color: #e5e5e5;
  clear: both;
  font-size: 11px; }

.legacy #sub_footer a {
  color: #FFF;
  padding-right: 0; }

.legacy #sub_footer .social-icons-list {
  margin-bottom: 10px; }

.legacy .social-icons-list {
  padding-left: 0px; }

.legacy .social-icons-list li {
  list-style-type: none;
  float: left;
  margin-right: 15px; }

.legacy .social-icons-list li:last-child {
  margin: 0; }

.legacy #sub_footer .logo {
  width: 180px;
  float: left; }

.legacy #sub_footer .logo a {
  display: block;
  width: 180px;
  height: 68px;
  background: url(../images/layout/footer/footer-logo.png) no-repeat;
  text-indent: -9999px; }

.legacy #sub_footer small {
  float: left;
  line-height: 20px; }

.legacy #sub_footer ul {
  padding-left: 0; }

.legacy #sub_footer a.linkedin, .legacy a.twitter, .legacy a.slideshare, .legacy a.rss, .legacy a.newsletter, .legacy a.facebook {
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  float: right;
  margin-left: 3px;
  vertical-align: middle; }

.legacy #footer_menu {
  width: 100%;
  background: #2d2d2d; }

.legacy #footer_menu li a {
  font-weight: bold;
  padding-right: 15px; }

.legacy #footer_menu nav {
  margin-bottom: 3px; }

.legacy #fat_footer {
  background-color: #333;
  color: #fff; }

.legacy #fat_footer a {
  color: #fff;
  text-decoration: none; }

.legacy #fat_footer .menu {
  font-size: .8em;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.legacy #fat_footer .menu:before, .legacy #fat_footer .menu:after {
  content: "";
  display: table; }

.legacy #fat_footer .menu:after {
  clear: both; }

@media only screen and (min-width: 48em) {
  .legacy #fat_footer .menu {
    margin: 2em 1em; } }
.legacy #fat_footer .menu > li {
  display: block;
  float: left;
  font-weight: 500;
  margin-bottom: 2em;
  width: 100%; }

@media only screen and (min-width: 48em) {
  .legacy #fat_footer .menu > li {
    margin-bottom: 0;
    padding-right: 1em;
    width: 20%; } }
.legacy #fat_footer .menu .sub-menu {
  list-style: none;
  margin-top: .5em;
  text-transform: capitalize; }

.legacy #fat_footer .menu .sub-menu li {
  font-weight: 300;
  padding: .25em 0; }

.legacy #fat_footer .menu .sub-menu li a {
  color: rgba(255, 255, 255, 0.4); }

.legacy #fat_footer .menu .sub-menu li a:hover {
  color: rgba(255, 255, 255, 0.8); }

.legacy #fat_footer .social-icons-list {
  margin-top: 1em; }

.legacy #fat_footer .logo {
  margin-bottom: 10px; }

.legacy #fat_footer .logo a {
  background: url(http://hortonworks.com/wp-content/uploads/2016/02/HWX-RGB-full-no-tagline-reverse.png) no-repeat;
  background-size: cover;
  display: block;
  width: 188px;
  height: 66px;
  text-indent: -9000px;
  margin: 0 auto; }

.legacy #fat_footer .copy {
  color: rgba(255, 255, 255, 0.4);
  font-size: .75em;
  margin: 0 auto -1em;
  text-align: center;
  width: 55%; }

.legacy #fat_footer .copy a {
  color: rgba(255, 255, 255, 0.8);
  line-height: 2em; }

.legacy #fat_footer .tel {
  font-size: 150%;
  font-weight: normal;
  margin: 15px 0; }

.legacy .opener {
  overflow: initial;
  /* When we use a carousel as part of the opener, we're going to style it differently. */ }

.legacy .opener > div {
  background-size: cover;
  text-align: left;
  margin-top: -43px;
  padding: 0px; }

.legacy .opener > div > div {
  padding: 0px 40px 30px; }

.legacy .opener > div:before {
  display: block;
  height: 43px;
  background-color: rgba(0, 0, 0, 0.3);
  content: " "; }

.legacy .opener .intro-copy {
  color: #fff;
  padding: 15px 20px; }

.legacy .opener .intro-copy .container {
  padding: 20px; }

.legacy .opener .intro-copy p, .legacy .opener .intro-copy .page-summary {
  font-size: 130%; }

.legacy .opener .intro-copy h1 {
  border-bottom: 4px solid #3FAE2A; }

.legacy .opener .intro-copy h2, .legacy .opener .intro-copy .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .opener .intro-copy .group_title {
  border-bottom: 4px solid #3FAE2A; }

@media only screen and (min-width: 48em) {
  .legacy .opener .intro-copy {
    padding: 70px 11% 40px;
    /* Default   */ }

  .legacy .opener .intro-copy h1 {
    width: auto;
    font-size: 300%;
    font-weight: 500;
    display: inline-block; }

  .legacy .opener .intro-copy h2, .legacy .opener .intro-copy .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .opener .intro-copy .group_title {
    width: auto;
    font-size: 240%;
    font-weight: 500;
    display: inline-block; }

  .legacy .opener .intro-copy.left {
    padding-left: 40px;
    padding-right: 30%; }

  .legacy .opener .intro-copy.right {
    padding-left: 45%;
    padding-right: 40px; } }
.legacy .opener.lighten > div > div {
  background-color: rgba(255, 255, 255, 0.6);
  color: initial; }

.legacy .opener.lighten > div > div .container {
  background-color: rgba(255, 255, 255, 0.4); }

.legacy .opener.lighten > div:before {
  background-color: rgba(149, 221, 94, 0.7); }

.legacy .opener.darken > div > div {
  background-color: rgba(0, 0, 0, 0.45);
  color: initial;
  color: #fff; }

.legacy .opener.darken > div > div p {
  color: #fff;
  font-weight: 400; }

.legacy .opener.darken > div > div > p:nth-child(2) {
  font-size: 150%;
  font-weight: 400;
  margin-top: 0; }

.legacy .opener.darken > div > div .container {
  background-color: rgba(0, 0, 0, 0.4); }

.legacy .opener.darken > div:before {
  background-color: rgba(0, 0, 0, 0.75); }

.legacy .opener .bx-wrapper .bx-viewport {
  background: none;
  border: 0px; }

.legacy .related.articles h3 {
  display: none; }

.legacy .related.articles .date {
  display: none; }

.legacy .examples .example {
  padding: 10px; }

.legacy .examples .example h3 {
  margin-top: 0;
  font-size: 130%;
  text-transform: uppercase;
  width: 35%;
  float: left; }

.legacy .examples .example .desc {
  margin-left: 40%; }

.legacy .examples .example:nth-child(odd) {
  background-color: #f7f7f7; }

.legacy .ps.promo-panel {
  overflow: visible;
  z-index: 10; }

.legacy .ps.promo-panel > div {
  padding: 20px 30px 15px;
  overflow: visible;
  position: relative; }

.legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title {
  font-size: 250%;
  margin-bottom: 0px; }

.legacy .ps.promo-panel .desc {
  margin-bottom: 10px;
  text-align: center; }

.legacy .ps.promo-panel .img {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title {
    text-transform: uppercase;
    font-size: 150%;
    font-weight: bold;
    margin-top: -5px;
    width: 65%;
    float: left; }

  .legacy .ps.promo-panel .desc {
    width: 65%;
    padding-right: 20px; }

  .legacy .ps.promo-panel .img {
    display: block;
    position: absolute;
    right: -45px;
    bottom: 0px;
    padding-right: 30px;
    text-align: right; } }
@media only screen and (min-width: 75em) {
  .legacy .ps.promo-panel h2, .legacy .ps.promo-panel .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .ps.promo-panel .group_title {
    float: none;
    width: 25%;
    font-size: 225%; }

  .legacy .ps.promo-panel .desc {
    position: absolute;
    left: 28%;
    top: 20px;
    width: 50%;
    padding-right: 20px; } }
.legacy .ps.promo-panel .webinars h3 {
  display: none; }

.legacy .ps.promo-panel .webinars .title {
  font-weight: bold; }

.legacy .ps.promo-panel .webinars .options {
  display: none; }

.legacy .ps.promo-panel .webinars p.more {
  display: none; }

.legacy .ps.promo-panel .webinars .img {
  bottom: 70px;
  right: 45px; }

.legacy .ps.promo-panel .webinars .img a {
  font-weight: bold;
  text-decoration: none; }

.legacy .bottom_drawer {
  background-color: #f2f0ef; }

.legacy .bottom_drawer > div {
  padding-bottom: 20px; }

.legacy .bottom_drawer .hitters {
  padding-top: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .bottom_drawer .hitters {
    margin-left: 20px; } }
.legacy .bottom_drawer .hitters > div:nth-child(3) .promo {
  border-right: 0px; }

.legacy .bottom_drawer .promo {
  padding-right: 20px;
  text-align: center;
  color: #888;
  font-size: 95%; }

@media only screen and (min-width: 48em) {
  .legacy .bottom_drawer .promo {
    border-right: 1px solid #ccc; } }
.legacy .bottom_drawer .promo .title {
  font-weight: bold; }

.legacy .bottom_drawer .promo .cta a {
  margin-top: 10px; }

.legacy .lowerbody .ps .maincontent {
  text-align: left; }

.legacy .maincontent ul {
  padding-left: 1em;
  list-style-type: disc; }

.legacy .maincontent ul a {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

@media only screen and (min-width: 48em) {
  .legacy .maincontent ul {
    padding-left: 2em; } }
.legacy .maincontent li {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 16px;
  /* list-style-type: disc; 3/28/16 Removed due to extra li */ }

.legacy .maincontent img {
  max-width: 100%;
  margin: 10px 0px;
  height: auto; }

.legacy .maincontent pre {
  display: block;
  background-color: #f2f0ef;
  border: 1px solid #ccc;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  padding: 6px 10px;
  border-radius: 3px;
  font-size: 13px;
  overflow: auto; }

.legacy .maincontent code {
  background-color: #f2f0ef;
  border: 1px solid #ccc;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  padding: 6px 10px;
  border-radius: 3px;
  font-size: 13px; }

.legacy .maincontent pre code {
  border: 0px;
  padding: 0;
  border-radius: 0;
  background-color: none; }

.legacy .maincontent blockquote {
  quotes: "“" "”";
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  position: relative;
  color: #999; }

.legacy .maincontent blockquote cite {
  display: block;
  margin-top: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 90%;
  color: #666; }

.legacy .maincontent blockquote:before {
  content: open-quote;
  font-size: 300%;
  color: #3FAE2A;
  font-family: serif;
  position: absolute;
  top: 0px;
  left: 0px; }

.legacy .maincontent blockquote:after {
  content: close-quote;
  font-size: 300%;
  color: #3FAE2A;
  font-family: serif;
  position: absolute;
  bottom: 0px;
  right: 0px; }

.legacy .maincontent .related_files .file {
  overflow: auto;
  margin-bottom: 20px; }

.legacy .maincontent .related_files .file .icon {
  float: left; }

.legacy .maincontent .related_files .file .icon img {
  width: 80px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px #999; }

.legacy .maincontent .related_files .file .title {
  font-weight: bold;
  margin-left: 105px; }

.legacy .maincontent .related_files .file .desc {
  margin-left: 105px;
  font-size: 90%;
  color: #999; }

.legacy .maincontent .articles .article {
  margin-bottom: 20px; }

.legacy .maincontent .articles .logo {
  height: 60px;
  margin-right: 20px;
  float: left; }

.legacy .maincontent .articles .logo img {
  max-width: 150px;
  max-height: 60px; }

.legacy .maincontent .articles .date {
  color: #ccc;
  font-size: 85%;
  margin-left: 160px; }

.legacy .maincontent .articles .title {
  font-weight: bold;
  margin-left: 160px; }

.legacy .maincontent .articles .quote {
  margin-left: 160px;
  quotes: "“" "”";
  padding: 4px 0px;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  position: relative;
  color: #999; }

.legacy .maincontent .articles .more {
  display: none; }

.legacy .maincontent .articles .edit_link {
  margin-left: 160px; }

.legacy .banner .articles {
  text-align: center; }

.legacy .banner .articles .article {
  display: inline-block;
  width: 220px;
  padding: 0px 20px;
  vertical-align: top; }

.legacy .banner .articles .article .logo {
  height: 60px;
  text-align: center; }

.legacy .banner .articles .article .logo img {
  max-width: 200px;
  max-height: 60px; }

.legacy .banner .articles .article .title {
  font-size: 100%;
  margin-top: 10px; }

.legacy .banner .articles .article .title a {
  text-decoration: none; }

.legacy .banner .articles .article .quote {
  display: none; }

.legacy .banner .articles .article .date {
  display: none; }

.legacy .banner .articles .article .more {
  display: none; }

.legacy .maincontent .categories a {
  font-size: 85%; }

.legacy .comment_warning {
  background-color: #fee8d4;
  padding: 5px;
  font-weight: bold; }

.legacy .versioning_note {
  background-color: #f2f0ef;
  padding: 10px;
  border: 1px solid #ddd; }

.legacy .related li {
  margin-bottom: 8px; }

.legacy .related a {
  text-decoration: none;
  line-height: 1.25; }

.legacy .related .post .title {
  font-weight: bold; }

.legacy .related .post .date {
  color: #999; }

.legacy .maincontent .related.posts ul {
  padding-left: 0px; }

.legacy .maincontent .related.posts .post .title {
  font-weight: bold; }

.legacy .maincontent .related.posts .post .date {
  font-size: 85%;
  color: #999;
  float: left;
  padding-right: 5px; }

.legacy .maincontent .related.posts .post .author {
  font-size: 85%;
  color: #999; }

.legacy .maincontent .related.posts .post .author::before {
  content: "by "; }

.legacy .aside .related.posts .excerpt {
  display: none; }

.legacy .divided .related.posts .excerpt {
  display: none; }

.legacy .related.tutorials {
  padding-left: 0px;
  margin-left: 0px;
  list-style-type: none; }

.legacy .related.tutorials ol {
  padding-left: 0px;
  margin-left: 24px;
  counter-reset: li; }

.legacy .related.tutorials li {
  position: relative;
  margin: 0 0 6px 0;
  padding: 4px 0px;
  list-style: none; }

.legacy .related.tutorials ol li:before {
  /* Trick picked up from : http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
  content: counter(li);
  /* Use the counter as content */
  counter-increment: li;
  /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  top: 8px;
  left: -1.7rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.5em;
  /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */
  margin-right: 8px;
  font-size: 85%;
  padding: 0px;
  /* Style it */
  border-radius: 12px;
  color: #fff;
  background: #ccc;
  font-weight: bold;
  text-align: center; }

.legacy .related.tutorials li.active:before {
  background-color: #e17000; }

.legacy .related.tutorials .active {
  font-weight: bold; }

.legacy .related.tutorials a {
  text-decoration: none; }

.legacy .related.tutorials li {
  margin-bottom: 10px; }

.legacy .related.tutorials .title {
  font-weight: bold; }

.legacy .related.tutorials .tuts_type {
  text-transform: uppercase;
  color: #aaa;
  font-size: 90%; }

.legacy .related.tutorials .excerpt p {
  display: inline; }

.legacy .maincontent ul.related_tutorials {
  padding-left: 0px; }

.legacy .aside .related.tutorials .excerpt {
  display: none; }

.legacy .related.webinars {
  margin-bottom: 30px; }

.legacy .related.webinars .webinar {
  margin-bottom: 15px; }

.legacy .related.webinars .webinar .icon {
  float: left;
  position: relative;
  margin-right: 5px; }

.legacy .related.webinars .webinar .icon img {
  margin: 5px;
  box-shadow: 0px 0px 5px #999;
  border: 2px solid #fff;
  max-width: 70px; }

.legacy .related.webinars .webinar .title {
  font-weight: 600;
  margin: 0px 0px 10px; }

.legacy .related.webinars .webinar .date {
  color: #999;
  display: inline-block;
  font-size: 85%; }

.legacy .related.webinars .webinar .time {
  color: #999;
  display: inline-block; }

.legacy .related.webinars .webinar .options {
  margin: 10px 0; }

.legacy .slug_webinars .related.webinars h3 {
  display: none; }

.legacy .slug_webinars .related.webinars .icon img {
  max-width: 150px;
  margin-right: 10px; }

.legacy .aside .related.webinars .desc {
  display: none; }

.legacy .divided .related.webinars .desc {
  display: none; }

.legacy .aside {
  /* Content blocks within the sidebar should be contained within widgets */
  /* Promo - Used to highlight something... typically in the sidebar: ASIDE */
  /* For Related Tutorials.... shown in the sidebar */
  /* For Associated Files.... shown in the sidebar */
  /* Used on some partner related pages and the getting started with YARN page */ }

.legacy .aside h3 {
  color: #555; }

.legacy .aside .related.articles {
  /* These are hidden by default on panel layouts */ }

.legacy .aside .related.articles h3 {
  display: block; }

.legacy .aside .related.articles .date {
  display: block; }

.legacy .aside .widget {
  margin-bottom: 30px;
  position: relative; }

.legacy .aside .promo .widget {
  margin-bottom: 0px; }

.legacy .aside .promo {
  background-color: #f9f9f9;
  margin: 20px -10px 30px;
  border-radius: 3px;
  padding: 10px; }

.legacy .aside .promo h3 {
  margin-top: 0px; }

.legacy .aside .categories {
  font-weight: bold; }

.legacy .aside .categories ul {
  display: inline-block;
  padding-left: 0px; }

.legacy .aside .categories li {
  display: inline-block; }

.legacy .aside .tutorial .thumb {
  height: 100px;
  background-size: cover;
  background-position: center center; }

.legacy .aside .tutorial .title {
  font-weight: 600;
  margin: 10px 0px 5px; }

.legacy .aside .related_files .file {
  margin-bottom: 20px; }

.legacy .aside .related_files .file:before, .legacy .aside .related_files .file:after {
  content: "";
  display: table; }

.legacy .aside .related_files .file:after {
  clear: both; }

.legacy .aside .related_files .icon {
  float: left;
  position: relative; }

.legacy .aside .related_files .icon img {
  margin: 5px;
  box-shadow: 0px 0px 5px #999;
  border: 2px solid #fff;
  max-width: 70px; }

.legacy .aside .related_files .name {
  margin-left: 85px;
  font-weight: bold; }

.legacy .aside .related_files .desc {
  margin-left: 85px; }

.legacy .aside .related_files .edit_link {
  margin-left: 85px; }

.legacy .aside .related_files .btn_container {
  clear: both;
  padding: 8px 0px; }

.legacy .aside .related_files .icon img.video_overlay {
  box-shadow: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border: none; }

.legacy .aside .whitepaper .icon {
  padding: 20px 10px; }

.legacy .aside .whitepaper .icon img {
  margin: 5px;
  box-shadow: 0px 0px 5px #999;
  border: 2px solid #fff;
  max-width: 140px;
  transform: rotate(2deg); }

.legacy .aside .whitepaper .content-type {
  text-transform: uppercase;
  color: #aaa;
  font-size: 80%; }

.legacy .aside .whitepaper .name {
  font-weight: bold;
  font-size: 115%; }

.legacy .aside .whitepaper .cta {
  clear: both;
  padding: 8px 0px; }

.legacy .aside .related_posts .author {
  display: none; }

.legacy .aside .related_pages {
  margin-bottom: 35px; }

.legacy .aside .related_page p {
  margin: 0px; }

.legacy .aside .related_page {
  margin-bottom: 10px; }

.legacy .aside .related_partner .logo {
  margin-bottom: 5px; }

.legacy .aside .insightera_promo {
  margin: 40px 0px; }

.legacy .aside .insightera_promo:empty {
  margin: 0px; }

.legacy .aside .featured_story {
  background-color: #f9f8f8;
  border-radius: 5px;
  padding: 10px;
  font-size: 110%;
  margin: 0px 0px 20px; }

.legacy .aside .featured_story .logo:before {
  content: "Customer Story";
  display: block;
  color: #ccc;
  text-transform: uppercase;
  margin: -5px 0px 5px;
  font-size: 90%; }

.legacy .aside .featured_story.partner .logo:before {
  content: "Featured Partner"; }

.legacy .aside .featured_story .logo {
  margin: 10px 0px; }

.legacy .aside .featured_story .logo img {
  max-width: 150px;
  max-height: 50px; }

.legacy .aside .featured_story .title {
  font-weight: bold;
  font-size: 110%; }

.legacy .aside .logo_collection {
  margin-bottom: 25px;
  text-align: center; }

.legacy .aside .logo_collection .partner {
  display: inline-block;
  margin: 0px 10px 10px 0px; }

.legacy .aside .logo_collection .partner .logo {
  display: inline; }

.legacy .aside .logo_collection .partner .name {
  display: none; }

.legacy .aside .logo_collection .partner .logo img {
  max-height: 50px;
  max-width: 150px;
  width: auto; }

.legacy .aside .featured_image {
  margin-bottom: 30px; }

.legacy .aside .in-depth-offer {
  background-color: #F4FAE9;
  padding: 3px 8px; }

.legacy .aside .in-depth-offer .case-study-img {
  float: right;
  width: 75px;
  margin-top: 10px;
  margin-right: -10px;
  transform: rotate(4deg);
  transform: rotate(4deg);
  transform: rotate(4deg);
  transform: rotate(4deg); }

.legacy .aside .oehroadshow.promo {
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  color: #fff;
  text-align: center;
  background: #75b844 url(/wp-content/uploads/unversioned/backgrounds/oehr-generic.jpg) no-repeat;
  background-size: 100%; }

.legacy .aside .oehroadshow.promo.sydney {
  background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-sydney.jpg); }

.legacy .aside .oehroadshow.promo.singapore {
  background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-singapore.jpg); }

.legacy .aside .oehroadshow.promo.dallas {
  background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-dallas.jpg); }

.legacy .aside .oehroadshow.promo.austin {
  background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-austin.jpg); }

.legacy .aside .oehroadshow.promo.tokyo {
  background-image: url(/wp-content/uploads/unversioned/backgrounds/oehr-tokyo.jpg); }

.legacy .aside .oehroadshow.promo .oeh-text {
  font-size: 100%; }

.legacy .aside .oehroadshow.promo .roadshow-text {
  font-size: 160%;
  text-transform: uppercase; }

.legacy .aside .oehroadshow.promo .were-coming-text {
  margin-top: 150px;
  font-size: 110%; }

.legacy .aside .oehroadshow.promo .city {
  font-size: 200%;
  text-transform: uppercase;
  font-weight: 400; }

.legacy .aside .oehroadshow.promo .date {
  font-size: 100%; }

.legacy .aside .oehroadshow.promo .desc {
  font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif; }

.legacy .aside .simple_promo {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 5px;
  border: 1px solid #d7d5d4;
  margin: 10px 0px;
  padding: 10px;
  position: relative; }

.legacy .aside .simple_promo a {
  background: no-repeat scroll 13px center #d7d5d4;
  display: block;
  padding: 15px 15px 5px 70px;
  text-transform: uppercase;
  text-decoration: none;
  color: #756e69;
  min-height: 50px; }

.legacy .aside .simple_promo a:hover {
  color: #fff;
  background-color: #756e69; }

.legacy .aside .simple_promo.contact_sales a {
  background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-newsletter-white.png");
  color: #fff;
  background-color: #3FAE2A; }

.legacy .aside .simple_promo.contact_sales a:hover {
  color: #fff;
  background-color: #e17000; }

.legacy .aside .simple_promo.download a {
  background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-download.png");
  background-color: #d7d5d4; }

.legacy .aside .simple_promo.download a:hover {
  background-image: url("/wp-content/themes/hortonworks/images/icons/simplepromoicon-download-white.png");
  background-color: #756e69;
  color: #fff; }

.legacy .paid {
  background-color: #eee;
  padding: 5px 35px;
  text-align: center; }

.legacy .page_summary {
  font-size: 120%;
  line-height: 150%;
  color: #aaa;
  margin-bottom: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .page_summary {
    font-size: 130%;
    line-height: 150%; } }
.legacy .data-table {
  width: 100%; }

.legacy .data-table th {
  color: #fff;
  background-color: #3FAE2A;
  padding: 2px 5px;
  border: 1px solid #fff; }

.legacy .data-table td {
  padding: 2px 5px;
  border: 1px solid #fff; }

.legacy .data-table tr:nth-child(odd) {
  background-color: #f6f6f6; }

.legacy .data-table tr:nth-child(odd) td:first-child {
  background-color: #f0f0f0;
  font-weight: bold; }

.legacy .data-table tr:nth-child(even) {
  background-color: #f0f0f0; }

.legacy .data-table tr:nth-child(even) td:first-child {
  background-color: #e6e6e6;
  font-weight: bold; }

.legacy .basic-table {
  margin: 10px 0px; }

.legacy .basic-table td {
  padding: 2px 5px;
  border: 1px solid #dedede; }

.legacy .basic-table .divider {
  padding-top: 30px;
  font-weight: bold;
  text-align: center;
  background: none;
  border: 1px solid #fff; }

.legacy .quote_bubble {
  font-family: "Roboto Slab", serif;
  color: #777;
  position: relative;
  padding: 25px 35px;
  margin: 0.5em 0 2em;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 25px;
  box-shadow: 5px 5px 0px #3FAE2A;
  /* This is the triangle part of the quote. */ }

.legacy .quote_bubble:after {
  content: "";
  position: absolute;
  bottom: -40px;
  /* value = - border-top-width - border-bottom-width */
  left: 50px;
  /* controls horizontal position */
  border-width: 40px 40px 0 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 --> */
  display: block;
  width: 0; }

.legacy .quote_bubble.right:after {
  right: 50px;
  left: initial;
  border-width: 40px 0 0 40px; }

.legacy .quote_bubble.large {
  font-size: 120%; }

@media only screen and (min-width: 48em) {
  .legacy .quote_bubble.large {
    font-size: 160%; } }
.legacy .quote_bubble.massive {
  font-size: 130%; }

@media only screen and (min-width: 48em) {
  .legacy .quote_bubble.massive {
    font-size: 200%; } }
.legacy ul.rich_list {
  list-style-type: none;
  padding-left: 0px;
  margin: 10px 0px;
  overflow: auto; }

.legacy ul.rich_list li {
  padding-left: 85px;
  overflow: auto;
  margin-bottom: 15px; }

.legacy ul.rich_list .title {
  margin-top: 5px; }

.legacy ul.rich_list .desc {
  display: block; }

.legacy ul.rich_list .icon img {
  float: left;
  width: 70px;
  margin-left: -85px; }

.legacy dl.classic {
  padding-left: 10px; }

@media only screen and (min-width: 48em) {
  .legacy dl.classic {
    padding-left: 30px; } }
.legacy dl.classic dt {
  font-weight: bold;
  margin-top: 10px;
  line-height: 24px; }

.legacy dl.classic dd {
  margin-bottom: 10px;
  font-weight: 300;
  font-family: 'roboto'; }

.legacy .content p:first-of-type {
  margin-top: 0px; }

.legacy .content p:last-of-type {
  margin-top: 0px; }

.legacy .pullquote {
  quotes: "\201C" "\201D" "\2018" "\2019";
  position: relative;
  padding-left: 35px;
  padding-right: 25px;
  margin: 25px 20px 20px 0;
  width: 300px;
  font-size: 150%;
  font-style: italic;
  color: #aaa;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  display: block; }

@media only screen and (min-width: 48em) {
  .legacy .pullquote {
    float: left;
    margin-left: -30px; } }
@media only screen and (min-width: 48em) {
  .legacy .pullquote.right {
    float: right;
    margin-right: -50px;
    margin-left: 30px; } }
.legacy .pullquote.full {
  float: none;
  margin-right: 0px;
  margin-left: 30px;
  width: auto;
  display: block; }

.legacy .pullquote:before {
  font-size: 300%;
  color: #3FAE2A;
  font-size: 250%;
  position: absolute;
  top: -35px;
  left: 0px;
  font-family: serif; }

.legacy .pullquote:after {
  font-size: 300%;
  color: #3FAE2A;
  font-size: 250%;
  position: absolute;
  right: 0px;
  font-family: serif; }

.legacy .pullquote.small {
  font-size: 100%; }

.legacy .pullquote.small:before {
  top: -2px; }

.legacy .breakout {
  font-weight: bold;
  color: #3FAE2A;
  border: 1px solid #3FAE2A;
  border-left: 0px;
  border-right: 0px;
  padding: 8px 0px; }

.legacy .callout {
  float: right;
  margin-left: 30px;
  width: 30%; }

.legacy .callout.left {
  float: left;
  margin-left: 0px;
  margin-right: 30px; }

.legacy .bookshelf {
  list-style-type: none;
  padding-left: 0px;
  margin: 10px -25px 10px 0px;
  overflow: auto;
  padding-top: 20px; }

.legacy .bookshelf li {
  vertical-align: top;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 0px;
  overflow: visible; }

@media only screen and (min-width: 48em) {
  .legacy .bookshelf li {
    width: 120px;
    display: inline-block; } }
@media only screen and (min-width: 48em) {
  .legacy .bookshelf .title {
    font-size: 80%;
    text-align: center; } }
.legacy .bookshelf .desc {
  display: none; }

.legacy .bookshelf .icon {
  text-align: center;
  overflow: visible; }

.legacy .bookshelf .icon img {
  float: none;
  width: 100px;
  margin-left: 0px;
  margin-bottom: 8px; }

@media only screen and (min-width: 48em) {
  .legacy .bookshelf .icon img {
    border: 4px solid #fff;
    box-shadow: 0 0 5px #aaa; } }
@media only screen and (min-width: 48em) {
  .legacy .bookshelf .icon img:hover {
    -webkit-transform: translateY(-10%) scale(1.15);
    -webkit-transition: 250ms; } }
.legacy .items {
  overflow: auto;
  clear: both; }

.legacy .hitters {
  list-style-type: none;
  padding-left: 0px; }

@media only screen and (min-width: 48em) {
  .legacy .hitters {
    margin-right: -30px; } }
.legacy .hitters > div, .legacy .hitters > li {
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 15px;
  vertical-align: top; }

@media only screen and (min-width: 48em) {
  .legacy .hitters > div, .legacy .hitters > li {
    border-right: 10px solid transparent;
    padding-right: 20px; } }
.legacy .hitters #drawer_2, .legacy .hitters #drawer_3 {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .hitters #drawer_2, .legacy .hitters #drawer_3 {
    display: inline-block; } }
.legacy .hitters.center > div {
  text-align: center; }

.legacy .maincontent ul.hitters {
  padding: 0px; }

.legacy .boxes .item {
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 30px;
  background-color: #fff;
  color: #555; }

.legacy .boxes .item h3, .legacy .boxes .item .title {
  margin-top: 0px; }

.legacy .boxes.two .item:nth-child(even) {
  margin-left: 1.5%; }

.legacy .boxes.two .item:nth-child(odd) {
  margin-right: 1.5%; }

.legacy .boxes.green-border .item {
  box-shadow: 5px 5px 0 #3FAE2A; }

.legacy .promo-boxes .promo-box {
  position: relative;
  margin-bottom: 20px;
  text-align: center; }

.legacy .promo-boxes .promo-box h3 {
  margin-top: 0px;
  display: inline-block;
  margin: 1em auto .25em;
  width: 100%; }

.legacy .promo-boxes .promo-box .promo-img .promo-mask {
  z-index: 200;
  width: 300px;
  height: 200px;
  background: rgba(51, 94, 51, 0.5);
  position: relative;
  display: none; }

.legacy .promo-boxes .promo-box .promo-img img {
  position: relative;
  left: 0;
  z-index: 100; }

@media only screen and (min-width: 48em) {
  .legacy .promo-boxes .promo-box {
    margin: 20px auto;
    padding-left: 320px;
    text-align: left;
    overflow: auto; }

  .legacy .promo-boxes .promo-box h3 {
    margin-top: 0; }

  .legacy .promo-boxes .promo-box .promo-img {
    float: left;
    width: 300px;
    margin-left: -320px; } }
@media only screen and (min-width: 60em) {
  .legacy .promo-boxes .promo-box {
    width: 33%;
    margin: 0 auto;
    float: left;
    overflow: initial;
    text-align: center;
    padding: 0 18px; }

  .legacy .promo-boxes .promo-box h3 {
    margin-top: 1em; }

  .legacy .promo-boxes .promo-box .promo-img {
    float: none;
    width: auto;
    margin: 0px auto; } }
.legacy .twoway {
  /* Put content in nice white boxes... helpful when used on the light grey background. */
  /* This extends the bxslider carousel class... add 'bxslider' to pick up standard styles, and 'auto' to fire the standard JS init script.  */ }

.legacy .twoway .item {
  margin-bottom: 45px;
  padding: 20px 0px;
  overflow: auto;
  text-align: left; }

.legacy .twoway .title, .legacy .twoway h3 {
  font-size: 180%;
  margin-bottom: 10px;
  margin-top: 0px; }

@media only screen and (min-width: 48em) {
  .legacy .twoway {
    /* Staggered extends twoway */ }

  .legacy .twoway .img img {
    padding-right: 40px;
    display: inline; }

  .legacy .twoway .img.logo img {
    padding: 15%; }

  .legacy .twoway .img {
    width: 45%;
    float: left; }

  .legacy .twoway .title, .legacy .twoway h3 {
    margin-left: 45%; }

  .legacy .twoway .desc {
    margin-left: 45%; }

  .legacy .twoway.staggered > div:nth-child(even) .img, .legacy .twoway.staggered > li:nth-child(even) .img {
    float: right;
    text-align: right;
    padding-left: 40px;
    padding-right: 0px; }

  .legacy .twoway.staggered > div:nth-child(even) .title, .legacy .twoway.staggered > div:nth-child(even) .desc, .legacy .twoway.staggered > div:nth-child(even) h3 {
    margin-left: 0;
    margin-right: 45%; } }
.legacy .twoway.boxes .item {
  padding: 20px; }

.legacy .twoway.bxslider .item {
  padding: 20px 40px; }

.legacy .twoway.bxslider .item .img img {
  width: auto; }

.legacy ol.mainpoints, .legacy ul.mainpoints {
  list-style-type: none;
  padding-left: 0px; }

@media only screen and (min-width: 48em) {
  .legacy ol.mainpoints, .legacy ul.mainpoints {
    margin-right: -30px; } }
.legacy .mainpoints {
  margin: 20px 0px;
  overflow: hidden; }

.legacy .mainpoints > div, .legacy .mainpoints > li {
  background-color: #f9f8f8;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding: 10px;
  position: relative;
  margin-bottom: 1em; }

@media only screen and (min-width: 48em) {
  .legacy .mainpoints > div, .legacy .mainpoints > li {
    float: left;
    border-right: 15px solid #fff;
    margin-bottom: 0; } }
.legacy .mainpoints > div {
  padding-top: 6px;
  min-height: 200px;
  line-height: 1.5; }

.legacy .mainpoints .title {
  font-weight: bold;
  color: #44697d;
  font-size: 110%;
  margin-bottom: 5px;
  border-bottom: 1px solid #d4dee7; }

.legacy .mainpoints .title a {
  text-decoration: none; }

.legacy .mainpoints .desc {
  margin-bottom: 25px;
  margin-top: 10px; }

.legacy .mainpoints .desc p:first-of-type {
  margin-top: 0px; }

.legacy .mainpoints .more {
  -webkit-transition: opacity 0.3s ease;
  position: absolute;
  display: block;
  background-color: #7696A7;
  font-size: 85%;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 4px 10px; }

.legacy .mainpoints .more a {
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.legacy .mainpoints .more a:hover {
  text-decoration: underline; }

.legacy .mainpoints .more a:after {
  display: inline-block;
  content: "   »";
  padding: 0px 10px; }

.legacy .mainpoints .more > div:hover .more {
  opacity: 1; }

.legacy .phase_diagram {
  font-size: 90%;
  margin-bottom: 30px; }

.legacy .phase_diagram .phase {
  border: 1px solid #d7d5d4;
  position: relative;
  background-color: #f2f0ef;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: -10px;
  padding-right: 40px; }

.legacy .phase_diagram .completed {
  background-color: #e6f2df;
  border-color: #3FAE2A; }

.legacy .phase_diagram .title {
  font-weight: bold;
  font-size: 110%; }

.legacy .phase_diagram .desc ul {
  padding-left: 20px; }

.legacy .phase_diagram .progress {
  background-color: #fff;
  border: 1px solid #333;
  padding: 8px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em; }

@media only screen and (min-width: 48em) {
  .legacy .phase_diagram .progress {
    width: 40%;
    position: absolute;
    top: 20px;
    right: -35px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    margin-bottom: 0; } }
.legacy .phase_diagram .completed .progress {
  border-color: #e17000; }

.legacy .phase_diagram .apache-release {
  font-size: 110%;
  font-weight: bold;
  color: #3FAE2A;
  display: block; }

.legacy .phase_diagram .hwx-release {
  font-size: 90%;
  display: block; }

.legacy .tutorials {
  margin: 25px 0px; }

.legacy .tutorials .series {
  counter-reset: tutorial;
  margin-bottom: 10px; }

.legacy .tutorials .series h4 {
  background-color: #f2f0ef;
  padding: 2px 5px; }

.legacy .tutorials .series .series-desc {
  margin: 5px; }

.legacy .tutorials .tutorial {
  position: relative;
  padding-bottom: 12px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-top: 10px;
  vertical-align: text-top;
  counter-increment: tutorial;
  min-height: 85px; }

@media only screen and (min-width: 48em) {
  .legacy .tutorials .tutorial {
    background: url(/wp-content/themes/hortonworks/images/page-specific/get-started/tutorial-list.png) left bottom no-repeat; } }
@media only screen and (min-width: 48em) {
  .legacy .tutorials .tutorial:before {
    content: counter(tutorial);
    background-color: #44697d;
    display: inline-block;
    float: left;
    border-top: 5px solid #fff;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
    width: 30px;
    height: 28px;
    border-radius: 20px;
    text-align: center; } }
.legacy .tutorials .tutorial > div {
  /*  */ }

@media only screen and (min-width: 48em) {
  .legacy .tutorials .tutorial > div {
    padding-left: 50px; } }
.legacy .tutorials .tutorial:last-of-type {
  border-bottom: none;
  background-image: none; }

.legacy #tuts-partners .tutorial {
  background: none; }

.legacy #tuts-partners .tutorial:before {
  content: none; }

.legacy .tutorial .title {
  font-size: 110%;
  font-weight: bold; }

.legacy .tutorial .pic {
  border-color: 1px solid #bbb;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-bottom: 5px; }

@media only screen and (min-width: 48em) {
  .legacy .tutorial .pic {
    float: left;
    background-size: 80%;
    width: 110px;
    height: 80px;
    overflow: hidden; }

  .legacy .tutorial .pic img {
    width: 150px; } }
.legacy .tutorial .partner_name a {
  color: #999;
  text-transform: uppercase;
  font-size: 80%;
  text-decoration: none; }

.legacy .tutorial .partner_name a:hover {
  text-decoration: underline; }

.legacy .tutorial .summary p {
  margin: 0px; }

.legacy .tutorial .desc p {
  font-style: italic; }

.legacy .release {
  margin-bottom: 35px; }

.legacy .release .title {
  font-size: 130%; }

.legacy .release .title a {
  text-decoration: none; }

.legacy .release .excerpt p {
  margin-top: 0px; }

.legacy .release .date {
  color: #aaa;
  font-size: 85%; }

.fancybox-skin {
  background-color: #fff;
  border-radius: 15px; }

.fancybox-inner h2.header, .fancybox-inner .slug_innovation .innovation .header.group_title, .slug_innovation .innovation .fancybox-inner .header.group_title {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #3d7215;
  font-size: 180%;
  background-color: #57a41c;
  text-transform: uppercase; }

.fancybox-inner .body {
  padding: 15px;
  overflow: auto; }

.fancybox-inner .subheader {
  color: #555;
  font-size: 150%; }

.legacy .contact-sales-form {
  background-color: #f9f8f8; }

.legacy .contact-sales-form h2.header, .legacy .contact-sales-form .slug_innovation .innovation .header.group_title, .legacy .slug_innovation .innovation .contact-sales-form .header.group_title {
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  padding: 5px 10px;
  border-bottom: 1px solid #3d7215;
  font-size: 180%;
  background-color: #57a41c;
  text-transform: uppercase; }

.legacy .contact-sales-form .desc {
  width: 300px;
  position: absolute;
  background-color: #f9f8f8;
  font-size: 85%;
  padding: 10px; }

.legacy .contact-sales-form form {
  float: left;
  padding-left: 320px;
  width: 100%; }

.legacy .view-mode-compact.slug_thank-you .aside, .legacy .view-mode-compact.slug_thank-you .bottom_drawer {
  display: none; }

.legacy ul.contact-options {
  margin-top: 25px; }

.legacy ul.contact-options li {
  padding-left: 10px;
  padding-top: 5px;
  vertical-align: top;
  margin-bottom: 5px; }

.legacy ul.contact-options li.tel {
  list-style-image: url(../images/icons/contact_phone_black.png); }

.legacy ul.contact-options li.email {
  list-style-image: url(../images/icons/contact_email_black.png); }

.legacy .download-cta-box {
  display: none;
  float: right;
  width: 245px;
  padding: 15px 15px 0px;
  margin: -20px 0 20px 60px;
  text-align: center; }

.legacy .download-cta-box img {
  margin: 0;
  padding: 0; }

@media only screen and (min-width: 48em) {
  .legacy .download-cta-box {
    display: block; } }
.legacy .strat_partners {
  width: 80%;
  margin: auto; }

.legacy .strat_partners td {
  padding: 0px 10px;
  vertical-align: middle;
  display: block;
  text-align: center; }

@media only screen and (min-width: 48em) {
  .legacy .strat_partners td {
    display: table-cell;
    text-align: left; } }
.legacy .extended_items {
  list-style-type: none;
  -webkit-backface-visibility: hidden;
  margin: 10px 0px;
  padding-left: 0px; }

.legacy .extended_items li {
  overflow: auto;
  margin-bottom: 15px;
  padding-left: 50px; }

.legacy .extended_items .desc {
  display: none; }

.legacy .extended_items .icon {
  vertical-align: top; }

.legacy .extended_items .icon img {
  float: left;
  width: 40px;
  margin: 0px;
  margin-left: -50px; }

.legacy .bookshelf {
  list-style-type: none;
  padding-left: 10px;
  margin: 10px -25px 10px 0px;
  overflow: auto;
  padding-top: 20px; }

.legacy .bookshelf li {
  vertical-align: top;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 0px;
  overflow: visible; }

@media only screen and (min-width: 48em) {
  .legacy .bookshelf li {
    width: 175px;
    display: inline-block; } }
@media only screen and (min-width: 48em) {
  .legacy .bookshelf .title {
    font-size: 80%;
    text-align: center;
    line-height: 22px;
    margin-top: 10px; } }
.legacy .bookshelf .desc {
  display: none; }

.legacy .bookshelf .item .img {
  border: 4px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.legacy .bookshelf .icon {
  text-align: center;
  overflow: visible; }

.legacy .bookshelf .icon img {
  float: none;
  width: 100px;
  margin-left: 0px;
  margin-bottom: 8px; }

@media only screen and (min-width: 48em) {
  .legacy .bookshelf .icon img {
    border: 4px solid #fff;
    box-shadow: 0 0 5px #aaa; } }
@media only screen and (min-width: 48em) {
  .legacy .bookshelf .icon img:hover {
    -webkit-transform: translateY(-10%) scale(1.15);
    -webkit-transition: 250ms; } }
.legacy .partners {
  text-align: center; }

.legacy .partners .partner {
  display: inline-block;
  margin: 5px 15px; }

.legacy .partners .partner .logo img {
  max-width: 120px;
  max-height: 60px; }

.legacy .partners .partner .name {
  display: none; }

.legacy .learning_options {
  overflow: auto; }

.legacy .learning_options > div {
  float: left;
  margin-right: 30px; }

.legacy .learning_options .fa {
  padding-right: 6px;
  font-size: 120%;
  position: relative;
  top: 1px; }

@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .legacy {
    /* Style adjustments for high resolution devices */ } }
@media print {
  .legacy {
    /* Black prints faster: h5bp.com/s */
    /* a[href]:after 			{ content: " (" attr(href) ")"; } */
    /* Don't show links for images, or javascript/internal links */
    /* h5bp.com/t */
    /*  Page Layout - Hide Crap that doesn't need to be there. */
    /* Comments */ }

  @page {
    .legacy {
      margin: 1.5cm; } }
  .legacy body {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    font-size: 0.8em; }

  .legacy * {
    background: transparent !important;
    color: #000;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  .legacy a, .legacy a:visited {
    text-decoration: underline; }

  .legacy abbr[title]:after {
    content: " (" attr(title) ")"; }

  .legacy a:after, .legacy a[href^="javascript:"]:after, .legacy a[href^="#"]:after {
    content: ""; }

  .legacy pre, .legacy blockquote {
    color: #999;
    page-break-inside: avoid; }

  .legacy thead {
    display: table-header-group; }

  .legacy tr, .legacy img {
    page-break-inside: avoid; }

  .legacy img {
    max-width: 100% !important; }

  .legacy h1 {
    font-size: 220% !important;
    color: #333 !important;
    line-height: 1.5 !important; }

  .legacy h1 + .subtitle {
    font-size: 130%;
    color: #333 !important; }

  .legacy h2, .legacy .slug_innovation .innovation .group_title {
    font-size: 140%; }

  .legacy p, .legacy h2, .legacy .slug_innovation .innovation .group_title, .legacy h3 {
    orphans: 2;
    widows: 2; }

  .legacy h2, .legacy .slug_innovation .innovation .group_title, .legacy h3 {
    page-break-after: avoid; }

  .legacy ol.para li, .legacy ul.para li {
    margin-bottom: 15px; }

  .legacy #login-drawer {
    display: none !important; }

  .legacy #header {
    display: none !important; }

  .legacy #mobile-nav {
    display: none !important; }

  .legacy .ps > div {
    width: 100%;
    padding: 0px;
    padding-bottom: 20px; }

  .legacy #newsletter_signup {
    display: none !important; }

  .legacy #sub_footer {
    display: none !important; }

  .legacy #footer_menu {
    display: none !important; }

  .legacy #options_panel {
    display: none !important; }

  .legacy .bottom_drawer {
    display: none !important; }

  .legacy .no-print {
    display: none !important; }

  .legacy .share {
    display: none !important; }

  .legacy .aside {
    display: none !important; }

  .legacy #respond {
    display: none !important; }

  .legacy .main {
    width: 100%; }

  .legacy .maincontent {
    width: 100%; }

  .legacy .mainbody .ps.titlebar {
    border-top: 0px; }

  .legacy .mainpoints > div {
    height: auto !important; } }
.legacy .bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1; }

.legacy .bx-wrapper img {
  max-width: 100%;
  display: block; }

.legacy .bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  left: -5px;
  background: #fff;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.legacy .bx-wrapper .bx-pager, .legacy .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

.legacy .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/wp-content/themes/hortonworks/images/icons/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

.legacy .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.legacy .bx-wrapper .bx-pager .bx-pager-item, .legacy .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.legacy .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.legacy .bx-wrapper .bx-pager.bx-default-pager a:hover, .legacy .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

.legacy .bx-wrapper .bx-prev {
  left: 10px; }

.legacy .bx-wrapper .bx-next {
  right: 10px; }

.legacy .bx-wrapper .bx-prev {
  left: -45px;
  border-left: 3px solid #000; }

.legacy .bx-wrapper .bx-next {
  right: -45px;
  border-right: 3px solid #000; }

.legacy .bx-wrapper .bx-prev:hover {
  background-position: 0 -64px; }

.legacy .bx-wrapper .bx-next:hover {
  background-position: -70px -64px; }

.legacy .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.legacy .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

.legacy .bx-wrapper .bx-controls-auto {
  text-align: center; }

.legacy .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/wp-content/themes/hortonworks/images/icons/bx-controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.legacy .bx-wrapper .bx-controls-auto .bx-start:hover, .legacy .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.legacy .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/wp-content/themes/hortonworks/images/icons/bx-controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.legacy .bx-wrapper .bx-controls-auto .bx-stop:hover, .legacy .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

.legacy .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.legacy .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

.legacy .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.legacy .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

.legacy .bx-wrapper {
  margin-bottom: 20px; }

.legacy .bx-wrapper .bx-viewport {
  margin-left: 5px;
  box-shadow: none; }

.legacy .bx-wrapper .bx-controls-direction a {
  width: 64px;
  height: 64px;
  margin-top: -32px; }

.legacy .bx-wrapper:hover .bx-controls-direction a {
  opacity: 1; }

.legacy .bx-viewport {
  margin-left: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  padding: 15px;
  margin: 0;
  background: #ffffff;
  color: #444;
  text-shadow: none; }

.fancybox-opened {
  z-index: 8030;
  overflow: visible !important; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none; }

.fancybox-inner {
  overflow: auto; }

.fancybox-inner ol {
  padding-left: 25px; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .legacy .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8020; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden; }

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #000;
  opacity: 0.4 !important; }

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8030;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  margin-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

#HMUCG_Modal_Container_Wrap {
  display: none; }

#HMUCG_Modal_Container {
  position: relative;
  min-width: 720px;
  min-height: 400px;
  padding: 10px; }

#HMUCG_Modal_Container p {
  margin: 1em 0; }

#HMUCG_Modal_Container label {
  pointer-events: auto; }

#HMUCG_Modal_Container .loading {
  height: 400px;
  width: 720px;
  background: url(../images/loading.gif) center center no-repeat; }

#HMUCG_slider_container .loading {
  height: 400px;
  width: 720px;
  background: url(../images/loading.gif) center center no-repeat; }

#HMUCG_Modal_Container form p {
  float: left;
  width: 49%;
  margin: 0 2% .5em 0; }

#HMUCG_Modal_Container form p:nth-child(even) {
  margin-right: 0; }

#HMUCG_Modal_Container form p:last-of-type {
  clear: right; }

#gate-modal input, .legacy #gate-modal textarea, .legacy #gate-modal select {
  width: 100%; }

#gate-modal input[type="checkbox"] {
  width: auto; }

.legacy .lowerbody .hadoop_arch td {
  display: table-cell;
  width: auto; }

.legacy .hadoop_arch {
  word-wrap: normal;
  word-break: normal;
  margin: 0px auto; }

.legacy .maintable {
  position: relative;
  border-spacing: 5px;
  border-collapse: separate;
  margin-left: -5px; }

.legacy .lo .hilevel {
  display: none; }

.legacy .hi .lowlevel {
  display: none; }

.legacy .external .sec.external {
  display: table-cell; }

.legacy .hadoop_arch .sec {
  font-size: 80%;
  position: relative;
  background-color: #e6f2df;
  border: 1px solid #c2e0b0;
  border-radius: 5px;
  padding: 0px; }

.legacy .hadoop_arch .sec .body {
  padding: 5px;
  text-align: center; }

.legacy .hadoop_arch .sec .label {
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  min-height: 46px;
  font-weight: bold;
  font-size: 90%;
  background-color: #3FAE2A;
  padding: 5px 8px;
  border-radius: 5px 5px 0 0; }

.legacy .hadoop_arch .sec.side {
  width: 15%;
  min-width: 80px; }

.legacy .hadoop_arch .sec.external {
  display: none;
  background-color: #f2f0ef;
  border-color: #ccc;
  padding: 10px; }

.legacy .hadoop_arch .sec:hover, .legacy .hadoop_arch .sec.hilight {
  background-color: #fee8d4;
  border-color: #e17000; }

.legacy .hadoop_arch .sec:hover .label, .legacy .hadoop_arch .sec.hilight .label {
  background-color: #e17000; }

.legacy .hadoop_arch .sec :hover .component, .legacy .hadoop_arch .sec.hilight .component {
  border-color: #e17000; }

.legacy #ha_security > .label, .legacy #ha_ops > .label, .legacy #ha_tools > .label {
  padding-top: 15px; }

.legacy .hadoop_arch .core {
  width: 50%; }

.legacy .hadoop_arch .purpose {
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden; }

.legacy .hadoop_arch .component {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 1px;
  margin-bottom: 5px;
  border: 1px solid #c2e0b0; }

.legacy .hadoop_arch .component.hilight {
  background-color: #e17000;
  border-color: #b05801;
  color: #fff; }

.legacy .hadoop_arch .component.hilight a {
  color: #fff; }

.legacy .hadoop_arch .sub-components {
  padding-left: 0px; }

.legacy .hadoop_arch .sub-components li {
  list-style-type: none;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px; }

.legacy .hadoop_arch .sub-components li a {
  text-decoration: none; }

.legacy #ha_yarn {
  position: relative;
  z-index: 4; }

.legacy #ha_yarn.component {
  margin: 5px;
  background-color: #44697d;
  color: #fff;
  height: 70px;
  padding-top: 25px;
  margin-top: -20px; }

.legacy #ha_yarn.component.hilight {
  background-color: #e17000;
  border-color: #b05801;
  color: #fff; }

.legacy #ha_yarn.component.hilight a {
  color: #fff; }

.legacy #ha_yarn .purpose a {
  position: relative;
  display: inline-block;
  padding-top: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 130%; }

.legacy #ha_hdfs.component {
  height: 64px;
  padding-top: 20px;
  background: #fff url(/wp-content/themes/hortonworks/images/assets/hdfs_backdrop.png) no-repeat;
  background-size: 100% 100%;
  font-size: 120%; }

.legacy #ha_hdfs .purpose {
  background-color: rgba(255, 255, 255, 0.5); }

.legacy #data_management {
  padding-top: 0px; }

.legacy #data_management .label {
  top: auto;
  bottom: 0px;
  border-radius: 0 0 5px 5px;
  min-height: 30px; }

.legacy #data_management .body {
  padding-top: 20px;
  border-radius: 5px 5px 0 0; }

.legacy #data_management .purpose {
  font-weight: normal; }

.legacy #data_management .purpose a {
  font-weight: bold; }

.legacy #ha_data_access {
  margin-bottom: 8px; }

.legacy #ha_data_access .body {
  height: 170px;
  padding: 0px; }

.legacy #ha_data_access .label {
  padding-top: 15px; }

.legacy .hadoop_arch .apps {
  position: relative;
  z-index: 5;
  border-spacing: 5px;
  border-collapse: separate;
  table-layout: fixed;
  width: 100%;
  font-size: 100%; }

.legacy .hadoop_arch .apps td {
  height: 130px; }

.legacy .hadoop_arch .apps li {
  font-size: 90%;
  line-height: 1.25; }

.legacy .hadoop_arch .apps td.others {
  background-color: #f6f6f6;
  border: 1px dashed #ddd; }

.legacy .hadoop_arch .apps td.more {
  display: none; }

.legacy .hadoop_arch .plug_below .sub-components:after {
  display: block;
  position: absolute;
  bottom: -15px;
  left: 2px;
  width: 100%;
  height: 15px;
  text-align: center;
  background: url(/wp-content/themes/hortonworks/images/assets/yarn_plugs.png) top center no-repeat;
  content: " "; }

.legacy .hadoop_arch .plug {
  position: absolute;
  bottom: -21px;
  width: 100%;
  text-align: center;
  margin-left: -4px; }

.legacy .hadoop_arch .plug_below span {
  display: inline-block;
  height: 22px;
  width: 38px;
  position: absolute;
  bottom: 0;
  right: 18%; }

.legacy .hadoop_arch .on_tez {
  background-image: url(/wp-content/themes/hortonworks/images/assets/arch_tez.png);
  background-position: center bottom;
  background-repeat: no-repeat; }

.legacy .hadoop_arch .on_slider {
  background-image: url(/wp-content/themes/hortonworks/images/assets/arch_slider.png);
  background-position: center bottom;
  background-repeat: no-repeat; }

.legacy .hadoop_arch .on_slider_tez {
  background-image: url(/wp-content/themes/hortonworks/images/assets/arch_tez-slider.png);
  background-position: center bottom;
  background-repeat: no-repeat; }

@media only screen and (max-width: 900px) {
  .legacy .hadoop_arch .apps td.solr {
    display: none; } }
@media only screen and (max-width: 800px) {
  .legacy .hadoop_arch .apps td.others {
    display: none; }

  .legacy .hadoop_arch .plug_below span {
    right: 20%;
    width: 30px; } }
@media only screen and (max-width: 700px) {
  .legacy .hadoop_arch .data_access .body {
    height: 138px; }

  .legacy .hadoop_arch .side.sec .component {
    min-height: 200px; }

  .legacy #ha_ops .component {
    min-height: 98px; }

  .legacy .hadoop_arch .purpose {
    font-size: 85%; }

  .legacy .hadoop_arch .sub-components {
    display: none; }

  .legacy #ha_yarn {
    padding-top: 25px; }

  .legacy .hadoop_arch .apps .component {
    height: 100px;
    min-width: 30px; }

  .legacy .hadoop_arch .apps .purpose {
    float: left;
    text-align: left;
    position: relative;
    left: 17px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0; }

  .legacy .hadoop_arch .plug_below span {
    display: none; } }
.legacy .min .side.sec .component {
  min-height: 200px; }

.legacy .min .side.sec {
  width: 12%;
  min-width: 90px; }

.legacy .min .sec:hover {
  background-color: #e6f2df;
  border-color: #c2e0b0; }

.legacy .min .sec:hover .label {
  background-color: #3FAE2A; }

.legacy .min .sec:hover .component {
  border-color: #c2e0b0; }

.legacy .min #ha_ops .component {
  min-height: 98px; }

.legacy .min .purpose {
  font-size: 85%;
  font-weight: normal; }

.legacy .min .sub-components {
  display: none; }

.legacy .min .ingest .the_extra {
  display: none; }

.legacy .min .sec.side .label {
  margin-bottom: 20px; }

.legacy .min .sec.side.ingest .label {
  margin-bottom: 20px; }

.legacy .min #ha_yarn {
  padding-top: 25px;
  height: 70px; }

.legacy .min #ha_yarn .purpose a {
  text-decoration: none;
  font-size: 120%;
  top: 0px; }

.legacy .min #ha_yarn .purpose a:hover {
  color: #fff; }

.legacy .min #ha_data_access .body {
  height: 115px; }

.legacy .min #ha_hdfs a {
  color: #555;
  text-decoration: none; }

.legacy .min #ha_hdfs a:hover {
  color: #555;
  text-decoration: none; }

.legacy .min .apps td.nosql {
  display: none; }

.legacy .min .apps .component {
  height: 80px;
  min-width: 30px; }

.legacy .min .apps .purpose {
  float: left;
  text-align: left;
  position: relative;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  white-space: nowrap;
  /* Rotate from top left corner (not default) */
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0; }

.legacy .min .on_tez {
  background-image: none; }

.legacy .min .on_slider {
  background-image: none; }

.legacy .min .on_slider_tez {
  background-image: none; }

.legacy .hilite_security #ha_security, .legacy .hilite_governance #ha_governance, .legacy .hilite_operations #ha_ops, .legacy .hilite_data_access #ha_data_access, .legacy .hilite_data_management #ha_data_management {
  background-color: #fee8d4;
  border-color: #e17000; }

.legacy .hilite_security #ha_security .label, .legacy .hilite_governance #ha_governance .label, .legacy .hilite_operations #ha_ops .label, .legacy .hilite_data_access #ha_data_access .label, .legacy .hilite_data_management #ha_data_management .label {
  background-color: #e17000; }

.legacy .hilite_security #ha_security .component, .legacy .hilite_governance #ha_governance .component, .legacy .hilite_operations #ha_ops .component, .legacy .hilite_data_access #ha_data_access .component, .legacy .hilite_data_management #ha_data_management .component {
  border-color: #e17000; }

.legacy #ha_governance .component:nth-child(1) {
  min-height: 150px; }

.legacy #ha_governance .component:nth-child(2) {
  min-height: 265px; }

.legacy #ha_security .component {
  min-height: 420px; }

.legacy #ha_tools .component {
  max-height: 70px;
  padding: 0px; }

.legacy #ha_ops .component:nth-child(1) {
  min-height: 200px; }

.legacy #ha_ops .component:nth-child(2) {
  min-height: 215px; }

.legacy #ha_others img {
  max-width: 55%; }

.legacy .divDisplayFrame {
  visibility: hidden;
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  width: 400px;
  position: absolute !important;
  z-index: 2147483647 !important;
  background-color: #ffffff !important;
  text-align: left;
  font-size: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 0px #3FAE2A, -1px -1px 15px rgba(0, 0, 0, 0.5); }

.legacy .tabCompList {
  border: 0;
  margin-bottom: 10px; }

.legacy .tabCompList caption {
  line-height: 95%;
  padding: 0; }

.legacy .tabCompList h3 {
  padding: 5px 0 6px 0;
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #245B27;
  border-width: 0;
  margin-top: 20px; }

.legacy .tabCompList td {
  line-height: 115%;
  font-size: 14px;
  border-width: 0; }

.legacy .tabCompTR:nth-child(even), .legacy .tabCompNATR {
  background: #F9F8F8 !important; }

.legacy .tabCompTR:hover, .legacy .tabCompNATR:hover {
  background: #3e3e3e !important; }

.legacy .tabCompTR:hover .divCompName, .legacy .tabCompNATR:hover .divCompNAName {
  color: #e17000 !important; }

.legacy .tabCompTR:hover .divCompDetails, .legacy .tabCompNATR:hover .divCompNADetails {
  color: #fff !important; }

.legacy .tabCompTD {
  padding-left: 2px; }

.legacy .tabCompNATD {
  padding-left: 2px; }

.legacy .divCompName {
  color: #598ba6; }

.legacy .divCompDetails {
  color: #606060; }

.legacy .divCompNAName {
  color: #598ba6;
  font-weight: bold;
  font-size: 12px; }

.legacy ul.page-numbers {
  clear: both;
  margin: 0;
  padding: 0; }

.legacy ul.page-numbers li {
  list-style-type: none;
  float: left; }

.legacy ul.page-numbers a, .legacy ul.page-numbers span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px; }

.legacy ul.page-numbers a:hover, .legacy ul.page-numbers a.current, .legacy ul.page-numbers span:hover, .legacy ul.page-numbers span.current {
  border-color: #000; }

.legacy ul.page-numbers a.current, .legacy ul.page-numbers span.current {
  font-weight: bold; }

.legacy #registration_complete {
  display: none; }

.legacy form.register.ajax .row {
  border-bottom: 1px solid #eee; }

.legacy form.register.ajax .row:before, .legacy form.register.ajax .row:after {
  content: "";
  display: table; }

.legacy form.register.ajax .row:after {
  clear: both; }

.legacy form.register.ajax .row:last-child {
  border-bottom: none; }

.legacy form.register.ajax label {
  line-height: 40px;
  cursor: pointer;
  color: #999; }

.legacy form.register.ajax input, .legacy form.register.ajax select {
  margin: 10px 0;
  width: 350px;
  padding: 10px;
  font-size: 16px; }

.legacy form.register.ajax input.disabled, .legacy form.register.ajax select.disabled {
  color: grey; }

.legacy form.register.ajax input[type="submit"] {
  width: auto; }

.legacy form.register.ajax .ajax-loading {
  display: none;
  margin: 0 15px; }

.legacy .form_notice span {
  color: red;
  display: block; }

.legacy .ui-dialog.insightera {
  position: absolute;
  top: 50%;
  right: 0; }

.legacy .ui-dialog.insightera .ui-dialog-titlebar-close {
  height: 24px;
  margin: -12px 0 0;
  width: 26px; }

.legacy .post_meta {
  margin-bottom: 30px;
  color: #999; }

.legacy .comment {
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px; }

.legacy .comment .awaiting_moderation .comment_meta {
  border-bottom: 1px solid #e17000;
  background-color: #fff; }

.legacy .comment .awaiting_moderation .comment_body {
  color: #ccc;
  background-color: #fff; }

.legacy .comment .awaiting_moderation .comment_title {
  color: #ccc; }

.legacy .comment .awaiting_moderation .comment_title a {
  color: #9bafc3; }

.legacy .comment .awaiting_moderation .posted_on {
  color: #ccc; }

.legacy .comment .awaiting_moderation .reply {
  display: none; }

.legacy .comment .awaiting_moderation .avatar_container img {
  -webkit-filter: opacity(25%); }

.legacy .comment .awaiting_moderation_note {
  display: inline;
  color: #666; }

.legacy .comment .comment_title {
  background-color: #eee;
  padding: 2px 5px; }

.legacy .comment .comment_title a {
  text-decoration: none; }

.legacy .comment .comment_author {
  display: inline;
  font-weight: bold; }

.legacy .comment .comment_body {
  background-color: #f6f6f6;
  overflow: auto;
  padding: 10px 5px; }

.legacy .comment .comment_meta {
  font-size: 85%;
  color: #999;
  background-color: #fafafa;
  padding: 2px 5px; }

.legacy .comment .comment_meta a {
  color: #e17000; }

.legacy .comment .comment_actions {
  display: inline; }

.legacy .comment .comment_actions .loading {
  display: none; }

.legacy .comment .comment_actions .toggle a.disabled {
  color: gray;
  cursor: not-allowed; }

.legacy .comment .avatar_container {
  position: absolute;
  left: 0px;
  top: 0px; }

.legacy .comment .posted_on {
  display: inline;
  font-size: 85%;
  color: #999; }

.legacy .comment .reply {
  display: inline;
  font-weight: bold; }

.legacy #respond input, .legacy #respond textarea {
  width: 100%; }

.legacy #respond code {
  display: block;
  font-size: 75%;
  margin: 10px 0px; }

.legacy #respond .form-allowed-tags {
  width: 100%; }

.legacy #cancel-comment-reply-link {
  font-size: 16px;
  font-weight: normal;
  float: right;
  font-size: 15px;
  text-decoration: none;
  padding-top: 8px; }

.legacy .tax-blog_type h2, .legacy .tax-blog_type .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .tax-blog_type .group_title, .legacy .blog h2, .legacy .blog .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .blog .group_title, .legacy .archive h2, .legacy .archive .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .archive .group_title {
  font-size: 175%;
  margin-top: 0px; }

.legacy .tax-blog_type h2 a, .legacy .tax-blog_type .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .tax-blog_type .group_title a, .legacy .blog h2 a, .legacy .blog .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .blog .group_title a, .legacy .archive h2 a, .legacy .archive .slug_innovation .innovation .group_title a, .legacy .slug_innovation .innovation .archive .group_title a {
  text-decoration: none; }

.legacy .tax-blog_type .entry, .legacy .blog .entry, .legacy .archive .entry {
  padding-bottom: 30px;
  overflow: auto;
  padding: 10px;
  margin: 0px -10px 50px; }

.legacy .tax-blog_type .entry:hover, .legacy .blog .entry:hover, .legacy .archive .entry:hover {
  background-color: #f6f6f6; }

@media only screen and (min-width: 48em) {
  .legacy .tax-blog_type .meta, .legacy .blog .meta, .legacy .archive .meta {
    width: 35%;
    float: left; } }
.legacy .tax-blog_type .post_date, .legacy .blog .post_date, .legacy .archive .post_date {
  font-size: 85%;
  color: #999; }

.legacy .tax-blog_type .post_author, .legacy .blog .post_author, .legacy .archive .post_author {
  font-size: 85%; }

.legacy .tax-blog_type .post_author a, .legacy .blog .post_author a, .legacy .archive .post_author a {
  text-decoration: none; }

@media only screen and (min-width: 48em) {
  .legacy .tax-blog_type .content, .legacy .blog .content, .legacy .archive .content {
    width: 65%;
    float: left;
    padding-left: 10%; } }
.legacy .tax-blog_type .more_link a, .legacy .blog .more_link a, .legacy .archive .more_link a {
  text-decoration: none; }

.legacy .tax-blog_type .blog_type, .legacy .blog .blog_type, .legacy .archive .blog_type {
  padding: 2px 5px;
  background-color: #3FAE2A;
  border-bottom: 2px solid #3d7215;
  color: #fff; }

.legacy .tax-blog_type .blog_type a, .legacy .blog .blog_type a, .legacy .archive .blog_type a {
  color: #fff;
  text-decoration: none; }

.legacy .tax-blog_type .blog_type a:hover, .legacy .blog .blog_type a:hover, .legacy .archive .blog_type a:hover {
  text-decoration: underline; }

.legacy .tax-blog_type .blog_type.announcements, .legacy .blog .blog_type.announcements, .legacy .archive .blog_type.announcements {
  background-color: #e17000;
  border-bottom: 2px solid #b05801; }

.legacy .tax-blog_type .social-icons-list, .legacy .blog .social-icons-list, .legacy .archive .social-icons-list {
  float: right; }

.legacy .slug_hdp .hdp_assembly .stage {
  position: relative; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hdp .hdp_assembly .stage {
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 50%; } }
.legacy .slug_hdp .hdp_assembly .stage:last-of-type {
  margin-bottom: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hdp .hdp_assembly .diagram {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 48%; } }
.legacy .slug_hdp .hdp_assembly .sec {
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 15px; }

.legacy .slug_hdp .hdp_assembly h3.title {
  border-bottom: 0px;
  margin-bottom: 0px; }

.legacy .slug_hdp .benefits > div > .title {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px; }

.legacy .slug_hdp .benefits > div > .icon {
  margin-bottom: 20px;
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hdp .community-promo {
    margin-top: -30px;
    margin-bottom: 0px !important; } }
.legacy .slug_hdp .committers-image {
  margin-top: 25px; }

.legacy .slug_hdp .committers-image img {
  max-width: 50%; }

.legacy .slug_hdp .community-caption {
  padding: 10px;
  border-radius: 5px;
  font-size: 80%;
  color: #999;
  display: inline-block; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hdp .community-caption {
    width: 100%;
    margin-top: 95px; } }
.legacy .slug_hdp .build-diagram {
  margin-top: 90px; }

.legacy .slug_whats-new .lowerbody .ps > div {
  overflow: hidden; }

.legacy .slug_whats-new .segue {
  margin: 0 auto;
  background-color: #f2f0ef;
  padding: 5px 20px;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #3FAE2A; }

@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .segue {
    max-width: 500px;
    text-align: center;
    margin-bottom: -30px; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .hive_promo {
    float: left;
    width: 55%; } }
.legacy .slug_whats-new .community_promo {
  padding: 20px;
  padding-bottom: 160px;
  background-color: #fff;
  border-radius: 10px;
  background: #fff url(/wp-content/themes/hortonworks/images/page-specific/hdp/hive_collab.jpg) center bottom no-repeat;
  background-size: 100% auto;
  color: #555; }

@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .community_promo {
    float: right;
    width: 35%;
    margin-left: 40px; } }
.legacy .slug_whats-new h2, .legacy .slug_whats-new .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .slug_whats-new .group_title {
  margin-top: 20px; }

.legacy .slug_whats-new .community_promo h3 {
  margin-top: 0px; }

.legacy .slug_whats-new .asparagus {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px; }

.legacy .slug_whats-new .asparagus img {
  max-width: 100%; }

.legacy .slug_whats-new .core_image {
  text-align: center;
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .core_image {
    display: block; } }
.legacy .slug_whats-new .new_features {
  overflow: auto; }

.legacy .slug_whats-new .feature {
  background-color: #f0f0f0;
  padding: 10px 15px;
  margin-bottom: 1em; }

@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .feature {
    margin-bottom: 10px; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .feature.ambari {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 25%; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_whats-new .feature.storm {
    float: left;
    width: 40%; }

  .legacy .slug_whats-new .feature.solr {
    float: right;
    width: 54%; }

  .legacy .slug_whats-new .feature.falcon {
    float: left;
    width: 40%; }

  .legacy .slug_whats-new .feature.knox {
    float: right;
    width: 54%; } }
.legacy .slug_whats-new .feature h3 {
  margin-top: 0px; }

.legacy .slug_whats-new .invests h3 {
  margin-top: 20px; }

.legacy .version {
  text-transform: uppercase;
  font-size: 150%;
  margin-bottom: -15px; }

@media only screen and (min-width: 48em) {
  .legacy .whats_new {
    width: 70%;
    float: left;
    overflow: auto;
    padding-right: 50px; } }
.legacy .whats_new ul {
  padding-left: 0px;
  list-style-type: none;
  overflow: auto;
  margin-left: 0; }

.legacy .whats_new li {
  margin-bottom: 8px;
  display: inline-block;
  min-width: 300px;
  max-width: 600px;
  margin: 0px;
  margin-right: 40px;
  margin-bottom: 25px;
  line-height: 1.45em;
  vertical-align: top; }

.legacy .whats_new li b {
  display: block;
  margin-bottom: 10px; }

@media only screen and (min-width: 48em) {
  .legacy .techspecs {
    width: 30%;
    float: left;
    overflow: auto; } }
.legacy .techspecs table {
  width: 100%; }

.legacy .techspecs th {
  padding-bottom: 10px; }

.legacy .techspecs tr td:first-of-type {
  padding-right: 30px; }

.legacy .techspecs tr:nth-child(even) {
  background-color: #f5f5f5; }

.legacy .benefits {
  margin-top: 35px; }

.legacy .previous_versions ul {
  list-style-type: none;
  padding-left: 0px; }

.legacy .documentation .search {
  float: right; }

.legacy .documentation .search input[type=submit] {
  margin-left: 20px; }

.legacy .docs {
  overflow: auto; }

@media only screen and (min-width: 48em) {
  .legacy .docs {
    width: 75%; } }
.legacy .docs .segment {
  position: relative;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f6f6f6;
  vertical-align: top; }

.legacy .docs .segment h3 {
  background-repeat: no-repeat;
  margin-top: 0px;
  padding-left: 20px;
  background-position: 0px 8px; }

.legacy .docs .segment h4 {
  font-weight: normal;
  font-size: 100%;
  margin: 10px 0px 0px;
  padding-left: 20px;
  font-weight: bold; }

.legacy .docs .segment ul {
  list-style-type: none;
  padding-left: 20px;
  margin: 0px; }

.legacy .docs .segment a {
  color: #5C7F92;
  text-decoration: none; }

.legacy .docs .segment a:hover {
  color: #e17000;
  text-decoration: none; }

.legacy #getting_started h3 {
  background-image: url(../images/icons/docs_play_9x12.png); }

.legacy #installation h3 {
  background-image: url(../images/icons/docs_wrench_12x12.png); }

.legacy #cluster_guide h3 {
  background-image: url(../images/icons/docs_cog_12x12.png); }

.legacy #ops_guide h3 {
  background-image: url(../images/icons/docs_key_stroke_12x12.png); }

.legacy #integration_guide h3 {
  background-image: url(../images/icons/docs_chart_12x12.png); }

.legacy #sysadmin_guide h3 {
  background-image: url(../images/icons/docs_sun_stroke_12x12.png); }

.legacy #reference h3 {
  background-image: url(../images/icons/docs_book_alt_12x12.png); }

.legacy #user_guide h3 {
  background-image: url(../images/icons/docs_sun_stroke_12x12.png); }

.legacy .cse .gsc-search-button input.gsc-search-button-v2, .legacy input.gsc-search-button-v2 {
  padding: 6px 7px; }

.legacy .gsc-control-cse {
  background-color: transparent;
  border: 0px;
  padding: 0px; }

.legacy .gsc-control-cse table {
  border-collapse: separate;
  margin-bottom: 0; }

.legacy .gsc-input td {
  padding: 2px 4px; }

.legacy table.addons {
  margin-left: -5px; }

.legacy table.addons .desc {
  padding: 10px 30px 5px 5px; }

.legacy table.addons .downloads {
  padding: 10px 5px;
  width: 100%;
  text-align: center; }

@media only screen and (min-width: 48em) {
  .legacy table.addons .downloads {
    width: 20%; } }
.legacy table.addons tr {
  border-bottom: 1px dashed #ddd; }

.legacy div.roundedcorners .fancybox-skin {
  border-radius: 10px;
  background: #fafafa; }

.legacy #eula {
  text-align: left;
  width: 542px; }

.legacy #eula .eula_box {
  height: 200px;
  width: auto;
  overflow-y: auto;
  background: white;
  padding: 10px;
  border: 1px solid #BBB;
  font-size: 11px; }

.legacy #eula h3 {
  font-weight: normal;
  color: #3FAE2A;
  font-size: 1.2em;
  padding: 0 0 1em 0;
  margin: 0 0 1em 0; }

.legacy #eula pre {
  margin: 0.2em 0 1em 0;
  white-space: pre; }

.legacy #eula pre, .legacy #eula tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
  padding: 10px;
  display: block; }

.legacy #eula button {
  margin: 10px 0 0 0; }

.legacy .float_l {
  float: left; }

.legacy .float_r {
  float: right; }

.legacy .download-options-wide {
  margin-bottom: 10px; }

.legacy .download-options-wide .download-option {
  position: relative;
  margin-bottom: 30px;
  overflow: auto; }

.legacy .download-options-wide .do-title {
  font-size: 125%;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px; }

.legacy .download-options-wide .body {
  margin-right: 250px; }

.legacy .download-options-wide .option {
  float: right;
  width: 200px; }

.legacy .download-options .download-option {
  border-radius: 3px;
  padding: 0;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  border: 1px solid #ddd; }

.legacy .download-options .do-title {
  border-radius: 3px;
  font-weight: bold;
  color: #fff;
  padding: 20px 15px 15px;
  background: #999;
  /* Old browsers */
  background: -moz-linear-gradient(top, #999 0%, #777 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #777));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #999 0%, #777 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #999 0%, #777 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #999 0%, #777 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #999999 0%, #777777 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#777',GradientType=0 );
  /* IE6-9 */ }

.legacy .download-options .do-title a {
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

.legacy .download-options .body {
  position: relative;
  min-height: 250px;
  padding: 15px;
  border-top: 0px; }

.legacy .download-options .desc {
  min-height: 150px; }

.legacy .download-option .details {
  font-size: 80%;
  color: #999; }

.legacy .download-options ul.install_docs {
  padding-left: 0px;
  list-style-type: none;
  text-align: center; }

.legacy .download-options ul.install_docs li {
  font-size: 85%;
  display: inline-block;
  padding-right: 5px;
  border-right: 1px solid #999; }

.legacy .download-options ul.install_docs li:last-of-type {
  border-right: 0px; }

.legacy .download-options .install_docs {
  text-align: center;
  font-size: 90%; }

.legacy .download-option .option .downloads_page_btn {
  display: block;
  text-align: center;
  margin: 0;
  width: 100%;
  font-weight: bold;
  color: #69BF44;
  padding: 17px 0 17px;
  text-decoration: none;
  border: 1px solid #dcdcdc;
  border-top: 0px;
  border-collapse: collapse;
  box-shadow: none;
  background: white;
  /* Old browsers */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e9e9e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
  /* W3C */ }

.legacy .download-option .option .downloads_page_btn:hover {
  background: #F8F8F8; }

.legacy .also {
  padding-left: 50px;
  background: url(../images/icons/green_arrow_x41.png) no-repeat left;
  position: absolute;
  top: 0px;
  right: 70px; }

.legacy .also .type {
  font-size: 80%;
  color: #999;
  text-transform: uppercase; }

.legacy .also a {
  color: #3FAE2A; }

.legacy .download-all {
  margin-bottom: 20px; }

.legacy .download-all .download-option {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: auto;
  border-bottom: 1px  solid #eee; }

.legacy .download-all .download-option:last-of-type {
  border-bottom: 0px; }

.legacy .download-all .do-title {
  font-size: 110%;
  margin-bottom: 0px;
  font-weight: 500; }

.legacy .download-all .details {
  margin-bottom: 10px; }

@media only screen and (min-width: 48em) {
  .legacy .download-all .desc {
    width: 45%;
    float: left;
    margin-right: 40px; } }
.legacy .download-all .option {
  text-align: center;
  margin-top: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .download-all .option {
    float: right;
    width: 22%;
    font-size: 85%;
    margin-top: -40px; } }
.legacy .download-all .option a {
  margin-bottom: 20px; }

.legacy .download-all .install_docs {
  font-size: 85%;
  margin-top: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .download-all .install_docs {
    float: left;
    width: 23%;
    min-height: 110px;
    margin-top: -40px; } }
.legacy .download-all .install_docs ul {
  padding-left: 0px;
  margin-top: 0px;
  display: inline-block; }

.legacy .download-all .install_docs li {
  list-style-type: none;
  margin-bottom: 10px; }

.legacy .doc_icon img {
  margin: 0px;
  box-shadow: 0 0 5px #aaa;
  height: 100px;
  margin-right: 20px;
  float: left;
  overflow: visible; }

.legacy .forums_list {
  list-style-type: none;
  padding-left: 0px; }

.legacy .forums_list li {
  margin-bottom: 20px; }

.legacy .forums_list .desc {
  display: block; }

.legacy .slug_hortonworks-sandbox #sandbox_image {
  position: relative;
  z-index: 5;
  max-width: 1200px;
  margin: auto;
  overflow: visible; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hortonworks-sandbox #sandbox_image img {
    position: absolute;
    top: 20px;
    right: 50px; } }
.legacy .slug_hortonworks-sandbox .bicon {
  text-align: center; }

.legacy .slug_hortonworks-sandbox .bicon img {
  width: 30%; }

.legacy .slug_hortonworks-sandbox .center.hitters .hitter {
  text-align: center;
  padding-right: 40px; }

.legacy .slug_why-hortonworks-for-hadoop .innovation .title {
  font-size: 140%; }

.legacy .slug_why-hortonworks-for-hadoop .innovation.three .project {
  margin-bottom: 50px; }

.legacy .slug_why-hortonworks-for-hadoop .innovation .tagline {
  font-size: 110%; }

.legacy .slug_hadoop-modern-data-architecture article {
  margin: 0 0 40px 0; }

.legacy .slug_hadoop-modern-data-architecture .mainpoints.green > div {
  padding: 0;
  background-color: #fff;
  height: auto !important;
  margin-bottom: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hadoop-modern-data-architecture .mainpoints.green > div {
    height: 307px !important;
    margin-bottom: 0; } }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead h3 {
  color: #fff;
  border-bottom: 0px;
  margin-top: 0px;
  overflow: visible; }

.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead {
  background-color: #3FAE2A;
  text-align: center;
  padding: 20px;
  margin-bottom: 20px;
  overflow: visible; }

@media only screen and (min-width: 48em) {
  .legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colhead {
    height: 120px; } }
.legacy .slug_hadoop-modern-data-architecture .mainpoints.green .colbody {
  font-size: .9em;
  padding: 0px 15px;
  line-height: 1.5em; }

.legacy .slug_hadoop-modern-data-architecture .readmore {
  margin-top: 28px;
  padding: 0px; }

.legacy .slug_hadoop-modern-data-architecture .readmore a {
  font-size: inherit; }

.legacy .slug_hadoop-modern-data-architecture .orange {
  color: #e17000; }

.legacy .slug_hadoop-modern-data-architecture .center {
  text-align: center; }

.legacy .slug_hadoop-modern-data-architecture .last {
  margin-bottom: 0; }

.legacy .slug_hadoop-modern-data-architecture .no-break {
  white-space: nowrap; }

.legacy .slug_use-cases .case {
  overflow: auto;
  clear: both;
  padding-top: 35px;
  padding-bottom: 25px;
  background: url(/wp-content/themes/hortonworks/images/assets/divider_light.jpg) no-repeat scroll center top transparent;
  padding-left: 300px; }

.legacy .slug_use-cases .uc_video {
  width: 250px;
  padding-top: 15px; }

.legacy .slug_use-cases .uc_video img {
  width: 250px; }

.legacy .slug_use-cases .uc_video.left {
  float: left;
  margin-left: -300px;
  margin-right: 40px; }

.legacy .slug_use-cases .get_the_doc {
  width: 150px;
  float: right;
  margin-left: 50px;
  text-align: center;
  margin-top: -20px; }

.legacy .slug_use-cases .get_the_doc .subtitle {
  color: #aaa;
  text-transform: uppercase;
  font-size: 90%;
  margin-bottom: 5px; }

.legacy .slug_use-cases .get_the_doc img {
  border: 5px solid #fff;
  box-shadow: 0px 0px 5px #666;
  width: 120px; }

.legacy .slug_contact .contact-us.hitters > div {
  width: 100%;
  height: 450px;
  background-repeat: no-repeat !important;
  background-size: cover !important; }

@media only screen and (min-width: 48em) {
  .legacy .slug_contact .contact-us.hitters > div {
    margin-right: 15px;
    width: 31%; } }
.legacy .slug_contact .main.location .details {
  font-size: 110%;
  background-color: #f9f8f8;
  padding: 10px; }

.legacy .slug_contact .main.location .details a {
  text-decoration: none; }

.legacy .slug_contact .details > div {
  margin-bottom: 20px; }

.legacy .slug_contact .details .title {
  font-size: 130%; }

.legacy .slug_contact .remote.locations .office {
  background-color: #f9f8f8;
  padding: 10px; }

@media only screen and (min-width: 48em) {
  .legacy .slug_contact .remote.locations .office {
    float: left;
    width: 31%;
    margin-right: 20px;
    min-height: 500px; } }
.legacy .slug_contact h1 + .subtitle, .legacy .slug_management-team h1 + .subtitle, .legacy .slug_board-of-directors h1 + .subtitle, .legacy .slug_founders h1 + .subtitle, .legacy .slug_press-releases h1 + .subtitle {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .slug_contact h1 + .subtitle, .legacy .slug_management-team h1 + .subtitle, .legacy .slug_board-of-directors h1 + .subtitle, .legacy .slug_founders h1 + .subtitle, .legacy .slug_press-releases h1 + .subtitle {
    display: block; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_become-a-partner .program {
    padding-left: 320px; }

  .legacy .slug_become-a-partner .program .logo {
    margin-left: -320px;
    width: 280px;
    float: left; } }
.legacy .partner-filters {
  /**** Isotope Filtering ****/
  /**** Isotope CSS3 transitions ****/
  /**** disabling Isotope CSS3 transitions ****/
                                                                                                                                             /*  This'll make the strategic partners bigger.
.strategic.partner              { width:298px; height:297px; }
.strategic.partner .logo        { margin:20px; width:240px; height:240px; }
*/ }

.legacy .partner-filters .isotope-item {
  z-index: 2; }

.legacy .partner-filters .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

.legacy .partner-filters .isotope, .legacy .partner-filters .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.legacy .partner-filters .isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.legacy .partner-filters .isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

.legacy .partner-filters .isotope.no-transition, .legacy .partner-filters .isotope.no-transition .isotope-item, .legacy .partner-filters .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.legacy .partner-filters .mainbody .ps.titlebar h1 + .subtitle {
  margin-left: -40px;
  padding-left: 40px; }

.legacy .partner-filters #partner_blox {
  overflow: visible; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters #partner_blox {
    padding-right: 41px;
    padding-left: 60px; } }
.legacy .partner-filters .partner-gallery {
  width: 100%;
  margin-left: -9px; }

.legacy .partner-filters .fwd_back {
  position: relative;
  font-size: 300%;
  font-weight: bold;
  z-index: 999; }

.legacy .partner-filters .fwd_back a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 10px 10px;
  border-radius: 20px;
  color: #d6d6d6; }

.legacy .partner-filters .fwd_back a:hover {
  color: #aaa; }

.legacy .partner-filters .fwd_back .left {
  position: absolute;
  top: 230px;
  left: 0;
  z-index: 2; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters .fwd_back .left {
    left: -60px; } }
.legacy .partner-filters .fwd_back .right {
  position: absolute;
  z-index: 2;
  top: 230px;
  right: 0; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters .fwd_back .right {
    right: -50px; } }
.legacy .partner-filters #partners {
  width: 100%;
  visibility: hidden; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters #partners {
    visibility: visible; } }
.legacy .partner-filters .partner {
  position: relative;
  padding: 10px;
  width: 141px;
  height: 141px;
  display: inline-block;
  border: 1px solid #eee;
  background-color: #fff;
  margin: 8px;
  cursor: pointer;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  z-index: 0; }

.legacy .partner-filters .partner:hover {
  border-color: #fcc79b; }

.legacy .partner-filters .partner.platinum {
  width: 200px;
  height: 200px; }

.legacy .partner-filters .partner.platinum .logo {
  width: 170px;
  height: 170px; }

.legacy .partner-filters .partner.gold {
  width: 175px;
  height: 175px; }

.legacy .partner-filters .partner.gold .logo {
  width: 150px;
  height: 150px; }

.legacy .partner-filters .partner .name {
  display: none; }

.legacy .partner-filters .partner .logo {
  width: 120px;
  height: 120px;
  background: no-repeat center center;
  background-size: contain; }

.legacy .partner-filters .partner .certified {
  position: absolute;
  top: 0;
  left: -4px;
  width: 150px;
  height: 150px;
  background: url("http://hortonworks.com/wp-content/uploads/2015/05/HWX_CertTech_Sashes_Color_HDP.png") no-repeat;
  pointer-events: none; }

.legacy .partner-filters .partner .yarn {
  background: url("http://hortonworks.com/wp-content/uploads/2015/05/HWX_CertTech_Sashes_Color_HDP.png") no-repeat; }

.legacy .partner-filters .partner .platinum.certified {
  background: url("/wp-content/themes/hortonworks/images/tab_platinum.png") no-repeat;
  left: initial;
  right: 2px; }

.legacy .partner-filters .partner .gold.certified {
  background: url("/wp-content/themes/hortonworks/images/tab_gold.png") no-repeat;
  left: initial;
  right: 2px; }

.legacy .partner-filters .partner .silver.certified {
  background: url("/wp-content/themes/hortonworks/images/tab_silver.png") no-repeat; }

.legacy .partner-filters .partner .bronze.certified {
  background: none; }

.legacy .partner-filters .sort_n_filter {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters .sort_n_filter {
    display: block; } }
@media only screen and (min-width: 48em) {
  .legacy .partner-filters .sort_n_filter .label {
    float: left; } }
.legacy .partner-filters .filters {
  list-style-type: none;
  margin: 15px 0px;
  padding-left: 0;
  overflow: auto; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters .filters li {
    display: inline-block;
    margin-right: 10px; } }
.legacy .partner-filters .filters li a {
  display: block;
  background-color: #999;
  color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 80%; }

@media only screen and (min-width: 48em) {
  .legacy .partner-filters .filters li a {
    padding: 3px 8px;
    margin-bottom: 0; } }
.legacy .partner-filters .filters li a:hover {
  background-color: #e17000; }

.legacy .partner-filters .filters li a.active {
  background-color: #44697d; }

.legacy .partner-filters .form_table {
  width: 100%; }

.legacy .partner-filters .form_table td {
  padding-right: 20px; }

.legacy .partner-filters .form_table select {
  width: 100%; }

.legacy .partner-filters .form_table textarea {
  width: 100%; }

.legacy .partner-filters .form_table input {
  width: 100%; }

.legacy .titlebar .certified_logo {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .titlebar .certified_logo {
    display: block;
    position: absolute;
    right: 0;
    top: 0; } }
.legacy .titlebar .certified_logo a {
  margin-left: 5px; }

.legacy .titlebar .certified_logo img {
  width: 130px;
  vertical-align: top; }

.legacy .single-hw_partner .partner_logo {
  text-align: center; }

.legacy .single-hw_partner .partner_logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 140px; }

.legacy #header {
  border-bottom: none; }

@media only screen and (min-width: 48em) {
  .legacy .page-template-page-events-php .event {
    padding-left: 170px;
    position: relative; } }
@media only screen and (min-width: 48em) {
  .legacy .page-template-page-events-php .event .title {
    margin-left: -170px; } }
.legacy .page-template-page-events-php .event .logo {
  display: block;
  overflow: hidden; }

@media only screen and (min-width: 48em) {
  .legacy .page-template-page-events-php .event .logo {
    float: left;
    margin-left: -170px; } }
.legacy .page-template-page-events-php .event .logo img {
  max-width: 150px;
  height: auto; }

.legacy .page-template-page-events-php .date {
  font-size: 90%; }

.legacy .page-template-page-events-php .loc {
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 10px; }

.legacy .page-template-page-events-php .related.posts {
  list-style: none;
  padding-left: 0; }

.legacy .slug_innovation .hadoop_arch {
  margin: -150px auto -180px;
  position: relative;
  top: -20px;
  left: 20px;
  text-align: center;
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .slug_innovation .hadoop_arch {
    display: block; } }
.legacy .slug_innovation .innovation {
  margin: 30px 0px 0px;
  overflow: visible; }

.legacy .slug_innovation .innovation .project {
  padding: 10px;
  vertical-align: top;
  margin-bottom: 20px;
  position: relative;
  border-radius: 5px;
  background-color: #f0f0f0;
  z-index: 5; }

.legacy .slug_innovation .innovation .partners .hitters {
  font-size: 200%; }

.legacy .slug_innovation .innovation .partners .hitters .project {
  width: 32%;
  font-size: 50%; }

@media only screen and (min-width: 48em) {
  .legacy .slug_innovation .innovation .upper .project, .legacy .slug_innovation .innovation .lower .project {
    width: 29%;
    display: inline-block; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_innovation .innovation .upper .project:first-child, .legacy .slug_innovation .innovation .lower .project:first-child {
    margin-left: 0px;
    margin-right: 5%; }

  .legacy .slug_innovation .innovation .upper .project:last-child, .legacy .slug_innovation .innovation .lower .project:last-child {
    margin-left: 5%;
    margin-right: 0px; } }
@media only screen and (min-width: 48em) {
  .legacy .slug_innovation .project.stinger {
    margin-top: 60px; }

  .legacy .slug_innovation .project.spark {
    margin-top: 60px; }

  .legacy .slug_innovation .project.security {
    margin-top: 60px; } }
.legacy .slug_innovation .innovation .desc {
  text-align: center; }

.legacy .slug_innovation .innovation .title {
  font-size: 150%;
  text-align: center;
  margin-top: -5px; }

.legacy .slug_innovation .innovation .title a {
  text-decoration: none; }

.legacy .slug_innovation .innovation .icon {
  text-align: center; }

.legacy .slug_innovation .innovation .icon img {
  width: 50px; }

.legacy .slug_innovation .innovation .tagline {
  font-size: 90%;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 10px;
  text-align: center; }

.legacy .slug_innovation .innovation .add_links {
  display: none; }

.legacy .slug_innovation .innovation .quote {
  display: none; }

.legacy .slug_innovation .innovation .group_desc {
  margin-bottom: 20px; }

.legacy .slug_innovation .innovation .project .delivered {
  position: absolute;
  top: 10px;
  right: 20px;
  text-align: right; }

.legacy .slug_innovation .innovation .project .delivered img {
  width: 90px; }

.legacy .slug_innovation .innovation .pullquote {
  margin-left: -100px;
  font-size: 100%;
  margin-top: 35px;
  margin-bottom: 0px; }

.legacy .slug_innovation .innovation .quoter {
  font-size: 80%;
  margin-left: -65px;
  margin-top: 0px; }

.legacy .slug_innovation .innovation.three .project {
  padding-left: 70px; }

.legacy .slug_innovation .innovation.three .icon {
  margin-left: -70px; }

.legacy .slug_innovation .innovation.three img {
  width: 60px; }

.legacy .slug_yarn .delivered, .legacy .slug_stinger .delivered {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .slug_yarn .delivered, .legacy .slug_stinger .delivered {
    position: absolute;
    top: -160px;
    right: 50px;
    display: block; } }
.legacy .slug_yarn .delivered img, .legacy .slug_stinger .delivered img {
  width: 300px; }

.legacy .slug_yarn .mainbody .ps, .legacy .slug_stinger .mainbody .ps {
  overflow: visible; }

.legacy .slug_yarn .mainbody .ps:last-child > div, .legacy .slug_stinger .mainbody .ps:last-child > div {
  overflow: visible; }

.legacy .slug_yarn .titlebar .ps > div, .legacy .slug_stinger .titlebar .ps > div {
  overflow: visible; }

.legacy .solutions-benefits .item .img {
  overflow: hidden;
  display: none; }

.legacy .solutions-benefits .item .img img {
  opacity: 0.65;
  width: 100%;
  margin-top: -20%;
  margin-left: -20%; }

.legacy .solutions-benefits .item:nth-child(even) .img img {
  margin-left: 0px;
  margin-right: -20%; }

.legacy .solutions-benefits .item .cta {
  margin-top: 30px; }

.legacy .solutions-benefits .item h3 {
  margin-top: 10px;
  text-transform: uppercase; }

@media only screen and (min-width: 48em) {
  .legacy .solutions-benefits .item .img {
    display: block; } }
.legacy .cs_container {
  position: relative;
  overflow: hidden; }

.legacy .cs_btn.next {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 42px;
  height: 60px;
  overflow: hidden;
  z-index: 999; }

.legacy .cs_btn.prev {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 42px;
  height: 60px;
  overflow: hidden;
  z-index: 999; }

.legacy .cs_btn.next img:hover {
  margin-left: -42px; }

.legacy .cs_btn.prev img:hover {
  margin-left: -42px; }

.legacy .cs_btn img {
  max-width: none; }

.legacy .customer_slider {
  text-align: center;
  margin: 5px auto; }

.legacy .customer_slider ul {
  list-style-type: none;
  padding-left: 0px; }

.legacy .customer_slider .customer {
  display: inline-block;
  margin: 0px 10px; }

.legacy .customer_slider .logo {
  text-align: center;
  width: 110px;
  height: 60px; }

.legacy .customer_slider .logo img {
  max-width: 100px;
  max-height: 50px;
  position: relative;
  top: 50%;
  margin-top: -25px; }

.legacy .featured_customer {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px; }

@media only screen and (min-width: 48em) {
  .legacy .featured_customer {
    float: left;
    width: 60%; } }
.legacy .featured_customer .image img {
  border: 3px solid #fff; }

.legacy .featured_customer .title {
  display: none;
  font-size: 150%;
  margin-bottom: 10px; }

.legacy .featured_customer .title a {
  text-decoration: none; }

.legacy .featured_customer .logo img {
  max-width: 180px;
  max-height: 50px;
  margin: 10px 0px; }

.legacy .featured_customer .more {
  margin: 10px 0px; }

.legacy .related_industry {
  border-radius: 5px;
  font-size: 90%;
  position: relative;
  overflow: hidden; }

@media only screen and (min-width: 48em) {
  .legacy .related_industry {
    width: 35%;
    float: right; } }
.legacy .related_industry .icon {
  position: absolute;
  top: -5px;
  right: 5px; }

.legacy .related_industry .title {
  background-color: #3FAE2A;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px; }

.legacy .related_industry .title a {
  text-decoration: none;
  color: #e6f2df; }

.legacy .related_industry .title a:hover {
  color: #fff; }

.legacy .related_industry .desc {
  background-color: #f0f0f0;
  padding: 12px 10px 5px; }

.legacy .related_industry .desc ul {
  padding-left: 20px; }

.legacy .related_industry .more {
  background-color: #f0f0f0;
  padding: 0px 10px 10px; }

@media only screen and (min-width: 48em) {
  .legacy .related_industry .more {
    position: absolute;
    bottom: 15px;
    right: 0px; } }
.legacy .use-cases .uc-video {
  text-align: center;
  margin: 10px auto; }

.legacy .use-cases .uc-video img {
  height: 220px;
  margin: auto; }

.legacy .use-cases .desc b {
  display: block; }

.legacy .use-cases .next-step {
  margin: 10px 0px;
  text-align: center; }

.legacy .use-cases .next-step p {
  font-size: 90%; }

.legacy .use-cases .next-step h4 {
  display: none; }

.legacy .hp {
  font-family: 'Roboto', sans-serif;
  color: #696969;
  font-weight: 200;
  background-color: #FFF; }

.legacy .hp h2, .legacy .hp .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp .group_title, .legacy .hp h3 {
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0; }

.legacy .hp a {
  color: #41b735;
  text-decoration: underline; }

.legacy .hp section#home_rotator, .legacy .hp .bx-wrapper {
  margin: 0;
  position: relative;
  overflow: hidden;
  height: 500px;
  width: 100%; }

.legacy .hp section#home_rotator .bx-viewport, .legacy .hp .bx-wrapper .bx-viewport {
  border: 0; }

.legacy .hp section#home_rotator .bx-pager, .legacy .hp .bx-wrapper .bx-pager {
  bottom: 0;
  padding-top: 0; }

.legacy .hp section#home_rotator .bx-prev, .legacy .hp .bx-wrapper .bx-prev {
  border-left: 0;
  -webkit-transition: left .2s;
  transition: left .2s; }

.legacy .hp section#home_rotator .bx-prev:hover, .legacy .hp .bx-wrapper .bx-prev:hover {
  left: 0; }

.legacy .hp section#home_rotator .bx-next, .legacy .hp .bx-wrapper .bx-next {
  border-right: 0;
  -webkit-transition: right .2s;
  transition: right .2s; }

.legacy .hp section#home_rotator .bx-next:hover, .legacy .hp .bx-wrapper .bx-next:hover {
  right: 0; }

.legacy .hp .slide {
  background-size: cover;
  border-top: 3px solid #3FAE2A;
  height: 503px;
  margin: auto;
  border-bottom: 0px;
  overflow: visible;
  text-align: center; }

.legacy .hp .slide > div {
  max-width: 1200px;
  padding: 30px 40px;
  text-align: left;
  margin: 0px auto; }

.legacy .hp .slide .title {
  min-height: 100px; }

.legacy .hp .slide h1 {
  font-size: 280%;
  width: 90%;
  margin: 0;
  color: #fff;
  line-height: 1.4; }

.legacy .hp .slide .summary_block {
  width: 60%;
  font-size: 140%;
  color: #e6e6e6;
  font-weight: 400; }

.legacy .hp .slide .summary_block p {
  width: 75%; }

.legacy .hp .slide .subtitle {
  color: #e6e6e6;
  font-weight: bold;
  font-size: 140%; }

.legacy .hp .btn, .legacy .hp .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .hp a {
  font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  color: #FFF;
  background-color: #ff6633;
  border-radius: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 28px;
  margin-top: 4px; }

.legacy .hp .btn:hover, .legacy .hp .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .hp a:hover {
  background-color: #ff8003; }

.legacy .hp .green {
  background-color: #3FAE2A;
  color: #fff; }

.legacy .hp .green:hover {
  background-color: #3B8640; }

.legacy .hp .white {
  background: none;
  border: #fff 1px solid;
  color: #fff; }

.legacy .hp .white:hover {
  background-color: #3FAE2A; }

.legacy .hp #wide-promo {
  color: #FFF;
  font-size: 16px;
  background-color: #4d738a;
  font-weight: 200;
  text-transform: uppercase; }

.legacy .hp #wide-promo .try {
  font-size: 18px;
  font-weight: 300; }

.legacy .hp #wide-promo .space {
  margin-left: 20px;
  font-size: 22px; }

.legacy .hp #solutions {
  overflow: auto; }

.legacy .hp #solutions a {
  margin: 0;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px; }

.legacy .hp #solutions h4 {
  color: #333;
  font-size: 18px;
  margin: 0;
  font-weight: 200; }

.legacy .hp #solutions .title {
  margin-bottom: 0;
  text-transform: uppercase; }

.legacy .hp #solutions .promobox {
  margin: 0; }

.legacy .hp #solutions .promobox .promo-img {
  margin: 20px; }

.legacy .hp #solutions .desc {
  font-size: 16px;
  font-weight: 200;
  padding: 0 16px 10px; }

.legacy .hp #community {
  background-image: url("http://hortonworks.com/wp-content/uploads/2016/02/hp-community-bg.png");
  background-size: cover;
  color: #FFF;
  overflow: auto;
  margin-top: -35px;
  padding: 85px 0 15px; }

.legacy .hp #community h2, .legacy .hp #community .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #community .group_title {
  font-size: 200%;
  line-height: 36px;
  color: #fff;
  text-transform: uppercase; }

.legacy .hp #support .cta {
  margin: 85px 0;
  font-size: 18px;
  font-weight: 300; }

.legacy .hp #support h2, .legacy .hp #support .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #support .group_title {
  font-size: 200%;
  line-height: 36px;
  text-transform: uppercase;
  margin-top: 12px; }

.legacy .hp #jumpstart {
  background-image: url("http://hortonworks.com/wp-content/uploads/2016/02/hp-sandbox-bg.jpg");
  background-size: cover; }

.legacy .hp #jumpstart a {
  color: #FFF;
  font-weight: 300; }

.legacy .hp #jumpstart h2, .legacy .hp #jumpstart .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #jumpstart .group_title {
  text-transform: uppercase;
  font-size: 200%;
  line-height: 36px; }

.legacy .hp #jumpstart img {
  width: 125px;
  float: right; }

.legacy .hp .desc-light {
  color: #FFF;
  margin: 16px 0; }

.legacy .hp .desc-dark {
  color: #747474;
  margin: 16px 0; }

.legacy .hp .upper {
  text-transform: uppercase; }

.legacy .hp .thick {
  font-weight: 300; }

@media only screen and (min-width: 975px) {
  .legacy .hp #wide-promo .right {
    float: right; }

  .legacy .hp .cta {
    margin-top: 0; }

  .legacy .hp .cta .right {
    float: right; } }
@media only screen and (max-width: 767px) {
  .legacy .hp .ps > div {
    padding: 20px 20px; }

  .legacy .hp .tb {
    margin: 20px 0; }

  .legacy .hp #support .cta {
    margin: 25px 0; }

  .legacy .hp #support h2, .legacy .hp #support .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .hp #support .group_title {
    margin-top: 15px; }

  .legacy .hp #community {
    margin-top: -30px; }

  .legacy .hp #community .col-1-2 {
    width: 100%; }

  .legacy .hp #solutions {
    padding: 25px; } }
.legacy .link--green {
  color: #3FAE2A; }

.legacy .link--plane {
  display: inline-block;
  position: relative;
  left: -23px;
  vertical-align: middle; }

.legacy .link--plane:before {
  content: "";
  position: relative;
  left: 100%;
  display: inline-block;
  width: 23px;
  height: 18px;
  margin-left: 5px;
  background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/icon-plane.png) no-repeat 0 0;
  vertical-align: middle; }

.legacy .training-tracks {
  background-color: #f9f8f8;
  padding-bottom: 2em; }

.legacy .track-heading {
  text-align: center; }

.legacy .track-heading h3 {
  display: inline-block;
  width: auto;
  padding: .5em	1em;
  background-color: white;
  border-bottom: 0;
  border-radius: 8px;
  color: #999;
  font-weight: bold;
  text-transform: uppercase; }

.legacy .track-heading .track-arrows {
  display: block;
  padding-top: 10%;
  background: transparent url("/wp-content/themes/hortonworks/images/page-specific/training/track-path.png") no-repeat center center; }

.legacy .track-box {
  padding: 2em;
  text-align: center;
  color: #756e69; }

@media only screen and (min-width: 48em) {
  .legacy .track-box {
    width: 32%;
    float: left;
    margin: 0 1%; } }
.legacy .track-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background-color: #756e69; }

.legacy .track-box .track--title {
  position: relative;
  font-size: 28px;
  margin-top: 0;
  padding-top: 2.25em;
  border-bottom: 0; }

.legacy .track-box .track--title:before, .legacy .track-box .track--title:after {
  font-family: "FontAwesome";
  font-size: 32px;
  position: absolute;
  left: 50%;
  margin-left: -.5em; }

.legacy .track-box .track--title:before {
  top: 0.25em; }

.legacy .track-box .track--title:after {
  top: 0; }

.legacy .track-box:first-child {
  margin-left: 0; }

.legacy .track-box:last-child {
  margin-right: 0; }

@media only screen and (min-width: 48em) {
  .legacy .track-box:last-child {
    float: right; } }
.legacy .track-box .track-box--classes {
  text-align: left; }

.legacy .track-box .track-box--classes h5 {
  margin-bottom: 0;
  font-size: 1rem; }

.legacy .track-box .classes-list {
  border-bottom: 2px dashed #d7d5d4;
  margin: 0 0 .5em;
  padding-bottom: .5em; }

.legacy .track-box .classes-list a {
  display: inline-block;
  vertical-align: middle; }

.legacy .track-box .class-name:after {
  display: inline-block;
  border-bottom: 0;
  padding-left: 4px;
  font-size: 2.5em;
  line-height: 24px;
  vertical-align: top; }

.legacy .track-box .class-topic {
  font-size: 12px; }

.legacy .track-box--dev {
  border-top-color: #e17000; }

.legacy .track-box--dev:before {
  background-color: #e17000; }

.legacy .track-box--dev .track--title:before, .legacy .track-box--dev .track--title:after, .legacy .track-box--dev a, .legacy .track-box--dev .class-name:after {
  color: #e17000; }

.legacy .track-box--dev .track--title:before, .legacy .track-box--dev .track--title:after {
  font-size: 24px; }

.legacy .track-box--dev .track--title:before {
  content: "\F0F4";
  margin-left: -.625em;
  top: 1em; }

.legacy .track-box--dev .track--title:after {
  content: "\F06D"; }

.legacy .track-box--sysadmin {
  border-top-color: #3FAE2A; }

.legacy .track-box--sysadmin:before {
  background-color: #3FAE2A; }

.legacy .track-box--sysadmin .track--title:before, .legacy .track-box--sysadmin .track--title:after, .legacy .track-box--sysadmin a, .legacy .track-box--sysadmin .class-name:after {
  color: #3FAE2A; }

.legacy .track-box--sysadmin .track--title:before {
  content: "\F0AD"; }

.legacy .track-box--data .track--title:before, .legacy .track-box--data .track--title:after, .legacy .track-box--data a, .legacy .track-box--data .class-name:after {
  color: #756e69; }

.legacy .track-box--data .track--title:before {
  content: "\F0E8"; }

.legacy .training-different--carousel {
  position: relative;
  height: auto;
  min-height: 450px; }

.legacy .testimonial-carousel {
  position: relative;
  min-height: 450px;
  height: auto; }

@media only screen and (min-width: 48em) {
  .legacy .testimonial-carousel {
    padding: 0 2em; } }
.legacy .testimonial-carousel .slide {
  width: 95%;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  left: 5%	!important;
  /* forgive the !important, it needs	to fight the inline	styles from	js */
  text-align: center;
  padding: 2.5em 0;
  border: 1px soild #d7d5d4;
  background-color: white; }

@media only screen and (min-width: 48em) {
  .legacy .testimonial-carousel .slide-body {
    max-width: 60%;
    margin: 0 auto; } }
.legacy .testimonial-carousel .slide-body blockquote {
  quotes: "\201C" "\201D";
  font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", "Lucida Grande", sans-serif;
  font-weight: normal;
  position: relative;
  color: #756e69; }

.legacy .testimonial-carousel .slide-body blockquote:before {
  top: .075em;
  left: 0.025em;
  font-family: sans-serif;
  font-size: 15em;
  line-height: .5;
  color: #f2f0ef; }

.legacy .testimonial-carousel .slide-body blockquote .quote {
  position: relative;
  font-size: 20px; }

.legacy .testimonial-carousel .slide-body blockquote .source {
  display: inline-block;
  width: auto;
  padding: .75em 1em;
  border-top: 1px solid #d7d5d4; }

.legacy .testimonial-carousel .slide-body blockquote .client {
  text-transform: uppercase;
  font-weight: bold; }

.legacy .testimonial-carousel .slide-body blockquote .client-title {
  font-style: italic; }

.legacy .testimonial-carousel .slide-body blockquote .client-company {
  color: #44697d;
  text-decoration: none;
  font-weight: bold; }

.legacy .testimonial-carousel .slide-body blockquote .client-company:hover {
  color: #756e69; }

.legacy .carousel-nav a {
  position: absolute;
  top: 50%;
  margin-top: -50px; }

.legacy .carousel-nav a:before {
  font-family: "FontAwesome";
  font-size: 100px;
  color: #d7d5d4; }

.legacy .carousel-nav #prev {
  left: -20px; }

.legacy .carousel-nav #prev:before {
  content: "\F104"; }

.legacy .carousel-nav #next {
  right: -20px; }

.legacy .carousel-nav #next:before {
  content: "\F105"; }

.legacy .training-map {
  padding: 0 0	2em; }

.legacy .training-map .sect-banner {
  text-align: center;
  border-bottom: 0;
  margin-bottom: 1em;
  font-size: 45px;
  font-weight: 300; }

.legacy .training-map .sect-banner span {
  font-size: 28px;
  color: #999;
  display: block; }

@media only screen and (min-width: 48em) {
  .legacy .training-map .sect-banner span {
    display: inline-block; } }
.legacy .map-col {
  float: left; }

.legacy .map-box {
  position: relative;
  background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/map-dotted.png) no-repeat center center;
  background-size: contain;
  min-height: 339px;
  width: 100%; }

@media only screen and (min-width: 48em) {
  .legacy .map-box {
    width: 66%; } }
.legacy .map-box .map-mark {
  display: none; }

@media only screen and (min-width: 48em) {
  .legacy .map-box .map-mark {
    position: absolute;
    display: block;
    width: 15px;
    height: 19px;
    background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/marker-map.png) no-repeat center center; }

  .legacy .map-box .map-mark:before {
    transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    content: attr(data-location);
    display: block;
    position: absolute;
    top: 2px;
    left: 100%;
    width: auto;
    min-width: 115px;
    margin-left: 3px;
    font-size: 13px;
    color: #3FAE2A;
    font-weight: bold;
    text-shadow: 0 1px 0 white;
    opacity: 0; }

  .legacy .map-box .map-mark:nth-child(1) {
    top: 125px;
    left: 190px;
    z-index: 1; }

  .legacy .map-box .map-mark:nth-child(1):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(2) {
    top: 105px;
    left: 200px;
    z-index: 2; }

  .legacy .map-box .map-mark:nth-child(2):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(3) {
    top: 90px;
    left: 330px;
    z-index: 3; }

  .legacy .map-box .map-mark:nth-child(3):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(3):before {
    right: 100%;
    left: auto;
    text-align: right;
    margin-right: 3px; }

  .legacy .map-box .map-mark:nth-child(4) {
    top: 80px;
    left: 340px;
    z-index: 4; }

  .legacy .map-box .map-mark:nth-child(4):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(5) {
    top: 110px;
    left: 340px;
    z-index: 5; }

  .legacy .map-box .map-mark:nth-child(5):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(6) {
    top: 125px;
    left: 560px;
    z-index: 6; }

  .legacy .map-box .map-mark:nth-child(6):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:nth-child(7) {
    top: 135px;
    left: 115px;
    z-index: 6; }

  .legacy .map-box .map-mark:nth-child(7):hover {
    z-index: 10; }

  .legacy .map-box .map-mark:hover:before {
    opacity: 1; } }
.legacy .exam-details {
  font-weight: 300; }

@media only screen and (min-width: 48em) {
  .legacy .exam-details {
    width: 33%;
    padding-left: 2em; } }
.legacy .exam-details h2, .legacy .exam-details .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation .exam-details .group_title {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: #3FAE2A;
  border-bottom: 0; }

.legacy .exam-details h2:before, .legacy .exam-details .slug_innovation .innovation .group_title:before, .legacy .slug_innovation .innovation .exam-details .group_title:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 35px;
  margin-right: .5em;
  background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/marker-online.png) no-repeat center center; }

.legacy .exam-details .lede {
  font-style: normal; }

.legacy .training-tracks {
  padding-bottom: 2rem; }

.legacy .training-tracks > div {
  background: url("/wp-content/themes/hortonworks/images/page-specific/training/class_bg.jpg") no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 150px; }

@media only screen and (min-width: 48em) {
  .legacy .training-tracks > div {
    padding-top: 280px; } }
.legacy .training-tracks .subheader {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 30px;
  color: #555;
  font-size: 115%;
  font-weight: 500;
  border-radius: 5px;
  margin-bottom: 0px; }

@media only screen and (min-width: 48em) {
  .legacy .training-tracks .subheader {
    position: absolute;
    width: 40%;
    right: 40px;
    margin: 0;
    top: 50px; } }
.legacy .training-callouts {
  padding-bottom: 2rem; }

.legacy .training-callout {
  background-color: #f2f0ef;
  padding: 20px;
  text-align: center; }

@media only screen and (min-width: 48em) {
  .legacy .two.hitters .training-callout {
    width: 46%; } }
@media only screen and (min-width: 48em) {
  .legacy .training-callout:first-of-type {
    margin-right: 40px; } }
.legacy .training-callout .title {
  font-size: 160%;
  font-family: "Cabin", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
  margin: 10px	0px; }

.legacy .training-callout .subtitle {
  text-transform: uppercase;
  color: #999;
  font-size: 90%;
  margin: -10px	0px	20px; }

.legacy .training-callout .subtitle + p {
  margin-top: 0px; }

.legacy .training-callout .body {
  text-align: left;
  font-size: 110%; }

.legacy .training-callout ul {
  margin-bottom: 5px;
  list-style-type: none;
  font-size: 110%; }

.legacy .training-callout ul li {
  margin-bottom: 5px; }

.legacy .training-callout .image {
  float: left;
  border: 5px solid #fff; }

.legacy .training-callout .image + .body {
  margin-left: 180px; }

.legacy .training-certification {
  margin-bottom: 40px; }

.legacy .training-certification .cert-icon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px;
  width: 50px;
  height: 61px;
  background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/icon-certificate-lg.png) no-repeat left center; }

.legacy .cert-content {
  margin-right: 1%;
  color: white; }

@media only screen and (min-width: 48em) {
  .legacy .cert-content {
    width: 49%;
    float: left;
    display: inline-block; } }
.legacy .cert-content:last-of-type {
  margin-right: 0;
  margin-left: 1%; }

.legacy .cert-body p {
  font-size: 125%; }

.legacy .cert-icon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px;
  width: 60px;
  height: 61px;
  background: transparent url(../images/training/icon-certificate-lg.png) no-repeat left center; }

.legacy .cert-callout--inner {
  padding: 1.5em 2em 2em;
  background-color: rgba(51, 79, 94, 0.34); }

.legacy .cert-callout--inner h3 {
  margin-top: 0px; }

.legacy .cert-list {
  padding-left: 20px; }

.legacy .cert-callout-note {
  font-size: 90%;
  font-style: italic;
  margin-top: 10px;
  color: #bfc9d3; }

.legacy .training-different .sect-banner {
  text-align: center; }

.legacy .training-different .diff-inner {
  padding-bottom: 20px;
  padding-right: 20px; }

@media only screen and (min-width: 48em) {
  .legacy .training-different .diff-inner {
    padding-left: 55%;
    min-height: 450px;
    background: transparent url(/wp-content/themes/hortonworks/images/page-specific/training/training_instructors.png) no-repeat 5% bottom; } }
.legacy .training-different .diff-inner h3 {
  text-align: center;
  border-bottom: 0;
  color: #aaa;
  font-weight: bold; }

.legacy .training-different .diff-list {
  color: #aaa; }

.legacy .training-different .diff-list li {
  margin-bottom: 0px;
  font-size: 200%;
  vertical-align: top; }

.legacy .training-different .diff-list li div {
  color: #555;
  font-size: 70%; }

.legacy .training-different .diff-list b {
  color: #e17000;
  font-weight: normal; }

.legacy .training-different .btn-wrap {
  text-align: center;
  padding: 20px; }

.legacy #filter_jobs {
  width: 45%;
  display: inline-block; }

.legacy #filter_jobs select {
  margin: 0 10px 0 0;
  font-size: 16px; }

.legacy .clear_filters {
  display: inline-block; }

.legacy #careers_list h4 {
  margin: 20px 0 5px; }

.legacy #careers_list .career a .title {
  line-height: 24px;
  display: inline-block;
  width: 70%; }

.legacy #careers_list .career .location {
  display: inline-block;
  width: 25%;
  text-align: right; }

.legacy #job_details h2, .legacy #job_details .slug_innovation .innovation .group_title, .legacy .slug_innovation .innovation #job_details .group_title {
  text-align: left;
  font-size: 175%;
  margin-bottom: 0; }

.legacy #job_details h3 {
  text-align: left; }

.legacy #job_details a {
  text-decoration: none; }

.legacy #job_details #apply {
  cursor: pointer;
  margin: 0 0 0 50px;
  padding: 5px 25px; }

.legacy #job_details .application_submitted {
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  margin-top: 20px;
  font-size: 20px; }

.legacy #job_details .application_submitted.success {
  background-color: #3FAE2A; }

.legacy #job_details .application_submitted.error {
  background-color: #e17000; }

.legacy #job_details .application_submitted.error a {
  color: #fff;
  text-decoration: underline; }

.legacy #job_details .application_submitted.error a:hover {
  color: #fff; }

.legacy #job_details .application_submitted.error a:visited {
  color: #fff; }

.legacy #job_details #application {
  margin-top: 25px;
  display: none; }

.legacy #job_details #application #greenhouse_application .questions, .legacy #job_details #application #greenhouse_application #compliance {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 30px; }

.legacy #job_details #application #greenhouse_application .questions .application_question .question_label, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label {
  width: 350px;
  display: inline-block; }

.legacy #job_details #application #greenhouse_application .questions .application_question .question_label label, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label label {
  display: block; }

.legacy #job_details #application #greenhouse_application .questions .application_question .question_label input[type=file], .legacy #job_details #application #greenhouse_application #compliance .application_question .question_label input[type=file] {
  width: 100%;
  border: none;
  box-shadow: none; }

.legacy #job_details #application #greenhouse_application .questions .application_question .question_input, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input {
  width: 275px;
  display: inline-block;
  vertical-align: top; }

.legacy #job_details #application #greenhouse_application .questions .application_question .question_input input, .legacy #job_details #application #greenhouse_application .questions .application_question .question_input textarea, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input input, .legacy #job_details #application #greenhouse_application #compliance .application_question .question_input textarea {
  width: 100%; }

.legacy #job_details #application #greenhouse_application .questions .Resume, .legacy #job_details #application #greenhouse_application .questions .Cover, .legacy #job_details #application #greenhouse_application #compliance .Resume, .legacy #job_details #application #greenhouse_application #compliance .Cover {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 10px; }

.legacy #job_details #application #greenhouse_application .questions .Cover, .legacy #job_details #application #greenhouse_application #compliance .Cover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 10px; }

.legacy #job_details #application #greenhouse_application .questions .First label:after, .legacy #job_details #application #greenhouse_application .questions .Last label:after, .legacy #job_details #application #greenhouse_application .questions .Email label:after, .legacy #job_details #application #greenhouse_application .questions .Phone label:after, .legacy #job_details #application #greenhouse_application #compliance .First label:after, .legacy #job_details #application #greenhouse_application #compliance .Last label:after, .legacy #job_details #application #greenhouse_application #compliance .Email label:after, .legacy #job_details #application #greenhouse_application #compliance .Phone label:after {
  content: " *"; }

.legacy #job_details #application #greenhouse_application .questions .hear, .legacy #job_details #application #greenhouse_application #compliance .hear {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 10px; }

.legacy #job_details #application #greenhouse_application input[type=submit] {
  width: 200px;
  margin: 10px 20px 20px 0; }

.legacy #job_details #application #greenhouse_application label {
  position: relative;
  top: auto;
  left: auto;
  font-weight: normal;
  font-size: 100%; }

.legacy #job_details #application #greenhouse_application input {
  height: auto;
  margin: 0 0 10px 0;
  padding: 6px; }

.legacy #job_details #application #greenhouse_application textarea {
  margin: 0 0 10px 0; }

.legacy #job_details #application form#greenhouse_application {
  text-align: left; }

.legacy .hdf-resources {
  background-color: #EEE;
  border-top: 5px solid #AAA; }

.legacy .hdf-resources .adjust {
  height: 104px;
  width: auto; }

.legacy .hdf-img {
  width: 100%;
  height: auto;
  padding: 5%; }

.legacy .shorten-bottom {
  padding-bottom: 0px; }

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

.legacy .hdf .more-videos {
  /* hdf page */ }

.legacy .hdf .more-videos .hdf-video {
  padding: 3% 7% 3% 0; }

.legacy .hdf .hdf-video h3 {
  color: #3FAE2A;
  font-size: 115%;
  margin: 0; }

.legacy .hdf .hdf-video h3 + p {
  margin: 0; }

.legacy .hdf .hdf-video .video-thumbnail {
  position: relative;
  max-width: 375px;
  /* video play button */ }

.legacy .hdf .hdf-video .video-thumbnail .play-overlay {
  text-align: center;
  background-color: rgba(2, 2, 2, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  padding: 0%; }

.legacy .hdf .hdf-video .video-thumbnail .play-overlay .play-button {
  padding: 12%;
  width: 50%;
  height: auto;
  max-height: 140px;
  max-width: 140px; }

.legacy .hdf .hdf-video .video-thumbnail .play-overlay:hover {
  background-color: rgba(2, 2, 2, 0.8); }

.legacy .hdf .hdf-video .video-thumbnail .video-shot {
  height: 185px; }

.legacy .hdf .aside .right {
  padding-left: 0px; }

.legacy .hdf .pad-right {
  padding-right: 8%; }

.legacy .hdf .bottom-callout {
  padding: 3%;
  border: 1px solid #AAA;
  overflow: auto; }

.legacy .hdf .bottom-callout img {
  float: left;
  margin: 0 35px 5px 0; }

.legacy .hdf .informational {
  margin-bottom: 30px; }

.legacy .hdf .informational h4 {
  background-color: #EEE;
  font-size: larger;
  padding: 10px 15px;
  margin: 20px 0; }

.legacy .hdf #h2-overview {
  margin-bottom: 0px; }

.legacy .hdf h3 {
  margin: 0 0 10px; }

.legacy .hdf h4 {
  margin-bottom: 0px; }

.legacy .hdf .section {
  margin: 30px 0 55px; }

.legacy .hdf .section h4 {
  background-color: #EEE; }

.legacy .hdf .hdf-threehits {
  text-align: center;
  width: 30.8%;
  display: inline-block;
  padding: 3%;
  margin: 1%;
  vertical-align: top; }

.legacy .hdf .hdf-threehits img {
  margin: 0 0 10px;
  height: 100px;
  width: auto;
  padding: 5px; }

.legacy .hdf .hdf-threehits p {
  text-align: left; }

.legacy .hdf .features {
  background-color: #EEE;
  border-top: 5px solid #3FAE2A;
  min-height: 340px; }

.legacy .hdf .features h4 {
  margin: 0 0 10px; }

.legacy .hdf .fourhits {
  width: 22%;
  display: inline-block;
  padding: 3%;
  margin: 1%;
  vertical-align: top;
  text-align: center;
  min-height: 245px; }

.legacy .hdf .fourhits h3, .legacy .hdf .fourhits h4 {
  margin: 0; }

.legacy .hdf .fourhits img {
  margin: 0 0 25px; }

.legacy .hdf .hdf-imgsub {
  text-align: center;
  font-size: smaller;
  color: #AAA; }

.legacy .hdf .sidebar-title {
  padding: 5px 20px;
  background-color: #6ABD45;
  font-size: 18px;
  color: #FFF; }

.legacy .hdf .sidebar-title h3 {
  margin: 0px;
  color: #FFF;
  font-size: 18px; }

.legacy .hdf .sidebar-sec {
  margin-bottom: 5px;
  background-color: #EEE;
  padding: 15px 0; }

.legacy .hdf .sidebar-sec h3 {
  font-size: 16px; }

.legacy .hdf .sidebar-sec img {
  max-height: 60px;
  width: auto;
  margin-bottom: 10px; }

.legacy .hdf .centerbtn {
  color: #000;
  text-align: center; }

.legacy .hdf .centerbtn .btn, .legacy .hdf .centerbtn .bottom_drawer .promo .cta a, .legacy .bottom_drawer .promo .cta .hdf .centerbtn a {
  background-color: #E07126;
  border-radius: 0px;
  padding: 4px 18px;
  font-size: 13px;
  font-weight: normal; }

.legacy .hdf .centerbtn .btn:hover, .legacy .hdf .centerbtn .bottom_drawer .promo .cta a:hover, .legacy .bottom_drawer .promo .cta .hdf .centerbtn a:hover {
  background-color: #999; }

.legacy .hdf .centerbtn h4 {
  margin-bottom: 20px; }

.legacy .hdf .asideright {
  padding-right: 0px; }

.legacy .hdf .use-cases h3 {
  margin: 0; }

.legacy .hdf .use-cases img.hdf-diagram {
  width: 100%;
  padding: 20px; }

.legacy .hdf .use-cases .hdf-case {
  margin: 35px 0; }

.legacy .hdf .use-cases .expandable:hover {
  cursor: pointer; }

.legacy .hdf .use-cases .expandable img {
  float: left;
  padding: 20px 30px; }

.legacy .hdf .use-cases .expandable h3 {
  line-height: 18px;
  padding-top: 16px; }

@media only screen and (min-width: 48em) {
  .legacy .hdf #learn-more {
    margin-top: -60px; }

  .legacy .hdf .features {
    min-height: 300px; }

  .legacy .hdf #video-roll {
    /* getting started page */ }

  .legacy .hdf #video-roll .play-button {
    margin: 20px; } }
@media only screen and (max-width: 860px) {
  .legacy .hdf .features {
    min-height: 300px; }

  .legacy .hdf .hdf-threehits {
    width: 47%; } }
@media only screen and (max-width: 767px) {
  .legacy .hdf .hdf-video {
    width: 48%; }

  .legacy .hdf .hdf-video .video-thumbnail {
    max-width: 100%; }

  .legacy .hdf .hdf-video .video-thumbnail .play-button {
    margin-top: 0; }

  .legacy .hdf .fourhits {
    width: 47%; } }
@media only screen and (max-width: 500px) {
  .legacy .hdf .hdf-threehits {
    width: 100%;
    padding: 8%; }

  .legacy .hdf .features {
    min-height: 270px; }

  .legacy .hdf .dfenables {
    border: 1px solid #EEE; }

  .legacy .hdf .hdf-video {
    width: 98%; }

  .legacy .hdf .hdf-video .video-thumbnail {
    max-width: 100%; }

  .legacy .hdf .hdf-video .video-thumbnail .play-button {
    margin-top: 20px; }

  .legacy .hdf .asideright .hdf-video .video-thumbnail .play-button {
    margin-top: 0px; }

  .legacy .hdf .fourhits {
    width: 99%;
    min-height: 220px; } }
.legacy .project-body {
  margin-bottom: 50px; }

.legacy .terms-li > div p {
  margin: 0; }

.legacy .grid .maincontent li > a {
  display: inline;
  padding: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 300; }

.legacy .grid li > a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #598ba6; }

.legacy .grid li > a:hover {
  color: #e17000; }

.legacy .body-content .program {
  min-height: 100px; }

.legacy .body-content div.ready-programs {
  margin: 0;
  padding: 0; }

.legacy img .alignright .wp-image-54602 {
  margin: 260px 175px 0 0; }

.legacy .body-content ul li:before {
  top: 9px; }

.legacy .partner-logos img {
  max-width: 200px;
  display: inline-block;
  margin: 0 30px 0 0; }

.legacy .partner-section {
  margin: 50px 0; }

.legacy .partner-section h3 {
  text-transform: none; }

.legacy .partner-section li > a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif; }

.legacy .body-content table tr th:nth-child(2):before {
  background-color: initial; }

.legacy .body-content table tr th:nth-child(2) {
  position: inherit;
  padding: 2px 5px;
  background-color: #3FAE2A; }

.legacy .body-content table tr td:nth-child(2) {
  background-color: #eee; }

.legacy .privacy-li ul li, .terms-li ul li {
  margin-left: 40px;
  font-size: 1em;
  line-height: 1.5em; }

.legacy .privacy-li ul li:before, .legacy .terms-li ul li:before {
  top: 8px; }

.legacy .grid li {
  position: relative;
  height: auto;
  width: 100%;
  border: none;
  /* here is for the gravity form boxes */ }

.legacy .body-content ul li:before {
  height: 0;
  width: 0; }

.legacy .bookshelf > li:before {
  height: 0; }

.col-padded {
  margin: 0 0 14px; }

.legacy .gridx {
  min-height: 230px; }

.legacy.language-form {
  background-color: #e8e8e8;
  display: inline-block;
  padding: 16px 0 16px 10px;
  width: 160px;
  float: right;
  text-decoration: none;
  cursor: pointer; }

.legacy.language-form a {
  color: #2b2b2b; }

.legacy.language-form span.icon-language {
  display: none; }

.legacy.language-form .smt-trigger {
  list-style-type: none; }

.legacy.language-form .smt-trigger > ul {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #888; }

.legacy.language-form .smt-item {
  display: block;
  height: 30px;
  list-style-type: none;
  float: none; }

.body-content .hwx-classes-body ul li {
  list-style: none; }

/* Overwriting the old partners subnav */
.legacy .ps.sectionnav > div {
  background-color: white;
  border: 0px solid #fff; }

.legacy .sectionnav ul {
  border-left: 3px solid #eee; }

@media only screen and (min-width: 48em) {
  .legacy .ps.sectionnav li {
    margin-left: 20px; } }
.legacy .ps.sectionnav li a {
  color: #666; }

.legacy .ps.sectionnav li.active a {
  background-color: #3fae2a; }

.legacy .grid li:hover {
  box-shadow: none; }

@media only screen and (min-width: 48em) {
  .legacy .panels #title h1 {
    font-size: 340%;
    line-height: 1.25em; } }
.legacy .gridx .aside #back-to-tutorials {
  margin: 25px 0 40px;
  font-weight: bold; }

.legacy .opener .intro-copy .header {
  float: left; }

.legacy .opener .intro-copy .apache-logo {
  margin: 25px; }

.legacy p {
  position: relative; }

.legacy .labels-on-top label {
  display: block;
  font-size: 85%;
  color: #999; }

.legacy .labels-on-top label {
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all; }

.legacy .used {
  top: 5px !important; }

.legacy .button-green, .legacy .button-green:hover, .legacy .button-green:active, .legacy .button-green:visited {
  color: #fff; }

.gfield label {
  position: relative;
  top: auto;
  left: auto; }

.gfield input, .gfield textarea {
  height: auto;
  display: inline-block; }

.gfield select {
  display: inline-block; }

.gfield input:focus ~ label, .gfield textarea:focus ~ label, .gfield textarea:valid ~ label, .gfield .used ~ label {
  top: auto !important;
  font-size: 14px !important;
  color: #404041 !important; }

.gform_page_footer input {
  width: auto;
  height: auto;
  padding: 15px; }

.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: 25px !important; }

.body-content .gfield ul li {
  line-height: normal; }

.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  display: block; }

.selectboxit-container * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: 0; }

.selectboxit-container .selectboxit {
  width: 100% !important;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 0;
  border: 1px solid #cdcdce; }

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 56px;
  line-height: 54px;
  display: block;
  max-width: 100% !important;
  font-weight: normal;
  font-size: 16px;
  color: #404041;
  padding-top: 7px; }

.selectboxit-container .selectboxit:focus {
  outline: 0; }

.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default; }

.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  padding-left: 15px; }

.selectboxit-text[data-val="default"] {
  color: rgba(150, 150, 150, 0.63); }

.selectboxit-container .selectboxit-options {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 99;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-height: 180px !important; }

.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px; }

.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none; }

.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px;
  margin: 0;
  list-style-type: none;
  list-style: none !important;
  padding: 0 !important;
  position: initial !important;
  position: static !important; }

.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }

.selectboxit-optgroup-header {
  font-weight: bold; }

.selectboxit-optgroup-header:hover {
  cursor: default; }

.selectboxit-arrow-container {
  width: 30px;
  position: absolute;
  right: 0; }

.selectboxit .selectboxit-arrow-container .selectboxit-arrow
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%; }

.selectboxit-option-icon-container {
  float: left; }

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle; }

.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left; }

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.jqueryui .ui-icon {
  background-color: inherit; }

.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  text-decoration: none;
  background-position: 0 -15px; }

.selectboxit-default-arrow
 {
  background: url(../images/more-icon.png) no-repeat;
  width: 16px;
  height: 10px;
  position: absolute;
  right: 19px;
  top: 24px; }

.selectboxit-list {
  background-color: #fff;
  border: 1px solid #cdcdce; }

.selectboxit-list .selectboxit-option-anchor {
  color: #333; }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: #e6e6e6;
  color: #000; }

.service-list .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background: none;
  color: #000; }

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999; }

.selectboxit-container .selectboxit-options a {
  display: block;
  padding: 10px 19px;
  color: #656565;
  height: 1%;
  line-height: normal;
  padding-left: 11px; }

/*.selectboxit-text:after
{content:'*';color:#4d4f53;padding-left:0px}*/
.selectboxit-list li:after {
  position: static !important; }

.selectboxit-option-first {
  display: none; }

.selectboxit {
  background: #fff; }

.selectboxit-text[data-val="placeholder"] {
  font-weight: bold;
  font-size: 14px;
  padding-top: 0px; }

.selectboxit-open .selectboxit-default-arrow {
  transform: rotate(180deg); }

.selectboxit-container .selectboxit-open {
  border: 1px solid #1fa4d4; }

/*@media(max-width:767px)*/
/*{.selectboxit-container span
 {height:40px;line-height:40px}
}*/
@media (max-width: 666px) {
  .selectboxit-text {
    padding-left: 10px; }

  .selectboxit-default-arrow {
    right: 12px; }

  .selectboxit-container span {
    height: 40px;
    font-size: 14px;
    line-height: 38px; }

  .selectboxit-container .selectboxit-options a {
    font-size: 14px; }

  .selectboxit-text[data-val="placeholder"] {
    font-size: 12px; }

  .selectboxit-default-arrow {
    top: 14px; } }

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