/* Transition */
/* Transition-delay  */
/* Order  */
/* Transform-origin */
/* Transform */
/* border-radius */
/* Backface-visibility  */
/* Box-shadow*/
/* Animation */
/* Fonts */
/* Base colors*/
/*  Media query variables */
/*  Media query for menu variables */
/*  Media query mixins */
/*  (min-width:1200px) */
/*  (min-width:1051px) */
/* (min-width:1051px), (max-width: 1240px) */
/*  (min-width:801px), (max-width: 1050px) */
/*  (min-width:569px), (max-width: 800px) */
/* (max-width:1340px) */
/* (max-width:1240px) */
/* (max-width:1050px) */
/* (max-width:800px) */
/*  (max-width:568px) */
/* (max-width:991px) */
/* (min-width:992px) */
/* (min-width:992px), (max-width: 1050px)  */
/*  (max-width:568px and orientation: landscape) */
/*  (max-width:320px and max-height: 480) */
/*  (max-width:360px and max-height: 640) */
/*  (max-width:414px and max-height: 736) */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=aeb05fff-9047-4ea9-8dd6-cce08028ccbe");
@font-face {
  font-family: "Helvetica Neue LT";
  font-weight: 100;
  src: url("/templates/dist/fonts/81a2c6fe-80a2-4e37-85b3-beb2099233ee.eot?#iefix");
  src: url("/templates/dist/fonts/81a2c6fe-80a2-4e37-85b3-beb2099233ee.eot?#iefix") format("eot"), url("/templates/dist/fonts/2482815b-01c6-49f5-9791-2477388e5447.woff2") format("woff2"), url("/templates/dist/fonts/9560b08a-a360-40e0-a8e9-841df049b2a5.woff") format("woff"), url("/templates/dist/fonts/79599a81-3637-4c12-a332-d039811d3e0b.ttf") format("truetype"), url("/templates/dist/fonts/a128e6d4-9e35-4a98-b9cb-788d8bd5d6f5.svg#a128e6d4-9e35-4a98-b9cb-788d8bd5d6f5") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-weight: 400;
  src: url("/templates/dist/fonts/e5ad88cf-e9f9-4240-8b6e-7e8e1aaeb3b6.eot?#iefix");
  src: url("/templates/dist/fonts/e5ad88cf-e9f9-4240-8b6e-7e8e1aaeb3b6.eot?#iefix") format("eot"), url("/templates/dist/fonts/350ae5cc-fb00-4432-8b39-552f39094e3d.woff2") format("woff2"), url("/templates/dist/fonts/b9175e6c-b16c-449d-b694-1a543a18ac16.woff") format("woff"), url("/templates/dist/fonts/6dbd48be-6456-4d6f-b06b-bbfa0d5057e8.ttf") format("truetype"), url("/templates/dist/fonts/eb67b7b4-ee53-4c20-b528-f3af68d6a335.svg#eb67b7b4-ee53-4c20-b528-f3af68d6a335") format("svg"); }

@font-face {
  font-family: "Helvetica Neue LT";
  font-weight: 700;
  src: url("/templates/dist/fonts/978a7ecc-7022-4f13-9d86-2e8e070c01fe.eot?#iefix");
  src: url("/templates/dist/fonts/978a7ecc-7022-4f13-9d86-2e8e070c01fe.eot?#iefix") format("eot"), url("/templates/dist/fonts/b023d7c4-05c4-42f1-a4cf-e26b8975ee82.woff2") format("woff2"), url("/templates/dist/fonts/127a5dcd-5734-4d95-aa6c-4bd66ac6737f.woff") format("woff"), url("/templates/dist/fonts/4fa3427b-20a8-4e9a-8bf2-b0d8390f2053.ttf") format("truetype"), url("/templates/dist/fonts/f33e3c71-bdb9-46c8-90de-99aa73e1a979.svg#f33e3c71-bdb9-46c8-90de-99aa73e1a979") format("svg"); }

