/**
 * Copyright (C) 2013 Cisco
 * This is the compiled output for the Responsive Framework.
 * framework.scss
 */
/* base/_base.scss: $Revision: 1.4 $ */
/* base/_reset.scss: $Revision: 1.2 $ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

html {
  font-size: 62.5%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  position: relative; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* base/_browser_ms.scss: $Revision: 1.2 $ */
html {
  -ms-text-size-adjust: 100%; }

::-ms-clear {
  display: none;
  height: 0;
  width: 0; }

/* base/_browser_ff.scss: $Revision: 1.2 $ */
input, button {
  line-height: normal; }
  input::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0; }

legend {
  white-space: normal; }

/* base/_browser_webkit.scss: $Revision: 1.2 $ */
html {
  -webkit-text-size-adjust: 100%; }

body {
  -webkit-font-smoothing: subpixel-antialiased; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  display: none; }

button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

html input[type="button"] {
  -webkit-appearance: button; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; }

/* base/_links.scss: defines basic link styling. */
/* Links
 ---------------------------------------- */
a {
  color: #007fab;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:active {
    text-decoration: underline; }

p a, p a:visited {
  line-height: inherit; }

/* base/forms.scss: $Revision: 1.4 $ */
/* Standard Form Elements
 --------------------------------------- */
label {
  cursor: pointer; }

button, textarea {
  border: 0 solid transparent; }

input, button, select, textarea {
  font-size: 100%;
  vertical-align: baseline; }

input[type="search"] {
  box-sizing: content-box; }
input[disabled] {
  cursor: default; }

button {
  background-color: transparent;
  color: #58585b;
  cursor: pointer;
  font-family: inherit; }
  button[disabled] {
    cursor: default; }

.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

body {
  background: #f2f2f2;
  color: #58585b;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  font-weight: 300;
  min-width: 320px;
  position: relative; }
  body.fw-salesconnect {
    background: #fff; }

p img {
  margin: 0; }

hr {
  clear: both; }

abbr, acronym {
  border-bottom: 1px solid #ddd;
  color: #222;
  cursor: help;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase; }

abbr {
  text-transform: none; }

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

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

[hidden] {
  display: none; }

/* _masthead.scss: $Revision: 1.5.6.1 $ */
/* _skiplinks.scss: $Revision: 1.2.6.1.2.1 $ */
/* _skiplinks_helper.scss: $Revision: 1.2.6.1.2.1 $ */
/* _autosuggest_style.scss:$Revision: 1.2.12.1 $ */
/* _search_variables.scss: $Revision: 1.2.12.1 $ */
/* _autosuggest_style.scss: $Revision: 1.2 $ */
/* _autosuggest-helper.scss: $Revision: 1.2.6.2.2.1 $ */
/* _treenav.scss: $Revision: 1.4.8.1 $  */
/* _treenav_helper.scss: $Revision: 1.2.12.1 $ */
/* _backToLink.scss */
/* _fatfooter.scss: $Revision: 1.5.8.1 $ */
/* _footer.scss: $Revision: 1.5.6.1 $ */
/* components/_components.scss: $Revision: 1.5 $ */
/* components/_dividers.scss: $Revision: 1.4 $ */
.fw-hr {
  border-top: 1px solid #ddd;
  border-width: 1px 0 0;
  height: 0;
  margin: 12px 0;
  max-width: 1024px;
  width: 100%; }

/* components/_errors.scss: $Revision: 1.6.2.1 $ */
/* _languageselect.scss: $Revision: 1.4.2.1 $ */
/* _buttons.scss: $Revision: 1.4.2.1 $ */
/** components base **/
/** components small **/
/* without this mouse outside of modal is huge blue spinner */
.jqmOverlay {
  cursor: auto !important; }

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit; }

p, li {
  color: #58585b; }

em, i {
  font-style: normal; }

b, strong {
  font-weight: normal; }

h1 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 100;
  line-height: 1.1875em;
  margin-bottom: 10px; }
  h1.primary1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.21429em;
    margin-bottom: 10px;
    font-weight: 100; }

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 100;
  line-height: 1.16667em;
  margin-bottom: 15px; }

h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 15px; }
  h3 em, h3 i {
    font-style: oblique; }

h4, h5, h6 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 15px; }

p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.375em;
  margin-bottom: 15px; }
  p.util {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.28571em;
    margin-bottom: 10px; }
  p b, p strong {
    font-weight: bold; }
  p em, p i {
    font-style: oblique; }

li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.25em;
  margin-bottom: 10px; }

.custom-font body {
  font-family: CiscoSans, Arial, sans-serif; }
.custom-font p b, .custom-font p strong, .custom-font a {
  font-weight: 400; }

#fw-language-select {
  clear: both;
  display: none;
  margin: 10px 0;
  zoom: 1;
  width: 100%; }
  #fw-language-select p {
    display: block;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 0;
    line-height: 1.95;
    margin-bottom: 0;
    margin-right: 5px;
    white-space: nowrap; }
  #fw-language-select span {
    display: none; }
    #fw-language-select span:first-child {
      display: inline; }
  #fw-language-select select {
    border-color: #ccc;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    float: left;
    padding: 2px;
    margin-top: 0;
    -webkit-appearance: menulist-button;
    width: 200px; }
  .js #fw-language-select {
    display: table; }

.button, .button-default, .button-cta, .button-primary, .button-secondary, .button-app {
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding: 9px 34px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 100%; }
  .button:hover, .button-default:hover, .button-cta:hover, .button-primary:hover, .button-secondary:hover, .button-app:hover {
    text-decoration: none; }

.button {
  border: 1px solid #444;
  color: #444;
  background-color: #efefef;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%); }

.button-default {
  border: 0;
  color: #fff;
  background-color: #605f5f;
  background: -moz-linear-gradient(top, #a5a5a5 0%, #787878 100%);
  background: linear-gradient(top, #a5a5a5 0%, #787878 100%); }

.button-cta {
  border: 1px solid #444;
  color: #444;
  background-color: #efefef;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
  background: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%); }

.button-primary {
  border: 0;
  color: #fff;
  background-color: #4d7700;
  background: -moz-linear-gradient(top, #8fc200 0%, #629700 100%);
  background: linear-gradient(top, #8fc200 0%, #629700 100%); }

.button-secondary {
  border: 0;
  color: #fff;
  background-color: #0267a8;
  background: -moz-linear-gradient(top, #00abe8 0%, #057aca 100%);
  background: linear-gradient(top, #00abe8 0%, #057aca 100%); }

.button-app {
  border: 0;
  color: #fff;
  background-color: #494949;
  background: -moz-linear-gradient(top, #989898 0%, #696969 100%);
  background: linear-gradient(top, #989898 0%, #696969 100%); }

/* _icons.scss: $Revision: 1.140714 */
[class*="icons-"] {
  background-color: transparent;
  background-image: url("../../../fw/i/responsive/icons-sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  overflow: hidden;
  width: 24px; }

.icons-facebook {
  background-position: 0 0; }

.icons-twitter {
  background-position: 0 -33px; }

.icons-linkedin {
  background-position: 0 -66px; }

.icons-googleplus {
  background-position: 0 -99px; }

.icons-email {
  background-position: 0 -132px; }

.icons-vkontakte {
  background-position: 0 -165px; }

.icons-renren {
  background-position: 0 -198px; }

.icons-weibo {
  background-position: 0 -231px; }

.icons-vtqq {
  background-position: 0 -264px; }

.inverse .icons-facebook {
  background-position: -33px 0; }
.inverse .icons-twitter {
  background-position: -33px -33px; }
.inverse .icons-linkedin {
  background-position: -33px -66px; }
.inverse .icons-googleplus {
  background-position: -33px -99px; }
.inverse .icons-email {
  background-position: -33px -132px; }
.inverse .icons-vkontakte {
  background-position: -33px -165px; }
.inverse .icons-renren {
  background-position: -33px -198px; }
.inverse .icons-weibo {
  background-position: -33px -231px; }
.inverse .icons-vtqq {
  background-position: -33px -264px; }

.fw-res.cdc-camp .mm-menu, .fw-res.cdc-devkit .mm-menu {
  top: 90px !important; }

#fw-masthead {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  color: #58585b;
  display: block;
  height: 50px;
  margin: 0 auto;
  min-height: 50px;
  padding: 0; }
  .fw-res:not(.cdc-full-width):not(.fw-salesconnect) #fw-masthead {
    max-width: 1440px; }
  .fw-res:not(.cdc-full-width):not(.fw-salesconnect).cdc-transform #fw-masthead {
    max-width: 1600px; }

#fw-banner {
  display: block;
  height: inherit;
  margin: 0 10px;
  position: relative;
  width: auto;
  z-index: 1000; }
  .no-touch .fw-res:not(.cdc-full-width):not(.fw-salesconnect) #fw-banner {
    max-width: 1024px; }
  .no-touch .fw-res:not(.cdc-full-width):not(.fw-salesconnect).cdc-transform #fw-banner {
    max-width: 1280px; }
  #fw-banner .search-entitlement {
    display: none; }

#fw-logo {
  box-sizing: border-box;
  display: block;
  height: inherit;
  left: -21px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 44px; }
  #fw-logo div {
    display: block;
    font-size: 0;
    height: 400%;
    left: -58px;
    position: relative;
    top: -50px;
    width: 400%;
    overflow: hidden;
    transform: scale(0.35); }
    #fw-logo div:before {
      content: url("../../../fw/i/responsive/framework-sprite.png");
      display: inline-block;
      margin: -686px 0 0 -35px; }
    #fw-logo div img {
      display: none; }

#fw-treenavbutton, #fw-searchbutton, #fw-search-button {
  background-color: #ebebeb;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  top: 10px;
  width: 29.9px; }
  #fw-treenavbutton.active, #fw-searchbutton.active, #fw-search-button.active {
    background-color: #9e9ea2; }

#fw-treenavbutton {
  float: left; }
  #fw-treenavbutton span {
    background-color: #757575;
    box-sizing: inherit;
    display: block;
    height: 1px;
    margin: 0 0 4px 25%;
    width: 16px; }
    #fw-treenavbutton span:last-of-type {
      margin-bottom: 0; }
  #fw-treenavbutton.active span {
    background-color: #fff; }

