css/default.css

/* reset css for browsers */
* {
  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%; }

.img82 {
  vertical-align: top;
  max-width: 50%; }

.img70 {
  vertical-align: top;
  max-width: 70%; }
.nomargin{
  margin: 0 auto;
}


body {
  background: #323543;
  line-height: 1;
  color: #d4d4d7; }

button:focus {
  outline: none; }

/* declare css for variable */
.green-text {
  color: #23a087 !important; }
.aqua-text {
  color: #21a7b7 !important; }
.blue-text {
  color: #1fade5 !important; }

p {
  color: #d4d4d7; }

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

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

.white-bg {
  background: #323543; }

.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; }

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: 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 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 table {
  width: 100%; }
  .body-content table tr th {
    background-color: #1f212a;
    border-bottom: 1px solid #1f212a;
    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:nth-child(1)  {
    border-left: 1px solid #1f212a;
  }
  .body-content table tr td {
    font-size: 16px;
    padding: 25px 18px 22px;
    border-bottom: 1px solid #1f212a;
    border-right: 1px solid #1f212a; }
    .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; }

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; }

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

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

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

.padding70 {
  padding: 70px 0; }

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

.padding40 {
  padding: 40px 0; }

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

.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%; }

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

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

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

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

.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: #323543;
    color: #21abe2; }

.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; }
  .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; }

.v-middle-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;}

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

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

.v-bottom {
    vertical-align: bottom;
    line-height: 25;
    display: table-cell;
}

.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; }

.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); }

input {
  border: none; }

.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; }

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

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

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

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

.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: #background: #323543; 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; }

.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; }

.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; } }

/*Footer style */
.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 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 .footer-wht {
  width: 100%; }
  .footer .footer-wht .sub-nav {
    width: 100%;
    padding: 44px 0 40px;
    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 60px;
        padding: 4px 0 0 55px \0; }
        @media screen and (min-width: 1024px) and (max-width: 1279px) {
          .footer .footer-wht .sub-nav .nav-menus li {
            padding: 4px 0 0 30px;
            padding: 4px 0 0 20px \0; } }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .footer .footer-wht .sub-nav .nav-menus li {
            padding: 4px 0 0 30px; } }
        .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; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .footer .footer-wht .sub-nav .lic-number {
          float: left;
          margin-top: 20px;
          width: 100%; } }
      .footer .footer-wht .sub-nav .lic-number ul {
        position: relative;
        margin-top: 4px; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .footer .footer-wht .sub-nav .lic-number ul {
            padding-left: 0px; } }
        .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; }
          .footer .footer-wht .sub-nav .lic-number ul li:first-child {
            border-right: 1px solid #dad9d6;
            padding-right: 14px; }
            @media screen and (min-width: 768px) and (max-width: 1023px) {
              .footer .footer-wht .sub-nav .lic-number ul li:first-child {
                padding-left: 0; } }
            @media screen and (max-width: 767px) {
              .footer .footer-wht .sub-nav .lic-number ul li:first-child {
                padding-left: 0; } }
          .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; }

/*Select list */
select {
  display: none; }

.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; }

/*Blue boxes */
.blue-boxes {
  width: 100%;
  border: 1px solid #c7c7c7; }
  .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-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-two,
      .blue-boxes .col-three {
        height: 230px; } }
    @media screen and (max-width: 767px) {
      .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-two,
      .blue-boxes .col-three {
        height: 200px; } }
    .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-two .inner-content,
        .blue-boxes .col-three .inner-content {
          bottom: 15px;
          padding: 0 15px; } }
      @media screen and (max-width: 767px) {
        .blue-boxes .col-two .inner-content,
        .blue-boxes .col-three .inner-content {
          padding: 0 15px;
          bottom: 15px; } }
      .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-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-two .inner-content h5,
          .blue-boxes .col-three .inner-content h5 {
            margin-bottom: 10px; } }
        @media screen and (max-width: 767px) {
          .blue-boxes .col-two .inner-content h5,
          .blue-boxes .col-three .inner-content h5 {
            margin-bottom: 10px; } }
      .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-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-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-two .inner-content p,
          .blue-boxes .col-three .inner-content p {
            font-size: 14px;
            margin-bottom: 5px; } }
    .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-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 14px; } }
      @media screen and (max-width: 767px) {
        .blue-boxes .col-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .blue-boxes .col-two .learn-more,
        .blue-boxes .col-three .learn-more {
          font-size: 12px; } }
      .blue-boxes .col-two .learn-more:before,
      .blue-boxes .col-three .learn-more:before {
        background: white; }
      .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-two .links,
      .blue-boxes .col-three .links {
        position: relative;
        margin-top: 0; } }
    .blue-boxes .col-two .links ul,
    .blue-boxes .col-three .links ul {
      list-style: none; }
      .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-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-two .links ul li,
          .blue-boxes .col-three .links ul li {
            margin-right: 22px; } }
        @media screen and (max-width: 480px) {
          .blue-boxes .col-two .links ul li,
          .blue-boxes .col-three .links ul li {
            margin-right: 17px; } }
        .blue-boxes .col-two .links ul li img,
        .blue-boxes .col-three .links ul li img {
          width: auto;
          height: 19px; }
    .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 h5,
  .blue-boxes p {
    color: white; }
  .blue-boxes .col-three .learn-more {
    margin-left: 0px; }
  .blue-boxes .links-padding {
    margin-right: 19px; }

