/*@import url(/hc/theming_assets/01HZPRZPM2ZTXRJFH2NEK5X92J);*/
@import url("https://media.withings.com/web/fonts/687085/D4ED6ADEE22015EC4.css");
/* @import url(//p6.zdassets.com/hc/theme_assets/125350/200034457/fonts.css); */
/* new Withings Font Face MG-090818 */
/*@font-face {
  font-family: "Gotham A";
  src: url(/hc/theming_assets/01HZPRZPRH69GNBRTJN71FFTFD) format("woff"), url(/hc/theming_assets/01HZPRZPECHEE9MN0DFHM4CB5K)  format("truetype");
}
@font-face {
  font-family: "Gotham A", "Gotham B";
  src: url(/hc/theming_assets/01HZPRZJ7JEHR84N6KRK3XM0N0)  format("truetype"), url(/hc/theming_assets/01HZPRZMWGX6H1P688VDNW6MSK) format("woff");
}*/

html,
button,
input,
select,
textarea {
    color: #000;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

html {
    font-size: 62.5%;
    position: relative;
    height: 100%;
}

body {
    font-family: "Gotham A",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #273142;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: "Gotham A", "Gotham B",Arial,Helvetica,sans-serif;
    font-weight: bold;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2rem;
    font-family: "Gotham A",Arial,Helvetica,sans-serif;
    color: #4d5766;
}

h1 {
/*     font-size: 40px; */
/*     font-size: 4rem; */
/*     line-height: 50px; */
/*     line-height: 4.6rem; */
}


h2 {
    font-size: 35px;
    font-size: 3.5rem;
    position: relative;
    font-weight: bold;
    line-height: 46px;
    line-height: 4.6rem;
}
::-moz-selection {
    background: black;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: black;
    color: #fff;
    text-shadow: none;
}
body *, body *:before, body *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
    text-decoration:none;
    color: black;
    border: none;
    outline: none;
    font-weight: 400;
}
a:active {
   opacity: .9;
}
a:hover {
}
input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: inset 1px 1px 1px #ccc!important;
    border: 1px solid #aaa!important;
}
input[type='submit']:focus {
    box-shadow: none!important;
}

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

audio,
canvas,
img,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.fright {
    float: right;
}
.fleft {
    float: left;
}

.icon-globe:before {
    background-position: 0 -1566px;
    width: 26px;
    height: 26px;
    -webkit-transform: scale(0.923);
    -moz-transform: scale(0.923);
    -ms-transform: scale(0.923);
    -o-transform: scale(0.923);
    transform: scale(0.923);
}
.icon-globe:before {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}

#sub-header.open {
    display: block;
}
#sub-header {
    display: none;
    width: 100%;
    background-color: #f1f1f1;
}
#sub-header #sub-header_body {
    max-width: 1660px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.container:after, .container:before {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
html:not(.ie) .row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
body > header {
    background-color: #fff;
}
#sub-header #sub-header_body #sub-header_body_title * {
    line-height: 7rem;
    height: 5rem;
    float: left;
}
#sub-header #sub-header_body #sub-header_body_title #sub-header_body_title_home:after {
    margin-left: 15px;
    margin-right: 15px;
    content: "|";
    font-size: 1.85rem;
    line-height: 1.85rem;
    color: #9aa2ad;
}
.nokia-link::after {
    background: url(https://customerservice.withings.com/hc/4851384631/assets/link-arrow-blue.svg);
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    vertical-align: middle;
    width: 20px;
}
.row>div {
    width: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: top;    
}
#sub-header .col-xs-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#sub-header #sub-header_body #sub-header_body_thumbnails .sub-header_body_thumbnail .sub-header_body_thumbnail_image {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
#sub-header #sub-header_body #sub-header_body_thumbnails .sub-header_body_thumbnail .sub-header_body_thumbnail_image:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
#sub-header img {
    max-width: 100%;
}
#sub-header #sub-header_body #sub-header_body_title #sub-header_body_title_home img {
    height: 24px;
    margin-top: 22px;
    display: block;
}
#sub-header #sub-header_body #sub-header_body_thumbnails {
    padding: 0 0 20px 0;
    text-align: center;
}
#sub-header #sub-header_body #sub-header_body_thumbnails .sub-header_body_thumbnail {
    display: inline-block;
    margin: 20px auto 0 auto;
}
.nokia-link {
    font-size: 2rem;
}
#sub-header #sub-header_body #sub-header_body_thumbnails .sub-header_body_thumbnail .sub-header_body_thumbnail_title {
    padding-bottom: 10px;
    font-weight: bold;
    text-align: left;
}
#sub-header p {
    line-height: normal;
    padding: 0;
    margin: 0;
}
#sub-header #sub-header_body #sub-header_body_sites_title {
    text-align: center;
}
#sub-header #sub-header_body #sub-header_body_sites_title p {
    color: black;
    line-height: 2rem;
    height: 2rem;
    font-weight: bold;
    cursor: pointer;
}
#sub-header #sub-header_body #sub-header_body_sites_title p:before {
    width: 20px;
    content: '+';
    padding-right: 5px;
    display: inline-block;
}
#sub-header #sub-header_body #sub-header_body_sites_title.open p:before {
    content: '-';
}
#sub-header #sub-header_body #sub-header_body_sites_links.open {
    display: block;
}
#sub-header #sub-header_body #sub-header_body_sites_links {
    display: none;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 0;
}
.headerMenuItem#headerMenuExplore .row .headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink img {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: none;
    padding: 0;
}
#sub-header #sub-header_body #sub-header_body_sites_links .sub-header_body_sites_link {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
}
.headerMenuItem#headerMenuExplore .row .headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink {
    text-decoration: none;
    display: block;
    padding: 0;
    margin: 0;
}
.headerMenuItem#headerMenuExplore .row .headerSubmenuColumn .headerSubmenuItem {
    width: 100%;
    height: auto;
    background: none;
    padding: 0;
}
.headerMenuItem#headerMenuExplore .row .headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink .nokia-link {
    font-size: 1.7rem;
    height: 4rem;
    line-height: 4rem;
    padding: 0;
    display: inline-block;
}
.headerMenuItem.hasChildren .headerMenuLink:after {
    content: '+';
    float: right;
    font-size: 2rem;
    font-size: 20px;
    width: 12px;
    text-align: center;
}
.headerMenuItem.hasChildren.open .headerMenuLink:after {
    content: '-';
}
.headerMenuItem.open > a {
    color: #bec8d2;
}
.headerSubmenu {
    position: relative;
    display: block;
    width: 100%;
}
.headerSubmenuColumn#headerSubmenuColumnAccessories .headerSubmenuItem.headerSubmenuButton {
    display: none;
}
header .headerSubmenu ul li a {
    padding: 10px;
    display: inline-block;
}
.headerSubmenu .headerSubmenuColumn {
    display: inline-block;
    width: 100%;
    display: inline-block;
    vertical-align: top;    
}
.headerSubmenu .headerSubmenuContainer {
    width: 100%;
    font-size: 0;
    padding-right: 5px;
} 
.headerMenuItem.hasChildren .headerSubmenu .headerSubmenuClose {
    display: none;
    padding: 0;
}
.headerMenuItem.hasChildren .headerSubmenu {
    display: none;
}
.headerMenuItem.open .headerSubmenu {
    display: block!important;
}
.headerSubmenuLink img {
    max-height: 90%;
    padding-top: 10px;
    height: calc(100% - 30px);
}
 .headerSubmenuColumn .headerSubmenuItem {
    padding: 0;
    background-color: #f5f5f5;
    box-sizing: border-box;
    border-left: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    height: 42vw;
}
.headerSubmenuColumn .headerSubmenuItem {
    float: left;
    padding: 0;
    background-color: #f5f5f5;
    box-sizing: border-box;
    border-left: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    width: 50%;
    height: 42vw;
}
.headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink {
    display: block;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    padding: 10px;
}
.headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink p {
    font-size: 1.6rem;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin: 0;
    overflow: visible;
}
.headerSubmenuColumn .headerSubmenuItem .headerSubmenuLink {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    padding: 10px;
}
.headerSubmenuItem .headerSubmenuLink img {
    max-height: 90%;
    padding-top: 10px;
    height: calc(100% - 30px);
}
.headerSubmenuItem .headerSubmenuLink img#headerSubmenuThermoImageDesktop {
    display: none;
}
.headerSubmenuItem .headerSubmenuLink img {
    max-height: 90%;
    padding-top: 10px;
    height: calc(100% - 20px);
}
.headerSubmenuItem .headerSubmenuLink img {
    padding-top: 10px;
    max-height: none;
}
.headerSubmenuItem#headerSubmenuAccessories {
    background-color: black;
}
.headerSubmenuColumn#headerSubmenuColumnAccessories .headerSubmenuItem.headerSubmenuButton {
    background-color: black;
}
.headerSubmenuColumn#headerSubmenuColumnAccessories .headerSubmenuItem.headerSubmenuButton p {
    color: #fff;
}

.headerSubmenuColumn .headerSubmenuItem.headerSubmenuButton {
    width: 100%;
    height: auto;
    margin-top: 0; 
    margin-bottom: 36px;
    background-color: transparent;
}
.headerSubmenuItem#headerSubmenuAccessories .headerSubmenuLink {
    display: table;
    padding: 0;
    margin: 0;
}
#headerSubmenuAccessories .nokia-link {
    display: table-cell;
    color: #ffffff;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 100%;
    vertical-align: middle;
}
.nokia-link:hover, .nokia-link::after {
    transition: all 100ms ease-in-out;
    cursor: pointer;
}
.nokia-link:hover::after {
    transform: translateX(3px);
}
.nokia-link::after {
    background: url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNSAxMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Imljb25zLWJsdWUtMC4wLjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtMTM3LjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbi1hcnJvdy1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ4LjAwMDAwMCwgMTQzLjAwMDAwMCkgcm90YXRlKC0zNjAuMDAwMDAwKSB0cmFuc2xhdGUoLTE0OC4wMDAwMDAsIC0xNDMuMDAwMDAwKSB0cmFuc2xhdGUoMTM2LjAwMDAwMCwgMTMxLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMwMDExMzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI0IDEyIDE4LjUgMTIgMTguNSAxMyA0IDEzIj48L3BvbHlnb24+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi43LDE4LjYgTDEyLDE3LjkgTDE3LjYsMTIuMyBMMTIsNi43IEwxMi43LDYgTDE4LjcsMTIgQzE4LjksMTIuMiAxOC45LDEyLjUgMTguNywxMi43IEwxMi43LDE4LjYgTDEyLjcsMTguNiBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDExMzUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuMDAwMDAwLCAtMTIuMDAwMDAwKSAiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 17px;
    margin-left: 15px;
    vertical-align: middle;
    width: 20px;
}

#headerSubmenuAccessories .nokia-link:after,
.headerSubmenuColumn#headerSubmenuColumnAccessories .headerSubmenuItem.headerSubmenuButton p:after {
       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlBhZ2UtMSI+DQoJPGcgaWQ9Imljb25zLWJsdWUtMC4wLjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDAuMDAwMDAwLCAtMTM3LjAwMDAwMCkiPg0KCQk8ZyBpZD0iR3JvdXAiPg0KCQkJDQoJCQkJPGcgaWQ9Imljb24tYXJyb3ctcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0OC4wMDAwMDAsIDE0My4wMDAwMDApIHJvdGF0ZSgtMzYwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNDguMDAwMDAwLCAtMTQzLjAwMDAwMCkgdHJhbnNsYXRlKDEzNi4wMDAwMDAsIDEzMS4wMDAwMDApIj4NCgkJCQk8cG9seWdvbiBpZD0iU2hhcGUiIGNsYXNzPSJzdDAiIHBvaW50cz0iNC4yLDEzLjggMjMuMiwxMy44IDIzLjIsMTUuMiA0LjIsMTUuMiAJCQkJIi8+DQoJCQkJPHBhdGggaWQ9IlNoYXBlXzFfIiBjbGFzcz0ic3QwIiBkPSJNMTUuNiwyMi41bC0wLjktMC45bDcuMy03LjNMMTQuNyw3bDAuOS0xbDcuOCw3LjhjMC4zLDAuMywwLjMsMC43LDAsMC45TDE1LjYsMjIuNQ0KCQkJCQlMMTUuNiwyMi41eiIvPg0KCQkJCTxwb2x5Z29uIGlkPSJTaGFwZV8yXyIgY2xhc3M9InN0MSIgcG9pbnRzPSIzMC4zLDI5LjUgLTEsMjkuNSAtMSwtMS44IDMwLjMsLTEuOCAJCQkJIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
}

body > .sub-header {
    background-color: #f5f5f5;
    overflow: auto;
    min-height: 80px;
    clear: both;
}
.sub-header .inner-wrap {
    padding: 20px 10px;
    line-height: 47px;
}
.sub-header .inner-wrap:after {
    content: "";
    display: block;
    clear: both;
}
.sub-header .inner-wrap .right-wrap {
    min-width: 300px;
}
.sub-header .inner-wrap .right-wrap.fright {
    float: none;    
}
.header-inner,
header .header-inner {
    margin: 0px auto;
    text-align: center;
    position: static;
    overflow: auto;
    padding: 0 10px;
}

header a.product-filter {
    display: inline-block;
    height:26px;
    position:absolute;
    left:5%;
    font-weight:bold;
}
header a.product-filter.toggled:before {
    content: "\2716";
    font-size: 25px;
}
header a.product-filter:before {
    content: "\2630";
    font-family: "entypo";
    font-size: 30px;
    height: 24px;
    color: #36c1e1;
    line-height: 26px;
    display: inline-block;
}
header nav.user-nav ul {
    list-style-type: none;
    margin-top: 5px;
}
header nav.user-nav ul li {
    display: inline-block;
    margin-right: 0;
}
header nav.user-nav ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 17.6px;
    line-height: 1.7rem;
    font-family: "Gotham A", Arial, Helvetica, sans-serif;
    padding: 10px;
    padding-left: 0px;
    display: inline-block;    
}
header nav.user-nav {
    color: #fff;
    overflow: visible;
    vertical-align: top;
    display: none;
}
header a.mobile-menu-button {
    position: relative;
    float: right;
    top: 25px;
    display: inline-block;
    margin-right: 10px;
    z-index: 9999999;
}
header a.mobile-menu-button:after {
    content: "";
    display: block;
    width: 36px;
    height: 26px;
    margin-top: 2px;
    background-position: 0px -1695px;
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}

header.mobile-menu-show .header-inner,
header.mobile-menu-show nav.user-nav {
    position: static;
    z-index: 99;
    padding: 0 10px;
}
header.mobile-menu-show nav.user-nav {
    display: block;
    width: 100%;
}
header.mobile-menu-show nav.user-nav > ul {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    margin-top: 0;
    padding: 0px;
    box-sizing: border-box;
    text-align: left;
}
header.mobile-menu-show nav.user-nav ul li {
    display: block;
}
header.mobile-menu-show nav.user-nav ul li a {
    font-size: 2.5rem;
    display: block;
}
header .header-inner > a.menu-close {
    display: none;
    z-index: 999999;
    position: absolute;
    top: 18px;
    right: 40px;
    width: 36px;
    height: 36px;    
}
header.mobile-menu-show .header-inner a.menu-close {
    display: none;
}

header nav.user-nav > * {
    display:inline-block;
    vertical-align: middle;
}

.menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
}
.menu-close:hover:before,
.menu-close.rotated:before {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.2s ease-in-out;
}
.menu-close:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 36px;
    height: 36px;
    background-position: 0 -1654px;
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-bluebad1v1_93.svg);
    transition: all 0.2s ease-in-out;
}
.dropdown-menu {
    border: none;
    background: #f4f4f4;
    border-radius: 0px;
    box-shadow: none;
    display: none;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: normal;
    left: 0;
    margin-top: auto;
    min-width: 100%;
    max-width:100%;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 1000;
}
.dropdown-menu a[role=menuitem] {
    cursor: pointer;
    margin: 0px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    line-height: 48px;
    vertical-align: middle;
    width: 33.9%;
}
.dropdown-menu [role="menuitem"]:hover span {
    text-decoration: underline;
}
a.dropdown-toggle {
    font-size: 13px;
    font-size: 1.3rem;
    vertical-align: bottom;
    line-height: 23px;
    color: black;
    width: 100px;
    text-align: center;
    line-height: 47px;
    line-height: 4.7rem;
}
a.dropdown-toggle:after {
    content: "";
}

.language-box {
    display: none;
    width: 100%;
    overflow: hidden;
    background-color: #f4f4f4;
    position: fixed;
    z-index: 99999;
    padding-top: 30px;
    padding-bottom: 90px;
}
.language-box h3 {
    background-color: #f4f4f4;
    font-weight: bold;
    padding:0px;
    margin:0px;
    text-align: center;
    text-transform: uppercase;
    font-size:15px;
    font-size:1.5rem;
    line-height: 20px;
    padding:15px;
}

header .current-filter {
    display: none;
    background-color: #00afd8;
    padding:8px 17px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
header .current-filter span {
    font-weight: bold;
}
header .current-filter a {
    float: right;
}
header .current-filter a:after {
    display: inline-block;
    position: relative;
    font-family: "entypo";
    color: #fff;
    font-size: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    content: "\2716";
}

.search-box {
    display:block;
}

main .hero-unit.search-box form {
    margin: 0px auto;
    position: relative;
    margin: 30px 0px;
    margin-top: 15px;
}
main .hero-unit.search-box form input#query {
    font-weight:300;
    width: 100%;
    height:35px;
    border:1px solid #d6d6d6;
    border-radius: 5px;
    line-height: normal;
    padding-left:10px;
    box-shadow: inset 1px 1px 2px #dedede;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
main .hero-unit.search-box form:after {
    content: "\1F50D";
    font-family: "entypo";
    color: #999;
    font-size: 20px;
    pointer-events: none;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
}
main .hero-unit.search-box form input[name=commit],
main .hero-unit.search-box form:after {
    position:absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 35px;
    background: none;
    border: none;
    font-weight: 400;
}
main .hero-unit.search-box form input[name=commit] {
    text-indent: -9999px;
}
main .hero-unit.search-box form input[name=commit]:focus {
    box-shadow: none!important;
}
.row-full {
     width: 100vw;
     position: relative;
     margin-left: -50vw;
     left: 50%;
}
.bg-gray1 {
    background-color: #f5f5f5;
}
.sub-header a.submit-a-request:link {
    margin-right: 10%;
}

/*
ul.step1-list li {
    width: 100%;
    min-width: 300px;
    margin-bottom: 20px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.step1-list li:nth-child(odd) {
    margin-right: 3%;
    margin-right: 3%;
}
ul.step1-list li a {
    position: relative;
    display: block;
    font-weight: bold;
}
ul.step1-list li a:before {
    content: " ";
    padding-bottom: 50%;
    width: 100%;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: cover;
    margin-bottom: 15px;
}

ul.step1-list,
*/ /* MKG remove and restyled in main style.css
/*ul.section-list,*/ /* MG restyled in main style.css  */
ul.shop-misc {
  list-style: none;
  padding:0px;
  margin:0px;
  margin-bottom: 40px;
}

/*ul.section-list li,*/ /* MG restyled in main style.css  */
ul.shop-misc li {
  border-top: 1px solid #e2e2e2;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 10px;
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
  border-radius: 20px; 
}
/*ul.section-list li:last-child,*/ /* MG restyled in main style.css  */
ul.shop-misc li:last-child{
    border-bottom: 1px solid #e2e2e2;
}
/*ul.section-list li a,*/ /* MG restyled in main style.css  */
ul.shop-misc li a {
    color: #4d5766; 
    font-weight: 300;
    position: relative;
    white-space: nowrap;
    display: block;
    padding: 10px 3px;
}
/*
ul.section-list li a {
    padding: 20px 20px;
    box-sizing: border-box;
}
*/ /* MG restyled in main style.css  */
/*ul.section-list li a span,*/ /* MG restyled in main style.css  */
ul.shop-misc li a span {
    width: 60%;
    white-space: normal;
    display: block;
    vertical-align: middle;
}
/*
ul.section-list li a:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
*/ /* MG restyled in main style.css  */
/*
ul.category-list li a p {
    margin: 0;
}
ul.category-list li a p.year {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
}
ul.category-list li a > div {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
ul.category-list li a span + span {
    padding-top: 0;
}
ul.category-list li a p.year {
    color: #97999b;
    font-family: "Gotham A", Arial, Verdana, sans-serif;
    margin-left: 10px;
}
ul.category-list li a p.year:first-child {
    margin-left: 0;
}
*/
/*
ul.section-list li a:before {
    content: none;
}
ul.section-list li a:before {
    width: 40px;
    height: 40px;    
}
*/ /* MG restyled in main style.css  */
.upload-item .upload-remove {
    color: #888;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0 15px 0 15px;
    font-size: 21px;
}
.upload-item .upload-progress {
    background-color: black;
    height: 2px;
    transition: width .5s linear;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
    left: 0;
}

nav.category-nav {
    text-align: center;
    white-space: nowrap;
    position:relative;
    background-color: #f9f9f9;
    padding: 10px 0px;
    padding-bottom:0px;
    min-height: 146px;
    display:none;
}
nav.category-nav .scroll-wrap {
    max-width: 1000px;
    min-height: 140px;
    overflow: hidden;
    overflow-x: visible;
    margin: 0px auto;
    overflow-x: visible;
}
nav.category-nav ul.category-list {
    margin:0;
    position: relative;
    margin-bottom:20px;
}
nav.category-nav ul.category-list li {
    max-width: 150px;
    border:none;
    display:inline-block;
    vertical-align:top;
    min-width:100px;
}
nav.category-nav ul.category-list li a {
    margin: 0px auto;
}
nav.category-nav ul.category-list li a:after {
    content:none;
}
nav.category-nav ul.category-list li a:before {
    background-size: 60px 60px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin:0;
}
nav.category-nav ul.category-list li a span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 17px;
    line-height: 1.7rem;
    margin: 0px auto;
    font-weight: lighter;
    display:block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*ul.category-list li.selected a span,*/
nav.category-nav ul.category-list li.selected a span{
    font-weight: bold;
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
    position: relative;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-x .scroll-bar {
    height:10px;
    background:transparent;
    position:absolute;
    border-bottom:2px solid #00afd8;
    bottom:0px;
    cursor: pointer;
    -webkit-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -kthtml-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.scroll-x .scroll-bar:hover {
    background-color: #00afd8;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -ms-transition: background-color .1s linear;
    -kthtml-transition: background-color .1s linear;
    transition: background-color .1s linear;
}
.scroll-x .scroll-bar:active {
    background-color: #eee;
    border-bottom:1px solid #aaa;
    -webkit-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -kthtml-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.scroll-element_track{
    height: 2px;
    background-color: #fff;
    width: 100%;
    cursor: pointer;
}

/* MKG071018 - restyled in main style.css
div.form {
    margin: 30px auto;
    padding: 10px 20px;
}
div.form h1.page-header {
    text-align: left;
    margin-top:0px;
}
*/
form.request-form {
    font-size:0;
    width:100%;
    margin:0px;
    padding:0px;
    position: relative;
    text-align: left;
}
form.request-form .form-field,
/* MKG071018 - restyled in main style.css
form.request-form footer {
    width: 100%;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
*/
form.request-form .form-field.request_description {
    width: 100%;
}
form.request-form .form-field.request_description p {
    font-size:13px;
    font-size:1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
}
form.request-form .form-field label {
    display: none;
}
form.request-form .form-field.required:before {
    content: "*";
  display: block;
  position: absolute;
  color: #ff2222;
  left: 0px;
  top: 6px;
}
form.request-form .form-field input,
form.request-form .form-field textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #d7d6d6;
    height: 36px;
    line-height:normal;
}
form.request-form .form-field textarea {
    min-height: 150px;
}

/*form.request-form button#ajax_submitter, MKG071018 - restyld in main style.css*/
form.request-form input[type=submit],
form.footer-search input[type=submit] {
    font-weight: bold;
    display: inline-block;
    color: #001135;
    border: solid 1px #001135;
    border-radius: 30px;
    padding: 5px 20px;
    font-size: 13px;
    min-width: 150px;
    text-transform: uppercase;
    text-align: center;
    background-color: black;
    border: solid 1px black;
    color: #fff!important;
    line-height: 24px; 
}
/* MKG071018 - restyld in main style.css
form.request-form button#ajax_submitter {
    display: none;
}
*/

form.request-form button#ajax_submitter:disabled,
input:disabled,
input[disabled] {
  background-color: #666!important;
  border: solid 1px #222!important;
  color: #fff;
}

.form-field .upload-dropzone {
    position: relative;
    text-align: left;
    border: none;
    cursor: pointer;
    display: block;
    /* max-height: 40px; */
    line-height: 0px;
    font-weight: 500;
}
.upload-dropzone input[type=file], 
.upload-dropzone input[type=file]::-webkit-file-upload-button {
/*     max-width: 320px; */
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    line-height: 40px!important;
    z-index: 9999;
    height: 100%;
    cursor: pointer;
}
.form-field .upload-dropzone span {
    font-size: 13px;
    font-size: 1.3rem;
    color: black;
    z-index: 10;
    line-height: 10px;
    padding: 0;
}
.upload-dropzone span {
  	font-weight: 500;
  	color: #999; 
}
.form-field .upload-dropzone span::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: 0px -1884px;
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);    
}
body > .notification {
    position: fixed;
    top: 0;
    z-index: 99999999;
}
.notification {
    padding: 0px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7rem;
}
.notification-inner {
    padding: 10px 20px;
}
.error-page {
    margin-bottom: 200px;
}
.notification-error {
    background: #ff8875;
    border-color: #ff8875;
}
.notification-inline:before,
.notification-inline:after {
    border-bottom-color: #ff8875;
}
a.notification-dismiss:before {
    color:#fff;
    font-weight:bold;
    font-size:17px;
}
.notification-notice {
    background: #5cabdf;
}
.notification-notice .notification-inner {
    padding:15px;
}

li.upload-item {
    width: 100%;
    background: #efefef;
    height: 30px;
    line-height: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
h2#issue-list-head,
h2#prod-list-head {
    display:none;
    margin: 60px 0 60px;
    text-align: center;
}
h2#article-list-head {
    display:none;
    margin: 60px 0 30px;
    text-align: left;
}
form.request-form .searchbox {
    display: none!important;
}
.searchbox-suggestions ul {
    padding:0px;
    margin:10px;
    list-style:none;
    font-size: 1.2rem;
    line-height:1.4rem;
}
.searchbox-suggestions ul li {
    margin-top:10px;
}
.wizard-actions-wrap div.pop-tip h1 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    line-height: 25px;
    line-height: 2.5rem;
    padding: 0;
    color: #fff;
    font-weight: bold;    
}
.wizard-actions-wrap div.pop-tip {
    font-size: 13px;
    line-height: 17px;
    background-color: black;
    color: #fff;
    position: absolute;
    z-index: 9;
    width: 80%;
    right: 39px;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
}
#mac-pop {
    position: absolute;
    top: 16px;
    right: 16px;
}
#mac-pop:before {
    content: "\2139";
    font-family: "entypo";
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    background-color: #3884ec;
    text-align: center;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