#fw-searchbutton, #fw-search-button {
  font-size: 16px;
  font-size: 1.6rem;
  left: auto;
  position: absolute;
  right: 0; }
  #fw-searchbutton > div, #fw-search-button > div {
    height: 46px;
    left: auto;
    position: relative;
    right: 10px;
    top: -10px;
    width: 46px;
    overflow: hidden;
    transform: scale(0.5); }
    #fw-searchbutton > div:before, #fw-search-button > div:before {
      content: url("../../../fw/i/responsive/framework-sprite.png");
      display: inline-block;
      margin: -416px 0 0 -73px; }
  #fw-searchbutton.active > div:before, #fw-search-button.active > div:before {
    margin-top: -1195px; }
  #fw-searchbutton:-moz-focusring, #fw-search-button:-moz-focusring {
    outline: 0; }
  #fw-searchbutton:focus::-moz-focus-inner, #fw-search-button:focus::-moz-focus-inner {
    border: 1px dotted; }

#fw-areanav {
  border-spacing: 30px 0;
  display: none;
  height: inherit;
  max-width: 71.5%;
  position: relative;
  top: 0;
  width: auto; }
  #fw-areanav > ul {
    display: table-row;
    margin: 0; }
    #fw-areanav > ul > li {
      display: table-cell;
      height: inherit;
      margin: 0 auto;
      max-width: 130px;
      padding: 14px 0 0;
      position: relative;
      text-align: center;
      vertical-align: middle; }
      #fw-areanav > ul > li > a {
        color: #58585b;
        display: inline;
        text-align: center;
        -ms-word-wrap: break-all;
        word-wrap: break-word;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.21429em;
        font-weight: 300; }
        #fw-areanav > ul > li > a:hover {
          text-decoration: none; }
        #fw-areanav > ul > li > a.mm-reflink {
          display: none; }
      #fw-areanav > ul > li.mm-hovered > a, #fw-areanav > ul > li.mm-focused > a {
        color: #007fab; }
      #fw-areanav > ul > li.mm-hovered:after, #fw-areanav > ul > li.mm-focused:after {
        border-bottom: 4px solid #049fd9;
        bottom: 0;
        content: "";
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%; }

.no-js #fw-masthead, .no-js #fw-banner {
  height: inherit; }
.no-js #fw-logo div {
  height: 100px; }
.no-js #fw-treenavbutton, .no-js #fw-searchbutton {
  display: none; }

#fw-utility ul, #mycisco {
  float: left;
  height: 18px;
  margin-left: 28px; }

#fw-utility li, #fw-utility a, #mycisco {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  margin-bottom: 0; }

#fw-utility {
  display: none;
  position: absolute;
  right: 0;
  top: 4px;
  visibility: hidden;
  z-index: 2; }
  #fw-utility a {
    color: #007fab; }
    #fw-utility a:hover {
      text-decoration: underline; }
  #fw-utility ul:first-of-type {
    margin-left: 0; }
  #fw-utility ul li {
    float: inherit;
    margin-bottom: 0; }
    #fw-utility ul li:first-of-type {
      margin-left: 0; }
    #fw-utility ul li, #fw-utility ul li:after {
      margin-left: 8px; }
    #fw-utility ul li:after {
      color: #999;
      content: "|"; }
    #fw-utility ul li.no-pipe:after {
      content: none; }

#language a:before, #tn-language > li:first-of-type a:before {
  background: transparent url("../../../fw/i/responsive/global-icon.svg") no-repeat 0 0;
  content: ""; }

#language a:before {
  left: -23px;
  position: absolute;
  height: 14px;
  width: 14px; }

#tn-language > li:first-of-type > a:before {
  background-size: 18px;
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 18px; }

#fw-skiplinks {
  background: #000;
  display: table;
  font-size: 13px;
  font-size: 1.3rem;
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: -1000px;
  width: 100%;
  z-index: 1050; }
  #fw-skiplinks ul {
    height: 20px;
    margin: 0 auto;
    max-width: 980px;
    padding: 0; }
    #fw-skiplinks ul li {
      float: left;
      line-height: 16px;
      margin: 2px 0 0;
      padding: 0 10px 0; }
      #fw-skiplinks ul li a {
        color: #fff; }
        #fw-skiplinks ul li a:hover, #fw-skiplinks ul li a:focus {
          text-decoration: underline; }
        #fw-skiplinks ul li a:active, #fw-skiplinks ul li a:viewed {
          text-decoration: none; }
      #fw-skiplinks ul li + #fw-skiplinks ul li {
        border-left: 1px solid #4d4d4d;
        padding-left: 10px; }
  #fw-skiplinks.show {
    position: relative;
    top: 0; }

#fw-search {
  background: #ebebeb none;
  display: none;
  left: -10px;
  position: absolute;
  right: -10px;
  width: auto; }
  #fw-search.visible {
    display: block;
    opacity: 1; }
  #fw-search label {
    display: none; }

#sitewidesearch {
  outline: none;
  padding: 10px; }
  #sitewidesearch > div {
    background-color: #fff;
    overflow: visible;
    position: relative;
    width: auto; }
    #sitewidesearch > div:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden; }

#search-phrase {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125em;
  height: 31px;
  margin: 0;
  outline: none;
  padding: 0 7px;
  width: 100%; }
  #search-phrase:focus, #search-phrase:active {
    background-color: transparent; }

#fw-search-button {
  display: none;
  height: 36px;
  opacity: 1;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 36px; }

.no-js #fw-search {
  background-color: transparent;
  display: block;
  height: auto;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60%;
  left: 59px; }
  .no-js #fw-search form > div {
    width: auto; }
.no-js #search-phrase {
  height: 20px; }

#auto-suggest {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  visibility: hidden; }
  #auto-suggest div {
    border-right: 15px solid transparent;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    font-weight: 300;
    padding: 9px 0;
    padding-left: 19px;
    width: auto; }
    #auto-suggest div span {
      color: #444;
      font-weight: bold; }
      .custom-font #auto-suggest div span {
        font-weight: 400; }
    #auto-suggest div.hover {
      background-color: #f5f5f5; }

#search-drop-down {
  background-color: #fff;
  border: 0 solid #ececec;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50px;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -o-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
  width: 100%;
  z-index: 1000; }
  #search-drop-down.visible {
    border-width: 0 1px 1px; }
    #search-drop-down.visible #auto-suggest {
      opacity: 1;
      visibility: visible; }
  #search-drop-down [data-last-items=lastItems] {
    display: none; }

.body-treenav-open {
  box-sizing: border-box;
  left: 0;
  overflow: hidden !important;
  position: fixed;
  top: 0;
  width: 100%; }

#fw-treenav {
  bottom: 0;
  display: none;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 50px;
  width: 100%; }
  #fw-treenav:after {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    content: "";
    position: absolute;
    top: -5px;
    height: 5px;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 502; }
  #fw-treenav.open {
    display: block; }
  #fw-treenav li {
    margin-bottom: 0; }
  #fw-treenav a, #fw-treenav button {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375em;
    text-decoration: none;
    font-weight: 300; }
  #fw-treenav > div {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    top: 0; }
    #fw-treenav > div > div, #fw-treenav > div > ul {
      background-color: #fff; }
      #fw-treenav > div > div > li a, #fw-treenav > div > div > li button, #fw-treenav > div > ul > li a, #fw-treenav > div > ul > li button {
        display: block;
        padding: 11.5px 20px;
        text-align: left; }
      #fw-treenav > div > div > li button, #fw-treenav > div > ul > li button {
        box-sizing: border-box;
        display: block;
        position: relative;
        width: 100%; }
        #fw-treenav > div > div > li button span, #fw-treenav > div > ul > li button span {
          border-color: #acacae;
          border-style: solid;
          border-width: 1px 1px 0 0;
          content: "";
          display: block;
          height: 0;
          padding: 5px;
          top: 2px;
          transform: rotate(45deg);
          width: 0;
          position: absolute;
          right: 21px;
          top: 16px; }
      #fw-treenav > div > div > li div, #fw-treenav > div > ul > li div {
        background-color: #f2f2f2;
        box-sizing: border-box;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.57143em;
        margin-bottom: 5px;
        text-transform: uppercase;
        height: auto;
        min-height: 30px;
        padding: 5px 20px 4px; }
    #fw-treenav > div .tn-nav li {
      box-sizing: border-box; }
      #fw-treenav > div .tn-nav li .treenav-in {
        border-left: 5px solid transparent;
        color: #007fab;
        padding-left: 15px; }
        #fw-treenav > div .tn-nav li .treenav-in.active {
          background-color: #f2f2f2;
          border-color: #049fd9; }
      #fw-treenav > div .tn-nav li ul {
        display: none; }

#treenav-primary, #treenav-secondary {
  bottom: 0;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  width: 100%; }

#treenav-primary .tn-nav, #tn-util {
  border-right: 1px solid #ececec; }

#treenav-primary {
  left: 0;
  z-index: 502; }
  #treenav-primary li {
    clear: left;
    width: 100%; }
    #treenav-primary li.divider {
      border-bottom-width: 4px; }
  #treenav-primary .tn-nav {
    position: relative; }
    #treenav-primary .tn-nav li {
      border-bottom: 1px solid #ececec; }

#treenav-secondary {
  left: 100%;
  z-index: 501; }
  #treenav-secondary .tn-nav {
    bottom: 0;
    position: relative;
    width: 100%; }

#treenav-back {
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.22222em;
  margin-bottom: 0;
  height: 41px;
  position: relative;
  width: 100%; }
  #treenav-back button {
    box-sizing: border-box;
    display: block;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px; }
    #treenav-back button span {
      border-color: #acacae;
      border-style: solid;
      border-width: 0 0 1px 1px;
      content: "";
      display: block;
      height: 0;
      padding: 5px;
      top: 2px;
      transform: rotate(45deg);
      width: 0;
      display: inline-block;
      right: -4px;
      z-index: 1; }
  #treenav-back > span {
    cursor: pointer;
    display: block;
    height: 22px;
    padding: 10px 0;
    text-align: center; }

#tn-actions {
  border-bottom: 1px solid #ececec;
  height: auto;
  min-height: auto;
  padding: 11.5px 20px; }
  #tn-actions .fw-welcome {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 14px;
    max-width: none;
    width: 100%; }
    #tn-actions .fw-welcome span {
      display: block;
      margin-top: 12px; }
  #tn-actions li {
    display: inline-block;
    height: auto;
    max-width: 150px;
    min-width: 65px;
    margin: 0;
    margin-right: 6px;
    vertical-align: top;
    width: auto; }
    #tn-actions li a, #tn-actions li button {
      padding: 0; }
    #tn-actions li:last-child {
      margin: 0; }
    #tn-actions li:not(:last-child):after {
      color: #999;
      content: "|";
      margin-left: 10px; }