/* Partner carousel with blue boxes */
.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; } }

/* Content with icons */
.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; } }

.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 .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; }

.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; }

.differences .list-content {
  padding-top: 25px; }
  @media screen and (max-width: 767px) {
    .differences .list-content .col-two {
      width: 100%; } }
.differences .icon-imgs {
  float: left;
  margin-top: 7px;
  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: 86%;
  margin-bottom: 20px; }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .differences .img-text {
      width: calc(100% - 45px);
      padding-right: 20px;
      font-size: 20px;
      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; } }
  @media screen and (max-width: 767px) {
    .differences .img-text {
      margin-bottom: 20px;
      line-height: 20px;
      font-size: 16px;
      width: calc(100% - 40px); } }

.info-block p {
  max-width: 358px; }

/* Second level banner */
.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; }

/* Quote banner */
#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; }
  #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; }

/* partner resource */
.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; }

/* Featured events */
#featured-events h1 {
  /*margin-bottom: 52px */ }
#featured-events h3 {
  color: white;
  font-weight: 700;
  padding: 6px 0 24px; }
#featured-events h5 {
  font-size: 14px;
  color: white;
  font-weight: 700; }

/* career-quick-links */
#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; }

.footer .footer-nav.fixed {
  position: relative;
  width: 100%;
  bottom: 0; }

/* Grid section */
.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 Customers */
.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 .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 .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; }

/* Video Overlay */
.video-overlay {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 30; }
  .video-overlay .outer-box {
    display: table;
    margin: 0 auto;
    height: 100%; }
    .video-overlay .outer-box .overlay-form {
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
      .video-overlay .outer-box .overlay-form #video {
        position: relative; }
      .video-overlay .outer-box .overlay-form button {
        background: transparent;
        position: absolute;
        right: -22px;
        top: -17px;
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        color: white;
        font-size: 14px; }
        .video-overlay .outer-box .overlay-form button img {
          position: relative;
          top: -2px;
          padding-left: 2px; }

/*product-landing page */
.info-product-page {
  padding: 7px 0 51px; }
  .info-product-page .fixed-links {
    padding-bottom: 0;
    padding-top: 10px; }
  .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; }

.feature h2 {
  font-family: "Roboto Condensed", sans-serif; }

/* */
.slate-grey-block {
  padding: 91px 0 99px; }
  .slate-grey-block .col-two:last-of-type {
    padding-top: 5px; }

.filter-press-release .isotope-filter .select-list p {
  line-height: 16px; }
.filter-press-release .isotope-filter .select-list .options li p {
  line-height: 18px; }

/* Author with Rss */
.author-rss {
  width: 100%;
  float: left;
  margin-top: 10px; }
  .author-rss .author {
    width: 90%;
    float: left; }
  .author-rss .rss-feed {
    float: right;
    width: 20px; }

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

.float-right {
  float: right; }

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

.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;
    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; }

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; }

.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; }

.hw-overlay,
.search-overlay,
.footer-overlay,
.newsletter-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; }

.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 {
  -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,
.outer-box {
  display: block !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; }

.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; }

@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; } }
.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; }

@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; } }
.featured-section .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.6); }
    .resources-default .v-middle-wrapper .v-middle-inner {
      padding: 0 20px; }
  .resources-default .v-middle {
    vertical-align: bottom; }
  .resources-default .feature-bg {
    overflow: hidden;
    min-height: 383px; }
    .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; } }
.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; }

@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; } }
.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 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 .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.6); }
.customer-landing .back-bg h5 {
  color: white; }
.customer-landing .back-bg .blog-date {
  color: white; }

@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; } }
.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/up-arrow-dark.png");
        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; }

.v-middle-wrapper.black-overlay {
  background-color: rgba(0, 0, 0, 0.5); }

.social-links-wrapper {
  position: fixed;
  top: 334px;
  right: 0;
  width: 48px;
  z-index: 12; }

.sol-carousel .multi-section-slider .move-up a {
  display: inline-block;
  margin-bottom: 24px; }

.overflow-fix {
  overflow-y: hidden !important; }

.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; } }
.tabs-content .resources-default {
  margin: 0; }