#pop-bg-blur {
    display:none;
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background: rgba(0,0,0,.7);
    height:100%;
    width:100%;
}
#pop-bg-blur #mac-popup-wnd {
    display: none;
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    margin:0px auto;
    margin-top:100px;
    max-width: 50%;
    min-width: 250px;
    max-width: 500px;
}
#pop-bg-blur #mac-popup-wnd h1,
#pop-bg-blur #mac-popup-wnd h2,
#pop-bg-blur #mac-popup-wnd h3,
#pop-bg-blur #mac-popup-wnd img {
    text-align: center;
    display:block;
    margin: 0px auto;
}
#pop-bg-blur #mac-popup-wnd img {
    width: 100%;
}
#pop-bg-blur #mac-popup-wnd #pop-wnd-wrap {
}
#pop-bg-blur #mac-popup-wnd #close-mac-pop {
    display: block;
    margin: 0px auto;
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #9cd200;
    margin-top:20px;
    border-radius: 3px;
}
.loadingCon {-webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; margin-top:10px}
.loadingBallsWrapper.loadingCon {-webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; margin-top:10px}
.loadingBallsWrapper .loadingBall {
    display:inline-block;
     width:1em;
     height:1em;
     border-radius:1em;
     -webkit-animation:bouncedelay 1.4s infinite ease-in-out;
     animation:bouncedelay 1.4s infinite ease-in-out;
     -webkit-animation-delay:-.48s;
     animation-delay:-.48s;
      -webkit-animation-fill-mode:both;
      animation-fill-mode:both;
      background-color:#c2cacf;
      margin-right:16px
}
.loadingBallsWrapper .loadingBall.second {-webkit-animation-delay:-.32s; animation-delay:-.32s}
.loadingBallsWrapper .loadingBall.third {-webkit-animation-delay:-.16s; animation-delay:-.16s; margin-right:0}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {-webkit-transform:scale(0.0); transform:scale(0.0)}
  40% {-webkit-transform:scale(1.0); transform:scale(1.0)}
}
@keyframes bouncedelay {
  0%, 80%, 100% {-webkit-transform:scale(0.0); -ms-transform:scale(0.0); transform:scale(0.0)}
  40% {-webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0)}
}
.loadingBallsWrapper.loadingBallsWrapper {
    text-align: center;
    padding-top: 90px;
    position: absolute;
    left: -20px;
    right: -20px;
    height: 100%;
    background: #fff;
    z-index: 999;
}
form .loadingBallsWrapper.loadingBallsWrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
}
.forceChatterEditGroupNotificationSettings.uiButton.picker, 
.forceChatterEditGroupNotificationSettings.uiButton.pickerSelected {
    display:block;
    width:100%;
    text-align:left;
    padding:1rem;
    border-top:1px solid #ebebeb;
    border-bottom:none;
    border-left:none;
    border-right:none;
    margin:2px;
    background-color:Transparent;
    font-size:1rem}


div#confirmation_overlay {
    display: none;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    background: rgba(18, 65, 145, 0.15);
}

div#confirmation_overlay div#confirmation_popup {
    width: 90%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 8%;
    text-align: center;
    max-height: 85%;
    overflow: auto;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,.1);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;    
}
div#confirmation_overlay div#confirmation_popup.place {
    margin-top: 5%;
    box-shadow: 0px 0px 30px 5px rgba(0,0,0,.1);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;    
}

div#confirmation_popup .conf-content {
    padding: 20px 0;
}

div#confirmation_popup .conf-content h1 {
    font-size: 45px;
    line-height: 4.5rem;
    font-size: 4.5rem;
    margin: 0;
    padding: 20px 0;
}
div#confirmation_popup .conf-content p {
    font-size: 16px;
    line-height: 25px;
    max-width: 100%;
    margin: 0 auto;
}
p.icon-confirmation-green {
    background: url(https://customerservice.withings.com/hc/4851384631/assets/other_icons/icon_rounded_ok.svg);
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-gray-0 {
    background-color: #f4f4f4;
    color: #4d5766 !important;
}
.global-footer {
    padding-top: 50px;
    padding-bottom: 10px;
}
#footer-nokia-copyright {
    padding-bottom: 25px;
}
#footer-nokia-copyright .copyright {
    margin-left: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    line-height: 18px;    
}
.nokia-footer-block .copyright, .nokia-footer-block .footer-menu {
    text-align: center;
    padding: 0;
    margin-top: 5px;
}
.nokia-footer-block ul.menu li {
    display: inline-block;
    margin: 0 20px;
    padding: 0;
}
.nokia-footer-block a {
    color: #4d5766;
}
.global-footer ul {
    max-height: 0px;
    overflow: hidden;
}
.footer-column h6.open + ul {
    max-height: 300px;
    transition: all 100ms ease-in-out;

}
.global-footer .footer-column h6 {
    cursor: pointer;
    font-weight: normal;
}
.global-footer .footer-column li {
    word-wrap: break-word;
}
.global-footer h6 {
    font-family: "nokia-pure-headline-regular";
    border-bottom: 1px solid #bec8d2;
    padding-top: 10px;
    padding-bottom: 13px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 36px;
    line-height: 2rem;
}
.global-footer .footer-column h6:after {
    content: '+';
    float: right;
    background: none;
    font-size: 2rem;
    font-size: 20px;
    width: 12px;
    text-align: center;
    float: right;
    font-size: 2rem;
    font-size: 20px;
    width: 12px;
    text-align: center;    
}
.global-footer #footer-social-networks {
    text-align: center;
    padding-top: 20px;
}
.global-footer #footer-social-networks h6 {
    display: none;
    padding-bottom: 10px;
    margin: 0;
    font-weight: normal;
}
#footer-social-networks a {
    height: 36px;
    width: 50px;
    text-align: center;
    display: inline-block;
}
#footer-nokia-copyright {
    padding-bottom: 25px;
}
.global-footer #footer-social-networks a:before {
    transform: scale(1.5);
}
.icon-facebook.icon-gray-3:before {
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-gray_3-0.0.8.svg);
}
.icon-facebook:before {
    background-position: 0 -1494px;
    width: 24px;
    height: 24px;
}
.icon-facebook:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.icon-twitter.icon-gray-3:before {
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-gray_3-0.0.8.svg);
}
.icon-twitter:before {
    background-position: 0 -2073px;
    width: 24px;
    height: 24px;
}
.icon-twitter:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.icon-youtube.icon-gray-3:before {
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-gray_3-0.0.8.svg);
}
.icon-youtube:before {
    background-position: 0 -2119px;
    width: 24px;
    height: 24px;
}
.icon-youtube:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.icon-instagram.icon-gray-3:before {
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-gray_3-0.0.8.svg);
}
.icon-instagram:before {
    background-position: 0 -1592px;
    width: 24px;
    height: 24px;
}
.icon-instagram:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.icon-linkedin.icon-gray-3:before {
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-gray_3-0.0.8.svg);
}
.icon-linkedin:before {
    background-position: 0 -1616px;
    width: 24px;
    height: 24px;
}
.icon-linkedin:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.nokia-footer-block a.language-link {
    padding: 25px 0;
    text-align: center;
    color: black;
}
.icon-globe:before {
    background-position: 0 -1566px;
    width: 26px;
    height: 26px;
    -webkit-transform: scale(0.923);
    -moz-transform: scale(0.923);
    -ms-transform: scale(0.923);
    -o-transform: scale(0.923);
    transform: scale(0.923);
}
.icon-globe:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
}
.nokia-footer-block a.language-link {
    padding: 25px 0;
    text-align: center;
    color: black;
    display: block;
}
.global-footer #footer-nokia-sites #footer-nokia-sites_language {
    display: none;
}
.nokia-footer-block .copyright, .nokia-footer-block .footer-menu {
    text-align: center;
    padding-top: .85em;
}

footer.footer .col ul li a.rounded.blue {
    margin-top: 30px;
}
footer.footer .col ul li a.rounded {
    margin-top: 10px;
}
a.rounded,
footer.footer .col ul li a.rounded {
    letter-spacing: 0.05rem;
    white-space: nowrap;
    display: inline-block;
    background: black;
    color: #fff;
    border: solid 1px black;
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 13px;
    min-width: 100px;
    text-transform: uppercase;
    text-align: center;
    min-width: 120px;
}
footer.footer .col ul li a.rounded:hover,
a.rounded:hover {
    background: #fff;
    color: black;
}
a.rounded.blue {
    background-color: black!important;
    border: solid 1px black!important;
    color: #fff!important;
}
a.icon {
    position: relative;
}
a.icon:before {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    content: " ";
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);    
}
a.icon.facebook:before {
    background-position: 0px -1492px;
    width: 26px;
    height: 26px;
}
a.icon.twitter:before {
    background-position: 0px -2071px;
    width: 26px;
    height: 26px;
}
a.icon.youtube:before {
    background-position: 0px -2120px;
    width: 26px;
    height: 22px;
}
a.icon.instagram:before {
    background-position: 0px -1595px;
    width: 26px;
    height: 19px;
}
a.icon.linkedin:before {
    background-position: 0px -1617px;
    width: 26px;
    height: 23px;
}
a#back-categs:link,
a#back-categs:visited {
    display:block;
    color: #000;
    text-align: center;
    height:44px;
    height:4.4rem;
    line-height: 42px;
    line-height: 4.2rem;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align:middle;
    border-radius: 5px;
    border: 1px solid #d7d6d6;
    margin-top: 20px;
}


a#back-categs:link,
a#back-categs:visited {
    color: #7f7f7f;
}
.shlmsg {
    position: relative;
    background-color: black;
    color: #fff;
    padding: 10px 17px;
    vertical-align:top;
}
.shlmsg:before, .shlmsg > a {
    display:inline-block;
    position:relative;
    font-family: "entypo";
    font-size: 20px;
    font-size: 2rem;
}
.shlmsg:before {
    content: "\26A0";
    vertical-align:top;
    display:inline-block;
    margin-right:10px;
}
.shlmsg > a {
    vertical-align: top;
    float: right;
    color: #fff;
}
.shlmsg > a:after {
    content: "\2716";
}
.shlmsg span {
    width: 80%;
    display:inline-block;
}
.shlmsg span > a{
    display:inline-block;
        color: #fff;
        text-decoration: underline;
}
section.promoted-articles h3{
    display:none;
}

#promo-arts {
    display: none;
}


nav.sub-nav {
    font-size: 0!important;
    margin: 15px 0px;
    font-weight:300;
}
nav.sub-nav > ol{
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
}

.category-description {
    display: none;
    vertical-align: top;
}
.category-description > span.res-title {
    text-transform: uppercase;
    color: #a3a3a3;
    vertical-align: top;
}
.category-description ul.res-list {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.category-description ul.res-list li {
    vertical-align: top;
    display: block;
    padding:  0px 5px;
}
.category-description ul.res-list li a {
    border-bottom: 1px solid #a3a3a3;
}
.category-description ul.res-list li span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left:3px;
    text-transform: uppercase;
    vertical-align:top;
    font-weight: 300;
    color: #a3a3a3;
}
.category-description p {
}
.category-description a {
    color: #1d8ece;
    font-weight: 300;
    position: relative;
    display: block;
}
.category-description a.doc-icon {
    margin-left: 20px;
}
.category-description ul li {
    border-top: 1px solid #bec8d2;
    padding-top: 10px;
    margin-right: -20px;
    margin-left: -20px;
}
.category-description ul li a > div {
    display: inline-block;
    padding-left: 20px;
    color: #001135;
    font-weight: bold;
    text-align: left;    
    vertical-align: middle;
    margin-top: -10px;
}
.category-description ul li a > div > span {
    display: block;
    color: black;
}
.category-description ul li a > div > span.arrowed-small:after {
    position: absolute;
    right: 10px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 0 0;    
}
.category-description ul li a:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 10px;
    padding-top: 30px;
    text-align: left;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 2px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.category-description ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    background-color: #fff;
    border-bottom-color: rgba(0,0,0,.6);
    border-left-color: rgba(0,0,0,.6);
    box-shadow: -2px 2px 0px rgba(0,0,0,0.1);
}

main[role=main] h2.page-header {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 35px;
    line-height: 3.5rem;
    position: relative;
    font-weight: bold;
}
.special_section h2.page-header.cat {
  text-align: center;
}
.special_section #section-desc {
  text-align:center;  
}
.special_section #secArtList {
  margin-top: 60px;
}

.special_section h2.page-header.cat:after {
    display: block;
    content: "";
    background-position: center;
    background-repeat:  no-repeat;
    width: auto;
    height: 200px;
    float: none;
    top: 0;
    background-size: contain;
    margin: 0 auto;
}

h2.page-header.cat:after {
    display: block;
    content: "";
    position: relative;
    clear: both;
}

h2.page-header.cat,
h2#article-list-head {
    text-align: left;
}
h2.page-header.cat:before,
h2#article-list-head:before {
    content: none;
}

ul.article-list {

}
ul.article-list li.article-promoted span {
    color: #000;
    display: none;
}

.related-articles a {
    position: relative;
}
a.arrowed {
    position: relative;
    vertical-align: top;
}
ul.category-list li a:after,
/*ul.section-list li a:after,*/ /* MG restyled in main style.css  */
ul.shop-misc li a:after,
/*section.promoted-articles ul li a:after,*/ /* MG remove arrows from cat page */
/*ul.section.article-list li a:after,*/ /* MG remove arrows from cat page */
/*.related-articles a:after,*/ /* MG change arrows on art page tp fpmt awesome */
a.arrowed:after,
.sub-header a.submit-a-request:after {
    content: " ";
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    padding: 0;
    margin-top: 0;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xNjciIGhlaWdodD0iMTQiIHZpZXdCb3g9Ijk0LjgzMyAwIDE0LjE2NyAxNCI+PHBhdGggZmlsbD0iIzFCMUIyNCIgZD0iTTEwMC45NjkgMS4wOTRsLjY4OC0uNjg4Yy4xNDYtLjE0Ni4zMjItLjIxOS41MzEtLjIxOXMuMzg2LjA3My41MzEuMjE5bDYuMDYyIDYuMDYyYy4xNDYuMTQ3LjIxOS4zMjQuMjE5LjUzMnMtLjA3My4zODUtLjIxOS41MzFsLTYuMDYyIDYuMDYyYy0uMTQ2LjE0Ni0uMzIyLjIxOS0uNTMxLjIxOXMtLjM4Ni0uMDcyLS41MzEtLjIxOWwtLjY4OC0uNjg4YS42NzguNjc4IDAgMCAxLS4yNS0uNTMxLjg0Ny44NDcgMCAwIDEgLjI1LS41MzFsMy43NS0zLjU5NEg5NS43NWMtLjIwOSAwLS4zODUtLjA3Mi0uNTMxLS4yMTlTOTUgNy43MDkgOTUgNy41di0xYzAtLjIwOC4wNzItLjM4NS4yMTktLjUzMXMuMzIyLS4yMTkuNTMxLS4yMTloOC45NjlsLTMuNzUtMy41OTRhLjg1Ljg1IDAgMCAxLS4yNS0uNTMxLjY4LjY4IDAgMCAxIC4yNS0uNTMxeiIvPjwvc3ZnPg==);
  /* MG 290918 - Change arrow type */
/*    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMS4zIDkuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEuMyA5LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMxRTQ1OEU7fQ0KPC9zdHlsZT4NCjxwYXRoIGlkPSJYTUxJRF8yXyIgY2xhc3M9InN0MCIgZD0iTTExLjIsNC41TDYuNywwTDYuMiwwLjVMMTAsNC4zSDBWNWgxMC4xTDYuMiw4LjlsMC41LDAuNUwxMS4yLDVDMTEuMyw0LjksMTEuMyw0LjcsMTEuMiw0LjV6Ii8+DQo8L3N2Zz4NCg==);*/
}

ul.category-list li a:after,
ul.category-list li a div:after,
/*ul.section-list li a:after,*/ /* MG restyled in main style.css  */
ul.shop-misc li a:after {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
}

.sub-header a.submit-a-request:hover:after,
ul.category-list li a:hover:after,
/*ul.section-list li a:hover:after,*/ /* MG restyled in main style.css  */
ul.shop-misc li a:hover:after,
section.promoted-articles ul li a:hover:after,
ul.section.article-list li a:hover:after,
.related-articles a:hover:after,
a.arrowed:hover:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMS4zIDkuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEuMyA5LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM5Nzk5OWI7fQ0KPC9zdHlsZT4NCjxwYXRoIGlkPSJYTUxJRF8yXyIgY2xhc3M9InN0MCIgZD0iTTExLjIsNC41TDYuNywwTDYuMiwwLjVMMTAsNC4zSDBWNWgxMC4xTDYuMiw4LjlsMC41LDAuNUwxMS4yLDVDMTEuMyw0LjksMTEuMyw0LjcsMTEuMiw0LjV6Ii8+DQo8L3N2Zz4NCg==)
}

.arrowed-small:after {
    content: " ";
    background-position: -4px -130px;
    width: 20px;
    height: 17px;
    padding: 0;
    margin-top: 0;
    margin-left: 5px;
    display: inline-block;
    vertical-align: bottom;
    background-image: url(https://customerservice.withings.com/hc/4851384631/assets/icons-nokia-0.0.8.svg);
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,.6);
    transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 0 0;
}
.blue {
    color: black;
}

section.promoted-articles ul,
ul.article-list {
    list-style: none;
    padding:0px;
    margin:0px;
}
section.promoted-articles ul li,
ul.article-list li{
    margin-bottom: 10px;
}

/*
ul.section-list {
    list-style: none;
    font-weight:300;
    padding:0px;
    margin:0px;
}
*/ /* MG restyled in main style.css  */
/*ul.section-list li a:link,*/ /* MG restyled in main style.css  */
.wizard-actions-wrap > a,
.wizard-actions-wrap .social-support,
.filter-menu h3 {
    width: 100%;
}
.wizard-actions-wrap .social-support {
    display: none;
}
ul.section-list li a:visited {
    
}

/*ul.section-list li.selected a,*/ /* MG restyled in main style.css  */
.wizard-actions-wrap a:hover {

}

p#section-desc {
   margin: 10px 0px;
}

ul.article-list li a:link,
ul.article-list li a:visited {
    font-weight:300;
}

#video-container #video {
    display: block;
    border: 1px solid #d7d6d6;
    border-radius: 3px;
    width: 100%!important;
    margin:0px auto;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
    height: auto!important;
}
#video-container #video ul {
    padding:0px;
    margin:0px;
    display:block;
}
#video-container #video ul li {
    display:inline-block;
}
#video-container #video ul li a {
    display:block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#video-container #video ul li a:after {
    content:"\25B6";
    font-family: "entypo";
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    margin:auto;
    color:#fff;
    position: absolute;
    width:70px;
    height:70px;
    line-height:70px;
    font-size:40px;
    background-color: transparent;
    border-radius:50%;
    text-align: center;
    text-indent:7px;
    border:2px solid #fff;
    opacity: .8;
    text-shadow: 0px 0px 1px black;
    box-shadow: 0px 0px 2px black;    
}
#video-container #video ul li a img {
    width:100%;
    pointer-events: none;
}
#video ol.dots {
    position:absolute;
    display:inline-block;
    text-align: center;
    width:100%;
    z-index: 98;
    list-style-type: none;
    margin:0px;
    padding:0px;
    bottom:2px;
    border:3px;
    pointer-events: none;
    z-index: 9999999;
}
#video ol.dots li.dot {
    vertical-align: middle;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background-color: transparent;
    padding: 0px;
    border-radius: 50%;
    display: inline-block;
    margin: 3px;
    border: none;
    pointer-events: all;
    border: 2px solid #fff;
}
#video ol.dots li.dot.active {
    background-color: #fefefe!important;
}
#video iframe{
    position: absolute;
    top:0px;
    left:0px;
    z-index:999;
}


.article-vid-embed {
    min-width: 320px;
    min-height: 240px;
    width: 80%;
    padding-top: 45%;
    margin-bottom: 20px;
    position: relative;
    box-sizing: border-box;
}
.article-vid-embed > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
header.article-header h1 {
    color: #1a8ccc;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 300;
}
article.main-column {
    position: relative;
}
article.main-column .article-info {
    text-align: center;
    margin-bottom: 20px;
}
footer.article-footer {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: center;
    padding: 15px 0px;
        min-height:26px;
}
.article-vote .article-vote-count {
    display: none;
}
.article-vote  .article-vote-question {
    font-size: 15px;
    font-size: 1.5rem;
    color: #4d4d4d;
}
.article-votes-controls a.article-vote[aria-selected="true"] {
  background: #0072ef;
  color: #fff;
  border-color: #0072ef;
}
.article-meta {
    color: #bebebe;
}
#article-contact-frame {
    width: 100%;
    border:none;
    margin:0px;
    padding:0px;
    overflow-y: none;
}


