a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

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

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

:focus {
    outline: 0
}

main #wrapper  {
    background: #fff;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

main #wrapper main {
    overflow: hidden;
    padding-bottom: 38rem;
    position: relative;
    z-index: 1
}

main #wrapper .community-ref main {
    padding-bottom: 9.3rem
}

main #wrapper .splash main {
    padding-bottom: 2rem
}

main #wrapper main>.l-gradient-bot-grey.tabs {
    padding: 0
}

footer>.wrapper,header>*>*>.wrapper,header>*>.wrapper,main>aside>.wrapper,main>div>aside>.wrapper,main>div>section>.wrapper,main>section>.wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 50px 0 0;
    width: 100%
}

.grid-list .intro,.wrapper>.intro:first-child,main.product>section>.wrapper>.grid,main>aside>.wrapper,main>section>.wrapper>.grid,main>section>.wrapper>.grid.gap,main>section>.wrapper>section {
    margin-bottom: 40px
}

main #wrapper main>section>.wrapper>section>section {
    margin-top: 40px
}

main #wrapper main>section>.wrapper>.l-gradient-top-grey,main>section>.wrapper>section>.l-gradient-top-grey {
    margin-top: 40px;
    padding-top: 40px
}

main #wrapper main>section>.wrapper>.tab>.l-gradient-top-grey {
    margin-top: 0
}

main #wrapper main>section>.wrapper>div>.grid>.column>.l-gradient-top-grey {
    padding-top: 40px
}

main>section>.wrapper.social-widget {
    padding-top: 0;
    padding-bottom: 40px
}

.wrapper {
    margin-bottom: 1rem
}

.nav.wrapper {
    padding: 0;
    position: relative
}

.desktop .wrapper.top,.hh .wrapper.top,main .tabs .wrapper.top {
    padding-top: 8rem
}

main .about-pages .wrapper,main .about-pages .wrapper.top {
    padding-top: 0
}

main>.tabs.regular.t-1:first-child>.wrapper {
    padding-top: 4rem
}

main .about-pages .wrapper>.grid>.left-nav,main .about-pages .wrapper>.grid>section.column>.banner .banner-image,main .about-pages .wrapper>.grid>section.column>:first-child {
    padding-top: 8rem
}

main .about-pages .wrapper>.grid>section.column>.banner:first-child {
    padding-top: 0
}

.splash main>section>div>.wrapper {
    padding: 0;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1
}

.splash main>section>.wrapper>section {
    margin-bottom: 0
}

.grid {
    font-size: 0
}

.grid.g-1 {
    margin: 0
}

.grid.g-10,.grid.g-11,.grid.g-12,.grid.g-2,.grid.g-3,.grid.g-4,.grid.g-5,.grid.g-6,.grid.g-7,.grid.g-8,.grid.g-9 {
    margin: 0 -10px
}

.grid.g-2.gap,.product .grid.g-2 {
    margin: 0 -30px
}

.grid.g-3.gap,.product .grid.g-3 {
    margin: 0 -20px
}

.product .product-list .grid.g-3 {
    margin: 0 -10px
}

.grid>* {
    font-size: 10px;
    font-size: 1rem
}

.grid>.column {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 10px 10px;
    position: relative;
    vertical-align: top;
    z-index: 0
}

.grid.g-1>.column {
    padding: 0 0 10px;
    width: 100%
}

.grid.g-2>.column {
    width: 50%
}

.grid.g-2.gap>.column,.product .grid.g-2>.column {
    padding: 0 30px 10px
}

.grid.g-2>.column.c-2 {
    width: 100%
}

.grid.g-3>.column {
    width: 33.3333%
}

.grid.g-3.gap>.column,.product .grid.g-3>.column {
    padding: 0 20px 10px
}

.product .product-list .grid.g-3>.column {
    padding: 0 10px 10px
}

.grid.g-3>.column.c-2 {
    width: 66.6666%
}

.grid.g-4>.column {
    width: 25%
}

.grid.g-4>.column.c-3 {
    width: 75%
}

.grid.g-4>.column.c-2 {
    width: 50%
}

.grid.g-5>.column {
    width: 20%
}

.grid.g-5>.column.c-2 {
    width: 40%
}

.grid.g-5>.column.c-3 {
    width: 60%
}

.grid.g-5>.column.c-4 {
    width: 80%
}

.grid.g-6>.column {
    width: 16.66%
}

.grid.g-6>.column.c-2 {
    width: 33.33%
}

.grid.g-6>.column.c-3 {
    width: 50%
}

.grid.g-6>.column.c-5 {
    width: 83.33%
}

.grid.g-7>.column {
    width: 14.2857%
}

.grid.g-7>.column.c-2 {
    width: 28.5714%
}

.grid.g-7>.column.c-3 {
    width: 42.8571%
}

.grid.g-7>.column.c-4 {
    width: 57.1428%
}

.grid.g-7>.column.c-5 {
    width: 71.4286%
}

.grid.g-8>.column {
    width: 12.5%
}

.grid.g-8>.column.c-7 {
    width: 87.5%
}

.grid.g-9>.column {
    width: 11.11%
}

.grid.g-10 .column {
    width: 10%
}

.grid.g-10 .column.c-3 {
    width: 30%
}

.grid.g-10 .column.c-4 {
    width: 40%
}

.grid.g-10 .column.c-5 {
    width: 50%
}

.grid.g-10 .column.c-6 {
    width: 60%
}

.grid.g-10 .column.c-7,.grid.g-10 .column.c-8 {
    width: 70%
}

.grid.g-10 .column.c-9 {
    width: 90%
}

.grid.g-11>.column {
    width: 8.33%
}

.grid.g-12>.column.c-5 {
    width: 41.66%
}

.grid.g-12>.column.c-7 {
    width: 58.33%
}

.grid.g-12>.column.c-2 {
    width: 16.66%
}

.grid.g-12>.column.c-10 {
    width: 83.33%
}

.column .grid.g-2,.column .grid.g-3 {
    margin: 0 -10px
}

.column .grid.g-2>.column {
    padding: 0 10px 10px
}

.column .grid.g-4>.column {
    padding: 0 10px
}

.grid.g-12 .grid {
    margin-top: 1.5rem
}

.grid.rule>.column {
    position: relative
}

.grid .column.rule:before,.grid.rule>.column:before {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    bottom: 2em;
    content: '';
    left: 0;
    position: absolute;
    right: -1px;
    top: 1em;
    z-index: -1
}

.grid.rule>.column:first-child:before {
    border-left-width: 0
}

.grid.rule>.column:last-child:before {
    border-right-width: 0
}

.grid-list>.column {
    margin-bottom: 20px
}

.grid.equal-parent,main>section>.wrapper>.grid.equal-parent {
    margin-bottom: 0;
    overflow: hidden
}

.grid.equal-parent+.grid.equal-parent {
    margin-top: 20px
}

.grid.equal-parent.g-1 {
    overflow: visible
}

.grid.equal-parent.g-1 .grid {
    margin-top: 20px;
    overflow: hidden
}

.grid.equal-parent.g-1>.column:first-child .grid {
    margin-top: 0
}

.grid.equal-parent.g-1 .grid.g-1 {
    overflow: visible
}

.grid.equal-parent .column,.grid.equal-parent .g-2 .column {
    padding-bottom: 0
}

.grid.equal>.column {
    position: relative
}

.grid.equal>.column:after,.rows .grid.equal .column .row:after,.rows .grid.equal.g-2 .column .row:after {
    background-color: #eaeaea;
    bottom: -1000px;
    content: '';
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: -1
}

.grid.equal.g-1>.column:after,.rows .grid.equal .column .row:after {
    left: 0;
    right: 0
}

.rows .grid.equal>.column:after {
    background-color: transparent
}

.rows .grid.equal .column .row {
    border-top: 20px solid #fff;
    position: relative
}

.rows .grid.equal .column .row:first-child {
    border-top: 0
}

.rows .grid.equal.g-2>.column {
    padding: 0
}

.rows .grid.equal.g-2>.column>.row {
    border: 0;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 50%
}

.grid.equal .wrapper {
    padding: 20px 20px 5px;
    position: relative
}

.compare-carousel,.grid-carousel,.grid-slider {
    position: relative
}

.compare-carousel>.flex-viewport,.grid-carousel>.flex-viewport,.grid-slider>.flex-viewport {
    margin: 0 -10px
}

.grid-slider .grid-container {
    padding: 0 10px
}

.compare-carousel .grid,.grid-carousel .grid {
    margin: 0
}

.grid-carousel .grid .column,.grid-slider .grid .column {
    padding: 5px 10px 10px
}

.compare-carousel .grid .column {
    padding: 0 10px 10px
}

.hh header>*>*>.wrapper,.hh header>*>.wrapper,.hh main>aside>.wrapper,.hh main>section>.wrapper {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.tablet main {
    /* padding-top: 110px */
}

.tablet #wrapper {
    overflow: visible;
    -webkit-transition: right 200ms linear 100ms;
    -moz-transition: right 200ms linear 100ms;
    -ms-transition: right 200ms linear 100ms;
    -o-transition: right 200ms linear 100ms;
    transition: right 200ms linear 100ms
}

.tablet.nav-active #wrapper {
    right: -320px;
    -webkit-transition: right 200ms linear;
    -moz-transition: right 200ms linear;
    -ms-transition: right 200ms linear;
    -o-transition: right 200ms linear;
    transition: right 200ms linear
}

.tablet.nav-active main {
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
}

.mob .wrapper.top {
    padding-top: 30px
}

.mob main {
    padding-top: 100px
}

.mob main>aside>.wrapper,.mob main>section>.wrapper {
    padding-top: 30px
}

.mob main>section>.wrapper.social-widget {
    padding-top: 0
}

.mob .tabs .tab>*,.mob .tabs .tab>.l-gradient-top-grey,.mob .tabs .tab>:first-child,.mob .tabs.slidable .tab>* {
    margin: 0 10px;
    padding: 20px 0
}

.mob main>aside>.wrapper,.mob main>section>.wrapper>.grid,.mob main>section>.wrapper>section {
    margin-bottom: 20px
}

.mob main>section>.wrapper>.l-gradient-top-grey,.mob main>section>.wrapper>section>.l-gradient-top-grey {
    background: 0 0;
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
    padding-top: 20px
}

.mob main>section>.wrapper>div>.grid>.column>.l-gradient-top-grey {
    background: 0 0;
    border-top: 1px solid #eaeaea;
    padding-top: 20px
}

.mob .grid .column.rule:before,.mob .grid.rule>.column:before {
    border: 0
}

.mob main>section .wrapper .g-1>figure.column {
    margin-bottom: 20px;
    padding: 0 10px
}

.mob main>section .wrapper .g-1>figure.column .image {
    float: left;
    margin: 0;
    width: 40%
}

.mob main>section .wrapper .g-1>figure.column .image.square {
    padding-bottom: 40%
}

.mob main>section .wrapper .g-1>figure.column .image.rectangle {
    padding-bottom: 26.6364%
}

.mob main>section .wrapper .g-1>figure.column .image.auto {
    padding: 0
}

.mob main>section .wrapper .g-1>figure.column figcaption {
    float: left;
    padding-left: 10px;
    width: 60%
}

.mob .grid.equal-parent.g-1 .grid.g-1 {
    margin-top: 0
}

.mob .grid.equal-parent.g-1 .grid.g-1>.column {
    background-color: #eaeaea;
    margin-bottom: 20px
}

.mob .grid.equal-parent.g-1 .grid.g-1>.column:after {
    display: none
}

.mob .grid.equal-parent.g-1 .column.rows>.grid>.column.c-2 {
    margin-bottom: 0
}

@media screen and (max-width: 960px) {
    .splash main,main {
        padding-bottom:2rem
    }
	

    footer>.wrapper,header>*>*>.wrapper,header>*>.wrapper,main>aside>.wrapper,main>section>.wrapper {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .grid,.grid.g-2.gap,.grid.g-3.gap,.product .grid.g-2,.product .grid.g-3 {
        margin: 0 -10px
    }

    .compare-carousel .grid,.grid-carousel .grid {
        margin: 0
    }

    .grid.g-2.gap>.column,.grid.g-3.gap>.column,.product .grid.g-2>.column,.product .grid.g-3>.column {
        padding-left: 10px;
        padding-right: 10px
    }
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

a {
    color: #00ade6;
    cursor: pointer;
    line-height: 1;
    text-decoration: none
}

sub,sup {
    font-size: .8em;
    left: .1em;
    line-height: 1;
    position: relative;
    top: -.4em;
    vertical-align: baseline
}

sub {
    top: .4em
}

h1 {
    color: #9a258f;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: .25em
}

h1.center {
    margin-bottom: 1em;
    text-align: center
}

h2 {
    color: #000;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.5
}

h2.center {
    margin: 1em 0 1.5em;
    text-align: center
}

h3 {
    color: #9a258f;
    display: block;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.25
}

.swimlane-a .column>h2,h4 {
    color: #9a258f;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .25em
}

.swimlane-a .column>h2~h4 {
    color: #00ade6;
    font-size: 18px;
    font-size: 1.8rem
}

h5,h6 {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .5em
}

.grid.equal h5,.grid.equal h6 {
    margin-bottom: .25em
}

h5 {
    color: #333;
    font-size: 18px;
    font-size: 1.8rem
}

.grid.equal h5 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400
}

h6 {
    color: #666;
    font-size: 15px;
    font-size: 1.5rem
}

.highlight h6 {
    color: #000
}

figure h6 {
    margin-bottom: .25em
}

p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: .5em
}

.highlight figcaption p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.2308
}

.grid.equal p,header p {
    font-size: 13px;
    font-size: 1.3rem
}

.grid.equal .twitter a,.grid.equal h6 a,.grid.equal p strong a {
    color: inherit
}

.grid.equal p>a:hover {
    text-decoration: underline
}

.grid.equal .twitter a:hover {
    text-decoration: none
}

.em {
    color: #ed1b60
}

a p {
    color: #7d706c
}

.legal p {
    font-size: 11px;
    font-size: 1.1rem
}

ol.number,ul.text {
    margin: 0 0 1em 1em
}

ol.number {
    list-style: decimal
}

ol.number ol.number,ul.text ul.text {
    margin-bottom: 0
}

.text>li {
    padding-left: 1em;
    position: relative
}

ul.text.tiny-links a {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline
}

.number li {
    margin-left: 1em
}

.text>li:before {
    content: '';
    background-color: #000;
    height: 4px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: .75em;
    width: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5
}

ul.icons li {
    display: table;
    table-layout: fixed
}

ul.icons li>* {
    display: table-cell
}

ul.icons li>a {
    display: table-row
}

ul.icons li>a>* {
    display: table-cell
}

ul.icons .icon {
    min-width: 4em;
    max-width: 6em;
    padding: 1em 0;
    vertical-align: top
}

ul.icons .icon img {
    display: block;
    max-height: 6em;
    max-width: 100%
}

ul.icons .main {
    padding: .5em 0 0 1em;
    vertical-align: middle
}

ul.icons .main h6 {
    margin: 0
}

ul.icons .main p {
    font-size: 13px;
    font-size: 1.3rem
}

a .cta {
    color: #00ade6
}

a:hover .cta {
    text-decoration: underline
}

a.icon,a.no-icon {
    display: table;
    table-layout: fixed;
    width: 100%
}

a.icon div {
    display: table-cell;
    vertical-align: middle
}

a.icon div img {
    display: block;
    max-width: 100%
}

a.icon>span,a.no-icon>span {
    display: table-cell;
    vertical-align: middle
}

.mob h1 {
    font-size: 21px;
    font-size: 2.1rem
}

.mob h2 {
    font-size: 18px;
    font-size: 1.8rem
}

.mob h3 {
    font-size: 1.8px;
    font-size: 1.8rem
}

.mob .swimlane-a .column>h2,.mob h4 {
    font-size: 17px;
    font-size: 1.7rem
}

.mob .swimlane-a .column>h2~h4,.mob h5 {
    font-size: 15px;
    font-size: 1.5rem
}

.mob h6 {
    font-size: 13px;
    font-size: 1.3rem
}

.mob h2,.mob h3 {
    font-weight: 400
}

.mob .wrapper>.center>h2 {
    font-weight: 700
}

.mob .tab .text li,.mob .tab p,.mob figure p {
    font-size: 13px;
    font-size: 1.3rem
}

header {
    position: relative;
    width: 100%;
    z-index: 50
}

header .main {
    position: relative;
    z-index: 1
}

header .main>div {
    background-color: #fff
}

header .main .wrapper {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 20
}