#tn-language {
  border-bottom: 3px solid #ececec;
  padding: 7px 20px; }
  #tn-language li {
    padding: 8px 0;
    position: relative; }
    #tn-language li a, #tn-language li button {
      padding: 0; }

#tn-languages {
  display: block;
  margin-top: 5px; }
  #tn-languages li {
    border-right: 1px solid #ececec;
    display: inline-table;
    line-height: 1.3em;
    max-width: 32%;
    min-width: 0;
    padding: 0 7px;
    width: auto; }
    #tn-languages li:first-child {
      padding-left: 0; }
    #tn-languages li:last-child {
      border-right: 0;
      padding-right: 0; }

#fw-breadcrumb:nth-child(1) {
  margin: 9px 10px 6px 10px; }
#fw-breadcrumb:only-child {
  margin: 9px 10px 5px 10px; }
#fw-breadcrumb ul li {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.33333em;
  margin-bottom: 0;
  display: none;
  padding: 0; }
  #fw-breadcrumb ul li:last-child {
    display: inline-block; }
  #fw-breadcrumb ul li a {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.33333em;
    margin-bottom: 0;
    color: #58585b;
    cursor: pointer;
    text-decoration: none; }
    #fw-breadcrumb ul li a:hover {
      text-decoration: underline; }
  #fw-breadcrumb ul li span.caret::before {
    color: #58585b;
    content: " / ";
    margin-left: 5px;
    margin-right: 8px; }

#fw-backtolink:only-child {
  margin: 10px 10px 4px 10px; }
#fw-backtolink:last-child:not(:only-child) {
  margin: 0 10px 5px 10px; }
#fw-backtolink div {
  display: inline-block; }
#fw-backtolink span {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  content: "";
  display: inline-block;
  height: 6px;
  margin: 1.5px;
  transform: rotate(135deg);
  transform-origin: 68% 57.5%;
  -webkit-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 6px; }
#fw-backtolink a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.42857em;
  margin-bottom: 0;
  color: #58585b; }
  #fw-backtolink a:hover {
    text-decoration: underline; }

#fw-pagetitle {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 0.89286em; }
  .cdc-high-density #fw-pagetitle {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25em; }
  #fw-pagetitle:nth-child(1):not(:only-child) {
    margin: 15px 10px 8px 10px; }
  #fw-pagetitle:only-child {
    margin: 17px 10px 8px 10px; }
  #fw-pagetitle:nth-child(2):not(:last-child) {
    margin: 0 10px 8px 10px; }
  #fw-pagetitle:last-child:not(:only-child) {
    margin: 0 10px 9px 10px; }

#fw-fatfooter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  box-sizing: border-box;
  display: none;
  margin-top: 15px;
  padding: 40px 0 30px;
  position: relative;
  visibility: hidden;
  width: 100%; }
  #fw-fatfooter:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }
  #fw-fatfooter > div {
    display: inline-block;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex: 1 0 100%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    width: 100%;
    -webkit-flex: 1 0 23.5%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 23.5%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 23.5%;
    width: 23.5%;
    margin-left: 12px;
    vertical-align: top; }
    #fw-fatfooter > div:first-child {
      margin-left: 0; }
  #fw-fatfooter a {
    color: #58585b;
    font-weight: 300; }
    #fw-fatfooter a:hover {
      text-decoration: underline; }
  #fw-fatfooter ul li {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.84615em;
    margin-bottom: 0; }
  #fw-fatfooter h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.86875em;
    margin-bottom: 0;
    margin: 10px 0 5px;
    position: relative; }
    #fw-fatfooter h4:first-child {
      margin-top: 0; }
  .row.blowout #fw-fatfooter {
    background: transparent;
    margin: 15px auto 0;
    max-width: 1044px; }
  .cdc-homepage.cdc-transform .row.blowout #fw-fatfooter {
    max-width: 1280px; }
  .js #fw-fatfooter h4 button::-moz-focus-inner {
    margin: -2px 0;
    padding: 0;
    border: 1px; }
  .js #fw-fatfooter h4 .submenu-container {
    display: inline-block;
    height: 18px;
    position: relative;
    width: 25px; }
    .js #fw-fatfooter h4 .submenu-container .menu-button {
      cursor: pointer;
      height: 25px;
      position: absolute;
      width: 25px;
      z-index: 0; }
      .js #fw-fatfooter h4 .submenu-container .menu-button span {
        border-color: #8e9299;
        border-style: solid;
        border-width: 1px 1px 0 0;
        content: "";
        display: block;
        height: 0;
        padding: 3px;
        top: 2px;
        transform: rotate(45deg);
        width: 0;
        left: 7px;
        position: absolute;
        top: 9px;
        z-index: 0; }
    .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu {
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
      display: none;
      left: 25px;
      min-width: 380px;
      padding: 26px 29px;
      position: absolute;
      z-index: 10; }
      .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul {
        box-sizing: border-box;
        float: left;
        width: 170px; }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul:first-child {
          margin-right: 20px; }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu ul li a {
          display: inline-block;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.07692em;
          margin: 6px 0; }
      .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button {
        padding: 15px;
        position: absolute;
        right: 0;
        top: 0; }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button.hidden {
          display: none;
          visibility: hidden; }
        .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button span:first-child {
          border-color: #8e9299;
          border-style: solid;
          border-width: 1px 1px 0 0;
          content: "";
          display: block;
          height: 0;
          padding: 4px;
          top: 2px;
          transform: rotate(45deg);
          width: 0;
          display: inline-block;
          z-index: 1; }
          .js #fw-fatfooter h4 .submenu-container .fatfooter-submenu .close-button span:first-child + span {
            border-color: #8e9299;
            border-style: solid;
            border-width: 0 0 1px 1px;
            content: "";
            display: block;
            height: 0;
            padding: 4px;
            top: 2px;
            transform: rotate(45deg) translate(2px, -2px);
            width: 0;
            display: inline-block; }
    .js #fw-fatfooter h4 .submenu-container.hovered .menu-button, .js #fw-fatfooter h4 .submenu-container.clicked .menu-button {
      background-color: #bcbcbc;
      z-index: 20; }
      .js #fw-fatfooter h4 .submenu-container.hovered .menu-button span, .js #fw-fatfooter h4 .submenu-container.clicked .menu-button span {
        border-color: #fff;
        z-index: 20; }
    .js #fw-fatfooter h4 .submenu-container.hovered .fatfooter-submenu, .js #fw-fatfooter h4 .submenu-container.clicked .fatfooter-submenu {
      display: block; }

.no-js .fatfooter-submenu {
  display: block; }
  .no-js .fatfooter-submenu ul li a {
    color: #fff; }
  .no-js .fatfooter-submenu .close-button {
    display: none; }

#fw_feedback_img {
  display: none;
  visibility: hidden; }

#fw-footer {
  background-color: #8e9299;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  clear: left;
  display: block;
  overflow: hidden;
  padding: 21px 20px 30px;
  position: relative;
  width: auto; }
  #fw-footer ul {
    overflow: visible; }
    #fw-footer ul li {
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 300;
      line-height: 2.23077em;
      margin-bottom: 0; }
      #fw-footer ul li:nth-child(3), #fw-footer ul li:nth-child(4), #fw-footer ul li:nth-child(6) span:nth-child(2), #fw-footer ul li:nth-child(7) span:nth-child(2) {
        display: none;
        visibility: hidden; }
      #fw-footer ul li:nth-child(6) span:first-child, #fw-footer ul li:nth-child(7) span:first-child {
        display: block;
        visibility: visible; }
  #fw-footer a {
    color: #fff;
    font-weight: 300; }
    #fw-footer a:visited {
      text-decoration: none; }
    #fw-footer a:hover {
      text-decoration: underline; }
  #fw-footer.legal ul li:first-child, #fw-footer.legal ul li:nth-child(2), #fw-footer.legal ul li:nth-child(3), #fw-footer.legal ul li:nth-child(4) {
    display: none;
    visibility: hidden; }

#fw-overlay {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: none;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 500; }
  #fw-overlay.open {
    display: block; }

@media only screen and (min-width: 37.5em) {
  #fw-language-select {
    border: 0;
    clear: left;
    margin: 10px 0 0;
    max-width: 100%;
    min-width: 400px; }
    #fw-language-select span {
      display: inline; }
      #fw-language-select span:first-child {
        display: none; }
    #fw-language-select select {
      width: 210px; }

  .button-cta, .button, .button-default, .button-primary, .button-secondary, .button-app {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 13px; }

  #treenav-primary, #treenav-secondary {
    max-width: 322px;
    width: 322px; }

  #treenav-secondary {
    left: 322px; }
    #treenav-secondary .tn-nav {
      overflow-y: hidden;
      top: 0; }
      #treenav-secondary .tn-nav:after {
        box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
        content: "";
        position: absolute;
        left: -5px;
        bottom: 0;
        top: 0;
        width: 5px;
        right: auto; }

  #treenav-back {
    display: none; }

  #fw-pagetitle {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 0.89286em;
    margin-right: 0 !important;
    margin-left: 0 !important; }

  #fw-breadcrumb {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  #fw-backtolink {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .cec-login #fw-footer {
    padding-left: 0; }
  .grid #fw-footer ul {
    margin: 0; } }
@media only screen and (min-width: 48em) {
  h1 {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 1.21739em;
    margin-bottom: 10px;
    font-weight: 100; }
    h1.primary1 {
      font-size: 36px;
      font-size: 3.6rem;
      line-height: 1.22222em;
      margin-bottom: 10px;
      font-weight: 100; }

  h2 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.21429em;
    margin-bottom: 20px;
    font-weight: 100; }

  h3 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.27273em;
    margin-bottom: 20px;
    font-weight: 300; }

  #fw-areanav {
    display: none; }

  #fw-pagetitle {
    font-size: 36px;
    font-size: 3.6rem; }
    .cdc-high-density #fw-pagetitle {
      font-size: 26px;
      font-size: 2.6rem; }
    #fw-pagetitle:nth-child(1):not(:only-child) {
      margin: 24px 0 14px 0; }
    #fw-pagetitle:only-child {
      margin: 24px 0 15px 0; }
    #fw-pagetitle:nth-child(2):not(:last-child) {
      margin: 0 0 16px 0; }
    #fw-pagetitle:last-child:not(:only-child) {
      margin: 0 0 16px 0; }

  #fw-footer {
    padding: 23.3px 20px 22.7px; }
    #fw-footer ul li {
      display: inline-block;
      float: left;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.84615em; }
      #fw-footer ul li:after {
        color: #afafaf;
        content: "|";
        margin: 0 5px; }
      #fw-footer ul li:last-child:after {
        content: "";
        margin: 0; }
      #fw-footer ul li:nth-child(3), #fw-footer ul li:nth-child(4) {
        display: block;
        visibility: visible; }
      #fw-footer ul li:first-child, #fw-footer ul li:nth-child(5) {
        clear: none; }
      #fw-footer ul li:nth-child(6) span:nth-child(2), #fw-footer ul li:nth-child(7) span:nth-child(2) {
        display: inline;
        visibility: visible; }
      #fw-footer ul li:nth-child(6) span:first-child, #fw-footer ul li:nth-child(7) span:first-child {
        display: none;
        visibility: hidden; }
    .cec-login #fw-footer {
      padding-left: 10px; }
      .cec-login #fw-footer ul {
        padding-left: 0; }

  #fw-backtolink:only-child {
    margin: 14px 0 9px 0; }
  #fw-backtolink:last-child:not(:only-child) {
    margin: 0 0 9px 0; }

  #fw-breadcrumb:nth-child(1) {
    margin: 13px 0 7px 0; }
  #fw-breadcrumb:only-child {
    margin: 13px 0 9px 0; } }