@media screen and (min-width: 667px) and (max-width: 767px) {
  .tabs-content .resources-default {
    width: 50%; } }
svg {
  height: Calc(100vh - 36vh) \9\0; }

@media screen and (max-width: 666px) {
  svg {
    height: Calc(100vh - 66vh) \9\0; } }
@media screen and (max-width: 666px) and (max-width: 1280px) {
  .answer-section .blue-boxes .col-three {
    height: 223px \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; } }
.main-menu .drop-menu {
  box-shadow: 0 5px 12px -2px; }

.author-rss a .author span {
  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; }

.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%; }

.clearfix {
  clear: both; }

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

/*tabs */
/*.customer-landing
 * &.feature
 *   .text-center
 *     h2
 *       margin: 0
 *
 * .tabs
 *   padding: 14px 0 30px 0
 *
 *   .blue-label
 *     padding: 10px 39px
 *     letter-spacing: 0.050em
 *     color: #464648
 *
 * .three-col-row 
 *   display: none
 *
 *   .visual-box
 *     width: 62.6%
 *     float: left
 *     position: relative
 *     border-right: 2px solid #e8e8e8
 *     height: 382px
 *     overflow: hidden
 *     @media screen and (max-width:$tablet-break-small - 1)
 *       width: 100%
 *       border-right: 0
 *       border-bottom: 2px solid #e8e8e8
 *       height: 300px
 *     @media screen and (max-width: $handheld-break-small - 1)
 *       height: 250px
 *
 *     .bg-image
 *       img
 *         max-width: none 
 *
 *     .v-middle-wrapper
 *       .caption
 *         position: absolute
 *         left: 61px
 *         padding: 12px
 *         background: #3bb7da
 *
 *         h6
 *           color: #fff
 *           font-size: 14px
 *           line-height: 10px
 *
 *     .text-holder
 *       border-left: 2px solid #3db5e6
 *       padding-left: 28px
 *       position: absolute
 *       bottom: 30px
 *       right: 30px
 *       left: 30px
 *       color: #fff
 *
 *       .post-date
 *         font-weight: bold
 *
 *       h5
 *         margin: 9px 0 12px 0
 *         @media screen and (max-width: $handheld-break-small - 1)
 *           margin: 3px 0 4px 0
 *
 *       p
 *
 *         margin-bottom: 12px
 *         @media screen and (max-width: $handheld-break-small - 1)
 *           margin-bottom: 4px
 *       a
 *         text-decoration: underline
 *         +transition-varible(all, 0.3s, ease)
 *         &:hover
 *           color: #1fa4d4
 *
 *   .visual-text
 *
 *     width: 37.4%
 *     float: left
 *     @media screen and (max-width:$tablet-break-small - 1)  
 *       width: 100%
 *
 *     .bluebox
 *
 *       background: #42809d
 *       padding: 0 0 0 30px
 *       position: relative
 *       height: 192px
 *       @media screen and (max-width:$tablet-break-small - 1)  
 *         height: 160px
 *       &:last-of-type 
 *         border-bottom: 2px solid #e8e8e8
 *
 *       .padding40
 *         padding: 36px 0
 *
 *       .caption
 *         max-width: 110px
 *         height: 30px
 *         background: #3bb7da
 *         padding: 10px 6px
 *         display: inline-block
 *         margin-left: 21px
 *
 *         h6
 *           color: #fff
 *           font-size: 14px
 *           text-transform: uppercase
 *           line-height: 10px
 *
 *       .news
 *         padding: 0 0 0 18px
 *         color: #fff
 *         border-left: 2px solid #3db5e6
 *         font-weight: bold
 *
 *         h5
 *           margin-bottom: 20px
 *           line-height: 26px
 *           font-family: $Roboto Condensed
 *
 *         a
 *           text-decoration: underline
 *           +transition-varible(all, 0.3s, ease)
 *
 *           &:after
 *             content: url('/wp-content/themes/hortonworks/images/read-icon.png')
 *
 *           &:hover
 *             color: #1fa4d4
 *
 *             &:after
 *               content: url('/wp-content/themes/hortonworks/images/read-icon2.png')
 *
 *   a
 *     color: #fff
 *     font-weight: bold
 *     @media screen and (max-width: $handheld-break-small - 1)
 *       font-size: 18px
 *   .col-three
 *     overflow: hidden
 *
 *     &:first-child
 *       border-left: 0
 *       border-right: 0
 *
 *     &:last-child
 *       border: 0
 *
 *     &:hover 
 *       .move-up
 *         +transform(translateY(-30px))
 *       .hover-btn
 *         opacity: 1
 *         +transform(translateY(-120px))
 *
 *   .hover-btn
 *     opacity: 0
 *     +transform(translateY(-60px))
 *     +transition-varible(all, .5s, ease)
 *
 *   .v-middle-wrapper
 *     background: rgba(0,0,0,0.6)
 *
 *   .top-label
 *
 *     .blue-label
 *       padding: 4px 27px
 *
 *   .move-up
 *     max-width: 345px
 *     color: #fff
 *     margin: 0 auto
 *     +transform(translateY(0))
 *     +transition-varible(all, .5s, ease)
 *
 *   p
 *     color: #fff
 *
 * li
 *   display: inline-block
 *   vertical-align: top
 *   margin: 0 -5px 0 0 
 *
 *   .blue-label
 *     background: #c4c4c4
 *     color: #000
 *     font-family: $Roboto-regular
 *     &.active
 *       background: #3bb7da
 *       color: #fff */