header .logo {
    display: table-cell;
    height: 85px;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

header .logo img {
    display: block
}

header .main .search-bar,header .search-hh,header .show-nav-hh {
    display: none
}

.desktop header .secondary-nav {
    background: #d9d9d9
}

.desktop header .secondary-nav:before {
    display: none
}

.desktop header .secondary-nav {
    background-image: none;
    position: static
}

header .secondary-nav .wrapper {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    z-index: 2
}

header .secondary-nav nav.first p {
    float: left;
    margin: 0
}

header .secondary-nav nav.first ul {
    float: left;
    margin-left: .5em
}

header .secondary-nav nav.first li {
    margin-left: 2px
}

header .secondary-nav nav.first li a {
    background-color: #f2f2f2;
    color: #aaa;
    font-weight: 700;
    padding: 2px 10px;
    text-transform: uppercase
}

header .secondary-nav nav.first .active a {
    background-color: #fff;
    color: #9a258f
}

header .secondary-nav nav.last {
    -webkit-transition: margin 100ms ease 0ms;
    transition: margin 100ms ease 0ms
}

header .secondary-nav nav.last:hover {
    margin-left: 1em
}

header .secondary-nav nav.last>ul>li>a {
    color: #5e5e5e;
    font-weight: 700;
    padding: 2px 12px
}

header .secondary-nav nav.last .country>a {
    padding-right: 18px;
    position: relative
}

header .secondary-nav .country>a:after {
    content: '';
    height: 9px;
    margin-top: -5px;
    position: absolute;
    right: 3px;
    top: 50%;
    width: 8px
}

header .secondary-nav .country>a img {
    display: inline;
    vertical-align: middle
}

header .secondary-nav .country:hover>a {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 6px -1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 1px 6px -1px rgba(0,0,0,.3);
    box-shadow: inset 0 1px 6px -1px rgba(0,0,0,.3)
}

header .secondary-nav .country .dropdown {
    margin-right: 0;
    padding-right: 10px;
    right: 0
}

header .secondary-nav .country .dropdown nav {
    max-height: 300px;
    overflow-y: scroll;
    padding-right: .5em;
    width: 100%
}

.desktop header .secondary-nav .country .dropdown nav {
    background-image: none
}

.desktop header .secondary-nav .country .dropdown nav:before {
    display: none
}

header .secondary-nav .country .dropdown li {
    margin-bottom: .5em
}

header .secondary-nav a,header .secondary-nav p {
    height: 24px;
    line-height: 20px;
    padding: 2px 0
}

header .secondary-nav .bu-select-hh {
    display: none
}

header .main-nav {
    position: absolute;
    top: 24px;
    width: 100%
}

header .main-nav>nav {
    padding: 20px 0 0;
    position: relative
}

header .main-nav>nav>ul {
    float: right;
    position: static
}

.desktop header .main-nav>nav>ul:before {
    display: none
}

header .main-nav>nav>ul>li>.link {
    cursor: pointer
}

header .main-nav>nav>ul>li>a {
    color: #633292;
    font-weight: 700;
    line-height: 20px;
    padding: 12px 12px 33px;
    cursor: default;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

header .main-nav>nav>ul.search>li>.wrapper {
    margin: 0;
    padding: 9px 12px 30px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

header .search-bar input {
    width: 15em
}

header .main-nav>nav>ul>li>:first-child {
    position: relative;
    z-index: 1
}

header .main-nav>nav>ul>li.active>:first-child,header .main-nav>nav>ul>li:hover>:first-child {
    -webkit-box-shadow: 0 10px 15px -8px rgba(0,0,0,.5) inset;
    -moz-box-shadow: 0 10px 15px -8px rgba(0,0,0,.5) inset;
    box-shadow: 0 10px 15px -8px rgba(0,0,0,.5) inset
}

/* header .dropdown {
    background-color: #fff;
    display: none;
    padding: 20px;
    position: absolute;
    width: 1140px;
    z-index: 0;
    -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,.3);
    box-shadow: 0 3px 7px 1px rgba(0,0,0,.3)
} */

header .dropdown.d-5 {
    width: 860px
}

header .dropdown.d-4 {
    width: 700px
}

header .dropdown.d-3 {
    width: 540px
}

header .dropdown.d-2 {
    width: 380px
}

header .dropdown.d-1 {
    width: 220px
}

header .dropdown.d-0,header li:hover .dropdown.d-0 {
    display: none
}

header .dropdown.auto {
    width: auto
}

header li:hover .dropdown {
    display: block
}

header .dropdown .wrapper {
    margin: 0;
    padding: 0 20px .5em
}

header .dropdown .wrapper.shadow {
    margin: 0;
    padding: 1.5em 20px .5em
}

header .dropdown .grid {
    margin-bottom: 10px
}

header .dropdown .grid .column {
    padding-bottom: 0
}

header .dropdown .grid.rule {
    overflow: hidden
}

header .dropdown .grid.rule .column:before {
    border-left: 0;
    bottom: -1000px;
    top: 50px
}

header .dropdown .vertical-middle {
    margin-bottom: .5em
}

header .dropdown .item {
    margin-bottom: 1em
}

header .dropdown .item.main {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc
}

header .dropdown .item .image.square {
    width: 25%;
    padding-bottom: 25%
}

header .dropdown .item.main .image.square {
    width: 50%;
    padding-bottom: 50%
}

header .dropdown .image {
    margin-bottom: .5em;
    padding-bottom: 67.8572%
}

header .dropdown .search-bar {
    margin: 0
}

header .dropdown .search-bar input {
    width: 100%
}

header .main-nav .dropdown a {
    color: #9a258f
}

header .search .dropdown a {
    color: #00ade6
}

.desktop header .main-nav .dropdown a.icon {
    height: 60px
}

.desktop header .main-nav .dropdown a.no-link {
    cursor: default
}

.desktop header .main-nav .dropdown a.no-link span {
    cursor: text
}

header .dropdown a.button {
    color: #fff
}

header .dropdown li {
    margin-bottom: 1em
}

header .dropdown li ul {
    margin-top: 1em
}

header .main-nav .dropdown ul li a {
    color: #666
}

header .main-nav .dropdown ul li h6 a {
    color: #9a258f
}

header .dropdown a.icon div {
    width: 50px
}

header .dropdown a.icon .label {
    padding-bottom: 4px;
    width: auto
}

header .dropdown a.icon .label span {
    line-height: 1.25
}

header .tertiary-nav {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 1em;
    position: absolute;
    right: 0;
    top: 109px;
    width: 100%;
    z-index: -1
}

header .tertiary-nav .wrapper {
    padding-bottom: 0;
    padding-top: 0
}

header .social {
    display: none;
    float: right;
    font-size: 13px;
    font-size: 1.3rem
}

.desktop header .social {
    display: block
}

header .social li {
    margin-left: 1em
}

header .social li a {
    color: #666;
    font-weight: 700;
    line-height: 20px
}

header .social li a:hover {
    color: #999
}

header .social .icon {
    display: block;
    height: 20px;
    margin: 1px 0;
    text-indent: -9999px
}

.breadcrumb {
    color: #5e514f;
    float: left;
    font-size: 13px;
    font-size: 1.3rem
}

.breadcrumb a {
    color: #5e514f;
    display: inline-block;
    line-height: 20px
}

.breadcrumb nav {
    display: inline-block;
    position: relative
}

.breadcrumb a,.breadcrumb span {
    padding-bottom: .5em;
    white-space: nowrap
}

.breadcrumb nav>a {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.breadcrumb nav a+div {
    background-color: #fff;
    display: none;
    left: -.5em;
    min-width: 100%;
    padding: .5em;
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.breadcrumb nav:hover a+div {
    display: block
}

.breadcrumb nav a+div a {
    display: block;
    margin-top: .5em;
    padding: 0
}

.breadcrumb nav a+ div a:first-child {
    margin-top: 0
}

.breadcrumb nav a+div a:hover {
    color: #00ade6
}

.splash header .secondary-nav {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.splash header .secondary-nav .wrapper {
    margin-top: -13px;
    top: 50%
}

.splash header .secondary-nav .country>a {
    -webkit-transition: all 100ms ease 0ms;
    transition: all 100ms ease 0ms
}

.desktop.splash header .secondary-nav .country:hover>a {
    height: 34px;
    line-height: 22px;
    margin-top: -4px;
    padding-top: 6px
}

.splash header .secondary-nav .search {
    margin-top: -1px
}

.desktop.splash header .secondary-nav .search:before {
    display: none
}

.splash .search-bar .submit {
    height: auto;
    line-height: 1;
    padding: 0
}

.desktop header .dropdown a.icon span,.desktop header .main-nav .dropdown .column>ul>li>a,.desktop header .main-nav .dropdown .column>ul>li>h6>a,.desktop header .main-nav .dropdown figcaption>a {
    position: relative
}

.desktop header .dropdown a.icon span {
    display: inline-block;
    line-height: 1.25
}

.desktop header .dropdown a.icon span:after,.desktop header .main-nav .dropdown .column>ul>li>a:after,.desktop header .main-nav .dropdown .column>ul>li>h6>a:after,.desktop header .main-nav .dropdown figcaption>a:after {
    bottom: -1px;
    content: '';
    display: inline-block;
    height: 8px;
    position: relative;
    right: -5px;
    width: 5px
}

.desktop header .dropdown a.icon span:after {
    right: -5px
}

.desktop header .dropdown a.icon.no-link span:after {
    width: 0
}

.desktop header li .dropdown .grid .column li a {
    color: #9a258f
}

.desktop header li .dropdown .grid .column .slide+ul a {
    color: #666
}

.desktop header li .dropdown .grid .column .slide+ul a:after {
    display: none
}

.hh header {
    position: static
}

.hh header .main {
    position: fixed;
    width: 100%;
    z-index: 9
}

.hh header .main .wrapper {
    padding: 0;
    position: static;
    text-align: center
}

.hh header .logo {
    display: inline-block;
    height: auto;
    max-width: 62.5%;
    padding: 23px 0
}

.hh.community-ref header .logo {
    padding: 10px 0
}

.hh.support-ref header .logo {
    padding: 6px 0
}

.hh header .logo img {
    margin: 0 auto
}

.hh header .main .show-nav-hh,.hh header .search-hh {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 70px
}

.hh header .main .show-nav-hh {
    left: 0
}

.hh header .search-hh {
    right: 0
}

.hh header .main .show-nav-hh:after,.hh header .search-hh:after {
    content: '';
    left: 50%;
    position: absolute;
    top: 50%
}

.hh header .main-nav>nav {
    padding: 0
}

.hh header .main-nav>nav>ul {
    float: none
}

.hh header .main-nav>nav>ul:first-child {
    position: relative
}

.hh header .main-nav>nav>ul>li {
    background-color: #fff;
    float: none;
    border-top: 3px solid #eaeaea
}

.hh header .main-nav>nav>ul>li:first-child {
    border: 0
}

.hh header .main-nav>nav>ul>li>a {
    cursor: pointer;
    padding-bottom: 12px;
    padding-left: 50px
}

.hh header .main-nav>nav>ul>li>a:after {
    content: '';
    height: 18px;
    margin-top: -9px;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 19px
}

.hh header .main-nav>nav>ul>li>a.active:after {
    height: 2px;
    margin-top: -1px
}

.hh header .main-nav>nav>ul>li.active>:first-child,.hh header .main-nav>nav>ul>li:hover>:first-child {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.hh header .main-nav li:hover .dropdown {
    display: none
}

.hh header li .dropdown,.hh header li .dropdown.d-4 {
    padding: 0 20px 10px;
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.hh header li .dropdown li {
    margin: 0
}

.hh header .dropdown .wrapper.shadow {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.hh header li .dropdown .grid {
    margin: 0
}

.hh header li .dropdown .grid .column {
    display: block;
    padding: 0;
    width: 100%
}

.hh header li .dropdown .grid.rule .column:before {
    display: none
}

.hh header li .dropdown .grid div.column+figure.column,.hh header li .dropdown .grid figure.column+div.column {
    border-top: 2px solid #eaeaea;
    margin-top: 10px;
    padding-top: 10px
}

.hh header li .dropdown .grid figure.column+div.column.c-2 {
    padding-top: 20px
}

.hh header li .dropdown .grid div.column.c-2+figure.column {
    margin-top: 20px
}

.hh header li .dropdown .grid .column a {
    margin-left: 30px
}

.hh header li .dropdown .grid .column .slide,.hh header li .dropdown .grid .column figcaption>a,.hh header li .dropdown .grid .column>ul>li a {
    display: block;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    width: auto
}

.hh header li .dropdown .grid .column .slide,.hh header li .dropdown .grid .column figcaption>a {
    color: #000;
    margin-left: 20px;
    padding-left: 30px
}

.hh header li .dropdown .grid .column figcaption>a,.hh header li .dropdown .grid .column>ul>li a {
    margin-left: 30px;
    padding-left: 0;
    padding-right: 30px
}

.hh header li .dropdown .grid .column>ul>li h6 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0
}

.hh header li .dropdown .grid .column>ul>li a {
    color: #9a258f;
    font-weight: 400
}

.hh header li .dropdown .grid .column .slide+ul a:after,.hh header li .dropdown .grid .column figcaption>a:after,.hh header li .dropdown .grid .column>ul>li a:after {
    content: '';
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 5px
}

.hh header li .dropdown .grid .column .slide:after {
    content: '';
    height: 13px;
    left: 7px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 14px
}

.hh header li .dropdown .grid .column .slide.active:after {
    height: 3px;
    margin-top: -2px
}

.hh header li .dropdown .grid .column .icon>div,.hh header li .dropdown .grid .column .image {
    display: none
}

.hh header li .dropdown .grid .column .slide .label {
    display: block;
    padding: 0;
    width: auto
}

.hh header li .dropdown .grid .column .slide+ul {
    display: none;
    margin-left: 30px
}

.hh header li .dropdown .grid .column .slide+ul a {
    color: #000;
    display: block;
    padding: 10px 30px 10px 10px;
    position: relative
}

.hh header li .dropdown .grid .column h2 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: .5em
}

.hh header li .dropdown .grid .column .button.first,.hh header li .dropdown .grid .column .button.last {
    margin: 0 10px .5em 0
}

.hh header .main-nav .search {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 70px;
    width: 100%;
    z-index: 5
}

.hh header .main-nav .search.active {
    display: block
}

.hh header .main-nav>nav>ul.search>li {
    margin: 0
}

.hh header .main-nav>nav>ul.search>li>.wrapper {
    background-color: #fff;
    padding: 20px
}

.hh header .search .search-bar input {
    height: 33px;
    width: 100%
}

.hh header .secondary-nav {
    background-color: #fff;
    position: fixed;
    margin-top: 70px;
    width: 100%;
    z-index: 3
}

.hh header .secondary-nav:before {
    z-index: -1
}

.hh header .secondary-nav .wrapper {
    background-color: #fff;
    display: table;
    margin: 0;
    padding: 0;
    z-index: auto;
    width: 100%
}

.hh header .secondary-nav .wrapper>* {
    display: table-cell;
    vertical-align: top
}

.hh header .secondary-nav .wrapper>.social,.hh header .secondary-nav nav.first {
    display: none
}

.hh header .secondary-nav nav.last {
    float: none
}

.hh header .secondary-nav nav.last:hover {
    margin-left: 0
}

.hh header .secondary-nav nav.last>ul {
    display: table;
    height: 100%;
    width: 100%
}

.hh header .secondary-nav nav.last>ul>li {
    border-left: 1px solid #e1e1e1;
    display: table-cell;
    float: none;
    height: 100%
}

.hh header .secondary-nav nav.last>ul>li:hover .dropdown {
    display: none
}

.hh header .secondary-nav nav>a,.hh header .secondary-nav nav>ul>li>a {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    height: auto;
    padding: 10px 12px
}

.hh header .secondary-nav nav.last>ul>li>a {
    text-align: center;
    white-space: nowrap
}

.hh header .secondary-nav nav.last .country>a {
    padding-right: 32px;
    width: 58px
}

.hh header .secondary-nav nav.last .country>a:after {
    height: 8px;
    margin-top: -4px;
    right: 15px;
    width: 10px
}

.hh header .secondary-nav nav.last>ul>li:hover a {
    box-shadow: none
}

.hh header .secondary-nav .country .dropdown {
    padding: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: -3
}

.hh header .secondary-nav .country .dropdown nav {
    max-height: none;
    overflow-y: visible;
    padding: 0
}

.hh header .secondary-nav .country .dropdown nav ul {
    margin: 15px 0;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0 20px
}

.hh header .secondary-nav .country .dropdown a {
    padding: 5px 0
}

.hh header .secondary-nav .bu-select-hh {
    width: 100%
}

.hh header .secondary-nav .bu-select-hh a {
    color: #ccc;
    padding-left: 20px;
    width: 100%
}

.hh header .secondary-nav .bu-select-hh h6 {
    color: #666;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0;
    text-transform: uppercase
}

.hh header .secondary-nav .bu-select-hh>a h6 {
    color: #9b1788;
    position: relative
}

.hh header .secondary-nav .bu-select-hh>a h6:after {
    content: '';
    height: 8px;
    margin-top: -4px;
    right: -15px;
    position: absolute;
    top: 50%;
    width: 10px
}

.hh header .secondary-nav .bu-select-hh ul {
    background-color: #fff;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -3
}

.hh header .secondary-nav .bu-select-hh li {
    float: none
}

.hh header .tertiary-nav {
    z-index: 2
}

.hh.splash header .secondary-nav {
    height: auto
}

.hh.splash header .secondary-nav nav.last {
    float: right
}

.hh.splash header .secondary-nav nav.last .country>a {
    padding-right: 32px
}

.hh.splash header .secondary-nav .search {
    display: none;
    margin: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 70px;
    width: 100%;
    z-index: 5
}

.hh.splash header .secondary-nav .search.active {
    display: block
}

.splash.hh header .secondary-nav .search .inner {
    background-color: #fff;
    padding: 20px
}

.tablet header .main-nav {
    left: -600px;
    margin-top: 110px;
    position: absolute;
    top: 0;
    width: 320px
}

.tablet.nav-active header .main-nav {
    left: -320px;
    -webkit-transition: left 300ms linear 0ms;
    transition: left 300ms linear 0ms
}

.tablet header .main-nav>nav {
    padding: 10px
}

.tablet header .main-nav>nav>ul:first-child {
    opacity: 0
}

.tablet.nav-active header .main-nav>nav>ul:first-child {
    opacity: 1;
    -webkit-transition: opacity 300ms linear 0ms;
    transition: opacity 300ms linear 0ms
}

.tablet header .main .show-nav-hh:after {
    height: 21px;
    margin-left: -14px;
    margin-top: -11px;
    width: 29px
}

.tablet header .main .search-hh:after {
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px
}

.mob header .main .show-nav-hh,.mob header .search-hh {
    width: 60px
}

.mob header .main .show-nav-hh:after {
    height: 19px;
    margin-left: -12px;
    margin-top: -9px;
    width: 25px
}

.mob header .main .search-hh:after {
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.mob header .logo {
    padding: 18px 0
}

.mob.community-ref header .logo {
    padding: 5px 0
}

.mob.support-ref header .logo {
    padding: 1px 0
}

.mob header .main-nav {
    border-top: 60px solid transparent;
    position: fixed;
    top: 0;
    z-index: 2
}

.mob.nav-active header .main-nav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mob.nav-active header .main-nav>nav {
    padding: 0;
    position: static;
    top: 60px
}

.mob header .main-nav>nav>ul:first-child {
    position: relative;
    display: none;
    width: 100%
}

.mob.nav-active header .main-nav>nav>ul:first-child {
    display: block
}

.mob header .main-nav .search {
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    width: 100%
}

.mob header .secondary-nav {
    position: fixed;
    margin-top: 60px;
    z-index: 2
}

.mob header .secondary-nav .country .dropdown {
    border-top: 100px solid transparent;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0
}

.mob header .secondary-nav .country .dropdown nav ul {
    max-height: none;
    overflow-y: visible
}

.mob header .tertiary-nav {
    display: none
}

.mob.splash header .secondary-nav .search {
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1120px) {
    header li .dropdown {
        width:1020px;
        right: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    header li .dropdown {
        width:100%;
        right: 0;
        margin-right: 0
    }
}

main footer {
    bottom: 0;
    height: 360px;
    height: 36rem;
    position: absolute;
    width: 100%;
    z-index: 1
}

footer img {
    display: inline-block;
    width: 100%
}

footer .social-icons a {
    min-width: 25px;
    text-align: center;
}

footer .social-icons a img {
	width: auto;
}

footer .wrapper {
    height: 100%;
    left: 50%;
    margin-left: -470px;
    padding: 0;
    position: absolute;
    top: 0
}

footer nav {
    position: absolute;
    width: 100%;
    z-index: 10000
}

footer .copy {
    bottom: 20px;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    left: 0;
    line-height: 24px;
    margin: 0;
    position: absolute
}

footer nav>ul {
    text-align: center;
    width: 100%
}

footer nav>ul>li {
    display: inline-block;
    float: none;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
    vertical-align: top
}

footer .main>ul>li {
    margin: 0 16px 20px
}

footer nav>ul>li>ul {
    margin-top: 5px
}

footer nav>ul>li>ul>li {
    font-size: 10px;
    font-size: 1rem
}

footer nav>ul>li>ul>li a {
    line-height: 1;
    text-transform: none
}

footer nav a {
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.cbu footer .copy,.cbu footer nav a {
    color: #fff
}

.spbu footer .copy,.spbu footer nav a {
    color: #7d706c
}

footer .main {
    padding: 20% 0 0
}

footer .main a:hover {
    text-shadow: 0 0 5px rgba(255,255,255,.4)
}

footer .social {
    bottom: 20px;
    right: 0;
    width: auto
}

footer .social>ul>li {
    float: left;
    margin-left: 1.5em
}

footer .social a {
    display: block;
    height: 24px;
    text-indent: -9999px
}

.splash footer {
    height: auto;
    position: static
}

.splash footer .wrapper {
    height: auto;
    padding: 20px 0 70px;
    position: relative
}

.splash footer .main {
    padding: 0;
    position: static
}

.splash footer .copy,.splash footer nav a {
    color: #7d6a55
}

.splash footer .main a:hover {
    text-shadow: 0 0 5px rgba(125,106,85,.4)
}

.footer-nl {
    bottom: 17px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40%
}

.footer-nl .nl-input {
    background: #fff;
    position: relative;
    z-index: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.footer-nl .nl-input input[type=email] {
    color: #333;
    height: 34px;
    margin: 0;
    padding: 6px 50px 6px 8px;
    position: relative;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    -webkit-transition: all 200ms ease 0;
    -moz-transition: all 200ms ease 0;
    transition: all 200ms ease 0
}

.footer-nl .nl-input input[type=email]::-webkit-input-placeholder {
    color: #666
}

.footer-nl .nl-input input[type=email]:focus::-webkit-input-placeholder {
    color: #999
}

.footer-nl .nl-input input[type=email]:-moz-placeholder {
    color: #999;
    opacity: 1
}

.footer-nl .nl-input input[type=email]::-moz-placeholder {
    color: #999;
    opacity: 1
}

.footer-nl .nl-input input[type=email]:-ms-input-placeholder {
    color: #999
}

.footer-nl .nl-input input[type=email]:focus,.footer-nl:hover .nl-input input[type=email] {
    border-color: #fff;
    -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 6px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 6px 2px rgba(0,0,0,.2)
}

.footer-nl .nl-input input:focus:-webkit-autofill {
    box-shadow: 0 0 6px 2px rgba(0,0,0,.2)!important
}

.footer-nl .nl-input input[type=email].na {
    border-color: #ff8b8b;
    background: #fec4c4;
    color: #000
}

.footer-nl .nl-input input[type=email].na:focus,.footer-nl:hover .nl-input input[type=email].na {
    border-color: #fec4c4
}

.footer-nl .nl-input .submit {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: -13px;
    padding: 4px 10px;
    position: absolute;
    right: 5px;
    top: 50%
}

.nl-fancy {
    padding: 20px;
    text-align: center
}

.community-ref footer {
    height: 73px;
    height: 7.3rem
}

.community-ref footer .main {
    padding: 0;
    top: 25px
}

.community-ref footer .main>p {
    color: #fff;
    float: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24px;
    margin: 0
}

.community-ref footer .main>ul {
    float: left;
    width: auto
}

.community-ref footer .main>ul li {
    margin: 0 0 0 30px
}

.community-ref footer .social {
    bottom: 24px
}

@media screen and (max-width: 1440px) {
    footer .main {
        padding:18% 0 0
    }
}

@media screen and (max-width: 1280px) {
    footer .main {
        padding:15% 0 0
    }
}

@media screen and (max-width: 960px) {
	.promo img#logo {
		width: auto;
	}
	
	main #wrapper main {
		padding-bottom: 20rem;
	}
	.mob main {
		padding-top: 0;
	}
	.row.justify-content-end.social-icons-row {
		margin: 0;
	}
    footer {
        height:auto;
        position: static
    }

    footer .main {
        padding: 0;
        position: static
    }

    footer .wrapper {
        height: auto;
        left: 0;
        margin-left: 0;
        padding: 0 20px 70px;
        position: relative;
        right: 0;
        width: auto;
        z-index: 1
    }

    footer .main>ul>li {
        display: block;
        margin: 0 0 12px
    }

    footer .main>ul>li>ul>li {
        display: inline-block;
        margin: 0 0 5px 12px;
        position: relative
    }

    footer .main>ul>li>ul>li:first-child {
        margin-left: 0
    }

    footer .main>ul>li>ul>li:before {
        color: #fff;
        content: '-';
        left: -10px;
        position: absolute
    }

    footer .main>ul>li>ul>li:first-child:before {
        content: ''
    }

    footer .copy {
        left: 20px
    }

    footer .social {
        right: 20px
    }

    .splash footer .wrapper {
        padding: 20px 20px 70px
    }

    .spbu footer .main>ul>li>ul>li:before,.splash footer .main>ul>li>ul>li:before {
        color: #7d6a55
    }

    .community-ref footer {
        height: auto
    }

    .community-ref footer .main {
        padding-top: 25px
    }

    .community-ref footer .main>p {
        bottom: 20px;
        float: none;
        position: absolute
    }

    .community-ref footer .main>ul {
        float: none
    }

    .community-ref footer .main>ul li {
        margin: 0 0 12px
    }

    .community-ref footer .social {
        bottom: 20px
    }
}

@media screen and (max-width: 780px) {
    .footer-nl {
        width:36%
    }
}

@media screen and (max-width: 680px) {
    .footer-nl {
        margin:20px 0 0;
        max-width: 320px;
        position: static;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    footer .wrapper {
        padding-top:20px
    }

    footer .copy {
        font-size: 11px;
        font-size: 1.1rem
    }

    footer .social>ul>li {
        margin-left: 10px
    }

    .community-ref footer .main {
        padding-top: 5px
    }
}

nav>ul>li {
    float: left
}

nav>ul>li>a {
    display: block
}

nav nav ul li {
    float: none
}

nav nav a {
    color: #5e514f
}

nav nav a:hover {
    color: #00ade6
}

.icons-nav.drop-shadow.curve,main .icons-nav {
    background: #eaeaea
}

.icons-nav.i-10:after,.icons-nav.i-6:after,.icons-nav.i-7:after,.icons-nav.i-8:after,.icons-nav.i-9:after {
    border-top: 1px solid #fff;
    content: '';
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%
}

.icons-nav .wrapper {
    padding: 0
}

.icons-nav ul {
    display: table;
    font-size: 0;
    text-align: center;
    width: 100%
}

.icons-nav ul li {
    display: inline-block;
    float: none;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.icons-nav.i-3 ul li {
    max-width: 33.33%
}

.icons-nav.i-4 ul li,.icons-nav.i-6 ul li,.icons-nav.i-7 ul li,.icons-nav.i-8 ul li {
    max-width: 25%;
    min-width: 20%
}

.icons-nav.i-10 ul li,.icons-nav.i-5 ul li,.icons-nav.i-9 ul li {
    max-width: 20%
}

.icons-nav ul li:after {
    bottom: 0;
    content: '';
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMywgMjAzLCAyMDMsIDApIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiNjYmNiY2IiLz48c3RvcCBvZmZzZXQ9IjAuOCIgc3RvcC1jb2xvcj0iI2NiY2JjYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0icmdiYSgyMDMsIDIwMywgMjAzLCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
    background: -webkit-gradient(linear,center top,center bottom,color-stop(0%,rgba(203,203,203,0)),color-stop(20%,#cbcbcb),color-stop(80%,#cbcbcb),color-stop(100%,rgba(203,203,203,0)));
    background: -webkit-linear-gradient(top,rgba(203,203,203,0) 0,#cbcbcb 20%,#cbcbcb 80%,rgba(203,203,203,0) 100%);
    background: -moz-linear-gradient(top,rgba(203,203,203,0) 0,#cbcbcb 20%,#cbcbcb 80%,rgba(203,203,203,0) 100%);
    background: -ms-linear-gradient(top,rgba(203,203,203,0) 0,#cbcbcb 20%,#cbcbcb 80%,rgba(203,203,203,0) 100%);
    background: -o-linear-gradient(top,rgba(203,203,203,0) 0,#cbcbcb 20%,#cbcbcb 80%,rgba(203,203,203,0) 100%);
    background: linear-gradient(to bottom,rgba(203,203,203,0) 0,#cbcbcb 20%,#cbcbcb 80%,rgba(203,203,203,0) 100%)
}

.icons-nav ul li:first-child:after,.icons-nav.i-10 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li+li+li:after {
    width: 0
}

.icons-nav ul li a {
    color: #333;
    display: table-cell;
    font-weight: 700;
    padding: 20px 10px 8px;
    position: relative;
    vertical-align: middle;
    white-space: inherit
}

.icons-nav ul li a>div {
    width: 73px
}

.icons-nav ul li a>div>div {
    width: 73px;
    height: 67px;
    position: relative;
    overflow: hidden;
    display: block
}

.desktop .icons-nav.i-5 ul li a>div {
    width: 55px
}

.desktop .icons-nav.i-5 ul li a>div>div {
    height: 55px;
    width: 60px
}

.desktop .icons-nav.i-5 ul li a>div>div img {
    width: 85px;
    left: -13px;
    top: -14px
}

.icons-nav ul li a div img {
    position: absolute;
    top: -17px;
    left: -15px;
    max-width: none
}

.icons-nav ul li a span {
    line-height: 1.5;
    padding-bottom: 12px;
    text-align: left
}

.left-navigation .left-nav>* {
    padding: 0
}

.left-navigation .left-nav>ul >li>a:after {
    box-shadow: 0 0 0
}

.left-navigation .left-nav>ul {
    border-top: 1px solid #ebebeb
}

.left-navigation .left-nav>ul>li {
    border-bottom: 1px solid #ebebeb;
    float: none
}

.left-navigation .left-nav>ul>li>a {
    background-color: transparent;
    color: #7d706c;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    height: auto;
    line-height: 1.25em;
    opacity: 1;
    overflow: hidden;
    padding: .8em 0;
    text-overflow: ellipsis;
    text-shadow: none
}

.left-navigation .left-nav>ul>li.active>a,.left-navigation .left-nav>ul>li>a.active {
    color: #9a258f
}

.left-navigation .left-nav>ul>li>a:hover {
    text-decoration: underline
}

.left-navigation .left-nav>ul>li>a.active:hover {
    text-decoration: none
}

.left-navigation .left-nav>ul>ul {
    padding-left: 15px
}

.left-navigation .left-nav>ul>ul>li {
    list-style: disc
}

.left-navigation .left-nav>ul>ul>ul>li {
    list-style: circle
}

.left-navigation .left-nav>ul>ul>li>a {
    font-size: 12px;
    font-size: 1.2rem;
    padding: .5em 0;
    color: #9A9897;
    line-height: 1.25
}

.left-navigation .left-nav>ul>ul>li:last-child {
    border-bottom: none
}

.left-navigation .left--nav {
    background-color: transparent
}

.mob .icons-nav>.wrapper {
    padding-top: 0
}

@media screen and (max-width: 960px) {
    .icons-nav.i-10:after,.icons-nav.i-9:after {
        border-bottom:1px solid #fff;
        border-top: 1px solid #fff;
        content: '';
        height: 33.33%;
        position: absolute;
        top: 33.33%;
        width: 100%
    }

    .icons-nav.i-5:after {
        background-color: #fff;
        content: '';
        height: 1px;
        position: absolute;
        top: 50%;
        width: 100%
    }

    .icons-nav.i-5 ul li,.icons-nav.i-6 ul li,.icons-nav.i-9 ul li {
        min-width: 26%;
        max-width: 33.33%
    }

    .icons-nav.i-10 ul li {
        min-width: 20%;
        max-width: 25%
    }

    .icons-nav.i-10 ul li:first-child+li+li+li+li:after .icons-nav.i-10 ul li:first-child+li+li+li+li+li+li+li+li:after,.icons-nav.i-5 ul li:first-child+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li:after {
        width: 0
    }

    .icons-nav.i-10 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li+li+li:after {
        width: 1px
    }
}

@media screen and (max-width: 880px) {
    .icons-nav.i-7:after,.icons-nav.i-8:after {
        border-bottom:1px solid #fff;
        border-top: 1px solid #fff;
        content: '';
        height: 33.33%;
        position: absolute;
        top: 33.33%;
        width: 100%
    }

    .icons-nav.i-4:after {
        background-color: #fff;
        content: '';
        height: 1px;
        position: absolute;
        top: 50%;
        width: 100%
    }

    .icons-nav.i-7 ul li,.icons-nav.i-8 ul li {
        min-width: 28%;
        max-width: 33.33%
    }

    .icons-nav.i-4 ul li,.icons-nav.i-7 ul li+li+li+li,.icons-nav.i-8 ul li+li+li+li+li+li+li {
        min-width: 34%;
        max-width: 50%
    }

    .icons-nav.i-4 ul li:first-child+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li:after {
        width: 0
    }

    .icons-nav.i-7 ul li:first-child+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li:after {
        width: 1px
    }
}

@media screen and (max-width: 800px) {
    .hh .left-navigation .left-nav>ul>li {
        background-color:#FFF;
        width: 100%;
        margin-bottom: 5px;
        position: relative;
        z-index: 0
    }

    .hh .left-navigation .left-nav>ul>li>a {
        padding: 20px 10px;
        margin: 0 10px;
        font-size: 15px;
        position: relative
    }

    .hh .left-navigation .left-nav>ul>li>a:hover {
        text-decoration: none
    }

    .hh .left-navigation .left-nav>ul>li>a:after {
        content: "";
        height: 18px;
        right: 10px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
        width: 19px
    }

    .hh .left-navigation .left-nav>ul>li>a.active:after {
        height: 2px;
        margin-top: -1px
    }

    .hh .left-navigation .left-nav>ul>li>a.active {
        border-bottom: 1px solid #eaeaea
    }
}

@media screen and (max-width: 720px) {
    .icons-nav.i-10:after,.icons-nav.i-4:after,.icons-nav.i-5:after,.icons-nav.i-6:after,.icons-nav.i-7:after,.icons-nav.i-8:after,.icons-nav.i-9:after {
        border:0;
        height: 0
    }

    .icons-nav.i-10 ul li,.icons-nav.i-3 ul li,.icons-nav.i-4 ul li,.icons-nav.i-5 ul li,.icons-nav.i-6 ul li,.icons-nav.i-7 ul li,.icons-nav.i-8 ul li,.icons-nav.i-9 ul li {
        display: block;
        max-width: none!important
    }

    .icons-nav ul li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li+li+li+li+li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-10 ul li:first-child+li+li+li+li:after,.icons-nav.i-4 ul li:first-child+li+li:after,.icons-nav.i-5 ul li:first-child+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li+li:after,.icons-nav.i-6 ul li:first-child+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li+li:after,.icons-nav.i-7 ul li:first-child+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li+li:after,.icons-nav.i-8 ul li:first-child+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li+li+li:after,.icons-nav.i-9 ul li:first-child+li+li+li:after {
        height: 1px;
        width: 100%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMywgMjAzLCAyMDMsIDApIi8+PHN0b3Agb2Zmc2V0PSIwLjE1IiBzdG9wLWNvbG9yPSIjY2JjYmNiIi8+PHN0b3Agb2Zmc2V0PSIwLjg1IiBzdG9wLWNvbG9yPSIjY2JjYmNiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMywgMjAzLCAyMDMsIDApIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
        background-image: -webkit-gradient(linear,left center,right center,color-stop(0%,rgba(203,203,203,0)),color-stop(15%,#cbcbcb),color-stop(85%,#cbcbcb),color-stop(100%,rgba(203,203,203,0)));
        background-image: -webkit-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);
        background-image: -moz-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);
        background-image: -ms-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);
        background-image: -o-linear-gradient(left,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%);
        background-image: linear-gradient(to right,rgba(203,203,203,0) 0,#cbcbcb 15%,#cbcbcb 85%,rgba(203,203,203,0) 100%)
    }

    .icons-nav ul li a {
        display: table;
        padding: 15px 10px 5px
    }

    .icons-nav ul li a>div {
        width: 65px
    }

    .icons-nav ul li a>div>div {
        width: 65px;
        height: 55px
    }

    .icons-nav ul li a div img {
        width: 75px;
        height: auto;
        top: -10px
    }

    .icons-nav ul li a span {
        padding-bottom: 10px
    }
}

.tabs {
    margin-top: 12em;
    position: relative;
    -webkit-box-shadow: 0 -5px 5px -4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 -5px 5px -4px rgba(0,0,0,.3);
    box-shadow: 0 -5px 5px -4px rgba(0,0,0,.3)
}

.tabs,.tabs.drop-shadow.curve,.tabs.drop-shadow.curve.l-gradient-bot-grey,.tabs.l-gradient-bot-grey {
    background-color: #fff
}

.tabs.t-0 {
    display: none
}

.tabs.drop-shadow.curve.l-gradient-bot-grey.t-1,.tabs.drop-shadow.curve.t-1,.tabs.t-1 {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.tabs .wrapper {
    padding: 0;
    position: relative;
    z-index: 1
}

.banner+.tabs,.banner.back+.tabs,.banner.back.slider+.tabs.t-1,.banner.slider+.tabs.t-1,.product .banner+.tabs,.product .tabs.t-1,.tabs.t-1 {
    margin-top: 0
}

.banner.back.slider+.tabs,.banner.slider+.tabs {
    margin-top: 12em
}

.tabs .tabs-nav {
    bottom: 100%;
    position: absolute;
    width: 100%
}

.tabs.t-1 .tabs-nav {
    display: none
}

.tabs.t-2 .tabs-nav {
    width: 49.3618%;
    left: 25.3182%
}

.tabs.t-3 .tabs-nav {
    width: 74.4681%;
    left: 12.766%
}

.tabs .tabs-nav li {
    float: left
}

.tabs.t-2 .tabs-nav li {
    margin-left: 1.7242%;
    width: 49.138%
}

.tabs.t-3 .tabs-nav li {
    margin-left: 1.1429%;
    width: 32.5715%
}

.tabs.t-4 .tabs-nav li {
    margin-left: .8511%;
    width: 24.3618%
}

.tabs.t-5 .tabs-nav li {
    margin-left: .532%;
    width: 19.5745%
}

.tabs.t-6 .tabs-nav li {
    margin-left: .8511%;
    width: 15.9575%
}

.tabs.t-7 .tabs-nav li {
    margin-left: .532%;
    width: 13.8298%
}

.tabs.t-8 .tabs-nav li {
    margin-left: .4256%;
    width: 12.1277%
}

.tabs.t-9 .tabs-nav li {
    margin-left: .532%;
    width: 10.6383%
}

.tabs .tabs-nav ul li:first-child {
    margin: 0
}

.tabs .tabs-nav li a {
    background: #f4f4f4;
    color: #7d6a55;
    height: 4em;
    font-size: 15px;
    font-size: 1.5rem;
    opacity: .7;
    position: relative;
    text-shadow: 0 0 1px #ccc
}

.tabs .tabs-nav li a.active {
    background: #fff;
    color: #7d6a55;
    opacity: 1
}

.tabs .tabs-nav li a.active:after {
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
}

.tabs .tabs-nav li .icon div {
    width: 30%
}

.tabs .tabs-nav li .icon div img {
    padding-top: 11px
}

.tabs .tabs-nav li .icon span {
    line-height: 1.25;
    overflow: hidden;
    padding-right: .5em;
    text-overflow: ellipsis;
    width: 70%
}

.tabs .tabs-nav li .icon .active,.tabs .tabs-nav li .icon.active img {
    display: none
}

.tabs .tabs-nav li .icon.active .active {
    display: block
}

.tabs .tabs-slides.drop-shadow {
    background: 0 0
}

.tabs .tabs-slides:before {
    display: none
}

.tabs .tabs-nav+*,.tabs .tabs-nav~.tab {
    border-top: 5px solid #fff
}

.tabs.t-1 .tabs-nav~.tab {
    border-top-width: 0
}

.tabs .tab {
    display: none;
    margin: 0;
    min-height: 200px
}

.tabs .tab.active {
    display: block
}

.tabs .tab>* {
    margin: 0;
    padding: 0 0 40px
}

.tabs .tab>.l-gradient-top-grey,.tabs .tab>:first-child {
    padding-top: 40px
}

.tabs.slidable .tab>* {
    margin: 0 4px
}

.tabs.slidable .tab>*>section {
    margin-top: 40px
}

.tabs.slidable .tab>*>section:first-child {
    margin-top: 0
}

.tabs .tabs-nav .no-icon span {
    padding: 0 4px;
    text-align: center;
    width: 100%
}

.tab .center,.tab h2 {
    margin-top: 0;
    margin-bottom: 1.5em
}

.tab .text li {
    font-size: 15px;
    font-size: 1.5rem
}

.tab .table {
    margin: 1em 0 2em;
    max-width: 100%;
    table-layout: fixed
}

.tech-specs .table>*>*+* {
    vertical-align: middle
}

.tech-specs .table>*>:first-child {
    width: 230px
}

.tab .table h6 {
    white-space: normal
}

.tab .sub p,.tab .table .text li {
    font-size: 13px;
    font-size: 1.3rem
}

.tech-specs .table>*>* img {
    max-width: 680px
}

.tech-specs .table>*>* .image.square img {
    max-width: 100%
}

.tab .product-list h2,.tech-specs .table h2 {
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.tab.reviews ul.icons {
    display: table;
    table-layout: fixed
}

.tab.reviews ul.icons li {
    display: table-row
}

.tab.reviews .icons li>* {
    padding-bottom: 30px
}

.tab.reviews .icons .main {
    padding-left: 2%;
    padding-right: 2%;
    width: auto
}

.tab.reviews .icons .main p {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: .25em
}

.tab.reviews .icons .main h4 {
    font-size: 15px;
    font-size: 1.5rem
}

.tab.reviews .icons .extra {
    padding: 1em 0;
    vertical-align: top
}

.tab.reviews .icons .extra a {
    white-space: nowrap
}

.tab.apps .slider .image {
    margin-bottom: 25px
}

.tab .swimlane-apps,.tab.apps .stores {
    font-size: 0;
    margin: 0 -6px
}

.tab .swimlane-apps {
    text-align: center
}

.tab .swimlane-apps>a,.tab.apps .stores>a {
    display: inline-block;
    margin: 12px 6px 0;
    vertical-align: middle
}

.tab .swimlane-apps>a img,.tab.apps .stores>a img {
    display: block
}

.tab div.rn_Content .rn_List li.rn_Item span.rn_Title a {
    font-size: 1em;
    text-decoration: none
}

.tab.support>section>h6 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em
}

.tab.support ul li {
    margin-bottom: .5em
}

.tab.support #support-general h6 {
    font-weight: 400;
    margin: 0
}

.tab.support #support-general .item {
    margin-bottom: 1em
}

.tab.support #support-general .item h6,.tab.support #support-general .item p {
    font-size: 13px;
    font-size: 1.3rem
}

#support_downloads .icon {
    float: left
}

#support_downloads .content {
    margin-left: 25px
}

#support_downloads h2 {
    color: #9a258f;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 400;
    margin-bottom: .25em
}

#support_downloads h4 {
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700
}

#support_downloads .icons {
    margin-bottom: 12px
}

#support_downloads .icons .icon {
    min-width: 35px;
    padding: .25em 0
}

#support_downloads .icons .main {
    padding: 0
}

#support_downloads .icons .main p {
    margin: 0
}

#support_downloads .icons+.button {
    margin-bottom: 0
}

#support_downloads .column {
    padding-bottom: 0;
    width: 100%
}

.tab.support>div>h6 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 1em
}

.tab.support #product_articles .main-title>* {
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .5em
}

.tab.support #product_articles .documentlist {
    line-height: 1.5;
    margin-bottom: .5em
}

.tab.support #product_articles .rednumber {
    color: #633292
}

.tab.support #product_downloads .sizerighttilte {
    color: #9a258f;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: .25em
}

.tab.support #product_downloads .sizerightdownload .topfire>.topfire:first-child,.tab.support #product_downloads .sizerightdownload>.topfire {
    display: table;
    margin-bottom: .5em;
    table-layout: fixed
}