.slider .item {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.article-body {
    font-weight:400;
}
.tabs___root {
/*     display: none; */
}

.wysiwyg-underline > .wysiwyg-font-size-small > a {
    display: none;
}
.article-body .wysiwyg-font-size-small {
    font-size: 90%;
}
.article-body .wysiwyg-font-size-medium, 
.article-body > h2 {
    color: black;
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    font-weight: bold;
}
.article-body .wysiwyg-font-size-large,
.article-body > h1 {
    color: black;
    font-size: 25px;
    font-size: 3.5rem;
    position: relative;
    font-weight: bold;
}
.article-body .wysiwyg-font-size-x-large,
.article-body > h2 {
    color: black;
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    font-weight: bold;    
}

.article-body ol:not(.slider) { counter-reset: item }

/*
.article-body ol:not(.slider) li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-size: 20px;
    font-weight: bold;
    color: black;
    position: relative;
    left: 0;    
}
*/
.article-body ul:not(.slider) li:before {
    font-family:"entypo";
    content: "\25CF";
    font-size: 20px;
    margin-right: 5px;
    color: #3BE2B7;
}
/* MG 230918 No longer required as part of Withings restyling */
.article-body ol:not(.slider),
.article-body ul {
    padding: 0px;
    margin: 20px 0px;
    list-style-position: outside;
    list-style-type: none;
}
.article-body h1,
.article-body h2,
.article-body h3 {
    font-weight:300;
    text-transform: none;
    font-size: 23px;
}
.article-body h2 {
    font-size: 20px;
}
.article-body h3 {
    font-size: 17px;
}
.article-body li span img,
.article-body img {
    max-width: 100%;
    height: auto;
}
.article-body li img {
    display: block;
}
.article-body > iframe:not(.video) {
    width: 100%;
    max-width: 560px;
    height: 100%;
    min-height: 560px;
}
.article-tabs-buttons-wrap {
    margin-top: 50px;
    clear: both;
}
.article-tabs-buttons-wrap > span {
    border: 1px solid #858789;
    border-bottom: 1px solid #f5f5f5;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    vertical-align: bottom;
}
.article-tabs-buttons-wrap a:link { 
    padding: 6px 20px;
    display: inline-block;
    text-align: center;
    color: #858789;
}
.article-tabs-buttons-wrap a:hover {
    color: #001135;
}
.article-tabs-buttons-wrap span.selected {
    border: 1px solid #f5f5f5;
}
.article-tabs-buttons-wrap span.selected a{
    color: #001135;
    background: #f5f5f5;
}

.tab-content-wrap {
    position: relative;
}

.tab-content-wrap > .tab-content {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    overflow: auto;
    padding-top: 40px;
    display: none;
}
.tab-content-wrap > .tab-content > p {
    width: 100%;
}
.inner-wrap {
    padding: 20px 20px 45px;
    box-sizing: border-box;
}

nav.sub-nav {
}
nav.sub-nav div.search-options {
    margin:0px;
    padding:0px;
    font-size: 16px;
    font-size: 1.6rem;
}

.filter-menu {
    vertical-align: top;
    width: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
form .filter-menu {
    padding:10px;
    display:block;
    padding-bottom:0px;
}
.search-options .filter-menu {
    display:block;
    text-align:left;
}
.filter-menu h3 {
    padding:2px 5px;
    margin:0px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}
.filter-menu:not(.empty) h3:after {
    display: block;
    margin-left:10px;
    font-family: "entypo";
    content:"\E75C";
    position:absolute;
    right:8px;
    top:1px;
}
.filter-menu ul {
    display:block;
    position:absolute;
    list-style-type: none;
    vertical-align: middle;
    left:0;
    top:0;
    padding:0px;
    margin:0px;
    z-index:999;
    background-color:#fff;
    width:100%;
    box-shadow:1px 1px 5px #ccc;
    padding:15px;
    display:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.filter-menu ul li {
    line-height: 18px;
}
.filter-menu ul li a {
    font-size: 14px;
}

.social-support > a {
    display: block;
}
.get-phone-number,
.send-email,
.social-support {
    display: inline-block;
    position: relative; 
}
.social-support {

}
.social-support:before {
    content: "";
    width: 80px;
    height: 71px;
    padding: 0;
    margin-top: 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NS41IDc1LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg1LjUgNzUuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0EyQTJBMjt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzRfIj4NCgk8cGF0aCBpZD0iWE1MSURfMTQwXyIgY2xhc3M9InN0MCIgZD0iTTYwLjYsNi4zQzU2LjcsMi40LDUxLjMsMCw0NS4zLDBMMjIuMSwwQzEwLjMsMCwwLjMsOS4zLDAsMjFjLTAuMiw2LjEsMi4zLDExLjgsNi4zLDE1LjgNCgkJYzIuNCwyLjQsNS40LDQuMyw4LjgsNS4zYzAuMSwwLDAuMiwwLjEsMC4yLDAuM3YxMGMwLDAuMywwLjIsMC42LDAuNSwwLjdjMC4xLDAsMC4yLDAuMSwwLjMsMC4xYzAuMiwwLDAuNC0wLjEsMC42LTAuMmw5LjctOS43DQoJCWMwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMWgxOC4yYzExLjgsMCwyMS43LTkuMiwyMi0yMUM2Ny4xLDE2LDY0LjYsMTAuNCw2MC42LDYuM3ogTTQ0LjksNDEuNmwtMTguOCwwYy0wLjIsMC0wLjMsMC4xLTAuNCwwLjINCgkJbC0xLjQsMS40bC03LjMsNy4zbDAtOS4yYzAtMC4yLTAuMS0wLjMtMC4zLTAuM2MtMC41LTAuMS0wLjktMC4yLTEuNC0wLjRjLTgtMi42LTEzLjctMTAuMS0xMy43LTE5YzAtMTEsOS0yMCwyMC0yMGgyMy44DQoJCWMxMC45LDAsMTkuOCw4LjgsMjAsMTkuNkM2NS41LDMyLjQsNTYuMSw0MS42LDQ0LjksNDEuNnoiLz4NCgk8cGF0aCBpZD0iWE1MSURfMTM3XyIgY2xhc3M9InN0MCIgZD0iTTgwLjcsMzcuMWMtMy0zLTctNC44LTExLjUtNC44aC0wLjR2MS42aDAuNGM4LjEsMCwxNC43LDYuNiwxNC43LDE0LjcNCgkJYzAsNy44LTYuMSwxNC4yLTEzLjcsMTQuN2MtMC4xLDAtMC41LDAtMC45LDBjLTAuNCwwLTAuNywwLjMtMC43LDAuN3Y4LjhMNjEuOCw2NWwtMC45LTEuMWMtMC4zLTAuMy0wLjctMC41LTEuMi0wLjVINDYuNA0KCQljLTgsMC0xNC44LTYuMi0xNS4xLTE0LjFjMC0wLjUsMC0xLDAtMS41aC0xLjZjMCwwLjMsMCwwLjYsMCwxYzAsNC41LDEuOCw4LjYsNC44LDExLjVjMywzLDcsNC44LDExLjUsNC44aDEzLjENCgkJYzAuNCwwLDAuOCwwLjIsMSwwLjVsOC42LDEwLjFjMC4yLDAuMiwwLjQsMC4zLDAuNiwwLjNjMC4xLDAsMC4yLDAsMC4zLDBjMC4zLTAuMSwwLjUtMC40LDAuNS0wLjh2LTkuNWMwLTAuMywwLjMtMC42LDAuNi0wLjYNCgkJYzguMy0wLjgsMTQuOC03LjgsMTQuOC0xNi4yQzg1LjUsNDQuMiw4My42LDQwLjEsODAuNywzNy4xeiIvPg0KCTxwYXRoIGlkPSJYTUxJRF8xNF8iIGNsYXNzPSJzdDAiIGQ9Ik00Ny43LDIwLjRjMC43LDAsMS4zLDAuNiwxLjMsMS4zcy0wLjYsMS4zLTEuMywxLjNjLTAuNywwLTEuMy0wLjYtMS4zLTEuM1M0NywyMC40LDQ3LjcsMjAuNA0KCQkgTTQ3LjcsMTkuMmMtMS40LDAtMi41LDEuMS0yLjUsMi41czEuMSwyLjUsMi41LDIuNWMxLjQsMCwyLjUtMS4xLDIuNS0yLjVTNDkuMSwxOS4yLDQ3LjcsMTkuMkw0Ny43LDE5LjJ6Ii8+DQoJPHBhdGggaWQ9IlhNTElEXzExXyIgY2xhc3M9InN0MCIgZD0iTTM0LjEsMjAuNGMwLjcsMCwxLjMsMC42LDEuMywxLjNzLTAuNiwxLjMtMS4zLDEuM2MtMC43LDAtMS4zLTAuNi0xLjMtMS4zDQoJCVMzMy40LDIwLjQsMzQuMSwyMC40IE0zNC4xLDE5LjJjLTEuNCwwLTIuNSwxLjEtMi41LDIuNXMxLjEsMi41LDIuNSwyLjVjMS40LDAsMi41LTEuMSwyLjUtMi41UzM1LjUsMTkuMiwzNC4xLDE5LjJMMzQuMSwxOS4yeiIvPg0KCTxwYXRoIGlkPSJYTUxJRF84XyIgY2xhc3M9InN0MCIgZD0iTTIwLjUsMjAuNGMwLjcsMCwxLjMsMC42LDEuMywxLjNzLTAuNiwxLjMtMS4zLDEuM2MtMC43LDAtMS4zLTAuNi0xLjMtMS4zUzE5LjgsMjAuNCwyMC41LDIwLjQNCgkJIE0yMC41LDE5LjJjLTEuNCwwLTIuNSwxLjEtMi41LDIuNXMxLjEsMi41LDIuNSwyLjVjMS40LDAsMi41LTEuMSwyLjUtMi41UzIxLjgsMTkuMiwyMC41LDE5LjJMMjAuNSwxOS4yeiIvPg0KPC9nPg0KPC9zdmc+");
}
.social-support.active:before,
.social-support:hover:before {

}

/*
 MKG 071018 transfer to main style sheet
.get-phone-number:before {
    content: "";
    width: 36px;
    height: 72px;
    padding: 0;
    margin-top: 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0Ny43IDk2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3LjcgOTYuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1hNTElEXzRfKTt9DQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNYTUxJRF84Xyk7ZmlsbDojQTJBMkEyO30NCgkuc3Qye2ZpbGw6I0EyQTFBMTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzEwOF8iPg0KCTxnIGlkPSJYTUxJRF8xMDlfIj4NCgkJPGRlZnM+DQoJCQk8cGF0aCBpZD0iWE1MSURfMTE0XyIgZD0iTTIwNiw2OS41djI2LjhsLTI1LjQtMTMuNEwyMDYsNjkuNXogTTEyNCw2OS41bDI1LjUsMTMuNEwxMjQsOTYuM1Y2OS41eiBNMTI0LDU2LjloODJ2MTAuM0wxNzcuOSw4Mg0KCQkJCWMtMC4zLDAuMi0wLjUsMC41LTAuNSwwLjlzMC4yLDAuNywwLjUsMC45TDIwNiw5OC42djEwLjNoLTgyVjk4LjZsMjcuNy0xNC41bDEyLjgsNi44YzAuMywwLjIsMC42LDAuMiwwLjksMGw4LTQuMg0KCQkJCWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOWMwLTAuNC0wLjItMC43LTAuNS0wLjljLTAuMy0wLjItMC43LTAuMi0xLDBsLTcuNCwzLjhsLTQxLTIxLjVWNTYuOXogTTEyMiw1NS45djQxLjhjMCwwLjIsMCwwLjMsMCwwLjUNCgkJCQl2MTEuN2MwLDAuNiwwLjQsMSwxLDFoODRjMC42LDAsMS0wLjQsMS0xdi01NGMwLTAuNi0wLjQtMS0xLTFoLTg0QzEyMi40LDU0LjksMTIyLDU1LjQsMTIyLDU1Ljl6Ii8+DQoJCTwvZGVmcz4NCgkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTE0XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2ZpbGw6I0EyQTJBMjsiLz4NCgkJPGNsaXBQYXRoIGlkPSJYTUxJRF80XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNYTUxJRF8xMTRfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIGlkPSJYTUxJRF85MF8iIGNsYXNzPSJzdDAiPg0KCQkJPGcgaWQ9IlhNTElEXzkxXyI+DQoJCQkJPGRlZnM+DQoJCQkJCTxyZWN0IGlkPSJYTUxJRF8xMTNfIiB4PSItODExIiB5PSItMTQ4Ni4xIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI0OTI2Ii8+DQoJCQkJPC9kZWZzPg0KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtmaWxsOiNBMkEyQTI7Ii8+DQoJCQkJPGNsaXBQYXRoIGlkPSJYTUxJRF84XyI+DQoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCQk8L2NsaXBQYXRoPg0KCQkJCTxyZWN0IGlkPSJYTUxJRF85Ml8iIHg9IjExNyIgeT0iNDkuOSIgY2xhc3M9InN0MSIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjY2Ii8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iWE1MSURfMTI2XyI+DQoJPHBhdGggaWQ9IlhNTElEXzEyOV8iIGNsYXNzPSJzdDIiIGQ9Ik00Ny43LDE0LjF2LTJoMHYtNkM0Ny43LDIuNyw0NSwwLDQxLjYsMEg2LjFDMi43LDAsMCwyLjcsMCw2LjF2ODQuNWMwLDMuNCwyLjcsNi4xLDYuMSw2LjENCgkJaDM1LjVjMy40LDAsNi4xLTIuNyw2LjEtNi4xdi02LjloMHYtMmgwTDQ3LjcsMTQuMUw0Ny43LDE0LjF6IE02LjEsMmgzNS41YzIuMywwLDQuMSwxLjgsNC4xLDQuMXY2SDJ2LTZDMiwzLjgsMy44LDIsNi4xLDJ6DQoJCSBNNDUuNyw5MC42YzAsMi4zLTEuOCw0LjEtNC4xLDQuMUg2LjFjLTIuMywwLTQuMS0xLjgtNC4xLTQuMXYtNi45aDQzLjdWOTAuNnogTTQ1LjcsODEuN0gyVjE0LjFoNDMuN1Y4MS43eiIvPg0KCTxwYXRoIGlkPSJYTUxJRF8xMzRfIiBjbGFzcz0ic3QyIiBkPSJNMjQuMyw5My45YzIuMywwLDQuMS0xLjgsNC4xLTQuMXMtMS44LTQuMS00LjEtNC4xYy0yLjMsMC00LjEsMS44LTQuMSw0LjFTMjIsOTMuOSwyNC4zLDkzLjkNCgkJeiBNMjQuMyw4Ny43YzEuMiwwLDIuMSwwLjksMi4xLDIuMWMwLDEuMi0wLjksMi4xLTIuMSwyLjFjLTEuMiwwLTIuMS0wLjktMi4xLTIuMUMyMi4yLDg4LjYsMjMuMSw4Ny43LDI0LjMsODcuN3oiLz4NCgk8cmVjdCBpZD0iWE1MSURfMTM1XyIgeD0iMTUuMSIgeT0iNiIgY2xhc3M9InN0MiIgd2lkdGg9IjE2LjciIGhlaWdodD0iMiIvPg0KPC9nPg0KPC9zdmc+");    
}
.get-phone-number.active:before,
.get-phone-number:hover:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0Ny43IDk2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3LjcgOTYuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1hNTElEXzRfKTt9DQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNYTUxJRF84Xyk7ZmlsbDojQTJBMkEyO30NCgkuc3Qye2ZpbGw6IzFENDc4RTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzEwOF8iPg0KCTxnIGlkPSJYTUxJRF8xMDlfIj4NCgkJPGRlZnM+DQoJCQk8cGF0aCBpZD0iWE1MSURfMTE0XyIgZD0iTTIwNiw2OS41djI2LjhsLTI1LjQtMTMuNEwyMDYsNjkuNXogTTEyNCw2OS41bDI1LjUsMTMuNEwxMjQsOTYuM1Y2OS41eiBNMTI0LDU2LjloODJ2MTAuM0wxNzcuOSw4Mg0KCQkJCWMtMC4zLDAuMi0wLjUsMC41LTAuNSwwLjlzMC4yLDAuNywwLjUsMC45TDIwNiw5OC42djEwLjNoLTgyVjk4LjZsMjcuNy0xNC41bDEyLjgsNi44YzAuMywwLjIsMC42LDAuMiwwLjksMGw4LTQuMg0KCQkJCWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOWMwLTAuNC0wLjItMC43LTAuNS0wLjljLTAuMy0wLjItMC43LTAuMi0xLDBsLTcuNCwzLjhsLTQxLTIxLjVWNTYuOXogTTEyMiw1NS45djQxLjhjMCwwLjIsMCwwLjMsMCwwLjUNCgkJCQl2MTEuN2MwLDAuNiwwLjQsMSwxLDFoODRjMC42LDAsMS0wLjQsMS0xdi01NGMwLTAuNi0wLjQtMS0xLTFoLTg0QzEyMi40LDU0LjksMTIyLDU1LjQsMTIyLDU1Ljl6Ii8+DQoJCTwvZGVmcz4NCgkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTE0XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2ZpbGw6I0EyQTJBMjsiLz4NCgkJPGNsaXBQYXRoIGlkPSJYTUxJRF80XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNYTUxJRF8xMTRfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIGlkPSJYTUxJRF85MF8iIGNsYXNzPSJzdDAiPg0KCQkJPGcgaWQ9IlhNTElEXzkxXyI+DQoJCQkJPGRlZnM+DQoJCQkJCTxyZWN0IGlkPSJYTUxJRF8xMTNfIiB4PSItODExIiB5PSItMTQ4Ni4xIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI0OTI2Ii8+DQoJCQkJPC9kZWZzPg0KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtmaWxsOiNBMkEyQTI7Ii8+DQoJCQkJPGNsaXBQYXRoIGlkPSJYTUxJRF84XyI+DQoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCQk8L2NsaXBQYXRoPg0KCQkJCTxyZWN0IGlkPSJYTUxJRF85Ml8iIHg9IjExNyIgeT0iNDkuOSIgY2xhc3M9InN0MSIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjY2Ii8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iWE1MSURfMTI2XyI+DQoJPHBhdGggaWQ9IlhNTElEXzEyOV8iIGNsYXNzPSJzdDIiIGQ9Ik00Ny43LDE0LjF2LTJoMHYtNkM0Ny43LDIuNyw0NSwwLDQxLjYsMEg2LjFDMi43LDAsMCwyLjcsMCw2LjF2ODQuNWMwLDMuNCwyLjcsNi4xLDYuMSw2LjENCgkJaDM1LjVjMy40LDAsNi4xLTIuNyw2LjEtNi4xdi02LjloMHYtMmgwTDQ3LjcsMTQuMUw0Ny43LDE0LjF6IE02LjEsMmgzNS41YzIuMywwLDQuMSwxLjgsNC4xLDQuMXY2SDJ2LTZDMiwzLjgsMy44LDIsNi4xLDJ6DQoJCSBNNDUuNyw5MC42YzAsMi4zLTEuOCw0LjEtNC4xLDQuMUg2LjFjLTIuMywwLTQuMS0xLjgtNC4xLTQuMXYtNi45aDQzLjdWOTAuNnogTTQ1LjcsODEuN0gyVjE0LjFoNDMuN1Y4MS43eiIvPg0KCTxwYXRoIGlkPSJYTUxJRF8xMzRfIiBjbGFzcz0ic3QyIiBkPSJNMjQuMyw5My45YzIuMywwLDQuMS0xLjgsNC4xLTQuMXMtMS44LTQuMS00LjEtNC4xYy0yLjMsMC00LjEsMS44LTQuMSw0LjFTMjIsOTMuOSwyNC4zLDkzLjkNCgkJeiBNMjQuMyw4Ny43YzEuMiwwLDIuMSwwLjksMi4xLDIuMWMwLDEuMi0wLjksMi4xLTIuMSwyLjFjLTEuMiwwLTIuMS0wLjktMi4xLTIuMUMyMi4yLDg4LjYsMjMuMSw4Ny43LDI0LjMsODcuN3oiLz4NCgk8cmVjdCBpZD0iWE1MSURfMTM1XyIgeD0iMTUuMSIgeT0iNiIgY2xhc3M9InN0MiIgd2lkdGg9IjE2LjciIGhlaWdodD0iMiIvPg0KPC9nPg0KPC9zdmc+");
}
.send-email:before {
    content: "";
    background-position: center center;
    width: 61px;
    height: 72px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;    
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNYTUxJRF8zXyk7fQ0KCS5zdDF7Y2xpcC1wYXRoOnVybCgjWE1MSURfNF8pO2ZpbGw6I0EyQTJBMjt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzEwOF8iPg0KCTxnIGlkPSJYTUxJRF8xMDlfIj4NCgkJPGRlZnM+DQoJCQk8cGF0aCBpZD0iWE1MSURfMTE0XyIgZD0iTTg0LDE0LjZ2MjYuOEw1OC42LDI4TDg0LDE0LjZ6IE0yLDE0LjZMMjcuNSwyOEwyLDQxLjRWMTQuNnogTTIsMmg4MnYxMC4zTDU1LjksMjcuMQ0KCQkJCWMtMC4zLDAuMi0wLjUsMC41LTAuNSwwLjlzMC4yLDAuNywwLjUsMC45TDg0LDQzLjdWNTRIMlY0My43bDI3LjctMTQuNUw0Mi41LDM2YzAuMywwLjIsMC42LDAuMiwwLjksMGw4LTQuMg0KCQkJCWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOXMtMC4yLTAuNy0wLjUtMC45Yy0wLjMtMC4yLTAuNy0wLjItMSwwTDQzLDMzLjhMMiwxMi4zVjJ6IE0wLDF2NDEuOGMwLDAuMiwwLDAuMywwLDAuNVY1NQ0KCQkJCWMwLDAuNiwwLjQsMSwxLDFoODRjMC42LDAsMS0wLjQsMS0xVjFjMC0wLjYtMC40LTEtMS0xSDFDMC40LDAsMCwwLjUsMCwxeiIvPg0KCQk8L2RlZnM+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExNF8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtmaWxsOiNBMkEyQTI7Ii8+DQoJCTxjbGlwUGF0aCBpZD0iWE1MSURfM18iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTE0XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBpZD0iWE1MSURfOTBfIiBjbGFzcz0ic3QwIj4NCgkJCTxnIGlkPSJYTUxJRF85MV8iPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iWE1MSURfMTEzXyIgeD0iLTkzMyIgeT0iLTE1NDEiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjQ5MjYiLz4NCgkJCQk8L2RlZnM+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTEzXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2ZpbGw6I0EyQTJBMjsiLz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlhNTElEXzRfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTEzXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJPHJlY3QgaWQ9IlhNTElEXzkyXyIgeD0iLTUiIHk9Ii01IiBjbGFzcz0ic3QxIiB3aWR0aD0iOTYiIGhlaWdodD0iNjYiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
}
.send-email.active:before,
.send-email:hover:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNYTUxJRF8zXyk7fQ0KCS5zdDF7Y2xpcC1wYXRoOnVybCgjWE1MSURfNF8pO2ZpbGw6IzFENDc4RTt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzEwOF8iPg0KCTxnIGlkPSJYTUxJRF8xMDlfIj4NCgkJPGRlZnM+DQoJCQk8cGF0aCBpZD0iWE1MSURfMTE0XyIgZD0iTTg0LDE0LjZ2MjYuOEw1OC42LDI4TDg0LDE0LjZ6IE0yLDE0LjZMMjcuNSwyOEwyLDQxLjRWMTQuNnogTTIsMmg4MnYxMC4zTDU1LjksMjcuMQ0KCQkJCWMtMC4zLDAuMi0wLjUsMC41LTAuNSwwLjlzMC4yLDAuNywwLjUsMC45TDg0LDQzLjdWNTRIMlY0My43bDI3LjctMTQuNUw0Mi41LDM2YzAuMywwLjIsMC42LDAuMiwwLjksMGw4LTQuMg0KCQkJCWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOXMtMC4yLTAuNy0wLjUtMC45Yy0wLjMtMC4yLTAuNy0wLjItMSwwTDQzLDMzLjhMMiwxMi4zVjJ6IE0wLDF2NDEuOGMwLDAuMiwwLDAuMywwLDAuNVY1NQ0KCQkJCWMwLDAuNiwwLjQsMSwxLDFoODRjMC42LDAsMS0wLjQsMS0xVjFjMC0wLjYtMC40LTEtMS0xSDFDMC40LDAsMCwwLjUsMCwxeiIvPg0KCQk8L2RlZnM+DQoJCTxjbGlwUGF0aCBpZD0iWE1MSURfM18iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTE0XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBpZD0iWE1MSURfOTBfIiBjbGFzcz0ic3QwIj4NCgkJCTxnIGlkPSJYTUxJRF85MV8iPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iWE1MSURfMTEzXyIgeD0iLTkzMyIgeT0iLTE1NDEiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjQ5MjYiLz4NCgkJCQk8L2RlZnM+DQoJCQkJPGNsaXBQYXRoIGlkPSJYTUxJRF80XyI+DQoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCQk8L2NsaXBQYXRoPg0KCQkJCTxyZWN0IGlkPSJYTUxJRF85Ml8iIHg9Ii01IiB5PSItNSIgY2xhc3M9InN0MSIgd2lkdGg9Ijk2IiBoZWlnaHQ9IjY2Ii8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
}
*/


#contact-form {
    display: none;
}
/* MKG 061018 transfer to main style sheet - new request page area
ul#contact-step {
    text-align: center;
}
#contact-step li > h3 {
    float: left;
}
#contact-step li > a {
    display: block;
    margin-left: 100px;
    text-align: left;
    clear: both;
}
#contact-step li {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: top;
    border: 1px solid #979797;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    padding: 20px 0px;
}
#contact-step li:after {
    content: "";
    clear: both;
    display: block;
}
#contact-step li:first-child, 
#contact-step li:last-child {
    border: none;
}
#contact-step li h3 {
    padding-top: 0px;
    margin-top: 0px;
    min-width: 100px;
    text-align: left;
    font-size: 19px;
    font-size: 1.87rem;
}
#contact-step li div {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: bold;
    width: 64%;
    display: inline-block!important;
    text-align: left;
    float: left;
}
*/
.separator {
    border-bottom: 1px solid #979797;
}

#contact-flow.answer-found-noev ul.category-list li a,
#contact-flow.answer-found-noev ul.section-list li a,
#contact-flow.answer-found-noev ul.filter1-list li a {
    pointer-events: none;
    cursor: default;
}

.margin-1 {
    margin: 60px 0 80px;   
}

.wizard-actions-wrap {
    text-align: center;
    margin-top:50px;
    display:none;
}
.wizard-actions-wrap > a,
.social-support {
    text-transform: none;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    min-width: 100px;
    max-width: 200px;
    text-align: center;
    vertical-align: top;
    padding: 20px 0;
}
.wizard-actions-wrap a:hover {

}
.wizard-actions-wrap a.btn-green {
  background: #02dca2;
  color: #fff;
}
.wizard-actions-wrap.wizard-done:after {
  content: ""!important;
}

.form-field.request_custom_fields_29400057 {
  display:none!important;
}
.tos_content ul {
    margin: 5px 0;
}
.wizard-actions-wrap .disclaimer li,
.tos_content li {
    text-align: left;
    list-style-type: none;
    list-style-position: inside;
    vertical-align: middle;
}
.tos_content li {
  margin-bottom: 3px;
}
.wizard-actions-wrap .disclaimer li:before,
.tos_content li:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 7px;
    height: 7px;
    background: black;
    margin-right: 10px;
    margin-top: -3px;
    border-radius: 50%;
}
.tos_content li:before {
  background: #3BE2B7;
}
.wizard-actions-wrap .disclaimer h2 > b {
    display: block;
}
.wizard-actions-wrap .disclaimer h2,
.wizard-actions-wrap .disclaimer p {
    text-align: left;
}
.wizard-actions-wrap div,
.article-more-questions div {
  width: auto;
  display: block;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 10px;
}
.wizard-actions-wrap .disclaimer .support-id {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 2px;
}
.article-more-questions a {
  width: auto;
  max-width: 500px;
  display:block;
  color: #000;
  text-align: center;
  height:44px;
  height:4.4rem;
  line-height: 42px;
  line-height: 4.2rem;
  color: #fff;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align:middle;
  border-radius: 5px;
  border: 1px solid #d7d6d6;
  margin-top: 20px;
}
.article-more-questions a {
    background: #33bfe0; 
    background: -moz-linear-gradient(top,  #33bfe0 0%, #01afd8 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bfe0), color-stop(100%,#01afd8));
    background: -webkit-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); 
    background: -o-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); 
    background: -ms-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); 
    background: linear-gradient(to bottom,  #33bfe0 0%,#01afd8 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bfe0', endColorstr='#01afd8',GradientType=0 ); 
}
.article-more-questions a.btn-green {
  background: #02dca2;
  color: #fff;
}

.wizard-actions-wrap.country_code div {
  display:none!important;
}

#global_preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;    
    background: rgba(255,255,255,.9);
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

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

#pid__hidden,
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.center-text {
    text-align: center!important;
}
.pb-huge {
    padding-bottom: 100px;
}

/*
@media only screen and (max-width: 480px) {
    #cat-hero-wrap {
        position: relative;
        background: none!important;
        overflow: visible;
    }    
}
*/ /* MG220918 Whithings Restyle */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.critical-error {
    background: magenta;
    color: #fff;
    z-index: 999999999;
    position: fixed;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.user-nav:{

}
.user-info.dropdown{
float: right;
margin-left: 10px;
  }
#user-menu .my-activities{
display:none;
}
.user-avatar{
/* display: none; */
}
#user-menu{
display: none;
}
#user-menu a{
width: 100%;
  text-align: center;
}