@media only screen and (max-width: 60em) {
  .no-js #fw-banner nav, .no-js #fw-logo, .no-js #fw-utility {
    position: absolute; }
  .no-js #fw-banner {
    position: static; }
    .no-js #fw-banner nav {
      background-color: #fff;
      display: block;
      top: 50px;
      width: 100%; }
  .no-js #fw-logo {
    top: 30px;
    left: 10px;
    overflow: visible; }
  .no-js #fw-areanav, .no-js #fw-utility {
    background-color: #fff;
    display: block;
    width: 100%; }
  .no-js #fw-areanav {
    margin-bottom: 50px;
    position: relative; }
  .no-js #fw-utility {
    top: 50px; }
  .no-js #actions {
    border-bottom: 1px solid #ececec;
    height: 41px;
    margin-bottom: 0;
    position: relative;
    top: -41px; }
    .no-js #actions li {
      border: 0;
      clear: none;
      float: left;
      height: auto;
      margin-left: 1%;
      max-width: 150px;
      width: 32%; }
      .no-js #actions li a {
        border: 1px solid #ececec;
        border-radius: 4px;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 6px 1%;
        padding: 4px;
        text-align: center;
        width: auto; }
  .no-js #mycisco {
    position: relative;
    top: -41px; }
  .no-js #language {
    border-bottom: 3px solid #ececec;
    bottom: -82px;
    position: relative; }
  .no-js #fw-utility a, .no-js #fw-areanav a, .no-js button {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%; }
    .no-js #fw-utility a span, .no-js #fw-areanav a span, .no-js button span {
      border-color: #acacae;
      border-style: solid;
      border-width: 1px 1px 0 0;
      content: "";
      display: block;
      height: 0;
      padding: 5px;
      top: 2px;
      transform: rotate(45deg);
      width: 0;
      position: absolute;
      right: 21px;
      top: 16px; }
    .no-js #fw-utility a.mm-reflink, .no-js #fw-areanav a.mm-reflink, .no-js button.mm-reflink {
      display: none; }
  .no-js #fw-areanav li, .no-js #mycisco {
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    clear: left;
    width: 100%; } }
@media only screen and (min-width: 60em) {
  h1 {
    font-size: 60px;
    font-size: 6rem;
    line-height: 1.2em;
    margin-bottom: 10px;
    font-weight: 100; }
    h1.primary1 {
      font-size: 40px;
      font-size: 4rem;
      line-height: 1.2em;
      margin-bottom: 10px;
      font-weight: 100; }

  h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.22222em;
    margin-bottom: 20px;
    font-weight: 100; }

  h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25em;
    margin-bottom: 20px;
    font-weight: 300; }

  .no-touch #fw-masthead {
    height: 90px !important; }
  .no-touch #fw-banner {
    margin: 0 auto; }
  .no-touch #fw-treenavbutton {
    display: none; }
  .no-touch #fw-logo {
    display: inline;
    float: left;
    left: 0;
    margin: 0;
    width: 65px; }
    .no-touch #fw-logo div {
      height: 200%;
      left: -33px;
      top: -36px;
      width: 200%;
      transform: scale(0.5); }
      .no-touch #fw-logo div:before {
        margin-top: -642px; }
  .no-touch #fw-searchbutton {
    display: none;
    visibility: hidden; }
  .no-touch #fw-areanav {
    display: table; }
  .no-touch #fw-utility {
    display: block;
    visibility: visible; }
  .no-touch #fw-treenav {
    display: none; }
  .no-touch #tn-actions .hp-cq-welcome {
    display: block; }

  .no-touch #fw-search {
    background-color: transparent;
    display: block;
    float: right;
    left: auto;
    max-width: 220px;
    right: 0;
    top: 31px;
    width: 21.5%; }
  .no-touch #sitewidesearch {
    padding: 0; }
    .no-touch #sitewidesearch > div {
      background-color: transparent; }
    .no-touch #sitewidesearch.active > div #search-phrase, .no-touch #sitewidesearch > div #search-phrase:focus {
      padding: 6px 30px 0 7.5px;
      width: 100%; }
      .no-touch #sitewidesearch.active > div #search-phrase ~ #fw-search-button, .no-touch #sitewidesearch > div #search-phrase:focus ~ #fw-search-button {
        background: transparent; }
  .no-touch #search-phrase {
    border-bottom: 2px solid #049fd9;
    color: #58585b;
    height: 34px;
    opacity: 0.95;
    padding: 0;
    width: 0; }
  .no-touch #fw-search-button {
    display: block;
    visibility: visible; }
    .no-touch #fw-search-button > div {
      right: 6px;
      top: -6px;
      transform: scale(0.6); }
  .no-touch.no-js #fw-search {
    padding: 0; }

  .no-js #sitewidesearch > div #search-phrase {
    padding: 6px 30px 0 7.5px !important;
    width: 100% !important; }
    .no-js #sitewidesearch > div #search-phrase ~ #fw-search-button {
      background: transparent; }

  #auto-suggest div {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143em;
    padding: 7px 0 5px;
    padding-left: 10px; }

  #search-drop-down {
    top: 34px; }
    #search-drop-down [data-last-items=lastItems] {
      display: block; }

  .no-js #fw-logo div {
    height: 180px; }

  #fw-pagetitle {
    font-size: 40px;
    font-size: 4rem; }
    .cdc-high-density #fw-pagetitle {
      font-size: 32px;
      font-size: 3.2rem; }

  #fw-breadcrumb ul li {
    display: inline-block; }
  #fw-breadcrumb ul.is-ellipsed li {
    display: none; }
    #fw-breadcrumb ul.is-ellipsed li:first-child, #fw-breadcrumb ul.is-ellipsed li:nth-child(2), #fw-breadcrumb ul.is-ellipsed li:last-child, #fw-breadcrumb ul.is-ellipsed li:nth-last-child(2) {
      display: inline-block; }
  #fw-breadcrumb ul.de-ellipsed li {
    display: inline-block; }

  .no-touch #fw-fatfooter {
    display: block;
    visibility: visible; }

  #fw-footer {
    margin: 0;
    padding-left: 0;
    padding-right: 0; }
    .cdc-transform #fw-footer {
      padding: 23.3px 16px 22.7px; }
    #fw-footer ul {
      margin: 0 auto;
      max-width: 1044px; }
      .cdc-transform #fw-footer ul {
        max-width: 1280px; }
      #fw-footer ul li {
        margin-bottom: 0; }
        #fw-footer ul li:first-child {
          margin-left: 10px; }
    .fw-res:not(.cdc-full-width):not(.fw-salesconnect) #fw-footer {
      margin: 0 auto;
      max-width: 1440px; }
    .fw-res:not(.cdc-full-width):not(.fw-salesconnect).cdc-transform #fw-footer {
      max-width: 1600px; } }
@media only screen and (min-width: 64em) {
  .no-touch .cdc-full-width #fw-banner {
    margin: 0 10px; } }
@viewport {
  width: device-width; }
.nowrap, .nobr {
  white-space: nowrap; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.flowfix {
  overflow: auto; }


/*
 * _cookie_informer.css
 * $Revision: 1.2 $
 *
 * cookie informer banner styling and positioning
 *
 * (c) 1992-2016 Cisco Systems, Inc. All rights reserved. 
 * Terms and Conditions: http://www.cisco.com/web/siteassets/legal/terms_condition.html
 */


.cookie_informer {
   position: relative;
   border-top: 1px solid #999;
   background-color: rgba(254, 253, 212, 0.95);
   margin: 0 -10px 10px 0; /* neg margin added to align banner with spotlights. unclear why #fw-banner has right margin */
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
   zoom: 1;
}
.cookie_informer .jar:after,
.cookie_informer:after {
   content:'';
   display:block;
   width:0;
   height:0;
   clear:both;
}
#fw-banner .cookie_informer {
   margin: 0 0 10px 10px; /* neg right-margin removed to align banner with non-spotlights. */
   width: 927px;
}
.cookie_icon {
   position: relative;
   float: left;
   background: url(../../../fw/i/info-icon.svg) 0px 2px no-repeat;
   background-size: 22px;
   margin: 0;
   width: 40px;
   height: 40px;
   zoom: 1;
}
.cookie_message {
   position: relative;
   float: left;
   width: 81%;
   padding: 0 0 3px 0;
   color: #58585b;
   line-height: 19px;
   font-size: 14px;
   font-family: CiscoSans, sans-serif;
   font-weight: 300;
}
#cookie_message a:link,
#cookie_message a:visited,
#cookie_message a:active {
   white-space: nowrap;
   color: #2970a6;
} 
#cookie_informer {
   margin: 0 auto;
   border-top: 0;
   border-radius: 0;
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   max-width: 1440px;
   z-index: 100;
}
.cdc-transform #cookie_informer {
   max-width: 1600px;
}
#cookie_informer .jar {
   max-width: 960px;
   margin: 0 auto;
   padding: 15px 7px 10px;
}
#fw-banner #cookie_informer .jar {
   margin: 0 10px;
}
.fw-res #cookie_informer .jar {
   max-width: 1014px;
}
.fw-res.cdc-transform #cookie_informer .jar {
   max-width: 1280px;
}
#cookie_message a:hover {
   text-decoration: underline;
}
#cookie_informer.hidden {
   display: none;
}
.cookie_set {
    position: relative;
    float: right;
    margin: 0 8px 0 0;
    width: 28px;
    height: 28px;
    text-align: right;
}

   #fw-banner .cookie_set {
      margin-right: 0;
   }