header.DS17 {
  /*disable main drop-down menu*/ }
  header.DS17 {
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03), background 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03), background 0s;
    -moz-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03), background 0s;
    -o-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03), background 0s; }
    header.DS17.fixed {
      z-index: 99;
      top: -10px;
      width: 100%;
      position: fixed;
      background: #fff;
      border-bottom: 1px solid #eceef1;
      -webkit-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03);
      -o-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03);
      transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03); }
      @media (max-width: 991px) {
        header.DS17.fixed nav > ul > li.top-nav-links {
          display: block; } }
      @media (max-width: 800px) {
        header.DS17.fixed .wrapper {
          margin-top: 0; } }
      @media (max-width: 991px) {
        header.DS17.fixed .toogle-menu {
          top: 24px;
          margin-top: 5px; } }
      @media (max-width: 800px) {
        header.DS17.fixed .toogle-menu {
          top: 18px; } }
      header.DS17.fixed .toogle-menu span {
        background: #007a97; }
        header.DS17.fixed .toogle-menu span:after, header.DS17.fixed .toogle-menu span:before {
          background: #007a97; }
      header.DS17.fixed .sub-nav {
        box-shadow: none;
        -webkit-box-shadow: none;
        border: 1px solid #eceef1; }
      @media (min-width: 1051px) and (max-width: 1240px) {
        header.DS17.fixed .logo {
          width: 190px; } }
      @media (min-width: 992px) and (max-width: 1050px) {
        header.DS17.fixed .logo {
          width: 185px; } }
      header.DS17.fixed nav > ul > li {
        color: #374c51; }
        @media (max-width: 991px) {
          header.DS17.fixed nav > ul > li {
            color: #fff; } }
        @media (min-width: 1051px) and (max-width: 1240px) {
          header.DS17.fixed nav > ul > li {
            margin: 0 10px; } }
        @media (min-width: 992px) and (max-width: 1050px) {
          header.DS17.fixed nav > ul > li {
            margin: 0 6px; } }
        @media (min-width: 992px) and (max-width: 1050px) {
          header.DS17.fixed nav > ul > li.icon {
            width: 26px;
            height: 26px;
            padding: 6px 6px; } }
        @media (min-width: 1051px) and (max-width: 1240px) {
          header.DS17.fixed nav > ul > li > a {
            font-size: 15px; } }
        @media (min-width: 992px) and (max-width: 1050px) {
          header.DS17.fixed nav > ul > li > a {
            font-size: 15px; } }
        header.DS17.fixed nav > ul > li > a:hover {
          color: #374c51; }
      header.DS17.fixed .active .icon {
        margin: 0 0 0 0px; }
      header.DS17.fixed .active .download {
        margin: 10px 10px 0 3px;
        padding: 10px 7px; }
      header.DS17.fixed .download {
        display: block !important;
        margin: 0 0px 0 15px; }
        @media (min-width: 1051px) and (max-width: 1240px) {
          header.DS17.fixed .download {
            margin: 0 0px 0 8px; } }
        @media (min-width: 992px) and (max-width: 1050px) {
          header.DS17.fixed .download {
            margin: 0 0px 0 6px; } }
        header.DS17.fixed .download > a {
          color: #fff; }
          @media (min-width: 1051px) and (max-width: 1240px) {
            header.DS17.fixed .download > a {
              font-size: 13px; } }
          @media (min-width: 992px) and (max-width: 1050px) {
            header.DS17.fixed .download > a {
              font-size: 13px; } }
      header.DS17.fixed .icon {
        margin: 0 0 0 10px; }
        @media (min-width: 1051px) and (max-width: 1240px) {
          header.DS17.fixed .icon {
            margin: 0 10px 0 3px; } }
        @media (min-width: 992px) and (max-width: 1050px) {
          header.DS17.fixed .icon {
            margin: 0 8px 0 3px; } }
      header.DS17.fixed .wrapper {
        padding: 20px 0 10px; }
      header.DS17.fixed .utility-nav {
        display: none; }
      header.DS17.fixed nav > ul > li > a {
        color: #374c51; }
        @media (max-width: 991px) {
          header.DS17.fixed nav > ul > li > a {
            color: #fff; }
            header.DS17.fixed nav > ul > li > a:hover {
              color: #fff; } }
      header.DS17.fixed nav > ul > li.icon {
        color: #374c51;
        border-color: #374c51; }
        header.DS17.fixed nav > ul > li.icon:hover {
          color: #fff;
          border-color: #0cb7e1; }
      header.DS17.fixed .logo a {
        display: none; }
        header.DS17.fixed .logo a:last-child {
          display: block; }
      @media (max-width: 991px) {
        header.DS17.fixed .search-box form {
          padding-left: 5px; } }
    header.DS17.prevent-submenu nav > ul > li .sub-nav {
      display: none; }
    header.DS17 a {
      text-decoration: none;
      color: #374c51;
      outline: 0;
      font-size: 16px;
      cursor: pointer;
      font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; }
      header.DS17 a:hover {
        outline: 0;
        text-decoration: none; }
        header.DS17 a:hover .link:after {
          right: -35px; }
  header.DS17 .search-box {
    position: absolute;
    width: 100%;
    padding: 40px 0;
    background: #000;
    top: -149px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (max-width: 991px) {
      header.DS17 .search-box {
        display: none;
        position: relative;
        top: 0; } }
    header.DS17 .search-box input {
      width: 100%;
      background: transparent;
      border: 0;
      border-bottom: 1px solid #374c51;
      font-size: 48px;
      color: #374c51;
      padding: 0 130px 10px 50px;
      position: relative;
      background-image: url("/templates/dist/images/search.png");
      background-repeat: no-repeat;
      background-position: left center;
      outline: none;
      font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; }
      header.DS17 .search-box input.search-btn {
        position: absolute;
        top: 10px;
        right: 70px;
        background: url(/templates/dist/images/svg/Datastax_Icons_Arrow_blue.svg) no-repeat;
        border: 0;
        padding: 0;
        text-indent: -99999px;
        width: 40px;
        height: 40px;
        background-size: contain; }
        @media (max-width: 991px) {
          header.DS17 .search-box input.search-btn {
            width: 30px;
            height: 30px;
            top: 3px;
            right: -5px; } }
      @media (max-width: 991px) {
        header.DS17 .search-box input {
          font-size: 18px;
          padding: 0 80px 11px 30px;
          background-image: url(/templates/dist/images/search.png);
          background-size: 19px;
          color: #fff;
          border-color: #fff; } }
      header.DS17 .search-box input::-webkit-input-placeholder {
        font-size: 48px;
        color: #fff;
        font-weight: 400; }
        @media (max-width: 991px) {
          header.DS17 .search-box input::-webkit-input-placeholder {
            font-size: 18px; } }
      header.DS17 .search-box input::-moz-placeholder {
        font-size: 48px;
        color: #fff;
        font-weight: 400; }
        @media (max-width: 991px) {
          header.DS17 .search-box input::-moz-placeholder {
            font-size: 18px; } }
      header.DS17 .search-box input:-ms-input-placeholder {
        font-size: 48px;
        color: #fff;
        font-weight: 400; }
        @media (max-width: 991px) {
          header.DS17 .search-box input:-ms-input-placeholder {
            font-size: 18px; } }
      header.DS17 .search-box input:-moz-placeholder {
        font-size: 48px;
        color: #374c51;
        font-weight: 400; }
        @media (max-width: 991px) {
          header.DS17 .search-box input:-moz-placeholder {
            font-size: 18px; } }
    header.DS17 .search-box .goto {
      position: absolute;
      right: 70px;
      top: 10px;
      width: 40px;
      height: 40px; }
      @media (max-width: 991px) {
        header.DS17 .search-box .goto {
          right: 40px;
          top: 4px;
          width: 30px;
          height: 30px; } }
    header.DS17 .search-box .close {
      position: absolute;
      right: 20px;
      top: 10px; }
      @media (max-width: 991px) {
        header.DS17 .search-box .close {
          right: 40px;
          top: 4px;
          right: 0;
          width: 30px;
          height: 30px;
          display: none; } }
    @media (min-width: 992px) {
      header.DS17 .search-box:not(:root:root) {
        top: -153px; } }
  header.DS17 .utility-nav {
    width: 100%;
    height: 30px; }
    @media (max-width: 800px) {
      header.DS17 .utility-nav {
        display: none; } }
    header.DS17 .utility-nav ul {
      float: right;
      margin: 0;
      padding: 0; }
      header.DS17 .utility-nav ul li {
        list-style: none;
        float: left;
        margin: 0 29px;
        margin-right: 0; }
        @media (max-width: 568px) {
          header.DS17 .utility-nav ul li {
            margin: 0 18px;
            margin-right: 0; } }
        header.DS17 .utility-nav ul li a {
          color: #fff;
          font-size: 14px;
          padding: 4px 0px;
          display: inline-block;
          font-weight: 500;
          position: relative; }
          header.DS17 .utility-nav ul li a:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            right: 50%;
            bottom: -2px;
            background: #0cb7e1;
            height: 4px;
            border-radius: 10px;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
          header.DS17 .utility-nav ul li a .icon {
            width: 15px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle; }
        header.DS17 .utility-nav ul li.download a {
          line-height: 1;
          padding: 7px 16px;
          background: #8031a7;
          border: 1px solid #8031a7;
          font-weight: 700;
          border-radius: 0 0 14px 14px; }
          header.DS17 .utility-nav ul li.download a:hover {
            background: #310459;
            border-color: #310459;
            color: #fff; }
        header.DS17 .utility-nav ul li.download:before {
          background: transparent; }
        @media (max-width: 800px) {
          header.DS17 .utility-nav ul li.download {
            display: none; } }
        header.DS17 .utility-nav ul li:hover a:before {
          left: 0;
          right: 0; }
        header.DS17 .utility-nav ul li:hover:last-child a:before {
          display: none; }
  header.DS17 .logo {
    width: 200px;
    float: left; }
    @media (max-width: 800px) {
      header.DS17 .logo {
        width: 120px; } }
    header.DS17 .logo a {
      display: block; }
      header.DS17 .logo a:last-child {
        display: none; }
  header.DS17 nav {
    float: right;
    position: relative; }
    header.DS17 nav ul {
      margin: 0;
      padding: 0; }
      header.DS17 nav ul li {
        list-style: none; }
    header.DS17 nav > ul {
      margin: 16px 0 0 0;
      width: 100%;
      float: left;
      padding: 0; }
      header.DS17 nav > ul > li {
        list-style: none;
        float: left;
        margin: 2px 14px;
        padding-bottom: 10px;
        position: relative; }
        @media (min-width: 801px) and (max-width: 1050px) {
          header.DS17 nav > ul > li {
            margin: 0 12px; } }
        header.DS17 nav > ul > li.nav-active a:before {
          left: 0;
          right: 0; }
        @media (max-width: 991px) {
          header.DS17 nav > ul > li.drop-down:after {
            content: '';
            position: absolute;
            background-color: #fff;
            width: 3px;
            height: 15px;
            right: 20px;
            margin-top: -4px;
            top: 27px;
            margin-top: -15px;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -webkit-transform: rotate(-90deg);
                 -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
            opacity: 1; }
          header.DS17 nav > ul > li.drop-down:before {
            content: '';
            position: absolute;
            background-color: #fff;
            width: 15px;
            height: 3px;
            right: 14px;
            top: 20px;
            margin-top: -2.5px;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -webkit-transform: rotate(-90deg);
                 -o-transform: rotate(-90deg);
                    transform: rotate(-90deg); }
          header.DS17 nav > ul > li.drop-down.nav-active:before {
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -webkit-transform: rotate(90deg);
                 -o-transform: rotate(90deg);
                    transform: rotate(90deg);
            opacity: 0; }
          header.DS17 nav > ul > li.drop-down.nav-active:after {
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -webkit-transform: rotate(90deg);
                 -o-transform: rotate(90deg);
                    transform: rotate(90deg); } }
        header.DS17 nav > ul > li.download {
          display: none; }
          @media (max-width: 800px) {
            header.DS17 nav > ul > li.download {
              display: block; } }
          header.DS17 nav > ul > li.download a {
            background: #8031a7;
            padding: 5px 14px 8px;
            font-weight: 700;
            font-size: 14px;
            border: 1px solid #8031a7;
            border-radius: 20px  20px;
            display: inline-block; }
            header.DS17 nav > ul > li.download a:hover {
              background: #310459;
              border-color: #310459;
              color: #fff; }
            header.DS17 nav > ul > li.download a:before {
              display: none; }
        header.DS17 nav > ul > li.icon {
          margin: 0 10px; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li.icon.search {
              background: transparent !important;
              width: 100%;
              height: inherit;
              border: 0;
              padding-right: 20px;
              margin-left: 4px; }
              header.DS17 nav > ul > li.icon.search svg {
                display: none; } }
          header.DS17 nav > ul > li.icon svg {
            width: 100%;
            height: 100%; }
          header.DS17 nav > ul > li.icon .search-box {
            display: none; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.icon .search-box {
                display: block;
                background: transparent;
                padding: 10px 0; } }
          header.DS17 nav > ul > li.icon.quick-bar {
            position: relative;
            display: block; }
            header.DS17 nav > ul > li.icon.quick-bar h6 {
              font-size: 16px;
              color: #0cb7e1;
              font-weight: 700; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.icon.quick-bar {
                display: none;
                width: 100%;
                height: 100%;
                margin-left: 0;
                border: 0;
                background: transparent !important;
                text-align: left; }
                header.DS17 nav > ul > li.icon.quick-bar:before {
                  display: none; }
                header.DS17 nav > ul > li.icon.quick-bar > span {
                  width: 30px;
                  height: 30px;
                  color: #fff;
                  border: 1px solid #fff;
                  padding: 6px 6px;
                  border-radius: 30px;
                  font-size: 11px;
                  display: block;
                  text-align: left;
                  position: relative; } }
    @media (max-width: 991px) and (max-width: 991px) {
      header.DS17 nav > ul > li.icon.quick-bar > span {
        display: inline-block; }
        header.DS17 nav > ul > li.icon.quick-bar > span:first-child {
          display: none; } }
            @media (max-width: 991px) {
                  header.DS17 nav > ul > li.icon.quick-bar > span:after {
                    content: "";
                    position: absolute;
                    z-index: 1;
                    left: 50%;
                    right: 50%;
                    bottom: -10px;
                    background: #0cb7e1;
                    height: 4px;
                    border-radius: 10px;
                    -webkit-transition: all 0.4s ease;
                    -o-transition: all 0.4s ease;
                    transition: all 0.4s ease; }
                header.DS17 nav > ul > li.icon.quick-bar.nav-active span.link:after {
                  right: -30px;
                  left: inherit; }
                header.DS17 nav > ul > li.icon.quick-bar.nav-active span:after {
                  left: 0;
                  right: 0; } }
        header.DS17 nav > ul > li > a {
          color: #fff;
          font-size: 16px;
          position: relative; }
          header.DS17 nav > ul > li > a:before {
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            right: 50%;
            bottom: -14px;
            background: #0cb7e1;
            height: 4px;
            border-radius: 10px;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li > a:before {
                /*            width: 0;
                        left: 0;
                        right:0;*/ } }
          header.DS17 nav > ul > li > a:hover {
            color: #fff; }
        header.DS17 nav > ul > li.drop-down a:before {
          bottom: -14px; }
        header.DS17 nav > ul > li.quick-bar {
          position: relative;
          margin-left: 20px; }
          header.DS17 nav > ul > li.quick-bar:before {
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            right: 50%;
            bottom: -13px;
            background: #0cb7e1 !important;
            height: 5px;
            border-radius: 10px;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
          header.DS17 nav > ul > li.quick-bar:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 15px;
            bottom: -9px;
            left: 0; }
          header.DS17 nav > ul > li.quick-bar.mobile-quick {
            display: none; }
            header.DS17 nav > ul > li.quick-bar.mobile-quick:after {
              background-color: #fff;
              width: 3px;
              height: 15px;
              right: 20px;
              margin-top: -4px;
              top: 27px;
              margin-top: -15px;
              -webkit-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out;
              -webkit-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
              transform: rotate(-90deg);
              opacity: 1;
              left: auto !important; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.quick-bar.mobile-quick:before {
                display: block;
                content: '';
                position: absolute;
                background-color: #fff !important;
                width: 15px;
                height: 3px;
                right: 14px !important;
                left: auto !important;
                top: 20px;
                margin-top: -2.5px;
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                -webkit-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg); } }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.quick-bar.mobile-quick {
                display: block; } }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.quick-bar.mobile-quick.nav-active:before {
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
                opacity: 0; } }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li.quick-bar.mobile-quick.nav-active:after {
                -webkit-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg); } }
            header.DS17 nav > ul > li.quick-bar.mobile-quick.nav-active > span:after {
              left: 4px;
              right: 0;
              bottom: -7px; }
            header.DS17 nav > ul > li.quick-bar.mobile-quick > span {
              font-size: 16px;
              width: 100%;
              height: auto;
              border: 0px;
              padding: 6px 4px;
              width: auto; }
              header.DS17 nav > ul > li.quick-bar.mobile-quick > span:first-child {
                display: inline-block; }
        header.DS17 nav > ul > li:hover.quick-bar:before {
          left: 0;
          right: 0; }
        header.DS17 nav > ul > li:hover > a:before {
          left: 0;
          right: 0;
          z-index: 3; }
        @media (min-width: 992px) {
          header.DS17 nav > ul > li:hover .sub-nav {
            top: 100%;
            opacity: 1;
            visibility: visible;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.35); } }
        header.DS17 nav > ul > li .single-nav {
          width: 250px;
          padding: 50px; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .single-nav {
              width: 100%; } }
          header.DS17 nav > ul > li .single-nav .one-col > ul > li > a:hover h6 {
            color: #007a97; }
        header.DS17 nav > ul > li .shot-nav {
          width: 505px; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .shot-nav {
              width: 100%; } }
          header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col {
            padding: 37px 14px 40px 50px; }
            header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col:last-child {
              padding: 37px 38px 40px 9px; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col {
                padding: 0 20px;
                padding-top: 0;
                width: 100%; }
                header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col:last-child {
                  padding: 20px;
                  padding-top: 0; } }
            header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col ul li {
              padding-bottom: 10px; }
              header.DS17 nav > ul > li .shot-nav .submenu-wrapper .two-col ul li a p {
                line-height: 1.2; }
        header.DS17 nav > ul > li .long-nav {
          width: 730px;
          height: 343px;
          overflow: hidden;
          background: #e4e7ea !important; }
          header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third {
            width: 34.9%;
            padding: 47px 10px 37px 50px;
            min-height: 343px; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third {
                width: 100%;
                padding: 18px 20px 12px;
                min-height: inherit; } }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third ul h6 {
              line-height: 1.15;
              margin-bottom: 0;
              color: #374c51; }
          header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third {
            width: 65.1%;
            padding: 47px 0 48px;
            min-height: 343px; }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third a:first-child {
              width: 100%; }
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third a:first-child h6:hover {
                color: #007a97; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third {
                width: 100%;
                padding: 4px 0 23px;
                min-height: auto; } }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third h6 {
              line-height: 1.19;
              margin-bottom: 0;
              padding: 0 50px;
              color: #374c51; }
              @media (max-width: 991px) {
                header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third h6 {
                  padding: 0  20px 5px; } }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col {
              padding: 0 0 0 50px; }
              @media (max-width: 991px) {
                header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col {
                  padding: 0 0 0 20px; } }
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col:last-child {
                padding: 0 0 0 30px; }
                @media (max-width: 991px) {
                  header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col:last-child {
                    padding: 0 0 0 20px; } }
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col ul li {
                margin-top: 7px;
                line-height: 1.2; }
                header.DS17 nav > ul > li .long-nav .submenu-wrapper .two-third .two-col ul li a {
                  font-size: 14px;
                  line-height: 1.25;
                  color: #0cb7e1; }
          header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third > ul > li {
            margin: 6px 0 16px 0; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third > ul > li {
                margin: 6px 0 10px 0; } }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third > ul > li a {
              line-height: 1.25; }
          header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third ul li > ul {
            margin: 0 0 17px 0; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third ul li > ul {
                margin: 0 0 15px 0; } }
            header.DS17 nav > ul > li .long-nav .submenu-wrapper .one-third ul li > ul li {
              margin-top: 7px; }
        header.DS17 nav > ul > li .one-third {
          padding: 30px 10px 55px 50px;
          background: #eceef1;
          position: relative;
          border-radius: 0 5px 5px 0;
          width: 41.39%; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .one-third {
              width: 100%;
              padding: 20px; } }
          header.DS17 nav > ul > li .one-third h6 {
            color: #007a97; }
          header.DS17 nav > ul > li .one-third ul li {
            color: #007a97;
            font-weight: 600;
            margin-top: 18px; }
            header.DS17 nav > ul > li .one-third ul li > ul {
              margin: 0 0 10px 0; }
              header.DS17 nav > ul > li .one-third ul li > ul li {
                margin-top: 7px; }
                header.DS17 nav > ul > li .one-third ul li > ul li a {
                  font-size: 14px;
                  color: #0cb7e1; }
                  header.DS17 nav > ul > li .one-third ul li > ul li a:hover {
                    color: #007a97; }
            > ul > li > a header.DS17 nav > ul > li .one-third ul li:hover {
              color: #0cb7e1; }
            header.DS17 nav > ul > li .one-third ul li a {
              font-weight: 500; }
              header.DS17 nav > ul > li .one-third ul li a:hover {
                color: #007a97; }
          header.DS17 nav > ul > li .one-third > ul > li {
            margin: 6px 0 15px 0; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .one-third > ul > li {
                margin-bottom: 10px; } }
            header.DS17 nav > ul > li .one-third > ul > li > a {
              color: #0cb7e1;
              font-weight: 700; }
        header.DS17 nav > ul > li .two-third {
          position: relative; }
          header.DS17 nav > ul > li .two-third h6 {
            padding: 0 50px 0 30px;
            color: #007a97; }
            @media (max-width: 991px) {
              header.DS17 nav > ul > li .two-third h6 {
                padding: 0 20px; } }
          header.DS17 nav > ul > li .two-third ul li {
            font-weight: 600;
            color: #374c51;
            margin-top: 8px;
            font-size: 14px; }
            header.DS17 nav > ul > li .two-third ul li a {
              font-weight: 500; }
              header.DS17 nav > ul > li .two-third ul li a:hover {
                color: #007a97 !important; }
              header.DS17 nav > ul > li .two-third ul li a.bold {
                color: #000;
                font-weight: 700; }
        header.DS17 nav > ul > li .sub-nav {
          position: absolute;
          background: #eceef1;
          left: 50%;
          top: 180%;
          opacity: 0;
          visibility: hidden;
          border-radius: 5px;
          z-index: 0;
          -webkit-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .sub-nav {
              -webkit-transform: none;
              -o-transform: none;
              transform: none; } }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .sub-nav.products .submenu-wrapper h6 {
              line-height: 1.1;
              margin: 5px 0 10px; } }
          header.DS17 nav > ul > li .sub-nav .submenu-wrapper:after {
            content: '';
            clear: both;
            display: block; }
          header.DS17 nav > ul > li .sub-nav .submenu-wrapper .two-col {
            border-radius: 5px; }
            header.DS17 nav > ul > li .sub-nav .submenu-wrapper .two-col li {
              width: 100%; }
              header.DS17 nav > ul > li .sub-nav .submenu-wrapper .two-col li > a:hover h6 {
                color: #007a97; }
              header.DS17 nav > ul > li .sub-nav .submenu-wrapper .two-col li > a:hover p {
                color: #374c51; }
          header.DS17 nav > ul > li .sub-nav .submenu-wrapper h6 {
            font-size: 16px;
            color: #0cb7e1;
            font-weight: 700;
            line-height: 2.25;
            margin: 0;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          header.DS17 nav > ul > li .sub-nav .submenu-wrapper p {
            font-size: 14px;
            line-height: 1.3;
            margin: 0; }
        header.DS17 nav > ul > li.icon {
          width: 30px;
          height: 30px;
          text-align: center;
          color: #fff;
          border: 1px solid #fff;
          padding: 6px 6px;
          border-radius: 30px;
          font-size: 11px;
          margin-right: 0;
          cursor: pointer;
          -webkit-transition: background 0.4s ease;
          -o-transition: background 0.4s ease;
          transition: background 0.4s ease; }
          header.DS17 nav > ul > li.icon:before {
            background: transparent; }
          header.DS17 nav > ul > li.icon:hover {
            background: #0cb7e1;
            border-color: #0cb7e1; }
        header.DS17 nav > ul > li.active > a:before {
          content: "";
          position: absolute;
          z-index: 1;
          left: 0;
          right: 0;
          bottom: -14px;
          background: #0cb7e1;
          height: 4px;
          border-radius: 10px;
          -webkit-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
        header.DS17 nav > ul > li .overview {
          display: none; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .overview {
              display: block;
              padding: 20px 20px 10px; }
              header.DS17 nav > ul > li .overview a {
                color: #00b6e3;
                font-weight: 700; }
                header.DS17 nav > ul > li .overview a:hover {
                  color: #007a97; } }
    header.DS17 nav .quick-sub-nav {
      width: 510px;
      cursor: auto;
      top: 130%;
      opacity: 0;
      right: -18px;
      left: auto;
      height: 440px;
      overflow: hidden;
      position: absolute;
      visibility: hidden;
      background: #eceef1;
      border-radius: 5px;
      border: 1px solid #e4e7ea; }
      @media (min-width: 992px) {
        header.DS17 nav .quick-sub-nav {
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; } }
      @media (max-width: 991px) {
        header.DS17 nav .quick-sub-nav {
          width: 100%;
          top: 2px;
          position: relative;
          left: 0;
          height: inherit;
          margin-left: 0;
          display: none;
          opacity: 1;
          visibility: visible; } }
      header.DS17 nav .quick-sub-nav .bg-img {
        height: 438px;
        border: 1px solid;
        border-radius: 5px 0 0 5px; }
        @media (max-width: 991px) {
          header.DS17 nav .quick-sub-nav .bg-img {
            height: 340px; } }
        header.DS17 nav .quick-sub-nav .bg-img img {
          /*        min-height: 100%;
                min-width: 100%;
                object-fit: cover;*/
          width: 100%; }
      header.DS17 nav .quick-sub-nav .one-third:after {
        content: '';
        display: block;
        clear: both; }
      header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list {
        text-align: left;
        margin-top: 8px; }
        header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list a {
          font-size: 14px; }
        header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li {
          margin-top: 15px; }
          header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > ul {
            margin: 0 0 16px 0; }
            header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > ul > li {
              margin-top: 5px;
              margin-bottom: 5px;
              line-height: 1.39; }
          header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > a {
            font-size: 16px;
            color: #0cb7e1;
            font-weight: 700; }
            header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > a:hover {
              color: #007a97; }
              header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > a:hover h6 {
                color: #007a97; }
          header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > ul > li > a {
            font-size: 14px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul > li > ul > li > a:hover {
              color: #007a97; }
        header.DS17 nav .quick-sub-nav .one-third .v-middle-inner .v-middle .list > ul .btn-lightblue {
          margin-top: 29px;
          color: #fff; }
      header.DS17 nav .quick-sub-nav .two-third {
        width: 57.8%; }
        header.DS17 nav .quick-sub-nav .two-third a {
          display: block;
          color: #fff; }
        @media (max-width: 991px) {
          header.DS17 nav .quick-sub-nav .two-third {
            width: 99.9%; } }
        header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .icon {
          padding-bottom: 0; }
        header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .content {
          padding: 25px 0 0px 49px; }
          @media (max-width: 991px) {
            header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .content {
              padding: 20px 0 8px 20px; } }
          header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .content span {
            margin-bottom: 17px; }
          header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .content h6 {
            width: 88%;
            line-height: 1.2;
            letter-spacing: 0.005em;
            padding: 0;
            margin-top: 0;
            font-weight: 600;
            color: #fff; }
          header.DS17 nav .quick-sub-nav .two-third .v-middle-wrapper .v-middle-inner .v-middle .content p {
            width: 90%;
            color: #fff;
            margin-bottom: 26px;
            margin-top: 10px; }
    @media (min-width: 992px) {
      header.DS17 nav .quick-bar:hover .quick-sub-nav {
        opacity: 1;
        right: 0;
        visibility: visible;
        -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.35); } }
    header.DS17 nav .quick-active {
      background: #0cb7e1;
      border-color: #0cb7e1; }
      header.DS17 nav .quick-active .quick-sub-nav {
        opacity: 1;
        right: 14px;
        visibility: visible; }
  @media (max-width: 991px) {
    header.DS17 .wrapper {
      position: relative; }
    header.DS17 .active.container nav {
      right: 0; }
    header.DS17 .active.container .toogle-menu {
      background-color: transparent; }
      header.DS17 .active.container .toogle-menu span {
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transition-delay: .14s;
        -o-transition-delay: .14s;
        transition-delay: .14s;
        -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
        header.DS17 .active.container .toogle-menu span:after {
          bottom: 0;
          -webkit-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
          transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
          -o-transition: bottom 0.1s ease-out, -o-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
          transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
          transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -o-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; }
        header.DS17 .active.container .toogle-menu span:before {
          opacity: 0;
          top: 0;
          -webkit-transition: top .1s ease-out,opacity .1s ease-out .14s;
          -o-transition: top .1s ease-out,opacity .1s ease-out .14s;
          transition: top .1s ease-out,opacity .1s ease-out .14s; }
    header.DS17 nav {
      position: fixed;
      width: 100%;
      max-width: 512px;
      right: -512px;
      height: 100vh;
      overflow-y: scroll;
      overflow-x: hidden;
      background: #000;
      z-index: 30;
      top: 0;
      -webkit-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03);
      -o-transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03);
      transition: all 0.7s cubic-bezier(0.305, 0.255, 0.13, 1.03); }
      header.DS17 nav > ul {
        margin-top: 54px;
        padding: 0 10px; } }
    @media (max-width: 991px) and (max-width: 568px) {
      header.DS17 nav > ul {
        margin-top: 54px; } }
  @media (max-width: 991px) {
        header.DS17 nav > ul > li {
          width: 100%;
          margin: 0;
          padding: 10px;
          color: #fff; }
          header.DS17 nav > ul > li .sub-nav {
            position: relative;
            left: 0;
            top: 0;
            visibility: visible;
            opacity: 1;
            top: 10px;
            margin: 0 0 10px;
            display: none;
            -webkit-transition: none !important;
            -o-transition: none !important;
            transition: none !important;
            width: auto;
            height: inherit; } }
        @media (max-width: 991px) and (max-width: 991px) {
          header.DS17 nav > ul > li .sub-nav {
            /*            visibility: hidden;
                        opacity: 0;*/ } }
  @media (max-width: 991px) {
            header.DS17 nav > ul > li .sub-nav .two-third, header.DS17 nav > ul > li .sub-nav .one-third {
              width: 100%; }
            header.DS17 nav > ul > li .sub-nav > ul > li > a {
              color: #374c51; }
    header.DS17 .toogle-menu {
      position: absolute;
      z-index: 10;
      width: 30px;
      height: 20px;
      right: 0px;
      float: right;
      margin: 10px 0 0 0px;
      border-radius: 50%;
      background: transparent;
      top: 2px;
      cursor: pointer;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      header.DS17 .toogle-menu span {
        display: block;
        width: 30px;
        height: 4px;
        top: 7px;
        background: #fff;
        margin-bottom: 3px;
        position: relative;
        -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), background 0s ease-in;
        -o-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), background 0s ease-in;
        transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), background 0s ease-in; }
        header.DS17 .toogle-menu span:after {
          content: "";
          position: absolute;
          background: #fff;
          width: 100%;
          height: 4px;
          bottom: -7px;
          -webkit-transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
          -o-transition: bottom 0.1s ease-in 0.34s, -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
        header.DS17 .toogle-menu span:before {
          content: "";
          position: absolute;
          top: -7px;
          background: #fff;
          width: 100%;
          height: 4px;
          opacity: 1;
          -webkit-transition: top .1s ease-in .34s,opacity .1s ease-in;
          -o-transition: top .1s ease-in .34s,opacity .1s ease-in;
          transition: top .1s ease-in .34s,opacity .1s ease-in; } }
  @media (min-width: 569px) and (max-width: 800px) {
    header.DS17 nav {
      max-width: 400px;
      right: -400px; } }
  @media (max-width: 568px) {
    header.DS17 nav {
      max-width: 100%;
      right: -100%; }
    header.DS17 .active.container nav {
      right: 0; }
    header.DS17 .active.container .toogle-menu {
      position: fixed;
      z-index: 50;
      right: 15px;
      top: 10px; } }
  header.DS17 .products .submenu-wrapper .two-col {
    padding: 38px 14px 36px 50px !important; }
    @media (max-width: 991px) {
      header.DS17 .products .submenu-wrapper .two-col {
        padding: 0 20px 0px !important; } }
    header.DS17 .products .submenu-wrapper .two-col ul > li > ul > li > ul {
      padding-left: 20px;
      padding-top: 4px; }
      @media (max-width: 991px) {
        header.DS17 .products .submenu-wrapper .two-col ul > li > ul > li > ul {
          padding-bottom: 5px; } }
    header.DS17 .products .submenu-wrapper .two-col a:hover h6 {
      color: #007a97; }
    header.DS17 .products .submenu-wrapper .two-col ul li a h6 {
      line-height: 1.1;
      margin-bottom: 5px;
      margin-top: 9px;
      color: #0cb7e1; }
    header.DS17 .products .submenu-wrapper .two-col ul li a:hover h6 {
      color: #007a97; }
    header.DS17 .products .submenu-wrapper .two-col ul li h6 {
      color: #374c51; }
    header.DS17 .products .submenu-wrapper .two-col ul li ul li {
      color: #374c51;
      font-size: 14px;
      padding-bottom: 0 !important;
      line-height: 1.25; }
      header.DS17 .products .submenu-wrapper .two-col ul li ul li a {
        font-size: 14px;
        margin: 0;
        line-height: 1.74; }
        header.DS17 .products .submenu-wrapper .two-col ul li ul li a:hover {
          color: #007a97; }
    header.DS17 .products .submenu-wrapper .two-col:last-child {
      padding: 38px 50px 40px 3px !important; }
      @media (max-width: 991px) {
        header.DS17 .products .submenu-wrapper .two-col:last-child {
          padding: 20px !important;
          padding-top: 0 !important; } }
      header.DS17 .products .submenu-wrapper .two-col:last-child ul li {
        padding-bottom: 5px; }
  header.DS17 nav > ul > li .single-nav.customers {
    padding: 30px 50px 43px 50px; }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li .single-nav.customers {
        padding: 0 20px; } }
    header.DS17 nav > ul > li .single-nav.customers .overview {
      display: none; }
      @media (max-width: 991px) {
        header.DS17 nav > ul > li .single-nav.customers .overview {
          display: block;
          padding: 0 0 13px;
          color: #374c51; } }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper {
        padding: 20px 0; } }
    header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li {
      margin-bottom: 3px; }
      header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li h6 {
        line-height: 1.1;
        margin-bottom: 4px; }
      header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li a {
        font-size: 14px;
        line-height: 1.5; }
        header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li a h6 {
          margin-top: 18px; }
          @media (max-width: 991px) {
            header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li a h6 {
              margin-top: 11px;
              margin-bottom: 0px; } }
        header.DS17 nav > ul > li .single-nav.customers .submenu-wrapper .one-col ul li a:hover {
          color: #0cb7e1; }
  @media (max-width: 991px) {
    header.DS17 .resources.sub-nav .submenu-wrapper h6 {
      line-height: 1.1;
      margin: 5px 0 10px; } }
  header.DS17 .resources .submenu-wrapper {
    border-radius: 5px;
    background: #eceef1; }
    header.DS17 .resources .submenu-wrapper .overview {
      padding: 20px 20px 8px; }
  @media (min-width: 992px) {
    header.DS17 .resources {
      max-height: 257px;
      max-width: 358px; } }
  header.DS17 .resources .two-col {
    padding: 37px 0 40px 51px !important; }
    @media (max-width: 991px) {
      header.DS17 .resources .two-col {
        padding: 0 20px 0px !important; } }
    header.DS17 .resources .two-col ul li {
      padding-bottom: 0 !important; }
    header.DS17 .resources .two-col:last-child {
      padding: 38px 0 40px 44px !important; }
      @media (max-width: 991px) {
        header.DS17 .resources .two-col:last-child {
          padding: 0px 20px 12px !important; } }
  header.DS17 nav > ul > li .single-nav.company {
    padding: 38px 50px 28px 50px; }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li .single-nav.company {
        padding: 0 20px; } }
    header.DS17 nav > ul > li .single-nav.company .overview {
      display: none; }
      @media (max-width: 991px) {
        header.DS17 nav > ul > li .single-nav.company .overview {
          display: block;
          padding: 0 0 10px; } }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li .single-nav.company .submenu-wrapper {
        padding: 0px 0 11px; } }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li .single-nav.company .submenu-wrapper h6 {
        line-height: 1.1;
        margin: 5px 0 11px; } }
  @media (max-width: 1050px) {
    header.DS17 nav .quick-sub-nav .two-third:hover .link:after {
      right: -35px !important; } }
  header.DS17 nav .logo-left {
    display: none;
    background-color: #000;
    overflow: hidden;
    padding: 15px 21px;
    position: fixed;
    z-index: 50;
    width: 100%; }
    @media (max-width: 991px) {
      header.DS17 nav .logo-left {
        display: block; } }
  header.DS17 nav ul li {
    color: #fff; }
    header.DS17 nav ul li a {
      display: inline-block; }
      @media (max-width: 991px) {
        header.DS17 nav ul li a {
          display: block; } }
  header.DS17 .utility-nav ul li.language {
    position: relative;
    padding-bottom: 10px;
    z-index: 12; }
    header.DS17 .utility-nav ul li.language a:before {
      z-index: 4; }
    header.DS17 .utility-nav ul li.language .sub-nav {
      position: absolute;
      background: #eceef1;
      left: 50%;
      top: 40px;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      border-radius: 5px;
      width: 120px;
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 0 20px 0 25px; }
      @media (max-width: 800px) {
        header.DS17 .utility-nav ul li.language .sub-nav {
          left: auto;
          right: -60px; } }
      header.DS17 .utility-nav ul li.language .sub-nav ul {
        float: none;
        text-align: left; }
        header.DS17 .utility-nav ul li.language .sub-nav ul li {
          display: block;
          margin: 9px 0;
          float: none;
          clear: both; }
          header.DS17 .utility-nav ul li.language .sub-nav ul li a {
            color: #374c51;
            padding: 0;
            display: block;
            float: none;
            clear: both; }
            header.DS17 .utility-nav ul li.language .sub-nav ul li a:before {
              display: none; }
            header.DS17 .utility-nav ul li.language .sub-nav ul li a:hover {
              color: #0cb7e1; }
  header.DS17 .utility-nav ul li:hover .sub-nav {
    top: 25px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  @media (max-width: 991px) {
    header.DS17 nav > ul > li .products.shot-nav .submenu-wrapper .two-col ul li {
      padding-bottom: 2px; } }
  @media (max-width: 991px) {
    header.DS17 nav > ul > li:hover > a:before {
      left: 50%;
      right: 50%;
      opacity: 0; } }
  header.DS17 nav > ul > li.drop-down.active a:before {
    left: 0;
    right: 0;
    opacity: 1; }
  @media (max-width: 991px) {
    header.DS17 nav > ul > li.drop-down.nav-active a:before {
      left: 0;
      right: 0;
      opacity: 1; } }
  header.DS17 nav > ul > li.icon.quick-bar.drop-down:after {
    width: 3px;
    left: auto; }
  @media (max-width: 991px) {
    header.DS17 nav > ul > li.icon.quick-bar.drop-down:before {
      display: block;
      background-color: #fff !important;
      width: 15px;
      height: 3px;
      right: 14px;
      top: 20px;
      left: auto !important; } }
  header.DS17 nav > ul > li.icon.quick-bar .quick-text {
    display: none; }
    header.DS17 nav > ul > li.icon.quick-bar .quick-text:after {
      display: none; }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li.icon.quick-bar .quick-text {
        display: inline-block;
        width: calc(100% - 40px);
        height: inherit;
        border: 0px;
        font-size: 16px; } }
  header.DS17 nav > ul > li.contact-links {
    display: none; }
    header.DS17 nav > ul > li.contact-links span {
      display: inline-block;
      padding: 0px 0px 0 8px;
      font-size: 16px;
      letter-spacing: 0.010em;
      vertical-align: middle; }
    header.DS17 nav > ul > li.contact-links img {
      width: 19px;
      margin-top: 4px; }
    @media (max-width: 991px) {
      header.DS17 nav > ul > li.contact-links {
        display: block; } }
  header.DS17 nav > ul > li.top-nav-links {
    display: none; }
    header.DS17 nav > ul > li.top-nav-links > a {
      font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; }
    @media (max-width: 800px) {
      header.DS17 nav > ul > li.top-nav-links {
        display: block; } }
    header.DS17 nav > ul > li.top-nav-links.language span {
      width: 15px;
      display: inline-block;
      margin-right: 8px !important;
      vertical-align: middle; }
    header.DS17 nav > ul > li.top-nav-links.language ul {
      padding: 0px 20px 15px; }
      header.DS17 nav > ul > li.top-nav-links.language ul li {
        padding: 5px 0px; }
        header.DS17 nav > ul > li.top-nav-links.language ul li a {
          font-size: 16px;
          color: #0cb7e1;
          font-weight: 700; }
          header.DS17 nav > ul > li.top-nav-links.language ul li a:hover {
            color: #007a97; }
  @media (max-width: 800px) {
    header.DS17 .wrapper .toogle-menu {
      margin: 10px 0 0 0px; } }
  @media (max-width: 800px) {
    header.DS17 .wrapper {
      margin-top: 16px; } }
  header.DS17 .active.container nav {
    -webkit-overflow-scrolling: touch; }
  @media (max-width: 991px) {
    header.DS17 li.drop-down.nav-active .sub-nav {
      visibility: visible;
      opacity: 1;
      padding-top: 20px; } }
  header.DS17 .active nav > ul {
    margin-top: 70px; }
    @media (min-width: 569px) and (max-width: 800px) {
      header.DS17 .active nav > ul {
        margin-top: 54px; } }
    @media (max-width: 568px) {
      header.DS17 .active nav > ul {
        margin-top: 54px; } }
  header.DS17 .disabled-dropdown li:hover .sub-nav {
    opacity: 0; }
    @media (max-width: 991px) {
      header.DS17 .disabled-dropdown li:hover .sub-nav {
        display: none !important; } }

footer.DS17 {
  width: 100%;
  float: left;
  background: #fff;
  position: relative; }
  footer.DS17 a {
    text-decoration: none;
    color: #374c51;
    outline: 0;
    cursor: pointer;
    font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; }
    footer.DS17 a:hover {
      outline: 0;
      text-decoration: none; }
      footer.DS17 a:hover .link:after {
        right: -35px; }

footer.DS17 .footer-content {
  position: relative;
  overflow: hidden;
  background: url(/templates/dist/images/footer-pattern.png) no-repeat;
  background-size: contain;
  background-position: 60% -25px; }
  footer.DS17 .footer-content .wrapper {
    padding: 94px 0 114px 0; }
    @media (min-width: 801px) and (max-width: 1050px) {
      footer.DS17 .footer-content .wrapper {
        padding: 70px 0; } }
    @media (min-width: 569px) and (max-width: 800px) {
      footer.DS17 .footer-content .wrapper {
        padding: 60px 0; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .wrapper {
        padding: 40px 0 20px; } }
  footer.DS17 .footer-content .five-col {
    margin-top: 9px; }
    footer.DS17 .footer-content .five-col .mktload {
      display: none; }
  @media (max-width: 800px) {
    footer.DS17 .footer-content .footer-logo {
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
      footer.DS17 .footer-content .footer-logo img {
        max-width: 200px; } }
  footer.DS17 .footer-content .office {
    padding: 0 15px 0 34px; }
    @media (min-width: 569px) and (max-width: 800px) {
      footer.DS17 .footer-content .office {
        padding: 0;
        width: 50%; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .office {
        padding: 0;
        width: 50%; } }
  @media (min-width: 569px) and (max-width: 800px) {
    footer.DS17 .footer-content .f-contact {
      padding: 0;
      width: 50%; } }
  @media (max-width: 568px) {
    footer.DS17 .footer-content .f-contact {
      padding: 0;
      width: 50%; } }
  footer.DS17 .footer-content .footer-social {
    width: 18.35%;
    padding-left: 12px; }
    @media (min-width: 569px) and (max-width: 800px) {
      footer.DS17 .footer-content .footer-social {
        padding: 0;
        width: 50%;
        clear: left; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .footer-social {
        clear: left;
        width: 100%;
        padding: 0; } }
  footer.DS17 .footer-content .subscribe {
    width: 20%;
    padding-left: 12px; }
    @media (min-width: 569px) and (max-width: 800px) {
      footer.DS17 .footer-content .subscribe {
        padding: 0;
        width: 50%; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .subscribe {
        padding: 0;
        width: 100%; } }
    footer.DS17 .footer-content .subscribe .btn-default, footer.DS17 .footer-content .subscribe .btn-default-white, footer.DS17 .footer-content .subscribe .btn-transparent, footer.DS17 .footer-content .subscribe .btn-white, footer.DS17 .footer-content .subscribe .btn-lightblue {
      float: left; }
  footer.DS17 .footer-content h6 {
    font-weight: 600;
    color: #a4d233;
    margin-top: 11px;
    margin-bottom: 0;
    line-height: 1.5; }
  footer.DS17 .footer-content p {
    color: #9eacab; }
  footer.DS17 .footer-content ul {
    padding: 0;
    margin: 0; }
    footer.DS17 .footer-content ul li {
      list-style: none;
      float: left;
      width: 100%; }
      @media (max-width: 800px) {
        footer.DS17 .footer-content ul li {
          width: 100%;
          margin: 5px 0; } }
      @media (max-width: 568px) {
        footer.DS17 .footer-content ul li {
          width: 100%;
          float: none; } }
      footer.DS17 .footer-content ul li a {
        color: #9eacab;
        font-size: 16px;
        line-height: 1.875;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        footer.DS17 .footer-content ul li a:hover {
          color: #a4d233; }
        @media (max-width: 568px) {
          footer.DS17 .footer-content ul li a {
            font-size: 14px; } }
  @media (max-width: 800px) {
    footer.DS17 .footer-content .contact ul li {
      width: 50%;
      float: left; } }
  @media (max-width: 568px) {
    footer.DS17 .footer-content .contact ul li {
      width: 100%;
      float: none; } }
  footer.DS17 .footer-content .social-icon {
    max-width: 120px;
    margin-top: 7px; }
    @media (max-width: 800px) {
      footer.DS17 .footer-content .social-icon {
        max-width: 100%; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .social-icon {
        margin: 0 auto; } }
    footer.DS17 .footer-content .social-icon a {
      display: inline-block;
      width: 40px;
      height: 40px;
      color: #0cb7e1;
      border-radius: 50%;
      /*      text-align: center;
            vertical-align: middle;
            font-size: 24px;*/
      padding-top: 0;
      margin: 5px 2px; }
      footer.DS17 .footer-content .social-icon a svg {
        width: 40px;
        height: 40px; }
        footer.DS17 .footer-content .social-icon a svg .st0 {
          -webkit-transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          transition: all 0.4s ease; }
      footer.DS17 .footer-content .social-icon a:hover {
        background: #0cb7e1; }
        footer.DS17 .footer-content .social-icon a:hover svg .st0 {
          fill: #fff; }
          footer.DS17 .footer-content .social-icon a:hover svg .st0:first-of-type {
            fill: #0cb7e1; }
  footer.DS17 .footer-content .footer-text {
    padding: 47px 0 88px 0;
    border-top: 1px solid #9eacab; }
    @media (max-width: 800px) {
      footer.DS17 .footer-content .footer-text {
        padding: 20px 0; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .footer-text {
        border-top: 0px; } }
    footer.DS17 .footer-content .footer-text p {
      margin: 0;
      margin-bottom: 3px;
      font-size: 12px !important;
      line-height: 1.3; }
      footer.DS17 .footer-content .footer-text p:nth-last-child(3) {
        margin-bottom: 20px; }
  footer.DS17 .footer-content .newsletter {
    width: 100% !important;
    position: relative; }
    @media (max-width: 800px) {
      footer.DS17 .footer-content .newsletter .mktoButtonRow {
        position: absolute;
        right: 0;
        top: -6px;
        width: 35%; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .newsletter .mktoButtonRow {
        top: 5px; } }
    footer.DS17 .footer-content .newsletter .mktoButtonRow .mktoButtonWrap {
      margin: 0 !important; }
    footer.DS17 .footer-content .newsletter .mktoButtonRow button.mktoButton {
      margin-top: 17px;
      outline: none;
      padding-top: 7px;
      padding-bottom: 7px; }
      @media (min-width: 801px) and (max-width: 1050px) {
        footer.DS17 .footer-content .newsletter .mktoButtonRow button.mktoButton {
          margin-top: 10px; } }
      @media (max-width: 800px) {
        footer.DS17 .footer-content .newsletter .mktoButtonRow button.mktoButton {
          margin-top: 0px; } }
    footer.DS17 .footer-content .newsletter .mktoFormCol {
      width: 100%; }
    footer.DS17 .footer-content .newsletter .mktoOffset {
      display: none; }
    footer.DS17 .footer-content .newsletter .mktoFieldWrap {
      width: 100%; }
      footer.DS17 .footer-content .newsletter .mktoFieldWrap .mktoGutter {
        display: none; }
      footer.DS17 .footer-content .newsletter .mktoFieldWrap input {
        width: 100% !important; }
        @media (max-width: 800px) {
          footer.DS17 .footer-content .newsletter .mktoFieldWrap input {
            width: calc(65% - 20px) !important;
            margin-right: 20px; } }
        @media (max-width: 568px) {
          footer.DS17 .footer-content .newsletter .mktoFieldWrap input {
            height: 30px !important; } }
        footer.DS17 .footer-content .newsletter .mktoFieldWrap input::-webkit-input-placeholder {
          color: #9eacab;
          text-transform: uppercase; }
        footer.DS17 .footer-content .newsletter .mktoFieldWrap input::-moz-placeholder {
          color: #9eacab;
          text-transform: uppercase; }
        footer.DS17 .footer-content .newsletter .mktoFieldWrap input:-ms-input-placeholder {
          color: #9eacab;
          text-transform: uppercase; }
        footer.DS17 .footer-content .newsletter .mktoFieldWrap input:-moz-placeholder {
          color: #9eacab;
          text-transform: uppercase; }
    footer.DS17 .footer-content .newsletter input {
      border: none;
      margin-bottom: 7px;
      outline: none;
      color: #9eacab;
      padding: 6px 5px 7px;
      font-size: 12px;
      font-weight: 700;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 0;
      border-bottom: 1px solid #9eacab; }
    @media (max-width: 800px) {
      footer.DS17 .footer-content .newsletter {
        width: 42%;
        margin: 0 auto; } }
    @media (min-width: 569px) and (max-width: 800px) {
      footer.DS17 .footer-content .newsletter {
        width: 100%;
        margin: 0 auto; } }
    @media (max-width: 568px) {
      footer.DS17 .footer-content .newsletter {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0; } }
    footer.DS17 .footer-content .newsletter .mktoHtmlText.mktoHasWidth {
      width: 100% !important; }
      footer.DS17 .footer-content .newsletter .mktoHtmlText.mktoHasWidth a {
        text-decoration: underline;
        padding: 0; }

footer.DS17 .copyright {
  width: 100%;
  float: left;
  padding-top: 3px;
  height: 30px;
  background: #758c92; }
  footer.DS17 .copyright nav {
    float: right; }
    @media (max-width: 800px) {
      footer.DS17 .copyright nav {
        float: none;
        text-align: center; } }
    footer.DS17 .copyright nav a {
      font-size: 12px;
      line-height: 2;
      color: #fff;
      display: inline-block;
      margin: 0 10px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      footer.DS17 .copyright nav a:hover {
        color: #374c51; }

footer.DS17 .scrolltotop {
  display: none;
  width: 28px;
  height: 44px;
  text-indent: -9999px;
  position: fixed;
  bottom: 60px;
  right: 20px;
  background: url(/templates/dist/images/svg/Datastax_Icons_BackToTop.svg) no-repeat;
  z-index: 4; }

footer.DS17 #Open_Newsletter_form {
  width: 660px; }

img[src*="vidassets.terminus.services"] {
  position: absolute;
  top: -1px;
  left: 0; }

.DS17 .connect-us {
  width: 80px;
  position: fixed;
  right: 0;
  top: 105px;
  z-index: 4; }
  @media (max-width: 991px) {
    .DS17 .connect-us {
      display: none; } }
  @media (max-width: 568px) {
    .DS17 .connect-us {
      top: 30%; } }
  .DS17 .connect-us a {
    position: relative;
    font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif;
    display: block;
    background: #374c51;
    color: #fff;
    padding: 11px 12px 14px 4px;
    right: -54px;
    text-transform: capitalize;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .DS17 .connect-us a img {
      width: 19px;
      padding-top: 3px; }
    .DS17 .connect-us a span {
      display: inline-block;
      color: #fff;
      padding: 0px 0px 0 8px;
      font-size: 12px;
      letter-spacing: 0.010em;
      vertical-align: top;
      padding-top: 5px; }
    .DS17 .connect-us a:hover {
      padding: 11px 5px 14px 12px;
      right: 0;
      background: #0cb7e1;
      border-radius: 20px 0 0 20px !important; }
    .DS17 .connect-us a:first-child {
      border-radius: 20px 0 0 0; }
    .DS17 .connect-us a:last-child {
      border-radius: 0 0 0 20px; }
      .DS17 .connect-us a:last-child img {
        padding-top: 0; }

.DS17 {
  /*
   * Buttons.
   */
  /*link-arrow style*/
  /*
   * Vertical Align Middle.
   */
  /*
   * Columns.
   */ }
  .DS17 .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1240px;
    position: relative; }
  .DS17 .container:after,
  .DS17 section:after,
  .DS17 .wrapper:after,
  .DS17 .column-wrapper:after,
  .DS17 .grid-wrapper:after,
  .DS17 .two-third:after,
  .DS17 .content-wrapper:after,
  .DS17 .v-middle-wrapper:after {
    content: "";
    clear: both;
    display: block; }
  .DS17 .btn-default, .DS17 .btn-default-white, .DS17 .btn-transparent, .DS17 .btn-white, .DS17 .btn-lightblue {
    color: #fff;
    padding: 6px 14px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #8031a7;
    border: 2px solid #8031a7;
    border-radius: 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media (max-width: 800px) {
      .DS17 .btn-default, .DS17 .btn-default-white, .DS17 .btn-transparent, .DS17 .btn-white, .DS17 .btn-lightblue {
        font-size: 14px; } }
    .DS17 .btn-default:hover, .DS17 .btn-default-white:hover, .DS17 .btn-transparent:hover, .DS17 .btn-white:hover, .DS17 .btn-lightblue:hover {
      background: #310459;
      border-color: #310459;
      color: #fff; }
  .DS17 .btn-default-white {
    background: #8031a7;
    padding: 6px 14px; }
    .DS17 .btn-default-white:hover {
      border-color: #fff; }
  .DS17 .btn-transparent {
    background: transparent;
    border: 2px solid #fff;
    padding: 6px 14px; }
    .DS17 .btn-transparent:hover {
      background: #fff;
      border-color: #fff;
      color: #0cb7e1; }
  .DS17 .btn-white {
    background: #fff;
    border: 2px solid #fff;
    color: #0cb7e1;
    padding: 6px 14px; }
    .DS17 .btn-white:hover {
      background: transparent;
      border-color: #fff;
      color: #fff; }
  .DS17 .btn-lightblue {
    background: #0cb7e1;
    border: 2px solid #0cb7e1;
    padding: 6px 14px; }
    .DS17 .btn-lightblue:hover {
      background: #007a97;
      color: #fff;
      border-color: #007a97; }
  .DS17 .link {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    display: inline-block; }
    .DS17 .link:hover:after {
      right: -35px; }
    .DS17 .link:after {
      content: '';
      background-color: transparent;
      background-image: url(/templates/dist/images/svg/Datastax_Icons_Arrow.svg);
      width: 20px;
      height: 20px;
      position: absolute;
      border: 1px solid #fff;
      top: -3px;
      right: -30px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
  .DS17 .heading {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding: 6px 13px;
    text-transform: capitalize;
    border-radius: 20px; }
    @media (max-width: 800px) {
      .DS17 .heading {
        font-size: 12px; } }
  .DS17 .v-middle-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3; }
  .DS17 .v-middle-inner {
    display: table;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%; }
  .DS17 .v-middle,
  .DS17 .v-top,
  .DS17 .v-bottom {
    display: table-cell;
    vertical-align: middle; }
  .DS17 .v-top {
    vertical-align: top; }
  .DS17 .v-bottom {
    vertical-align: bottom; }
  .DS17 .two-col {
    width: 50%;
    float: left;
    position: relative; }
    @media (max-width: 800px) {
      .DS17 .two-col {
        width: 100%; } }
  .DS17 .five-col {
    width: 20%;
    float: left;
    position: relative; }
    @media (min-width: 569px) and (max-width: 800px) {
      .DS17 .five-col {
        width: 50%; } }
    @media (max-width: 568px) {
      .DS17 .five-col {
        width: 100%; } }
  .DS17 .one-third {
    width: 33.33%;
    float: left; }
    @media (max-width: 800px) {
      .DS17 .one-third {
        width: 100%; } }
  .DS17 .two-third {
    width: 66.66%;
    float: left; }
    @media (max-width: 800px) {
      .DS17 .two-third {
        width: 100%; } }
  .DS17 h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #9eacab; }
    @media (max-width: 800px) {
      .DS17 h6 {
        font-size: 18px; } }
  .DS17 p {
    font-size: 16px;
    line-height: 1.2;
    color: #374c51; }
    @media (max-width: 568px) {
      .DS17 p {
        font-size: 14px; } }
  .DS17 .we-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: scroll;
    background: rgba(55, 76, 81, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
       transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
    -o-transition: opacity 0.2s, visibility 0s 0.2s, -o-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
    transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s, -o-transform 0.2s; }
    .DS17 .we-overlay.open-overlay {
      visibility: visible;
      opacity: 1;
      -webkit-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
      transition: opacity 0.4s, -webkit-transform 0.4s;
      -o-transition: opacity 0.4s, -o-transform 0.4s;
      transition: transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s, -o-transform 0.4s; }
      .DS17 .we-overlay.open-overlay .content-wrap {
        display: block; }
    .DS17 .we-overlay .content-wrap {
      width: 90%;
      margin: auto;
      max-width: 820px;
      padding: 42px 50px 90px;
      background: #fff;
      position: relative;
      margin: 30px auto;
      border-top: 8px solid #374c51;
      text-align: left;
      border-radius: 5px 5px 0 0; }
  .DS17 .use-case {
    display: none; }
    .DS17 .use-case h6 {
      font-weight: 700;
      margin: 0 0 21px 4px;
      color: #000; }
      @media (max-width: 568px) {
        .DS17 .use-case h6 {
          margin: 10px 0; } }
      .DS17 .use-case h6 a {
        font-weight: 700;
        color: #000;
        font-size: 20px;
        display: inline-block;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        @media (max-width: 800px) {
          .DS17 .use-case h6 a {
            font-size: 18px; } }
        .DS17 .use-case h6 a:hover {
          color: #0cb7e1; }
    .DS17 .use-case ul {
      padding: 0;
      margin: 0;
      width: 100%; }
      .DS17 .use-case ul li {
        /*      font-size: 20px;
              font-weight: 700;*/
        margin: 4px;
        float: left;
        height: 77px;
        display: table;
        width: calc(100% - 8px);
        list-style: none;
        position: relative;
        background: #eceef1;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .DS17 .use-case ul li:hover {
          background: #49c9e8; }
          .DS17 .use-case ul li:hover a {
            color: #fff; }
        @media (max-width: 800px) {
          .DS17 .use-case ul li {
            height: 40px;
            margin: 4px auto; } }
        .DS17 .use-case ul li a {
          display: table-cell;
          color: #49c9e8;
          font-weight: 700;
          vertical-align: middle;
          font-size: 20px;
          line-height: 0.9;
          padding: 0 20px 0 50px;
          position: relative; }
          @media (min-width: 801px) and (max-width: 1050px) {
            .DS17 .use-case ul li a {
              font-size: 18px; } }
          @media (max-width: 800px) {
            .DS17 .use-case ul li a {
              padding: 20px;
              font-size: 16px;
              line-height: 1; } }
    .DS17 .use-case .text-light-green ul li:hover {
      background: #a4d233; }
      .DS17 .use-case .text-light-green ul li:hover a {
        color: #fff; }
    .DS17 .use-case .text-light-green ul li a {
      color: #a4d233; }
      .DS17 .use-case .text-light-green ul li a:after {
        content: '';
        background: url(/templates/dist/images/arrow-green.png) no-repeat; }
    @media (min-width: 569px) and (max-width: 800px) {
      .DS17 .use-case .two-col {
        width: 50%; } }
  .DS17 .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 28px;
    color: #374c51;
    cursor: pointer;
    border: 2px solid #374c51;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .DS17 .close-btn:after, .DS17 .close-btn:before {
      position: absolute;
      content: "";
      height: 14px;
      width: 3px;
      top: 0px;
      bottom: 0;
      margin: auto;
      left: 1px;
      right: 0;
      background-color: #374c51;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .DS17 .close-btn:before {
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .DS17 .close-btn:after {
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .DS17 .close-btn:hover {
      background: #374c51; }
      .DS17 .close-btn:hover:before, .DS17 .close-btn:hover:after {
        background: #fff; }

.DS17-search-open {
  margin-top: 147px;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease; }
  .DS17-search-open header {
    top: 147px; }
    .DS17-search-open header.fixed {
      top: 106px; }
      .DS17-search-open header.fixed .search-box {
        top: -135px; }

.DS17-legacy {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  padding-top: 100px; }
  @media (min-width: 801px) and (max-width: 1050px) {
    .DS17-legacy {
      padding-top: 94px; } }
  @media (max-width: 800px) {
    .DS17-legacy {
      padding-top: 64px; } }
  .DS17-legacy header.DS17 {
    background: #007a97;
    padding-bottom: 20px;
    border-bottom: 1px solid #eceef1; }
    .DS17-legacy header.DS17.fixed {
      padding-bottom: 0;
      background: #fff; }
  .DS17-legacy .DS17 .connect-us {
    top: 150px; }
  .DS17-legacy footer.DS17 {
    border-top: 1px solid #eceef1; }

body.DS17 .post-password-form {
  margin-top: 150px;
  padding: 0 20px; }
  @media (min-width: 801px) and (max-width: 1050px) {
    body.DS17 .post-password-form {
      margin-top: 120px; } }
  @media (max-width: 800px) {
    body.DS17 .post-password-form {
      margin-top: 80px; } }

.we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box {
  max-width: 660px;
  padding: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: -7px;
    background: url(/templates/dist/images/blog-layout/blog_pattern_2.png) no-repeat;
    width: 398px;
    height: 143px;
    z-index: -1; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/templates/dist/images/blog-layout/blog_pattern.png) no-repeat;
    width: 100%;
    height: 330px;
    z-index: -1; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .btn-default, .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .DS17 .btn-default-white, .DS17 .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .btn-default-white, .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .DS17 .btn-transparent, .DS17 .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .btn-transparent, .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .DS17 .btn-white, .DS17 .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .btn-white, .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .DS17 .btn-lightblue, .DS17 .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box a:hover .btn-lightblue {
    background: #310459;
    border-color: #310459;
    color: #fff; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .wrapper {
    padding: 50px 50px 50px 66px; }
    @media (min-width: 801px) and (max-width: 1050px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .wrapper {
        padding: 49px 30px 50px 40px; } }
    @media (min-width: 569px) and (max-width: 800px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .wrapper {
        padding: 45px 30px 45px 40px; } }
    @media (max-width: 568px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .wrapper {
        padding: 40px 20px; } }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .close-btn {
    width: 29px;
    height: 29px;
    top: 12px;
    right: 11px; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .close-btn:after, .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .close-btn:before {
    height: 17px;
    border-radius: 10px;
    left: 0px; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content {
    font-size: 0; }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box {
      display: inline-block;
      max-width: 107px;
      margin: auto;
      position: relative;
      z-index: 1;
      vertical-align: middle;
      height: 175px; }
      @media (max-width: 800px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box {
          max-width: 90px;
          height: 159px; } }
      @media (max-width: 568px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box {
          margin: 0 auto;
          display: block; } }
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box:before {
        content: '';
        position: absolute;
        left: -16px;
        bottom: 3px;
        width: 141px;
        height: 141px;
        z-index: -1;
        -webkit-box-shadow: 0 0 0 3px #0cb7e1;
        box-shadow: 0 0 0 3px #0cb7e1;
        border-radius: 50%; }
        @media (min-width: 569px) and (max-width: 800px) {
          .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box:before {
            left: -13px;
            width: 120px;
            height: 120px; } }
        @media (max-width: 568px) {
          .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .img-box:before {
            bottom: 15px;
            width: 120px;
            height: 120px; } }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content {
      margin: 0;
      vertical-align: middle;
      display: inline-block;
      width: calc(100% - 107px);
      padding-left: 42px;
      padding-top: 6px; }
      @media (min-width: 569px) and (max-width: 800px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content {
          width: calc(100% - 90px); } }
      @media (max-width: 568px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content {
          width: 100%;
          display: block;
          padding-left: 0px; } }
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content h6 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.125;
        margin: 15px 0 0; }
        @media (min-width: 801px) and (max-width: 1050px) {
          .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content h6 {
            font-size: 22px; } }
        @media (min-width: 569px) and (max-width: 800px) {
          .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content h6 {
            font-size: 20px; } }
        @media (max-width: 568px) {
          .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .img-content .content h6 {
            font-size: 18px; } }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .align-element {
    padding-top: 5px;
    padding-bottom: 0; }
    @media (max-width: 800px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .align-element {
        padding-top: 0; } }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .align-element p {
      color: #9eacab;
      margin: 19px 0 16px;
      line-height: 1.25; }
      @media (max-width: 568px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .align-element p {
          margin: 15px 0 10px; } }
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .align-element p:after {
        display: none; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box .link-violet {
    display: none; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .wrapper {
    padding: 45px 46px 50px 48px; }
    @media (min-width: 801px) and (max-width: 1050px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .wrapper {
        padding: 45px 30px 50px 40px; } }
    @media (min-width: 569px) and (max-width: 800px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .wrapper {
        padding: 45px 30px 45px 40px; } }
    @media (max-width: 568px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .wrapper {
        padding: 45px 20px 40px 20px; } }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .heading-primary {
    display: none; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box:before {
    display: none; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box:after {
    display: none; }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .content {
    margin: 0;
    vertical-align: top;
    display: inline-block;
    width: 100%;
    padding: 0;
    max-width: 347px; }
    @media (max-width: 568px) {
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .content {
        max-width: 100%; } }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .content h6 {
      font-size: 20px;
      line-height: 1.2;
      margin: 0; }
      @media (max-width: 568px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .content h6 {
          font-size: 18px; } }
  .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element {
    padding: 0; }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element p {
      line-height: 1.24;
      margin-top: 22px; }
      @media (min-width: 569px) and (max-width: 800px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element p {
          margin-top: 18px; } }
      @media (max-width: 568px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element p {
          margin-top: 15px; } }
    .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element .content-author {
      font-size: 0;
      margin: 27px 0 20px; }
      @media (max-width: 800px) {
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element .content-author {
          margin: 20px 0 17px; } }
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element .content-author .author-img {
        width: 58px;
        display: inline-block;
        height: 58px;
        border-radius: 50%;
        vertical-align: middle; }
      .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element .content-author .author-info {
        width: calc(100% - 58px);
        display: inline-block;
        vertical-align: middle;
        padding-left: 8px; }
        .we-overlay.logo-overlay .content-wrap.whitepaper-overlay-box.blog-overlay-box .align-element .content-author .author-info span {
          display: block;
          color: #374c51;
          font-size: 12px;
          font-family: "Helvetica Neue LT", "Helvetica Neue", "Helvetica", Arial, "Lucida Grande", sans-serif; }

/*# sourceMappingURL=global.css.map */