.login{

}
#user-name{
color: black;
}
#user-menu span{
display: none;
}

.flag:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 29px;
    background:transparent url(//p6.zdassets.com/hc/theme_assets/125350/200034457/flags32.png) no-repeat;
    vertical-align:middle;
    margin-top:-4px;
    width:32px;
    margin-left:10px;
    margin-right:5px;
}
.flag {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flag span {
    display:inline-block;
    white-space: normal;
    line-height: 20px;
    vertical-align: middle;
}
.flag._African_Union:before{background-position:0 -32px;}
.flag._Arab_League:before,.flag.ar:before{background-position:0 -64px;}
.flag._ASEAN:before{background-position:0 -96px;}
.flag._CARICOM:before{background-position:0 -128px;}
.flag._CIS:before{background-position:0 -160px;}
.flag._Commonwealth:before{background-position:0 -192px;}
.flag._England:before{background-position:0 -224px;}
.flag._European_Union, .flag.eu:before{background-position:0 -256px;}
.flag._Islamic_Conference:before{background-position:0 -288px;}
.flag._Kosovo:before{background-position:0 -320px;}
.flag._NATO:before{background-position:0 -352px;}
.flag._Northern_Cyprus:before{background-position:0 -384px;}
.flag._Northern_Ireland:before{background-position:0 -416px;}
.flag._Olimpic_Movement:before{background-position:0 -448px;}
.flag._OPEC:before{background-position:0 -480px;}
.flag._Red_Cross:before{background-position:0 -512px;}
.flag._Scotland:before{background-position:0 -544px;}
.flag._Somaliland:before{background-position:0 -576px;}
.flag._Tibet:before{background-position:0 -608px;}
.flag._United_Nations:before{background-position:0 -640px;}
.flag._Wales:before{background-position:0 -672px;}
.flag.ad:before,.flag.ca:before{background-position:0 -704px;}
.flag.ae:before{background-position:0 -736px;}
.flag.af:before{background-position:0 -768px;}
.flag.ag:before{background-position:0 -800px;}
.flag.ai:before{background-position:0 -832px;}
.flag.al:before{background-position:0 -864px;}
.flag.am:before{background-position:0 -896px;}
.flag.ao:before{background-position:0 -928px;}
.flag.aq:before{background-position:0 -960px;}
.flag.as:before{background-position:0 -1024px;}
.flag.at:before{background-position:0 -1056px;}
.flag.au:before{background-position:0 -1088px;}
.flag.aw:before{background-position:0 -1120px;}
.flag.ax:before{background-position:0 -1152px;}
.flag.az:before{background-position:0 -1184px;}
.flag.ba:before{background-position:0 -1216px;}
.flag.bb:before{background-position:0 -1248px;}
.flag.bd:before{background-position:0 -1280px;}
.flag.be:before{background-position:0 -1312px;}
.flag.bf:before{background-position:0 -1344px;}
.flag.bg:before{background-position:0 -1376px;}
.flag.bh:before{background-position:0 -1408px;}
.flag.bi:before{background-position:0 -1440px;}
.flag.bj:before{background-position:0 -1472px;}
.flag.bm:before{background-position:0 -1504px;}
.flag.bn:before{background-position:0 -1536px;}
.flag.bo:before{background-position:0 -1568px;}
.flag.br:before,.flag.pt-br:before{background-position:0 -1600px;}
.flag.bs:before{background-position:0 -1632px;}
.flag.bt:before{background-position:0 -1664px;}
.flag.bw:before{background-position:0 -1696px;}
.flag.by:before{background-position:0 -1728px;}
.flag.bz:before{background-position:0 -1760px;}
.flag.en-ca:before,.flag.fr-ca:before{background-position:0 -1792px;}
.flag.cd:before{background-position:0 -1824px;}
.flag.cf:before{background-position:0 -1856px;}
.flag.cg:before{background-position:0 -1888px;}
.flag.ch:before{background-position:0 -1920px;}
.flag.ci:before{background-position:0 -1952px;}
.flag.ck:before{background-position:0 -1984px;}
.flag.cl:before{background-position:0 -2016px;}
.flag.cm:before{background-position:0 -2048px;}
.flag.cn:before,.flag.zh-cn:before{background-position:0 -2080px;}
.flag.co:before{background-position:0 -2112px;}
.flag.cr:before{background-position:0 -2144px;}
.flag.cu:before{background-position:0 -2176px;}
.flag.cv:before{background-position:0 -2208px;}
.flag.cy:before{background-position:0 -2240px;}
.flag.cs:before{background-position:0 -2272px;}
.flag.de:before{background-position:0 -2304px;}
.flag.dj:before{background-position:0 -2336px;}
.flag.da:before{background-position:0 -2368px;}
.flag.dm:before{background-position:0 -2400px;}
.flag.do:before{background-position:0 -2432px;}
.flag.dz:before{background-position:0 -2464px;}
.flag.ec:before{background-position:0 -2496px;}
.flag.ee:before{background-position:0 -2528px;}
.flag.ar-eg:before{background-position:0 -2560px;}
.flag.eh:before{background-position:0 -2592px;}
.flag.er:before{background-position:0 -2624px;}
.flag.es:before,.flag.es-419:before{background-position:0 -2656px;}
.flag.et:before{background-position:0 -2688px;}
.flag.fi:before{background-position:0 -2720px;}
.flag.fj:before{background-position:0 -2752px;}
.flag.fm:before{background-position:0 -2784px;}
.flag.fo:before{background-position:0 -2816px;}
.flag.fr:before{background-position:0 -2848px;}
.flag.bl, .flag.cp, .flag.mf, .flag.yt:before{background-position:0 -2848px;}
.flag.ga:before{background-position:0 -2880px;}
.flag.gb:before,.flag.en-gb:before{background-position:0 -2912px;}
.flag.sh:before{background-position:0 -2912px;}
.flag.gd:before{background-position:0 -2944px;}
.flag.ge:before{background-position:0 -2976px;}
.flag.gg:before{background-position:0 -3008px;}
.flag.gh:before{background-position:0 -3040px;}
.flag.gi:before{background-position:0 -3072px;}
.flag.gl:before{background-position:0 -3104px;}
.flag.gm:before{background-position:0 -3136px;}
.flag.gn:before{background-position:0 -3168px;}
.flag.gp:before{background-position:0 -3200px;}
.flag.gq:before{background-position:0 -3232px;}
.flag.el:before{background-position:0 -3264px;}
.flag.gt:before{background-position:0 -3296px;}
.flag.gu:before{background-position:0 -3328px;}
.flag.gw:before{background-position:0 -3360px;}
.flag.gy:before{background-position:0 -3392px;}
.flag.hk:before{background-position:0 -3424px;}
.flag.hn:before{background-position:0 -3456px;}
.flag.hr:before{background-position:0 -3488px;}
.flag.ht:before{background-position:0 -3520px;}
.flag.hu:before{background-position:0 -3552px;}
.flag.id:before{background-position:0 -3584px;}
.flag.mc:before{background-position:0 -3584px;}
.flag.ie:before{background-position:0 -3616px;}
.flag.il:before,.flag.he:before{background-position:0 -3648px;}
.flag.im:before{background-position:0 -3680px;}
.flag.in:before,.flag.hi:before{background-position:0 -3712px;}
.flag.iq:before{background-position:0 -3744px;}
.flag.ir:before{background-position:0 -3776px;}
.flag.is:before{background-position:0 -3808px;}
.flag.it:before{background-position:0 -3840px;}
.flag.je:before{background-position:0 -3872px;}
.flag.jm:before{background-position:0 -3904px;}
.flag.jo:before{background-position:0 -3936px;}
.flag.jp:before,.flag.ja:before{background-position:0 -3968px;}
.flag.ke:before{background-position:0 -4000px;}
.flag.kg:before{background-position:0 -4032px;}
.flag.kh:before{background-position:0 -4064px;}
.flag.ki:before{background-position:0 -4096px;}
.flag.km:before{background-position:0 -4128px;}
.flag.kn:before{background-position:0 -4160px;}
.flag.kp:before{background-position:0 -4192px;}
.flag.kr:before,.flag.ko:before{background-position:0 -4224px;}
.flag.kw:before{background-position:0 -4256px;}
.flag.ky:before{background-position:0 -4288px;}
.flag.kz:before{background-position:0 -4320px;}
.flag.la:before{background-position:0 -4352px;}
.flag.lb:before{background-position:0 -4384px;}
.flag.lc:before{background-position:0 -4416px;}
.flag.li:before{background-position:0 -4448px;}
.flag.lk:before{background-position:0 -4480px;}
.flag.lr:before{background-position:0 -4512px;}
.flag.ls:before{background-position:0 -4544px;}
.flag.lt:before{background-position:0 -4576px;}
.flag.lu:before{background-position:0 -4608px;}
.flag.lv:before{background-position:0 -4640px;}
.flag.ly:before{background-position:0 -4672px;}
.flag.ma:before{background-position:0 -4704px;}
.flag.md:before{background-position:0 -4736px;}
.flag.me:before,.flag.sr-me:before{background-position:0 -4768px;}
.flag.mg:before{background-position:0 -4800px;}
.flag.mh:before{background-position:0 -4832px;}
.flag.mk:before{background-position:0 -4864px;}
.flag.ml:before{background-position:0 -4896px;}
.flag.mm:before{background-position:0 -4928px;}
.flag.mn:before{background-position:0 -4960px;}
.flag.mo:before{background-position:0 -4992px;}
.flag.mq:before{background-position:0 -5024px;}
.flag.mr:before{background-position:0 -5056px;}
.flag.ms:before{background-position:0 -5088px;}
.flag.mt:before{background-position:0 -5120px;}
.flag.mu:before{background-position:0 -5152px;}
.flag.mv:before{background-position:0 -5184px;}
.flag.mw:before{background-position:0 -5216px;}
.flag.mx:before{background-position:0 -5248px;}
.flag.my:before,.flag.ms:before{background-position:0 -5280px;}
.flag.mz:before{background-position:0 -5312px;}
.flag.na:before{background-position:0 -5344px;}
.flag.nc:before{background-position:0 -5376px;}
.flag.ne:before{background-position:0 -5408px;}
.flag.ng:before{background-position:0 -5440px;}
.flag.ni:before{background-position:0 -5472px;}
.flag.nl:before{background-position:0 -5504px;}
.flag.bq:before{background-position:0 -5504px;}
.flag.no:before{background-position:0 -5536px;}
.flag.bv, .flag.nq, .flag.sj:before{background-position:0 -5536px;}
.flag.np:before{background-position:0 -5568px;}
.flag.nr:before{background-position:0 -5600px;}
.flag.nz:before{background-position:0 -5632px;}
.flag.om:before{background-position:0 -5664px;}
.flag.pa:before{background-position:0 -5696px;}
.flag.pe:before{background-position:0 -5728px;}
.flag.pf:before{background-position:0 -5760px;}
.flag.pg:before{background-position:0 -5792px;}
.flag.ph:before{background-position:0 -5824px;}
.flag.pk:before{background-position:0 -5856px;}
.flag.pl:before{background-position:0 -5888px;}
.flag.pr:before{background-position:0 -5920px;}
.flag.ps:before{background-position:0 -5952px;}
.flag.pt:before{background-position:0 -5984px;}
.flag.pw:before{background-position:0 -6016px;}
.flag.py:before{background-position:0 -6048px;}
.flag.qa:before{background-position:0 -6080px;}
.flag.re:before{background-position:0 -6112px;}
.flag.ro:before{background-position:0 -6144px;}
.flag.rs:before,.flag.sr:before{background-position:0 -6176px;}
.flag.ru:before{background-position:0 -6208px;}
.flag.rw:before{background-position:0 -6240px;}
.flag.sa:before{background-position:0 -6272px;}
.flag.sb:before{background-position:0 -6304px;}
.flag.sc:before{background-position:0 -6336px;}
.flag.sd:before{background-position:0 -6368px;}
.flag.se:before,.flag.sv:before{background-position:0 -6400px;}
.flag.sg:before{background-position:0 -6432px;}
.flag.si:before,.flag.sl:before{background-position:0 -6464px;}
.flag.sk:before{background-position:0 -6496px;}
.flag.sm:before{background-position:0 -6560px;}
.flag.sn:before{background-position:0 -6592px;}
.flag.so:before{background-position:0 -6624px;}
.flag.st:before{background-position:0 -6688px;}
.flag.sy:before{background-position:0 -6752px;}
.flag.sz:before{background-position:0 -6784px;}
.flag.tc:before{background-position:0 -6816px;}
.flag.td:before{background-position:0 -6848px;}
.flag.tg:before{background-position:0 -6880px;}
.flag.th:before{background-position:0 -6912px;}
.flag.tj:before{background-position:0 -6944px;}
.flag.tl:before{background-position:0 -6976px;}
.flag.tm:before{background-position:0 -7008px;}
.flag.tn:before{background-position:0 -7040px;}
.flag.to:before{background-position:0 -7072px;}
.flag.tr:before{background-position:0 -7104px;}
.flag.tt:before{background-position:0 -7136px;}
.flag.tv:before{background-position:0 -7168px;}
.flag.tw:before,.flag.zh-tw:before{background-position:0 -7200px;}
.flag.tz:before{background-position:0 -7232px;}
.flag.ua:before,.flag.uk:before{background-position:0 -7264px;}
.flag.ug:before{background-position:0 -7296px;}
.flag.us:before,.flag.en-us:before{background-position:0 -7328px;}
.flag.uy:before{background-position:0 -7360px;}
.flag.uz:before{background-position:0 -7392px;}
.flag.va:before{background-position:0 -7424px;}
.flag.vc:before{background-position:0 -7456px;}
.flag.ve:before{background-position:0 -7488px;}
.flag.vg:before{background-position:0 -7520px;}
.flag.vn:before,.flag.vi:before{background-position:0 -7584px;}
.flag.vu:before{background-position:0 -7616px;}
.flag.ws:before{background-position:0 -7648px;}
.flag.ye:before{background-position:0 -7680px;}
.flag.za:before{background-position:0 -7712px;}
.flag.zm:before{background-position:0 -7744px;}
.flag.zw:before{background-position:0 -7776px;}
.flag.sx:before{background-position:0 -7808px;}
.flag.cw:before{background-position:0 -7840px;}
.flag.ss:before{background-position:0 -7872px;}

/* @import url("https://www-assets.health.nokia.com/site/style/main.min.e65c78e53c96ad41f3cd5bfe2aab7df03aa757a9.css"); */
/* @import url("https://www-assets.health.nokia.com/pages/index/style/main.e65c78e53c96ad41f3cd5bfe2aab7df03aa757a9.css"); */

.color-note {
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  padding-left: 40px;
  position: relative;
  margin: 10px 0;
}
.color-note.no-color {
  border: 1px solid #222;
  border-radius: 5px;
}
.color-note > span {
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  width: 20px;
}
.color-note > span:after {
  font-family: monospace;
  content: "i";
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  font-size: 9px;
  text-align: center;
  padding-left: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -5px;
}

.phase2Hide{
  display: none;
}
.phase2VisibilityOff{
  visibility: hidden;
}

 iframe#webWidget {
    z-index: 99999999!important;
}

/*  HEADER  */
.sub-header a.contact-link:link{
  margin-right: 2rem;
}
.sub-header .inner-wrap .contact-lang-container{
  min-width: initial;
}
.sub-header{
  background-color: #f4f4f4;
}
span.hc-title{
  font-size: 1.4rem;
}
.menu-close {
/*     position: relative; */
    top: 0;
    right: 0;
    width: auto;
    height: 0;
}
.language{
  display: inline-block;
  float:  right;
  cursor: pointer;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px){
  .container {
    width: 750px;
  }
}

@media (min-width: 992px){
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px){
  .container {
    width: 1170px;
  }
}

.header-container {
/*header will stretch to max of 1170px, all smaller sizes will scale*/
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1170px;
  /* to hide line between main and sub header when icons expand due to small size */
  overflow: hidden; 
}

.logo-container{
  width: 50%;
  display: inline-block;
}
.logo-container img{
  max-width: 100%;
  width: 228px;
}

.navigation-container {
  width: 80%;
  padding-bottom: 20px;
}

header.closed .navigation-container, header .navigation-container{
  display: none;
}
header.open .navigation-container{
  display: block;
  float: none;
  margin-bottom: 15px;
}

@media (min-width: 1200px){
  .logo-container{
    width: 20%;
  }
  
  .header-container {
    overflow: visible; /* for My Account dropdown to work*/
  }

}
.fixed-menu {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index:999999999;
}
.slideInDownTop {
    animation-name: slideInDownTop;
    animation-fill-mode: forwards;
    animation-duration: .38s;
}
.slideOutUpTop {
    animation-name: slideOutUpTop;
    animation-fill-mode: forwards;
    animation-duration: .4s;
}
@keyframes slideInDownTop {
     0% {
       transform: translateY(-100%);
     }
     100% {
        transform: translateY(0);
     }
   }
@keyframes slideOutUpTop {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@media (min-width: 992px){
  header.menu-close .navigation-container{
    animation: closeSubmenuMobile cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
  }

}

@keyframes closeSubmenuMobile {
     0% {
       transform: translateY(0);
     }
     100% {
       transform: translateY(-100%);
     }
   }

.navigation-container ul{
  list-style-type: none;
}
@media (min-width: 1200px){
  .navigation-container{
    float: right;
    display: block;
    padding-bottom: 0;
  }

  .navigation-container ul{
    display: flex;
    list-style-type: none;
  }
}
.navigation-container ul li{
  padding-right: 5px;
}

a.menu-link{
  color: #000000; /* to override a style blue color */
}
.menu-link{
  font-family: "Gotham A", "Gotham B", Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 8px;
  position: relative;
  color: #000000;
  display: block;
  text-decoration: none;
  height: 4.5rem;
  line-height: 4.5rem;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
}

.plusSymbol{
  color: #5CE4A3;
  font-size: 2.5rem;
  top: -1px;
  position: relative;
}

.btnLabel {
  top: -4px;
  position: relative;
}

@media (min-width: 1200px){
  .menu-link{
    font-size: 1.5rem;
    margin-left: 18px;
    margin-right: 18px;
    height: 6.75rem;
    line-height: 6.75rem;
    position: relative;
    z-index: 1;
  }
}

.menu-link:hover{
  color: #bec8d2;
}
.menu-cart img{
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  margin-left: 18px;
  margin-right: 18px;
  height: 6.75rem;
  line-height: 6.75rem;
  position: relative;
  z-index: 1;
}
.menu-cart{
  display: none;
}
@media (min-width: 1200px){
  .menu-cart {
    margin-left: 60px;
/*    display: block;*/ /* Phase 2 hide */
  }
}

/* My Account Dropdown */
#myAccountDropDown{ /* simply to get position awareness, child will be absolute */
  position: relative;
  width: 0;
  height: 0;
  z-index: 1;
}
#myAccountDropDown > div{
  display: none;
  position: absolute;
  bottom: -36px;
  left: 125px;
  border: 1px solid #D8D5D1;
  width: 170px;
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#myAccountDropDown a{
  display: block;
  text-align: right;
  margin: 10px;
}

@media (min-width: 1200px){
  .myAccountMenuItem{
    flex-grow: 1;
  }
  #myAccountBtn{
    float: right;
  }
  #myAccountDropDown > div{
    bottom: auto;
    top: 10px;
    left: -90px;
    width: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/* End of My Account Dropdown */

.header-div header{ /* gray line bottom of main header */
  border-bottom: 1px solid #D8D5D1;
}