.cookie_set a {
   position: relative;
   float: right;
   background: url(../../../fw/i/exit-icon.svg) 0px 0px no-repeat;
   background-size: 12px;
   width: 12px;
   height: 12px;
   font-size:0;
   zoom: 1;
}
   #ie7 .cookie_set a {
      color: transparent !important;
   }

@media only screen and (min-width: 48em) {
   .cookie_message {
      width: 90%;
   }
}

@media only screen and (min-width: 60em) {
   .cookie_message {
      width: 91%;
   }
}

/* print/print.scss:  */
body.cdc-eot #fw-copyright, body.cdc-books #fw-copyright {
  display: none; }

@media print {
  body.cdc-eot #fw-utility, body.cdc-eot #fw-treenavbutton, body.cdc-eot #fw-areanav, body.cdc-eot .search-entitlement, body.cdc-eot #fw-search, body.cdc-eot #fw-searchbutton, body.cdc-eot #fw-breadcrumb, body.cdc-eot #fw-backtolink, body.cdc-eot #fw-fatfooter, body.cdc-eot #fw-footer, body.cdc-eot #fw-content .twothirds-third .third, body.cdc-books #fw-utility, body.cdc-books #fw-treenavbutton, body.cdc-books #fw-areanav, body.cdc-books .search-entitlement, body.cdc-books #fw-search, body.cdc-books #fw-searchbutton, body.cdc-books #fw-breadcrumb, body.cdc-books #fw-backtolink, body.cdc-books #fw-fatfooter, body.cdc-books #fw-footer, body.cdc-books #fw-content .twothirds-third .third {
    display: none; }
  body.cdc-eot .container.grid .row, body.cdc-books .container.grid .row {
    display: block;
    margin: 0 0 0 -10px;
    padding: 0; }
    body.cdc-eot .container.grid .row > .col, body.cdc-books .container.grid .row > .col {
      display: block; }
  body.cdc-eot #fw-masthead, body.cdc-books #fw-masthead {
    background: transparent;
    box-shadow: 0; }
  body.cdc-eot #fw-logo, body.cdc-books #fw-logo {
    left: auto;
    right: auto;
    margin: 0; }
  body.cdc-eot #fw-pagetitle, body.cdc-books #fw-pagetitle {
    display: block;
    margin: 20px 0; }
  body.cdc-eot #fw-copyright, body.cdc-books #fw-copyright {
    display: block;
    margin-top: 60px; }
  body.cdc-eot #fw-content.container:after, body.cdc-books #fw-content.container:after {
    display: none; }
  body.cdc-eot #fw-content .row > .col, body.cdc-books #fw-content .row > .col {
    display: block; }
  body.cdc-books #fw-pagetitle {
    margin: 20px 0 0; }

  .noprint, .noprint * {
    display: none !important; } }

/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.4 $
 * grid.scss: Parts of the Foundation 2.2 grid system
 *
 */
.container {
  box-sizing: border-box;
  margin: 0 auto;
  min-width: 0;
  padding: 0;
  position: relative; }

#fw-content.container {
  background-color: #fff; }
  body:not(.fw-satellite):not(.fw-salesconnect) #fw-content.container:after {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    content: "";
    position: absolute;
    top: -5px;
    height: 5px;
    left: 0;
    right: 0;
    bottom: auto; }
  .fw-res:not(.cdc-full-width):not(.fw-salesconnect) #fw-content.container {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    max-width: 1440px; }
  .fw-res:not(.cdc-full-width):not(.fw-salesconnect).cdc-transform #fw-content.container {
    max-width: 1600px; }

.column {
  float: none;
  margin-left: 0;
  margin-right: 0;
  min-height: 1px;
  position: relative; }
  .column:first-child {
    margin-left: 0; }
  .column:last-child {
    float: none;
    margin-right: 0; }

[class*="column"] + [class*="column"]:last-child {
  float: none; }
[class*="column"]:before, [class*="column"]:after {
  display: table; }
[class*="column"]:after {
  clear: both; }

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

.container:after, .col:after, .clearfix:after {
  clear: both; }

.container:after, .col, .clearfix {
  zoom: 1; }

.container .row {
  width: 100%; }