#tab2 {
  display: block; }

.feature .three-col-row .col-three .banner-logo {
  margin-bottom: 30px; }

.partner-block .content-870 h1 {
  margin: 28px 0; }
.partner-block .content-870 p {
  line-height: 28px; }

.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; } }

/*blog page */
.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; }

.partner-blue-boxes {
  padding: 40px 0 0; }

/*product-page */
.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%; }
  .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 .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 .event-head:first-child {
  float: left; }
.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; }

.product-features {
  padding-bottom: 86px; }
  .product-features .event-head {
    font-family: "Roboto Condensed", sans-serif; }
    .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 .management-box .padding30 a:after {
  bottom: 6px; }

/*developer-links */
.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 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 .cource-img {
  height: 128px;
  margin-bottom: 33px; }
  @media screen and (max-width: 767px) {
    .developer-quick-links .cource-list .cource-img {
      margin-bottom: 20px; } }

.skill-block {
  padding: 53px 0;
  border: 1px solid #dad9d6;
  /*developer page */ }
  @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; }

.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 .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: 1023px) 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; } }
@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; } }

.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; }

.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; }

.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; }

.feature .col-three h5 {
  color: white; }
.feature .col-three h6 {
  color: white;
  font-weight: 400; }

.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; } }

@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; } }
.product-features .management-box .padding30 a:after {
  -moz-transform: translateY(6px);
  -o-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -webkit-transform: translateY(6px);
  transform: translateY(6px); }

@media screen and (max-width: 358px) {
  .product-features .text-holder1 {
    width: 48%; } }
/*developer page certification padding */
.certification.padding30 {
  padding: 38px 0 17px; }
  .certification.padding30 .button-default, .certification.padding30 .button-white, .certification.padding30 .button-green, .certification.padding30 .button-orange {
    margin-top: 34px; }
  .certification.padding30 h1 {
    margin: 0 0 3px; }

.content-carousal .learn-more {
  font-size: 16px; }

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

.partner-resource {
  padding: 84px 0 81px; }

.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%; }

.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; } }

#wpadminbar ul:after {
  display: none; }

.breadcrumbs .item-current {
  display: none; }
.breadcrumbs li {
  display: inline-block; }

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

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

.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; } }

#resources-videos {
  padding-top: 92px; }

.legacy p {
  position: relative; }

.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; }

.grid li .sub-tab-content .col-two.resources-default .v-middle-wrapper .v-middle h5 {
  margin-bottom: 0; }

.legacy .used {
  top: 5px !important; }

.author-rss a .author span {
  top: -1px; }
  @media screen and (max-width: 767px) {
    .author-rss a .author span {
      top: -4px; } }

.lp-hero h1,
.lp-hero h2 {
  color: white;
  text-transform: uppercase;
  font-family: "Roboto Condensed", Helvetica Neue, Helvetica, Arial, sans-serif; }

.main-body .mktoForm, .main-body .location-details {
  background-color: #eeeeee;
  padding: 20px;
  position: relative;
  margin-top: -320px; }

.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; }

.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 form input {
  margin-bottom: 5px; }

@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; } }
.main-body .mktoForm .button-default, .main-body .mktoForm .button-white, .main-body .mktoForm .button-green, .main-body .mktoForm .button-orange {
  margin-bottom: 20px; }

.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; }

.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; }

.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; }

.lp-post-type #hero-banner {
  height: 280px; }

.lp-post-type .v-middle-inner {
  text-align: left; }

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

.hero-title h1 {
  color: white; }

.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: 425px; }
.attend-event #inner-frame {
  position: absolute;
  top: -415px;
  height: 900px; }
.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; } }
/* 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; }

/* Solution details we-slider */
#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 {
  height: auto; }
  #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; } }

/* Quote slider we-slider */
.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; }

/* Webinar Slider */
#webinar-slider {
  height: 343px; }
  #webinar-slider .item {
    height: 343px; }
    #webinar-slider .item .black-overlay {
      background: rgba(0, 0, 0, 0.7); }
  #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; }