/**** SUBHEADER new design MG-090818 ****/
.subheaderDiv{
  position: relative;
  min-height: 160px;
  display: block;
  line-height: 47px;
  max-width: 1170px;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
  font-family: "Gotham A", Arial, Helvetica, sans-serif;
}
.subheaderDiv {
  max-width: 1170px;
  margin: 0 auto;
}
.breadcrumbs-wrap{
  display: block;
  width: 100%;
}
.searchbar-wrap {
/*   padding: 0 20px; */
}
.subheaderDiv .searchbar-wrap{ /* only for header search bar shrink and drop */
  position: absolute;
  bottom: 12px;
  width: calc(100% - 20px);
}
.forumContact-wrap{
  width: 100%;
  display: flex;
  line-height: initial;
}
footer .subheaderDiv {
  min-height: 100px;
}
.forum-wrap{
  padding-right: 10px;
  width: 40%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.contact-wrap{
  width: 70%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
}
.forum-wrap a, .contact-wrap a{
  color: black;
}
.communityLinkHide{
  display: none;
}

@media (min-width: 992px){
  .subheaderDiv{
    min-height: 0px;
    display: flex;
    padding: 20px 40px;
  }
  .breadcrumbs-wrap{
    display: inline-block;
    width: 30%;
  }
  .subheaderDiv .searchbar-wrap{
    position: relative;
    bottom: 0;
    width: 40%;
  }
  .forumContact-wrap{
    width: 30%;
  }
  .forum-wrap{
    align-items: flex-end;
  }
}


/*breadcrumbs styling copied from ricedilla*/
ol.breadcrumbs {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    line-height: 18px;
    text-align:left!important;
}
ol.breadcrumbs li {
  position: relative;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 17px;
  line-height: 1.7rem;
  vertical-align: top;
  width: auto;
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
ol.breadcrumbs li a {
  padding: 0px;
  margin: 0px;
/*  color: #ccc;*/ /* MG190918 Darken Help Center Color, Client request */
}
ol.breadcrumbs li a:after {
  font-family: "entypo";
  content: "\E762";
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
  color: #ccc;
  padding: 0px 4px;
  padding-right: 0px;
  vertical-align: middle;
  line-height: 1.7rem;
}
ol.breadcrumbs li:last-child{
  font-weight: bold;
  color: black;
}
ol.breadcrumbs li:last-child > a{
  font-weight: 500;
}

/***** Search field *****/
.searchbar-wrap form{
  display: flex;
}
.search {
  position: relative;
}
.search input[type="search"] {
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-sizing: border-box;
  color: black;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
}
.search > button{
  border: none;
  background: black;
  width: 20%;
  height: 40px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search > button > img {
  max-height: 20px;
  position: relative;
  bottom: 5px;
}
.search-full input[type="search"] {
  border: 1px solid #fff;
}

/**** END OF SUBHEADER ****/

.header-buttons {
  overflow: hidden;
  width: 100px;
  z-index: 1;
  display: flex;
  float: right;
  justify-content: flex-end;
}
@media (min-width: 1200px){
  .header-buttons {
    display: none;
  }
  header .navigation-container{
   display: block;
   float: right;
  }
}
.button-burger{
  display: flex;
  align-items: center;
  padding-left: 5px;
  width: 36px;
  height: 6.75rem;
}
.burger-wrapper{
  position: relative;
    height: 30px;
    width: 30px;
}
/* Hamburger menu is opened */
.burger-open .burger-line-1, .burger-open .burger-line-2, .burger-open .burger-line-3, .burger-close .burger-line-1, .burger-close .burger-line-2, .burger-close .burger-line-3 {
    transform-origin: 50% 50%;
}
.burger-open .burger-line-1 {
    animation: openBurgerLine1 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}
.burger-open .burger-line-2 {
    animation: openBurgerLine2 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}
.burger-open .burger-line-3 {
    animation: openBurgerLine3 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}

/* Hamburger menu is closed */
.burger-close .burger-line-1 {
    animation: closeBurgerLine1 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}
.burger-close .burger-line-2 {
    animation: closeBurgerLine2 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}
.burger-close .burger-line-3 {
    animation: closeBurgerLine3 cubic-bezier(0.645, 0.045, 0.355, 1) 400ms forwards;
}

@keyframes openBurgerLine1 {
  0% {
    top: 15%;
    transform: rotate(0);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
}

@keyframes openBurgerLine2 {
  0% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
}

@keyframes openBurgerLine3 {
  0% {
    top: calc(90% - 3px);
    transform: rotate(0);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
}

@keyframes closeBurgerLine1 {
  0% {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: 15%;
    transform: rotate(0);
  }
}

@keyframes closeBurgerLine2 {
  0% {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
}

@keyframes closeBurgerLine3 {
  0% {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
  50% {
    top: calc(50% - 1px);
    transform: rotate(0);
  }
  100% {
    top: calc(90% - 3px);
    transform: rotate(0);
    }
}
.burger-line-1 {
    top: 15%;
    right: 0;
}
.burger-line-2 {
    top: calc(50% - 1px);
    right: 0;
}
.burger-line-3 {
    top: calc(90% - 3px);
    right: 0;
}

.burger-line {
    width: 80%;
    position: absolute;
    height: 2px;
    background: black;
}
.mobile-cart{
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 100px;
  height: 6.75rem;
  line-height: 6.75rem;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
}
.support-banner {
    background-color: #f4f4f4;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 6rem;
/*     margin-top: 80px; */

}
@media (min-width: 768px){
  .support-banner {
      height: 6rem;
      overflow: hidden;
  }
}
.contact{
  margin-right: 3rem;
}
.contact-us{
  font-size: 1.5rem;
  top: 0;
  color: #001135;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
}
.banner-language a.contact:hover > .contact-us{
  color: #bec8d2;
}
@media (min-width: 768px){
  .support-container{
    display: flex;
  }
}

.language {
  display: block;
}
.banner-title{
  flex: 1;
  font-family: nokia-pure-text-light,Arial,Helvetica,sans-serif;
  font-size: 2.1rem;
  line-height: 6rem;
}

.banner-language{
  display: flex;
  float: right;
}

.contact-us{
  display: inline-block;
}

.arrow{
  height: 17px;
  display: inline-block;
  height: 17px;
  margin-left: 15px;
  vertical-align: middle;
  width: 20px;
}

.locale-name{
    padding: 0;
    margin: 0;
    line-height: normal;
    text-align: center;
    position: relative;
    top: 7px;
    font-size: 1.5rem;
    color: #124191;
    font-family: "Gotham A",Arial,Helvetica,sans-serif;
}
.sub-nav-container{
  display: none;
  width: 100%;
  background-color: #f1f1f1;
  position: relative;
  z-index: 9999;
}
.open{
  display: block;
}
.home-icon-container{
  line-height: 7.5rem;
  height: 7.5rem;
  float: left;
  color: #124191;
}
.sperator{
  margin-left: 15px;
  margin-right: 15px;
  font-size: 2.4rem;
  color: #9aa2ad;
  line-height: 7.5rem;
  float: left;
}
.home-icon-container img{
  height: 2.25rem;
    margin-top: 2.5rem;
    display: block;
}
.home-link{
  line-height: 7.5rem;
    height: 7.5rem;
    float: left;
}
.icon-menu-close{
  float: right;
  overflow: hidden;
  cursor: pointer;
/*   display: none; */
}
.submenu-close{
  display: none;
}
@media (min-width: 1200px){
  .submenu-close{
    display: block;
  }
}

.sub-nav-header{
  display: flex;
}
.home{
  flex: 2;
}
.icon-menu-close{
  flex: 1;
  text-align: right;
}
.icon-menu-close:before{
  display: inline-block;
  vertical-align: middle;
  content: " ";
  background-image: url('https://www-assets.health.nokia.com/site/media/icons/icons-blue-0.0.8.svg');
  background-position: 0 -1884px;
  width: 24px;
  height: 24px;
  -webkit-transform: scale(1.7) rotate(45deg);
  -moz-transform: scale(1.7) rotate(45deg);
  -ms-transform: scale(1.7) rotate(45deg);
  -o-transform: scale(1.7) rotate(45deg);
  transform: scale(1.7) rotate(45deg);
}
.thumbnails{
  display: block;
  margin-bottom: 16px;
  padding-bottom: 10px;
}
.thumbnail-wrapper{
  width: 100%;
/*   padding: 0; */
  margin-right: 1.875%;
}
.thumbnail-wrapper.last{
  margin-right: 0;
}


@media (min-width: 768px){
  .thumbnail-wrapper.last {
    margin-right: 0;
  }
  .thumbnail-wrapper{
    width: 48%;
    display: inline-block;
  }
}
@media (min-width: 992px){
  .thumbnails{
    display: flex;
  }
  .thumbnail-wrapper.last {
      margin-right: 1.875%;
  }
   .thumbnail-wrapper{
      flex: 1;
  }
}

.thumbnail-image img{
  width: 100%;
}
.thumbnail{
  display: block;
  margin: 20px auto 0 auto;
}
.thumbnail picture.thumbnail-image{
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.thumbnail:hover picture.thumbnail-image{
  -webkit-filter: grayscale(0);
  filter: none;
}
.thumbnail-title{
  color: #1C1C1C;
  font-weight: bold;
  text-align: left;
  line-height: normal;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  padding-bottom: 10px;
}
.thumbnail:hover .thumbnail-title{
  color: #124191;
}
.all-sites-header{
  text-align: center
}
.all-sites-title{
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  color: #124191;
  line-height: 3rem;
  height: 3rem;
  font-weight: bold;
  cursor: pointer;
}
.all-sites-title:before{
  width: 20px;
  content: '+';
  padding-right: 5px;
}
.all-sites-title.open:before{
  content: '-';
}
.all-site-body{
  display: none;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
}
.all-site-body.open{
  display: block;
}
.column-container{
  display: block
}

@media (min-width: 768px){
 .column-container{
    display: flex;
    flex: 1;
  }

}
@media (min-width: 992px){

  .all-site-body.open{
    display: flex;
  }
}

.sites-column{
  flex: 1;
}
.sites-link{
  display: block;
  font-size: 1.5rem;
}

@keyframes openSubmenuDesktop {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0);
    }
}
/* .products-row{
  display: flex;
}
.first-row .element{
  flex:2;
}
.first-row .element:last-child{
  flex: 1;
}
.second-row .element{
  flex: 1;
}
.second-row .element:last-child{
  flex: 2;
} */


.element{
  float: left;
  padding: 0;
  background-color: #f4f4f4;
  box-sizing: border-box;
  margin-left: 5px ;
  margin-bottom: 5px;
  width: 50%;
  position: relative;
}
.element.big-width{
  width: 100%;
  display: block;
}
.element.item-bmp{
  order: 4;
    float: right;
}
.elment.item-thermo{
  order: 3;
}
.element.small-width{
  width: 50%;
  display: block;
}

.element{
  width: 100%;
  display: block;
}
@media (min-width: 1200px){
  .element{
    background-color: #ffffff;
    margin-left: 20px;
    margin-bottom: 20px;
    height: auto;
  }
}
.submneu-link img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
  padding-top: 10px;
}

@media (min-width: 1200px){
  .submneu-link img{
    padding-top: 20px;
  }
}
.big-width.h-100 img{
  height: 60vw;
}
.big-width.h-50 img{
  height: 23vw;
}
.small-width.h-100 img{
  height: 23vw;
}
.small-width.h-200 img{
    height: 23vw;
}
.item-sleep{
  order: 2;
}
.item-sleep img{
  height: auto;
  width: 123%;
  max-width: 130%;
  transform: translate(-67%, -47%);
}

@media (min-width: 768px){
  .big-width.h-100 img{
    height: calc(1170px/5);
  }
  .big-width.h-50 img{
    height: calc(1170px/12);
  }
  .small-width.h-100 img{
    height: calc(1170px/12);
  }
  .small-width.h-200 img{
    height: calc(1170px/12);
  }
}
@media (min-width: 992px){
  .big-width.h-100 img{
    height: 30vw;
  }
  .big-width.h-50 img{
    height: 13vw;
  }
  .small-width.h-100 img{
    height: 13vw;
  }
  .item-sleep img{
    width: 113%
  }
  .item-bpm a picture img {
    height: calc(1170px/5.5);
  }
}
@media (min-width: 1200px){
  .big-width.h-100 img{
    height: calc(1170px/5.5);
  }
  .big-width.h-50 img{
    height: calc(1170px/14);
  }
  .small-width.h-100 img{
    height: calc(1170px/14);
  }

}

.submenu-link p{
  font-size: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: visible;
  text-align: left;
  color: #1C1C1C;
}

.element img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%);
}
.submenu-link{
  display: flex;
  width: 100%;
  line-height: normal;
  text-align: left;
  text-decoration: none;
  padding: 1.5rem;


}
@media (min-width: 1200px){
  .submenu-link{
/*     position: absolute; */
    height: 100%;
  }
}
.cols-container{
  display: flex;
}
.cols-container .element{
  flex: 1;
}
.small-height img{
  height: calc(1170px/14);
}
.big-height img{
  height: calc(1170px/5.5);
  width: 100%;
}

.close{
  position: absolute;
    top: -15px;
    right: 20px;
}

.explore-link p.link-title {
  font-size: 1.8rem;
  height: 6rem;
  line-height: 6rem;
  padding: 0 0 0 1rem;
  display: inline;
  color: #1C1C1C;
}


/********** *************** *********** MAIN PAGE ************ ****************** ************ ********/
main {
  position: relative;
/*  padding: 5px;  small on mobiles */
  padding-bottom: 50px;
/*   padding-top:5px; */
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}

.mainContainer {
  padding: 0 5px;
}

/*** Main Landing Page ***/
#landingPageMain{
  padding: 50px 0 0 0;
  background: #f4f4f4;
}

.greyBG{
  background: #f4f4f4;
}
.whiteBG{
  background: white;
}

.mainHelpTitle{
  font-size: 38px;
  margin: 0 0 20px 0;
  text-align: center;
  color: #090909;
  font-weight: bold;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}

.mainHelpExplanation{
  margin: 0 0 20px 0;
  text-align: center;
  color: #090909;
	width: 400px;
}

#landingPageMain .searchbar-wrap{
  margin: 0 auto;
  max-width: 800px;
  padding: 15px;
}
#landingPageMain .search input[type="search"],
#landingPageMain .search > button {
  height: 55px;
}
#landingPageMain .search > button > img {
  max-height: 30px;
  bottom: 0;
}
@media (min-width: 576px){
  .mainHelpTitle{
    margin: 50px 0 20px 0;
  }
  #landingPageMain .search input[type="search"],
  #landingPageMain .search > button {
    height: 62px;
  }
  #landingPageMain .search > button > img {
    max-height: 30px;
  }
}

.mainPageSelection-wrap{
  text-align: center;
}
.mainPageSelection{
  width: 90%;
  background: white;
  min-height: 150px;
  margin: 10px;
  padding: 10px;
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
  border-radius: 20px;
  position: relative;
  display: inline-block;
  text-align: left;
}
.mainPageSelection:hover{
  cursor: pointer;
}
.mainPageSelection::after {
  content: "";
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
#mainPageSelectionProduct::after{
  background-image: url('https://customerservice.withings.com/assets/mpc/mpceco.png');
}
#mainPageSelectionOrder::after{
  background-image: url('https://customerservice.withings.com/assets/mpc/mpckv.png');
}
#mainPageSelectionApps::after{
  background-image: url('https://customerservice.withings.com/assets/mpc/mpckv.png');
}
#mainPageSelectionAccount::after{
  background-image: url('https://customerservice.withings.com/assets/mpc/mpckv.png');
}
.mainPageSelection h1{
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
  font-size: 28px;
  color: black;
  margin: 20px 0 0 10px;
  position: absolute;
  z-index: 1;
  font-weight: 500;
}
.mainPageSelection t {
  color: black;
  margin: 55px 0 0 10px;
  line-height: 24px;
  font-size: 19px;
  font-weight: 400;
  position: absolute;
  z-index: 1;
}
@media (min-width: 576px){
  .mainPageSelection{
    min-height: 245px;
  }
  .mainPageSelection h1{
    font-size: 38px;
    margin: 90px 0 0 45px;
  }
  .mainPageSelection t {
    font-size: 21px;
    margin: 135px 0 0 45px;
    line-height: 30px;
    font-weight: 400;    
  }
}
@media (min-width: 992px){
  .mainPageSelection{
    width: 44%;
    margin: 20px;
    padding: 20px;
  }
}

.mainPagePopularTitle{
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
  color: black;
  margin: 0px 20px;
  margin-top: 50px;
}
.mainPagePopular-wrap {
/*  margin: 0 40px;*/
  display: initial;
}
ul.popular-slider {
  display: flex;
  flex-wrap: wrap;
}
.mainPagePopularLinkDiv {
  margin: 20px 0;
  display: inline-block;
  vertical-align: top;
  flex-basis: 25%;
  
}
.mainPagePopularLinkDiv a {
  width: 100%;
  display: block;
}
.mainPagePopular{
  margin: 0 20px;
  width: 250px;
  height: 250px;
  border-radius: 20px;
  color: white;
  font-size: 20px;
  line-height: 25px;
  padding: 45px 25px;
  background: -moz-linear-gradient(144.06deg, #6065D9 0%, #31DFD2 91.7%);
  background: -ms-linear-gradient(144.06deg, #6065D9 0%, #31DFD2 91.7%);
  background: -o-linear-gradient(144.06deg, #6065D9 0%, #31DFD2 91.7%);
  background: -webkit-linear-gradient(144.06deg, #6065D9 0%, #31DFD2 91.7%);
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
}

.support-news{
  padding-top: 5rem;
}
.support-news-title{
  font-family: "Gotham A", "Gotham B",Arial,Helvetica,sans-serif;
  font-size: 38px;
  line-height: 53px;
  font-weight: 700;
}
.news{
  padding: 10px 0;
  font-size: 1.8rem;
}
.news a{
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
  color: #001135;
}
.news a:hover{
  transition: all 100ms ease-in-out;
  color: #bec8d2;
}
.news a:hover ~ .arrow {
    transform: translateX(3px);
}

/*** Apps Page & Acct Page ***/
#support-apps-mozaic_items {
  text-align: center;
}
.appsPageSelection, .accountPageSelection{
  display: inline-block;
  margin: 5px;
  width: 140px;
  border-radius: 20px;
  padding: 10px;
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
}
.appsPageSelection {
  height: 250px;
}
.accountPageSelection{
  height: 180px;
}

.support-apps-mozaic_item_image {
  text-align: center;
}
.support-apps-mozaic_item_image img{
  height: 100px;
  width: 100px;
  max-height: 100%;
  max-width: 100%; 
}
.support-apps-mozaic_item_text_top{
  line-height: 0;
}
.support-apps-mozaic_item_text_bottom a{
  width: 90%;
  font-size: 12px;
  display: inline-block;
}

@media (min-width: 576px){
  .appsPageSelection, .accountPageSelection{
    margin: 15px;
    width: initial;
    height: 320px;
    padding: 20px;
  }
  .support-apps-mozaic_item_image img{
    height: 200px;
    width: 200px;
  }
   .appsPageSelection .support-apps-mozaic_item_text_bottom a{
    width: 45%;
    font-size: 15px;
  }
}
/*** Product Page ***/
.select-prod {
  padding: 20px 0 50px;
  font-size: 3.8rem;
  color: black;
}

/* filtering */
.filter-wrap {
  padding-bottom: 50px;
}
.myItemsFilter-wrap{
  text-align: center;
  flex: 1;
}
.myItemsFilter-wrap li{
  width: 100%;
}
.myItemsFilter-wrap li > a {
  color: #fff;
  border: 1px solid black;
  background: black;
}
.filter-wrap ul div{
  display: flex;
}
.filter-wrap ul {
  list-style-type: none;
  text-align: center;
  flex: 5;
}
.filter-wrap li {
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
  flex: 1;
}
.filter-wrap ul div{
  display: flex;
  justify-content: space-between;
}
.filter-wrap ul li > a {
  color: #97999b;
  border: 1px solid #97999b;
}
.filter-wrap li > a {
  border-radius: 4px;
  text-align: center;
  padding: 8px 15px;
  min-width: 73px;
  display: block;
  font-size: 14px;
  margin: 0 5px;
  font-weight: bold;
}
.filter-wrap ul li > a:hover {
  color: black;
  border: 1px solid black;
}
.filter-wrap ul li > a.checked, .green-grad-bg {
  background: #61EF65; 
  background: -moz-linear-gradient(223.71deg, #61EF65 -29.14%, #31DFCC 116.42%);
  background: -ms-linear-gradient(223.71deg, #61EF65 -29.14%, #31DFCC 116.42%);
  background: -o-linear-gradient(223.71deg, #61EF65 -29.14%, #31DFCC 116.42%);
  background: -webkit-linear-gradient(223.71deg, #61EF65 -29.14%, #31DFCC 116.42%);
  background: linear-gradient(223.71deg, #61EF65 -29.14%, #31DFCC 116.42%);
  border: none;
  color: #fff!important;
}

@media (min-width: 992px){
  .filter-wrap {
    padding-bottom: 50px;
    display: flex;
    justify-items: center;
    align-items: center;
    flex-direction: row;
  }
  .filter-wrap ul div{
    display: inline-block;
  }
  .myItemsFilter-wrap li{
    width: auto;
  }
}
/* end of filtering */

/* Categories */
ul.category-list li {
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
  border-radius: 20px; /* MG110918 Withings Rebranding */
}
ul.category-list li.hidden-category {
  display: none!important;
}
ul.category-list li a p.year {
  margin: 0; /* todo fine tune this later */
}
ul.category-list li a span + span {
  padding-top: 0;
  z-index:99999999;
}
ul.category-list li a p.year {
  z-index:99999999;
  color: #97999b;
  font-family: "Gotham A", Arial, Verdana, sans-serif;
  margin-left: 0;
}
ul.category-list li a div:after,
ul.category-list li a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

ul.step1-list li a,
ul.category-list li a {
  overflow: hidden;
}    
ul.step1-list li a:before {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;        
}
/*
ul.category-list li a:before {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;        
}
*/
ul.step1-list li a:hover:before,
ul.category-list li a:hover:before {
/*   transform: translateZ(0) scale(1.02,1.02); */
}

ul.category-list
{
    font-size: 0px;
    text-align: center;
}
ul.category-list li {
  position: relative;
  vertical-align: top;
  border: none;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 2%;
  padding: 10px;
  width: 100%;
  max-width: 240px;
  height: 210px;
  background: #fff;
}
ul.category-list li:last-child,
ul.section-list li:last-child {
    border: none;
}
ul.category-list li a {
  text-align: center;
/*      background-color: #f5f5f5;*/ /* MG 110918 - Change to white*/
  height: auto;
  padding: 0;
  box-sizing: border-box;
}
ul.category-list li a div:after {
  opacity: 0;
  transition: all 0.2s ease;
}
ul.category-list li:not(.no-2nd-image) a:hover:after {
  opacity: 0;
  bottom: 20px;
  transition: all 0.2s ease;
}
ul.category-list li:not(.no-2nd-image) a:hover div:after {
  opacity: 1;
  bottom: 25px;
  transition: all 0.2s ease;
}
ul.category-list li a:after {
  transition: all 0.2s ease;
}
ul.category-list li a div:after,
ul.category-list li a:after {
  left: 0;
  right: 0;
  bottom: 25px;
  top: auto;
  width: 100px;
  height: 100px;
  max-width: 100%;
  max-height: 100%;
  background-position: center center;
/*  background-size: 200px auto;*/
  text-align: center;
  margin: 0px auto;
}
ul.category-list li a div:after {
  bottom: 20px;
  transition: all 0.2s ease;
}
ul.category-list li a span {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    text-align: center; /* MG 110918 - Withings rebranding */
    background: #fff;
    padding: 5px 0 0;
    font-size: 12px;
    font-weight: 400;
}
ul.category-list li a span.table {
    display: table;
    vertical-align: top;
}
ul.category-list li a span.table > p { 
    display: table-cell;
    word-break: break-word;
}

@media (min-width: 380px){ /* new gen phones */
  ul.category-list li {
    width: 150px;
  }
}

@media (min-width: 768px){
  ul.category-list li a div:after,
  ul.category-list li a:after {
    width: 225px;
    height: 225px;
  }
  ul.category-list li {
    width: 300px;
    height: 325px;
  }
  ul.category-list li a span {
      padding: 10px 0 0;
      font-size: 18px;
  }
}


/********** *************** *********** FOOTER ************ ****************** ************ ********/
.footerSearchBarDiv{
  display: flex;
  justify-content: center;
  border-bottom: 1px solid white;
  padding: 15px 0px;
}

.footerSearchBarDiv .searchbar-wrap{
  width: calc(100% - 20px);
}

@media (min-width: 992px){
  .footerSearchBarDiv .searchbar-wrap{
    width: 40%; /* same as header search bar */
  }
  .footerSearchBarDiv{
    padding: 30px 40px;
  }
}

.global-footer-container{
  background-color: #f4f4f4;
  color: #1C1C1C!important;
  padding-top: 50px;
}
@media (min-width: 992px){
  .links-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .products-link{
    display: flex;
    padding-right: 10px;
  }
  .products-link ul{
    flex: 1;
  }

}

.footer-column{
  flex: 2;
  flex-shrink: 0 !important;
  flex-basis: 49% !important;
}
@media (min-width: 1200px){
  .footer-column{
    flex: 1; /* 50% split between footer outer columns on large screen */
  }
}

.column-title{
/*  border-bottom: 1px solid #bec8d2;*/
  padding-top: 9px;
  text-align: left;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #1C1C1C;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
  font-weight: 800;
}
.column-title:after{
    float: right;
    width: 1.2rem;
    background: none;
    content: '+';
    font-size: 1.5rem;
    text-align: center;
}
.open.column-title:after,
.open .column-title:after{
  content: "-";
}
.nokia-footer-block{
  margin-right: 10px;

}
.nokia-footer-block{
  font-size: 1.1rem !important;
  line-height: 1.1rem !improtant;
}
@media (min-width: 992px){
  .nokia-footer-block{
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
  }
}

.nokia-footer-block .language-link{
  font-size: 1.2rem;
  padding-top: 0 !important;
}
@media (min-width: 992px){
  .column-title{
    font-weight: 800;
    border-bottom: none;
    text-align: right;
    padding-right: 16px;
  }
  .column-title:after, .open.column-title:after{
    float: right;
    width: 1.2rem;
    background: none;
    content: '';
    font-size: 1.5rem;
    text-align: center;
  }

}
.footer-column ul {
  display: none;
}
.footer-column ul.open {
  display: block;
  
}
@media (min-width: 992px){
  .footer-column ul {
      display: block;
  }
}

a.footer-link,
.footer-column ul li a{
  color: #1C1C1C;
  line-height: 28px;
}
a.footer-link:hover,
.footer-column ul li a:hover{
  color: #bec8d2;
}
a.footer-link,.footer-column ul li{
  font-size: 14px;
  border-top: 4px;
  border-bottom: 4px;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;

}
.main-links{
  flex: 1;
  margin-top: 20px;
}
.main-links a, .footer-bottom .region-container a, .footer-bottom .selector-container a {
  display: block;
  color: #1C1C1C;
  text-align: left;
  padding-top: 5px;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 800;
  margin: 4px 0;
}
@media (min-width: 992px){
  .main-links{
    margin-top: 0px;
    position: relative;
    left: 0;
    padding-left: 10px;
  }
  .main-links a, .footer-bottom .region-container a, .footer-bottom .selector-container a {
    padding-bottom: 0;
  }

}
a.buy-products{
  background: #61EF65; 
  background: -moz-linear-gradient(228.48deg, #76F3A1 4.07%, #66CABE 101.67%);
  background: -ms-linear-gradient(228.48deg, #76F3A1 4.07%, #66CABE 101.67%);
  background: -o-linear-gradient(228.48deg, #76F3A1 4.07%, #66CABE 101.67%);
  background: -webkit-linear-gradient(228.48deg, #76F3A1 4.07%, #66CABE 101.67%);
  background: linear-gradient(228.48deg, #76F3A1 4.07%, #66CABE 101.67%);
  height: 44px;
  font-size: 16px;
  color: #fff;
  margin-top: 1.5rem;
  text-decoration: none;
  padding: .2rem 2.3rem .25rem;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .3s ease all;
  font-family: "Gotham A",Arial,Helvetica,sans-serif !important;
}

a.buy-products:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.footer-bottom{
  padding-top: 22px;
  padding-bottom: 3rem;
}

.nokia-links-container{
  text-align: center;
}

a.footer-link{
  display: inline-block
}
.footer-link:not(:last-child):after{
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
}


.region-container{
  height: auto;
}
.region-container div{
  position: relative;
  padding-top: 30px;
  color: #87919F;
  font-size: 14px;
  left: 0;
  top: 20px;
}
.region-toggle:before{
  content: url(/hc/theming_assets/01HZPRZNWKBFA6P23DAEBT627V);
  position: absolute;
  top: 0;
}
.region-toggle:hover{
  cursor: pointer;
}
.regionDropdown {
  display: none;
  position: absolute;
  bottom: 85px;
  border-radius: 10px;
  border: 1px solid #D8D5D1;
  padding: 0 10px;
  background: #f4f4f4;
  width: max-content;
  z-index: 99999;
}
.regionDropdown.lang-top {
  bottom: 0;
  right: 0;
}

@media (min-width: 992px){
  .region-container{
    position: relative;
    height: 0px; /* only to establish position*/
    overflow: visible;
  }
  .region-container div{
    left: 100%;
  }
  .regionDropdown {
    bottom: 166px;
    left: -12px;
  }
  .regionDropdown.lang-top {
    bottom: auto;
    left: -12px;
  }
}
@media (min-width: 1200px){
  .region-container div{
    left: 45%;
    top: 20px;
  }
  .footer-bottom .region-container div{
    left: 85%;
    top: -134px;
  }
  
}
.regionDropdown.lang-top a {
  display: block;
}

.footerSearchBarDiv .search > button > img {
/*   bottom: 0; */
}
.nokia-footer-block{
  padding-bottom: 25px;
  margin-top: 25px;
}
.nokia-copyright{
  color: #8B8B8B;
  margin: 0px 20px 10px;
  margin-left: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}
.footer-menu{
  line-height: 1.1375rem;
  display: block;
  margin-top: 20px !important;
  width: 100%;
  padding-top: 0 !important;
  text-align: center;
}
ul.menu li a:hover{
  color: black;
}
ul.menu li a{
  display: inline-block;
  padding: 0;
  color: #8B8B8B;
}
@media (min-width: 992px){
  .nokia-copyright{
    width: auto;
    text-align: left;
  }
  .footer-menu{
    float: left;
    width: auto;
    margin-top: 0 !important;
  }
}


/********************** Category (Product) Page ***********************************/
  /* Note some hero styling applies to article page as well */
#catPageHeroTitle h2,
#artPageHeroTitle h2{
  position: initial;
  margin-top: 50px;
  color: black;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}

#cat-hero-wrap {
  background-size: contain;
  background-position: center!important;
  background-repeat: no-repeat;
  min-height: 200px;
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */  
}

#cat-hero-wrap .enhance {
    display: none;
}
@media (min-width: 480px) {
  #cat-hero-wrap {
    padding-bottom: 20%;
    position: relative;
    display: block;
    overflow: hidden;
  }
  #cat-hero-wrap .enhance {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -10%;
    background-position: center top;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  #catPageHeroTitle h2,
  #artPageHeroTitle h2{
    font-size: 40px;
  }
}
  /* End of hero styling */

#promo-arts {
  border-radius: 20px;
  background-color: #F0F1F2;
  margin: 10px;
  padding: 40px 10px 10px 10px;
}
#promo-arts .page-header,
#catPageUpdates h2 {
  margin: 0;
  padding: 0 0 10px 0; 
  color: #090909;
  font-size: 28px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}

#promo-arts .promoted-articles ul li a{
  color: #3783ED !important; /* MG280918  Withings restyle   */

}
#promo-arts .fa-arrow-right{ /* blue fontawesome arrow */
  color: #3783ED;
}
#catPageUpdates{
  border-radius: 20px;
  margin: 50px 10px 30px 15px;
}
#promo-arts.empty + #catPageUpdates{
  margin-left: 0;
}
@media (min-width: 768px) {
  #promo-arts {
    flex: 5;
    margin: 40px 0;
    padding: 40px 20px 20px 20px;
  }
  #promo-arts .page-header,
  #catPageUpdates h2 {
    font-size: 38px;
    padding: 0 0 30px 0; 
  }
  .promoUpdateDiv{
    display: flex;
  }
  #catPageUpdates{
    flex: 4;
    margin: 100px 20px 20px 40px;
  }
}