.tab.support #product_downloads .topleft {
    float: left;
    min-width: 35px;
    padding: .25em 0
}

.tab.support #product_downloads .topleft img {
    display: block;
    max-height: 6em;
    max-width: 100%
}

.tab.support #product_downloads .toprihgt {
    display: table-cell;
    vertical-align: middle
}

.tab.support #product_downloads .toprihgt a {
    font-size: 13px;
    font-size: 1.3rem
}

.tab.support #product_downloads .sizerightdownload .blue {
    margin-top: 12px
}

.tabs.slidable .tab.compare>*>section {
    margin-top: 0
}

.tab.threat-monitor .column figure {
    margin-bottom: 20px
}

.tab.resources .table a {
    font-size: 15px;
    font-size: 1.5rem;
    display: block
}

.tab.service-plan .table>*>* {
    vertical-align: middle;
    text-align: center
}

.tab.service-plan .table>*>:first-child {
    text-align: left;
    width: 50%
}

.tab.service-plan .table p {
    font-weight: 700
}

.tab.service-plan .table .free-cell {
    background-color: #9a258f
}

.tab.service-plan .table .free-cell>* {
    color: #fff
}

.tab.service-plan .table .no,.tab.service-plan .table .yes {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    text-indent: -99999px
}

.tab.service-plan .table .yes:after {
    content: "";
    height: 14px;
    left: 50%;
    margin-left: -8px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 15px;
    z-index: 100
}

.tab.authorized {
    overflow: hidden
}

.tab.authorized iframe,.tabs.slidable .tab.authorized iframe {
    margin: 0;
    width: 100%
}

.tab.distribution .column,.tab.online-stores .column {
    padding-bottom: 20px;
    text-align: center
}

.tabs.sub {
    background-color: transparent;
    padding-bottom: 0
}

.tabs.sub>h6:first-child {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-bottom: 1em
}

.tabs.sub .tabs-nav {
    border-bottom: 1px solid #ccc;
    display: table;
    position: static;
    text-align: center;
    width: 100%
}

.tabs.sub .tabs-nav ul {
    display: table-row
}

.tabs.sub .tabs-nav li {
    display: table-cell;
    float: none;
    font-size: 15px;
    font-size: 1.5rem;
    height: 4em;
    vertical-align: middle;
    width: auto
}

.tabs.sub .tabs-nav li a {
    background: 0 0;
    color: #00ade6;
    display: block;
    height: auto;
    line-height: 1.25;
    opacity: 1;
    text-shadow: none
}

.tabs.sub .tabs-nav li a:after {
    box-shadow: 0 0 0
}

.tabs.sub .tabs-nav li a.active {
    color: #7d6a55
}

.hh .tabs.t-4 .tabs-nav,.hh .tabs.t-5 .tabs-nav,.hh .tabs.t-6 .tabs-nav,.hh .tabs.t-7 .tabs-nav,.hh .tabs.t-8 .tabs-nav,.hh .tabs.t-9 .tabs-nav {
    left: 0;
    padding: 0 20px
}

.hh .tech-specs .table>*>* img {
    max-width: 100%
}

.tablet .tab.features .grid .column.rule:before,.tablet .tab.features .grid.rule>.column:before,.tablet .tab.overview .grid .column.rule:before,.tablet .tab.overview .grid.rule>.column:before {
    border: 0
}

.mob .tabs {
    margin-top: 0
}