/* Press-release slider */
#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; }

/* Career page - video slider */
.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; }

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

.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; }

/* partner-block with grid slider */
.partner-block {
  font-family: "Roboto Condensed", sans-serif; }
  .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: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; }

/* Scroll Slider */
.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; }

@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; }

  .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; }

  #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; }

  #webcast-slider .wrapper .text-container h3 {
    line-height: 24px; }
  #webcast-slider .item {
    height: 300px; }
  #webcast-slider .slider-nav {
    bottom: 25px; }

  .partner-block .slider .item li {
    height: 200px; }
  .partner-block .multi-section-slider .slider-nav {
    bottom: 40px; }

  #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; }

  .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) {
  .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; }

  .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; }

  #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; }

  #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; }

  .partner-block .multi-section-slider .slider-nav {
    bottom: 35px; }

  #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; }

  .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; }

  .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; } }
/* max-width-667 */
@media screen and (max-width: 667px) {
  #webcast-slider .multi-section-slider {
    margin-bottom: 15px; }
  #webcast-slider .slider-nav {
    bottom: 20px; } }
@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; } }
#resources {
  padding-top: 80px; }
  #resources h2 {
    margin-bottom: 38px; }

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

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

.slide-logo {
  max-width: 265px;
  width: 24%; }
  .slide-logo img {
    width: 100%;
    max-width: 265px; }

.slide-text-center.slide-text h1 {
  text-align: center; }

.slide-text {
  padding-left: 56px; }
  .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; }

/* hero-slider */
.home-page-slider {
  min-height: 363px;
  max-height: 495px; }

.hero-slider {
  position: relative;
  height: 100% !important;
  width: 100%;
  overflow: hidden; }
  .hero-slider:hover .prev,
  .hero-slider:hover .next {
    opacity: 1 !important; }
  .hero-slider .item-wrapper:first-of-type .slide-item:first-child {
    position: absolute;
    left: 100vw; }
    .hero-slider .item-wrapper:first-of-type .slide-item:first-child .slide-logo {
      display: none; }
  .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 .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-nav:hover .prev, .hero-nav:hover .next {
  opacity: 1; }
.hero-nav .prev:hover {
  background: #b1b2b4; }
.hero-nav .next:hover {
  background: #b1b2b4; }

.hero-slider .item-wrapper:first-of-type .slide-item:first-child .slide-logo {
  display: none; }

@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; } }
.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; } }
/* Common Style for 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-press-release */
.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 .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 videos */
.filter-videos .tab-filter .filter-tab .tabsets {
  width: 100%; }
  .filter-videos .tab-filter .filter-tab .tabsets ul li {
    width: 14.28%; }
.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; }

/* Hadoop Projects */
.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:nth-child(4n),
    .hdp-hadoop .filter-elements .item:nth-child(4n) {
      border-right: none !important; }
    .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: 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-press-release .filter-tab .tabsets {
    width: 100%; }

  .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) {
  .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; }

  .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%; }

  .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; }

  .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; }

  .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; }

  .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: 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; }

  .hdf-hadoop .filter-elements .item,
  .hdp-hadoop .filter-elements .item {
    width: 100%; }

  .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; }

  .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; } }
.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; }
    .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 29px; }

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

.logo {
  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); }

.menu-wrapper {
  background: #323543;
  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: #0199d1;
        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: #0199d1; }
          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: #0199d1;
          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: #0199d1; }
        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;
  /*border-top: 1px solid #dad9d6 */
  left: 0;
  top: 85px;
  z-index: 6; }

.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); }

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 #40424a;
  width: 100%;
  background: #323543;
  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: -106px; }
  .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,
.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,
    .newsletter-overlay {
      top: 0px; } }
  .search-overlay .wrapper,
  .newsletter-overlay .wrapper {
    position: relative; }
  .search-overlay .search-box,
  .search-overlay .nws-box,
  .newsletter-overlay .search-box,
  .newsletter-overlay .nws-box {
    display: table; }
    .search-overlay .search-box img,
    .search-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,
        .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,
    .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,
        .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,
        .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,
        .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,
      .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,
  .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,
    .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,
    .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,
      .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,
        .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,
  .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; } }
.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; }
      .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 (max-width: 1399px) and (min-width: 1280px) {
          .footer-overlay .footer-expand-menu .f-menu-holder .two-up-col {
            margin-right: 40px; } }
        @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(50% - 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; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .footer-overlay .footer-expand-menu .single-col:last-of-type {
            max-width: 100%;
            width: 100%;
            float: none; } }
        @media screen and (max-width: 1023px) and (min-width: 768px) {
          .footer-overlay .footer-expand-menu .single-col:last-of-type {
            max-width: 100%; } }
        @media screen and (max-width: 767px) {
          .footer-overlay .footer-expand-menu .single-col:last-of-type {
            max-width: 100%; } }
      @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); }