#sections-wrap .page-header {
  margin: 0;
  padding: 0 0 10px 0;
  color: #090909;
  font-size: 28px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}

ul.article-listing {
  max-height:0;
  overflow: hidden;
  transition: all 0.5s ease;
}
li.expanded ul.article-listing {
/*   max-height: 1000px;  animated but with delay*/
  max-height: initial;
  transition: all 0.5s ease;
}
li.expanded a:after {
  transform: rotate(45deg); 
}
/* hide collapsible bocks markers */
a[href^="#/block_"] {
  display: none;
}
.article-body h2.collapse-trigger {
  line-height: 1.3em;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  border: 1px solid #ccc;
  border-bottom: none;
  font-size: 1.5em;
  background: #efefef;
  position: relative;
}
.article-body h2.collapse-trigger:after { 
    content: "▼";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    padding-top: 10px;
}
.article-body h2.collapse-trigger.expanded:after { 
    content: "▲";
}

.article-body h2.collapse-trigger:hover,
.article-body h2.collapse-trigger.hover { 
  border-color: #3BE2B7;
  background: #3BE2B7;
}

.article-body h2.collapse-trigger + .collapse-wrap {
  max-height: 120px;
  position: relative;
  overflow: hidden;
  padding: 0px 20px;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.article-body h2.collapse-trigger + .collapse-wrap:after {
  content: "";
  display: block;
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}
.article-body h2.collapse-trigger.expanded + .collapse-wrap {
  max-height: 999999999px;
  cursor: initial;
/*   overflow-y: auto; */
}
.article-body h2.collapse-trigger.expanded + .collapse-wrap:after {
  display: none;
}
#newReqPg .section-list,
#sections-wrap .section-list {
  text-align: center;
}
#newReqPg .section-list > li,
#sections-wrap .section-list > li {
  border: 1px solid #9D9D9D;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  position: relative;
  margin: 10px 0 0 0;
  vertical-align: top;
  display: inline-block;
  text-align: left;
  overflow: hidden;
}
#newReqPg .section-list li > a,
#sections-wrap .section-list li > a {
  display: block;
  padding: 10px;
  font-weight: 400;
}
#sections-wrap .section-list li > a:hover {
  background: #fefefe;
}
#sections-wrap .section-list li > a.see-all-articles {
  font-weight: bold;
}
#newReqPg .section-list > li > a:before,
#sections-wrap .section-list > li > a:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#newReqPg .section-list > li > a:after,
#sections-wrap .section-list > li > a:after {
  content:"";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 15px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgMS4yNUM5IDAuNTU5NjkyIDguNDQwNDMgMCA3Ljc1IDBDNy4wNTk1NyAwIDYuNSAwLjU1OTY5MiA2LjUgMS4yNVY2LjVIMS4yNUMwLjU1OTU3IDYuNSAwIDcuMDU5NjkgMCA3Ljc1QzAgOC40NDAzMSAwLjU1OTU3IDkgMS4yNSA5SDYuNVYxNC4yNUM2LjUgMTQuOTQwMyA3LjA1OTU3IDE1LjUgNy43NSAxNS41QzguNDQwNDMgMTUuNSA5IDE0Ljk0MDMgOSAxNC4yNVY5SDE0LjI1QzE0Ljk0MDQgOSAxNS41IDguNDQwMzEgMTUuNSA3Ljc1QzE1LjUgNy4wNTk2OSAxNC45NDA0IDYuNSAxNC4yNSA2LjVIOVYxLjI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjAuNzUiIHkxPSIxLjI1IiB4Mj0iMTQuNzUiIHkyPSIxNC43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4xNjU3NDYiIHN0b3AtY29sb3I9IiM2MEVGNjUiLz48c3RvcCBvZmZzZXQ9IjAuOTI4MTc3IiBzdG9wLWNvbG9yPSIjMzBERkQzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
}
#newReqPg .section-list li a span,
#sections-wrap .section-list li a span{
  font-weight: bold;
  display: inline-block;
  color: black;
  width: calc(100% - 50px); /* take away space for before: and after: icons */
}
@media (min-width: 768px){
  #sections-wrap .page-header {
    font-size: 38px;
  }
  #newReqPg .section-list li,
  #sections-wrap .section-list > li,
  .section-tree-with-article > ul > li {
    width: 48%;
    margin: 10px 5px 0 5px;
  }
}

#catPgGuideVideoDiv{

}
#catPgGuideVideoDiv a{
  display: block;
  flex: 1;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 5px;
  line-height: 18px;
  
  background: -moz-linear-gradient(169.47deg, #6065D9 0%, #31DFD2 91.7%);
  background: -ms-linear-gradient(169.47deg, #6065D9 0%, #31DFD2 91.7%);
  background: -o-linear-gradient(169.47deg, #6065D9 0%, #31DFD2 91.7%);
  background: -webkit-linear-gradient(169.47deg, #6065D9 0%, #31DFD2 91.7%);
  background: linear-gradient(169.47deg, #6065D9 0%, #31DFD2 91.7%);
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
}
#catPgGuideVideoDiv a h1{
  margin: 0;
  padding: 0;
  color: white;
  font-size: 24px;
  line-height: 25px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}
#catPgGuideVideoDiv a t{
  color: white;
  font-size: 14px;
}
@media (min-width: 768px){
  #catPgGuideVideoDiv{
    display: flex;
    margin: 20px 0;
  }
}
@media (min-width: 1200px){
  #catPgGuideVideoDiv a{
    padding: 50px 15px 25px 55px;
    line-height: 22px;
    margin: 20px;
  }
  #catPgGuideVideoDiv a h1{
    font-size: 38px;
    line-height: 40px;
  }
  #catPgGuideVideoDiv a t{
    font-size: 22px;
  }
}

/********************** End of Category (Product) Page ***********************************/

/**************************************** Section Page ***********************************/

#sectionHeader{
  color: black;
  font-size: 38px;
  line-height: 65px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}
div:not(.special_section) #secArtList li a{
  display: block;
  border: 1px solid #9D9D9D;
  border-radius: 4px;
  width: 100%;
  font-size: 16px;
  position: relative;
  margin: 10px 0 0 0;
  padding: 10px 30px 10px 10px;
}
div:not(.special_section) #secArtList li a:after{
  content:"";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  top: 15px;
  background-image: url('data:image/svg+xml;utf8,');
}
.special_section .video-article-wrap iframe {
  width: 100%;
}
.special_section .base_wrap {
  display:block;
  width: 100%;
}

.special_section .base_wrap a:before {
  content:"";
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgMS4yNUM5IDAuNTU5NjkyIDguNDQwNDMgMCA3Ljc1IDBDNy4wNTk1NyAwIDYuNSAwLjU1OTY5MiA2LjUgMS4yNVY2LjVIMS4yNUMwLjU1OTU3IDYuNSAwIDcuMDU5NjkgMCA3Ljc1QzAgOC40NDAzMSAwLjU1OTU3IDkgMS4yNSA5SDYuNVYxNC4yNUM2LjUgMTQuOTQwMyA3LjA1OTU3IDE1LjUgNy43NSAxNS41QzguNDQwNDMgMTUuNSA5IDE0Ljk0MDMgOSAxNC4yNVY5SDE0LjI1QzE0Ljk0MDQgOSAxNS41IDguNDQwMzEgMTUuNSA3Ljc1QzE1LjUgNy4wNTk2OSAxNC45NDA0IDYuNSAxNC4yNSA2LjVIOVYxLjI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjAuNzUiIHkxPSIxLjI1IiB4Mj0iMTQuNzUiIHkyPSIxNC43NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4xNjU3NDYiIHN0b3AtY29sb3I9IjYwRUY2NSIvPjxzdG9wIG9mZnNldD0iMC45MjgxNzciIHN0b3AtY29sb3I9IiMzMERGRDMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=') center no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right:10px;
}
  
@media (min-width: 768px) {
  .special_section .base_wrap {
    width: 30%;
    display: inline-block;
  }  
  .special_section .video-article-wrap {
    display: inline-block;
    width: 50%;
    font-size: 0;
    vertical-align: top;
    padding: 5px;
  }
  .special_section .video-article-wrap iframe {
    width:50%;
    max-width:560px;
    height: auto;
  /*   min-height: 320px; */
    margin-right:10px;
    float: left;
  }
}
.special_section #secArtList li {
  font-size: 0;
}
.special_section #secArtList li > * {
  font-size: 16px;
}
.special_section .video-article-wrap h1,
.special_section .video-article-wrap h2,
.special_section .video-article-wrap h3 {
  margin-top:0;
}
#sectionPageArticlelist ul.article-list {
  display: flex;
  flex-wrap: wrap;
}
#sectionPageArticlelist ul.article-list > li {
  width: 100%;  
  min-width: 320px;
  font-size: 16px;
    position: relative;
    margin: 0;
    vertical-align: top;
    display: flex;
    flex: 0 50%;
    text-align: left;
    overflow: hidden;  
    padding: 10px 10px;
  flex-grow: 1;
}
@media (min-width: 700px) { 
  #sectionPageArticlelist ul.article-list > li {
    flex-grow: 0;
  }
}
#sectionPageArticlelist ul.article-list > li > a {
    display: table;
  height: 100%;
        border: 1px solid #9D9D9D;
    border-radius: 4px;
    width: 100%;
}
#sectionPageArticlelist ul.article-list li a > span {
        display: table-cell;
    width: 90%;
    vertical-align: middle;
}
#sectionPageArticlelist ul.article-list > li > a > i.fas {
        position: relative;
    display: table-cell;
    text-align: right;
  vertical-align: middle;
}
#sectionPageArticlelist ul.article-list > li img {
  width: auto;
  max-width: 100%;
}
#sectionPageArticlelist ul.article-list a.art-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 10px;
}

/******************************End of Section Page ***********************************/

/*************************************Article Page ***********************************/
/* Note hero styling can be found in category page section */
#articleBody {
  color: black;
}
#articleBody h2.page-header.cat:before{
  display:none;
}
#articleBody h2.page-header.cat{
  color: black;
  font-size: 20px;
  line-height: 22px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}
@media (min-width: 768px){
  #articleBody h2.page-header.cat{
    font-size: 38px;
    line-height: 46px;
  }
}

.article-body ol:not(.slider) li { 
  display: inline-flex; /* MG230918 change block to inline-flex */
  margin-bottom: 20px;
  position: relative;
}
.article-body .liNumber{
  background: #3BE2B7;
  color: white;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  display: block;
}
.article-body a:link, .article-body a:visited, .article-body a:hover, .article-body a:active {
  color: #3BE2B7;
}

.article-votes{
  margin-top: 50px;
  text-align: center;
}
.article-votes-controls a{
  background: transparent;
  border: 1px solid #0072ef;
  color: #0072ef;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
  padding: 5px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-size: 15px;
}
.article-votes-controls a:hover{
  background: #0072ef;
  color: white;
}
.article-vote-up::before {
  content: "✔ " attr(title);
  margin-right: 10px;
}
.article-vote-down::before {
  content: "✘ " attr(title);
  margin-right: 10px;
}

#articleBody .comment-form{
  margin-top: 30px;
}
#articleBody .comment-form .comment-form-preface{
  font-size: 14px;
  color: #747474;
}
#articleBody .comment-form textarea{
  border-color: #3783ED;
  border-radius: 4px;
}
#articleBody .comment-form .comment-container {
  width: 100%;
}
#articleBody .comment-form .comment-container textarea{
  border-color: #3783ED;
  width: 100%;
  border-radius: 4px;
  height: 100px;
}
#articleBody .comment-form-controls {
  float: right;
}
#articleBody .comment-form-controls input{
  background: transparent;
  border: 1px solid #0072ef;
  color: #0072ef;
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
  padding: 10px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  font-size: 15px;
}
#articleBody .comment-form-controls input:hover{
  background: #0072ef;
  color: white;
}
@media (min-width: 768px){
  .article-votes{
    text-align: left;
  }
  #articleBody .comment-form .comment-container {
    width: 50%;
  }
}
article#articleBody #comments {
    margin-top: 50px;
    border: 1px solid #666;
    padding: 20px;
    border-radius: 20px;
}
article#articleBody .comment-avatar {
    position: absolute;
    left: 0;
    top: 20px;
}
article#articleBody #comments li .c-wrap {
    margin-left: 100px;
}
article#articleBody #comments li {
  overflow: auto;
  position: relative;
}

ul.comment-list li.comment {
  
}

#artPgRelRecDiv {
  display: block;
  overflow: auto;
}

section.related-articles,
section.recent-articles{
  margin-bottom: 60px;
  margin-top: 40px;
  flex: 1;
}
section.related-articles h3,
section.recent-articles h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 34px;
  color: black;
}
section.related-articles ul,
section.recent-articles ul{
  list-style: none;
  padding:0px;
  margin:0px;
}
section.related-articles ul li,
section.recent-articles ul li{
/*   margin-bottom: 30px; */
  margin-bottom: 10px;
  line-height: 21px;
}
section.related-articles ul li a,
section.recent-articles ul li a {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}
@media (min-width: 768px){
  #artPgRelRecDiv{
    display: flex;
  }
}

#artPgContactDiv h3, 
searchPgContactDiv h3{
  font-size: 27px; 
  color: black;
}
#artPgContactDiv .artPgContactBtn,
#searchPgContactDiv .searchPgContactBtn{
  display: inline-block;
  background: black;
  color: #fff;
  border-radius: 4px;
  padding: 8px 20px;
  font-size: 16px;
  min-width: 184px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

/******************************End of Article Page ***********************************/

/***************************** Search Results Page ***********************************/
#searchResultsPage {
   overflow: auto; 
}
#searchResultsPage .search-results-heading {
  font-size: 38px;
  text-align: center;
  color: black;
  font-weight: bold;
  margin-top: 45px;
}
#searchResultsPage ul.search-results-list {
  list-style: none;
  padding:0px;
  margin:0px;
}
#searchResultsPage ul.search-results-list li {
    margin-bottom: 10px;
    font-size: 16px;
}
#searchResultsPage ul.search-results-list li a {
    color: black;
}
#searchResultsPage .search-results-column h2.search-results-subheading {
/*     display: none; */
}
#searchResultsPage ul.search-results-list li.search-result a span.hl {
    color: #ce851d;
}
#searchResultsPage .search-result-description {
    display: none;
}
#searchResultsPage .search-result-meta {
    display: none;
    font-size: 15px;
}

@media only screen and (min-width: 768px) {
  #searchResultsPage ul.search-results-list li {
/*     vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 48%;
    padding-right: 20px; */
  }
  
  #searchResultsPage .search-results-column {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
  #searchResultsPage .search-results-column:last-child {
/*     float: right; */
  }  
}

/* MG260918 Restyled */
nav.pagination ul {
    padding-top: 20px;
    list-style: none;
    text-align: center;
    margin: 20px auto;
}
nav.pagination ul li {
  margin: 5px 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 30px;
  width: 30px;
  border: 1px solid #9D9D9D;
  line-height: 30px;
  background: transparent;
  border-radius: 4px;
}
nav.pagination ul li.pagination-current,
nav.pagination ul li:hover{
  background: linear-gradient(243.34deg, #61EF65 -29.14%, #31DFCC 116.42%);
  border: none;
}
nav.pagination ul li:hover a{
  color: white;
}
nav.pagination ul li:not(.pagination-current):hover{
  cursor: pointer;
}
nav.pagination ul li a {
  color: #9D9D9D;
  display: inline-block;
  position: relative;
  width: 47px;
  height: 47px;  
}
nav.pagination ul li span {
  color: white;
  position: relative;
}

@media only screen and (min-width: 768px) {
  nav.pagination ul li {
    height: 48px;
    width: 48px;
  }
  nav.pagination ul li a, 
  nav.pagination ul li span {
		padding-top: 8px;
    display: inline-block;
  }  
}

.search-results-column p a{
  color: #3783ED;
}
/* Note that #searchPgContactDiv has the same styling as artPgContactDiv above*/

/*
nav.pagination ul li.pagination-prev a,
nav.pagination ul li.pagination-next a {
}
nav.pagination ul li.pagination-prev a:hover,
nav.pagination ul li.pagination-next a:hover {
}
*/
/* End MG260918 Restyled */

/***************************** End of Search Results Page *******************************/

/***************************** Community Topics List Page ******************************/
#commTopList .community-header h2{
  font-size: 40px;
  color: black;
  text-align: center;
  margin-top: 50px;
}
#commTopList .blocks-list{
  text-align: center;
}
#commTopList .blocks-list .thumb-container {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding-bottom: 80%;
  max-height: 200px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
  text-align: center; 
}
#commTopList .blocks-item,
#commTopList .group-item {
  width: 100%;
  display: inline-block;
}
#commTopList .blocks-item-link,
#commTopList .group-item-link {
  width: 90%;
  min-height: 200px;
  max-width: 640px;
  margin: 10px;
  padding: 10px;
  -moz-box-shadow:    0 0 90px -20px rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
  box-shadow:         0 0 90px -20px rgba(0,0,0,.25);
  border-radius: 20px;
  position: relative;
  display: inline-block;
  text-align: left;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
  padding-top: 10%;
}
#commTopList .group-item-link {
  background-size: cover;
}
#commTopList .blocks-item-title {
  font-size: 28px;
  color: #000;
  position: absolute;
}
#commTopList .group-item-title,
#commTopList .blocks-item-title {
  position: relative;
  font-size: 28px;
  color: #000;
  text-shadow: 1px 1px 0px rgba(255,255,255,.5);
}
#commTopList .blocks-item-link .meta-group {
  position: relative;
  padding-left: 20px;
/*   color: white; */
}
#commTopList .blocks-item-link .meta-data{
  font-size: 15px;
  display: inline-block;
}
#commTopList .group-item-link .meta-group {
/*   color: #fff; */
  padding-left: 20px;
  font-size: 15px;
}
#commTopList .group-item-link .meta-group li {
  display: inline-block;
  color: #000;
  text-shadow: 1px 1px 0px rgba(255,255,255,.2);    
}

#commTopList .blocks-item-title,
#commTopList .group-item-title {
        font-size: 38px;
/*      padding-top: 15%; */
/*     padding-bottom: 40px; */
    padding-left: 20px;
    line-height: 48px;
    margin: 0;
}

@media (min-width: 576px){
  #commTopList .blocks-item-link,
  #commTopList .group-item-link{
    min-height: 245px;
  }

  #commTopList .blocks-item-link .meta-group,
  #commTopList .group-item-link .meta-group {
/*     margin-left: 20px; */
    margin-bottom: 5px;
  }

  #commTopList .blocks-item-link .meta-data {
    font-size: 15px;
  }
}
@media (min-width: 992px){
  #commTopList .blocks-item,
  #commTopList .group-item{
    width: 49%;
  }
}
#commTopList .meta-group {
  display: block;
  font-size: 15px;
  padding-left: 20px;
/*   display: none; */
}
#commTopList .topics-item.toggled .meta-group {
  display: block;
}
#commTopList .meta-group li {
    font-size: 15px;
  padding: 0 4px;
}
#commTopList .community-activity{
  margin-top: 70px;
}
#commTopList .community-activity .recent-activity-header{
  font-size: 24px;
  color: black;
  line-height: 24px;
}
#commTopList .community-activity .recent-activity-item{
  border-top: 1px solid #9A9A9A;
  padding: 20px 0 20px 0;
}
#commTopList .community-activity .recent-activity-item-parent {
    font-weight: bold;
  background: #eee;
  padding: 3px;
  border-radius: 3px;  
}
#commTopList  .recent-activity-list li:last-child{
  border-bottom: 1px solid #9A9A9A;
}
#commTopList .recent-activity-item .recent-activity-item-parent:after{
/*   content: ' - '; */
}
#commTopList .recent-activity-item .recent-activity-item-link:after{
  content: " ";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xNjciIGhlaWdodD0iMTQiIHZpZXdCb3g9Ijk0LjgzMyAwIDE0LjE2NyAxNCI+PHBhdGggZmlsbD0iIzFCMUIyNCIgZD0iTTEwMC45NjkgMS4wOTRsLjY4OC0uNjg4Yy4xNDYtLjE0Ni4zMjItLjIxOS41MzEtLjIxOXMuMzg2LjA3My41MzEuMjE5bDYuMDYyIDYuMDYyYy4xNDYuMTQ3LjIxOS4zMjQuMjE5LjUzMnMtLjA3My4zODUtLjIxOS41MzFsLTYuMDYyIDYuMDYyYy0uMTQ2LjE0Ni0uMzIyLjIxOS0uNTMxLjIxOXMtLjM4Ni0uMDcyLS41MzEtLjIxOWwtLjY4OC0uNjg4YS42NzguNjc4IDAgMCAxLS4yNS0uNTMxLjg0Ny44NDcgMCAwIDEgLjI1LS41MzFsMy43NS0zLjU5NEg5NS43NWMtLjIwOSAwLS4zODUtLjA3Mi0uNTMxLS4yMTlTOTUgNy43MDkgOTUgNy41di0xYzAtLjIwOC4wNzItLjM4NS4yMTktLjUzMXMuMzIyLS4yMTkuNTMxLS4yMTloOC45NjlsLTMuNzUtMy41OTRhLjg1Ljg1IDAgMCAxLS4yNS0uNTMxLjY4LjY4IDAgMCAxIC4yNS0uNTMxeiIvPjwvc3ZnPg==);
}
#commTopList .recent-activity-item .recent-activity-item-time{
  display: none;
}
#commTopList .recent-activity-item .recent-activity-item-meta{
  text-align: right;
}
#commTopList .recent-activity-item .recent-activity-item-comment:before{
  content: " ";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi43ODU3MSA3LjIxNDI5QzYuNzg1NzEgNy45NjcwOCA2LjE4MTM2IDguNTcxNDMgNS40Mjg1NyA4LjU3MTQzQzQuNjc1NzggOC41NzE0MyA0LjA3MTQzIDcuOTY3MDggNC4wNzE0MyA3LjIxNDI5QzQuMDcxNDMgNi40NjE1IDQuNjc1NzggNS44NTcxNCA1LjQyODU3IDUuODU3MTRDNi4xODEzNiA1Ljg1NzE0IDYuNzg1NzEgNi40NjE1IDYuNzg1NzEgNy4yMTQyOVpNMTAuODU3MSA3LjIxNDI5QzEwLjg1NzEgNy45NjcwOCAxMC4yNTI4IDguNTcxNDMgOS41IDguNTcxNDNDOC43NDcyMSA4LjU3MTQzIDguMTQyODYgNy45NjcwOCA4LjE0Mjg2IDcuMjE0MjlDOC4xNDI4NiA2LjQ2MTUgOC43NDcyMSA1Ljg1NzE0IDkuNSA1Ljg1NzE0QzEwLjI1MjggNS44NTcxNCAxMC44NTcxIDYuNDYxNSAxMC44NTcxIDcuMjE0MjlaTTE0LjkyODYgNy4yMTQyOUMxNC45Mjg2IDcuOTY3MDggMTQuMzI0MiA4LjU3MTQzIDEzLjU3MTQgOC41NzE0M0MxMi44MTg2IDguNTcxNDMgMTIuMjE0MyA3Ljk2NzA4IDEyLjIxNDMgNy4yMTQyOUMxMi4yMTQzIDYuNDYxNSAxMi44MTg2IDUuODU3MTQgMTMuNTcxNCA1Ljg1NzE0QzE0LjMyNDIgNS44NTcxNCAxNC45Mjg2IDYuNDYxNSAxNC45Mjg2IDcuMjE0MjlaTTE5IDcuMjE0MjlDMTkgMy40NjA5NCAxNC43NDgzIDAuNDI4NTcxIDkuNSAwLjQyODU3MUM0LjI1MTY3IDAuNDI4NTcxIDAgMy40NjA5NCAwIDcuMjE0MjlDMCA5LjI4MTgxIDEuMjkzNTMgMTEuMTI2NyAzLjMxODY0IDEyLjM2NzJDMy4wNDI5NyAxNC42MDQ0IDIuMjQ3NzcgMTUuMTAyNyAxLjU3OTggMTUuNzI4MkMxLjQ1MjU3IDE1Ljg0NDkgMS4zMjUzMyAxNS45NTA5IDEuMzY3NzUgMTYuMTIwNUMxLjQxMDE2IDE2LjI3OTYgMS41NjkyIDE2LjM5NjIgMS43Mzg4NCAxNi4zNzVDMi4wNTY5MiAxNi4zNDMyIDIuMzY0NCAxNi4yOTAyIDIuNjUwNjcgMTYuMjM3MkM0LjQ3NDMzIDE1Ljg0NDkgNi4wNTQxMyAxNS4wMTc5IDcuMjYyODQgMTMuODA5MkM3Ljk3MzIxIDEzLjkzNjQgOC43MjYgMTQgOS41IDE0QzE0Ljc0ODMgMTQgMTkgMTAuOTY3NiAxOSA3LjIxNDI5WiIgZmlsbD0iI0QyRDJEMiIvPjwvc3ZnPg==);
}
#commTopList .recent-activity-item .recent-activity-item-comment:after{
  content: " Comments";
}
#commTopList .recent-activity-controls a{
  line-height: 48px;
  display: block;
  margin-top: 30px;
  height: 48px;
  width: 132px;
  border-radius: 4px;
  background: black;
  color: white;
  text-align: center;
  font-weight: bold;
}

@media (min-width: 992px){
  #commTopList .recent-activity-item .recent-activity-item-meta{
    display: inline-block;
    float: right;
  }
}