.mob .banner+.tabs {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mob .tabs .tab {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.mob .tabs .accordion+.tab>* {
    border-top: 2px solid #eaeaea
}

.mob .tabs .tab>.l-gradient-top-grey {
    background: 0 0;
    border-top: 1px solid #eaeaea
}

.mob .tabs .slide a.next,.mob .tabs .slide a.prev {
    display: none
}

.mob .tabs-slides {
    z-index: 1
}

.mob .tabs-slides:before {
    display: block
}

.mob .tabs.t-4 .tabs-nav,.mob .tabs.t-5 .tabs-nav,.mob .tabs.t-6 .tabs-nav,.mob .tabs.t-7 .tabs-nav,.mob .tabs.t-8 .tabs-nav,.mob .tabs.t-9 .tabs-nav {
    padding: 0
}

.mob .tabs .tabs-nav+* {
    border: 0
}

.mob .tabs-slides .accordion {
    background: #fff;
    color: #7d6a55;
    height: 4em;
    font-sizE: 15px;
    font-size: 1.5rem;
    position: relative;
    margin-top: 3px
}

.mob .tabs-slides .accordion:after {
    content: '';
    height: 18px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 19px
}

.mob .tabs-slides .accordion.active:after {
    height: 2px;
    margin-top: -1px
}

.mob .tabs-slides .accordion>div {
    width: 60px
}

.mob .tabs-slides .accordion>div img {
    margin: 0 auto;
    padding-top: 11px
}

.mob .tabs-slides .accordion.active>div>img,.mob .tabs-slides .accordion>div .active {
    display: none
}

.mob .tabs-slides .accordion.active>div .active {
    display: block
}

.mob .tabs-slides .accordion>span {
    line-height: 1.25
}

.mob .tabs-slides .accordion.no-icon>span {
    padding-left: 20px
}

.mob .column>.tabs.slidable>.wrapper,.mob main>.tabs>.wrapper {
    background-color: #eaeaea;
    padding: 20px 10px
}

.mob .tab.reviews .icons li {
    border-top: 1px solid #eaeaea;
    display: block;
    margin-top: 10px;
    padding-top: 10px
}

.mob .tab.reviews .icons li:first-child {
    border: 0;
    margin: 0;
    padding: 0
}

.mob .tab.reviews .icons li>* {
    display: block;
    padding: 0
}

.mob .tab.reviews .icons .icon {
    margin-bottom: 10px
}

.mob .tab.reviews .icons .main p {
    font-size: 15px;
    font-size: 1.5rem
}

.mob .tab.reviews .icons .extra {
    vertical-align: top
}

.navbar-toggler-icon {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 800px) {
    .tab.support .grid.rule>.column:before,.tab.support .grid>.column.rule:before {
        border:0
    }

    .tab.support .grid.g-1>.column {
        border-top: 1px solid #eaeaea;
        padding: 10px 0
    }

    .tab.support .grid.g-1>.column:first-child {
        border-top-width: 0
    }

    .tab.support figure {
        float: left;
        max-width: 300px;
        padding: 0 20px 10px 0;
        width: 50%
    }

    .tab.support figure+ul {
        float: left;
        width: 50%
    }

    .tab.support>div>h6 {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 720px) {
    .tabs .tabs-nav li .icon div {
        display:none
    }

    .tabs .tabs-nav li .icon span {
        padding-left: .5em;
        width: 100%
    }

    .tabs.slidable .tab>*>section {
        margin-top: 20px;
		max-width: 100%;
		overflow-x: scroll;
    }
	body.mob {
		display: block;
	}
    .tech-specs .table h6 {
        white-space: normal
    }
}

@media screen and (max-width: 640px) {
    .tab.service-plan .table {
        display:block;
        margin: 10px 0 0
    }

    .tab.service-plan .table .odd {
        background-color: #fff
    }

    .tab.service-plan .table>* {
        border-top: 1px solid #eaeaea;
        display: block;
        padding: 10px 0 5px
    }

    .tab.service-plan .table>*>* {
        border: 0;
        display: block;
        padding: 0;
        text-align: left
    }

    .tab.service-plan .table>*>:first-child {
        width: 100%
    }

    .tab.service-plan .table>*>*>* {
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .tab.service-plan .table .free-cell h6 {
        padding-left: .25em
    }

    .tab.service-plan .table .no,.tab.service-plan .table .yes {
        text-indent: 0
    }

    .tab.service-plan .table .yes {
        padding-right: 15px
    }

    .tab.service-plan .table .yes:after {
        left: auto;
        margin-left: 0;
        right: 0
    }

    .table-header h3 {
        float: none
    }
}

@media screen and (max-width: 560px) {
    .column>.tabs.slidable,main>.tabs,main>.tabs .no-back,main>.tabs.drop-shadow.curve.l-gradient-bot-grey {
        background-color:transparent;
        margin: 0;
        padding: 0
    }

    .column>.tabs.slidable:before,main>.tabs:before {
        display: none
    }

    .hh .tabs .tabs-nav {
        padding: 0;
        position: static;
        width: 100%
    }

    .tabs .tabs-nav li {
        float: none
    }

    .tabs.t-2 .tabs-nav li,.tabs.t-3 .tabs-nav li,.tabs.t-4 .tabs-nav li,.tabs.t-5 .tabs-nav li,.tabs.t-6 .tabs-nav li,.tabs.t-7 .tabs-nav li,.tabs.t-8 .tabs-nav li,.tabs.t-9 .tabs-nav li {
        margin: 0;
        width: 100%
    }

    .hh .tabs .tabs-nav li .icon div {
        display: table-cell;
        width: 60px
    }

    .column>.tabs.slidable>.wrapper>.tabs-nav li a,main>.tabs>.wrapper>.tabs-nav li a {
        border: 1px solid #ccc;
        border-top-width: 0
    }

    .column>.tabs.slidable>.wrapper>.tabs-nav li:first-child a,main>.tabs>.wrapper>.tabs-nav li:first-child a {
        border-top-width: 1px
    }

    .hh .tabs .tabs-nav li .icon div img {
        margin: 0 auto
    }

    .hh .tabs .tabs-nav li .icon span {
        padding-left: 0
    }

    .tech-specs .table {
        display: block;
        margin: 0
    }

    .tech-specs .table .odd {
        background-color: #fff
    }

    .tech-specs .table>* {
        border-top: 1px solid #eaeaea;
        display: block;
        padding: 10px 0 5px
    }

    .tech-specs .table>:first-child {
        border: 0;
        padding-top: 0
    }

    .tech-specs .table>*>* {
        border: 0;
        display: block;
        padding: 0
    }

    .tech-specs .table>*>*>* {
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .tech-specs .table>*>*>.button.first {
        margin-right: .25em
    }

    .tab.service-plan .table>*>*+* h6,.tech-specs .table>*>*+* h6 {
        font-size: 13px;
        font-size: 1.3rem;
        color: #9a258f
    }

    .tabs.slidable .tab>*>.sub,.tech-specs .sub {
        border-top: 1px solid #eaeaea;
        margin-top: 0;
        padding-top: 20px
    }

    .tab.apps .column {
        padding-bottom: 0
    }

    .tab.reviews .icons .extra a {
        white-space: normal
    }

    .tab.support .tabs .tab>* {
        padding-bottom: 0
    }

    .tabs.sub>h6:first-child {
        border-bottom: 0
    }

    .tabs.sub .tabs-nav li {
        display: block;
        height: auto
    }

    .tabs.sub .tabs-nav li a {
        border: 1px solid #ccc;
        border-bottom-width: 0;
        padding: 10px;
        position: relative;
        text-align: left
    }

    .tabs.sub .tabs-nav li a.active {
        -webkit-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.2);
        -moz-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.2);
        box-shadow: inset 0 0 6px 1px rgba(0,0,0,.2)
    }
}

.table {
    display: table;
    width: 100%
}

.table>* {
    display: table-row
}

.table>*>* {
    border-left: 1px solid #cfcfcf;
    display: table-cell;
    padding: 1rem 1.5rem .5rem;
    vertical-align: top
}

.table>*>:first-child {
    border: 0
}

.table>*>*>*,.table>*>*>ul.text {
    margin-bottom: .5rem
}

.table h6 {
    white-space: nowrap
}

.table p {
    font-size: 13px;
    font-size: 1.3rem
}

.table .odd {
    background-color: #e5e5e5
}

.compare-table {
    position: relative;
    padding: 0 0 10px
}

.compare-table>.products-list {
    border-bottom: 2px solid #eaeaea;
    display: none;
    padding-bottom: 15px
}

.compare-table>.products-list li {
    margin-bottom: 2px
}

.compare-table>.products-list li.inactive {
    display: none
}

.compare-table>.products-list h6 {
    background-color: #f3f3f3;
    cursor: pointer;
    margin: 0;
    padding: 10px;
    position: relative
}

.compare-table>.products-list h6.active {
    color: #9a258f
}

.compare-table>.products-list h6 .remove {
    background: 0 0;
    border: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.compare-table>.products-list h6 .remove:after {
    content: '';
    height: 9px;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 9px
}

.desktop .compare-table.p-1>.table,.tablet .compare-table.p-1>.table {
    padding-right: 13.33px;
    width: 50%
}

.desktop .compare-table.p-2>.table,.tablet .compare-table.p-2>.table {
    padding-right: 7px;
    width: 75%
}

.compare-table>.table>*>* {
    display: block;
    padding: 10px 20px;
    vertical-align: middle;
    width: 25%
}

.desktop .compare-table.p-1>.table>*>*,.tablet .compare-table.p-1>.table>*>* {
    width: 33.33%
}

.compare-table>.table .odd:first-child {
    background-color: #fff
}

.compare-table>.table h6 {
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0;
    white-space: normal
}

.compare-table>.table p {
    margin: 0
}

.compare-table>.table .odd {
    background-color: #f3f3f3
}

.compare-table .products {
    left: 25%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.compare-table .products .grid {
    margin: 0
}

.compare-table .products .grid>.column {
    padding: 0 10px 10px;
    -webkit-transition: width .2s linear 0;
    -moz-transition: width .2s linear 0;
    transition: width .2s linear 0
}

.compare-table .products .product {
    border: 1px solid #ddd;
    padding: 0 0 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0icmdiYSgyNDAsIDI0MiwgMjQwLCAwLjgpIi8+PHN0b3Agb2Zmc2V0PSIwLjciIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear,center bottom,center top,color-stop(0%,rgba(240,242,240,.8)),color-stop(70%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(240,242,240,.8) 0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(bottom,rgba(240,242,240,.8) 0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(bottom,rgba(240,242,240,.8) 0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(bottom,rgba(240,242,240,.8) 0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to top,rgba(240,242,240,.8) 0,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%)
}

.compare-table .products .product>* {
    padding: 10px 15px;
    vertical-align: middle
}

.compare-table .products .product .top {
    border-bottom: 1px solid #ddd;
    padding-right: 35px;
    position: relative
}

.compare-table .products .product .drag {
    cursor: default;
    display: block;
    height: 20px;
    width: 100%
}

.compare-table .products .product .remove {
    border: 0;
    bottom: 0;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
    z-index: 10
}

.compare-table .products .product .remove:after {
    content: '';
    height: 9px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 9px
}

.compare-table .products .product .center {
    margin: 0
}

.compare-table .products .product img.center {
    margin: 0 auto
}

.compare-table .products .product figure {
    padding: 10px 20px
}

.compare-table .products .product h6,.compare-table .products .product h6 a {
    color: #000
}

.compare-table .products .product h6.mob {
    display: none
}

.compare-table .compare-carousel .product ul.text li,.compare-table .products .product p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0
}

.compare-table .compare-carousel .product ul.text {
    margin: 0
}

.compare-table .compare-carousel .column.inactive {
    display: none
}

.compare-table .no,.compare-table .yes {
    position: relative;
    text-indent: -99999px
}

.compare-table .yes:after {
    content: "";
    height: 14px;
    left: 50%;
    margin-left: -8px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 15px;
    z-index: 100
}

.r-table {
    position: relative
}

.r-table.t-l .t-wrap {
    overflow-x: scroll
}

.r-table.t-l:after {
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)
}

.r-table table {
    font-size: 13px;
    font-size: 1.3rem
}

.r-table table th {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3
}

.r-table table thead tr,.r-table table tr.odd {
    background: #e5e5e5
}

.r-table table tr>* {
    border-right: 1px solid #cfcfcf;
    padding: 10px 15px;
    text-align: center;
    vertical-align: top
}

.r-table table tr>:first-child {
    text-align: left
}

.r-table table tr>:first-child h6 {
    line-height: 1.3
}

.r-table table tr td {
    line-height: 1.5
}

.r-table table tr td.cspan div {
    margin: 1px 0
}

.r-table table tr>:last-child {
    border: 0
}

.r-table table tr>*>*,.r-table table tr>*>div>* {
    margin-bottom: 0
}

.r-table table tr td li,.r-table table tr td p {
    text-align: left
}

.r-table table tr figure {
    margin: 0 auto;
    max-width: 220px
}

.r-table .l-col {
    border-right: 1px solid #cfcfcf;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    transition: opacity 200ms ease;
    -webkit-transition: opacity 200ms ease
}

.r-table.loaded .l-col {
    opacity: 1;
    z-index: 100
}

.r-table .l-col li {
    background: #f9f9f9;
    padding: 10px 15px;
    text-align: left
}

.r-table .l-col li.th {
    color: #7d706c;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.r-table .l-col li.odd {
    background: #e5e5e5
}

.r-table .l-col li.cspan {
    background: #fff;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    position: relative;
    width: 940px
}

.r-table .l-col li>* {
    line-height: 1.3;
    margin-bottom: 0
}

.r-table .hide {
    position: relative;
    text-indent: -99999px
}

.r-table .yes:after {
    content: "";
    height: 14px;
    left: 50%;
    margin-left: -8px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 15px;
    z-index: 100
}

.r-table.fixed.c-2 {
    margin-left: auto;
    margin-right: auto;
    width: 50%
}

.r-table.fixed.c-3 {
    margin-left: auto;
    margin-right: auto;
    width: 75%
}

.r-table.t-l table {
    width: 1280px
}

.r-table.t-m table,.r-table.t-s table {
    width: 100%
}

.r-table.f-l .l-col,.r-table.f-l table tr>:first-child {
    width: 470px
}

.r-table.f-m .l-col,.r-table.f-m table tr>:first-child {
    width: 350px
}

.r-table.f-s .l-col,.r-table.f-s table tr>:first-child {
    width: 210px;
    height: 1225px
}

.r-table.fixed.c-2 .l-col,.r-table.fixed.c-2 table tr>* {
    width: 50%
}

.r-table.fixed.c-3 .l-col,.r-table.fixed.c-3 table tr>* {
    width: 33.3334%
}

.r-table.fixed.c-4 .l-col,.r-table.fixed.c-4 table tr>* {
    width: 25%
}

.r-table.fixed.c-5 .t-wrap,.r-table.fixed.c-6 .t-wrap {
    overflow-x: scroll
}

.r-table.fixed.c-5:after,.r-table.fixed.c-6:after {
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)
}

.r-table.fixed.c-5 table {
    width: 1050px
}

.r-table.fixed.c-5 table tr>* {
    width: 20%
}

.r-table.fixed.c-6 table {
    width: 1410px
}

.r-table.fixed.c-6 table tr>* {
    width: 16.6666%
}

.r-table.fixed.c-5 .l-col,.r-table.fixed.c-6 .l-col {
    width: 210px;
    height: 1225px
}

.mob .compare-table .products .grid .column {
    padding: 0
}

.mob .compare-table .products>.flex-viewport {
    margin: 0
}

.mob .r-table {
    margin: 0 -15px
}

.mob .tabs .r-table {
    margin-left: auto;
    margin-right: auto
}

.mob .r-table .l-col li,.mob .r-table table tr>* {
    padding: 6px 8px
}

.mob .r-table .l-col li,.mob .r-table .l-col li h6,.mob .r-table table td,.mob .r-table table td h6,.mob .r-table table td li,.mob .r-table table th {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5
}

@media screen and (max-width: 960px) {
    .mob .compare-table>.table>*>* {
        width:50%
    }

    .mob .compare-table .products {
        left: 50%
    }

    .r-table .t-wrap {
        overflow-x: scroll
    }

    .r-table.fixed.c-2 .t-wrap {
        overflow: auto
    }

    .r-table:after {
        bottom: 0;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        z-index: 1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%)
    }

    .r-table.fixed.c-2:after {
        display: none
    }

    .r-table.t-m table {
        width: 940px
    }

    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child {
        width: 400px
    }

    .r-table.fixed.c-2 {
        width: 470px
    }

    .r-table.fixed.c-2 table {
        width: 100%
    }

    .r-table.fixed.c-3 {
        width: 705px
    }

    .r-table.fixed.c-2 .l-col {
        width: 50%
    }

    .r-table.fixed.c-3 .l-col {
        width: 33.3334%
    }

    .r-table.fixed.c-4 .l-col {
        width: 235px
    }
}

@media screen and (max-width: 840px) {
    .r-table.t-s table {
        width:800px
    }

    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child {
        width: 350px
    }
}

@media screen and (max-width: 800px) {
    .tablet .compare-table.p-1>.table {
        padding-right:10px;
        width: 66.66%
    }

    .tablet .compare-table.p-2>.table {
        padding-right: 0;
        width: 100%
    }

    .compare-table>.table>*>* {
        width: 33.33%
    }

    .tablet .compare-table.p-1>.table>*>* {
        width: 50%
    }

    .compare-table .products {
        left: 33.33%
    }

    .mob .compare-table>.table>*>* {
        width: 50%
    }

    .mob .compare-table .products {
        left: 50%
    }
}

@media screen and (max-width: 720px) {
    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child,.r-table.f-m .l-col,.r-table.f-m table tr>:first-child {
        width:260px
    }

    .r-table.fixed.c-3 {
        width: 100%
    }

    .r-table.fixed.c-3 table {
        width: 705px
    }

    .r-table.fixed.c-3 .l-col {
        width: 235px
    }
}

@media screen and (max-width: 640px) {
    .r-table.t-l table {
        width:1024px
    }

    .r-table.t-m table {
        width: 800px
    }

    .r-table.t-s table {
        width: 600px
    }

    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child,.r-table.f-m .l-col,.r-table.f-m table tr>:first-child,.r-table.f-s .l-col,.r-table.f-s table tr>:first-child {
        width: 180px
    }

    .r-table.fixed.c-2 {
        width: 400px
    }

    .r-table.fixed.c-3 table {
        width: 600px
    }

    .r-table.fixed.c-4 table {
        width: 800px
    }

    .r-table.fixed.c-5 table {
        width: 1000px
    }

    .r-table.fixed.c-6 table {
        width: 1200px
    }

    .r-table.fixed.c-2 .l-col,.r-table.fixed.c-3 .l-col,.r-table.fixed.c-4 .l-col,.r-table.fixed.c-5 .l-col,.r-table.fixed.c-6 .l-col {
        width: 200px
    }
}

@media screen and (max-width: 560px) {
    .compare-table {
        padding-bottom:0
    }

    .compare-table>.products-list {
        display: block
    }

    .compare-table .table {
        display: none
    }

    .compare-table .products {
        margin: 0;
        position: static
    }

    .compare-table .products .flex-direction-nav {
        display: none
    }

    .compare-table .products .product {
        background: 0 0;
        border: 0;
        padding: 0
    }

    .compare-table .products .product>* {
        border-top: 1px solid #eaeaea;
        padding: 10px 0
    }

    .compare-table .products .product .top {
        display: none
    }

    .compare-table .products .product .top+* {
        border-top-width: 0
    }

    .compare-table .products .product h6.mob {
        display: block;
        margin: 0
    }

    .compare-table .products .product figure {
        padding: 0;
        margin: 5px 5px 10px
    }

    .compare-table .products .product figure .image {
        margin: 0
    }

    .compare-table .products .product .button,.compare-table .products .product img.center {
        margin: 0 5px
    }

    .r-table.t-l table {
        width: 960px
    }

    .r-table.t-m table {
        width: 720px
    }

    .r-table.t-s table {
        width: 560px
    }

    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child,.r-table.f-m .l-col,.r-table.f-m table tr>:first-child,.r-table.f-s .l-col,.r-table.f-s table tr>:first-child {
        width: 160px
    }

    .r-table.fixed.c-2 {
        width: 360px
    }

    .r-table.fixed.c-3 table {
        width: 540px
    }

    .r-table.fixed.c-4 table {
        width: 720px
    }

    .r-table.fixed.c-5 table {
        width: 900px
    }

    .r-table.fixed.c-6 table {
        width: 1080px
    }

    .r-table.fixed.c-2 .l-col,.r-table.fixed.c-3 .l-col,.r-table.fixed.c-4 .l-col,.r-table.fixed.c-5 .l-col,.r-table.fixed.c-6 .l-col {
        width: 180px
    }
}

@media screen and (max-width: 480px) {
    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child,.r-table.f-m .l-col,.r-table.f-m table tr>:first-child,.r-table.f-s .l-col,.r-table.f-s table tr>:first-child {
        width:150px
    }

    .r-table.fixed.c-2 {
        width: 320px
    }

    .r-table.fixed.c-3 table {
        width: 480px
    }

    .r-table.fixed.c-4 table {
        width: 640px
    }

    .r-table.fixed.c-5 table {
        width: 800px
    }

    .r-table.fixed.c-6 table {
        width: 960px
    }

    .r-table.fixed.c-2 .l-col,.r-table.fixed.c-3 .l-col,.r-table.fixed.c-4 .l-col,.r-table.fixed.c-5 .l-col,.r-table.fixed.c-6 .l-col {
        width: 160px
    }
}

@media screen and (max-width: 400px) {
    .r-table.f-l .l-col,.r-table.f-l table tr>:first-child,.r-table.f-m .l-col,.r-table.f-m table tr>:first-child,.r-table.f-s .l-col,.r-table.f-s table tr>:first-child {
        width:140px
    }

    .r-table.fixed.c-2 {
        width: 260px
    }

    .r-table.fixed.c-3 table {
        width: 390px
    }

    .r-table.fixed.c-4 table {
        width: 520px
    }

    .r-table.fixed.c-5 table {
        width: 650px
    }

    .r-table.fixed.c-6 table {
        width: 780px
    }

    .r-table.fixed.c-2 .l-col,.r-table.fixed.c-3 .l-col,.r-table.fixed.c-4 .l-col,.r-table.fixed.c-5 .l-col,.r-table.fixed.c-6 .l-col {
        width: 130px;
        height: 1015px
    }
}

.search-bar {
    position: relative
}

.search-bar input {
    border: 1px solid #a683bd;
    color: #666;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    height: 26px;
    margin: 0;
    outline: 0;
    padding: .25em 21px .25em 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 2px 3px -2px rgba(0,0,0,.3)
}

.search-bar input::-webkit-input-placeholder {
    color: #c3c3c3;
    font-style: italic
}

.search-bar input:-moz-placeholder {
    color: #c3c3c3;
    font-style: italic
}

.search-bar input::-moz-placeholder {
    color: #c3c3c3;
    font-style: italic
}

.search-bar input:-ms-input-placeholder {
    color: #c3c3c3;
    font-style: italic
}

.search-bar .search-submit,.search-bar .submit {
    bottom: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.search-bar .search-submit:after,.search-bar .submit:after {
    content: '';
    height: 13px;
    right: 5px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 13px
}

.center .search-bar {
    border-bottom: 20px solid transparent;
    margin: 0 auto;
    max-width: 100%;
    width: 340px
}

.center .search-bar input {
    font-size: 15px;
    font-size: 1.5rem;
    height: 33px;
    width: 100%
}

.authorized-reseller {
    position: relative
}

.authorized-reseller input,.authorized-reseller select {
    border: 1px solid #7d706c;
    color: #7d706c;
    font-size: 15px;
    font-size: 1.5rem;
    height: 25px;
    margin: 30px 20px 0 0;
    outline: 0;
    padding: .25em 21px .25em 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 2px 3px -2px rgba(0,0,0,.3);
    width: 290px
}

.authorized-reseller select.country {
    width: 280px
}

.authorized-reseller select.distance,.authorized-reseller select.results {
    width: 105px
}

.show-more-content input {
    margin-top: 20px;
    margin-bottom: 20px
}

form input[type=email],form input[type=number],form input[type=password],form input[type=tel],form input[type=text],form input[type=url],form select,form textarea {
    border: 1px solid #7d706c;
    color: #7d706c;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    padding: .25em 21px .25em 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 0 2px 3px -2px rgba(0,0,0,.3);
    -webkit-transition: border .2s linear 0;
    -moz-transition: border .2s linear 0;
    transition: border .2s linear 0
}

form textarea {
    padding: .25em .5em
}

form select {
    background: #fff;
    padding: .2em
}

input[type=submit].blue {
    color: #fff;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 20px .5em .75em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    background-color: #00abe8;
    background-image: url(../images/submit-arrow.png);
    background-repeat: no-repeat;
    background-position: right center
}

input[type=submit].blue:hover {
    background-color: #008dbf
}

input:-webkit-autofill {
    color: #7d706c!important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

form .na,form input[type=email].na,form input[type=number].na,form input[type=password].na,form input[type=tel].na,form input[type=text].na,form input[type=url].na,form select.na,form textarea.na {
    border: 1px solid #CF1111
}

form input[type=checkbox].na+label {
    color: #CF1111
}

.errors {
    color: #CF1111;
    font-size: 12px;
    margin-bottom: 20px
}

.warning {
    color: #CF1111;
    font-size: 12px;
    margin-bottom: 10px
}

form input[type=email].disabled,form input[type=number].disabled,form input[type=password].disabled,form input[type=tel].disabled,form input[type=text].disabled,form input[type=url].disabled,form select.disabled,form textarea.disabled,input.disabled,select.disabled,textarea.disabled {
    background-color: #ebebeb;
    color: #7d706c
}

form.newsletter input[type=email] {
    margin: 2.75px 0
}

form.newsletter .column>input {
    width: 100%
}

form.newsletter .submit {
    margin: 0
}

.nl-signup-iframe {
    display: none
}

main .search-bar input {
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    box-shadow: inset 0 2px 3px -2px rgba(0,0,0,.2);
    color: #333;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
    margin: 0;
    outline: 0;
    padding: 10px 40px 10px 15px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 100%;
    -webkit-appearance: none
}

main .search-bar input:focus {
    border-color: #666;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),inset 0 2px 3px -2px rgba(0,0,0,.3);
    color: #333
}

main .search-bar input::-webkit-input-placeholder {
    color: #c3c3c3;
    font-style: italic
}

main .search-bar input:-moz-placeholder {
    color: #c3c3c3;
    font-style: italic
}

main .search-bar input::-moz-placeholder {
    color: #c3c3c3;
    font-style: italic
}

main .search-bar input:-ms-input-placeholder {
    color: #c3c3c3;
    font-style: italic
}

main .search-bar .submit {
    bottom: 0;
    border-radius: 5px;
    right: 0;
    top: 0;
    width: 40px
}

main .search-bar .submit:after {
    height: 16px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px
}

.mob .center .search-bar input {
    font-size: 12px;
    font-size: 1.2rem
}

.highlight .grid.g-2 .image.auto,.highlight .grid.g-2 .image.rectangle {
    float: left;
    margin: 0 1em 0 0;
    width: 40%
}

.highlight .grid.g-2 .image.rectangle {
    padding-bottom: 26.64%
}

.highlight .wrapper {
    padding: 30px 0 20px;
    margin-bottom: 0
}

.highlight .awards {
    padding: 1% 0
}

.highlight .awards>* {
    float: left;
    margin-left: 5%;
    max-width: 16%
}

.highlight .awards>:first-child {
    margin-left: 0
}

.highlight ol.number,.highlight ul.text {
    overflow: hidden
}

.highlight ol.number li,.highlight ul.text li {
    margin-left: .5em
}

.fb-share-button {
    clear: both;
    float: right
}

.grid .share {
    clear: both;
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 20px;
    position: relative
}

.grid .share:after {
    content: '';
    height: 15px;
    margin-top: -7px;
    position: absolute;
    left: 0;
    width: 15px;
    top: 50%
}

.grid.g-1>.column.optional-video {
    width: 50%
}

.column.optional-video.image-text>figcaption.column {
    float: left;
    width: 56%
}

main>.banner {
    margin: 0 auto;
    position: relative
}

.banner .slides>li {
    background-color: #fff;
    min-height: 250px;
    -webkit-backface-visibility: visible
}

.banner .slides>li .container {
    position: relative
}

.banner .wrapper {
    bottom: 60px;
    float: none;
    left: 50%;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 60px;
    width: 470px;
    z-index: 1;
    -webkit-transition: opacity 1000ms linear;
    transition: opacity 1000ms linear
}

.banner .wrapper.first {
    margin-left: -470px;
    padding: 0 10px 0 0
}

.banner .wrapper.center {
    margin-left: -235px;
    padding: 0 5px;
    text-align: left
}

.banner .mob-text {
    display: none;
    padding: 6px 20px 30px
}

.banner .flex-active-slide .wrapper,.banner>.slides .wrapper {
    opacity: 1
}

.banner .wrapper .table {
    height: 100%;
    width: 100%
}

.banner .wrapper .table>*>* {
    padding: 0;
    vertical-align: middle
}

.banner img {
    display: block;
    margin: auto;
    max-width: 1200px;
    width: 100%
}

.banner p {
    font-size: 15px;
    font-size: 1.5rem
}

.banner h1 sup {
    font-size: .4em;
    top: -1.2em
}

.banner h4 sup {
    font-size: .5em;
    top: -1em
}

.banner p sup {
    font-size: .6em;
    top: -.8em
}

.banner .wrapper .image {
    clear: left;
    float: left;
    max-width: 30.4348%
}

.banner.medium .wrapper h1 {
    font-size: 32px;
    font-size: 3.2rem
}

.gallery .carousel {
    margin-top: 1.5em
}

.latest.equal {
    position: relative
}

.latest .column {
    position: static
}

.latest .wrapper {
    position: relative;
    word-break: break-word
}

.latest .more {
    background-color: #fff;
    display: none;
    height: 23px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1
}

.latest .more:after {
    content: '';
    height: 13px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 13px
}

.latest img {
    margin: 5px 0
}

.grid.latest .twitter a {
    word-wrap: break-word
}

.grid.latest .column h5>a {
    position: relative;
    padding-left: 30px;
    display: block;
    line-height: 24px;
    color: inherit
}

.grid.latest .column h5>a:after {
    display: block;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.grid.latest .column h5 {
    margin-bottom: 10px
}

.grid.latest .column .facebook .cf>img,.grid.latest .column .twitter>img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 25px
}

.grid.latest .column .twitter>p {
    margin-bottom: 20px
}

.latestng {
    margin: 0 -10px
}

.latestng article {
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative;
    width: 25%
}

.latestng .grid-sizer {
    width: 25%
}

.latestng article.w2 {
    width: 50%
}

.latestng article.column {
    padding-bottom: 0
}

.latestng article>.wrap {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.latestng.animating article>.wrap {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.4)
}

.desktop-only .latestng article>.wrap.ready:hover,.hh-only .latestng article.show-more>.wrap.ready {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
}

.latestng article>.wrap>a {
    display: block;
    background-color: #eaeaea;
    padding: 20px 20px 10px
}

.latestng article>.wrap>a:after {
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.desktop-only .latestng article>.wrap.ready:hover>a:after,.hh-only .latestng article.show-more>.wrap.ready>a:after {
    opacity: .7
}

.latestng article>.wrap>a:before {
    background-position: -74px -175px;
    background-color: red;
    bottom: 0;
    content: '';
    height: 60px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.latestng article>.wrap>a.video:before {
    background-position: -136px -175px;
    width: 52px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.desktop-only .latestng article>.wrap.ready:hover>a:before,.hh-only .latestng article.show-more>.wrap.ready>a:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.desktop-only .latestng article>.wrap:hover>a.video:before,.hh-only .latestng article.show-more>.wrap>a.video:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.latestng article>.wrap.ready>a:active:before {
    -webkit-transform: rotate(90deg) scale(0.8);
    -ms-transform: rotate(90deg) scale(0.8);
    transform: rotate(90deg) scale(0.8)
}

.desktop-only .latestng article>.wrap:hover>a.video:active:before,.hh-only .latestng article.show-more>.wrap>a.video:active:before {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.latestng article>.wrap .loading {
    display: block;
    margin: 0 auto 10px
}

.latestng h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: .5em
}

.latestng h5 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400
}

.latestng .image {
    margin-bottom: 10px
}

.latestng .keep {
    color: #00ade6
}

.latestng article .more {
    background-color: #fff;
    display: none;
    height: 23px;
    position: absolute;
    right: -1px;
    top: -11px;
    width: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1
}

.hh-only .latestng article .more {
    display: block
}

.latestng article .more:after {
    background-position: -56px -97px;
    content: '';
    height: 13px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 13px
}

.share-box {
    font-size: 0
}

.share-box .wrap {
    display: inline-block
}

.share-box a {
    background-color: #222;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin: 0 3px;
    position: relative;
    width: 30px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.share-box a:after {
    content: '';
    height: 24px;
    left: 50%;
    margin-top: -12px;
    position: absolute;
    top: 50%
}

.share-box .share-fb:after {
    margin-left: -5px;
    width: 11px;
    background-position: -26px -45px
}

.share-box .share-tw:after {
    margin-left: -11px;
    width: 23px;
    background-position: -1px -45px
}

.share-box .share-gp:after {
    margin-left: -8px;
    width: 16px;
    background-position: -254px -45px
}

.share-box .share-li:after {
    margin-left: -8px;
    width: 17px;
    background-position: -350px -45px
}

.share-box .share-fb:hover {
    background-color: #385a99
}

.share-box .share-tw:hover {
    background-color: #2aa9de
}

.share-box .share-gp:hover {
    background-color: #d53d30
}

.share-box .share-li:hover {
    background-color: #0177b5
}

.latestng .share-box {
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}

.latestng .share-box .wrap {
    background: #ccc;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    padding: 5px 6px;
    position: relative;
    top: -40px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.desktop-only .latestng article>.wrap.ready:hover .share-box .wrap,.hh-only .latestng article.show-more>.wrap.ready .share-box .wrap {
    opacity: 1;
    top: 0
}

.ngarticle .share-box a {
    margin: 0 5px
}

.hh .ngarticle .wrapper,.ngarticle .wrapper {
    max-width: 700px
}

.ngarticle .main {
    margin-top: 2.5em
}

.ngarticle h2 {
    font-weight: 400;
    margin-bottom: .5em
}

.ngarticle h3 {
    font-weight: 400;
    margin: 1.25em 0 .5em
}

.ngarticle .main h3:first-child {
    margin-top: 0
}

.ngarticle p {
    margin-bottom: 1em
}

.ngarticle p a:hover {
    text-decoration: underline
}

.ngarticle figure {
    margin: 2em 0
}

.ngarticle figure figcaption {
    margin-top: .75em
}

.ngarticle figure figcaption p {
    color: #969696;
    font-style: italic;
    margin: 0
}

.ngarticle li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: .5em
}

.ngarticle .article-data {
    display: table;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%
}

.ngarticle .article-data p {
    display: table-cell;
    margin: 0;
    padding-right: 15px;
    vertical-align: middle
}

.ngarticle .article-data .share-box {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap
}

article,h2.page-title {
    margin-bottom: .75em
}

article>section {
    margin: 20px 0
}

article .image.rectangle.first,article .image.rectangle.last {
    margin-right: 4%;
    width: 50%
}

article>section p {
    font-size: 13px;
    font-size: 1.3rem
}

article>section .image {
    margin-bottom: 1em
}

main>section>.wrapper>.search-results-header.grid {
    margin-bottom: 0
}

.search-results-header .advance-search,.search-results-header .search-bar {
    margin-top: 10px
}

.search-results-header .search-bar input {
    font-size: 13px;
    font-size: 1.3rem;
    height: 33px;
    padding: .5em 21px .5em 6px;
    width: 100%
}

.search-results-header .search-bar .submit {
    width: 20px
}

.search-results-header .search-bar .submit:after {
    background-position: -21px -97px;
    height: 13px;
    left: auto;
    margin-top: -6px;
    right: 5px;
    width: 13px
}

.advance-search>a {
    color: #7D706C;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.3
}

.advance-search>a:hover {
    text-decoration: underline
}

.search-filters {
    display: none;
    margin-bottom: 32px
}

.search-filters>nav {
    border: 1px solid #dcd9d8;
    padding: 13px 10px 0
}

.search-filters>nav a {
    font-size: 14px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0 25px 13px
}

.search-filters>nav a.active,.search-filters>nav a:hover {
    color: #9a258f
}

.search-filters>nav a span {
    color: #a8a8a8
}

.search-results {
    padding-bottom: 1.2em
}

.search-results .result {
    margin-bottom: 1.5em
}

.search-results .result.main {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 2em
}

.products-results.has-thumb~.column .result.main {
    min-height: 220px
}

.search-results>.column>h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: 1em
}

.result a,.result h6,.result p,.view-all-action a {
    font-size: 13px;
    font-size: 1.3rem;
    word-wrap: break-word
}

.search-results .result .dl-link {
    display: inline-block;
    margin: .5em 0
}

.search-results .results.loading {
    margin-bottom: 22px
}

.all-results .result h6 a,.result.main h6 {
    font-size: 15px;
    font-size: 1.5rem
}

.view-all-action {
    border-top: 1px solid #ccc;
    padding-top: 2em;
    text-align: right
}

.all-results {
    padding-top: 4em
}

.all-results>h2 {
    margin-bottom: .5em
}

.all-results .result {
    padding: .75em 0;
    margin: .5em 0
}

.all-results .result h6 {
    margin-bottom: 0;
    font-weight: 400
}

.result b {
    font-weight: 700
}

.result br {
    display: none
}

.filtered-search>.wrapper>.grid {
    display: none;
    margin: 0 -10px
}

.filtered-search>.wrapper>.grid.init {
    display: block
}

.filtered-search .grid>.column.main {
    padding-top: 5px;
    transition: all 300ms ease;
    width: 75%
}

.filtered-search .grid>.column.side {
    float: right;
    overflow: hidden;
    padding-top: 5px;
    transition: all 300ms ease;
    width: 25%
}

.filtered-search .title {
    display: table;
    margin-bottom: 10px;
    width: 100%
}

.filtered-search .title h1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.filtered-search .title .back {
    text-align: right;
    vertical-align: middle
}

.filtered-search #goback {
    margin: 0
}

.filtered-search .breadcrumb {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    top: 35px
}

.filtered-search .breadcrumb .cur {
    color: #00ade6
}

.filtered-search .breadcrumb a:hover {
    text-decoration: underline
}

.filtered-search .new-discussion {
    margin: -15px 0 25px
}

.filtered-search .new-discussion a:hover {
    text-decoration: underline
}

.filtered-search .column.main.loading .results,.filtered-search .filter-nav.loading #search-filters,.filtered-search .grid.error .filter-nav,.filtered-search .grid.error .main .results,.filtered-search .grid.no-results .filter-nav,.filtered-search .grid.no-results .main .results {
    display: none
}

.filtered-search .filter-nav.loading {
    background: 0 0
}

.filtered-search .filter-nav.loading>#search-filters {
    background: url(../images/ajax-loader-2.gif) 50% 50% no-repeat;
    min-height: 50px
}

.filtered-search #no-results,.filtered-search #search-error {
    display: none
}

.filtered-search .grid.error #search-error,.filtered-search .grid.no-results #no-results {
    display: block
}

.filtered-search .grid.no-filters>.column.side {
    padding: 0;
    width: 0
}

.filtered-search .grid.no-filters>.column.main {
    width: 100%
}

.filtered-search .search-bar {
    margin-bottom: 25px
}

.filtered-search .suggestions,.filtered-search .synonyms {
    color: #912586;
    display: none
}

.filtered-search .suggestions.active,.filtered-search .synonyms.active {
    display: block
}

.filtered-search .suggest-query:hover,.filtered-search .synonym-query:hover {
    text-decoration: underline
}

.filtered-search .main .data {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 1px;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 30px;
    padding: 15px
}

.filtered-search .main .results-list+.data {
    margin: 30px 0 0
}

.filtered-search .main .data .count {
    border: 0;
    padding: 0;
    vertical-align: middle;
    width: 25%
}

.filtered-search .main .data .count p {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0
}

.filtered-search .main .pager {
    border: 0;
    padding: 0;
    width: 50%;
    text-align: center;
    vertical-align: middle
}

.filtered-search .main .pager .pagination {
    margin: 0
}

.filtered-search .main .pager ul {
    border-radius: 0;
    display: inline-block;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.filtered-search .main .data .pager li {
    display: inline-block;
    float: none;
    line-height: 1;
    margin: 0 2px
}

.filtered-search .main .pager li a,.filtered-search .main .pager li span {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    display: block;
    float: none;
    line-height: 1;
    padding: 8px 12px
}

.filtered-search .main .pager li span {
    font-weight: 700
}

.filtered-search .main .pager li a:hover {
    border-color: #666
}

.filtered-search .main .data .sort {
    border: 0;
    padding: 0;
    vertical-align: middle
}

.filtered-search .results .data .sort>div,.filtered-search .results .data .sort>span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.filtered-search .results .data .sort>div {
    margin: 0
}

.filtered-search .results .data .sort label {
    display: block;
    line-height: 19px;
    overflow: hidden
}

.filtered-search .results .data .sort label input {
    float: left;
    height: 19px;
    margin: 0 0 0 5px
}

.filtered-search .results .data .sort label span {
    float: left;
    margin-left: 5px
}

.filtered-search .results #key-match-results {
    background-color: #e4c9ff;
    border: 1px dashed #633292;
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1);
    display: none;
    margin-bottom: 20px;
    padding: 8px 15px
}

.filtered-search .results #key-match-results.active {
    display: block
}

.filtered-search .results #key-match-results li {
    margin-top: 10px
}