.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;
    color: white; }
    @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; }

.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 {
  display: none; }

.fixed-links {
  text-align: center; }

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

.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); }

.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; }

@media screen and (max-width: 767px) and (min-width: 481px) {
  .info-block .col-two {
    width: 50%; } }
.info-block .col-two:first-of-type {
  padding-right: 42px; }
  @media screen and (max-width: 1023px) {
    .info-block .col-two:first-of-type {
      padding-right: 20px; } }
.info-block .col-two:last-of-type {
  padding-left: 42px; }
  @media screen and (max-width: 1023px) {
    .info-block .col-two:last-of-type {
      padding-left: 20px; } }
@media screen and (max-width: 767px) {
  .info-block .col-two .text-center img {
    width: 100px; } }
.info-block .col-two:last-of-type:before {
  content: "";
  background: #dad9d6;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.info-block .col-two h2 {
  margin-top: 36px; }
.info-block h3 {
  color: #404041;
  margin-bottom: 6px;
  margin-top: 38px; }
  @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: #d4d4d7; }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .info-block p {
      line-height: 20px; } }

.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; }

.intro-block .content-960 {
  max-width: 960px;
  margin: 0 auto; }
.intro-block h2 {
  color: #d4d4d7;
  margin-bottom: 12px; }
.intro-block h5 {
  line-height: 27px;
  color: #3e3e3e;
  font-weight: 300; }
.intro-block img {
  margin-top: 65px; }

.slate-grey-block {
  background: #44697d;
  color: white; }
  @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; }
    @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; } }

.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; }

.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: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; }

.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 #23a087; }
      .fixed-anchor ul li a {
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #fff;
        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; } }

.benefits {
  height: 384px;
}

.architecture {
  height: 200px;
}

.feature .three-col-row {
  background: none;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .feature .three-col-row {
      height: auto; } }
  @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 .v-middle-wrapper {
    background: none; }
    .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 .three-col-row .col-three {
  cursor: pointer;
  overflow: hidden; }
  .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); } }

.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 .v-middle-wrapper {
  background: none; }
  .hero-second-level .v-middle-wrapper .v-middle-inner {
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto; }
.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 {
  margin-top: 60px;
  margin-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .hero-second-level .bnr-img-top img {
      width: 40%; } }

.cta-bar {
  background-color: #2ec093;
  background-image: -webkit-linear-gradient(to left, #2ec093, #3bb7d9);
  background-image: -moz-linear-gradient(to left, #2ec093, #3bb7d9);
  background-image: -ms-linear-gradient(to left, #2ec093, #3bb7d9);
  background-image: -o-linear-gradient(to left, #2ec093, #3bb7d9);
  background-image: linear-gradient(to left, #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; }

.get-started {
  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; } }

.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 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: 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; } }

.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 {
  margin-left: -40px;
  margin-right: -40px; }
  @media screen and (max-width: 1399px) {
    .grid-text .col-three-outer {
      margin-left: -20px;
      margin-right: -20px; } }
  @media screen and (max-width: 767px) {
    .grid-text .col-three-outer {
      margin: 0; } }
  .grid-text .col-three-outer .col-three {
    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) {
        padding-top: 5px; } }
    @media screen and (max-width: 767px) {
      .grid-text .col-three-outer .col-three: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 {
        border-bottom: 1px solid #c7c7c7 !important; } }
    @media screen and (max-width: 1399px) and (min-width: 1280px) {
      .grid-text .col-three-outer .col-three {
        padding: 30px 30px 0px; } }
    @media screen and (max-width: 1279px) and (min-width: 768px) {
      .grid-text .col-three-outer .col-three {
        padding: 25px 20px 0px; } }
    @media screen and (max-width: 767px) and (min-width: 667px) {
      .grid-text .col-three-outer .col-three {
        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 {
        padding: 10px 10px 0px;
        border-right: 0;
        border-bottom: 1px solid #c7c7c7 !important; } }
    .grid-text .col-three-outer .col-three 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 {
          margin-bottom: 20px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .grid-text .col-three-outer .col-three h5 {
          margin-bottom: 15px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three h5 {
          margin-bottom: 10px; } }
      @media screen and (max-width: 767px) and (min-width: 667px) {
        .grid-text .col-three-outer .col-three h5 {
          margin-bottom: 10px; } }
      @media screen and (max-width: 667px) {
        .grid-text .col-three-outer .col-three h5 {
          margin-bottom: 5px;
          line-height: 20px; } }
    .grid-text .col-three-outer .col-three 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 {
          margin-bottom: 30px; } }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three p {
          margin-bottom: 25px; } }
      @media screen and (max-width: 767px) {
        .grid-text .col-three-outer .col-three p {
          margin-bottom: 10px;
          font-size: 14px; } }
    .grid-text .col-three-outer .col-three 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 {
          width: calc(100% - 60px); } }
      @media screen and (max-width: 1279px) and (min-width: 768px) {
        .grid-text .col-three-outer .col-three hr {
          width: calc(100% - 40px); } }
      @media screen and (max-width: 767px) {
        .grid-text .col-three-outer .col-three hr {
          display: none; } }
  .grid-text .col-three-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 {
        padding: 20px 15px 0px; } }
    @media screen and (max-width: 667px) {
      .grid-text .col-three-outer:last-child .col-inner .col-three {
        padding: 10px 10px 0px; } }

.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: 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; } }

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

@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; }

@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; } }