#commPostPg .newPostSection, 
#commTopList .community-footer, 
#commTopPg .community-footer{
  margin-top: 50px;
}
#commPostPg .newPostSection h3,
#commTopList .community-footer h3,
#commTopPg .community-footer h3{
  font-size: 24px;
  color: black;
}
#commPostPg .newPostSection .button-large,
#commTopList .community-footer .button-large,
#commTopPg .community-footer .button-large{
  line-height: 48px;
  display: inline-block;
  padding: 0 20px;
  margin-top: 30px;
  height: 48px;
  border-radius: 4px;
  color: #87919F;
  text-align: center;
  font-weight: bold;
  border: 1px solid #87919F;
}
#commPostPg .newPostSection .button-large:before,
#commTopList .community-footer .button-large:before,
#commTopPg .community-footer .button-large:before{
  content: " ";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzc1IDUuNDM3NUg3LjQzNzVWMS41QzcuNDM3NSAxLjI2MzAyIDcuMzQ2MzUgMS4wNjI1IDcuMTY0MDYgMC44OTg0MzhDNyAwLjcxNjE0NiA2Ljc5OTQ4IDAuNjI1IDYuNTYyNSAwLjYyNUg1LjY4NzVDNS40NTA1MiAwLjYyNSA1LjI0MDg5IDAuNzE2MTQ2IDUuMDU4NTkgMC44OTg0MzhDNC44OTQ1MyAxLjA2MjUgNC44MTI1IDEuMjYzMDIgNC44MTI1IDEuNVY1LjQzNzVIMC44NzVDMC42MzgwMjEgNS40Mzc1IDAuNDI4Mzg1IDUuNTI4NjUgMC4yNDYwOTQgNS43MTA5NEMwLjA4MjAzMTIgNS44NzUgMCA2LjA3NTUyIDAgNi4zMTI1VjcuMTg3NUMwIDcuNDI0NDggMC4wODIwMzEyIDcuNjM0MTEgMC4yNDYwOTQgNy44MTY0MUMwLjQyODM4NSA3Ljk4MDQ3IDAuNjM4MDIxIDguMDYyNSAwLjg3NSA4LjA2MjVINC44MTI1VjEyQzQuODEyNSAxMi4yMzcgNC44OTQ1MyAxMi40Mzc1IDUuMDU4NTkgMTIuNjAxNkM1LjI0MDg5IDEyLjc4MzkgNS40NTA1MiAxMi44NzUgNS42ODc1IDEyLjg3NUg2LjU2MjVDNi43OTk0OCAxMi44NzUgNyAxMi43ODM5IDcuMTY0MDYgMTIuNjAxNkM3LjM0NjM1IDEyLjQzNzUgNy40Mzc1IDEyLjIzNyA3LjQzNzUgMTJWOC4wNjI1SDExLjM3NUMxMS42MTIgOC4wNjI1IDExLjgxMjUgNy45ODA0NyAxMS45NzY2IDcuODE2NDFDMTIuMTU4OSA3LjYzNDExIDEyLjI1IDcuNDI0NDggMTIuMjUgNy4xODc1VjYuMzEyNUMxMi4yNSA2LjA3NTUyIDEyLjE1ODkgNS44NzUgMTEuOTc2NiA1LjcxMDk0QzExLjgxMjUgNS41Mjg2NSAxMS42MTIgNS40Mzc1IDExLjM3NSA1LjQzNzVaIiBmaWxsPSIjMDkwOTA5Ii8+PC9zdmc+);
}
.topic-link-wrap {
    width: 100%;
    position: relative;
    display: flex;
    float: left;
    flex-wrap: wrap;
    justify-content: center;  
}
@media (min-width: 992px){
  .topic-link-wrap {
      width: 200%;
  }
  ul.topics-list li.topics-item:nth-child(even) .topic-link-wrap {
      width: 200%;
      margin-left: -100%;
  }
  .last-odd > .topic-link-wrap {
      margin-left: -50%;
  }
}
ul.topics-list li.topics-item {
  position: relative;
  overflow: visible;
}
.topic-link-wrap > li {
    flex-basis: 80%;
    margin-bottom: 20px;
}
#commTopList .topic-link-wrap > li a {
    display: block;
    box-shadow: #dddddd 0px 0px 10px 1px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
/*     height: 100%; */
    border-radius: 20px;
    padding: 10px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    text-align: center;
}
@media (min-width: 708px){
.topic-link-wrap > li {
    flex-basis: 25%;
    padding: 5px;
    margin: 20px;
    max-width: 250px;
    height: 250px;
  }
}
.topic-link-wrap > li a h3 {
  margin: 0;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
}
.topic-link-wrap > li a img {
    max-height: 140px;
    display: block;
    margin: 0 auto;  
}
#commTopList .topics-item.toggled > a.blocks-item-link,
#commTopList .topics-item.toggled > a.group-item-link {
  box-shadow: #ccc 0 0 20px 1px;
  transition: all 1.3s ease;
  border: 1px solid #5ce4a3;
/*   opacity: 0.4; */
}
@media (min-width: 708px) { 
  #commTopList .topics-item.toggled > a.blocks-item-link,
  #commTopList .topics-item.toggled > a.group-item-link {
    -moz-box-shadow: 0 0 90px -5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 90px -5px rgba(0,0,0,.5);
    box-shadow: 0 0 90px -5px rgba(0,0,0,.5);
    transition: all 0.3s ease, opacity 1ms;
  }
}
.topics-item > ul.topic-link-wrap {
  display: flex;
  max-height: 0px;
  overflow: hidden;
}

#commTopList .topics-item.toggled > ul.topic-link-wrap {
  overflow: hidden;
  max-height: initial;
  transition: all 0.5s;
  padding-bottom: 50px;
}
#commTopList .topics-item.toggled > .topic-link-wrap > li a {
    box-shadow: #dddddd 0px 0px 6px -1px;
    transition: all 0.3s ease;
}
@media (min-width: 708px){ 
  #commTopList .topics-item.toggled > .topic-link-wrap > li a {
    -moz-box-shadow: 0 0 50px -15px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 50px -15px rgba(0,0,0,.25);
    box-shadow: 0 0 50px -15px rgba(0,0,0,.25);
      transition: all 1.3s ease;
  }
}
/**********************End of Community Topics List Page ***********************************/

/***************************** Community Topic Page ******************************/
#commTopPg .page-header{
  margin-top: 40px;
}
#commTopPg .page-header h2,
.ga-most-popular-posts h2 {
  font-size: 24px;
  color: black;
}

#commTopPg .community-follow .topic-subscribe > a{
  border-radius: 4px;
  background-color: black;
  color: white;
  font-size: 16px;
  font-weight: bold;
  min-width: 180px;
}
#commTopPg .community-follow .topic-subscribe > a::after{
  content: " | \00a0 \00a0 " attr(data-follower-count);
  white-space: pre;
  display: inline-block;
  margin: 0 10px;
  font-family: "Gotham A", Arial, Helvetica, sans-serif;
  color: white;
}
#commTopPg .community-follow .topic-subscribe > span{
  display: inline-block;
  margin-top: 5px;
  background-color: white;
  padding: 10px;
  border: 1px solid #87919F;
  border-radius: 4px;
}
#commTopPg .community-follow .topic-subscribe > span > a{
  padding: 0;
  margin: 0;
  text-align: left;
  display: block;
  line-height: 30px;
  color: black;
  width: 100%;
}
#commTopPg .community-follow .topic-subscribe > span > a:hover{
  background-color: transparent;
  font-weight: bold;
}

#commTopPg .topic-header {
  margin-top: 50px;
  margin-bottom: 30px;
}
#commTopPg .topic-filters .dropdown-toggle {
  color: #747474;
  font-size: 12px;
  margin-right: 20px;
  border-bottom: 1px solid black;
}
#commTopPg .topic-filters .dropdown-toggle::after {
  color: black;
}
#commTopPg .topic-filters .dropdown-menu{
  margin-top: 5px;
  background-color: white;
  padding: 10px;
  border: 1px solid #87919F;
  border-radius: 4px;
  max-width: 100vw;
  position: absolute;
}
#commTopPg .topic-filters .dropdown-menu a{
  padding: 0;
  margin: 0;
  text-align: left;
  display: block;
  line-height: 30px;
  color: black;
  width: 100%;
}
#commTopPg .striped-list-info .status {
    background-color: #999;
    color: #fff;
    padding: 1px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
}
#commTopPg .striped-list-info .status.status-planned {
  background-color: #3BE2B7;
}
#commTopPg .striped-list-info .status.status-not-planned {
  background-color: #CCC;
}
#commTopPg .striped-list-info .status.status-completed {
  background-color: #43cdef;
}
#commTopPg .striped-list-info .status.status-answered {
  background-color: #444;
}
#commTopPg .striped-list-info .status.status-none {
  display:none;
}

#commTopPg .posts-list .striped-list-item{
  border-top: 1px solid #9A9A9A;
  padding: 20px 0 20px 0;
}
#commTopPg .posts-list .striped-list-item .striped-list-count{
  flex-grow: 1;
  text-align: left;
}
#commTopPg .posts-list .striped-list-item #voteNum:before{
  content: " ";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi43MTQyOSAxMi45NjQzQzIuNzE0MjkgMTMuMzQ2IDIuNDA2ODEgMTMuNjQyOSAyLjAzNTcxIDEzLjY0MjlDMS42NTQwMiAxMy42NDI5IDEuMzU3MTQgMTMuMzQ2IDEuMzU3MTQgMTIuOTY0M0MxLjM1NzE0IDEyLjU5MzIgMS42NTQwMiAxMi4yODU3IDIuMDM1NzEgMTIuMjg1N0MyLjQwNjgxIDEyLjI4NTcgMi43MTQyOSAxMi41OTMyIDIuNzE0MjkgMTIuOTY0M1pNNC40MTA3MSA3LjUzNTcxQzQuNDEwNzEgNy4xNjQ2MiA0LjEwMzI0IDYuODU3MTQgMy43MzIxNCA2Ljg1NzE0SDAuNjc4NTcxQzAuMzA3NDc4IDYuODU3MTQgMCA3LjE2NDYyIDAgNy41MzU3MVYxNC4zMjE0QzAgMTQuNjkyNSAwLjMwNzQ3OCAxNSAwLjY3ODU3MSAxNUgzLjczMjE0QzQuMTAzMjQgMTUgNC40MTA3MSAxNC42OTI1IDQuNDEwNzEgMTQuMzIxNFY3LjUzNTcxWk0xNi45NjQzIDcuNTM1NzFDMTYuOTY0MyA2LjQzMzA0IDE2LjAzMTMgNS41IDE0LjkyODYgNS41SDExLjk5MTZDMTIuMDc2NSA1LjE2MDcxIDEyLjE4MjUgNS4wNTQ2OSAxMi4yOTkxIDQuODIxNDNDMTIuNTg1NCA0LjI3MDA5IDEyLjg5MjkgMy42NTUxMyAxMi44OTI5IDIuNzg1NzFDMTIuODkyOSAxLjk2OTMxIDEyLjg5MjkgMC4wNzE0Mjc4IDEwLjUxNzkgMC4wNzE0Mjc4QzEwLjMzNzYgMC4wNzE0Mjc4IDEwLjE2OCAwLjE0NTY0NyAxMC4wNDA3IDAuMjcyODc5QzkuNTg0ODIgMC43MTgxOTIgOS40NTc1OSAxLjM3NTU2IDkuMzQwOTYgMi4wMDExMkM5LjIxMzczIDIuNjE2MDcgOS4wOTcxIDMuMjUyMjMgOC42ODM1OSAzLjY2NTc0QzguMzU0OTEgMy45OTQ0MiA3Ljk5NDQyIDQuNDUwMzMgNy42MTI3MiA0LjkzODA2QzcuMTQ2MjEgNS41NTMwMSA2LjEyODM1IDYuODE0NzMgNS43MzYwNSA2Ljg0NjU0QzUuMzg2MTYgNi44NzgzNSA1LjA4OTI5IDcuMTc1MjIgNS4wODkyOSA3LjUyNTExVjE0LjMyMTRDNS4wODkyOSAxNC42OTI1IDUuNDA3MzcgMTQuOTg5NCA1Ljc2Nzg2IDE1QzYuMTM4OTUgMTUuMDEwNiA2Ljc3NTExIDE1LjIzMzMgNy40NDMwOCAxNS40NjY1QzguNTg4MTcgMTUuODU4OCAxMC4wMTk1IDE2LjM1NzEgMTEuNTM1NyAxNi4zNTcxSDExLjcxNkgxMi41MjE4QzEyLjcxMjYgMTYuMzU3MSAxMi44NjEgMTYuMzU3MSAxMi45MDM1IDE2LjM1NzFDMTMuODM2NSAxNi4zNDY1IDE0LjUzNjMgMTYuMDcwOSAxNC45OTIyIDE1LjUzMDFDMTUuMzk1MSAxNS4wNTMgMTUuNTc1MyAxNC40MDYyIDE1LjUxMTcgMTMuNjExQzE1Ljc3NjggMTMuMzU2NiAxNS45NzgyIDEzLjAwNjcgMTYuMDg0MyAxMi42MTQ0QzE2LjIwMDkgMTIuMTkwMyAxNi4yMDA5IDExLjc2NjIgMTYuMDg0MyAxMS4zNzM5QzE2LjQwMjMgMTAuOTQ5OCAxNi41NjE0IDEwLjQ1MTUgMTYuNTQwMiA5LjkyMTMyQzE2LjU0MDIgOS43NzI4OCAxNi40OTc4IDkuNDU0OCAxNi4zODExIDkuMTE1NTFDMTYuNzQxNiA4LjcwMjAxIDE2Ljk2NDMgOC4wOTc2NiAxNi45NjQzIDcuNTM1NzFaIiBmaWxsPSIjRDJEMkQyIi8+PC9zdmc+);
}
#commTopPg .posts-list .striped-list-item #commentNum:before{
  content: " ";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 23px;
  height: 20px;
  margin-right: 5px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi43ODU3MSA3LjIxNDI5QzYuNzg1NzEgNy45NjcwOCA2LjE4MTM2IDguNTcxNDMgNS40Mjg1NyA4LjU3MTQzQzQuNjc1NzggOC41NzE0MyA0LjA3MTQzIDcuOTY3MDggNC4wNzE0MyA3LjIxNDI5QzQuMDcxNDMgNi40NjE1IDQuNjc1NzggNS44NTcxNCA1LjQyODU3IDUuODU3MTRDNi4xODEzNiA1Ljg1NzE0IDYuNzg1NzEgNi40NjE1IDYuNzg1NzEgNy4yMTQyOVpNMTAuODU3MSA3LjIxNDI5QzEwLjg1NzEgNy45NjcwOCAxMC4yNTI4IDguNTcxNDMgOS41IDguNTcxNDNDOC43NDcyMSA4LjU3MTQzIDguMTQyODYgNy45NjcwOCA4LjE0Mjg2IDcuMjE0MjlDOC4xNDI4NiA2LjQ2MTUgOC43NDcyMSA1Ljg1NzE0IDkuNSA1Ljg1NzE0QzEwLjI1MjggNS44NTcxNCAxMC44NTcxIDYuNDYxNSAxMC44NTcxIDcuMjE0MjlaTTE0LjkyODYgNy4yMTQyOUMxNC45Mjg2IDcuOTY3MDggMTQuMzI0MiA4LjU3MTQzIDEzLjU3MTQgOC41NzE0M0MxMi44MTg2IDguNTcxNDMgMTIuMjE0MyA3Ljk2NzA4IDEyLjIxNDMgNy4yMTQyOUMxMi4yMTQzIDYuNDYxNSAxMi44MTg2IDUuODU3MTQgMTMuNTcxNCA1Ljg1NzE0QzE0LjMyNDIgNS44NTcxNCAxNC45Mjg2IDYuNDYxNSAxNC45Mjg2IDcuMjE0MjlaTTE5IDcuMjE0MjlDMTkgMy40NjA5NCAxNC43NDgzIDAuNDI4NTcxIDkuNSAwLjQyODU3MUM0LjI1MTY3IDAuNDI4NTcxIDAgMy40NjA5NCAwIDcuMjE0MjlDMCA5LjI4MTgxIDEuMjkzNTMgMTEuMTI2NyAzLjMxODY0IDEyLjM2NzJDMy4wNDI5NyAxNC42MDQ0IDIuMjQ3NzcgMTUuMTAyNyAxLjU3OTggMTUuNzI4MkMxLjQ1MjU3IDE1Ljg0NDkgMS4zMjUzMyAxNS45NTA5IDEuMzY3NzUgMTYuMTIwNUMxLjQxMDE2IDE2LjI3OTYgMS41NjkyIDE2LjM5NjIgMS43Mzg4NCAxNi4zNzVDMi4wNTY5MiAxNi4zNDMyIDIuMzY0NCAxNi4yOTAyIDIuNjUwNjcgMTYuMjM3MkM0LjQ3NDMzIDE1Ljg0NDkgNi4wNTQxMyAxNS4wMTc5IDcuMjYyODQgMTMuODA5MkM3Ljk3MzIxIDEzLjkzNjQgOC43MjYgMTQgOS41IDE0QzE0Ljc0ODMgMTQgMTkgMTAuOTY3NiAxOSA3LjIxNDI5WiIgZmlsbD0iI0QyRDJEMiIvPjwvc3ZnPg==);
}
@media (min-width: 425px){
  #commTopPg .posts-list .striped-list-item{
    display: flex;
  }
  #commTopPg .posts-list .striped-list-item .striped-list-count {
    text-align: right;
  }
}
@media (min-width: 992px){
  #commTopPg .page-header{
    margin-top: 80px;
  }
}

/* community footer / New post button as per Topic Lists styling above */

/**********************End of Community Topic Page ***********************************/

/***************************** Community Post Page ******************************/
#commPostPg .post-container{
  display: inline-block;
  width: 100%;
}
#commPostPg .post-rightCol{
  display: none;
  width: 29%;
  vertical-align: top;
  margin-top: 40px;
}
#commPostPg .post-rightCol .post-actions-wrapper{
  margin-right: 50px;
}

@media (min-width: 992px){
  #commPostPg .post-rightCol{ 
    display: inline-flex;
  }
  #commPostPg .post-container{
    width: 70%;
  }
  #commPostPg .post-container .community-follow,
  #commPostPg .post-container .post-actions,
  #commPostPg .post-container .post-vote{
    display: none;
  }
}

#commPostPg .post-title{
  margin-top: 40px;
  display: flex;
}
#commPostPg .post-title h1{
  font-size: 24px;
  line-height: 24px;
  color: black;
}
#commPostPg .community-follow > a{
  border-radius: 4px;
  background-color: black;
  color: white;
  font-size: 16px;
  font-weight: bold;
  min-width: 140px;
  padding: 10px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#commPostPg .community-follow > a::after{
  content: " | \00a0 \00a0 " attr(data-follower-count);
  white-space: pre;
  display: inline-block;
  margin: 0 10px;
  font-family: "Gotham A", Arial, Helvetica, sans-serif;
  color: white;
}

/***** Vote, Avatar, Sharing Copied from Zendesk *****/
/* Used in article comments, post comments and post */
#commPostPg .vote {
  display: inline-block;
  text-align: center;
  width: 35px;
  margin-left: 10px;
}
#commPostPg .vote a {
  outline: none;
}
#commPostPg .vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}
#commPostPg .vote-sum {
  color: #666;
  display: block;
  margin: 3px 0;
}
#commPostPg .vote-up:hover::before,
#commPostPg .vote-down:hover::before {
  color: #0072ef;
}
#commPostPg .vote-up::before, .vote-down::before {
  color: #666;
  font-size: 24px;
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
#commPostPg .vote-up::before {
  content: "\2B06";
}
#commPostPg .vote-down::before {
  content: "\2B07";
}
#commPostPg .vote-voted::before {
  color: #0072ef;
}
#commPostPg .vote-voted:hover::before {
  color: #004189;
}
#commPostPg .actions .dropdown-toggle {
  font-size: 0;
  margin-top: 15px;
  line-height: 10px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
#commPostPg .actions .dropdown-toggle::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
  border-radius: 50%;
  color: #666;
  content: "\2699";
  display: block;
  font-size: 20px;
  margin-left: 12px;
  padding: 5px;
}
#commPostPg .dropdown-menu {
  border: 1px solid #d8d8d8; 
  border-radius: 4px;
  font-size: 14px;
  min-width: 320px;
  padding: 10px 0;
  position: absolute;
  right: 0;
  left: auto;
}
#commPostPg .dropdown-menu a[role=menuitem] {
  cursor: pointer;
  display: block;
  text-align: left;
  padding: 5px;
  line-height: 16px; 
}

#commPostPg .post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
#commPostPg .post-avatar {
    margin-bottom: 30px;
}
#commPostPg .avatar {
    display: inline-block;
    position: relative;
}
#commPostPg .avatar img {
    height: 40px;
    width: 40px;
}
#commPostPg .user-avatar {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
#commPostPg .post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
}
#commPostPg .post-meta a {
    color: #0072ef;
}
#commPostPg .meta-data {
    color: #666;
    font-size: 13px;
    font-weight: 300;
}

#commPostPg .share a {
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 25px;
}
#commPostPg .share li, .share a {
    display: inline-block;
}
#commPostPg .share a::before {
    color: #1FF890;
    display: block;
    font-size: 23px;
    text-align: center;
    width: 100%;
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
#commPostPg .share-facebook::before {
    content: "\e903";
}
#commPostPg .share-twitter::before {
    content: "\e901";
}
#commPostPg .share-linkedin::before {
    content: "\e900";
}
#commPostPg .share-googleplus::before {
    content: "\e902";
}
/***** End of Vote Copied from Zendesk *****/

/* New post button as per Topic Lists styling above */
#commPostPg .post-footer{
  margin: 30px 0;
}
#commPostPg .comment-overview{
  padding: 20px 0;
  border-top: 1px solid #9A9A9A;
  border-bottom: 1px solid #9A9A9A;
}
#commPostPg .comment-overview .comment-heading{
  margin: 0;
  color: black;
}
#commPostPg .comment-overview .comment-callout{
  margin: 0;
  line-height: 14px;
  font-size: 14px;
  color: #747474;
  display: inline-block;
}

/***** Comment Styling Copied from Zendesk *****/
#commPostPg .comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}
#commPostPg .comment-avatar {
    margin-right: 10px;
    display: inline-block;
    position: relative;
}
#commPostPg .avatar img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
#commPostPg .comment-container {
    width: 100%;
}
#commPostPg textarea {
    border: 1px solid #87919F;
    border-radius: 5px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
}
#commPostPg .comment-form-controls {
    text-align: right;
    margin-top: 10px;
}
input[type="checkbox"], #commPostPg .comment-form-controls input[type="checkbox"] {
    margin-right: 5px;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    -webkit-appearance: checkbox;
}
#commPostPg .comment-form-controls label{
    font-size: 15px;
}
#commPostPg .comment-form-controls input[type="submit"],
.new_community_post input[type="submit"] {
    margin-left: 15px;
    margin-top: 15px;
    background-color: #0072ef;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: auto;
}
.new_community_post input[type="submit"] { margin-left: 0px;}
.new_community_post .form-field {
  margin-top: 20px;
  position:relative;
}
.new_community_post .form-field.required label:after {
  content:"*";
  font-size: 22px;
  line-height:17px;
  position:relative;
  display:inline-block;
  
}

#commPostPg .comment-sorter {
  float: right;
}
#commPostPg .comment-sorter a {
  line-height: 24px;
  color: #666;
}
#commPostPg .comment-sorter .dropdown-toggle::after {
  content: "\A0\A0\E75C";
  display: inline-block;
  font-family: "entypo";
  vertical-align: middle;
}

#commPostPg .comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
#commPostPg .comment-wrapper.comment-official {
  border: 1px solid #444;
  padding: 40px 20px;
}
#commPostPg .comment-wrapper {
  display: flex;
  position: relative;
}
#commPostPg .comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
#commPostPg .status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  background-color: #444;
  color: white;
  font-size: 12px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
#commPostPg .comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#commPostPg .avatar {
  margin-right: 10px;
  display: inline-block;
  position: relative;
}
#commPostPg .comment-meta {
  flex: 1 0 auto;
}
#commPostPg .comment-meta a{
  color: #0072ef;
}
#commPostPg .meta-group {
  display: block;
}
.comment-meta {
  font-size: 12px;
}

@media (min-width: 768px){
  #commPostPg .status-label-official {
      border-radius: 0 0 4px 4px;
      right: 30px;
      width: auto;
  }
  #commPostPg .comment-author {
      justify-content: space-between;
  }
  #commPostPg .dropdown-menu {
    left: 0;
    right: auto;
  }
  
}
/***** End of Comment Styling Copied from Zendesk *****/
/**************************End of Community Post Page ******************************/

/**************************New Request Page ******************************/
/* note that .section-list styling in as per Category (Product Page) above
seach for #newReqPg .section-list */

#newReqPg .page-header{
  margin: 0;
  padding: 50px 0 20px 0;
  color: #090909;
  font-size: 38px;
  line-height: 38px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}
#contact-step {
  border: none;
}
#contact-step li {
  display: block;
  width: 100%;
  vertical-align: top;
  border-bottom: 1px solid #9A9A9A;
  box-sizing: border-box;
  padding: 20px 0px;
}
#contact-step li h3 {
  margin: 0px;
  font-size: 16px;
  color: black;
  font-family: "Gotham A",Arial,Helvetica,sans-serif;
  font-weight: normal;
}
#contact-step li div {
  font-size: 19px;
  color: #3783ED;
  margin: 0px;
  font-weight: bold;
  display: inline-block;
  font-family: "Gotham A", "Gotham B",Arial,Helvetica,sans-serif;
}
#contact-step li a {
  display: inline-block;
  position: relative;
  left: 10px;
  top: 5px;
}
#contact-step li:after {
    content: "";
    clear: both;
    display: block;
}

#contact-flow {
  position: relative;
}

#contact-flow > h2 {
  margin: 60px 0 30px;
  font-size: 24px;
  color: black;
  line-height: 24px;
}