.filtered-search .results #key-match-results li:first-child {
    margin: 0
}

.filtered-search .results #key-match-results a {
    color: #633292
}

.filtered-search .results .results-list li:first-child {
    margin: 0
}

.filtered-search .results .results-list li {
    margin-top: 15px
}

.filtered-search .results .results-list .icons {
    float: left;
    font-size: 0;
    margin-right: 5px;
    width: 30px
}

.filtered-search .results .results-list .icons img {
    display: inline-block;
    margin: 5px 6px 0 0
}

.filtered-search .results .results-list .icons img:first-child,.filtered-search .results .results-list .icons img:first-child+img {
    margin-top: 2px
}

.filtered-search .results .results-list .details {
    overflow: hidden
}

.filtered-search .results .results-list .details h4 {
    line-height: 1
}

.filtered-search .results .results-list .details h4 a {
    font-size: 15px;
    font-size: 1.5rem
}

.filtered-search .results .results-list .details h4 a:hover {
    text-decoration: underline
}

.filtered-search .results .results-list .details .match {
    font-weight: 700
}

.partner-company h4 {
    line-height: 1;
    margin-bottom: 0
}

.partner-company h6 {
    font-weight: 400
}

.partner-company p {
    font-size: 13px;
    font-size: 1.3rem
}

.mob .partner-company figure {
    max-width: 45%
}

article>section.news-events {
    margin: 0 0 20px
}

.news-events li {
    margin-bottom: 16px
}

.news-events li .date {
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: uppercase
}

.events .date {
    line-height: 1;
    margin-bottom: 4px
}

.news-events li h6 {
    margin-bottom: .25em
}

.events .date-box,.events .event-content {
    display: table-cell;
    vertical-align: top
}

.events .event-content {
    padding-left: 20px
}

.news-item figure.image.auto {
    padding: 20px 5px
}

.team-member figure {
    margin-bottom: 1em
}

.team-member p {
    font-size: 13px;
    font-size: 1.3rem
}

article.news-item,article.partner-company,article.team-member {
    margin-bottom: 10px
}

.gr.slider {
    margin: 0;
    max-width: none
}

.gr.slider .slides>li>.grid {
    padding: 0 5px
}

.about-pages>.wrapper>.grid>.column>article>section {
    padding-top: 20px
}

.about-pages>.wrapper>.grid>.column>article.r-gradient-bot-grey>section,.about-pages>.wrapper>.grid>.column>article>section.r-gradient-bot-grey {
    padding-bottom: 50px
}

article.banner>section.banner-image {
    padding-top: 0;
    padding-right: 40%;
    margin-top: 0;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.about-pages .banner-image>p,.about-pages .gr.slider p {
    font-size: 15px;
    font-size: 1.5rem
}

.about-pages .netgear-regions li,.about-pages .search-our-jobs li {
    margin-bottom: .5em
}

.about-pages .netgear-regions a,.about-pages .search-our-jobs a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5
}

.about-pages .netgear-regions p,.about-pages .search-our-jobs p {
    margin-bottom: 2em
}

.hh .about-mobile-content .r-gradient-bot-grey {
    padding-bottom: 20px
}

.mob .border-bottom {
    border-bottom: 1px solid #ebebeb
}

article.news-item,article.news-item.grid {
    margin-top: 15px
}

article.news-item h4 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 5px
}

article.news-item h6 {
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 3px
}

article.news-item p {
    font-size: 13px;
    font-size: 1.3rem
}

article.press-release,article.press-release.grid {
    margin-top: 15px
}

article.press-release>h4 {
    margin-bottom: 1em
}

article.press-release h4 {
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem
}

article.press-release p {
    line-height: 1.6924;
    font-size: 13px;
    font-size: 1.3rem
}

.about-pages .search-bar {
    max-width: 340px;
    width: 100%
}

.about-pages .searh-header {
    margin-bottom: 20px
}

.about-pages .search-bar input[type=search] {
    width: 100%
}

#media-contact {
    display: none
}

#media-contact .contact-item {
    margin-bottom: 20px
}

#media-contact .contact-item h6 {
    margin-bottom: .25em
}

.about-pages article figure.image.auto {
    margin-right: 4%
}

.about-mobile-content {
    padding: 20px
}

.show-more-link {
    padding-right: 15px;
    position: relative
}

.show-more-link:after {
    content: '';
    height: 5px;
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px
}

.show-more-content {
    display: none
}

.show-more-content.on {
    display: block
}

.grid.g-2>.column.swimlane {
    margin-bottom: 20px
}

.grid.g-2>.column.swimlane figcaption a:hover {
    text-decoration: underline
}

.grid.sub-video>.c-5 {
    padding-bottom: 0
}

.grid.sub-video .grid {
    margin-top: 0
}

.featured-lanes .grid>.swimlane {
    margin-bottom: 15px
}

.featured-lanes h6 {
    color: #9a258f
}

.featured-lanes ol.text,.featured-lanes ul.text {
    margin-bottom: 0
}

.title-lane h2 {
    color: #9a258f;
    display: inline-block;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 400;
    margin-bottom: 2rem;
    vertical-align: middle
}

.title-lane h2+.button {
    margin: 0 0 2rem 2rem;
    vertical-align: middle
}

.filter {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 1px;
    color: #333;
    padding: 17px 20px 19px
}

.filter h5 {
    border-bottom: 1px solid #e1e1e1;
    color: #912586;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
    padding-bottom: 14px
}

.filter h6 {
    font-size: 13px;
    font-size: 1.3rem;
    margin: .5em 0 .25em;
    position: relative
}

.filter h6+ul li {
    font-size: 0;
    padding: 3px 0
}

.filter label {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 20px;
    position: relative
}

.filter label input {
    height: 1.5em;
    font-size: 12px;
    font-size: 1.2rem;
    left: 0;
    margin: 0;
    position: absolute
}

.filter.vertical h6 {
    cursor: pointer;
    padding-left: 24px
}

.filter.vertical h6:before {
    content: '';
    height: 11px;
    left: 4px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 11px
}

.filter.vertical h6.active:before {
    height: 3px;
    margin-top: -2px
}

.filter.vertical h6+ul {
    display: none;
    padding-left: 24px
}

.filter.vertical h6.active+ul {
    display: block
}

.filter.filter-nav li a,.filter.filter-nav li p,.filter.filter-nav li span {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 0
}

.filter.filter-nav a:hover,.filter.filter-nav a:hover span {
    text-decoration: underline
}

.filter.filter-nav li .wrap {
    overflow: hidden
}

.filter.filter-nav li img {
    float: left;
    height: 1.5em;
    font-size: 12px;
    font-size: 1.2rem;
    width: 1.5em
}

.filter.filter-nav li img+span {
    display: block;
    margin-left: 2em
}

.filter.filter-nav .selected {
    padding-right: 15px;
    position: relative
}

.filter.filter-nav .selected .remove {
    border: 0 solid #00ade6;
    border-radius: 9px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    height: 18px;
    position: absolute;
    right: -5px;
    top: 3px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    width: 18px
}

.filter.filter-nav .selected .remove:hover {
    border-width: 2px
}

.filter.filter-nav .selected .remove:after {
    height: 10px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
    z-index: 1
}

.filter.filter-nav li.first-of-more,.filter.filter-nav li.first-of-more.hidden.show {
    border-top: 1px solid #e1e1e1;
    height: auto;
    margin-top: 7px;
    padding-top: 10px
}

.filter.filter-nav li.hidden {
    border-width: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease
}

.filter.filter-nav li.hidden.show {
    height: auto;
    padding: 3px 0
}

.filter.filter-nav .more-less .more-less-cta {
    cursor: pointer;
    display: none;
    padding-right: 20px;
    position: relative
}

.filter.filter-nav .more-less .more-less-cta+.more-less-cta {
    margin-left: 7px
}

.filter.filter-nav .more-less .more-less-cta.active {
    display: inline-block
}

.filter.filter-nav .more-less .more-less-cta:after {
    content: '';
    height: 5px;
    margin-top: -2px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 9px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease
}

.filter.filter-nav .more-less .more:hover:after {
    margin-top: 0
}

.filter.filter-nav .more-less .less:hover:after {
    margin-top: -4px
}

.product-list .filter.vertical {
    float: left;
    margin-top: 70px;
    width: 23.4043%
}

.product-list .filter.vertical+div {
    float: left;
    padding-left: 20px;
    width: 76.5958%
}

.product-list .filter-results figcaption p {
    color: #7d706c
}

.product-list .filter-results p label {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5
}

.product-list .filter-results label input {
    float: left;
    margin: 0 7px 0 0;
    height: 1.5em;
    font-size: 13px;
    font-size: 1.3rem
}

.product-list .filter-selectors {
    margin-bottom: 30px
}

.product-list .filter-selectors a {
    float: left;
    width: 40px;
    display: block;
    height: 40px;
    position: relative;
    border: 1px solid #eaeaea;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMC40MzEwMzQiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==) 100% 100%/100% 20px no-repeat;
    background-image: -webkit-gradient(linear,center bottom,center top,color-stop(0%,#FCFCFC),color-stop(17.2414%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(bottom,#FCFCFC 0,rgba(255,255,255,0) 20px);
    background-image: -moz-linear-gradient(bottom,#FCFCFC 0,rgba(255,255,255,0) 20px);
    background-image: -ms-linear-gradient(bottom,#FCFCFC 0,rgba(255,255,255,0) 20px);
    background-image: -o-linear-gradient(bottom,#FCFCFC 0,rgba(255,255,255,0) 20px);
    background-image: linear-gradient(to top,#FCFCFC 0,rgba(255,255,255,0) 20px)
}

.product-list .filter-selectors a.grid-view {
    border-right: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.product-list .filter-selectors a.list-view {
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.product-list .filter-selectors a:after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%
}

.product-list .filter-selectors a.active,.product-list .filter-selectors a:active {
    background: 0 0;
    -webkit-box-shadow: inset 1px 2px 5px 0 #eaeaea;
    box-shadow: inset 1px 2px 5px 0 #eaeaea
}

.product-list .filter-selectors span {
    float: left;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 15px 10px 0
}

.product-list .no-filter-results {
    display: none
}

.product-list .no-filter-results.active {
    display: block
}

.product-list .filter-results>.inactive {
    display: none
}

.product-list .filter-results.g-1 a {
    padding-bottom: 0
}

.product-list .filter-results.g-1 figure a.image {
    float: left;
    margin-right: 20px;
    padding-bottom: 60px;
    width: 60px
}

.product-list .filter-results.g-1 figure figcaption h6 {
    padding: 0
}

.product-list .filter-results.g-3 .column {
    margin-bottom: 15px
}

.products-to-compare {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    border-radius: 1px;
    margin-bottom: 30px;
    padding: 20px 0 0;
    position: relative
}

.products-to-compare>.list {
    display: table;
    width: 100%
}

.products-to-compare .list>div {
    display: table-cell;
    float: none;
    vertical-align: top
}

.products-to-compare .list>.last {
    padding-left: 10px;
    width: 200px
}

.products-to-compare figure {
    display: block;
    float: left;
    margin: 0 0 20px 30px;
    position: relative;
    width: 60px
}

.products-to-compare .image.square {
    padding-bottom: 60px
}

.products-to-compare .button.blue {
    float: right;
    margin: 13px 30px 20px 0
}

.remove {
    background-color: #fff;
    height: 13px;
    width: 13px;
    position: absolute;
    right: -6px;
    top: -6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eaeaea
}

.remove-compare {
    position: absolute;
    right: 10px;
    top: 6px;
    color: #333;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
    padding: 0 16px 0 .75em
}

.filter.horizontal {
    float: none;
    color: #7d706c;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px
}

.filter.horizontal>h5 {
    padding: 10px 0
}

.filter.horizontal h6 {
    color: #7d706c;
    margin: 5px 0;
    font-size: 13px;
    font-size: 1.3rem
}

.filter.horizontal>ul {
    padding: 0 0 10px
}

.filter.horizontal>ul>li {
    float: left
}

.filter.horizontal li.audience {
    padding-right: 10px;
    width: 25%
}

.filter.horizontal li.period {
    width: 75%
}

.filter.horizontal li.archive>label {
    float: left;
    padding-right: 10px;
    width: 20%
}

.filter.horizontal li.archive>ul {
    display: none;
    float: left;
    margin-right: 0;
    margin-top: -6px;
    width: 80%
}

.filter.horizontal li.archive>ul li {
    float: left;
    padding: 6px 10px 0 0;
    width: 25%
}

.filter.horizontal li.period>ul {
    float: left;
    margin-right: 0;
    width: 100%
}

.filter .period ul {
    float: left;
    margin-right: 25px;
    min-width: 100px
}

.compare .filter {
    background-color: #f3f3f3;
    border: 0;
    padding: 0 20px
}

.compare .filter>h5 {
    border-bottom: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    padding: 10px 0;
    position: relative;
    -webkit-transition: padding .2s linear 0,border-color .2s linear 0;
    transition: padding .2s linear 0,border-color .2s linear 0
}

.compare .filter>h5.active {
    border-color: #d4d0cf;
    padding-bottom: 10px
}

.compare .filter>h5:after {
    content: '';
    height: 11px;
    margin-top: -6px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 11px
}

.compare .filter>h5.active:after {
    height: 3px;
    margin-top: -2px;
    top: 50%
}

.compare .filter>h5+ul {
    display: none;
    padding: 0
}

.compare .filter>ul>li {
    float: none;
    padding-top: .5em
}

.compare .no-filter-results {
    display: none
}

.compare .no-filter-results.active {
    display: block
}

.compare .no-filter-results.active+.compare-table {
    display: none
}

.discover-product h2 {
    text-transform: uppercase
}

ol.resellers {
    list-style: none;
    padding: 30px
}

ol.resellers li {
    color: #9a258f;
    font-weight: 700;
    counter-increment: customlistcounter;
    margin-bottom: 30px
}

ol.resellers>li:before {
    content: counter(customlistcounter) " ";
    font-weight: 700;
    float: left;
    width: 1.5em
}

ol.resellers:first-child {
    counter-reset: customlistcounter
}

ol.resellers li p {
    font-weight: 400;
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 20px
}

.tabs.slidable .tab>.authorized-reseller {
    padding-bottom: 15px
}

.authorized-reseller p.show-more {
    margin-top: 30px
}

a.form-reset {
    font-size: 13px;
    font-size: 1.3rem;
    color: #666;
    display: block
}

.authorized-reseller+.cf {
    padding-top: 20px;
    padding-bottom: 0
}

.authorized-reseller+.cf+section {
    padding-top: 30px
}

.splash main>section>div {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0
}

.splash main>section>div:after {
    background-color: #fff;
    background: rgba(255,255,255,.75);
    bottom: 0;
    content: '';
    height: 73px;
    left: 0;
    position: absolute;
    right: 0
}

.splash main>section.drop-shadow.curve:before {
    right: 20%;
    left: 20%
}

.splash .secondary-nav>nav {
    margin: 30px 0
}

.units-links>a {
    float: left;
    width: 33.33%;
    position: relative;
    height: 500px
}

.units-links>a>img {
    display: none
}

.units-links>a>div {
    padding: 20px 0 20px 10px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.units-links>a>div>h3 {
    background-color: #00ABE8;
    color: #FFF;
    display: block;
    font-size: 1.7em;
    font-size: 1.7rem;
    font-weight: 700;
    padding: 8px 10px 8px 15px;
    width: 80%;
    max-width: 250px;
    line-height: 1;
    position: relative;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,.3)
}

.units-links>a>div>h3:after {
    content: "";
    height: 9px;
    margin-top: -4px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    z-index: 1
}

.units-links>a:hover>div>h3 {
    background-color: #008dbf
}

form#contact-us input,form#contact-us select,form#contact-us textarea {
    width: 100%
}

form#contact-us input[type=checkbox],form#contact-us input[type=submit] {
    width: auto
}

form#contact-us label {
    font-size: 13px;
    font-size: 1.3rem
}

form#contact-us .grid.g-3 {
    margin: 0 -10px
}

form#contact-us .grid.g-3>.column {
    padding: 0 10px
}

form#contact-us .form-item {
    margin-bottom: 17px
}

.contact-form-wrapper {
    padding: 40px 0
}

section.contact-email h4 {
    margin-bottom: 20px
}

section.contact-top .wrapper>.grid.g-3 {
    margin-top: 40px;
    margin-bottom: 70px
}

section.contact-top .wrapper>p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25
}