.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; }
      @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.8); }
        .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; }

.certification .content-870 img {
  margin-bottom: 21px;
  margin-top: 8px; }
.certification .content-870 p {
  line-height: 28px; }
  @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; }

.cource-list {
  width: 100%;
  float: left; }
  .cource-list .col-three {
    border-right: 1px solid #c7c7c7;
    padding: 0 60px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .cource-list .col-three:nth-of-type(4) {
        clear: both; } }
    .cource-list .col-three:last-of-type {
      border: none !important; }
    @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;
        border-bottom: 1px solid #c7c7c7 !important; } }
    .cource-list .col-three .cource-img {
      /*height: 113px */
      margin-bottom: 27px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .cource-list .col-three .cource-img {
          width: 90px;
          margin: 0 auto; } }
      @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: 1023px) 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-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 {
  padding: 0 20px;
  border-right: 1px solid #c7c7c7; }
  @media screen and (max-width: 767px) {
    .learning-block .col-three {
      width: 100%;
      border-right: 0;
      border-bottom: 1px solid #c7c7c7;
      padding: 25px 0; } }
  .learning-block .col-three .col-inner {
    padding: 0 20px; }
    @media screen and (max-width: 1399px) and (min-width: 768px) {
      .learning-block .col-three .col-inner {
        padding: 0; } }
    .learning-block .col-three .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 {
          height: 90px;
          margin: 0 auto 25px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .learning-block .col-three .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 {
          margin: 0 auto 15px;
          height: 60px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .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 {
          height: 100%; } }
    .learning-block .col-three .col-inner h3 {
      color: #3fae2a; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .learning-block .col-three .col-inner h3 {
          line-height: 32px; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner h3 {
          line-height: 30px; } }
    .learning-block .col-three .col-inner p {
      line-height: 28px; }
      @media screen and (max-width: 1023px) and (min-width: 768px) {
        .learning-block .col-three .col-inner p {
          line-height: 24px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .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 {
      margin-top: 20px; }
    .learning-block .col-three .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 {
          padding: 20px 0px 20px; } }
      @media screen and (max-width: 767px) {
        .learning-block .col-three .col-inner .learning-menu {
          padding: 15px 0px 15px; } }
  @media screen and (max-width: 767px) and (min-width: 481px) {
    .learning-block .col-three .comming-soon {
      width: 80%;
      margin: auto; } }
  .learning-block .col-three .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 {
        padding: 10px 20px 20px; } }
    @media screen and (max-width: 767px) {
      .learning-block .col-three .comming-soon .learning-menu {
        padding: 10px 10px 15px; } }

.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; }

.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; } }

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

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

.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; } }

.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; }

.f-mbl-link {
  display: none; }

.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; }

.events-section {
  padding: 54px 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; }

.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; } }

/*media query css */
@media screen and (max-width: 1100px) {
  .footer .footer-wht .sub-nav .lic-number {
    float: left;
    margin-top: 20px;
    width: 100%; } }
@media screen and (max-width: 767px) {
  .event-wrapper {
    width: 100%; }
    .event-wrapper .event-head {
      display: none; }

  header .menu-wrapper {
    display: none; }

  .promo-block .three-col-row {
    height: 443px; }
    .promo-block .three-col-row .col-three {
      width: 100%;
      height: 147px; }

  .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; } }
@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; }

  .learn-more {
    font-size: 12px; } }
.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%; } }

.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; }