.container.grid .col, .container.grid .row {
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 0 solid transparent;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
.container.grid .row {
  background-color: transparent;
  width: auto; }
  .container.grid .row.blowout {
    margin: 0;
    max-width: 100%;
    padding: 0; }
  .container.grid .row.limited-blowout.no-padding, .container.grid .row.blowout.no-padding {
    padding: 0; }
  .container.grid .row.fw-bg-dark, .container.grid .row .row.fw-bg-dark {
    background-color: #000; }
  .container.grid .row.fw-bg-medium, .container.grid .row .row.fw-bg-medium {
    background-color: #f5f5f5; }
  .container.grid .row.fw-bg-light, .container.grid .row .row.fw-bg-light {
    background-color: #fff; }
.container.grid .col {
  display: inline-block;
  margin: 0;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-flex: 1 0 100%;
  -ms-flex-grow: 1;
  -ms-flex-shrink: 0;
  -ms-flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 100%;
  width: 100%; }
  .container.grid .col.full {
    -webkit-flex: 1 0 100%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    width: 100%; }
.container.grid .row > .col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -moz-box-pack: justify;
  -moz-box-align: center; }

/* Most breakpoints stand on their own. This one just has the few overrides needed.
 * Fixes specificity problems that get introduced if the base mixin is wrapper in not(cdc-transform)
 * If you eliminate old bps completely in future, you will need to keep most of the unwrapped styles from base, 
 * but for other breakpoints you can just delete the gone bps and you could possibly then eliminate the extra body class wrapper.
 * At this breakpoint note that no matter how many columns, there is only one per row
*/
.cdc-transform .container.grid .row:not(.blowout) {
  padding: 0 8px; }
  .cdc-transform .container.grid .row:not(.blowout) .row {
    padding: 0; }
    .cdc-transform .container.grid .row:not(.blowout) .row .col {
      margin: 0;
      -webkit-flex: 1 0 100%;
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 100%;
      width: 100%; }
.cdc-transform .container.grid .row.blowout {
  padding: 0; }
  .cdc-transform .container.grid .row.blowout > .col {
    margin: 0;
    -webkit-flex: 1 0 100%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    width: 100%; }
.cdc-transform .container.grid .col {
  margin: 0 8px;
  -webkit-flex: 1 0 calc(100% - 16px);
  -ms-flex-grow: 1;
  -ms-flex-shrink: 0;
  -ms-flex-basis: calc(100% - 16px);
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(100% - 16px);
  width: calc(100% - 16px); }

/* Media Queries
---------------------------------------- */
@media only screen and (min-width: 37.5em) {
  /** grid small **/
  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  .column {
    float: left; }

  .fw-res:not(.cdc-transform) .container.grid .row, .fw-satellite:not(.cdc-transform) .container.grid .row {
    padding-left: 10px;
    padding-right: 10px; }
    .fw-res:not(.cdc-transform) .container.grid .row.narrow-wide, .fw-res:not(.cdc-transform) .container.grid .row.wide-narrow, .fw-res:not(.cdc-transform) .container.grid .row.third-twothirds, .fw-res:not(.cdc-transform) .container.grid .row.twothirds-third, .fw-res:not(.cdc-transform) .container.grid .row.halves, .fw-res:not(.cdc-transform) .container.grid .row.full, .fw-res:not(.cdc-transform) .container.grid .row.threequarters-quarter, .fw-res:not(.cdc-transform) .container.grid .row.wide-narrow-v2, .fw-res:not(.cdc-transform) .container.grid .row.narrow-wide-v2, .fw-satellite:not(.cdc-transform) .container.grid .row.narrow-wide, .fw-satellite:not(.cdc-transform) .container.grid .row.wide-narrow, .fw-satellite:not(.cdc-transform) .container.grid .row.third-twothirds, .fw-satellite:not(.cdc-transform) .container.grid .row.twothirds-third, .fw-satellite:not(.cdc-transform) .container.grid .row.halves, .fw-satellite:not(.cdc-transform) .container.grid .row.full, .fw-satellite:not(.cdc-transform) .container.grid .row.threequarters-quarter, .fw-satellite:not(.cdc-transform) .container.grid .row.wide-narrow-v2, .fw-satellite:not(.cdc-transform) .container.grid .row.narrow-wide-v2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    .fw-res:not(.cdc-transform) .container.grid .row .row, .fw-satellite:not(.cdc-transform) .container.grid .row .row {
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
      .fw-res:not(.cdc-transform) .container.grid .row .row.blowout, .fw-satellite:not(.cdc-transform) .container.grid .row .row.blowout {
        margin: 0;
        max-width: 100%; }
      .fw-res:not(.cdc-transform) .container.grid .row .row.limited-blowout.no-padding, .fw-res:not(.cdc-transform) .container.grid .row .row.blowout.no-padding, .fw-satellite:not(.cdc-transform) .container.grid .row .row.limited-blowout.no-padding, .fw-satellite:not(.cdc-transform) .container.grid .row .row.blowout.no-padding {
        padding: 0; }
    .fw-res:not(.cdc-transform) .container.grid .row.twothirds-third .col.third, .fw-satellite:not(.cdc-transform) .container.grid .row.twothirds-third .col.third {
      margin-left: 2%; }
    .fw-res:not(.cdc-transform) .container.grid .row.third-twothirds .col.third, .fw-res:not(.cdc-transform) .container.grid .row.twothirds-third .col.third, .fw-satellite:not(.cdc-transform) .container.grid .row.third-twothirds .col.third, .fw-satellite:not(.cdc-transform) .container.grid .row.twothirds-third .col.third {
      -webkit-flex: 1 0 32%;
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: 32%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 32%;
      width: 32%; }
  .fw-res:not(.cdc-transform) .container.grid .col.narrow, .fw-res:not(.cdc-transform) .container.grid .col.wide, .fw-res:not(.cdc-transform) .container.grid .col.two-third, .fw-res:not(.cdc-transform) .container.grid .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow, .fw-satellite:not(.cdc-transform) .container.grid .col.wide, .fw-satellite:not(.cdc-transform) .container.grid .col.two-third, .fw-satellite:not(.cdc-transform) .container.grid .col.half {
    margin-left: 2%; }
  .fw-res:not(.cdc-transform) .container.grid .col:first-child, .fw-res:not(.cdc-transform) .container.grid .col.half.medium, .fw-satellite:not(.cdc-transform) .container.grid .col:first-child, .fw-satellite:not(.cdc-transform) .container.grid .col.half.medium {
    margin-left: 0; }
  .fw-res:not(.cdc-transform) .container.grid .col.narrow, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow {
    -webkit-flex: 1 0 32%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 32%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 32%;
    width: 32%; }
  .fw-res:not(.cdc-transform) .container.grid .col.two-third, .fw-res:not(.cdc-transform) .container.grid .col.wide, .fw-satellite:not(.cdc-transform) .container.grid .col.two-third, .fw-satellite:not(.cdc-transform) .container.grid .col.wide {
    -webkit-flex: 1 0 66%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 66%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 66%;
    width: 66%; }
  .fw-res:not(.cdc-transform) .container.grid .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.half {
    -webkit-flex: 1 0 49%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 49%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 49%;
    width: 49%; }
    .fw-res:not(.cdc-transform) .container.grid .col.half.medium, .fw-res:not(.cdc-transform) .container.grid .col.half .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.half.medium, .fw-satellite:not(.cdc-transform) .container.grid .col.half .col.half {
      -webkit-flex: 1 0 100%;
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 100%;
      width: 100%; }
    .fw-res:not(.cdc-transform) .container.grid .col.half .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.half .col.half {
      margin-left: 0; }
  .fw-res:not(.cdc-transform) .container.grid .col.two-third .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.two-third .col.half {
    -webkit-flex: 1 0 31.48485%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 31.48485%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 31.48485%;
    width: 31.48485%;
    margin-left: 3.0303%; }
    .fw-res:not(.cdc-transform) .container.grid .col.two-third .col.half:first-child, .fw-satellite:not(.cdc-transform) .container.grid .col.two-third .col.half:first-child {
      margin-left: 0; }

  .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .narrow, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .wide, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .narrow, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .wide, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third {
      margin-left: 0;
      margin-right: 2%; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half .half else {
      margin-right: 4.08163%; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half .half:last-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half .half:last-child {
      margin-right: 0; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half {
      margin-left: 0; }
      .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half else {
        margin-right: 4.08163%; }
      .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .half .flip .half:first-child {
        margin-right: 0; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .half else, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third .half else {
      margin-right: 3.0303%; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .half:last-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third .half:last-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .half:last-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third .half:last-child {
      margin-right: 0; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half {
      margin-left: 0; }
      .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half else, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half else {
        margin-right: 3.0303%; }
      .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .two-third .flip .half:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .third .flip .half:first-child {
        margin-right: 0; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col:first-child {
      margin-right: 0; } }
@media only screen and (min-width: 37.5em) {
  /** grid tall **/
  .cdc-transform .container.grid .row:not(.blowout) {
    padding: 0 8px; }
  .cdc-transform .container.grid .row.narrow-wide, .cdc-transform .container.grid .row.wide-narrow, .cdc-transform .container.grid .row.third-twothirds, .cdc-transform .container.grid .row.twothirds-third, .cdc-transform .container.grid .row.halves, .cdc-transform .container.grid .row.full, .cdc-transform .container.grid .row.threequarters-quarter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .cdc-transform .container.grid .row.flip {
    /* Won't need margin changes for flip unless embed? The part about flex-direction still applies */
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .cdc-transform .container.grid .row:not(.blowout) .col .row .col.two-third, .cdc-transform .container.grid .row:not(.blowout) .col .row .col.wide {
    -webkit-flex: 1 0 calc(66.7% - 33px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(66.7% - 33px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(66.7% - 33px);
    width: calc(66.7% - 33px); }
  .cdc-transform .container.grid .row .row {
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .cdc-transform .container.grid .row.third-twothirds .col.third, .cdc-transform .container.grid .row.twothirds-third .col.third {
    -webkit-flex: 1 0 calc(33.3% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(33.3% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(33.3% - 40px);
    width: calc(33.3% - 40px); }
  .cdc-transform .container.grid .row:not(.blowout) .row > .col:first-child {
    margin-left: 0; }
  .cdc-transform .container.grid .row:not(.blowout) .row > .col:last-child {
    margin-right: 0; }
  .cdc-transform .container.grid .row.blowout {
    margin: 0;
    max-width: 100%; }
    .cdc-transform .container.grid .row.blowout > .col {
      -webkit-flex: 1 0 100%;
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 100%;
      width: 100%; }
    .cdc-transform .container.grid .row.blowout > .col:first-child {
      margin-left: 0; }
    .cdc-transform .container.grid .row.blowout > .col:last-child {
      margin-right: 0; }
    .cdc-transform .container.grid .row.blowout > .col > .row:not(.blowout) {
      padding: 0 8px;
      margin: auto; }
      .cdc-transform .container.grid .row.blowout > .col > .row:not(.blowout) .col {
        margin: 0 10px; }
        .cdc-transform .container.grid .row.blowout > .col > .row:not(.blowout) .col.full {
          -webkit-flex: 1 0 calc(100% - 20px);
          -ms-flex-grow: 1;
          -ms-flex-shrink: 0;
          -ms-flex-basis: calc(100% - 20px);
          flex-grow: 1;
          flex-shrink: 0;
          flex-basis: calc(100% - 20px);
          width: calc(100% - 20px); }
  .cdc-transform .container.grid .row.limited-blowout.no-padding, .cdc-transform .container.grid .row.blowout.no-padding {
    padding: 0; }
  .cdc-transform .container.grid .col {
    margin: 0 10px;
    -webkit-flex: 1 0 calc(100% - 20px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(100% - 20px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 20px);
    width: calc(100% - 20px); }
    .cdc-transform .container.grid .col.narrow .row .col, .cdc-transform .container.grid .col.wide .row .col, .cdc-transform .container.grid .col.third .row .col, .cdc-transform .container.grid .col.two-third .row .col, .cdc-transform .container.grid .col.half .row .col, .cdc-transform .container.grid .col.full .row .col, .cdc-transform .container.grid .col.threequarters .row .col, .cdc-transform .container.grid .col.quarter .row .col {
      margin: 0 10px; }
    .cdc-transform .container.grid .col .row.thirds .col, .cdc-transform .container.grid .col .row.quarters .col {
      margin: 0; }
    .cdc-transform .container.grid .col.full {
      -webkit-flex: 1 0 calc(100% - 20px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(100% - 20px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(100% - 20px);
      width: calc(100% - 20px); }
      .cdc-transform .container.grid .col.full > .row > .col.half {
        -webkit-flex: 1 0 calc(50% - 40px);
        -ms-flex-grow: 1;
        -ms-flex-shrink: 0;
        -ms-flex-basis: calc(50% - 40px);
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(50% - 40px);
        width: calc(50% - 40px); }
    .cdc-transform .container.grid .col.narrow, .cdc-transform .container.grid .col .row .col.narrow {
      -webkit-flex: 1 0 calc(33.3% - 40px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(33.3% - 40px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(33.3% - 40px);
      width: calc(33.3% - 40px); }
    .cdc-transform .container.grid .col.two-third, .cdc-transform .container.grid .col.wide {
      -webkit-flex: 1 0 calc(66.7% - 40px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(66.7% - 40px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(66.7% - 40px);
      width: calc(66.7% - 40px); }
      .cdc-transform .container.grid .col.two-third .row .col.half, .cdc-transform .container.grid .col.wide .row .col.half {
        -webkit-flex: 1 0 calc(50% - 40px);
        -ms-flex-grow: 1;
        -ms-flex-shrink: 0;
        -ms-flex-basis: calc(50% - 40px);
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(50% - 40px);
        width: calc(50% - 40px); }
    .cdc-transform .container.grid .col.half {
      -webkit-flex: 1 0 calc(50% - 40px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(50% - 40px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(50% - 40px);
      width: calc(50% - 40px); }
      .cdc-transform .container.grid .col.half.medium {
        -webkit-flex: 1 0 calc(100% - 20px);
        -ms-flex-grow: 1;
        -ms-flex-shrink: 0;
        -ms-flex-basis: calc(100% - 20px);
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(100% - 20px);
        width: calc(100% - 20px); }
      .cdc-transform .container.grid .col.half .row .col.half {
        -webkit-flex: 1 0 calc(100% - 20px);
        -ms-flex-grow: 1;
        -ms-flex-shrink: 0;
        -ms-flex-basis: calc(100% - 20px);
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 0; } }
@media only screen and (min-width: 48em) {
  /** grid medium **/
  /* this is the old grids medium styles  */
  .fw-res:not(.cdc-transform) .container.grid .row.thirds, .fw-res:not(.cdc-transform) .container.grid .row.quarters, .fw-res:not(.cdc-transform) .container.grid .row.quarter-half-quarter, .fw-res:not(.cdc-transform) .container.grid .row.wide-narrow-v2, .fw-res:not(.cdc-transform) .container.grid .row.narrow-wide-v2, .fw-satellite:not(.cdc-transform) .container.grid .row.thirds, .fw-satellite:not(.cdc-transform) .container.grid .row.quarters, .fw-satellite:not(.cdc-transform) .container.grid .row.quarter-half-quarter, .fw-satellite:not(.cdc-transform) .container.grid .row.wide-narrow-v2, .fw-satellite:not(.cdc-transform) .container.grid .row.narrow-wide-v2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .fw-res:not(.cdc-transform) .container.grid .col.third, .fw-res:not(.cdc-transform) .container.grid .col.quarter, .fw-res:not(.cdc-transform) .container.grid .col.three-quarter, .fw-res:not(.cdc-transform) .container.grid .col.half.medium, .fw-res:not(.cdc-transform) .container.grid .col.narrow-v2, .fw-res:not(.cdc-transform) .container.grid .col.wide-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.third, .fw-satellite:not(.cdc-transform) .container.grid .col.quarter, .fw-satellite:not(.cdc-transform) .container.grid .col.three-quarter, .fw-satellite:not(.cdc-transform) .container.grid .col.half.medium, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.wide-v2 {
    margin-left: 2%; }
  .fw-res:not(.cdc-transform) .container.grid .col:first-child, .fw-satellite:not(.cdc-transform) .container.grid .col:first-child {
    margin-left: 0; }
  .fw-res:not(.cdc-transform) .container.grid .col.third, .fw-res:not(.cdc-transform) .container.grid .col.narrow-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.third, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow-v2 {
    -webkit-flex: 1 0 32%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 32%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 32%;
    width: 32%; }
  .fw-res:not(.cdc-transform) .container.grid .col.quarter, .fw-satellite:not(.cdc-transform) .container.grid .col.quarter {
    -webkit-flex: 1 0 23.5%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 23.5%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 23.5%;
    width: 23.5%; }
  .fw-res:not(.cdc-transform) .container.grid .col.half.medium, .fw-satellite:not(.cdc-transform) .container.grid .col.half.medium {
    -webkit-flex: 1 0 49%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 49%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 49%;
    width: 49%; }
  .fw-res:not(.cdc-transform) .container.grid .col.wide-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.wide-v2 {
    -webkit-flex: 1 0 66%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 66%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 66%;
    width: 66%; }
  .fw-res:not(.cdc-transform) .container.grid .col.three-quarter, .fw-satellite:not(.cdc-transform) .container.grid .col.three-quarter {
    -webkit-flex: 1 0 74.5%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 74.5%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 74.5%;
    width: 74.5%; }
    .fw-res:not(.cdc-transform) .container.grid .col.three-quarter .col.third, .fw-satellite:not(.cdc-transform) .container.grid .col.three-quarter .col.third {
      -webkit-flex: 1 0 23.04362%;
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: 23.04362%;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 23.04362%;
      width: 23.04362%;
      margin-left: 2.68456%; }
      .fw-res:not(.cdc-transform) .container.grid .col.three-quarter .col.third:first-child, .fw-satellite:not(.cdc-transform) .container.grid .col.three-quarter .col.third:first-child {
        margin-left: 0; }
  .fw-res:not(.cdc-transform) .container.grid .col.half .col.half, .fw-satellite:not(.cdc-transform) .container.grid .col.half .col.half {
    -webkit-flex: 1 0 22.45918%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 22.45918%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 22.45918%;
    width: 22.45918%;
    margin-left: 4.08163%; }
    .fw-res:not(.cdc-transform) .container.grid .col.half .col.half:first-child, .fw-satellite:not(.cdc-transform) .container.grid .col.half .col.half:first-child {
      margin-left: 0; }

  .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.third, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.quarter, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.three-quarter, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.half.medium, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.narrow-v2, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.wide-v2, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.third, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.quarter, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.three-quarter, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.half.medium, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.narrow-v2, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.wide-v2 {
    margin-left: 0;
    margin-right: 2%; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.third:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.quarter:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.three-quarter:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.half.medium:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.narrow-v2:first-child, .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .col.wide-v2:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.third:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.quarter:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.three-quarter:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.half.medium:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.narrow-v2:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .col.wide-v2:first-child {
      margin-right: 0; }
  .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .third else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .third else {
    margin-right: 2.68456%; }
  .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .third:last-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .third:last-child {
    margin-right: 0; }
  .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third {
    margin-left: 0; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third else, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third else {
      margin-right: 2.68456%; }
    .fw-res:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third:first-child, .fw-satellite:not(.cdc-transform) #fw-content.container.grid .row.flip .three-quarter .third .flip .third:first-child {
      margin-right: 0; }

  /* This breakpoint will be retained in transform breakpoints, and it will keep the name medium
   * Several, but not all rows switch from unstacked to stacked at this breakpoint.
   */
  .cdc-transform .container.grid .row.thirds, .cdc-transform .container.grid .row.quarters, .cdc-transform .container.grid .row.quarter-half-quarter, .cdc-transform .container.grid .row.wide-narrow-v2, .cdc-transform .container.grid .row.narrow-wide-v2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .cdc-transform .container.grid .row.quarter-half-quarter .col.half, .cdc-transform .container.grid .row.quarter-half-quarter .col.half.medium, .cdc-transform .container.grid .row col.half col.half, .cdc-transform .container.grid .row col.half col.half.medium {
    -webkit-flex: 1 0 calc(50% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(50% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 40px);
    width: calc(50% - 40px); }
  .cdc-transform .container.grid .row.flip {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .cdc-transform .container.grid .row:not(.blowout) .col .row .col.wide-v2 {
    -webkit-flex: 1 0 calc(66.7% - 33px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(66.7% - 33px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(66.7% - 33px);
    width: calc(66.7% - 33px); }
  .cdc-transform .container.grid .row:not(.blowout) .col .row .col.three-quarter {
    -webkit-flex: 1 0 calc(75% - 33px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(75% - 33px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(75% - 33px);
    width: calc(75% - 33px); }
  .cdc-transform .container.grid .row .row .col {
    margin: 0 10px; }
    .cdc-transform .container.grid .row .row .col:first-child {
      margin-left: 0; }
    .cdc-transform .container.grid .row .row .col:last-child {
      margin-right: 0; }
  .cdc-transform .container.grid .col.third, .cdc-transform .container.grid .col.narrow-v2, .cdc-transform .container.grid .col .row .col.third, .cdc-transform .container.grid .col .row .col.narrow-v2 {
    -webkit-flex: 1 0 calc(33.3% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(33.3% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(33.3% - 40px);
    width: calc(33.3% - 40px); }
  .cdc-transform .container.grid .col.quarter, .cdc-transform .container.grid .col .row .col.quarter {
    -webkit-flex: 1 0 calc(25% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(25% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(25% - 40px);
    width: calc(25% - 40px); }
  .cdc-transform .container.grid .col.wide-v2 {
    -webkit-flex: 1 0 calc(66.7% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(66.7% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(66.7% - 40px);
    width: calc(66.7% - 40px); }
  .cdc-transform .container.grid .col.three-quarter {
    -webkit-flex: 1 0 calc(75% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(75% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(75% - 40px);
    width: calc(75% - 40px); }
  .cdc-transform .container.grid .col .row.thirds .col, .cdc-transform .container.grid .col .row.quarters .col {
    margin: 0 10px; }
    .cdc-transform .container.grid .col .row.thirds .col:first-child, .cdc-transform .container.grid .col .row.quarters .col:first-child {
      margin-left: 0; }
    .cdc-transform .container.grid .col .row.thirds .col:last-child, .cdc-transform .container.grid .col .row.quarters .col:last-child {
      margin-right: 0; }
  .cdc-transform .container.grid .col.half.medium {
    -webkit-flex: 1 0 calc(50% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(50% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 40px);
    width: calc(50% - 40px);
    margin: 0 10px; }
  .cdc-transform .container.grid .col .row .col.half {
    -webkit-flex: 1 0 calc(50% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(50% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 40px);
    width: calc(50% - 40px);
    margin: 0 10px; }
    .cdc-transform .container.grid .col .row .col.half:first-child {
      margin-left: 0; }
    .cdc-transform .container.grid .col .row .col.half:last-child {
      margin-right: 0; }
  .cdc-transform .container.grid .col.half .row .col.half {
    -webkit-flex: 1 0 calc(50% - 40px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(50% - 40px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 40px);
    width: calc(50% - 40px);
    margin: 0 10px; }
    .cdc-transform .container.grid .col.half .row .col.half:first-child {
      margin-left: 0; }
    .cdc-transform .container.grid .col.half .row .col.half:last-child {
      margin-right: 0; } }
@media only screen and (min-width: 60em) {
  /** grid large **/
  .fw-res:not(.cdc-transform) .container.grid .row, .fw-satellite:not(.cdc-transform) .container.grid .row {
    margin: auto;
    max-width: 1044px; }
    .fw-res:not(.cdc-transform) .container.grid .row.blowout, .fw-satellite:not(.cdc-transform) .container.grid .row.blowout {
      margin: 0;
      max-width: 100%; }
    .fw-res:not(.cdc-transform) .container.grid .row.limited-blowout.no-padding, .fw-res:not(.cdc-transform) .container.grid .row.blowout.no-padding, .fw-satellite:not(.cdc-transform) .container.grid .row.limited-blowout.no-padding, .fw-satellite:not(.cdc-transform) .container.grid .row.blowout.no-padding {
      padding: 0; }
  .fw-res:not(.cdc-transform) .container.grid .col.narrow, .fw-res:not(.cdc-transform) .container.grid .col.narrow-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow, .fw-satellite:not(.cdc-transform) .container.grid .col.narrow-v2 {
    -webkit-flex: 1 0 23.5%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 23.5%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 23.5%;
    width: 23.5%; }
  .fw-res:not(.cdc-transform) .container.grid .col.wide, .fw-res:not(.cdc-transform) .container.grid .col.wide-v2, .fw-satellite:not(.cdc-transform) .container.grid .col.wide, .fw-satellite:not(.cdc-transform) .container.grid .col.wide-v2 {
    -webkit-flex: 1 0 74.5%;
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: 74.5%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 74.5%;
    width: 74.5%; } }
@media only screen and (min-width: 64em) {
  /** grid xlarge **/
  .container {
    zoom: 1; } }
@media only screen and (min-width: 64em) {
  /** grid grande **/
  .cdc-transform .container.grid .row:not(.blowout) .col .row .col.wide, .cdc-transform .container.grid .row:not(.blowout) .col .row .col.wide-v2 {
    -webkit-flex: 1 0 calc(75% - 36px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(75% - 36px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(75% - 36px);
    width: calc(75% - 36px); }
  .cdc-transform .container.grid .row:not(.blowout) .col .row .twothirds {
    -webkit-flex: 1 0 calc(75% - 36px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(75% - 36px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(75% - 36px);
    width: calc(75% - 36px); }
  .cdc-transform .container.grid .row:not(.blowout) .row {
    margin: 0; }
    .cdc-transform .container.grid .row:not(.blowout) .row > .col {
      margin: 0 12px; }
      .cdc-transform .container.grid .row:not(.blowout) .row > .col:first-child {
        margin-left: 0; }
      .cdc-transform .container.grid .row:not(.blowout) .row > .col:last-child {
        margin-right: 0; }
  .cdc-transform .container.grid .col {
    margin: 0 12px; }
    .cdc-transform .container.grid .col.narrow, .cdc-transform .container.grid .col.narrow-v2, .cdc-transform .container.grid .col.quarter, .cdc-transform .container.grid .col .row .col.narrow, .cdc-transform .container.grid .col.row .col.narrow-v2 {
      -webkit-flex: 1 0 calc(25% - 48px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(25% - 48px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(25% - 48px);
      width: calc(25% - 48px);
      margin: 0 12px; }
    .cdc-transform .container.grid .col.wide, .cdc-transform .container.grid .col.wide-v2, .cdc-transform .container.grid .col.threequarters {
      -webkit-flex: 1 0 calc(75% - 48px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(75% - 48px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(75% - 48px);
      width: calc(75% - 48px);
      margin: 0 12px; }
    .cdc-transform .container.grid .col.full {
      -webkit-flex: 1 0 calc(100% - 24px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(100% - 24px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(100% - 24px);
      width: calc(100% - 24px); }
    .cdc-transform .container.grid .col.half, .cdc-transform .container.grid .col.half.medium, .cdc-transform .container.grid .col > .row > .col.half, .cdc-transform .container.grid .col > .row > .col.half.medium {
      -webkit-flex: 1 0 calc(50% - 48px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(50% - 48px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(50% - 48px);
      width: calc(50% - 48px);
      margin: 0 12px; }
    .cdc-transform .container.grid .col.third, .cdc-transform .container.grid .col.third-twothirds .third, .cdc-transform .container.grid .col.narrow .third, .cdc-transform .container.grid .col .row .col.third {
      -webkit-flex: 1 0 calc(33.3% - 48px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(33.3% - 48px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(33.3% - 48px);
      width: calc(33.3% - 48px);
      margin: 0 12px; }
    .cdc-transform .container.grid .col.twothirds {
      -webkit-flex: 1 0 calc(66.7% - 48px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(66.7% - 48px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(66.7% - 48px);
      width: calc(66.7% - 48px);
      margin: 0 12px; }

  .cdc-transform #fw-content.container.grid .row.quarter-half-quarter .col.half, .cdc-transform #fw-content.container.grid .row.quarter-half-quarter .col.half.medium {
    -webkit-flex: 1 0 calc(50% - 48px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(50% - 48px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 48px);
    width: calc(50% - 48px);
    margin: 0 12px; }
  .cdc-transform #fw-content.container.grid .row.blowout .row > .col.full {
    -webkit-flex: 1 0 calc(100% - 24px);
    -ms-flex-grow: 1;
    -ms-flex-shrink: 0;
    -ms-flex-basis: calc(100% - 24px);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 24px);
    width: calc(100% - 24px); }
  .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col {
    margin: 0 12px; }
    .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col.half:first-child, .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col:first-child {
      margin-left: 0; }
    .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col.half:last-child, .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col:last-child {
      margin-right: 0; }
    .cdc-transform #fw-content.container.grid .row:not(.blowout) .col .row .col.full {
      -webkit-flex: 1 0 calc(100% - 24px);
      -ms-flex-grow: 1;
      -ms-flex-shrink: 0;
      -ms-flex-basis: calc(100% - 24px);
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: calc(100% - 24px);
      width: calc(100% - 24px); } }
@media only screen and (min-width: 80em) {
  /** grid venti **/
  .cdc-transform .container.grid .row {
    margin: auto;
    max-width: 1280px;
    padding: 0 10px; }
    .cdc-transform .container.grid .row .row .col {
      margin: 0 12px; }
      .cdc-transform .container.grid .row .row .col:first-child {
        margin-left: 0; }
      .cdc-transform .container.grid .row .row .col:last-child {
        margin-right: 0; }
    .cdc-transform .container.grid .row.blowout {
      margin: 0;
      max-width: 100%; }
      .cdc-transform .container.grid .row.blowout > .col > .row:not(.blowout) {
        padding: 0 10px;
        margin: auto;
        max-width: 1280px; }
        .cdc-transform .container.grid .row.blowout > .col > .row:not(.blowout) > .col {
          margin: 0 12px; }
    .cdc-transform .container.grid .row.limited-blowout.no-padding, .cdc-transform .container.grid .row.blowout.no-padding {
      padding: 0; } }

/**
 * Copyright (C) 2013 Cisco
 * $Revision: 1.2 $
 * This is the compiled output for Responsive Login page.
 * login.scss
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * login_style.scss: Styles specific to the login page
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * _login_form.scss: Login Form
 *
 */
/**
 * Copyright (C) 2012 Cisco
 * $Revision: 1.3 $
 * _register.scss: Login registration
 *
 */
/* components/_errors.scss: $Revision: 1.6.2.1 $ */
/** login/login base **/
.js body.cdc-login {
  display: none;
  background-color: #fff; }
  .js body.cdc-login.cdc-login.fw-oaam {
    display: block; }
  .js body.cdc-login.cdc-login.show {
    display: block; }

#login h3 {
  display: none; }

input.default-command-button {
  clear: left; }

#login p.forget {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem; }

#login .checkboxes label {
  display: block;
  position: relative;
  float: left;
  margin: 20px 0;
  padding-left: 25px;
  width: 90%; }

#login .checkboxes input {
  position: absolute;
  left: 0; }

#fw-title-nav, #fw-title-nav p {
  display: block;
  margin-bottom: 9px; }

.fw-oaam #fw-content #flash {
  visibility: hidden; }

.cdc-login .container .row, .cec-login .container .row {
  padding: 0 10px; }
.cdc-login .container .pagetitle, .cec-login .container .pagetitle {
  padding: 14px 0 20px 0;
  display: block; }
.cdc-login .container .button-cta, .cec-login .container .button-cta {
  font-size: 16px;
  font-size: 1.6rem;
  padding-top: 11px;
  padding-bottom: 9px; }
.cdc-login .container .spinner-frame, .cec-login .container .spinner-frame {
  position: absolute !important;
  z-index: 10;
  left: 37%;
  top: 25%;
  width: 90px;
  height: 90px;
  background-color: #000;
  border-radius: 4px;
  border: 0 solid transparent;
  padding: 0;
  opacity: 0.35;
  -moz-opacity: 0.35;
  filter: alpha(opacity=35); }
  .cdc-login .container .spinner-frame .spinner, .cec-login .container .spinner-frame .spinner {
    top: 48% !important;
    left: 50% !important; }
.cdc-login iframe, .cec-login iframe {
  width: 0;
  height: 0; }

.cdc-login #fw-utility {
  display: none; }
.cdc-login #fw-language-select {
  margin-top: 0;
  padding-bottom: 10px; }

body.cec-login {
  background-color: #fff; }

.cec-login .container {
  padding-bottom: 15px; }
  .cec-login .container .pagetitle p {
    padding-top: 20px;
    font-size: 12px;
    font-size: 1.2rem; }
  .cec-login .container .spinner-frame {
    top: 30%;
    left: 35%; }

#warning-msg {
  background-color: #eee;
  border: 1px solid #ccc;
  font-weight: bold;
  padding: 20px;
  border: 0;
  background-color: #f5f5f5;
  display: none;
  padding: 15px 10px 10px 10px;
  margin: 20px 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px; }
  #warning-msg h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    padding-bottom: 9px;
    padding-left: 70px; }
  #warning-msg ul {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    list-style-type: disc;
    margin-left: 15px;
    padding-left: 70px; }
    #warning-msg ul li {
      margin-bottom: 9px; }
  #warning-msg:before {
    content: url("../../../fw/i/responsive/errors-warning.gif");
    float: left;
    padding-right: 15px; }
  #warning-msg:before {
    padding: 5px 8px; }
  #warning-msg h3 {
    padding-left: 60px; }
  #warning-msg ul {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 20px 0 60px;
    margin-bottom: 0; }
    #warning-msg ul li {
      font-weight: normal; }

form#sitewidesearch div:first-child,
#fw-searchbutton {
  display: none; }

#fw-treenav ul#treenav-primary {
  background-color: #fff;
  position: relative; }
  #fw-treenav ul#treenav-primary li {
    border-bottom: 1px solid #ccc; }
#fw-treenav.open a {
  display: block;
  padding: 11px 25px 11px 10px; }

#fw-language-select select {
  border: 1px solid #ccc; }

#login-form ul {
  margin-bottom: 4px; }
  #login-form ul li {
    margin-bottom: 12px; }
  #login-form ul input {
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1.6rem;
    height: 33px;
    margin: 0;
    padding: 4px 0;
    text-indent: 4px;
    width: 100%;
    border: 1px solid #ccc; }
  #login-form ul label {
    display: block;
    line-height: 18px;
    margin-bottom: 2px;
    padding: 4px 0; }

#register h3 {
  border-top: 1px solid #eee;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.25;
  margin-bottom: 9px;
  padding-top: 10px; }
#register p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
  margin-bottom: 26px; }
#register span {
  margin: 8px 0 10px 0; }

@media only screen and (min-width: 37.5em) {
  /** login/login small **/
  .cdc-login h1.pagetitle, .cec-login h1.pagetitle {
    font-size: 26px;
    font-size: 2.6rem; }
  .cdc-login .container .button-cta, .cec-login .container .button-cta {
    font-size: 12px;
    font-size: 1.2rem; }
  .cdc-login #fw-footer ul li, .cec-login #fw-footer ul li {
    padding-left: 10px; }

  #login {
    border: 0;
    width: 60%;
    margin-right: 2.5%;
    margin-bottom: 0;
    float: left; }
    #login label {
      font-size: 12px;
      font-size: 1.2rem;
      clear: left; }
    #login h3 {
      display: block;
      line-height: 1.6;
      margin-bottom: 9px; }
    #login p.forget {
      margin-top: 20px;
      margin-bottom: 0;
      font-size: 11px;
      font-size: 1.1rem; }

  .box-padded {
    margin-bottom: 25px;
    padding: 15px 14px;
    min-height: 231px;
    border: 1px solid #ccc;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    background-clip: padding-box;
    background-color: #fff; }

  #login-button {
    margin-top: 10px;
    width: auto;
    padding: 5px 13px; }

  .cdc-login .container #fw-language-select span {
    display: inline; }
  .cdc-login .container #fw-content-hr {
    display: none; }
  .cdc-login .container .spinner-frame {
    top: 43%;
    left: 25%; }

  .cec-login .container .spinner-frame {
    top: 38%;
    left: 30%; }

  #login-form {
    width: 80%; }
    #login-form ul li {
      display: block;
      margin-bottom: 4px; }
    #login-form ul input {
      float: left;
      padding: 2px 0; }

  #register {
    float: right;
    position: relative;
    width: 36%; }
    #register h3 {
      border-top: 0;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      padding-top: 0; }
    #register span {
      margin-bottom: 8px;
      padding: 5px 13px;
      width: auto; } }
@media only screen and (min-width: 48em) {
  /** login/login medium **/
  .cdc-login #fw-footer, .cec-login #fw-footer {
    padding: 22px 0 15px; }
    .cdc-login #fw-footer ul li:not(:first-child), .cec-login #fw-footer ul li:not(:first-child) {
      padding-left: 0; } }
@media only screen and (min-width: 60em) {
  /** login/login large **/
  .cdc-login .container {
    padding-right: 0; } }
@media only screen and (min-width: 64em) {
  /** login/login xlarge **/
  .cec-login .container {
    padding: 0 0 15px 0; } }