section.contact-top .column a {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700
}

section.contact-email .grid>.column,section.contact-top .column figure {
    margin-bottom: 5px
}

section.contact-email .grid>.column a {
    font-size: 15px;
    font-size: 1.5rem
}

.mob section.contact-email .grid>.column a {
    font-size: 13px;
    font-size: 1.3rem
}

.contact-locations>.column {
    margin-bottom: 20px
}

.mob .contact-locations>.column {
    margin-bottom: 10px
}

section.contact-top .wrapper>p {
    margin-bottom: 15px
}

.gmap-directions li a {
    font-size: 15px;
    font-size: 1.5rem
}

.mob .gmap-directions li a {
    font-size: 13px;
    font-size: 1.3rem
}

.contact-locations.grid .column h5 {
    margin-bottom: 15px
}

.mob .contact-locations.grid .column h5 {
    margin-bottom: 10px
}

.contact-locations.grid .column h6 {
    margin-bottom: 0
}

#n-router .title {
    margin-bottom: 20px
}

#n-router .title p {
    font-size: 21px;
    font-size: 2.1rem
}

#n-router .n-filters {
    margin-bottom: 20px
}

#n-router .n-filter {
    box-shadow: none;
    display: block;
    padding: 10px;
    transition: box-shadow 200ms ease
}

#n-router .n-filter:hover {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2)
}

#n-router .n-filter.active,#n-router .n-filter:active {
    box-shadow: inset 0 0 5px 2px rgba(0,0,0,.2)
}

#n-router .n-filter .image {
    padding-bottom: 110%
}

#n-router .n-filter h5 {
    color: #7d706c;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 20px 0 0;
    text-align: center
}

#n-router .n-filter h6 {
    color: #00ade6;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 2px 0 0;
    text-align: center
}

#n-router .search-bar {
    margin: 0
}

#n-router .n-articles-tab h2 {
    color: #9a258f;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.25;
    margin-bottom: .25em
}

#n-router .n-articles-tab .no-results {
    display: none
}

#n-router .n-articles-tab .no-results.active {
    display: block
}

#n-router .n-articles-tab .n-articles .all {
    font-weight: 700
}

#n-router .n-articles-tab .no-results+.all {
    margin-top: 1em
}

#n-router .n-articles-tab .n-articles ul {
    padding: 20px 10px 0 0
}

#n-router .n-articles-tab .n-article {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0
}

#n-router .n-articles-tab .n-article.hidden {
    display: none
}

#n-router .n-articles-tab .n-article article {
    margin: 0
}

#n-router .n-articles-tab .n-article h4 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700
}

#n-router .n-articles-tab .n-article p {
    margin: 0
}

#n-router .n-articles-tab .rel-videos .box {
    background-color: #fff;
    padding: 25px 0
}

#n-router .n-articles-tab .rel-videos h5 {
    border-bottom: 1px solid #e5e5e5;
    color: #9a258f;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 15px 1.25em;
    padding-bottom: .25em
}

#n-router .n-articles-tab .rel-videos figure {
    margin-bottom: 15px;
    padding: 5px 15px 0
}

#n-router .n-articles-tab .rel-videos .image {
    margin-bottom: 2px
}

#n-router .n-articles-tab .rel-videos figcaption a {
    display: inline-block;
    font-weight: 700;
    line-height: 1.25
}

#n-router .n-articles-tab .rel-videos .flex-control-nav {
    margin: 0
}

#register-fancy,.success-fancy .fancybox-outer,.success-fancy .fancybox-skin {
    border-radius: 5px
}

#register-fancy {
    display: none;
    max-width: 620px;
    padding: 65px 65px 45px;
    width: 100%
}

#register-fancy .grid .column {
    padding-bottom: 0
}

#register-fancy .field {
    margin-bottom: 15px
}

#register-fancy .field.submit {
    margin: 40px 0 0
}

#register-fancy ul.text {
    margin-bottom: 25px
}

#register-fancy label {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1px 0
}

#register-fancy label[for=downloadgenie],#register-fancy label[for=newsletter] {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 25px
}

#register-fancy input[type=email],#register-fancy input[type=number],#register-fancy input[type=text],#register-fancy select {
    width: 100%
}

#register-fancy .register+a {
    margin-left: 7px;
    text-decoration: underline
}

#register-fancy .errors {
    font-size: 14px;
    font-size: 1.4rem
}

#register-fancy #response-loading {
    clear: both;
    display: none;
    margin: 10px 0 0;
    min-height: 1.5em;
    padding-top: 10px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#register-fancy #response-loading.loading {
    display: block
}

#register-fancy #response-message.success {
    color: #14a22b
}

.fancybox-outer {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.mob .highlight,.mob .highlight.l-gradient-bot-grey.drop-shadow.curve {
    background: #eaeaea
}

.mob .highlight>.wrapper {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0
}

.mob .highlight>.wrapper .column {
    margin-bottom: 20px;
    padding-bottom: 0
}

.mob section+.highlight>.wrapper {
    padding-top: 20px
}

.mob .highlight>.wrapper .column .image.first,.mob .highlight>.wrapper .column .image.last {
    float: none;
    margin-bottom: 1em;
    width: 100%
}

.mob .highlight>.wrapper .column .image.rectangle {
    padding-bottom: 67.9013%
}

.mob main>section .wrapper .g-1>figure.column.swimlane .image {
    float: none;
    width: 100%
}

.mob main>section .wrapper .g-1>figure.column.swimlane .image.square {
    padding-bottom: 100%
}

.mob main>section .wrapper .g-1>figure.column.swimlane .image.rectangle {
    padding-bottom: 66.591%
}

.mob main>section .wrapper .g-1>figure.column.swimlane figcaption {
    float: none;
    padding: 0;
    width: 100%
}

.mob .title-lane.center {
    text-align: center
}

.mob .wrapper>.title-lane h2 {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.mob .title-lane h2+.button {
    margin-left 0}

.mob .filter.vertical {
    margin-top: 0
}

.mob .filter-selectors {
    display: none
}

.mob main>section .wrapper .filter-results.g-1 figure {
    margin-bottom: 0;
    padding: 20px 10px
}

.mob .filter-results.g-1 figure:nth-child(even) {
    background-color: #f9f9f9
}

.mob .filter-results.g-1 figure p {
    font-size: 13px;
    font-size: 1.3rem
}

.mob .latestng .grid-sizer,.mob .latestng article,.mob .latestng article.w2 {
    width: 100%
}

.mob .latestng article .image {
    max-width: 440px
}

.mob .filtered-search .results .results-list .icons img:first-child,.mob .filtered-search .results .results-list .icons img:first-child+img {
    margin-top: 0
}

.mob .filtered-search .results .results-list .details h4 {
    margin-top: 2px
}

@media screen and (max-width: 960px) {
    .banner img {
        width:100%
    }

    .banner .wrapper {
        padding-right: 20px;
        width: 50%
    }

    .banner .wrapper.first {
        left: 0;
        margin-left: 0;
        padding-left: 20px
    }

    .banner .wrapper.center {
        margin-left: -25%;
        padding-left: 0;
        padding-right: 0
    }

    .banner.long .wrapper h1 {
        font-size: 32px;
        font-size: 3.2rem
    }

    .banner.long .wrapper h4 {
        font-size: 16px;
        font-size: 1.6rem
    }

    .banner.long .wrapper p {
        font-size: 13px;
        font-size: 1.3rem
    }

    .banner.long .wrapper ul p {
        margin: 0
    }

    .banner.medium .wrapper h4 {
        font-size: 19px;
        font-size: 1.9rem
    }

    .banner.medium .wrapper p {
        font-size: 13px;
        font-size: 1.3rem
    }

    .banner.medium .wrapper .button {
        font-size: 12px;
        font-size: 1.2rem
    }

    .splash main>section>div {
        background-size: 100%;
        margin: 0 -12.5%;
        padding-bottom: 41.67%
    }

    .splash main>section>div>.wrapper {
        height: 100%;
        left: 10%;
        position: absolute;
        right: 10%;
        width: auto
    }

    .splash .units-links {
        height: 100%;
        width: 100%
    }

    .splash .units-links>a {
        height: 100%
    }

    .filter.vertical {
        color: #7d706c;
        margin-bottom: 30px
    }

    .filter.horizontal,.filter.vertical {
        background-color: #f3f3f3;
        border: 0;
        padding: 0 20px
    }

    .filter.horizontal>h5,.filter.vertical>h5 {
        border-bottom: 1px solid transparent;
        color: #5e514f;
        cursor: pointer;
        margin: 0;
        padding: 10px 0;
        position: relative;
        -webkit-transition: padding .2s linear 0,border-color .2s linear 0;
        transition: padding .2s linear 0,border-color .2s linear 0
    }

    .filter>h5.active {
        border-color: #d4d0cf;
        margin-bottom: 5px
    }

    .filter>h5:after {
        content: '';
        height: 11px;
        margin-top: -6px;
        position: absolute;
        right: 0;
        top: 50%;
        width: 11px
    }

    .filter>h5.active:after {
        height: 3px;
        margin-top: -2px;
        top: 50%
    }

    .filter.vertical h6 {
        color: #7d706c;
        cursor: default;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 5px 0;
        padding: 0
    }

    .filter.vertical h6:before {
        display: none
    }

    .filter.vertical h6+ul {
        display: block;
        padding: 0
    }

    .filter.vertical h6+ul li {
        margin: 0;
        padding: 5px 0
    }

    .filter.horizontal>h5+ul,.filter.vertical>h5+ul {
        display: none;
        margin-bottom: 0;
        margin-top: -5px;
        padding: 0 0 10px
    }

    .filter.horizontal>h5.active+ul,.filter.vertical>h5.active+ul {
        display: block
    }

    .filter.horizontal>ul>li,.filter.vertical>ul>li {
        float: none;
        padding-bottom: 0;
        padding-top: .5em
    }

    .filtered-search>.wrapper>.grid {
        margin: 0
    }

    .filtered-search .grid>.column.main,.filtered-search .grid>.column.side {
        float: none;
        padding: 0;
        width: 100%
    }

    .filter.filter-nav h5+ul {
        margin-left: -10px;
        margin-right: -10px
    }

    .filter.filter-nav>ul>li {
        display: inline-block;
        padding: .5em 10px 0;
        vertical-align: top;
        width: 25%
    }

    .product-list .filter.vertical {
        float: none;
        margin-top: 0;
        width: 100%
    }

    .product-list .filter.vertical+div {
        float: none;
        padding: 0;
        width: 100%
    }

    .filter.horizontal li.audience {
        margin-right: 0;
        padding-right: 0;
        width: 100%
    }

    .filter.horizontal li.period {
        width: 100%
    }

    .filter.horizontal li.period>ul {
        float: none
    }

    .filter.horizontal li.archive>label {
        margin-right: 0;
        width: 100%
    }

    .filter.horizontal li.archive>ul {
        margin-top: 0;
        width: 100%
    }

    .filter.horizontal li.archive>ul li {
        width: 17%
    }

    main>section>.wrapper>.search-results-header.grid {
        margin-bottom: 20px
    }

    .search-results-header.grid .column {
        padding-bottom: 0
    }

    .search-results-header .advance-search,.search-results-header .search-bar {
        margin: 0
    }

    .search-results-header .search-bar {
        margin-bottom: 10px;
        max-width: 50%
    }

    .search-results .result,.search-results .result.main {
        border-bottom-width: 0;
        padding-bottom: 0;
        min-height: 0;
        margin-bottom: 20px
    }

    .search-results .result .column,.search-results .result .column .image {
        margin-bottom: 0
    }

    .view-all-action {
        border: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 840px) {
    .banner .wrapper h1,.banner.long .wrapper h1 {
        font-size:21px;
        font-size: 2.1rem
    }

    .banner .mob-text h4,.banner .wrapper h4 {
        font-size: 16px;
        font-size: 1.6rem
    }

    .banner.medium .wrapper h1 {
        font-size: 21px;
        font-size: 2.1rem
    }

    .banner.medium .wrapper h4 {
        font-size: 16px;
        font-size: 1.6rem
    }

    .banner.medium .wrapper p {
        font-size: 12px;
        font-size: 1.2rem
    }

    .grid.two>.gallery,.grid.two>.gallery+.column {
        float: none;
        width: 100%
    }

    .latestng .grid-sizer,.latestng article,.latestng article.w2 {
        width: 50%
    }
}

@media screen and (max-width: 800px) {
    .hh .about-pages>.wrapper {
        background-color:#EAEAEA;
        padding: 20px 10px
    }

    .tablet .about-pages>.wrapper {
        padding: 60px 10px 20px
    }

    .tablet .about-mobile-content {
        padding: 20px 60px
    }

    .hh .about-mobile-content .flex-viewport {
        padding-top: 4px
    }

    .tablet .about-mobile-content .r-gradient-bot-grey,.tablet .about-mobile-content .r-gradient-bot-grey.drop-shadow.curve {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjQyODU3MSIgc3RvcC1jb2xvcj0iI0YxRjFGMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRkZGRkZGIiAvPjxyZWN0IHg9Ii0wLjg1ODclIiB5PSItMS43MTczJSIgd2lkdGg9IjEwMS43MTczJSIgaGVpZ2h0PSIyMDMuNDM0NiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
        background-image: -webkit-gradient(radial,50% 100%,0,50% 100%,215,color-stop(42.8571%,#F1F1F1),color-stop(100%,#FFF));
        background-image: -webkit-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 215px);
        background-image: -moz-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 215px);
        background-image: -ms-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 215px);
        background-image: -o-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 215px);
        background-image: radial-gradient(farthest-side at center bottom,#F1F1F1 165px,#FFF 215px)
    }
}

@media screen and (max-width: 768px) {
    .banner p {
        font-size:13px;
        font-size: 1.3rem
    }

    .splash main>section>div {
        margin: 0;
        padding: 0
    }

    .splash main>section>div:after {
        display: none
    }

    .splash main>section>div>.wrapper {
        position: static
    }

    .splash-page>div {
        background-image: none
    }

    .units-links>a {
        width: 100%;
        height: auto
    }

    .units-links>a>img {
        display: block
    }

    .units-links>a>div {
        background: #fff;
        background: rgba(255,255,255,.75);
        padding: 20px;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    #n-router .n-articles,#n-router .rel-videos {
        width: 100%
    }

    #n-router .n-articles-tab .n-articles ul {
        padding-right: 0
    }

    #n-router .n-articles-tab .rel-videos .slider {
        max-width: none;
        padding: 0 10px
    }

    #n-router .n-articles-tab .rel-videos figure {
        float: left;
        padding: 5px 5px 0;
        width: 33.33%
    }
}

@media screen and (max-width: 720px) {
    .banner.long .wrapper {
        bottom:0;
        top: 6px
    }

    .banner.long .slides>li,.banner.long.slider .flex-viewport {
        background-color: transparent;
        min-height: 0
    }

    .banner.long .mob-text {
        display: block
    }

    .product .banner.long .mob-text {
        padding-bottom: 70px
    }

    .banner.long .table>*>*>* {
        display: none
    }

    .banner.long .table>*>*>h1,.banner.long .table>*>*>img {
        display: block
    }

    .banner.medium .wrapper {
        bottom: 0;
        top: 6px
    }

    .banner.medium .slides>li,.banner.medium.slider .flex-viewport {
        background-color: transparent;
        min-height: 0
    }

    .banner.medium .mob-text {
        display: block
    }

    .product .banner.medium .mob-text {
        padding-bottom: 70px
    }

    .banner.medium .table>*>*>* {
        display: none
    }

    .banner.medium .table>*>*>h1,.banner.medium .table>*>*>img,.filtered-search .main .data,.filtered-search .main .data>* {
        display: block
    }

    .filtered-search .main .data .count {
        display: block;
        margin: 0 0 10px;
        text-align: center;
        width: auto
    }

    .filtered-search .main .data .pager {
        display: block;
        margin: 0 0 10px;
        padding: 0;
        text-align: center;
        width: auto
    }

    .filtered-search .main .data .sort {
        display: block;
        font-size: 0;
        text-align: center
    }

    .filtered-search .results .data .sort>div {
        margin: 0
    }

    .filtered-search .results .data .sort>span {
        font-size: 13px;
        font-size: 1.3rem
    }

    .filtered-search .results .data .sort label {
        display: inline-block;
        font-size: 13px;
        font-size: 1.3rem
    }

    .filtered-search .results .data .sort label input {
        margin-left: 10px
    }
}

@media screen and (max-width: 680px) {
    #register-fancy {
        padding-bottom:35px;
        padding-right: 35px
    }

    #register-fancy form>.grid>.column {
        width: 33.33%
    }

    #register-fancy form>.grid>.c-3 {
        width: 66.66%
    }

    #register-fancy .field.submit {
        margin-top: 30px
    }

    #register-fancy .register {
        float: right
    }

    #register-fancy .register+a {
        clear: both;
        float: right;
        margin-top: 10px;
        text-align: right
    }

    #register-fancy #response-loading {
        float: right;
        width: 100%
    }

    #n-router .n-filters .grid {
        margin: 0
    }

    #n-router .n-filters .column {
        padding: 0
    }
}

@media screen and (max-width: 560px) {
    .units-links>a>div {
        background:0 0;
        padding: 10px
    }

    .units-links>a>div>h3 {
        font-size: 1.5em;
        font-size: 1.5rem;
        max-width: none;
        padding: 8px 10px;
        width: 100%
    }

    .banner .wrapper {
        bottom: 0;
        top: 6px
    }

    .banner .slides>li,.banner.slider .flex-viewport {
        background-color: transparent;
        min-height: 0
    }

    .banner .mob-text {
        display: block
    }

    .product .banner.long .mob-text,.product .banner.medium .mob-text {
        padding-bottom: 30px
    }

    .banner .table>*>*>* {
        display: none
    }

    .banner .table>*>*>h1,.banner .table>*>*>img {
        display: block
    }

    .mob main.product>section:first-child a.button {
        float: left;
        margin: 0 2% .75em 0
    }

    .mob main.product>section:first-child a.button:first-child {
        margin: 0
    }

    .filter.horizontal,.filter.vertical {
        padding: 0 10px
    }

    .filter.horizontal>h5,.filter.vertical>h5 {
        border: 0
    }

    .filter>h5.active {
        margin: 0;
        padding-bottom: 15px
    }

    .filter>h5.active:after {
        margin-top: -5px
    }

    .filter.horizontal>h5+ul,.filter.vertical>h5+ul {
        padding-bottom: 0
    }

    .filter h5+.grid>.column,.filter.horizontal h5+ul>li,.filter.vertical h5+ul>li {
        border-top: 1px solid #d4d0cf;
        padding: 0
    }

    .filter.horizontal h6,.filter.vertical h6 {
        cursor: pointer;
        margin: 0;
        padding: 10px 0;
        position: relative
    }

    .filter.horizontal h6:after,.filter.vertical h6:after {
        content: '';
        height: 14px;
        margin-top: -7px;
        position: absolute;
        right: 3px;
        top: 50%;
        width: 8px
    }

    .filter.horizontal h6.active:after,.filter.vertical h6.active:after {
        height: 8px;
        margin-top: -4px;
        right: 0;
        width: 15px
    }

    .filter.horizontal h6+ul,.filter.vertical h6+ul {
        display: none;
        margin: -5px 0 5px
    }

    .filter.horizontal h6.active+ul,.filter.vertical h6.active+ul {
        display: block
    }

    .filter.filter-nav h5+ul {
        margin: -5px 0 0
    }

    .filter.filter-nav h5+ul>li {
        width: 100%
    }

    .about-pages article .image.rectangle.first,.about-pages article .image.rectangle.last {
        width: 100%;
        margin-right: 0
    }

    .filter.horizontal li.archive>ul {
        padding-left: 30px
    }

    .filter.horizontal li.archive>ul li {
        margin-right: 0;
        width: 100%
    }

    .compare .filter>h5.active {
        padding-bottom: 15px
    }

    .compare .filter>h5.active:after {
        margin-top: -5px
    }

    .products-to-compare {
        padding: 30px 20px 0
    }

    .tab .products-to-compare {
        padding: 25px 15px 0
    }

    .products-to-compare>.list,.products-to-compare>.list>div {
        display: block
    }

    .products-to-compare>.list>.last {
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 0
    }

    .products-to-compare figure {
        margin: 0 10px 20px
    }

    .products-to-compare .button.blue {
        display: inline-block;
        float: none;
        margin: 0 0 20px
    }

    .search-results-header .search-bar {
        max-width: 100%
    }

    .search-filters>nav {
        border-width: 1px 0 0;
        padding: 10px 0 0
    }

    .search-filters>nav li {
        float: none;
        margin-bottom: 10px
    }

    .search-filters>nav a {
        display: inline-block;
        padding: 0
    }

    main>section>.wrapper>.search-results-header.grid {
        margin-bottom: 10px
    }

    .press-release.g-1>.column.date-container {
        padding-bottom: 0
    }

    .press-release.g-1>.column.date-container p {
        margin-bottom: 0
    }

    .mob article.banner>section.banner-image {
        background-image: none!important;
        padding-right: 0
    }

    .mob main .about-pages .wrapper>.grid>.left-nav {
        padding-top: 4rem
    }

    .mob .team-member figure {
        max-width: 250px
    }

    .mob .news-item figure {
        margin-bottom: 7px;
        max-width: 150px;
        padding: 20px
    }

    #register-fancy form>.grid>.c-3,#register-fancy form>.grid>.column {
        width: 100%
    }

    .ngarticle header {
        position: relative
    }

    .ngarticle .main {
        margin-top: 15px
    }

    .ngarticle .article-data,.ngarticle .article-data p {
        display: block
    }

    .ngarticle .article-data .share-box {
        display: block;
        text-align: left
    }

    .ngarticle .article-data p+.share-box {
        margin-top: 15px
    }

    .ngarticle .article-data .share-box a:first-child {
        margin-left: 0
    }

    #n-router .title {
        margin-bottom: 10px
    }

    #n-router .search-bar {
        margin-bottom: 20px
    }

    #n-router .n-filters .column {
        width: 25%
    }

    #n-router .n-filter h6 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;
        margin-top: 10px
    }

    #n-router .n-articles-tab .n-articles ul {
        padding-top: 5px
    }

    #n-router .n-articles-tab .n-article {
        padding: 10px 0
    }

    #n-router .n-articles-tab .rel-videos .box {
        padding: 10px 0 15px
    }

    #n-router .n-articles-tab .rel-videos h5 {
        margin-left: 10px;
        margin-right: 10px
    }

    #n-router .n-articles-tab .rel-videos .slider {
        padding: 0 5px
    }

    #n-router .n-articles-tab .rel-videos figure {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 480px) {
    .banner .table>*>*>h1,.banner.long .table>*>*>h1,.banner.medium .table>*>*>h1 {
        font-size:15px;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0
    }

    .banner .mob-text h4,.banner .table>*>*>h4,.banner.long .table>*>*>h4,.banner.medium .table>*>*>h4 {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0
    }

    #register-fancy {
        background-size: 165px auto!important;
        padding: 60px 20px 25px
    }

    #register-fancy>h4 {
        margin-bottom: 10px;
        text-align: center
    }

    #register-fancy form>.grid>.c-3>.grid>.column {
        margin-top: 15px;
        width: 100%
    }

    #register-fancy form>.grid>.c-3>.grid>.column:first-child {
        margin-top: 0
    }

    .latestng .grid-sizer,.latestng article,.latestng article.w2 {
        width: 100%
    }

    #n-router .n-filters .column {
        width: 33.33%
    }
}

@media screen and (max-width: 420px) {
    .units-links>a>div>h3 {
        padding:5px 9px
    }
}

.banner .slides>li .container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.image.video.videobannerfull:after,.image.video.videobannerleft:after,.image.video.videobannerright:after,.image.video.videocontent:after {
    background-image: url(../images/play-big.png);
    height: 44px;
    width: 44px
}

.image.video.videobannerright:after {
    left: 10%;
    right: 50%
}

.image.video.videobannerleft:after {
    left: 50%;
    right: 10%
}

.banner .last {
    left: 50%
}

.banner .halftext {
    display: table;
    float: left;
    padding: 0 10px 10px;
    width: 50%
}

.banner .halftext:first-child,.banner .videocontent+.halftext {
    padding-top: 30px
}

.banner .videocontent {
    float: left;
    width: 50%
}