/* 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; }

  .tab-content .tab .image-holder img {
    width: 100%; }

  .events .event-list .img-icon img {
    width: 100%; }

  .partner-block .slider .item li span > a img {
    width: 100%; } }
#horton-webcast-slider {
  overflow: hidden; }

@media screen\0 {
  img {
    border: 0; }

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

  .events .v-middle.img-icon img {
    width: 100%; }

  .f-close-btn {
    right: 42px; } }
.grid-customers .sub-tab-content .resources-default .bg-img img {
  width: 100% !important;
  height: auto !important; }

@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; } }
.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; }

.logo a {
  display: block; }
  .logo a img {
    width: 100%; }

.bold {
  font-weight: 700; }

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

.body-content .green-bg {
  background: #3fae2a; }
.body-content .pad-30 {
  padding: 30px 0; }
.body-content .clear {
  clear: both; }

#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 .grid-section .heading-career {
    margin-bottom: 83px; }
  #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; } }

.get-started {
  text-transform: uppercase; }

.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; }

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

.hadoop {
  padding: 72px 0 95px; }
  .hadoop .fixed-anchor {
    margin: 40px 0; }
  .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; }

.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; }

.info-hadoop h2 {
  margin: 0 0 46px 0; }

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

.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; }

.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; }

.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; } }

.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-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 .fixed-anchor {
  margin: 30px 0; }
.services-block .content-870 h1 {
  margin: 93px auto 6px;
  max-width: 630px; }
.services-block .content-870 p {
  line-height: 28px; }
.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; }

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

.info-three-block h2 {
  margin-bottom: 57px;
  margin-top: 0; }
.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: 27px 0 3px; }
  .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:before {
    content: "";
    background: #c7c7c7;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 666px) {
      .info-three-block .col-three:before {
        width: 0; } }
  .info-three-block .col-three:first-of-type:before {
    width: 0px; }
.info-three-block .cta-img {
  margin-top: 70px; }

.support-arch h2 {
  margin-bottom: 43px; }
.support-arch p {
  color: #404041;
  line-height: 28px;
  margin-top: 42px; }

.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; }

.downloads-container .fixed-anchor {
  padding: 20px 0 40px; }
.downloads-container .footnote {
  padding: 35px 40px !important; }
  .downloads-container .footnote p {
    font-size: 16px;
    line-height: 22px; }
    .downloads-container .footnote p a {
      display: block;
      margin-top: 20px;
      color: #1fa4d4; }

.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 {
    margin-bottom: 40px; }
    .downloads .accordion .opener {
      display: block;
      border: 2px solid #e9e7e4;
      padding: 17px 20px 18px;
      cursor: pointer;
      height: 60px; }
      .downloads .accordion .opener p {
        font-size: 16px;
        line-height: 22px;
        float: left; }
      .downloads .accordion .opener .display {
        float: right;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        padding-right: 20px; }
        .downloads .accordion .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 .opener .display.close {
          display: none; }
        .downloads .accordion .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 .item {
      padding: 30px 20px; }
    .downloads .accordion hr {
      margin: 20px; }
    .downloads .accordion .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; }

.customer-resources {
  padding-top: 70px; }

.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; }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .programs-section {
    padding: 80px 0; }

  .developer-quick-links.tutorials-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; }

  .developer-quick-links.tutorials-section {
    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; }

  .developer-quick-links.tutorials-section {
    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,
  .certification.padding30 .button-default,
  .certification.padding30 .button-white,
  .certification.padding30 .button-green,
  .certification.padding30 .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,
  .certification.padding30 .button-default,
  .certification.padding30 .button-white,
  .certification.padding30 .button-green,
  .certification.padding30 .button-orange {
    padding: 9px 11px;
    font-size: 12px;
    margin-top: 15px;
    line-height: 12px; }

  .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; }

  .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; }

  .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; }

  .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; }

  .service-dtl .service-data {
    padding: 20px 0 0 0; }

  .footnote {
    padding: 20px 15px !important; } }
.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; }

@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%; }

  .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; }

  .inner-wrapper {
    padding: 0; }

  .service-data {
    overflow: auto;
    position: relative; }

  .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; }

  .developer-quick-links.steps-section,
  .developer-quick-links.tutorials-section {
    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,
  .certification.padding30 .button-default,
  .certification.padding30 .button-white,
  .certification.padding30 .button-green,
  .certification.padding30 .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; }

  .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; }

  .hero-second-level a.play-video {
    margin-top: 20px;
    line-height: inherit; }
  .hero-second-level .bg-img {
    height: 265px; }
    .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; }

  .content-carousel .partner-links {
    padding-bottom: 40px; }

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

  .info-block.home-page {
    padding: 100px 0; }

  .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-height: 767px) {
  #quote-banner {
    height: 420px; }
    #quote-banner .item-content .banner-logo {
      margin-bottom: 40px; } }
.view-btn-right {
  display: inline;
  margin-left: 5px; }

.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; } }

.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; } }
		
	.darken {
		background: #1f212a;
		}
    .disclaimer{
      font-size:13px;
    }
    .apache-logo button {
      background: transparent;
      border-color: transparent;
      color: transparent;
    }
    .downloads{
      margin-top: 25px;
    }
    .downloads h4, .mailing-list h4{
      margin: 12px 0px;
    }
    .downloads a, .mailing-list a {
      color: #0199d1;
    }