@media (min-width: 768px) {
  #contact-step {
    border-bottom: 1px solid #9A9A9A;
  }
  #contact-step li {
    display: inline-block;
    width: 30%;
    border-bottom: none;
    box-sizing: border-box;
    padding: 0 10px;
  }
  #contact-step li h3 {
    font-size: 19px;
    margin-bottom: 20px;
  }
  #contact-step li div {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  #contact-step li {
    width: 33%;
  }    
}

#newReqPg ul.step1-list li {
    width: 100%;
    min-width: 300px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#newReqPg ul.step1-list li:nth-child(odd) {
    margin-right: 3%;
}
#newReqPg ul.step1-list li a{
    width: 90%;
    background: white;
    min-height: 150px;
    margin: 10px;
    padding: 10px;
    -moz-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
    box-shadow: 0 0 90px -20px rgba(0,0,0,.25);
    border-radius: 20px;
    position: relative;
    display: inline-block;
    text-align: left;
}
#newReqPg ul.step1-list li a:before {
  content: "";
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
#newReqPg ul.step1-list {
  margin-bottom: 40px;
}
#newReqPg ul.step1-list li a h1 {
    font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
    font-size: 28px;
    color: black;
    margin: 20px 0 0 10px;
    position: absolute;
    z-index: 1;
}
#newReqPg ul.step1-list li a span {
    color: black;
    margin: 55px 0 0 10px;
    line-height: 24px;
    font-size: 19px;
    position: absolute;
    z-index: 1;
}

@media (min-width: 768px) {
  #newReqPg ul.step1-list li {
    width: 48%;
    display: inline-block;
  }
  #newReqPg ul.step1-list li a{
    min-height: 250px;
  }
  #newReqPg ul.step1-list li a h1 {
    font-size: 38px;
    margin: 90px 0 0 45px;
  }
  #newReqPg ul.step1-list li a span {
    font-size: 22px;
    margin: 135px 0 0 45px;
    line-height: 30px;
  }
}

.wizard-actions-wrap{
  display: flex;
  flex-direction: column-reverse;
}
.wizard-actions-wrap .wizardLeftCol{
  flex: 7;
}
.wizard-actions-wrap .wizardRightCol{
  flex: 3;
}

.wizard-actions-wrap .wizardRightCol a{
  border: 1px solid black;
  border-radius: 4px;
  padding: 5px;
  min-width: 250px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  margin: 10px;
}
.wizard-actions-wrap .wizardRightCol span {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
    position: relative;
    /*top: 7px;*/
}
.wizard-actions-wrap .wizardRightCol a:before{
  content: "";
  background-position: center center;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;    
}

.wizard-actions-wrap .send-email:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4NiA1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODYgNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNYTUxJRF8zXyk7fQ0KCS5zdDF7Y2xpcC1wYXRoOnVybCgjWE1MSURfNF8pO2ZpbGw6I0EyQTJBMjt9DQo8L3N0eWxlPg0KPGcgaWQ9IlhNTElEXzEwOF8iPg0KCTxnIGlkPSJYTUxJRF8xMDlfIj4NCgkJPGRlZnM+DQoJCQk8cGF0aCBpZD0iWE1MSURfMTE0XyIgZD0iTTg0LDE0LjZ2MjYuOEw1OC42LDI4TDg0LDE0LjZ6IE0yLDE0LjZMMjcuNSwyOEwyLDQxLjRWMTQuNnogTTIsMmg4MnYxMC4zTDU1LjksMjcuMQ0KCQkJCWMtMC4zLDAuMi0wLjUsMC41LTAuNSwwLjlzMC4yLDAuNywwLjUsMC45TDg0LDQzLjdWNTRIMlY0My43bDI3LjctMTQuNUw0Mi41LDM2YzAuMywwLjIsMC42LDAuMiwwLjksMGw4LTQuMg0KCQkJCWMwLjMtMC4yLDAuNS0wLjUsMC41LTAuOXMtMC4yLTAuNy0wLjUtMC45Yy0wLjMtMC4yLTAuNy0wLjItMSwwTDQzLDMzLjhMMiwxMi4zVjJ6IE0wLDF2NDEuOGMwLDAuMiwwLDAuMywwLDAuNVY1NQ0KCQkJCWMwLDAuNiwwLjQsMSwxLDFoODRjMC42LDAsMS0wLjQsMS0xVjFjMC0wLjYtMC40LTEtMS0xSDFDMC40LDAsMCwwLjUsMCwxeiIvPg0KCQk8L2RlZnM+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1hNTElEXzExNF8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTtmaWxsOiNBMkEyQTI7Ii8+DQoJCTxjbGlwUGF0aCBpZD0iWE1MSURfM18iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTE0XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBpZD0iWE1MSURfOTBfIiBjbGFzcz0ic3QwIj4NCgkJCTxnIGlkPSJYTUxJRF85MV8iPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iWE1MSURfMTEzXyIgeD0iLTkzMyIgeT0iLTE1NDEiIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjQ5MjYiLz4NCgkJCQk8L2RlZnM+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTEzXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO2ZpbGw6I0EyQTJBMjsiLz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlhNTElEXzRfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjWE1MSURfMTEzXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJPHJlY3QgaWQ9IlhNTElEXzkyXyIgeD0iLTUiIHk9Ii01IiBjbGFzcz0ic3QxIiB3aWR0aD0iOTYiIGhlaWdodD0iNjYiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
}
.wizard-actions-wrap .get-phone-number:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4yMTQyOSAxNi4yODU3QzYuMjE0MjkgMTYuODc1IDUuNzMyMTQgMTcuMzU3MSA1LjE0Mjg2IDE3LjM1NzFDNC41NTM1NyAxNy4zNTcxIDQuMDcxNDMgMTYuODc1IDQuMDcxNDMgMTYuMjg1N0M0LjA3MTQzIDE1LjY5NjQgNC41NTM1NyAxNS4yMTQzIDUuMTQyODYgMTUuMjE0M0M1LjczMjE0IDE1LjIxNDMgNi4yMTQyOSAxNS42OTY0IDYuMjE0MjkgMTYuMjg1N1pNOSAxNC4xNDI5QzkgMTQuMzcwNSA4Ljc5OTExIDE0LjU3MTQgOC41NzE0MyAxNC41NzE0SDEuNzE0MjlDMS40ODY2MSAxNC41NzE0IDEuMjg1NzEgMTQuMzcwNSAxLjI4NTcxIDE0LjE0MjlWNC43MTQyOEMxLjI4NTcxIDQuNDg2NjEgMS40ODY2MSA0LjI4NTcxIDEuNzE0MjkgNC4yODU3MUg4LjU3MTQzQzguNzk5MTEgNC4yODU3MSA5IDQuNDg2NjEgOSA0LjcxNDI4VjE0LjE0MjlaTTYuNDI4NTcgMi43ODU3MUM2LjQyODU3IDIuOTA2MjUgNi4zMzQ4MiAzIDYuMjE0MjkgM0g0LjA3MTQzQzMuOTUwODkgMyAzLjg1NzE0IDIuOTA2MjUgMy44NTcxNCAyLjc4NTcxQzMuODU3MTQgMi42NjUxOCAzLjk1MDg5IDIuNTcxNDMgNC4wNzE0MyAyLjU3MTQzSDYuMjE0MjlDNi4zMzQ4MiAyLjU3MTQzIDYuNDI4NTcgMi42NjUxOCA2LjQyODU3IDIuNzg1NzFaTTEwLjI4NTcgMi41NzE0M0MxMC4yODU3IDEuNjMzOTMgOS41MDg5MyAwLjg1NzE0MiA4LjU3MTQzIDAuODU3MTQySDEuNzE0MjlDMC43NzY3ODYgMC44NTcxNDIgMCAxLjYzMzkzIDAgMi41NzE0M1YxNi4yODU3QzAgMTcuMjIzMiAwLjc3Njc4NiAxOCAxLjcxNDI5IDE4SDguNTcxNDNDOS41MDg5MyAxOCAxMC4yODU3IDE3LjIyMzIgMTAuMjg1NyAxNi4yODU3VjIuNTcxNDNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==);
}
.wizard-actions-wrap .formForumLink:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNzE0MyA2LjQyODU3QzE1LjcxNDMgMy4yNzAwOSAxMi4xOTg3IDAuNzE0Mjg1IDcuODU3MTQgMC43MTQyODVDMy41MTU2MyAwLjcxNDI4NSAwIDMuMjcwMDkgMCA2LjQyODU3QzAgOC4yMzY2MSAxLjE2MDcxIDkuODU0OTEgMi45Njg3NSAxMC45MDRDMi41ODkyOSAxMS44MzA0IDIuMDk4MjEgMTIuMjY1NiAxLjY2Mjk1IDEyLjc1NjdDMS41NDAxOCAxMi45MDE4IDEuMzk1MDkgMTMuMDM1NyAxLjQzOTczIDEzLjI0NzhDMS40NzMyMSAxMy40Mzc1IDEuNjI5NDYgMTMuNTcxNCAxLjc5Njg4IDEzLjU3MTRDMS44MDgwNCAxMy41NzE0IDEuODE5MiAxMy41NzE0IDEuODMwMzYgMTMuNTcxNEMyLjE2NTE4IDEzLjUyNjggMi40ODg4NCAxMy40NzEgMi43OTAxOCAxMy4zOTI5QzMuOTE3NDEgMTMuMTAyNyA0Ljk2NjUyIDEyLjYyMjggNS44OTI4NiAxMS45NjQzQzYuNTE3ODYgMTIuMDc1OSA3LjE3NjM0IDEyLjE0MjkgNy44NTcxNCAxMi4xNDI5QzEyLjE5ODcgMTIuMTQyOSAxNS43MTQzIDkuNTg3MDUgMTUuNzE0MyA2LjQyODU3Wk0yMCA5LjI4NTcxQzIwIDcuNDIxODcgMTguNzcyMyA1Ljc3MDA5IDE2Ljg4NjIgNC43MzIxNEMxNy4wNTM2IDUuMjc5MDIgMTcuMTQyOSA1Ljg0ODIxIDE3LjE0MjkgNi40Mjg1N0MxNy4xNDI5IDguNDI2MzQgMTYuMTE2MSAxMC4yNjc5IDE0LjI1MjIgMTEuNjI5NUMxMi41MjIzIDEyLjg3OTUgMTAuMjU2NyAxMy41NzE0IDcuODU3MTQgMTMuNTcxNEM3LjUzMzQ4IDEzLjU3MTQgNy4xOTg2NiAxMy41NDkxIDYuODc1IDEzLjUyNjhDOC4yNzAwOSAxNC40NDIgMTAuMTIyOCAxNSAxMi4xNDI5IDE1QzEyLjgyMzcgMTUgMTMuNDgyMSAxNC45MzMgMTQuMTA3MSAxNC44MjE0QzE1LjAzMzUgMTUuNDc5OSAxNi4wODI2IDE1Ljk1OTggMTcuMjA5OCAxNi4yNUMxNy41MTEyIDE2LjMyODEgMTcuODM0OCAxNi4zODM5IDE4LjE2OTYgMTYuNDI4NkMxOC4zNDgyIDE2LjQ1MDkgMTguNTE1NiAxNi4zMDU4IDE4LjU2MDMgMTYuMTA0OUMxOC42MDQ5IDE1Ljg5MjkgMTguNDU5OCAxNS43NTg5IDE4LjMzNzEgMTUuNjEzOEMxNy45MDE4IDE1LjEyMjggMTcuNDEwNyAxNC42ODc1IDE3LjAzMTMgMTMuNzYxMkMxOC44MzkzIDEyLjcxMjEgMjAgMTEuMTA0OSAyMCA5LjI4NTcxWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=);
}
.wizard-actions-wrap.initial-selection {
  flex-direction: column-reverse;
}
.wizard-actions-wrap.initial-selection .wizardRightCol a{
  border: none;
  min-width: 250px;
  display: inline-block;
  align-content: center;
  justify-content: center;
  margin: 0;
}
.wizard-actions-wrap.initial-selection .wizardRightCol a span {
  display: block;
  padding-bottom: 10px;
}
.wizard-actions-wrap.initial-selection a:before{
  content: "";
  background-position: center center;
  width: 60px;
  height: 60px;
  margin-right: 0;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;    
}
.wizard-actions-wrap a.active {
  pointer-events: none;
}

.wizard-actions-wrap .wizardRightCol a.active,
.wizard-actions-wrap .wizardRightCol a:hover{
/*  border: 1px solid #3783ED;*/ /* no hover behaviour provided in design, placeholder for future implementation*/
  background: #ededed;
}

#contact-form{
  margin: 0;
}
#contact-form h1{
  text-align: left;
  margin: 0;
  color: #090909;
  font-size: 24px;
  font-family: "Gotham A", "Gotham B", Arial, Verdana, sans-serif;
}
#contact-form footer {
  width: 100%;
  vertical-align: top;
  font-size: 16px;
  display: inline-block;
  padding:10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: right;
}
#contact-form button#ajax_submitter {
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 13px;
    min-width: 150px;
    text-transform: uppercase;
    text-align: center;
    background-color: #3783ED;
    color: #fff;
    line-height: 24px;
    border: 1px solid #fff;
}
#contact-form .form-field{
  position: relative;
}
#request_description_hint{
  text-align: left;
}
@media (min-width: 768px) {
  .wizard-actions-wrap{
    flex-direction: row;
  }
}

.submitDisclaimer{
  color: #090909;
	width: 800;
  text-align: left;
  font-size: small;
  line-height: 1.6;
}

/**************************End of New Request Page ******************************/


/**************************Request(and others) Listing Page ******************************/
table.list-table {
  width: 100%;
}
table.list-table .dropdown {
  background: #ccc;
  padding: 5px;  
}
table.list-table .dropdown .dropdown-menu a[role=menuitem] {
  width: 100%;
  line-height: 25px;
}
table.list-table thead tr {
  border-bottom: 1px solid #666;
  text-align: left;
  color: #999;
}
table.list-table thead th {
  padding: 10px;
  padding-left: 0;
}
table.list-table tbody tr {
  border-bottom: 1px solid #666;
}
table.list-table tbody tr td {
  padding: 10px 0;
}
table.list-table tbody tr td:last-child {
  text-align: right;
  width: 125px;
}
table.list-table span.request-status {
    display: inline-block;
    width: 100%;
    line-height: 1em;
    padding: 12px 10px;
    max-width: 125px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #9a9a9a;
}
/* 
open - #fc7272
closed - #9a9a9a
in process - #3be2b7
*/
table#request-table span.request-status.request-solved,
table#request-table span.request-status.request-answered {
  background-color: #3be2b7;
}
table#request-table span.request-status.request-open {
  background-color: #fc7272;
}
.request-table-toolbar #request-status-select {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px;
  padding-right: 20px;
  float: right;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE4LjcgOC4zYy0wLjQtMC40LTEtMC40LTEuNCAwbC01LjMgNS4zLTUuMy01LjNjLTAuNC0wLjQtMS0wLjQtMS40IDBzLTAuNCAxIDAgMS40bDYgNmMwLjIgMC4yIDAuNSAwLjMgMC43IDAuM3MwLjUtMC4xIDAuNy0wLjNsNi02YzAuNC0wLjQgMC40LTEgMC0xLjR6Jz48L3BhdGg+PC9zdmc+") center right no-repeat;
}
.request-table-toolbar .request-table-filters {
      margin-bottom: 20px;
    overflow: auto;
}
/**************************End of Request Listing Page ***********************/
ul.comment-list li.comment {
  padding: 20px 0px;
}
.mainContainer.request-page {
  display: flex;
  flex-flow: row wrap;
}
.request-page .main-column {
    position: relative;
    flex: 1 70%;
}
.request-page .side-column {
    position: relative;
    flex: 2 30%;
}
.request-page .side-column .request-details {
  background: #f0f1f2;
  border-radius: 20%;
  border-radius: 20px;
  padding: 20px;  
} 

dl.request-details {
  vertical-align:top;
  overflow: auto;
}
.request-page .comment-avatar,
article .comment-avatar {
  display:inline-block;
  background: #fff;
  border-radius: 50%;
  max-width: 80px;
  max-height: 80px;
  overflow: hidden;
  vertical-align:top;
  margin-right: 20px;
}
.request-page .comment-author-wrap {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    height: 80px;
    padding-top: 16px;
}
.request-page .comment-author-wrap > *{
  display: block;
}
dl.request-details > dt, dl.request-details > dd {
  margin-inline-start: 0;
  display: inline-block;
  width: 50%;
  margin: 5px 0;
}
dl.request-details dt {
  clear: both;
  float:left;
  color: #8d8d8d;
}
dl.request-details dd {
  float: right;
}
dl.request-details hr:before {
  content: "";
  display:block;
  clear: both;
}
dl.request-details hr {
  clear:both;
  width:100%;
  border-top-color: #fff;
  border: 0;
  border-top: 1px solid #fff;
}

.request-page .comment-form {
  vertical-align: top;
  position: relative;
  margin-top: 80px;
}
.request-page .comment-form .comment-container {
  display: inline-block;
  position: relative;
  width:100%;
  padding-left: 90px;
}
.request-page .comment-form .comment-avatar {
  position: absolute;
  top:0;
  left:0;
}
.request-page .comment-form input[type='submit'] {
    background: #000;
    border: 0;
    padding: 10px 40px;
    color: #fff;
    font-weight: 600;
}
.request-page .comment-form #request_comment_body {
  width: 100%;
}

.new_community_post input[type="text"], 
.new_community_post textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 300px;
  box-sizing: border-box;
  color: black;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-appearance: none;
  display: block;
}
.new_community_post textarea {
  min-height: 100px;
}
.new_community_post .form-field label {
  vertical-align: top; 
}

/* Community TOS popup */
#community_tos_pop {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  top: 20px;
/*   bottom: 20px; */
  z-index:99999999999;
  max-width: 600px;
  background: #fff;
  border: 1px solid #ccc;
  overflow-y: scroll;
  padding:10px;
}
#community_tos_pop > img {
  max-width: 400px;
  margin: 0 auto;
  display: block;
  width: 100%;
}

#community_tos_pop .tos_content {
  overflow: visible;
    max-width: 400px;
    margin: 0 auto;
}
#community_tos_pop .tos_content .tos_botton_wrap {
  text-align: center;
  margin-top:20px;
  margin-bottom:20px;
}
#tos_wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255,255,255,.95);
  z-index: 99999999999;  
  display: none;
}

@media (min-width: 1024px) {
  #community_tos_pop {
    position: absolute;
    bottom: 20px;
  }  
}

.noscroll { position: fixed; overflow-y:scroll; width: 100%; height: 100%;}
a.round-btn {
  border-radius: 10px;
  padding: 5px 22px;
  background: #000;
  color: #fff;
}
a.round-btn.green {
  background: #41e38e;
}

article .swiper-container {
  width: 100%;
  height: 100%;
}
article .swiper-slide {
  text-align: left;
  padding: 10px;
  margin-right: 20px;
  font-size: 18px;
  border-radius: 20px;
  background: #eee;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 40%;
  height: 100%;
  max-width: 400px;
  min-width: 300px;  
  border: none;
  overflow: auto; 
}
article .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    color: #fff;
}
article .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3BE2B7;
}
article .swiper-slide img {
  width: 100%;
  max-width: auto;
  border-radius: 10px;
}
article .swiper-pagination {
  position: relative;
}
#myAccountDropDown a {
  line-height: 30px;
}

/***** My activities *****/
.my-activities-nav {
  border: 0;
  margin-bottom: 40px;
  margin-top: 20px;
}
.my-activities-sub-nav {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.act-nav ul li {
  display: inline-block;
}

.act-nav ul li.current {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
}

.act-nav ul li a {
  display: block;
  padding: 10px;
}
.ga-most-popular-posts {
  display: none;
}

@media (min-width: 768px) {
}

.selector-container {
	position: relative;
	left: calc(45% + 59px);
	top: 20px;
	height: 28px;	
}

.selector-container{
  height: auto;
}

.footer-bottom .selector-container {
  width: max-content;
  left: calc(85% + 59px);
  top: -134px;
}

.footer-bottom .selector-container a {
  font-weight: 600;
  top: -9px;
}

.footer-bottom .regionDropdown a {
  font-weight: 600;
  top: -9px;
}

.footer-bottom .regionDropdown, .footer-bottom .selectorDropdown {
  background: #e6e6e6;
}

.selector-container div{
  position: relative;
  color: #46465d;
  font-size: 14px;
  left: 0;
  padding: 0 5px;
  border: 3px solid #1b1b24;
  font-weight: 400;
  cursor: pointer;
  height: 28px;
  border-radius: 2px;
}
.selector-toggle {
  position: relative;
  top: -1px;
}
.selectorDropdown {
  display: none;
  position: absolute;
  bottom: 85px;
  border-radius: 10px;
  border: 1px solid #D8D5D1;
  padding: 0 10px;
  background: #f4f4f4;
  min-width: max-content;
  z-index: 99999;
}
.selectorDropdown.lang-top {
  bottom: 0;
  right: 0px;
  top: 27px;
}
.footer-bottom .selectorDropdown {
  right: 0%;  
  bottom: 28px !important;
  top: unset;
}
@media (max-width: 992px){
  .selector-container{
    height: 0;
    width: max-content;
    left: 59px;
    top: -34px;
  }
  .selectorDropdown.lang-top {
    right: -110%;  
    bottom: -29px;
    top: unset;
  }
  .region-container{    
    width: max-content;
  }
  .regionDropdown.lang-top {
    bottom: 0;
    right: -188px;
  }
  #myAccountDropDown > div {    
    bottom: -63px;
    left: 163px;    
    width: max-content;    
  }
  
  .footer-bottom .selector-container {
    left: 59px;
    top: -147px;
  }  
  .footer-bottom .regionDropdown {
    bottom: 123px;
    right: -200px;
  }
  .footer-bottom .selectorDropdown {
    right: -110%;  
    bottom: -16px !important;
    top: unset;
  }
  .nokia-links-container{
    text-align: left;
  }
  .selectTooltip {
    display: none;
  }
}
@media (min-width: 992px){
  .selector-container{
    position: relative;
    height: 0px; /* only to establish position*/
    overflow: visible;
  }
  .selector-container div{
    /* left: 100%; */
  }
  .selectorDropdown {
    bottom: 75px;
  }
  .selectorDropdown.lang-top {
    bottom: auto;
  }
}
@media (min-width: 1200px){
  .selector-container div{
    /* left: 45%; */
  }
}
.selectorDropdown.lang-top a {
  display: block;
}

.selectTooltip {
  position:absolute !important;
  border-radius: 10px !important;
  width: max-content;
  right: 0;
  left: unset !important;  
  border: 3px solid #e6e6e6 !important;
  top: 37px;
  height: max-content !important;
  z-index: 999;
  padding: unset !important;  
}
.selectTooltip:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #e6e6e6;
  position: absolute;
  top: -8px;
  right: 20px;
  transform: rotate(45deg);
}
.selectTooltip:after {
  color: #cccccc;
  content: "+";
  width: 10px;
  height: 10px;
  position: absolute;
  top: -2px;
  right: 1px;
  font-size: 1.5em;
  transform: rotate(45deg);
}
.selectTooltip:after .tooltipLabel::hover {
  color: #1b1b24;  
}
.tooltipLabel {
  background-color: white;
  padding: 10px 15px !important;  
  height: max-content !important;
  border: unset !important;
  border-radius: 7px !important;
}

.forumContact-wrap {
  display: none;
}

.serialNumber{
  text-align: left;
  color: #090909;
}
/* 1. Hide the giant broken chevron overlay */
ul.category-list li a::after {
    display: none !important;
}

/* 2. Center the image and text inside the white boxes */
ul.category-list li a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100% !important; /* Forces it to fill the 210px high box */
}

/* 3. Size the injected product image beautifully */
img.category-thumb {
    max-width: 85%;
    max-height: 120px; /* Leaves perfect breathing room for the text */
    object-fit: contain; /* Prevents the image from distorting */
    margin-bottom: 15px;
}

/* Ensure the text is styled normally */
ul.category-list li a span {
    padding: 0 !important;
}
/* Change the green gradient plus signs to black */
.special_section .base_wrap a:before,
#newReqPg .section-list > li > a:after,
#sections-wrap .section-list > li > a:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkgMS4yNUM5IDAuNTU5NjkyIDguNDQwNDMgMCA3Ljc1IDBDNy4wNTk1NyAwIDYuNSAwLjU1OTY5MiA2LjUgMS4yNVY2LjVIMS4yNUMwLjU1OTU3IDYuNSAwIDcuMDU5NjkgMCA3Ljc1QzAgOC40NDAzMSAwLjU1OTU3IDkgMS4yNSA5SDYuNVYxNC4yNUM2LjUgMTQuOTQwMyA3LjA1OTU3IDE1LjUgNy43NSAxNS41QzguNDQwNDMgMTUuNSA5IDE0Ljk0MDMgOSAxNC4yNVY5SDE0LjI1QzE0Ljk0MDQgOSAxNS41IDguNDQwMzEgMTUuNSA3Ljc1QzE1LjUgNy4wNTk2OSAxNC45NDA0IDYuNSAxNC4yNSA2LjVIOVYxLjI1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=') !important;
}

/* Change numbered circles in articles to black */
.article-body .liNumber {
    background: black !important;
}

/* Change standard bullet points in articles to black */
.article-body ul:not(.slider) li::before {
    color: black !important;
}
/* Change all links inside the article body to the custom blue */
.article-body a:link, 
.article-body a:visited, 
.article-body a:hover, 
.article-body a:active {
    color: #2A51BA !important;
    text-decoration: underline; 
}
/* The absolute nuclear option for centering the footer copyright */
.nokia-footer-block.container {
    position: relative !important;
    min-height: 50px !important; /* Ensures the container doesn't collapse */
}

.nokia-footer-block .nokia-copyright {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

.nokia-footer-block .footer-menu {
    display: none !important;
}