.banner .imageholder {
    width: 50%;
    display: table-cell;
    vertical-align: middle
}

.banner .content1 {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    width: 50%
}

.banner .halftext h1 {
    font-size: 23px;
    font-size: 2.3rem
}

.banner .content1 p {
    font-size: 13px;
    font-size: 1.3rem
}

.banner .halftext h4 {
    font-size: 17px;
    font-size: 1.7rem
}

@media screen and (max-width: 768px) {
    .banner .image.videocontent {
        display:block;
        float: none;
        margin: 0 auto 10px;
        width: 60%
    }

    .banner .halftext {
        width: 100%;
        float: none
    }

    .banner .halftext:last-child {
        padding-bottom: 30px
    }

    .banner .halftext:first-child,.banner .videocontent+.halftext {
        padding-top: 0
    }

    .banner .imageholder {
        vertical-align: top
    }
}

@media screen and (max-width: 640px) {
    .banner .image.videocontent {
        width:100%
    }
}

@media screen and (max-width: 560px) {
    .banner .halftext h1 {
        font-size:15px;
        font-size: 1.5rem;
        font-weight: 700
    }

    .banner .halftext h4 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.cf:after,.cf:before,.grid:after,.grid:before,.wrapper:after,.wrapper:before {
    content: "\0020";
    display: table
}

.cf:after,.grid:after,.wrapper:after {
    clear: both
}

.first {
    float: left
}

.last {
    float: right
}

.center {
    margin: 0 auto;
    text-align: center
}

.wrapper>.center {
    margin: 1.5em 0 40px
}

.wrapper>.center:first-child,.wrapper>section>.center:first-child {
    margin: 0 0 3em
}

.wrapper>.vertical-middle {
    margin-bottom: 1.5em
}

.vertical-middle {
    display: table;
    width: 100%
}

.vertical-middle>* {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.vertical-middle>.last {
    text-align: right
}

.vertical-middle .button {
    margin: 0
}

a.button {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 20px .5em .75em;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

main .button {
    margin: .25em 0 .75em
}

a.button:after {
    content: '';
    height: 9px;
    margin-top: -4px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 6px;
    z-index: 1
}

a.button.first {
    margin-right: 1em
}

a.button.first:last-of-type {
    margin-right: 0
}

.tech-specs a.button.first+span.first {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 0 0 1em
}

a.button.first+span.first {
    margin: 0
}

a.button.last {
    margin-left: 1em
}

a.button.last:last-of-type {
    margin-left: 0
}

a.button.blue,a.button.blue:hover:active {
    background-color: #00abe8
}

a.button.blue:hover {
    background-color: #008dbf
}

.rbu a.button.bus,.rbu a.button.bus:hover:active {
    background-color: #f7901e
}

.rbu a.button.bus:hover {
    background-color: #D37B1A
}

.cbu a.button.bus,.cbu a.button.bus:hover:active,.spbu a.button.bus,.spbu a.button.bus:hover:active {
    background-color: #a0218c
}

.cbu a.button.bus:hover,.spbu a.button.bus:hover {
    background-color: #8d1d7b
}

a.button:active {
    -webkit-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3)
}

a.button:before {
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
}

a.button.blue:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ZDdmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTkyYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#67d7fe 0,#0592c5 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#67d7fe),color-stop(100%,#0592c5));
    background: -webkit-linear-gradient(top,#67d7fe 0,#0592c5 100%);
    background: -o-linear-gradient(top,#67d7fe 0,#0592c5 100%);
    background: -ms-linear-gradient(top,#67d7fe 0,#0592c5 100%);
    background: linear-gradient(to bottom,#67d7fe 0,#0592c5 100%)
}

.rbu a.button.bus:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzc4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTdhMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fec78a),color-stop(100%,#de7a0b));
    background: -webkit-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -o-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -ms-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: linear-gradient(to bottom,#fec78a 0,#de7a0b 100%)
}

.cbu a.button.bus:before,.spbu a.button.bus:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjQ0IwMkI4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUYyRjk1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#CB02B8),color-stop(100%,#9F2F95));
    background-image: -webkit-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -moz-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -ms-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -o-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: linear-gradient(to bottom,#CB02B8 0,#9F2F95 100%)
}

a.download {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 0 2em 0 0;
    position: relative;
    text-decoration: none
}

a.download:hover {
    color: #5e514f
}

a.download:after {
    content: "";
    height: 13px;
    margin-top: -6px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 13px;
    z-index: 1;
    display: block
}

a.button.double {
    font-size: 8px;
    font-size: .8rem;
    line-height: 1;
    padding: .5em 1.25em;
    text-align: center
}

a.button.double span {
    display: block;
    font-size: 14px;
    margin-top: 2px;
    text-transform: none
}

a.button.double:after {
    background: 0 0
}

.ps_ResponsiveContainerStyle.ps_WtbButtonStyle {
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.ps_ResponsiveContainerStyle.ps_WtbButtonStyle:active {
    -webkit-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px 1px rgba(0,0,0,.3)
}

.rbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:active,.rbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:hover:active {
    background-color: #f7901e
}

.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:hover {
    background-color: #8d1d7b
}

.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle,.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:active,.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:hover:active {
    background-color: #a0218c
}

.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjQ0IwMkI4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUYyRjk1Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#CB02B8),color-stop(100%,#9F2F95));
    background-image: -webkit-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -moz-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -ms-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -o-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: linear-gradient(to bottom,#CB02B8 0,#9F2F95 100%)
}

.cbu .ps_ResponsiveContainerStyle.ps_WtbButtonStyle span {
    border-left-color: #c68ebd
}

.ps_PreLoadedStyle {
    background: #bfb6Ad!important;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2)!important;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2)!important
}

.ps_PreLoadedStyle.ps_ResponsiveContainerStyle.ps_WtbButtonStyle:before {
    display: none!important
}

.ps_PreLoadedStyle>a {
    background-color: #e0e0e0!important;
    color: #a5a5a5!important;
    cursor: default!important;
    -webkit-box-shadow: inset 0 0 7px 1px rgba(0,0,0,.1)!important;
    box-shadow: inset 0 0 7px 1px rgba(0,0,0,.1)!important
}

.ps_PreLoadedStyle.ps_ResponsiveContainerStyle.ps_WtbButtonStyle .ps_RightArrowStyle {
    border: 0!important;
    display: inline!important;
    margin: 0!important;
    vertical-align: top!important
}

.ps_PreLoadedStyle>a .ps_RightArrowStyle>span>span {
    border-left-color: #a5a5a5!important;
    margin-left: 0!important
}

.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.shadow,.slick,.slider>*>ul>li>.image {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3)
}

.drop-shadow,.slider>*>ul>li>.image {
    position: relative
}

.drop-shadow.curve {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMC4xNzI0MTQiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjAuMTgxMDM0IiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2cxKSIgLz48L3N2Zz4=) 100% 100%/100% 100px no-repeat;
    background-image: -webkit-gradient(linear,center bottom,center top,color-stop(0%,#fff),color-stop(17.2414%,#fff),color-stop(18.1034%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);
    background-image: -moz-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);
    background-image: -ms-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);
    background-image: -o-linear-gradient(bottom,#fff 0,#fff 20px,rgba(255,255,255,0) 21px);
    background-image: linear-gradient(to top,#fff 0,#fff 20px,rgba(255,255,255,0) 21px)
}

.inner-shadow-bot-grey {
    -webkit-box-shadow: inset 0 -12em 8em -8em rgba(0,0,0,.06);
    -moz-box-shadow: inset 0 -12em 8em -8em rgba(0,0,0,.06);
    box-shadow: inset 0 -12em 8em -8em rgba(0,0,0,.06)
}

.drop-shadow:before,.slider>*>ul>li>.image:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -2
}

.drop-shadow.curve:before {
    bottom: 0;
    height: 40px;
    left: 1%;
    right: 1%;
    -webkit-box-shadow: 0 12px 15px -10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 12px 15px -10px rgba(0,0,0,.3);
    box-shadow: 0 12px 15px -10px rgba(0,0,0,.3);
    -moz-border-radius: 50%;
    border-radius: 50%
}

.slick:before,.slider>*>ul>li>.image:before {
    background: rgba(0,0,0,.4);
    bottom: 0;
    height: 25%;
    margin-bottom: 1em;
    right: 1.4em;
    width: 50%;
    -webkit-box-shadow: 0 1.1875em 1.1875em .125em rgba(0,0,0,.4);
    -moz-box-shadow: 0 1.1875em 1.1875em .125em rgba(0,0,0,.4);
    box-shadow: 0 1.1875em 1.1875em .125em rgba(0,0,0,.4);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg)
}

.l-gradient-top-grey {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PHN0b3Agb2Zmc2V0PSIwLjE2NjY2NyIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#f1f1f1),color-stop(16.6667%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);
    background-image: -moz-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);
    background-image: -ms-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);
    background-image: -o-linear-gradient(top,#f1f1f1 0,rgba(255,255,255,0) 50px);
    background-image: linear-gradient(to bottom,#f1f1f1 0,rgba(255,255,255,0) 50px)
}

.l-gradient-bot-grey,.l-gradient-bot-grey.drop-shadow.curve {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2YxZjFmMSIvPjxzdG9wIG9mZnNldD0iMC4wNjY2NjciIHN0b3AtY29sb3I9IiNmMWYxZjEiLz48c3RvcCBvZmZzZXQ9IjAuNiIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+) 100% 100%/100% 180px no-repeat;
    background-image: -webkit-gradient(linear,center bottom,center top,color-stop(0%,#f1f1f1),color-stop(6.6667%,#f1f1f1),color-stop(60%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);
    background-image: -moz-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);
    background-image: -ms-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);
    background-image: -o-linear-gradient(bottom,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px);
    background-image: linear-gradient(to top,#f1f1f1 0,#f1f1f1 20px,rgba(255,255,255,0) 180px)
}

.r-gradient-bot-grey,.r-gradient-bot-grey.drop-shadow.curve {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjQyODU3MSIgc3RvcC1jb2xvcj0iI0YxRjFGMSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRkZGRkZGIiAvPjxyZWN0IHg9Ii0wLjg1ODclIiB5PSItMS43MTczJSIgd2lkdGg9IjEwMS43MTczJSIgaGVpZ2h0PSIyMDMuNDM0NiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(radial,50% 100%,0,50% 100%,385,color-stop(42.8571%,#F1F1F1),color-stop(100%,#FFF));
    background-image: -webkit-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 385px);
    background-image: -moz-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 385px);
    background-image: -ms-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 385px);
    background-image: -o-radial-gradient(center bottom,farthest-side,#F1F1F1 165px,#FFF 385px);
    background-image: radial-gradient(farthest-side at center bottom,#F1F1F1 165px,#FFF 385px);
    background-size: 100% 80px
}

.r-gradient-top-grey {
    background-color: transparent
}

.r-gradient-top-grey:after {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -3;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0icmdiKDI1NSwgMjU1LCAyNTUpIiAvPjxyZWN0IHg9IjAlIiB5PSItMTMxLjUlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNjMlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==) #f1f1f1;
    background-image: -webkit-gradient(radial,50% 0,0,50% 0,395,color-stop(0%,#f1f1f1),color-stop(100%,#fff));
    background-image: -webkit-radial-gradient(center top,closest-corner circle,#f1f1f1 0,#fff 100%);
    background-image: -moz-radial-gradient(center top,closest-corner circle,#f1f1f1 0,#fff 100%);
    background-image: -ms-radial-gradient(center top,closest-corner circle,#f1f1f1 0,#fff 100%);
    background-image: -o-radial-gradient(center top,closest-corner circle,#f1f1f1 0,#fff 100%);
    background-image: radial-gradient(closest-corner circle at center top,#f1f1f1 0,#fff 100%)
}

.date-box {
    height: 66px;
    width: 62px;
    text-align: center;
    color: #6d2b93;
    font-weight: 700;
    line-height: 1
}

.date-box .month {
    padding-top: 9px
}

.date-box .day {
    font-size: 24px;
    padding-top: 4px
}

.divider {
    border-bottom: 1px solid #ddd
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/ajax-loader-2.gif) 50% 50% no-repeat;
    background-color: rgba(255,255,255,.8)
}

body.loading .modal-loading {
    display: block
}

div.loading,section.loading,ul.loading {
    background: url(../images/ajax-loader-2.gif) 50% 50% no-repeat;
    min-height: 50px
}

p.loading {
    background: url(../images/ajax-loader-2.gif) 0 50% no-repeat;
    min-height: 31px
}

.thumb {
    display: inline-block
}

.thumb>.cta {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    padding-left: 23px;
    position: relative
}

.thumb>.cta:before {
    content: '';
    height: 19px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 19px;
    z-index: 1
}

.swimlane .thumb {
    float: left;
    margin-top: 5px
}

.swimlane .column.last .thumb {
    float: right
}

.fancybox-title-float-wrap .child {
    background: rgba(0,0,0,.7);
    padding: 2px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.ui-widget-content {
    background: #f9f9f9
}

.ui-menu {
    padding: 5px 0
}

.ui-menu .ui-menu-item a {
    padding: 2px .5em
}

.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    color: #333;
    border-color: transparent;
    background: #f8ddff;
    border-radius: 0
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-hover {
    color: #000
}

.placeholder {
    color: #aaa!important
}

.mob a.button {
    font-size: 12px;
    font-size: 1.2rem
}

.mob a.button.double {
    font-size: 8px;
    font-size: .8rem
}

.mob .ps_ResponsiveContainerStyle.ps_WtbButtonStyle {
    font-size: 12px;
    font-size: 1.2rem;
    padding: .5em 6px .5em .75em
}

.mob .ps_PreLoadedStyle {
    margin-top: 0!important
}

.mob .ps_PreLoadedStyle>a {
    font-size: 12px!important;
    font-size: 1.2rem!important;
    padding: .5em 6px .5em .75em!important
}

.mob .ps_PreLoadedStyle>a .ps_RightArrowStyle>span>span {
    margin: -2px 0 0!important
}

.mob main.product>section:first-child a.button.first+span.last {
    float: right
}

.mob .tech-specs a.button.first+span.first {
    margin-left: 0!important
}

.mob .tech-specs .ps_PreLoadedStyle {
    margin: .25em 0 .75em!important
}

.mob .newbtn {
    padding: .5em 15px .5em .3em
}

@media screen and (max-width: 640px) {
    .swimlane .column.last .thumb {
        float:left
    }
}

@media screen and (max-width: 560px) {
    .mob .center {
        text-align:left
    }

    .mob .wrapper>.center {
        margin-bottom: 2em
    }
}

img {
    max-width: 100%
}

img.center {
    display: block;
    margin: 0 auto 1em
}

figure>.image-wrapper,figure>a>.image-wrapper {
    margin-bottom: 1em
}

.image-wrapper {
    max-width: 50%
}

.image-wrapper.xs {
    max-width: 100px;
    max-width: 10rem
}

.image-wrapper.s {
    max-width: 200px;
    max-width: 20rem
}

.image-wrapper.m {
    max-width: 300px;
    max-width: 30rem
}

.image-wrapper.ml {
    max-width: 350px;
    max-width: 35rem
}

.image-wrapper.l {
    max-width: 400px;
    max-width: 40rem
}

.image-wrapper.xl {
    max-width: 500px;
    max-width: 50rem
}

.image {
    background-color: #f3f3f3;
    display: block;
    height: 0;
    position: relative
}

.image.auto {
    display: inline-block;
    height: auto;
    max-width: 100%
}

.image.blank {
    background-color: transparent
}

.gallery .image.main.auto,.image.border.auto,.slider>*>ul>li>.image.auto {
    border: 5px solid #fff
}

.gallery .image.main.rectangle img,.gallery .image.main.square img,.image.border.rectangle img,.image.border.square img,.slider>*>ul>li>.image.rectangle img,.slider>*>ul>li>.image.square img {
    padding: 5px
}

.gallery .image.main.rectangle:after,.gallery .image.main.square:after,.image.border.rectangle:after,.image.border.square:after,.slider>*>ul>li>.image.rectangle:after,.slider>*>ul>li>.image.square:after {
    border: 5px solid #fff;
    bottom: 0;
    content: '';
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 10000
}

.slider>*>ul>li>.image {
    display: block;
    margin: 5px 5px 25px
}

.slider>*>ul>li>.image.auto {
    max-height: 500px
}

.slider>*>ul>li>.image.auto img {
    max-height: 490px
}

.image.rectangle>.video,.image.square>.video {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10001
}

.image.square {
    padding-bottom: 100%
}

.image.rectangle {
    padding-bottom: 66.591%
}

.gallery .image.main.rectangle,.image.border.rectangle,.slider>*>ul>li>.image.rectangle {
    padding-bottom: 67.365%
}

.image.square.first,.image.square.last {
    width: 40%;
    padding-bottom: 40%
}

.image.rectangle.first,.image.rectangle.last {
    width: 40%;
    padding-bottom: 26.64%
}

.image.auto.first,.image.auto.last {
    max-width: 40%
}

.image-wrapper.first,.image.first,img.first {
    margin-right: 1em
}

.image-wrapper.last,.image.last,img.last {
    margin-left: 1em
}

.image img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 0
}

.image.auto img {
    position: static;
    display: block
}

.image img[data-border=true] {
    max-height: 90%;
    max-height: 90%
}

figure>.image {
    margin-bottom: 1em
}

figure>.image.first,figure>.image.last {
    margin-bottom: 0
}

.compare .filter h6:after,.compare .filter>h5:after,.compare .flex-direction-nav a:after,.compare-table .remove:after,.compare-table .yes:after,.date-box,.desktop header .dropdown a.icon span:after,.desktop header .main-nav .dropdown .column>ul>li>a:after,.desktop header .main-nav .dropdown .column>ul>li>h6>a:after,.desktop header .main-nav .dropdown figcaption>a:after,.filter-nav h6:before,.filter.filter-nav .more-less .less:after,.filter.filter-nav .more-less .more:after,.filter.vertical h6:before,.filtered-search .filter-nav .selected .remove:after,.flex-direction-nav a,.grid .share:after,.grid.latest .column h5>a:after,.hh .filter h6:after,.hh .filter-nav h6:after,.hh .filter-nav>h5:after,.hh .filter>h5:after,.hh .left-navigation .left-nav>ul>li>a:after,.hh header .main .search-hh:after,.hh header .main .show-nav-hh:after,.hh header .main-nav>nav>ul>li>a:after,.hh header .secondary-nav .bu-select-hh>a h6:after,.hh header .secondary-nav nav.last .country>a:after,.hh header li .dropdown .grid .column .slide+ul a:after,.hh header li .dropdown .grid .column .slide:after,.hh header li .dropdown .grid .column figcaption>a:after,.hh header li .dropdown .grid .column>ul>li a:after,.latest .more:after,.latestng article .more:after,.latestng article>.wrap>a:before,.mob .tabs-slides .accordion:after,.r-table .yes:after,.remove-compare:after,.remove:after,.search-bar .search-submit:after,.search-bar .submit:after,.share-box a:after,.show-more-link:after,.slide a:after,.tab.service-plan .table .yes:after,.thumb>.cta:before,.units-links>a h3:after,a.button:after,a.download:after,a.grid-view:after,a.list-view:after,footer .social a,header .social .icon,header nav li.country a:after {
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat
}

.image.auto>.video:after,.image.rectangle>.video:after,.image.square>.video:after,.image.video-icon:after,.image.video:after {
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    background-image: url(../images/play.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 solid transparent;
    bottom: 0;
    content: '';
    height: 34px;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    z-index: 100;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 3px -1px rgba(255,255,255,.1);
    box-shadow: 0 0 3px -1px rgba(255,255,255,.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.image.auto>.video:hover:after,.image.rectangle>.video:hover:after,.image.square>.video:hover:after,.image.video-icon:hover:after,.image.video:hover:after {
    border: 5px solid transparent;
    -webkit-box-shadow: 0 0 5px 2px rgba(255,255,255,.2);
    box-shadow: 0 0 5px 2px rgba(255,255,255,.2);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.image.auto>.video:active:after,.image.rectangle>.video:active:after,.image.square>.video:active:after,.image.video-icon:active:after,.image.video:active:after {
    background-color: rgba(0,0,0,.5);
    border: 4px solid rgba(0,0,0,.8);
    -webkit-box-shadow: none;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.5)
}

.units-links>a h3:after,a.button:after {
    background-position: -21px -112px
}

.search-bar .search-submit:after,.search-bar .submit:after {
    background-position: -21px -97px
}

main .search-bar .submit:after {
    background-position: -146px -146px
}

.filtered-search .filter-nav .selected .remove:after {
    background-position: -101px -97px
}

header nav li.country a:after {
    background-position: -31px -112px
}

header .social .blog {
    width: 20px;
    background-position: -100px -1px
}

header .social .blog:hover {
    background-position: -100px -23px
}

header .social .linkedin {
    width: 20px;
    background-position: -78px -1px
}

header .social .linkedin:hover {
    background-position: -78px -23px
}

header .social .twitter {
    width: 21px;
    background-position: -1px -1px
}

header .social .twitter:hover {
    background-position: -1px -23px
}

header .social .facebook {
    width: 8px;
    background-position: -24px -1px
}

header .social .facebook:hover {
    background-position: -24px -23px
}

header .social .youtube {
    width: 20px;
    background-position: -34px -1px
}

header .social .youtube:hover {
    background-position: -34px -23px
}

header .social .googleplus {
    width: 20px;
    background-position: -202px -1px
}

header .social .googleplus:hover {
    background-position: -202px -23px
}

header .social .instagram {
    width: 20px;
    background-position: -224px -1px
}

header .social .instagram:hover {
    background-position: -224px -23px
}

header .social .sharethis {
    width: 20px;
    background-position: -56px -1px
}

header .social .sharethis:hover {
    background-position: -56px -23px
}

header .social .weibo {
    width: 21px;
    background-position: -126px -1px
}

header .social .weibo:hover {
    background-position: -126px -23px
}

header .social .youku {
    width: 49px;
    background-position: -152px -1px
}

header .social .youku:hover {
    background-position: -152px -23px
}

.thumb>.cta:before {
    background-position: -124px -146px
}

.desktop header .dropdown a.icon span:after,.desktop header .main-nav .dropdown .column>ul>li>a:after,.desktop header .main-nav .dropdown .column>ul>li>h6>a:after,.desktop header .main-nav .dropdown figcaption>a:after {
    background-position: -63px -112px
}

.tablet header .main .show-nav-hh:after {
    background-position: -65px -123px
}

.mob header .main .show-nav-hh:after {
    background-position: -97px -123px
}

.tablet header .main .search-hh:after {
    background-position: -42px -169px
}

.mob header .main .search-hh:after {
    background-position: -124px -123px
}

.hh header .secondary-nav .bu-select-hh>a h6:after {
    background-position: -42px -112px
}

.hh header .secondary-nav .bu-select-hh>a.active h6:after {
    background-position: -52px -112px
}

.hh header .secondary-nav nav.last .country>a:after {
    background-position: -42px -112px
}

.hh header .secondary-nav nav.last .country>a.active:after {
    background-position: -52px -112px
}

.hh header li .dropdown .grid .column .slide:after {
    background-position: -146px -123px
}

.hh header li .dropdown .grid .column .slide.active:after {
    background-position: -146px -137px
}

.hh header li .dropdown .grid .column .slide+ul a:after,.hh header li .dropdown .grid .column figcaption>a:after {
    background-position: -70px -112px
}

.hh header li .dropdown .grid .column>ul>li a:after {
    background-position: -63px -112px
}

a.download:after {
    background-position: -71px -98px
}

.grid .share:after {
    background-position: -106px -145px
}

.latest .more:after {
    background-position: -56px -97px
}

.show-more-link:after {
    background-position: -114px -97px
}

.show-more-link.on:after {
    background-position: -114px -104px
}

.filter.filter-nav .more-less .more:after {
    background-position: -114px -97px
}

.filter.filter-nav .more-less .less:after {
    background-position: -114px -104px
}

.compare-table .remove:after {
    background-position: -78px -112px
}

.filter-nav h6:before,.filter.vertical h6:before {
    background-position: -146px -97px
}

.filter-nav h6.active:before,.filter.vertical h6.active:before {
    background-position: -146px -112px
}

.compare .filter>h5:after,.hh .filter-nav>h5:after,.hh .filter>h5:after {
    background-position: -146px -97px
}

.compare .filter>h5.active:after,.hh .filter-nav>h5.active:after,.hh .filter>h5.active:after {
    background-position: -146px -112px
}

.compare .filter h6:after,.hh .filter h6:after,.hh .filtered-search h6:after {
    background-position: -159px -97px
}

.compare .filter h6.active:after,.hh .filter h6.active:after,.hh .filtered-search h6.active:after {
    background-position: -159px -113px
}

footer .social .linkedin {
    width: 24px;
    background-position: -176px -45px
}

.splash footer .social .linkedin,footer .social .linkedin:hover {
    background-position: -202px -45px
}

footer .social .blog {
    width: 27px;
    background-position: -89px -45px
}

.splash footer .social .blog,footer .social .blog:hover {
    background-position: -118px -45px
}

footer .social .twitter {
    width: 23px;
    background-position: -1px -45px
}

.splash footer .social .twitter,footer .social .twitter:hover {
    background-position: -1px -71px
}

footer .social .facebook {
    width: 11px;
    background-position: -26px -45px
}

.splash footer .social .facebook,footer .social .facebook:hover {
    background-position: -26px -71px
}

footer .social .youtube {
    width: 24px;
    background-position: -39px -45px
}

.splash footer .social .youtube,footer .social .youtube:hover {
    background-position: -39px -71px
}

footer .social .googleplus {
    width: 24px;
    background-position: -272px -45px
}

.splash footer .social .googleplus,footer .social .googleplus:hover {
    background-position: -298px -45px
}

footer .social .instagram {
    width: 24px;
    background-position: -272px -71px
}

.splash footer .social .instagram,footer .social .instagram:hover {
    background-position: -298px -71px
}

footer .social .sharethis {
    width: 22px;
    background-position: -65px -45px
}

.splash footer .social .sharethis,footer .social .sharethis:hover {
    background-position: -65px -71px
}

footer .social .weibo {
    width: 31px;
    background-position: -177px -149px
}

.splash footer .social .weibo,footer .social .weibo:hover {
    background-position: -210px -149px
}

footer .social .youku {
    width: 76px;
    background-position: -177px -70px
}

.splash footer .social .youku,footer .social .youku:hover {
    background-position: -177px -96px
}

.spbu footer .social .linkedin {
    background-position: -228px -45px
}

.spbu footer .social .blog {
    background-position: -147px -45px
}

.spbu footer .social .twitter {
    background-position: -89px -71px
}

.spbu footer .social .facebook {
    background-position: -114px -71px
}

.spbu footer .social .youtube {
    background-position: -127px -71px
}

.spbu footer .social .weibo {
    width: 31px;
    background-position: -243px -149px
}

.spbu footer .social .youku {
    width: 76px;
    background-position: -177px -122px
}

.spbu footer .social .googleplus {
    background-position: -324px -45px
}

.spbu footer .social .instagram {
    background-position: -324px -71px
}

.spbu footer .social .sharethis {
    background-position: -153px -71px
}

.spbu footer .social .linkedin:hover {
    background-position: -176px -45px
}

.spbu footer .social .blog:hover {
    background-position: -89px -45px
}

.spbu footer .social .twitter:hover {
    background-position: -1px -45px
}

.spbu footer .social .facebook:hover {
    background-position: -26px -45px
}

.spbu footer .social .youtube:hover {
    background-position: -39px -45px
}

.spbu footer .social .googleplus:hover {
    background-position: -272px -45px
}

.spbu footer .social .instagram:hover {
    background-position: -272px -71px
}

.spbu footer .social .sharethis:hover {
    background-position: -65px -45px
}

.spbu footer .social .weibo:hover {
    width: 31px;
    background-position: -243px -149px
}

.spbu footer .social .youku:hover {
    width: 76px;
    background-position: -177px -122px
}

.footer-nl .nl-input .submit:after {
    background-image: url(../images/newsletter.png)
}

.grid.latest .column .blog h5>a:after {
    background-position: -118px -45px;
    width: 27px
}

.grid.latest .column .twitter h5>a:after {
    background-position: -1px -71px;
    width: 23px
}

.grid.latest .column .youtube h5>a:after {
    background-position: -39px -71px;
    width: 24px
}

.grid.latest .column .facebook h5>a:after {
    background-position: -26px -71px;
    width: 11px
}

.compare-table .yes:after,.r-table .yes:after,.tab.service-plan .table .yes:after {
    background-position: -161px -122px
}

.date-box {
    background-position: 0 -206px
}

.compare .flex-direction-nav .flex-prev:after,.flex-direction-nav .flex-prev,.slide a.prev:after {
    background-position: -1px -97px
}

.compare .flex-direction-nav .flex-next:after,.flex-direction-nav .flex-next,.slide a.next:after {
    background-position: -1px -132px
}

.hh .left-navigation .left-nav>ul>li>a:after,.hh header .main-nav>nav>ul>li>a:after,.mob .tabs-slides .accordion:after {
    background-position: -125px -97px
}

.hh .left-navigation .left-nav>ul>li>a.active:after,.hh header .main-nav>nav>ul>li>a.active:after,.mob .tabs-slides .accordion.active:after {
    background-position: -125px -117px
}

.filter-selectors a.grid-view:after {
    background-position: -42px -123px;
    height: 21px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.filter-selectors a.grid-view.active:after {
    background-position: -42px -146px
}

.filter-selectors a.list-view:after {
    background-position: -21px -123px;
    height: 17px;
    width: 19px;
    margin-top: -8px;
    margin-left: -9px
}

.filter-selectors a.list-view.active:after {
    background-position: -21px -146px
}

.remove:after {
    background-position: -101px -97px;
    content: '';
    position: absolute;
    height: 10px;
    width: 10px
}

.remove-compare:after {
    content: '';
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    z-index: 1;
    background-position: -101px -97px
}

@media screen and (max-width: 840px) {
    figure .image {
        margin-bottom:1em
    }

    figure.swimlane .image {
        margin-bottom: 0
    }
}

.pagination {
    margin: 20px 0
}

.pagination-centered {
    text-align: center
}

.pagination ul {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    padding: 0;
    margin: 0
}

.pagination ul>li {
    display: inline;
    line-height: 20px
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.pagination ul>li>a,.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul>.active>a,.pagination ul>.active>span {
    color: #999;
    cursor: default;
    font-weight: 700
}

.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.pagination-mini ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>a,.pagination-small ul>li:first-child>span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px
}

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

html {
    font-size: 62.5%;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-y: visible;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

html.noscroll,html.noscroll body.hh-only {
    overflow: hidden;
    position: relative
}

html.noscroll body.hh-only #wrapper {
    overflow: hidden
}

body {
    /* background: #eaeaea; */
    color: #7d706c;
    font-family: Arial,Helvetica,sans-serif;
    height: 100%
}

nav#navbar.ntgr-nav {
    padding: 31px 17px !important;
}

#nighthawk .r-table.fixed.c-6 table {
    width: 1350px;
}

#nighthawk .r-table.fixed.c-6 .l-col {
    width: 225px;
    height: 1225px;
}

.about-pages .filter-results > .inactive {
    display: none;
}

main.product .tab ul.icons .main p {
    word-break: break-word;
}

/*for span button*/
span.button.buy-tracking {
    cursor: default;
    color: #fff;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 20px .5em .75em;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    margin-left: 0;
    background-color: #f7901e;
}

/*span.button.buy-tracking:hover {
    background-color: #D37B1A;
}*/
span.button.buy-tracking:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fec78a),color-stop(100%,#de7a0b));
    background: -webkit-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -o-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: -ms-linear-gradient(top,#fec78a 0,#de7a0b 100%);
    background: linear-gradient(to bottom,#fec78a 0,#de7a0b 100%);
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}

span.button.buy-tracking:after {
    content: '';
    height: 9px;
    margin-top: -4px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 6px;
    z-index: 1;
    background-color: transparent;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -21px -112px;
}

/*for span button ends*/
#wrapper .product span.button.buy-tracking {
    margin: .25em 0 .75em .5rem;
    padding: .5em .75em .5em .75em;
}

#wrapper .product span.button.buy-tracking::after {
    display: none;
}

@media screen and (max-width: 560px) {
    #wrapper .product span.button.buy-tracking {
        font-size: 1.2rem;
    }
}

/* Contact Us Pop-up */
.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

.lightbox-demo {
    padding: 5px 15px;
    width: 100%;
    max-width: 715px;
    text-align: center;
}

.lightbox-demo h2 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.lightbox-demo p {
    margin: 0;
}

.lightbox-demo .holder-content {
    background: #fff;
    padding: 15px 12px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.lightbox-demo .holder-content h2 {
    margin-bottom: 5px;
}

.lightbox-demo .holder-content li {
    margin-bottom: 5px;
}

.lightbox-demo a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
}

.lightbox-demo a:hover {
    color: #0189c6;
}

.lightbox-demo a .icon {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 4px 0 0;
    font-size: 0;
    line-height: 0;
}

.lightbox-demo a .icon.email {
    padding-top: 2px;
}

.lightbox-demo a .text {
    display: inline-block;
    vertical-align: middle;
}

.lightbox-demo .logo-text {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    line-height: 20px;
    margin: -3px 0 22px;
}

.lightbox-demo .logo-text a {
    border-bottom: 1px solid #15c;
}

.lightbox-demo address {
    font-style: normal;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
}

.lightbox-demo .contact-list {
    margin: 0 0 35px;
}

.lightbox-demo .contact-list li {
    margin: 0 0 3px;
}

.lightbox-demo .contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fancybox-skin {
    padding: 0px !important;
}

/*button like PS*/
a.buynowBtnLink {
    display: inline-block;
    background-color: #a0218c;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 10px .5em .75em;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin: .25em 0 .75em;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

a.buynowBtnLink:hover {
    background-color: #8d1d7b;
}

a.buynowBtnLink:before {
    background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0%,#CB02B8),color-stop(100%,#9F2F95));
    background-image: -webkit-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -moz-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -ms-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: -o-linear-gradient(top,#CB02B8 0,#9F2F95 100%);
    background-image: linear-gradient(to bottom,#CB02B8 0,#9F2F95 100%);
    background: linear-gradient(to bottom,#CB02B8 0,#9F2F95 100%);
    bottom: -1px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1;
}

span.buyLinkArrow {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #c68ebd;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -4px 0 0 5px;
}

/*button like PS*/
/*Trademark Description in Footer*/
footer .trademark-description {
    color: #262626;
    margin: 10px auto;
    text-align: center;
    bottom: auto;
    top: -30px;
    position: absolute;
}

footer .trademark-description p {
    position: relative !important;
}

@media screen and (min-width: 961px) {
    footer .trademark-mobile {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    footer .trademark-description {
        display: none;
    }

    footer .trademark-mobile {
        color: #262626;
        padding: 0 20px 10px;
    }

    footer .trademark-mobile p {
        position: relative !important;
    }
}

/*new footer changes start*/
main footer {
    height: 27rem;
    background: none !important;
}

@media screen and (max-width: 960px) {
    footer {
        height: auto;
    }
}

main footer img {
    display: none;
}

footer nav a {
    color: #262626;
}

footer .social a {
    background-color: transparent;
    background-image: url(../images/new-sprite-icons.png);
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
}

footer .social .facebook,footer .social .facebook:hover {
    width: 26px;
    background-position: 0px 0px;
}

footer .social .twitter, footer .social .twitter:hover {
    width: 26px;
    background-position: -27px 0px;
}

footer .social .youtube, footer .social .youtube:hover {
    width: 26px;
    background-position: -54px 0px;
}

.spbu footer .social .youtube, .spbu footer .social .youtube:hover {
    background-position: -54px 0px;
}

footer .social .instagram, footer .social .instagram:hover {
    width: 26px;
    background-position: -81px 0px;
}

footer .social .blog, footer .social .blog:hover {
    width: 26px;
    background-position: -109px 0px;
}

footer .social .linkedin, footer .social .linkedin:hover {
    width: 26px;
    background-position: -136px 0px;
}

.spbu footer .social .linkedin, .spbu footer .social .linkedin:hover {
    background-position: -136px 0px;
}

footer .copy {
    color: #262626;
    left: auto;
    right: 0;
    padding-right: 10px;
}

footer .social {
    right: auto;
    left: 0;
}

.cbu footer .copy, .cbu footer nav a, .spbu footer .copy, .spbu footer nav a {
    color: #262626;
}

footer .social>ul>li {
    margin-left: 1em;
}

@media screen and (max-width: 640px) {
    footer .social>ul>li {
        margin-left: 5px;
    }
}

footer .main {
    padding: 10% 0 0;
    border-bottom: 1px solid #e2e2e2;
}

@media screen and (max-width: 1440px) {
    footer .main {
        padding: 12% 0 0;
    }
}

@media screen and (max-width: 1280px) {
    footer .main {
        padding: 12% 0 0;
    }
}

footer .main a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 64em) {
    .home-footer > .wrapper {
        display: flex;
        padding: 0;
    }
}

/*new footer changes ends*/
/*ps 3.0 css starts*/
.ps-widget.ps-enabled {
    display: block !important;
}

.ps-widget.ps-enabled .ps-button-label {
    background-color: #f7901e;
    border-radius: 0px;
    margin: .25em 0 .75em;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 10px .5em .75em;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    float: none;
}

.ps-widget.ps-enabled .ps-button-label:hover {
    background-color: #d37b1a;
    border-radius: 0px;
    margin: .25em 0 .75em;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    padding: .5em 10px .5em .75em;
}

/*
.ps-widget.ps-enabled .ps-button-label:hover, 
div.ps-widget.ps-enabled .ps-button-label:hover {
	background-color: #d37b1a;
	border-radius: 0px;
	margin: .25em 0 .75em;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.5;
	padding: .5em 10px .5em .75em;
}
*/
span.ps-button-label::before {
    background: linear-gradient(to bottom, #FEC78A 0px, #DE7A0B 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -1px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1;
}

span.ps-button-label::after {
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fbc88f;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin: -4px 0 0 8px;
}

@media screen and (min-width: 1025px) {
    .ps-widget.ps-enabled .ps-button-label:hover {
        background-color: #d37b1a;
        border-radius: 0px;
        margin: .25em 0 .75em;
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.5;
        padding: .5em 10px .5em .75em;
    }
}

.tab .ps-widget.ps-enabled {
    display: inline-block !important;
    margin-left: 10px;
    margin-bottom: 0;
}

.tab .ps-widget.ps-enabled .ps-button-label {
    margin: 0.19em 0 .75em;
}

.tab .ps-widget.ps-enabled .ps-button-label:hover {
    margin: 0.19em 0 .75em;
}

/* font avenirnextltpro-regular*/
@font-face {
    font-family: "AvenirNextLTPro-Regular";
    src: url("../../fonts/avenirnextltprolight/avenirnextltprolight.eot");
    /* IE9 Compat Modes */
    src: url("../../fonts/avenirnextltprolight/avenirnextltprolight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../fonts/avenirnextltprolight/avenirnextltprolight.otf") format("opentype"), /* Open Type Font */ url("../../fonts/avenirnextltprolight/avenirnextltprolight.svg") format("svg"), /* Legacy iOS */ url("../../fonts/avenirnextltprolight/avenirnextltprolight.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../fonts/avenirnextltprolight/avenirnextltprolight.woff2") format("woff2"), /* Modern Browsers */ url("../../fonts/avenirnextltprolight/avenirnextltprolight.woff") format("woff");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.ps-product-details > h1.ps-product-name {
    font-family: "AvenirNextLTPro-Regular" !important;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal !important;
}

/*PS 3.0 css ends*/
/*support search page secondary footer*/
#supporthome > .highlight, #supporthome #contact-support {
    clear: both;
}

.contact-support .drawer {
    border-bottom: 1px solid #e1e1e1;
    /* display: none; */
}

.contact-support .wrapper {
    margin: 0 auto;
    padding: 0 25px;
    width: 100%;
}

.contact-support .block:first-child {
    border: 0;
}

.contact-support .block {
    border-top: 1px solid #e1e1e1;
    padding: 45px 0;
}

.live-chat-support-col {
    padding: 0 65px;
    margin-top: 35px;
}

.contact-support a.arrow {
    display: inline-block;
    padding-right: 12px;
    position: relative;
}

.live-chat-support-col a.arrow {
    display: block;
    float: right;
}

.contact-support .block a {
    font-weight: 700;
    margin-top: 1em;
}

.contact-support h3 {
    font-size: 2.4rem;
    color: #100C10;
    font-weight: 700;
}

.contact-support a.arrow:after {
    content: '>';
    font-family: ngicons;
    font-size: 9px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    transition: right 200ms ease;
    top: 50%;
}

.contact-support .grid > .col {
    display: inline-block;
    font-size: 10px;
    font-size: 1rem;
    margin: 0;
    vertical-align: top;
}

.contact-support .block .col {
    margin-top: 15px;
    margin-bottom: 15px;
}

.contact-support h6 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0;
}

.contact-support ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1em;
}

.contact-support ul li {
    position: relative;
    margin-top: 0.75em;
}

.contact-support ul li:before {
    color: #009dd9;
    content: "\2022";
    left: -1em;
    position: absolute;
}

.contact-support a {
    color: #1a0dab;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    text-decoration: none;
}

.home-footer h3 {
    color: #100C10;
}

.home-footer .col ul li a {
    color: #100C10;
}

.home-footer .col.col2 {
    width: 33.33%;
}

.support-ref main[data-controller="SearchResults"] {
    padding-bottom: 0;
}

main[data-controller="SearchResults"] .highlight.t1 {
    background-color: #100C10;
    padding-bottom: 15px;
    padding-top: 15px;
}

#supporthome > .highlight, #supporthome #contact-support {
    clear: both;
}

#supportproduct .bottom-highlight, #supporthome .bottom-highlight, #kb-article-page .bottom-highlight, #downloadcenter .bottom-highlight, #landingdecisiontree .bottom-highlight {
    padding: 50px 0;
}

main[data-controller="SearchResults"] .highlight.bottom-highlight {
    padding: 30px 0;
    margin-top: 30px;
}

.bottom-highlight .wrapper {
    margin: 0 auto;
    padding: 0 25px;
    width: 100%;
    text-align: left;
    max-width: 100%;
}

main[data-controller="SearchResults"] .highlight h1, main[data-controller="SearchResults"] .highlight h2,main[data-controller="SearchResults"] .highlight h3, main[data-controller="SearchResults"] .highlight h4, main[data-controller="SearchResults"] .highlight h5, main[data-controller="SearchResults"] .highlight h6, main[data-controller="SearchResults"] .highlight p, main[data-controller="SearchResults"] .highlight a, main[data-controller="SearchResults"] .highlight label {
    color: #fff;
    font-size: 2.0rem;
    line-height: 1.25;
    margin: 0;
}

#supportproduct .bottom-highlight h2 + p, #supporthome .bottom-highlight h2 + p, #kb-article-page .bottom-highlight h2 + p, #downloadcenter .bottom-highlight h2 + p, #landingdecisiontree .bottom-highlight h2 + p {
    margin-top: 0.75em;
}

#supportproduct .bottom-highlight .col + .col a, #supporthome .bottom-highlight .col + .col a, #kb-article-page .bottom-highlight .col + .col a, #downloadcenter .bottom-highlight .col + .col a, #landingdecisiontree .bottom-highlight .col + .col a {
    margin-top: 1.5em;
}

main[data-controller="SearchResults"] .highlight .btn {
    background-color: #00a5e1;
    border-bottom: 2px solid #1288b7;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 17px 30px;
    position: relative;
    transition: all 200ms ease-in-out;
    white-space: nowrap;
    margin-top: 1.5em;
}

main[data-controller="SearchResults"] .highlight.bottom-highlight p {
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0.75em;
}

main[data-controller="SearchResults"] .highlight.bottom-highlight .show-com-posts {
    display: none;
}

main[data-controller="SearchResults"] ~ #footer .brand a.logo {
    border: none 0px;
    padding: 3px 19px 28px 0px;
}

main[data-controller="SearchResults"] ~ #footer img {
    display: block;
}

.support-ref #wrapper {
    max-width: 1440px;
    margin: 0 auto;
}

@media screen and (min-width: 40em) {
    .contact-support .block .grid {
        margin: 0 -30px;
    }

    .live-chat-support-col {
        padding: 0 30px;
        position: relative;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .live-chat-support-col p {
        float: left;
        width: 60%;
    }

    .contact-support .block .col {
        padding: 0 30px;
        position: relative;
        width: 100%;
    }

    .contact-support .block .col:before, .contact-support .block .col:after {
        background-color: #e1e1e1;
        bottom: 0;
        content: '';
        position: absolute;
        top: 0;
        width: 1px;
    }

    .contact-support .block .col:before {
        left: -1px;
    }

    .contact-support .block .col:before, .contact-support .block .col:after {
        background-color: #e1e1e1;
        bottom: 0;
        content: '';
        position: absolute;
        top: 0;
        width: 1px;
    }

    .contact-support .block .col:first-child:before, .contact-support .block .col:last-child:after {
        display: none;
    }

    .contact-support .block .col:after {
        right: 0;
    }

    .highlight.bottom-highlight {
        padding: 50px 0;
    }

    .bottom-highlight .inner {
        display: table;
        width: 100%;
    }

    .bottom-highlight .col {
        display: table-cell;
        vertical-align: middle;
    }

    .bottom-highlight .col + .col {
        text-align: right;
    }

    .bottom-highlight .col + .col a {
        margin: 0;
    }
}

@media screen and (min-width: 50em) {
    .contact-support .drawer .wrapper {
        padding: 0 25px;
    }

    .contact-support .block {
        padding-bottom: 55px;
    }

    .contact-support .block .grid {
        margin: 0 -20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
    }

    .live-chat-support-col {
        padding: 0 20px;
    }

    .contact-support .block a {
        margin-top: 1.25em;
    }

    .contact-support .block .col {
        padding: 0 20px;
    }

    .contact-support h6 {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: 700;
    }

    .contact-support .block ul {
        margin-top: 1em;
    }

    main[data-controller="SearchResults"] .highlight h2 {
        color: #fff;
        font-size: 3.2rem;
    }
}

@media screen and (min-width: 1024px) {
    .home-footer .wrapper.center .col.col2 {
        width: 33.34%;
    }
}

@media screen and (max-width: 640px) {
    .live-chat-support-col {
        margin-top: 15px;
        padding: 0;
    }

    .live-chat-support-col a.arrow {
        float: none;
        display: inline-block;
    }
}

@media screen and (max-width: 480px) {
    main[data-controller="SearchResults"] ~ #footer img {
        display: inline-block;
    }
}

main[data-controller="SearchResults"] .drawer p, main[data-controller="SearchResults"] .drawer li, main[data-controller="SearchResults"] .drawer ol {
    color: #333;
    font-size: 1.5rem;
}

main[data-controller="SearchResults"] ~ .home-footer a {
    font-size: 1.5rem;
}

/*support search page secondary footer*/
/*search page font color update*/
main[data-controller="SearchResults"] h1, main[data-controller="SearchResults"] a, main[data-controller="SearchResults"] .filter h5, main[data-controller="SearchResults"] .filtered-search .suggestions, main[data-controller="SearchResults"] .filtered-search .synonyms {
    color: #262626;
}

header .shop_now .btn {
    margin: 5px 0 0 5px;
}

header .main-nav>nav>ul>li>a {
    padding: 12px 5px 33px;
}

@media (min-width: 960px) {
    header .logo img {
        width: 60%;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumb {
        display: none;
    }
}

.mobile-fixed-shopnow {
    margin-top: 100px;
}

body.tablet .mobile-fixed-shopnow {
    margin-top: 0;
    position: relative;
    top: 110px;
}

body.desktop .mobile-fixed-shopnow {
    display: none;
}

body.about .mobile-fixed-shopnow {
    margin-top: 0;
    position: static;
}

.about .header_desktop_nav_item {
    margin-left: 8px;
}

@media screen and (min-width: 1024px) {
    .about .header_desktop_nav_item {
        margin-left: 10px;
    }
}

@media screen and (min-width: 1280px) {
    .about .header_desktop_nav_item {
        margin-left: 15px;
    }

    body.about .header_desktop_nav_item > a {
        font-size: 15px;
    }
}

.compare-carousel .add-to-cart {
    float: none;
}

/*Updated Styling for Promotion*/
.filtered-search .results #key-match-results {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
}

.filtered-search .results #key-match-results h4 a {
    color: #000;
}

.filtered-search .results-list h5:first-of-type {
    display: none;
}

.filtered-search .results-list h5:first-of-type.active {
    display: block;
}

@media screen and (min-width: 768px) {
    .filtered-search .results #key-match-results h4 a {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .filtered-search .results #key-match-results p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/*search featured product img*/
.results-list .featuredImg {
    max-width: 150px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px 10px 0;
    float: left;
}

.product .affirm-as-low-as {
    font-weight: normal;
    margin-bottom: 2px;
}

.product .affirm-as-low-as + .product_stock {
    padding-left: 1px;
}