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

blockquote,q{
    quotes:none
}

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

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

caption,th,td{
    font-weight:normal;
    text-align:left
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    font-weight: normal;
    clear:both
}

html{overflow-y:scroll;font-size:100%;}

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

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

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

del{color:#333}

ins{
    background:#fff9c0;
    text-decoration:none
}

hr{
    background-color:#ccc;
    border:0;
    height:1px;
    margin:24px;
    margin-bottom:1.714285714rem
}

sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}

sup{top:-0.5rem}

sub{bottom:-0.25rem}

small{font-size:smaller}

img{border:0;}a

              {text-decoration:none}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #222;
    border-radius: 0;
}


html {
    background-color: #f5f5f5;
}

body {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}

.not-on-desktop {
    display: none;
    visibility: hidden;
}

h1 {
    font-size: 30px;
    margin-bottom: 24px;
    line-height: 38px;
}

.about-ricoh {
    overflow: hidden;
}

.break-url-link {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


p > .arrow-right:hover {
    text-decoration: none;
    /*border-bottom: 1px solid #0b51b3;*/
}



/* ----- Arabic template ----- */

.rtl {
    direction: rtl;
}

.rtl .pagination-bar li+li,
.rtl .pagination-bar a+a {
    margin-left: 0;
    margin-right: 8px;
}

.rtl #casestudyResults li strong {
    float: right;
    margin-left: 10px;
}

.rtl .float-left {
    float: right;
    margin-right: 0;
    margin-left: 16px;
}

.rtl #banner {
    direction: ltr;
}

.rtl .search-panel input[type="submit"],
.rtl .search-bar input[type="submit"],
.rtl #langSelect {
    float: left;
}

.rtl .search-panel input[type="submit"],
.rtl .search-bar input[type="submit"] {
    left: 3px;
    right: auto;
}

.rtl .search-bar input[type="text"] {
    padding: 0 10px 0 35px;
}

.rtl #headerSearchBar {
    right: auto;
    left: 0;
}

.rtl #banner p {
    text-align: right;
}

.rtl .fifty-fifty div {
    text-align: right;
}

.rtl footer .page-link-top {
    padding: 0 4px 0 0;
    left: 0;
    right: auto !important;
    border-left: 0;
    border-right: 1px solid #bfbfbf;
}

.rtl #langSelect a.change {
    border-left: 0;
    border-right: 1px solid #666;
    padding-right: 12px;
    padding-left: 28px;
    margin-right: 8px;
    background-position: 0  -2970px;
}

.rtl .align-right {
    text-align: left;
    float: left;
}

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

.rtl .social-bar h4 {
    margin-left: 16px;
}


/* Nav */
.rtl #navIcon {
    left: -8px;
    right: auto;
}

.rtl #primaryNav .subnav-wrapper li {
    text-align: right;
}

.rtl #primaryNav a.arrow-right {
    padding: 0 0 0 20px;
}

.rtl #primaryNav .link-list li.current-page:before,
.rtl #primaryNav .link-list a:before,
.rtl #primaryNav .subnav-wrapper li.desktop-only a.arrow-right:before  {
    background-position: right -999px;
    right: -12px;
}


/* Breadcrumbs */
.rtl .breadcrumb-list li {
    margin-left: 0;
}

.rtl .breadcrumb-bar > ul li+li:before {
    background-position: 0 -292px;
    content: '>';
    background: none;
}

.rtl .breadcrumb-list li {
    margin-right: 0;
    margin-left: 5px;
}


.rtl .external-link-before:before,
.rtl .page-link-top:before,
.rtl .page-link-bottom:before {
    margin-right: 0;
    margin-left: 6px;
}

.rtl .fifty-fifty > div {
    padding-right: 15px;
    padding-left: 0;
}

.rtl .fifty-fifty > div:first-child {
    padding-right: 0;
    padding-left: 15px;
}

.rtl .site-padding ul {
    padding: 0 28px 0 0;
}

.rtl .site-padding .content-list {
    padding: 0;
}

.rtl .site-padding ol,
.rtl .site-padding ul {
    padding-right: 36px;
}

.rtl .fifty-fifty ol li p {
    margin-right: -28px;
    margin-left: 0;
}

.rtl footer .inline-list a {
    padding: 0 18px 0 0;
}

.rtl footer .inline-list a.external-link {
    padding: 0 18px 0 0;;
}

.rtl footer .inline-list.piped a {
    padding: 0;
}

.rtl .link-list li.current-page:before,
.rtl #ctaPanel .content-link:before,
.rtl .content-link:before,
.rtl .link-list a:before {
    right: 0;
    left: auto;
    background-position: right -997px;
    /*right: -12px;*/
}

.rtl .link-list li.current-page:before,
.rtl .content-link:before,
.rtl .link-list a:before,
.rtl footer .link-list a:before {
    right: -12px;
}

.rtl .site-padding .link-list {
    margin: 16px 8px 16px 0;
    padding: 0;
}

.rtl .arrow-right,
.rtl .external-link {
    margin-right: 0;
}

.rtl .arrow-right {
    margin-left: 24px;
}

@-moz-document url-prefix() {
    .rtl .arrow-right {
        /*display: inline-block;*/
    }
}

.rtl .search-panel .external-link,
.rtl .external-link {
    background-position: 7px -2707px;
    padding-right: 0;
    padding-left: 34px;
}


.rtl .page-link,
.rtl #ctaPanel .download-link,
.rtl #ctaPanel .content-link,
.rtl aside .download-link {
    padding-left: 0;
    padding-right: 30px;
}

.rtl #ctaPanel .page-link:before,
.rtl aside .page-link:before,
.rtl .download-link:before,
.rtl .calendar-link:before {
    left: auto;
    right: -6px;
}

.rtl .download-link:before {
    right: 0;
}

.rtl .calendar-link:before {
    right: -6px;
}

.rtl .float-right {
    float: left;
}

.rtl .page-link:before {
    background-position: right -2200px;
}

.rtl .site-padding ul.no-bullets {
    padding-right: 0;
    margin-right: 10px;
}

.rtl .link-list li.current-page, .link-list a {
    padding-left: 0;
    padding-right: 20px;
}

.rtl #primaryNav li a {
    margin-right: 0;
    margin-left: 20px;
}

.rtl #primaryNav a.external-link {
    background-position: 103% -2706px;
    padding-right: 20px;
}

.rtl .content-list > li {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .content-list > li:nth-child(3n), .rtl .content-list > li.third-child {
    margin-left: 0;
}

.rtl .piped > li {
    border-right: 1px solid #d2d2d2;
    border-left: 0;
}

.rtl .piped > li:first-child {
    border-right: 0;
}

.rtl .breadcrumb-bar .social-bar {
    float: left;
}

/* Homepage RTL */
.rtl .events .date-box {
    left: auto;
    right: 8px;
}

.rtl .fifty-fifty .news-list.events li,
.rtl .news-list.events li {
    padding-right: 82px;
    padding-left: 0;
}

.rtl .events p strong {
    float: right;
    margin-left: 16px;
}

/* News list */
.rtl .site-padding .news-list.events time {
    display: inline;
}

.rtl .news-list .content-link:before {
    right: -10px;
    left: auto;
    background-position: 0 -997px;
}

.news-list h4 {
    padding-left: 24px;
}

.rtl .news-list h4,
.rtl .news-list h2 a,
.rtl .news-list h3 a,
.rtl .news-list p {
    padding-right: 24px;
}


/* Careers */
.rtl .site-padding aside .job-details {
    padding-right: 0;
}

.rtl .job-details li strong {
    float: right;
    margin-left: 8px;
}


/* DIV with aside */
.rtl .with-aside > div {
    padding-left: 16px;
    padding-right: 0;
}

.rtl .with-aside div+aside {
    padding-right: 16px;
    padding-left: 0;
}

.rtl .download-link,
.rtl .content-link,
.rtl .calendar-link {
    padding-left: 0;
    padding-right: 24px;
}

.rtl .site-padding ul {
    padding: 0 28px 0 0;
}

/* Search panel */
.rtl .search-panel .tooltip {
    float: left;
    text-align: left;
}

.rtl .search-panel input[type=text] {
    padding-right: 15px;
    padding-left: 35px;
}


/* Software A-Z */
.rtl .site-padding .alpha {
    padding-right: 0;
}

.rtl .alpha li {
    margin: 0 0 8px 28px;
}


/* Quarters */
.rtl .table-container .quarter {
    padding: 0 0 0 15px;
}

.rtl .table-container .three-quarters {
    padding: 0 15px 0 0;
}


/* Image container */
.rtl .image-container.float-right {
    float: left;
    margin-left: 0;
    margin-right: 16px;
}

/* Address */
.rtl address {
    padding-right: 0;
    padding-left: 20px;
}

/* Tables */
.rtl table td+td,
.rtl table th+th {
    border-left: 0;
    border-right: 1px solid #d2d2d2;
}

.rtl caption,
.rtl th,
.rtl td,
.rtl .site-padding table {
    text-align: right;
}



.rtl .cta-box p.cta {
    float: left;
    padding-right: 16px;
    padding-left: 0;
}

.rtl p.copyright-notice {
    right: auto;
    left: 0;
    text-align: left;
}

.rtl .sidebar+div {
    margin-left: 0;
    margin-right: 2%;
}

.rtl .accordion-list > h2 a,
.rtl .accordion-list > dt a {
    padding: 8px 34px 8px 8px;
}

.rtl .accordion-list > h2 a:before,
.rtl .accordion-list > dt a:before {
    left: auto;
    right: 10px;
}

.rtl #productListContainer .icon-list {
    padding: 0;
}

.rtl a[data-action="filter"]:before {
    left: auto;
    right: 1px;
}

.rtl a[data-action="filter"] {
    padding-right: 26px;
    padding-left: 0;
}

.rtl #productComparator,
.rtl #productComparator .cta {
    left: 0;
    right: auto;
}

.rtl a[data-action="compare"]:after,
.rtl a[data-action="compare"]:before,
.rtl a[data-action="filter"]:before {
    margin-right: 8px;
}

.rtl .accordion-list a[data-action="compare"]:after,
.rtl .accordion-list a[data-action="compare"]:before,
.rtl .accordion-list a[data-action="filter"]:before {
    margin-right: 0;
}


/* Product cateogry listing */

.rtl .content-list > li {
    margin-right: 0;
    margin-left: 2%;
}

.rtl .grid-layout a[data-action="compare"]:before {
    margin: 0 0 0 8px;
}

.rtl #productComparator .wrapper:before {
    left: 80px;
    right: auto;
}

.rtl #productComparatorList img {
    margin-right: 0;
    margin-left: 10px;
}

.rtl #productComparatorList a:after,
.rtl .comparison-table thead th a:after,
.rtl .comparison-table [data-action="remove-product"]:after {
    margin-left: 10px;
    margin-right: 10px;
}


.rtl .cta-box p {
    padding-right: 0;
    padding-left: 5%;
}


/* Product detail */

.rtl #productPanel {
    border-right: none;
    border-left: 1px solid #d2d2d2;
    padding-right: 0;
    padding-left: 20px;
}

.rtl #productPanel+#ctaPanel {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .site-padding .description .icon-list {
    padding-right: 0;
}


/* Form elements */

.rtl select,
.rtl #area_filter {
    background-position: 2% -2625px;
    text-indent: 6px;
}

.rgba #typeFilter input {
    position: absolute;
    left: -9999px;
}

.rtl #typeFilter input {
    left: auto;
    right: -9999px;
}

.rtl .standard-form input[type=checkbox],
.rtl .standard-form input[type=radio] {
    right: -9999px;
}

.rtl .standard-form input[type=radio] + label:before,
.rtl label.list-item:before {
    left: auto;
    right: 0;
}

.rtl .standard-form .checkboxlist input[type=checkbox] + label {
    padding-left: 0;
    padding-right: 22px;
}

.rtl .standard-form input[type=checkbox] + label {
    margin-right: 0;
    margin-left: 20px;
}

.rtl input[type=radio]:checked + label:before,
.rtl input[type=checkbox]:checked + label:before,
.rtl .standard-form input[type=radio] + label:before,
.rtl input[type=checkbox] + label:before,
.rtl label.list-item:before {
    margin-right: 0;
}

.rtl .standard-form input[type=submit] {
    float: left;
}

.rtl input[type=radio] + label {
    padding-right: 35px;
    padding-left: 0;
}

.rtl .standard-form input[type=radio] + label:after,
.rtl .radiolist input[type=radio] + label:after {
    right: 5px;
    left: auto;
}

.rtl .standard-form .radiolist.twoColumn span > span {
    margin-right: 0;
    margin-left: 20px;
}






.rtl .external-link.before {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .external-link.before:before {
    left: auto;
    right: 0;
}

.rtl footer .inline-list a.external-link:before {
    right: -12px;
}

.rtl #supplies table .align-right,
.rtl .supplies table .align-right {
    float: left;
    text-align: left;
}


.rtl .search-panel .instructions p {
    text-align: right;
}

.rtl .two-thirds {
    padding-right: 0;
    padding-left: 36px;
}


.rtl .wrapper a.more-link {
    right: auto;
    left: 0;
    margin-left: 22px;
}

.rtl .articles-nav li.next {
    text-align: left;
    float: left;
}

.rtl .site-padding .articles-nav {
    padding: 0;
}

.rtl .content-list .content-container {
    direction: rtl;
    text-align: right;
}

.rtl .site-padding .slick-slider {
    direction: rtl;
    padding: 0;
}

.rtl .site-padding .slick-slider.rtl {
    direction: rtl;
}

.rtl .comparison-table [data-action="remove-product"]:after {
    float: left;
}

.rtl .content-box .image-container {
    padding-right: 0;
    padding-left: 16px;
}


.rtl .slick-slide .content-container {
    direction: rtl;
    text-align: right;
}


/* Instruction hovers */
.rtl .search-panel .instructions:after,
.rtl .search-panel .instructions:before {
    right: auto;
    left: 20px;
}

.rtl .search-panel .instructions:after {
    left: 21px;
}

.rtl .search-panel .tooltip .instructions {
    left: -20px;
}

.rtl .instructions:before,
.rtl .instructions:after {
    left: auto;
    right: -18px;
    border-width: 10px 0 10px 20px;
}

.rtl .instructions:before {
    right: -19px;
}


/* Form suggestions */
.rtl .site-padding .suggestions {
    padding: 0;
}


/* Three blocks */
.rtl .three-blocks > div {
    padding: 0 16px 0 0;
}

.rtl .three-blocks > div:first-child {
    padding-right: 0;
}


/* Region list */
.rtl .region-list li {
    margin-right: 0;
    margin-left: 2%;
}

.rtl .region-list li:nth-child(3n), .rtl .region-list > li.third-child {
    margin-left: 0;
}

.rtl .region-list li a:before {
    left: auto;
    right: -7px;
    display: inline-block;
}

.rtl .region-list li a {
    padding: 8px 24px 8px 0;
}



.rtl #langSelect {
    margin-right: 0;
    margin-left: 45px;
}

.rtl #navIcon + #langSelect {
    margin-left: 0;
}

/* Product comparison */

.rtl #productListContainer a[data-action="compare"],
.rtl #productListContainer .cta {
    right: auto;
    left: 16px;
}



/* --------------- */

.banner .content .cta a.highlight,
[data-action=toggle-filter-menu].highlight,
.tab-list-container nav .active a.highlight,
.highlight,
.standard-form .arrow-left.highlight,
#siteHeader a.highlight,
.skiplinks a.highlight,
.page-link-top.highlight,
.breadcrumb-bar > ul a.highlight,
.link-list a.highlight,
.options-bar [data-action="toggle-class"].active.highlight,
.options-bar .icon.highlight,
.icon-grid-view.highlight,
.options-bar .cta a.highlight,
a.arrow-right.highlight,
#primaryNav a.external-link.highlight,
.external-link.before.highlight,
#langSelect a.change.highlight,
.tooltip button:focus {
    background-color: #FBC03E;
}

.banner .content .cta a.highlight {
    color: #333;
}

.pagination-bar a.highlight,

a.highlight > img {
    outline: 3px solid #FBC03E;
}

.search-panel input[type=text].highlight,
.standard-form input[type=checkbox].highlight + label:before,
.standard-form input[type=radio].highlight + label:before,
.standard-form input[type=text].highlight,
.standard-form input[type=email].highlight,
.standard-form textarea.highlight,
select.highlight,
.standard-form input[type=tel].highlight,
.standard-form input[type=date].highlight,
.standard-form .tooltip.highlight + input {
    border-color: #FBC03E;
    outline: 1px solid #FBC03E;
    background-color: #fff;
}

body .social-bar a.highlight,
.search-bar input[type=submit].highlight,
.search-panel input[type=submit].highlight {
    outline: 3px solid #FBC03E;
}

::-webkit-input-placeholder {
    color: #222;
}

:-moz-placeholder { /* Firefox 18- */
    color: #222;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #222;
}

:-ms-input-placeholder {
    color: #222;
}

h2 {
    font-size: 26px;
    line-height: 32px;
    color: #000;
    margin-bottom: 16px;
}

h3 {
    font-size: 22px;
    line-height: 1.2;
    margin: 0 0 8px;
    padding-right: 15px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 20px;
}

h5 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 20px;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover {
    text-decoration: none;
}

h1>a,
h2>a,
h4>a,
h5>a {
    color: #000;
}

h1 .arrow-right:after,
h2 .arrow-right:after,
h3 .arrow-right:after,
h4 .arrow-right:after,
h5 .arrow-right:after,
.rtl h1 .arrow-right:before,
.rtl h2 .arrow-right:before,
.rtl h3 .arrow-right:before,
.rtl h4 .arrow-right:before,
.rtl h5 .arrow-right:before {
    font-weight: bold;
}

a.more-link {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    right: 16px;
}


a.more-link:after {
    background-position: right -1094px;
}


p+h2, ul+h2 {
    margin-top: 15px;
}

.comparison-table .product-title {
    font-size: 24px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin: 0;
}

.comparison-table .product-title a {
    color: #000;
}

.comparison-table .product-title a:after {
    font-weight: bold;
}

.comparison-table img {
    max-width: 219px;
    margin-bottom: 8px;
    height: auto;
}

.comparison-table-wrapper p.product-title {
    font-size: 16px;
    margin: 0;
}

.comparison-table thead th [data-action="remove-product"] {
    font-size: 16px;
    text-align: left;
    display: inline-block;
}

.comparison-table tbody th {
    background-color: #eee;
}

.comparison-table .cta-container {
    vertical-align: bottom;
}


.comparison-table th, .comparison-table td {
    border: 1px solid #d2d2d2;
}

.comparison-table th, .comparison-table td {
    width: 25%;
    padding: 8px 16px 8px 16px;
}


aside h3 {
    margin-bottom: 24px;
}

.button.successor {
    margin: 10px 0;
}

h5 {
    color: #000;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    clear: both;
    display: block;
    height: 1px;
    border: 0;
    margin: 40px auto;
    padding: 0;
    background-color: #ccc;
}

aside hr {
    margin: 20px 0;
}

hr.invisible {
    visibility: visible;
    background-color: transparent;
    margin: 24px auto;
}

img {
    vertical-align: middle;
    max-width: 100%;
    margin: auto;
    height: auto;
}

p > img {
    width: auto;
    display: inline-block;
}

.img-borders img {
    border: 1px solid 	#eee;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.content fieldset p {
    width: 340px;
    display: inline-block;
    line-height: 30px;
    margin: 0;
}

p.accesoriesNote, .confirmationNotice {
    color: #B7D342;
    font-size: 12px;
}

.label {
    color: #444;
    display: block;
    font-size: 11px;
    line-height: 1;
    margin: 0 0 5px;
    text-align: center;
}



.stuck {
    position:fixed;
    top:0;
    margin: auto;
    z-index: 1000;
}

.box-shadow-outset {
    display: inline-block;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

textarea {
    resize: vertical;
    border-style: none;
    border: 1px solid #ccc;
}

legend, .contact-form h3 {
    font-size: 20px;
    font-weight: normal;
    color: #545454;
    border-bottom: 1px solid #BBB;
    padding: 10px 0 18px;
    margin: 20px 0 40px;
    width: 100%;
}


a {
    color: #0b51b3;
}

a:active {
    background-color: transparent;
}

.link-list a {
    color: #000;
}

.link-list a:focus {
    color: #0b51b3;
    border: none;
}

.news-list .content-link:hover,
a:hover, .link-list a:hover {
    color: #0b51b3;
    text-decoration: underline;
}

.link-list a:active {
    color: #777;
}


.alternate a {
    color: #457e92;
}

.alternate .link-list a {
    color: #000;
}
.alternate a:hover, .alternate .link-list a:hover {
    color: #457e92;
}



h3  a, .alternate h3  a {
    color: #000;
}


a[data-action] .swapper+.swapper,
a[data-action].checked .swapper:first-child,
.filter-list-box.active .swapper:first-child,
.filter-list-box .swapper+.swapper {
    display: none;
    visibility: hidden;
}

a[data-action].checked .swapper+.swapper,
.filter-list-box.active .swapper+.swapper {
    display: inline;
    visibility: visible;
}

a[data-action="compare"],
a[data-action="filter"] {
    vertical-align: middle;
    line-height: 22px;
}

a[data-action="compare"]:after,
a[data-action="compare"]:before,
a[data-action="filter"]:before {
    transition-duration: .3s;
    transition-property: border;
    content: "";
    display: inline-block;
    border: 2px solid #a0a0a0;
    height: 14px;
    width: 14px;
    vertical-align: top;
    border-radius: 4px;
    margin: 1px 0 0 8px;
    background-position: center -637px;
}

a[data-filter-type="radio"]:before {
    border-radius: 10px !important;
}

[aria-checked="true"] {
    color: #000;
}

a[data-action="compare"].disabled,
a[data-action="filter"].disabled  {
    color: #000;
    opacity: .5;
}

a[data-action="compare"].checked:after,
a[data-action="compare"].checked:before,
a[data-action="filter"].checked:before {
    transition-duration: .3s;
    transition-property: background;
    border-color: #04bdcd;
    background: url('/img/spritesheet-icons.png') center -647px no-repeat;
}

a[data-filter-type="radio"].checked:before {
    transition: none !important;
    background: url('/img/radio-checked.png') center !important;
}

a[data-action="compare"]:before {
    display: none;
    margin-left: 0;
}

.discontinued a[data-action="compare"] {
    display: none;
    visibility: hidden;
}

a[data-action="filter"] {
    display: inline-block;
    padding: 4px 4px 4px 26px;
    position: relative;
    line-height: 22px;
    color:#333;
}
a[data-action="filter"]:before {
    position: absolute;
    top: 4px;
    left: 1px;
    margin: 0;
}

.third a[href^="tel:"] {
    display: block;
    font-size: 26px;
    color: #000;
    margin-top: 10px;
}
a[href^="tel:"].inline {
    display: inline;
    font-size: 16px;;
}

a[href^="tel:"].inline:hover {
    text-decoration: none;
}

.banner {
    display: block;
}

.big-link {
    display: inline-block;
    padding: 6px 0;
}

.resource {
    margin-top: 15px;
    padding-left: 25px;
    background: url('/img/spritesheet-icons.png') left -500px no-repeat;
    display: block;
    line-height: 20px;
    text-decoration: underline;
    color: #666;
    font-size: 13px;
}

.pdf {
    background-position: left -500px;
}

.info {
    padding-left: 25px;
    background: url('/img/spritesheet-icons.png') left -500px no-repeat;
    background-position: 2px -144px;
    text-decoration: underline;
}


.arrow-left {
    display: inline;
    position: relative;
    margin-left: 22px;
}

.rtl .arrow-left {
    margin-left: 0;
    margin-right: 22px;
}

.rtl .articles-nav .arrow-left {
    margin-right: 0;
}

.arrow-right {
    margin-right: 24px;
    position: relative;
    display: inline-block;
    overflow: visible;
}

p .arrow-right {
    /*display: inline;*/
    color: #000;
    text-decoration: none;
}

p .arrow-right:hover {
    color: #0b51b3;
}

.align-right .arrow-right {
    display: inline-block;
}

.rtl #primaryNav .subnav-wrapper li.desktop-only a.arrow-right:after,
.rtl .banner .content .cta a:before,
.rtl .arrow-right:after,
.region-list li a:before,
.rtl .banner .content .cta a:after,
.rtl .pagination-bar .previous:before,
.pagination-bar .previous:before,
.pagination-bar .next:after,
.rtl .arrow-right:after,
.arrow-left:before,
.rtl .arrow-left:before,
.arrow-right:after {
    font-family: "glyphs";
    font-style: normal;
    speak: none;
    font-size: 22px;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e800';
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    position: static;
    line-height: 22px;
    margin-top: -4px;
    text-indent: 8px;
    width: 0;
    overflow: visible;
}


.rtl #primaryNav .subnav-wrapper li.desktop-only a.arrow-right:after {
    position: absolute;
    content: '\e802';
}

p > .arrow-right:after {
    bottom: 3px;
}


.rtl .pagination-bar .previous:before,
.rtl .pagination-bar .previous:before,
.rtl .pagination-bar .next:after,
.rtl .arrow-right:after {
    display: inline-block;
}

.rtl .banner .content .cta a:after,
.rtl .pagination-bar .previous:before,
.rtl .arrow-right:after {
    display: inline-block;
    left: -4px;
}


.region-list li a:before {
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    width: 24px;
    height: 22px;
}

.rtl .region-list li a:before {
    content: '\e802';
}

.rtl h3 .arrow-right:after,
h3 .arrow-right:after {
    bottom: 2px;
}

.rtl h2 .arrow-right:after,
h2 .arrow-right:after {
    bottom: 2px;
}

.rtl .banner .content .cta a:before,
.rtl .banner .content .cta a:after,
.rtl .pagination-bar .next:after,
.pagination-bar .previous:before,
.rtl .arrow-right:after,
.arrow-left:before {
    content: '\e802';
    float: left;
    padding: 0;
    margin-top: 0;
    text-indent: 8px;
}

.rtl .arrow-right:after {
    float: none;
}

.rtl .banner .content .cta a:after {
    display: none;
}

.pagination-bar .previous:before,
.arrow-left:before {
    margin-right: 8px;
    margin-left: 2px;
    line-height: 1.25;
}

.rtl .pagination-bar .previous:before,
.rtl .arrow-left:before {
    margin-right: 0;
    padding-right: 0;
    display: inline-block;
}

.arrow-right img {
    margin: 0 0 10px;
}

.external-link {
    padding-right: 30px;
    background-image: url('/img/spritesheet-icons.png');
    background-position: right -2707px;
    background-repeat: no-repeat;
    display: inline;
}

.search-panel .external-link {
    padding-right: 25px;
    background-position: right -2710px;
}

.search-panel hr {
    margin: 8px auto 28px;
}

.external-link.before, .content-link.before {
    background: none;
    padding-left: 30px;
    padding-right: 0;
    position: relative;
}

.external-link.before:before {
    background: url('/img/spritesheet-icons.png') left -2708px no-repeat;
    margin-left: -5px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
    width: 24px;
    height: 22px;
}

li > .external-link {
    font-size: 16px;
    display: inline-block;
}


li > a.before ~ p,
li > a.before + p {
    padding-left: 30px;
    margin: 2px 0 4px;
}

h2.keyline-top {
    padding-top: 24px;
    margin-top: 0;
}

.link-list li+li {
    margin-top: 4px;
}
.link-list li.current-page,
.link-list a {
    position: relative;
    padding-left: 20px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    display: block;
}


.link-list li.current-page:before,
.link-list a:before, .content-link:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url('/img/spritesheet-icons.png') -13px -1099px no-repeat;
}

#ctaPanel .content-link:before {
    background-position: -7px -1099px;
}

footer .link-list a:before {
    top: 1px;
}

.site-padding .jump-link-list {
    margin: 16px 0;
    padding: 0;
}

.site-padding > .wrapper {
    position: relative;
}

.wrapper a.more-link {
    bottom: auto;
    top: 40px;
    right: 0;
}


h2+.content-list, h2+.fifty-fifty-list {
    margin-top: 16px;
}

.section-list {
    margin: 24px 0;
}

.section-list > li {
    display: inline-block;
    max-width: 24%;
    margin-right: 1.3%;
}

.content-list > li {
    margin-bottom: 16px;
    margin-right: 2%;
}


.page-link {
    line-height: 24px;
    position: relative;
    padding-right: 18px;
    padding-left: 30px;
    display: block;
}

main > .site-padding > .align-right {
    margin: 0;
}

.align-right .page-link {
    padding-right: 0;
}

.page-link:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 16px;
    margin-right: 6px;
    background: url('/img/spritesheet-icons.png')	center -2200px no-repeat;
}

#ctaPanel .page-link:before, aside .page-link:before {
    width: 30px;
    position: absolute;
    left: 0;
    height: 100%;
    top: 5px;
}

.external-link-before:before,
.page-link-top:before,
.page-link-bottom:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 16px;
    margin-right: 6px;
    background: url('/img/spritesheet-icons.png')	center -2250px no-repeat;
}

.external-link-before {
    color: #000;
}

.external-link-before:before {
    background-position: center -2709px;
    margin-top: 4px;
    vertical-align: top;
}

.page-link-bottom:before {
    background-position: center -2200px;
}


.download-link, .content-link, .calendar-link {
    display: block;
    position: relative;
    padding-left: 24px;
}

#ctaPanel .download-link, #ctaPanel .content-link, aside .download-link {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    padding-left: 30px;
}
.download-link:before, .calendar-link:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 22px;
    background: url('/img/spritesheet-icons.png')	center -2150px no-repeat;
}

.calendar-link:before {

    background-position: -3px -1783px;
}


.news-list .content-link:before {
    top: 2px;
    background-position: -14px -1097px;
}


p {
    margin: 0 auto 24px;
    font-size: 16px;
}

p:last-child {
    margin-bottom: 0;
}

.intro {
    line-height: 25px;
}

p.cta {
    margin-top: 16px
}

p.cta .external-link {
    background-position: 98% -2773px;
    min-width: 100px;
    padding-right: 40px;
}

p.cta a[href*=pdf]:after {
    content: '(pdf)';
    font-size: 13px;
}

.fifty-fifty .cta .external-link {
    min-width: 100px;
}

.fifty-fifty h2 {
    margin-top: 24px;
}

.cta .external-link:hover {
    padding-right: 40px;
}

p.cta:first-child {
    margin-top: 0;
}

.cta.wide a {
    width: 100%;
}

.cta a {
    font-size: 16px;
    display: inline-block;
    border: 1px solid #fff;
    background-color:  #0b51b3;
    padding: 8px 16px;
    text-align: center;
    color: #fff;
    transition: all 0.25s;
}

button.cta {
    transition: all .25s;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}
.cta a:hover {
    text-decoration: none;
}

.standard-form input[type=submit] {
    transition: all 0.25s;
}

.standard-form input[type=submit]:hover,
.standard-form input[type=submit].highlight,
.cta a:hover,
.cta a.highlight {
    background-color: #fff;
    color: #0b51b3;
    border-color: #0b51b3;
}


.dark .cta a {
    background-color: #fff;
    color: #000;
}


.dark .cta a:hover,
.dark .cta a.highlight {
    background-color: #4D5154;
    color: #fff;
    border-color: #fff;
}

aside .cta a {
    width: 100%;
    border: 1px solid #fff;
}

aside h4 {
    margin: 0 0 12px;
}

aside .cta + h3,
aside .cta + h4 {
    margin: 24px 0 12px 0;
}

.cta+.cta {
    margin-top: 8px;
}

.cta.light a {
    background-color: #74bde7;
    color: #000;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.cta.light a:hover,
.cta.light a.highlight {
    color: #437e94;
    border: 1px solid #437e94;
    background: #fff;
}


.cta.green {
    border-radius: 0;
}
.cta.green a {
    background-color:  #7e9e00;
}

.cta.green a:hover,
.cta.green a.highlight {
    border: 1px solid #648200;
    color: #648200;
    background: #fff;
}



strong {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}

address {
    font-style: normal;
    padding-right: 20px;
    margin-bottom: 16px;
    display: inline-block;
}

table td p,
table address {
    margin: 0;
}

table p+p {
    margin: 8px 0;
}

table address {
    padding-right: 30px;
}
table address+div {
    margin-top: 8px
}

#content {
    padding-bottom: 20px;
}
.content {
    padding: 20px 0 20px;
    position: relative;
}

.content:last-child {
    margin-bottom: 70px;
}

.content ul, .content ol {
    margin: 20px;
}

.content ul+br {
    line-height: 30px;
}

.content.four-col h3 {
    line-height: 50px;
}
.content h5,
.content p {
    margin: 15px 0 10px;
    width: auto;
}
.content p+h5 {
    margin-top: 35px;
}


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


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

img.left {
    margin-right: 16px;
    margin-bottom: 16px;
    float: left;
}

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

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

.rtl .textalign-right {
    text-align: left;
}

table .align-right {
    float: none;
}

form div.align-right {
    float: none;
}

.third label,
.three-blocks label {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.quarter label, .quarter select,
.three-blocks label, .third select,
.three-blocks select {
    display: block;
    width: 100%;
}

.quarter {
    padding-right: 8px;
}
.quarter+.quarter {
    padding: 0 8px 0 8px;
}

.quarter:last-child {
    padding-right: 0;
}


.third label+select
.three-blocks label+select {
    margin-top: 10px;
}

.third select
.three-blocks select {
    margin-bottom: 20px;
}


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

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

.underlined {
    text-decoration: underline;
}
.no-bottom-margin {
    margin-bottom: 0 !important;
}

.red {
    color: #CC132A;
}

.red p {
    color: #666;
}

.content .print {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0;
}
.print a {
    color: #CC132A;
    display: block;
    background: url('/img/spritesheet-icons.png') left -1500px no-repeat;
    padding-left: 30px;
}

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

.sidebar {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding-bottom: 20px;
    padding-top: 35px;
}

.sidebar h2 {
    padding: 0;
    line-height: 28px;
    margin-bottom: 11px;
}


/* ==========================================================================
   Form styles
   ========================================================================== */


form {
    margin: 0 0 20px 0;
}


fieldset {
    position: relative;
}

td fieldset {
    margin-bottom: 0;
}

fieldset.keyline-top {
    margin-top: 20px;
    padding-top: 20px;
    border-color: #ccc;
}


fieldset.keyline-bottom {
    border-color: #ccc;
}


.content fieldset {
    width: auto;
}

.content .narrow-field-container fieldset {
    width: auto;
}

nav label {
    width: auto;
    display: inline-block;
    padding-right: 0;
    text-align: left;
    line-height: 20px;
    color: #666;
    vertical-align: middle;
}

h3 label {
    display: inline;
}

label.required:after {
    margin-left: 5px;
}

p.copyright-notice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    color: #666;
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 8px;
    bottom: -24px;
}



input[type=text], input[type=password],
input[type=date], input[type=number],
input[type=email], textarea,
input[type=tel] {
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.required-warning input[type="text"], .required-warning select {
    border-color: #CE132A;
}

input[type=checkbox], nav input[type=radio] {
    margin: 0 10px 0 0;
    border: 0;
    padding: 0;
    vertical-align: middle;
}

input.contactOptions {
    margin: 0 7px 7px 0;
}

nav input[type=checkbox], nav input[type=radio]  {
    display: inline-block;
    line-height: 20px;
}

nav input[type=checkbox]:checked+label, nav input[type=radio]:checked+label {
    color: #111;
}

input[type=submit], input[type=button], input[type=reset], button, .button, a.button {
    margin: 0;
    border: 1px solid #0b51b3;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    font-weight: normal;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    background-color: #0b51b3;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
}

input[type=submit] {
    border-radius: 0;
}

.search-box label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.search-box input[type=text],
.search-box input[type=submit] {

    height: 39px;
    display: inline-block;
}

.search-box input[type=text] {
    font-weight: normal;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 100%;
    padding: 0 30px 0 10px;
}

.search-box input[type=submit] {
    display: inline-block;
    margin-left: -30px;
    text-indent: -1000px;
    width: 30px;
    padding: 0;
    background: url('/img/spritesheet-icons.png') center -238px no-repeat;
}

.filter-list-box {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 5px;
}

.stuck .filter-list-box {
    border-bottom: 1px dotted #dedede;
}

.filter-list-box ul {
    min-height: 20px;
}

.filter-list-box a {
    font-size: 14px;
}


#filterList {
    display: inline;
    vertical-align: middle;
    line-height: 28px;
    margin-left: 5px;
    padding-left: 0;
}

#filterList li {
    margin: 0;
}

#filterList li.item {
    margin: 0 15px 0 0;
}

#filterList a {
    color: #4BBDCC;
}

#filterList .item a:after {
    content: "X";
    display: inline-block;
    float: right;
    margin-left: 5px;
    color: #000;
}


#filterList .reset {
    display: none;
    text-decoration: underline;
}

.active #filterList .reset {
    display: inline-block;
}

input[disabled=disabled]{
    background-color: #aaa;
    color: #eee;
    cursor: default;
}

.narrow input[type="text"] {
    display: inline-block;
    width: 46%;
    margin-bottom: 10px;
}

.button {
    display: inline-block;
    margin: 20px 0;
    padding: 0 20px;
}


.contains-button {
    min-height: 40px;
}
.button:focus,
select:focus,
.social-bar a:focus {
    outline: none;
}


.social-bar a:focus {
    border: none;
}

.button.cancel {
    margin-right: 15px;
}

button.green {
    background-color: #B7D342;
    color: #fff;
}


button.dark-grey, input[type=submit].dark-grey, input[type=reset].dark-grey, .button.dark-grey {
    background-color: #666;
    color: #fff;
    line-height: 40px;
    height: 40px;
    padding: 0 50px;
}

table input[type=submit], table input[type=button], table button {
    line-height: 40px;
    height: 40px;
}

input[type=button], button, input[type=reset], .button.light-grey {
    background-color: #eee;
    color: #565656;
}

.standard-form .radiolist input[type=radio] + label {
    margin-right: 0;
}

p + .standard-form {
    margin-top: 28px;
}

.standard-form .radiolist.twoColumn span > span {
    width: auto;
    display: inline-block;
    margin-right: 20px;
}


input[type=submit].wide {
    width: 220px;
}

input[type=submit]+input[type=submit], input[type=button]+input[type=submit],
input[type=reset]+input[type=submit] {
    margin-left: 20px;
}

textarea {
    width: auto;
    height: 155px;
    font-family: Arial, Helvetica, sans-serif;
}

select {
    margin-left: 0;
}

select:disabled {
    opacity: 0.7;
}

select:active {
    background-color: #fff;
}

input[type=submit].small,
.button.small {
    font-size: 11px;
    font-weight: normal;
}


.filter {
    margin-bottom: 0;
}

.filter > fieldset {
    width: 120px;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 10px;
}


.buttons.keyline-top {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.buttons {
    min-height: 40px;
    padding-top: 20px;
}

.rgba #typeFilter input:focus + label {
    outline: none;
    border-color: #FBC03E;
}


.rgba #typeFilter input.highlight + label {
    border-color: #FBC03E;
}

#typeFilter label {
    display:inline-block;
    font-size: 14px;
    line-height: 24px;
    padding-right: 12px;
    position: relative;
    padding-left: 4px;
}

#locationFilter select {
    width: 100%;
    font-size: 14px;
}

#locationFilter select:focus {
    border-color: #FBC03E;
}

#typeFilter ul {
    padding-left: 0;
}

.rtl #typeFilter ul {
    padding: 0 0 0 28px;
}

#typeFilter h5 {
    margin: 0 0 8px;
}

#locationFilter h5 {
    font-size: 17px;
    line-height: 150%;
    margin: 0 0 24px;
}

.rgba #typeFilter label {
    padding-left: 32px;
    border: 1px solid #fff;
}


.rgba #typeFilter label:before,
.rgba #typeFilter label:after {
    content: "";
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
}

.rgba #typeFilter label:before {
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    border-radius: 12px;
}


.rgba #typeFilter input:checked+label:before {
    border: 2px solid #0099cc;
}



.rgba #typeFilter label:after {
    left: 5px;
    top: 5px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #fff;
    transition-duration: .5s, .3s;
    transition-property: background, transform;
    transform: scale(.5)
}

.rgba #typeFilter input:checked+label:after {
    transition-duration: .5s, .3s;
    transition-property: background, transform;
    background-color: #0099cc;
    transform: scale(1)
}



/* ==========================================================================
   Content styles
   ========================================================================== */

body,
#productListHeader,
#siteWrapper,
.panel-white,
#productComparator .wrapper,
#productComparator .wrapper:before,
.pagination-bar a,
.sidebar  {
    background-color: #fff;
}

#mapContainer {
    transition-duration: .5s;
    transition-property: margin;
}

.stuck #mapContainer {
    margin-top: 56px;
    transition-duration: .2s;
    transition-property: margin;
}

#siteWrapper {
    position: relative;
    padding: 0;
    width: 100%;
    min-height: 600px;
    padding-bottom: 80px;
    min-width: 320px;
}

#productListHeader {
    padding-top: 20px;
    display: block;
    transition-duration: .2s;
    transition-property: padding;
    z-index: 100;
}

#productListHeader.stuck {
    padding-top: 52px;
    transition-duration: .2s;
    transition-property: padding;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255,255,255,.9));
}

.site-padding, main > pre {
    margin: auto;
    /*overflow: auto;*/
    max-width: 1024px;
    padding-left: 8px;
    padding-right: 8px;
}

main > pre {
    border: 1px solid #69b;
    white-space:  pre-line;
    background: linear-gradient(to bottom, #DFEDED, #E9F9F9);
    box-shadow: 4px 4px 12px #ddd;
    padding: 8px 8px;
    margin: 24px auto 32px;
    border-radius: 8px;
}

main > .site-padding+pre {
    margin-top: 48px;
}

.site-padding ol,
.site-padding ul {
    padding-left: 36px;
    margin: 0 0 24px;
}

.site-padding ol li h3 {
    overflow: visible;
    max-width: 95%;
}

.site-padding ul {
    padding-left: 24px;
}

.site-padding .feature-list {
    padding: 0;
}

.site-padding aside ul {
    padding-left: 0;
}

.site-padding aside .link-list {
    margin: 0 0 32px 0;
}

.site-padding .columns,
.site-padding .content-list {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 0;
}

.site-padding .columns > div {
    font-size: 16px;
}

.site-padding p + .content-list {
    margin-top: 24px;
}

.margins p {
    margin: 0 0 25px;
}

div.margin {
    margin-bottom: 50px;
}

.site-container, .site-banner {
    max-width: 1024px;
    margin: auto;
}

.wide-banner {
    max-width: 1366px;
    margin: auto auto 32px;
}

.inline-block-wrapper {
    font-size: 0;
}
.relative-wrapper {
    position: relative;
}

.site-banner {
    margin: 16px auto 32px;
    font-size: 16px;
    position: relative;
}
.site-banner img {
    max-width: 100%;
}

.site-banner .thought-bubble {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 20px;
    width: 220px;
    text-align: left;
}


section+section, section+div, div+section, p+section, div > section:first-child {
    margin-top: 48px;
}

section {
    font-size: 16px;
}


.results-container+.after-results {
    display: none;
    visibility: hidden;
}

.results-container.hidden+.after-results {
    display: block;
    visibility: visible;
}


.results-note {
    border-top: 1px solid #d2d2d2;
    padding: 20px 0 0;
    margin: 20px 0 0;
}

form[data-action=location-search] input[type=submit] {
    width: 100%;
}




.panel-light-grey {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
}
.panel-dark-grey {
    background-color: #f1f1f1;
}

h2.tab, .tab-list-container nav {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    background-color: #fff;
    font-size: 16px;
    line-height: 26px;
    color: #545454;
}

div+h2.tab {
    margin-top: 20px;
}

h2.tab span {
    padding: 5px 30px 0;
    display: inline-block;
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: -1px;
}

.keyline-top {
    border-top: 1px solid #d2d2d2;
    margin-top: 40px;
    padding-top: 32px;
}

aside .keyline-top {;
    padding-top: 16px;
}


.keyline-bottom {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 28px;
    padding-bottom: 20px;
}

p.keyline-bottom, h2.keyline-bottom {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.keyline-bottom-dotted {
    border-bottom: 1px dotted #717171;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

form.keyline-bottom-dotted {
    padding-bottom: 0;
}


.keyline-top+.keyline-top {
    border-top: 1px solid #bbb;
}



.col-two .keyline-top+.keyline-top {
    border-top: 1px solid #bbb;
}


/* Skip links */

.skiplinks {
    z-index: -10;
    position: absolute;
    right: 0;
    top: 40px;
}

.skiplinks ul {
    list-style: none;
}


.skiplinks li a:link span,
.skiplinks li a:visited span {
    visibility: hidden;
    border-bottom: none;
}

.skiplinks li a.highlight span,
.skiplinks li a:link:focus span,
.skiplinks li a:visited:focus span {
    visibility: visible;
    padding: 2px 1px;
}


/* ==========================================================================
   Common Header Rules
   ========================================================================== */

#siteHeader, #headerBar {
    width: 100%;
    background-color: #fff;
    z-index: 5000;
}

#cookieBar {
    color: #000;
    background-color: #f5f5f5;
    font-size: 12px;
    display: none;
    width: 100%;
    padding: 16px 0 4px;
}

#cookieBar .site-padding {
    position: relative;
}

#cookieBar h3 {
    color: #000;
}


#cookieBar h5 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin: 0 0 4px;
}

#cookieBar p {
    margin-right: 50px;
}

.rtl #cookieBar p {
    margin-right: 0;
    margin-left: 50px;
}

#cookieBar a {
    color: #000;
    text-decoration: underline;
}

#cookieBar strong {
    color: #000;
}

#cookieBar a.closer  {
    text-decoration: none;
}

.rtl #cookieBar a.closer  {
    right: auto;
    left: 0;
}
.rtl #cookieBar p.cta  {
    left: 0;
    right: auto;
}

#cookieBar .cookiebar-margin-left-200 {
    margin-left: 200px;
}

#cookieBar .cookiebar-margin-right-200 {
    margin-right: 200px;
}

#logoContainer {
    margin: 0;
    display: inline-block;
}


#logoContainer a {
    padding: 12px 0;
    display: block;
}


#logoContainer img {
    width: 140px;
    max-width: 140px;
}

.rexrotary #logoContainer img {
    width: 220px;
    max-width: 220px;
}

.gestetner #logoContainer img {
    width: 200px;
    max-width: 200px;
}

.gestetner #logoContainer a {
    padding: 20px 0;
}

.nashuatec #logoContainer img {
    width: 150px;
    max-width: 150px;
    border-radius: 3px;
}


#headerSearchBar {
    position: absolute;
    right: 0;
    bottom: 12px;
}

.ui-autocomplete-loading {
    background-image:url('../img/loading-icon-white-64px.gif');
    background-position: center center;
    background-size: 15px;
    background-repeat: no-repeat;
}

.no-canvas .ui-autocomplete-loading {
    background-image: none;
}

ul.ui-autocomplete li:last-child {
    padding-bottom: 0;
}

ul.suggestions li a.small,
ul.ui-autocomplete li a.small {
    font-size: 15px;
    border-top: 1px solid #ccc;
    padding-top: 8px;
    line-height: 30px;

    padding: 5px 15px;
    margin-left: -15px;
    margin-right: -15px;
    border: none;
    color: #fff;
    background-color: #000;
}

ul.suggestions li a:focus,
ul.suggestions li a.small:hover,
ul.ui-autocomplete li a.small:hover {
    color: #fff;
    background: #0b51b3;
}

#headerSearchBar .ui-autocomplete,
#headerSearchBar .suggestions {
    width: 100%;
    margin-top: 0;
}

.search-bar form {
    margin: 0 0 0 8px;
    padding: 0;
    width: auto;
    position: relative;
}

.search-bar input {
    vertical-align: top;
    border: 0;
    margin: 0;
}

.search-bar input[type="text"] {
    margin-top: 8px;
    width: 190px;
    padding-left: 10px;
    border-radius: 4px;
    border: 0;
    height: 23px;
    line-height: 20px;
    background-color: #ccc;
    padding-right: 35px;
    font-size: 16px;
    transition-duration: .3s;
    transition-property: background-color;
}

.search-bar input[type="text"]:focus {
    background-color: #ddd;
    transition-duration: .3s;
    transition-property: background-color;
}

.search-bar input[type="text"] {
    font-size: 14px;
}

.search-panel input[type="submit"],
.search-bar input[type="submit"] {
    padding: 0;
    width: 24px;
    float: right;
    background: url('/img/spritesheet-icons.png') right -247px no-repeat;
    text-indent: -200px;
    overflow: hidden;
    height: 23px;
    position: absolute;
    right: 3px;
    top: 8px;
}

.hcm .search-bar input[type="text"] {
    border: 1px solid #fff;
}

.hcm .search-bar input[type="submit"] {
    width: auto;
    overflow: visible;
    text-indent: 0;
    background-image: none;
    line-height: 1;
    height: auto;
    margin-top: 3px;
}

.search-panel input[type=text] + p {
    max-width: 65%;
    margin-bottom: 0;
}

.search-panel input[type=text] + p+p {
    max-width: 33%;
}

.search-bar label {

    display: none;
}

#navIcon {
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 50px;
    height: 50px;
}


#navIcon a {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    border: 0;
    background-color: #fff;
    transition-duration: .5s;
    transition-property: background;
}



#navIcon a:focus {
    border: 0;
}


#navIcon.active [data-hook="toggle-navigation"] {
    background-color: #000;
    height: 50px;
    transition-duration: .2s;
    transition-property: background;
}

#navIcon a:focus {
    border: none;
}

#navIcon line {
    stroke: #000;
    transition-property: stroke;
    transition-duration: .2s;
}


#navIcon.active line {
    stroke: #fff;
    transition-property: stroke;
    transition-duration: .2s;
}


#primaryNav {
    display: none;
    width: 100%;
    background-color: #000;
    position: relative;
}

#primaryNav h4 {
    margin-right: 40px;
}

#primaryNav a.arrow-right {
    margin-left: 0;
    padding: 0 20px 0 0;
    display: inline;
    background-position: right -1097px;
}

#primaryNav a.arrow-right:before {
    background: none;
    display: none;
}

#primaryNav > svg {
    display: none;
}

#primaryNav.active {
    display: block;
}

#primaryNav img {
    margin: 0 0 12px;
    display: block;
}


#primaryNav a.arrow-right:after {
    text-decoration: underline;
}

#primaryNav a.arrow-right:after {
    text-decoration: none;
}


#primaryNav .subnav-wrapper {
    padding: 0;
    background-color: rgba(0,0,0, .8);
    overflow: hidden;
    transition-property: max-height;
    transition-duration: .3s;
}


#primaryNav .expanded > .subnav-wrapper {
    max-height: 1000px;
    overflow: auto;
    transition-property: max-height;
    transition-duration: .3s;
}

#primaryNav ul {
    list-style-type: none;
    margin: auto;
}

#primaryNav .subnav-wrapper li {
    text-align: left;
}

#primaryNav .subnav-wrapper li.desktop-only a.arrow-right {
    display: block;
    padding-right: 0;
    position: relative;
}

.breadcrumb-bar {
    line-height: 24px;
    padding: 12px 0;
    font-size: 14px;
    margin-bottom: 28px;
}

.breadcrumb-bar li {
    display: inline-block;
}

footer .breadcrumb-bar {
    padding: 0 0 16px;
    position: relative;
}

footer .social-bar {
    margin: 0;
    display: inline-block;
}

footer .table-container .quarter {
    margin: 0 0 8px;
}

.site-padding .breadcrumb-bar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.breadcrumb-list li {
    display: inline-block;
    margin-right: 5px;
}


.breadcrumb-bar > ul li+li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 25px;
    background: url('/img/spritesheet-icons.png') -8px -292px no-repeat;
    vertical-align: top;
}

.breadcrumb-bar > ul li:first-child {
    padding-left: 0;
}

.breadcrumb-bar > ul a {
    display: inline-block;
    border: 1px solid #fff;
}

.breadcrumb-bar > ul a:active,
.breadcrumb-bar > ul a:hover {
    text-decoration: underline;
}

.breadcrumb-bar .social-bar {
    margin: 0;
}

.breadcrumb-bar .social-bar h4 {
    line-height: 25px;
    margin: 0;
    color: #777;
}

.breadcrumb-bar .social-bar a svg {
    height: 13px;
    margin-top: 6px;
}

.breadcrumb-bar .social-bar a[data-platform*=twitter] svg,
.breadcrumb-bar .social-bar a[href*=twitter] svg {
    margin-top: 3px;
    height: 11px;
}

.breadcrumb-bar .social-bar a[href*=youtube] svg {
    height: 16px;
    margin-top: 3px;
}

.breadcrumb-bar .social-bar a[data-platform*=google] svg,
.breadcrumb-bar .social-bar a[href*=google] svg {
    height: 11px;
    margin-top: 6px;
}

.breadcrumb-bar .social-bar a[data-platform*=linkedin] svg,
.breadcrumb-bar .social-bar a[href*=linkedin] svg {
    height: 12px;
    margin-top: 3px;
}

.breadcrumb-bar .social-bar a span {
    line-height: 25px;
    font-size: 12px;
}

.breadcrumb-bar .social-bar a span img {
    width: 80%;
    height: auto;
    max-width: 25px;
}


/* IE8 fallback */
.breadcrumb-bar li.current {
    color: #212121;
}

.breadcrumb-bar li:last-child {
    color: #212121;
}


.closer {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 22px;
    padding:  0 10px;
}

.toggler, [data-action="toggler"] {
    text-decoration: underline;
}

[data-action="trigger-click"] {
    cursor: pointer;
}

/* ==========================================================================
   Common column rules
   ========================================================================== */

.four-col, .table-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

.table-container.clear-spacing {
    border-spacing: 0;
}

.content .table-container {
    width: 100%;
}

.table-container > div {
    display: table-row;
}

.table-container.keyline-bottom {
    padding-bottom: 32px;
}

.three-blocks > div {
    display: table-cell;
    padding: 0 0 0 16px;
}

.three-blocks > div:first-child {
    padding-left: 0;
}

.fifty-fifty address {
    line-height: 1.6;
    margin-top: -16px;
    font-size: 15px;
}

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

.fifty-fifty ol li p {
    margin-left: -28px;
}

.fifty-fifty ol li {
    font-size: 22px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin: 0 0 24px;
}

.fifty-fifty ol li p {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}

.fifty-fifty ol li h2,
.fifty-fifty ol li h3,
.fifty-fifty ol li h4 {
    margin: 0 0 4px;
}

.fifty-fifty > div {
    width: 50%;
    display: table-cell;
    position: relative;
    padding-bottom: 16px;
    max-width: 504px;
}
.content-list.fifty-fifty > li {
    width: 50%;
    display: inline-block;
    position: relative;
    padding-bottom: 16px;
    max-width: 504px;
    margin-bottom: 0;
    margin-right: 0;
}
.content-list.quarter > li {
    width: 23%;
    display: inline-block;
    position: relative;
    padding-bottom: 16px;
    max-width: 504px;
    margin-bottom: 0;
    margin-right: 2%;
}
.content-list.quarter > li:nth-child(3n) {
    margin-right: 2%;
}

.fifty-fifty .keyline-right {
    border: 0;
}

.fifty-fifty .cta a {
    min-width: 70%
}


.table-container > div > div.spacer {
    width: 20px;
    border: 0;
    padding: 0;
}






footer .four-col dd:before {
    content: "\2013";
    padding-right: 5px;
}

footer .quarter ul {
    max-width: 70%;
}

footer .quarter h2 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.2;
}

footer .breadcrumb-bar a {
    border-color: #f5f5f5;
}


/* Footer inline list */

footer .site-padding .inline-list {
    padding: 0;
    margin: 8px 0 16px;
}

footer .inline-list li {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px;
}

footer .inline-list.piped li:first-child {
    border-left: 0;
    padding-left: 0;
}

footer .link-list li {
    display: block;
}

footer .inline-list a {
    color: #333;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}

footer .linksWrap {
    position: relative;
    margin: 0 0 16px;
}

footer .page-link-top {
    border-left: 1px solid #bfbfbf;
    padding-left: 4px;
    position: absolute;
    top: 0;
    display: inline-block;
    right: 0;
}

footer .page-link-top.stuck {
    position: fixed;
    bottom: 1%;
    top: auto;
    border-left: 0;
    background-color: #fff;
    background-color: rgba(245,245,245, .9);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    animation: fade-in .8s;
}

footer .page-link-top:focus {
    border: none;
    text-decoration: underline;
}

footer .inline-list a.external-link {
    padding: 2px 0 2px 20px;
    font-size: 14px;
}



.fifty-fifty table {
    width: 100%;
}

.fifty-fifty td, .content.fifty-fifty th {
    padding: 10px 10px 10px 0;
    min-width: 50px;
}

.fifty-fifty th+td {
    width: 85%;
}


.content-box {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    margin: 16px 0;
    padding: 16px 0;
    font-size: 0;
}

.content-box.clearfix {
    border-bottom: none;
}

.content-box .image-container {
    display: inline-block;
    max-width: 15.7%;
    padding-right: 16px;
}

.content-box .image-container+div {
    display: inline-block;
    max-width: 84.3%;
}

.content-box img {
    margin-bottom: 0;
}

.image-container+div {
    max-width: 100%;
}

aside .content-box {
    margin-top: 0;
    border: 1px solid #d2d2d2;
    padding: 16px;
}

.content-box img {
    margin-bottom: 16px;
}

img.right, .image-container.float-right {
    margin-bottom: 16px;
}

aside .content-box img {
    margin-right: 6%;
    margin-bottom: 15px;
    display: inline-block;
    width: 27%;
    height: auto;
    max-width: 80px;
}


aside .content-box img+.content-container {
    display: inline-block;
    width: 67%;
}

.cta-box,
.muted {
    background-color: #ecf5fc;
    padding: 24px 16px 8px;
    margin: 24px 0;
}

.cta-box.dark {
    background-color: #4D5154;
    color: #fff;
}


.cta-box.dark h2 {
    color: #fff;
}

.muted {
    background-color: #f5f5f5;
}

.muted .link-list a {
    color: #0b51b3;
}

.muted .link-list a.current {
    color: #000;
}

.muted .link-list a:hover {
    text-decoration: underline;
}

.cta-box.white {
    background-color: #fff;
    padding: 0;
}

.cta-box p {
    width: 69%;
    margin: 0 0 20px;
    padding-right: 5%;
    display: inline-block;
}

.cta-box p.cta {
    position: static;
    display: inline-block;
    width: 30%;
    margin: 2px 0 16px;
    float: right;
    padding-right: 0;
}

.cta-box.fifty-fifty {
    padding-bottom: 0;
}

.cta-box .col p.cta {
    min-width: 60%;
    float: none;
}

.cta-box .col p {
    width: auto;
}

.cta-box p.cta a {
    width: 100%;
}

.feature-box {
    padding: 20px 0 30px;
    margin: 24px 0;
}

.form-box {
    background-color: #f5f5f5;
    padding: 24px 16px 24px;
    margin: 24px 0;
}

.form-box fieldset {
    width: 100%;
}


.form-box input[type="submit"]:focus,
.form-box input[type="submit"]:hover {
    background: #fff;
    color: #0b51b3;
    border: 1px solid #0b51b3;
}

.form-box input[type="submit"] {
    margin: 16px 0 0;
    transition: all 0.25s;
}

.form-box form {
    margin-bottom: 0;
}

.form-box input[type="submit"] {
    min-width: 150px;
    text-align: center;
    margin-right: 0;
}

.form-box .heading {
    margin-top: 0;
    margin-bottom: 8px;
}

.form-box p {
    margin: 0 0 20px;
}

.form-container {
    max-width: 660px;
    min-height: 200px;
    margin: auto;
    background-color: #f2f2f2;
}

.no-keyline {
    border: none !important;
}

div.no-keylines > div {
    background: none;
}

.sixty-forty > div {
    vertical-align: top;
}

.sixty-forty .col-one {
    display: inline-block;
    width: 60%
}

.sixty-forty .col-two {
    display: inline-block;
    width: 40%
}

.table-container.no-spacing {
    border-spacing: 0;
}

.table-container.no-spacing > div {
    padding-left: 20px;
}


.table-container .quarter {
    display: table-cell;
    width: 25%;
}

.table-container + hr {
    margin-top: 20px;
}

.table-container .two-quarters {
    display: table-cell;
    width: 50%;
}

.table-container .three-quarters {
    display: table-cell;
    width: 75%;
    padding-left: 15px;
}

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



/* ==========================================================================
   Table rules
   ========================================================================== */

.block-table {
    width: 100%;
    margin: 16px 0;
    table-layout: fixed;
}

.block-table th {
    font-weight: normal;
}


th.icon span {
    overflow: hidden;
    border: 1px solid #bbb;
    border-left: none;
}


.site-padding .tab-list table {
    margin: 0;
}

.tab-list .with-aside div+aside {
    padding-left: 0;
}

.tab-list aside ul.no-bullets {
    margin: 16px 0 36px 0;
}

.tab-list aside .no-bullets li,
.accordion-list aside .no-bullets li {
    margin: 0 0 8px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.accordion-list aside ul.no-bullets a,
.tab-list aside ul.no-bullets a {
    color: #000;
}

.tab-list .with-aside > div:first-child {
    padding-right: 24px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

/* ==========================================================================
   List rules
   ========================================================================== */

section ul {
    margin-left: 32px;
}


.faq-list {
    margin-left: 10px;
    display: table;
}

.accordion-list-container {
    width: 100%;
    margin: 20px 0;
    font-size: 16px;
}

.accordion-list-container img {
    margin: 0 0 15px;
    width: 100%;
    max-width: 324px;
}

.sidebar .accordion-list-container {
    margin: 0;
}

.other-options .accordion-list-container {
    border-top: 1px dotted #717171;
}

.accordion-list > h2,
.accordion-list > dt {
    background-color: #ededed;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    border-radius: 4px;
    margin-top: 1px;
}

.accordion-list > h2 a,
.accordion-list > dt a {
    display: inline-block;
    color: #000;
    position: relative;
    padding: 8px 8px 8px 34px;
}

.accordion-list > h2 a:before,
.accordion-list > dt a:before {
    position: absolute;
    top: 12px;
    left: 10px;
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background: url('/img/spritesheet-icons.png') center -50px no-repeat;
    transform: rotate(0deg);
    transition: transform .4s, background-position 0s;
}

.sidebar .accordion-list dt {
    border: 1px #d2d2d2 solid;
    border-radius: 4px;
    margin-top: 5px;
}

.accordion-list > h2 a.active:before, .no-js .accordion-list h2,
.accordion-list > dt a.active:before, .no-js .accordion-list dt {
    background-position: center -400px;
    transform: rotate(180deg);
    transition: transform .4s, background-position 0s;
}

.accordion-list > .list-wrap,
.faq-list dd, .accordion-list > dd {
    display: none;
    padding: 10px 12px 10px 12px;
}

.accordion-list ul {
    list-style-position: outside;
    margin-left: 20px;
}

.sidebar .accordion-list ul {
    margin: 0;
    padding-left: 10px;
}

.no-js .accordion-list > .list-wrap,
.no-js .faq-list dd, .no-js .accordion-list > dd {
    display: block;
}

.content-list img, .feature-list img, .section-list img {
    width: auto;
}

.content-list > li, .feature-list > li {
    display: inline-block;
    position: relative;
}

.carousel-wrapper .feature-list > li {
    margin-right: 1.7%;
    width: 31.6%;
}

.carousel-wrapper {
    width: auto;
}

.feature-list > li {
    display: inline-block;
    width: 31.6%;
    height: 100%;
    margin-right: 1.7%;
}

.feature-list .content-container {
    border-top: 0;
}


.feature-list > li {
    margin-right: 1.7%;
}


.content-list .content-container, .feature-list .content-container {
    padding: 12px 8px;
    color: #000;
    font-size: 16px;
}

.inline-list > li {
    display: inline-block;
}

.block-list > li a {
    display: block;
}


.piped > li {
    padding: 2px 10px;
    border-left: 1px solid #d2d2d2;
}

.piped.right {
    padding: 0;
}

.rtl .piped.right {
    padding: 0;
}

.piped.right > li:first-child {
    border-left: none;
    padding-left: 8px;
}

.specifications-container table tr th:first-child,
.specifications-container table tr td:first-child {
    width: 25%;
}


.specification-list {
    position: relative;
}

.specification-list > dt {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.specification-list > dd {
    margin-top: 5px;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px;
}
.specification-list > dd+dt {
    padding-top: 24px;
}
.specification-list > dd+dt:before {
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    height: 10px;
    display: block;
    border-top: solid 1px #d2d2d2;
    margin-top: -20px;
}

.specification-list dd:last-child:after {
    display: none;
}

.site-padding .address-list,
.address-list {
    padding-left: 25px;
    position: relative;
}


.address-list h4 {
    line-height: 20px;
    margin-bottom: 8px;
}

.address-list > li {
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: top;
}

.address-list > li:hover {
    background: #ffffff; /* Old browsers */
    /* IE6-9 */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#d2d2d2',GradientType=1);
    background: linear-gradient(to right, #ffffff 70%,#ddd 100%); /* W3C */
}

[data-longitude] {
    cursor: pointer;
}

/* 	this is to make the keyline run the full width of the
	column - a top LI border on an OL is indented by default
*/
.address-list > li:before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #d2d2d2;
    position: absolute;
    left: 0;
    margin-top: -16px
}

.address-list address p, address p {
    margin: 3px 0;
}

address {
    font-size: 14px;
}

.address-list p {
    margin: 5px 0;
}

.site-padding  .fifty-fifty-list  {
    margin-left: 0;
    padding: 0;
    font-size: 0;
}

.fifty-fifty-list > li {
    display: block;
    margin-bottom: 20px;
}

.region-list h3 {
    margin-top: 24px;
}

.region-list h2,
.region-list dt {
    font-size: 24px;
    margin-bottom: 16px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin-top: 56px;
}

.accordion-list-container .region-list h2,
.accordion-list-container .region-list dt {
    margin-top: 1px;
    margin-bottom: 0;
}

.site-padding .region-list ul {
    font-size: 0;
    margin: 0 0 16px 0;
    padding: 0;
}

.rtl .site-padding .region-list ul {
    margin-right: 0;
}

.region-list li {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    font-size: 16px;
}

.accordion-list-container .region-list li {
    display: block;
    width: auto;
    margin-right: 0;
}

.region-list li:nth-child(3n), .region-list li.third-child {
    margin-right: 0;
}

.region-list li a {
    display: block;
    padding: 8px 0 8px 24px;
    position: relative;
    color: #000;
}

.region-list li a:after {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 1px;
    background-color: #d2d2d2;
    transition-duration: .3s;
    transition-property: background-color;
}

.region-list a:hover {
    text-decoration: none;
    color: #0b51b3;
}
.region-list a:hover:after {
    transition-property: background-color;
    transition-duration: .6s;
    background-color: #0b51b3;
}



.fifty-fifty-list .content-container {
    font-size: 16px;
}

.fifty-fifty-list img {
    display: inline-block;
    margin-right: 16px;
    max-width: 142px;
}

.fifty-fifty-list img+.content-container {
    padding-top: 0;
    display: inline-block;
    width: calc(100% - 158px);
}

.no-bullets {
    list-style-type: none;
    padding-left: 0;
    margin-left: 10px;
}

.no-bullets:last-child {
    margin-bottom: 0;
}

#localeSelect ul {
    display: none;
    margin: 5px 0 0 10px;
}


.site-padding ul.manual-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.manual-list h4 {
    margin-bottom: 8px;
}


.manual-list > li > div {
    display: inline-block;
}

.manual-list > li > div:first-child {
    width: 72%
}

.manual-list > li > div+div {
    width: 28%;
    padding-left: 20px;
}

.rtl .manual-list > li > div+div {
    padding-left: 0;
    padding-right: 20px;
}

.manual-list > li > div+div .cta {
    display: block;
    margin-bottom: 4px;
}

.site-padding .manual-list time {
    display: inline;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    color: #000;
}

.manual-list > li+li {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ccc;
}


.site-padding .link-list {
    list-style-type: none;
    margin: 16px 0 16px 8px;
    padding: 0;
}

.quarter .link-list {
    margin: 0;
}

.site-padding .link-list + p > a.arrow-right {
    margin-left: 28px;
    margin-right: 24px;
    padding-right: 0;
    display: inline;
}

.rtl .site-padding .link-list + p > a.arrow-right {
    margin-left: 0;
    margin-right: 28px;
    padding-left: 0;
}

.rtl .site-padding .link-list + p > a.arrow-right:before {
    left: 0;
}

.rtl .site-padding .link-list + p > a.arrow-right {
    margin-left: 12px;
    margin-right: 28px;
}

.site-padding .news-list {
    margin: 24px 0;
    padding: 0;
}

.site-padding .news-list.events time {
    display: inline-block;
    vertical-align: baseline;
    color: #767676;
}

.news-list h2, .news-list h3, .news-list h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    max-width: 85%;
}

.news-list.events h3 {
    margin: 0 0 8px;
}

.news-list h2 a, .news-list h3 a {
    color: #0b51b3
}

.news-list p{
    padding: 0  0 0 24px;
    margin: 0 0 8px;
}

.news-list p.cta {
    margin: 12px 0 32px;
}

.events p {
    color: #666;
}

.events p:last-child, .events p strong {
    color: #000;
}
.content-box .events  {
    margin:0px;
}


.news-list li {
    padding: 0 4px 24px 0
}

.fifty-fifty .news-list li {
    padding: 8px 0;
}

.fifty-fifty .news-list li:first-child {
    padding-top: 0;
}

.fifty-fifty .news-list time {
    color: #666;
}

.fifty-fifty .news-list a {
    color: #000;
}


.fifty-fifty .news-list a:hover {
    color: #0b51b3;
}


.fifty-fifty .events li {
    padding-right: 0;
}

.fifty-fifty .news-list.events li {
    padding-right: 0;
}


#productListContainer {
    padding-top: 20px;
}

#productComparator, #productComparator .cta {
    position: absolute;
    z-index: 100;
    right: 0;
}


#productComparator .wrapper {
    display: none;
    position: relative;
    padding: 20px 15px;
    overflow: visible;
    border: 2px solid #4bbdcd;
    top: 60px;
    right: 10px;
    width: 450px;
    box-shadow: 4px 4px 16px #d2d2d2;
}

#productComparator .wrapper:before {
    content: "";
    display: inline-block;
    z-index: 500;
    position: absolute;
    right:80px;
    top: -9px;
    width: 12px;
    height: 12px;
    border: 2px solid #4bbdcd;
    border-bottom: none;
    border-right: none;
    -ms-transform: rotate(45deg);/* IE 9 */
    -webkit-transform: rotate(45deg);/* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.no-canvas #productComparator .wrapper:before {
    display: none;
}


#productComparator.active:hover .wrapper, #productComparator.active.easeout .wrapper {
    display: block;
    visibility: visible;
}

#productComparatorList img {
    margin-right: 10px;
    max-width: 80px;
    display: inline-block;
}

#productComparatorList .content-container {
    display: inline-block;
    max-width: 350px;
    max-width: calc(100% - 100px);
    line-height: 1;
}

#productComparatorList {
    margin: 0;
    padding: 0;
}
#productComparatorList li {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #d2d2d2
}

#productComparatorList a:after,
.comparison-table [data-action="remove-product"]:after {
    content: "X";
    color: #656766;
    display: inline-block;
    /* float: right; */
    margin-left: 10px;
}

.comparison-table [data-action="remove-product"]:after {
    float: none;
    display: inline;
    vertical-align: top;
}


/* ==========================================================================
   Common footer rules
   ========================================================================== */


body > footer {
    background: #f5f5f5;
    margin: 0;
    border-top: 2px solid #dcdcdc;
    border-bottom: 3px solid #cf142b;
    padding: 16px 0 32px;
    clear: both;
}

body > footer a:hover {
    text-decoration: underline;
}

body > footer .piped {
    font-size: 15px;
    padding: 0;
}

body > footer > div {
    position: relative;
}


body > footer a:hover {
    color: #0b51b3;
}

.social-links h6 {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}

.social-links .icon {
    text-indent: -1000px;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    height: 22px;
    width: 22px;
    background: url('/img/spritesheet-icons.png') 0 -1400px no-repeat;
}

.social-links .twitter {
    background: url('/img/spritesheet-icons.png') 0 -1450px no-repeat;
}

.site-padding .social {
    padding-left: 0;
}

.rtl .site-padding .social {
    padding: 0 0 0 28px;
}

/* ==========================================================================
   Generic rules
   ========================================================================== */

/* Swiper */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #6C7074;
    border: 1px solid #FFF;
    border-radius: 4px;
    margin: 0 13px !important;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #CF1426;
}

:root {
    --swiper-navigation-size: 32px;
}
.swiper-button-next,
.swiper-button-prev {
    width: 32px;
    height: 32px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    content: '';
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
}
.swiper-button-prev img,
.swiper-button-next img {
    border: 0 !important;
}

#productSlider.swiper-container .swiper-wrapper {
    padding-left: 0;
}
#productCarousel.swiper-container .swiper-wrapper {
    padding-left: 12px;
}

.site-padding .content-list.swiper-wrapper {
    display: flex;
    padding-left: 6px;
}
.site-padding .swiper-container.swiper-button-top-81 .swiper-button-next,
.site-padding .swiper-container.swiper-button-top-81 .swiper-button-prev {
    top: 81px;
}
.site-padding .content-list.swiper-wrapper > li {
    margin-right: 0 !important;
}

.video-gallery.swiper-container {
    background: #111;
    border: 1px solid #000;
}
.video-gallery.swiper-container .swiper-slide {
    text-align: center;
    margin: 34px 0;
}
.video-gallery.swiper-container .swiper-pagination {
    bottom: 10px;
    line-height: 13px;
}

.image-gallery .swiper-container {
    max-width: 516px;
}
.image-gallery .swiper-slide {
    padding: 6px;
}

/* Banner */

#banner {
    text-align: center;
    position: relative;
}

#banner img,
.banner > img {
    margin: auto;
    display: none;
}

#banner p {
    text-align: left;
}

.breadcrumb-bar+#banner  {
    margin-top: 0;
}

/* Carousels */

.carousel-wrapper {
    position: relative;
    margin: auto;
}

.link-box {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #ccc;
}

.link-box p {
    margin-bottom: 0;
}

#featurePanel ul.resources li {
    border: none;
    margin: 0;
}

#featurePanel ul.resources li:before,
.related li:before {
    content: '';
    display: none;
}

.buying-guides li a,
#featurePanel .resources li a {
    display: block;
    padding: 0 0 0 35px;
    border: none;
}

.buying-guides li,
ul.resources li {
    margin: 0 0 25px;
}

.buying-guides p,
ul.resources p {
    margin: 2px 0 7px;
    font-size: 11px;
    line-height: 1;
}

.resource-box p {
    margin: 0 0 0 30px;
}
.resource-box a {
    display: block;
}

.resource-box p:first-child,
.buying-guides a p:first-child,
ul.resources a p:first-child,
.link-box a {
    color: #CC132A;
}

.buying-guides a p:first-child {
    font-size: 13px;
}

.tab-list-container {
    margin: 40px 0;
    font-size: 16px;
}

.tab-list-container hr {
    margin: 16px 0;
}


.tab-list-container h3 {
    color: #000;
    font-weight: normal;
    clear: right;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}


.tab-list > dd, .tab-list > dt {
    display: none;
}

.tab-list > dd > p {
    padding: 16px;
}

.tab-list > dd .with-aside {
    margin-top: 28px;
}

.with-aside aside {
    margin: 0 0 28px;
}

.nav-wrapper {
    width: 100%;

}


.tab-list-container nav  {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse:separate;
}



.no-js .tab-list-container nav, .no-js #localeForm  {
    display: none;
    visibility: hidden;
}


.tab-list-container nav h2 {
    margin-bottom: 0;
    font-size: 20px;
    height: 100%;
}
.tab-list-container nav ul  {
    display: table-row;
}
.tab-list-container nav li  {
    height: 100%;
    display: table-cell;
    padding: 0;
    width: auto;
    background: #eee;
    border-bottom: 1px solid #ddd;
}


.tab-list-container nav li a {
    white-space: nowrap;
    overflow: hidden;
}

.tab-list-container li.active {
    border-bottom: none;
}

.tab-list-container li h2 {
    border-bottom: 4px solid #eee;
}

.tab-list-container li:hover h2,
.tab-list-container li.active h2 {
    border-bottom: 4px #cf2441 solid;
}


.tab-list-container nav.full li  {
    width: 178px;
}

.tab-list-container nav li+li {
    border-left: 1px solid #fff;
}

.tab-list-container nav a {
    display: block;
    padding: 0 8px;
}


.tab-list-container nav a {
    color: #000;
    border: 1px solid transparent;
}

.tab-list-container nav a:focus {
    outline: none;
}


.tab-list-container nav .active a {
    background-color: #fff;
}



.no-js .tab-list-container, .no-js .tab-list > dl {
    display: block;
    visibility: visible;
}

.no-js .tab-list .content-container {
    display: none;
}

.tab-list .content-container {
    padding: 35px 0 0;
}

.no-js .tab-list dt {
    margin-top: 10px;
    color: #555;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 20px;
}

.tab-list > dd {
    padding: 16px 8px;
}

.tab-list > dd > p {
    padding: 0;
}

.tab-list > dd  ul {
    margin: 0 0 16px 0;
}


.tab-list > dd img+ul {
    list-style-position: inside;
}


.tab-list > dd  ul li {
    margin: 0 0 8px;
}

/* 	This is here to make lists beside images keep their distance.
	It's probably far too much because not all images will be 324px */
.tab-list > dd  img.left+ul {
    margin-left: 356px;
}

table td, table th {
    padding: 8px 16px;
}


table td+td, table th+th {
    border-left: 1px solid #d2d2d2;
}

tbody tr+tr {
    border-top: 1px solid #d2d2d2;
}

table th {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    padding: 12px 16px;
}

.site-padding .icon-list {
    margin: 15px 0;
    padding-left: 0;
    font-size: 0;
}

.site-padding .icon-list span {
    font-size: 16px;
}

.icon-list li {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    margin-right: 4px;
    margin-top: 4px;
}


.description .icon-list {
    max-width: 240px
}
.icon-list .icon {
    display: block;
    text-indent: -9999px;
    height: 100%;
    /* aligns with copy icon by default */
    background: url('/img/spritesheet-feature-icons.png') center 3px no-repeat;
}

.icon-list .icon.print {
    background-position: center -87px;
}

.icon-list .icon.scan {
    background-position: center -175px;
}

.icon-list .icon.fax {
    background-position: center -264px;
}
.icon-list .icon.wifi {
    background-position: center -353px;
}

.icon-list .icon.usb {
    background-position: center -442px;
}

.icon-list .icon.color {
    background-position: center -531px;
}

.icon-list .icon.five-color {
    background-position: center -1408px;
}

.icon-list .icon.bandw {
    background-position: center -620px;
}

.icon-list .icon.a4 {
    background-position: center -708px;
}

.icon-list .icon.a3 {
    background-position: center -797px;
}

.icon-list .icon.sra3 {
    background-position: center -886px;
}

.icon-list .icon.ppm20 {
    background-position: center -977px;
}

.icon-list .icon.ppm30 {
    background-position: center -1066px;
}


.icon-list .icon.ppm40 {
    background-position: center -1154px;
}


.icon-list .icon.award {
    background-position: center -1244px;
}

.icon-list .icon.smart-panel {
    background-position: center -1330px;
}

.icon-list .icon.ppm {
    border-radius: 50%;
    background: #1BA9E3;
    width: 35px;
    height: 35px;
    text-indent: 0;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin: 0 2px;
}

.icon-list .icon.ppm span {
    text-indent: -9999px;
    visibility: hidden;
}

.info-toggler {
    display: inline-block;
    padding-left: 15px;
    background: url('/img/spritesheet-icons.png') left -396px no-repeat;
}
.active .info-toggler {
    background: url('/img/spritesheet-icons.png') left -93px no-repeat;
}

.results-bar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.results-bar  > p {
    margin: 0;
}

.pagination-bar {
    position: relative;
    margin-bottom: 32px;
    float: left;
    width: 100%;
}

#FAQs .pagination-bar {
    margin-top: 50px;
}

#FAQs .news-list + .pagination-bar {
    margin-bottom: 50px;
    margin-top: 0;
}

.spaced {
    margin-bottom: 20px;
}

.spacer-row {
    height: 32px;
}

.pagination-bar.keyline-top,
.compare-bar {
    padding-top: 20px;
    border-color: #bbb;
}

.pagination-bar.keyline-top.extra-margin {
    margin-top: 50px;
}

#overlay .pagination-bar {
    margin-bottom: 20px;
}

.pagination-bar, .options-bar {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.options-bar {
    margin-bottom: 10px;
    padding-bottom:  10px;
    border-bottom: 1px solid #dcdcdc;
    min-width: 100%;
    min-height: 45px;
}

.stuck .options-bar {
    margin-bottom: 0;
}

.stuck .filter-list-box {
    display: none;
}


.view-options {
    display: inline-block;
}

.no-canvas .view-options {
    display: none;
}

.options-bar .icon, .options-bar .cta a {
    transition-duration: .3s;
    transition-property: background-color;
    background-color: #60605f;
    min-width: 28px;
    display: inline-block;
    min-height: 28px;
}

.options-bar [data-action="toggle-class"], .no-canvas .options-bar [data-action="toggle-class"] {
    display: none;
}

.options-bar .icon {

    margin-right: 5px;
}

.options-bar .cta {
    margin: 0;
}

.options-bar .cta a {
    min-width: 200px;
    margin: 0;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #E1E1E0;
    color: #444;
}

.options-bar .cta a:hover,
.options-bar .cta a.highlight,
.options-bar .cta a:focus {
    border: 1px solid #444;
    background: #fff;
    color: #111;
}


.options-bar .cta.active a {
    background-color: #7e9e00;
    color: #fff;
}

.options-bar .cta.active a:hover,
.options-bar .cta.active a.highlight,
.options-bar .cta.active a:focus {
    border: 1px solid #7e9e00;
    background: #fff;
    color: #7e9e00;
}

.options-bar [data-action="toggle-class"].active, .options-bar [data-action="toggle-sidebar"].active {
    transition-duration: .3s;
    transition-property: background-color;
    background-color: #C2C2C1;
    cursor: default;
}

.pagination-bar {
    margin: 0 0 32px;
    padding: 8px;
    border-top: 1px solid #d2d2d2;
    background-color: #eee;
    text-align: center;
    line-height: 30px;
    min-height: 46px;
}


.pagination-bar a {
    padding: 0 8px;
    display: inline-block;
    border-radius: 4px;
    min-width: 30px;
    line-height: 28px;
    min-height: 30px;
    border: 1px solid #d2d2d2;
}

.hcm .pagination-bar a.last span,
.hcm .pagination-bar a.first span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    width: auto;
    position: static;
}

.hcm .pagination-bar a.last:before,
.hcm .pagination-bar a.first:before {
    display: none;
}

.pagination-bar .first:before,
.pagination-bar .last:before  {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url('/img/spritesheet-icons.png') -5px -1098px no-repeat;
    transition-duration: .4s;
    transition-property: background-position;
    transition-timing-function: ease-in-out;
}

.rtl .banner .content .cta a:after,
.rtl .pagination-bar .previous:before,
.pagination-bar .previous:before,
.pagination-bar .next:after {
    vertical-align: middle;
    position: static;
    padding: 0 6px 0 0;
    text-indent: 0;
}

.rtl .pagination-bar .previous:before,
.pagination-bar .previous:before,
.pagination-bar .next:after {
    padding: 0;
    margin: 0 6px 0 0;
    width: 10px;

    display: inline-block;
    text-decoration: underline;
}

.rtl .pagination-bar .previous:before,
.pagination-bar .previous:before,
.pagination-bar .next:after {
    text-decoration: none;
}

.rtl .banner .content .cta a:before,
.rtl .banner .content .cta a:after {
    float: left;
    margin-right: 6px;
    margin-left: 0;
    color: inherit;
    width: 10px;
    height: 20px;
    text-indent: 0;
    line-height: 18px;
}

.rtl .pagination-bar .previous:before,
.pagination-bar .next:after {
    padding: 0;
    float: right;
    line-height: 28px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 6px;
}

.rtl .pagination-bar .next:after {
    text-indent: 0;
    margin-left: 0;
    margin-right: 6px;
}

.rtl .arrow-right:before {
    position: absolute;
    float: none;
    right: auto;
    left: 0;
    height: 100%;
    top: 100%;
    margin-top: -20px;
}


.rtl h4 .arrow-right:before,
.rtl h3 .arrow-right:before {
    margin-top: -26px;
}

.rtl h2 .arrow-right:before {
    margin-top: -26px;
}

.rtl h1 .arrow-right:before {
    margin-top: -30px;
}

.rtl .pagination-bar .previous:before {
    margin-left: 8px;
    margin-right: 2px;
}

.rtl .pagination-bar .last:before,
.pagination-bar .first:before, .pagination-bar .last:before {
    width: 22px;
    background-position: left -900px;
}

.rtl .pagination-bar .first:before,
.pagination-bar .last:before {
    background-position: right -1150px;
}

.rtl .banner .content .cta a {
    text-align: right;
}

.rtl #banner .slick-dots li button,
.rtl #banner .pause span {
    text-indent: 9999px;
}


.icon-globe:after {
    position: absolute;
    right: 0;
    top: 4px;
    content: "";
    display: inline-block;
    width: 48px;
    height: 32px;
    vertical-align: middle;
    background: transparent url('/img/spritesheet-large-icons.png') center 5px no-repeat;
    background-size: 32px;
}

.icon-filter {
    background: #bcbcbb url('/img/spritesheet-icons.png') center -2444px no-repeat;
}
.sidebar .icon-filter {
    height: 28px;
    width: 28px;
    float: right;
    border-radius: 4px;
}


.icon-list-view {
    background: #bcbcbb url('/img/spritesheet-icons.png') center -2293px no-repeat;
}


.icon-grid-view {
    background: #bcbcbb url('/img/spritesheet-icons.png') center -2344px no-repeat;
}

.pagination-bar ol, .pagination-bar > div {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.pagination-bar li {
    width: auto;
    height: 30px;
    line-height: 30px;
    background-color: #d2d2d2;
    border-radius: 4px;
    min-width: 30px;
}

.pagination-bar li+li, .pagination-bar a+a {
    margin-left: 8px;
}

.pagination-bar a:hover {
    box-shadow: inset 2px 2px 3px 1px #f1f1f1
}

.pagination-bar .active {
    background-color: #666;
}

.image-container.float-right+div {
    display: inline-block;
    vertical-align: top;
    max-width: 47.5%;
}

.image-container.float-right+div + hr {
    margin-top: 20px;
}

.image-container.float-right {
    float: right;
}

/* Product carousel */

#productCarouselContainer {
    vertical-align: top;
    overflow: hidden;
    position: relative;
    margin: auto;
    float: right;
    max-width: 326px;
    width: 50%;
}

#productSlider {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
}

#productCarousel {
    position: relative;
    margin: 20px auto;
}

#productCarousel img {
    border: 1px solid #ccc;
    margin: 0 auto;
}

#ctaPanel > div {
    margin-top: 30px;
}

#ctaPanel .cta, #ctaPanel p {
    margin: 0 0 12px;
    height: auto;
}

#ctaPanel .no-bullets {
    padding-left: 0;
}

#ctaPanel .no-bullets li+li {
    margin-top: 4px;
}

#ctaPanel li .content-link,
#ctaPanel li .download-link {
    margin-bottom: 0;
}

#ctaPanel .cta a, .comparison-table .cta a, .manual-list .cta a {
    display: block;
}

.comparison-table .cta {
    margin-bottom: 0;
}

/* Focus highlight */

#primaryNav > ul > li > a:hover {
    text-decoration: none;
}

.cta a,:focus .cta a:focus {
    border-color: #fff;
}
#primaryNav > ul > li > a {
    position: relative;
    padding: 0 16px;
    display: block;
    line-height: 40px;
    color: #fff;
}

#primaryNav > ul > li.search {
    display: none;
}

#primaryNav > ul > li > a:focus {
    border-color: #fff;
}
#logoContainer a:focus {
    height: 96%;
}

.social-links .icon:active,
#logoContainer a:active {
    background-color: transparent;
}

.button:focus {
    background-color: #B7D342;
}

.button.dark-grey:focus {
    background-color: #666;
}

.button.light-grey:focus {
    background-color: #ddd;
}
#previousProducts .slides li a:focus {
    padding-top: 3px;
}

#productPanel .description {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
    float: left;
}

#productPanel .description h4 {
    margin: 0 0 8px;
}

#productPanel .no-bullets {
    padding-left: 0;
}

#productPanel .no-bullets li+li {
    margin-top: 4px;
}


/* Section list */
.section-list .content-container {
    padding: 16px;
}


body .section-list li.last {
    margin-right: 0;
}


/* With aside */
.wide-aside, .with-wide-aside {
    display: inline-block;
    margin-top: 0;
}

.with-wide-aside {
    padding-right: 2.5%;
}

.with-wide-aside .standard-form form{
    margin-top: 40px;
}

.with-aside, .with-sidebar {
    font-size: 0;
}

.with-aside > div {
    font-size: 16px;
}

.with-wide-aside {
    width: 66%;
    padding-right: 16px;
    display: inline-block;
    min-height: 200px;
    border-right: 1px solid #d2d2d2;
}

.wide-aside {
    width: 32%;
    float: right;
    padding-left: 16px;
}

.with-aside div+aside {
    font-size: 16px;
}





.list-layout .content-list > li {
    max-width: 100%;
}

.float-right {
    float: right;
}


img.right {
    margin-left: 1.5%;
    float: right;
}

img.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}


/* Social bar */
.social-bar {
    margin: 18px 0 0;
}

.social a:hover,
.social-bar a:hover {
    text-decoration: none;
}

.social-bar h4 {
    margin: 0;
    font-size: 16px;
    line-height: 40px;
}

.site-padding .social-bar ul {
    padding: 0 0 0 16px;
}

.social li,
.social-bar ul,
.social-bar li,
.social-bar h4 {
    display: inline-block;
    padding: 0;
}


.social li+li, .social-bar li+li {
    margin-left: 4px;
}

.site-padding ul {
    padding: 0 0 0 28px;
    margin: 0;
}

.site-padding ul:last-child {
    /* margin-bottom: 24px; */
}

.social a,
.social-bar a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #0952a1;
    border: none;
    text-align: center;
}

.social a svg,
.social-bar a svg {
    width: auto;
    height: 23px;
    margin-top: 8px;
}

.social a[href*=google],
.social-bar a[href*=google],
.social-bar a[data-platform=google] {
    background-color: #e1444a;
}

.social a[href*=linkedin],
.social-bar a[href*=linkedin],
.social-bar a[data-platform=linkedin] {
    background-color: #0952a1;
}

.social a[href*=youtube],
.social-bar a[href*=youtube] {
    background-color: #fff;
}

.social a[href*=twitter],
.social-bar a[href*=twitter],
.social-bar a[data-platform=twitter] {
    background-color: #00b2d7;
}

.social a[href*=twitter] svg,
.social-bar a[href*=twitter] svg,
.social-bar a[data-platform=twitter] svg  {
    height: 17px;
    margin-top: 11px;
}

.social a[href*=google] svg,
.social-bar a[href*=google] svg,
.social-bar a[data-platform=google] svg  {
    height: 19px;
    margin-top: 11px;
}

.social a[href*=youtube] svg,
.social-bar a[href*=youtube] svg {
    height: 28px;
    margin-top: 6px;
}

.social a[href*=linkedin] svg,
.social-bar a[href*=linkedin] svg,
.social-bar a[data-platform=linkedin] svg {
    height: 21px;
    margin-top: 9px;
}

.social a > span,
.social-bar a > span {
    color: #fff;
    line-height: 40px;
    font-size: 18px;
}

.no-canvas .social a span,
.no-canvas .social-bar a span {
    display: inline-block;
}

.social a[href*=youtube] span,
.social-bar a[href*=youtube] span {
    color: #000;
}

.social-media-icon-vkontakte {
    background: url(/img/vkontakte-icon.png) center no-repeat #4a76a8 !important;
}

.social-media-icon-instagram {
    background: url(/img/instagram-icon.png) center no-repeat #833ab4 !important;
}

/* Share bar */

.site-padding .breadcrumb-bar > ul {
    display: inline-block;
    max-width: 780px;
    width: 70%;
}

.breadcrumb-bar .social-bar {
    display: inline-block;
    float: right;
}

.breadcrumb-bar .social-bar a {
    width: 25px;
    height: 25px;
}





/* News article */

article > h1 {
    margin: 4px 0;
}

article p {
    margin: 0 0 24px;
}

blockquote, .blockquote {
    padding: 0;
    margin: 32px;
}

.blockquote {
    margin-bottom: 8px;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-style: italic;
}

.blockquote:before,
.blockquote:after {
    content: '\201C';
    display: inline-block;
    font-family: Times, Baskerville, Georgia, serif;
    width: 8px;
    font-weight: 300;
}

.blockquote:after {
    content: '\201D';
}

.news-events blockquote cite, .cite {
    font-style: normal;
    font-size: 14px;
}

.news-events article .body > img {
    margin: 0 auto 30px;
    display: inherit;
}

.news-events article .body > img.left {
    margin-right: 20px;
}

.news-events article .body > img.right {
    margin-left: 15px;
}

.news-events article .body > img.left,
.news-events article .body > img.right {
    margin-bottom: 10px;
}

.news-events article br+div {
    margin-top: 32px;
}

.cite {
    margin: 8px 32px 32px;
}

blockquote p:first-child, .blockquote p:first-child {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    margin: 0 0 8px;
    font-style: italic;
}

figure {
    margin: 0 auto 32px;

    max-width: 504px;
}

figcaption {
    font-size: 14px;
    color: #666;
}

figure img {
    display: block;
    margin: 0 auto 10px;
}

.news-events aside p {
    margin-bottom: 4px;
}


.news-events  aside li p {
    margin-left: 24px;
}


.news-events  aside p:first-child {
    margin-left: 0;
}

.news-events P:first-child {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.site-padding time {
    display: block;
    line-height: 1.5;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin: 0 0 24px;
    color: #767676;
}


.site-padding p time {
    margin-bottom: auto;
}

.site-padding .time {
    line-height: 1;
    padding: 0;
    margin: 0;
}

.time li {
    display: inline-block;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    margin: 0 0 24px;
}

.time li span,
.time li time {
    border-left: 2px solid #888;
    padding: 0 10px;
    height: 1em;
    line-height: 1em;
}

.time li:first-child time,
.time li:first-child span {
    border: none;
    padding-left: 0;
}

ul.time time {
    margin: 0;
}

.news-events aside time {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}

.about-ricoh p.address {
    line-height: 1.5;
}


.about-ricoh p {
    margin: 0 0 24px;
}

.about-ricoh p,
.about-ricoh li {
    font-size: 14px;
}

.with-aside aside li {
    margin: 0 0 24px;
}

.with-aside aside li time {
    margin: 0 0 0 24px;
}

.news-events aside li {
    margin-bottom: 16px;
}
.news-events aside li a {
    margin: 0 0 5px;
}

.site-padding .articles-nav {
    padding-left: 0;
    margin: 0 0 24px;
}

.site-padding article + .articles-nav {
    margin: 50px 0;
}

.articles-nav li {
    width: 49.5%;
    display: inline-block;
    font-size: 16px;
}

.articles-nav li.next {
    float: right;
    text-align: right;
}

.articles-nav .arrow-right:after {
    background-position: right -1096px;
    top: 0;
    height: 20px;
}


/* --- Case studies --- */

.case-study article h1 {
    margin: 0 0 20px;
}

#relatedCaseStudies {
    margin-top: 0;
}

#casestudyLists {
    margin-bottom: 30px;
}

/* ----- Forms ----- */

.radiolist, .checkboxlist {
    margin: 0 0 30px;
    width: 100%;
    position: relative;
}

.checkboxlist.twoColumn span span {
    width: 48%;
    display: inline-block;
}

.checkboxlist.threeColumn span span {
    width: 32%;
    display: inline-block;
}

.checkboxlist.threeColumn p > label,
.checkboxlist.twoColumn p > label {
    width: 100%;
}

.checkboxlist p > label:first-child,
.radiolist p > label:first-child {
    margin: 0 0 15px;
}

.checkboxlist fieldset > span > span,
.radiolist fieldset > span > span,
.checkboxlist p > span > span,
.radiolist p > span > span {
    display: block;
    margin: 0 0 10px;
}

.standard-form .checkboxlist  input[type=checkbox] + label {
    position: relative;
    padding-left: 35px;
}

.standard-form h3 {
    margin-top: 40px;
}

.standard-form .validation-message {
    background: #cf142b;
    color: #fff;
    margin-top: 0;
    display: inline-block;
    font-size: 0.75em;
    padding: 1px 7px;
    margin-right: 10px;
}

.standard-form .hide {
    display: none;
}

.standard-form {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.standard-form textarea[placeholder] {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.standard-form textarea {
    font-size: 16px;
}

.with-aside .standard-form {
    max-width: 100%;
}

.with-aside .standard-form label {
    width: 15%;
}

.with-aside .standard-form label + input {
    width: 84%;
}


/* Lists */

.standard-form ul {
    padding-left: 30px;
}


/* Labels */
.standard-form legend,
.standard-form label {
    width: 32%;
    display: inline-block;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    border: none;
    font-size: 16px;
    color: #000;
    padding: 0;
}

.radiolist legend,
.checkboxlist legend {
    margin: 0 0 16px;
    width: 100%;
}

#ctaPanel .standard-form label,
#ctaPanel .standard-form select,
#ctaPanel .standard-form input,
#ctaPanel .standard-form textarea {
    width: 100%;
    float: none;
}

#ctaPanel .standard-form select,
#ctaPanel .standard-form input,
#ctaPanel .standard-form textarea {
    margin: 0 0 8px;
}

#ctaPanel .form-row:last-child {
    margin-top: 0;
}

#ctaPanel input[type=submit] {
    color: #333;
    background: #eee url('/img/spritesheet-icons.png')	90% -2143px no-repeat;
}

.standard-form label.single-checkbox {
    width: 100%;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}

.standard-form label.single-checkbox span:first-child {
    color: #222;
}

.standard-form label.single-checkbox > span {
    display: inline-block;
    width: 88%;
}

.instructions,
.standard-form label.instructions {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    margin: 5px 0 10px 0;
    line-height: 137%;
    background: #eee;
    padding: 15px;
    border: 1px solid #0099cc;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 32%;
    width: 69%;
    z-index: 1;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
}

.standard-form label.instructions {
    width: 69%;
}

.instructions.active,
.standard-form label.instructions.active,
.tooltip button:focus+.instructions,
.tooltip button:hover+.instructions {
    visibility: visible;
    display: block;
}

.instructions:before,
.instructions:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: auto;
    left: -20px;
    display: block;
    width: 0;
    margin-top:-10px;
    border-style: solid;
    border-width: 10px 20px 10px 0;
}


.instructions:before {
    border-color: transparent #0099cc;
}

.instructions:after {
    left: -18px;
    border-color: transparent #eee;
}

.standard-form .radiolist label.instructions {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    padding-left: 35px;
}

.standard-form .file label.instructions {
    display: inline-block;
    width: 67%;
}

.standard-form input[type=file] {
    margin-left: 33%;
}

.standard-form .arrow-left {
    margin-bottom: 20px;
}


.search-panel .instructions {
    background: #fff;
    color: #333;
}


.search-panel .instructions:after {
    top: -14px;
    right: 0;
    left: auto;
    margin-top: 0;
}

.search-panel .instructions:after {
    border-color: #fff transparent;
}

.search-panel .instructions:after,
.search-panel .instructions:before {
    border-width: 0 10px 20px;
    top: -19px;
    right: 15px;
    left: auto;
    margin-top: 0;
}

.search-panel .instructions:before {
    border-width: 0 11px 20px;
    border-color: #0099cc transparent;
    top: -21px;
    right: 14px;
}

.search-panel .instructions p {
    margin: 0;
    text-align: left;
}


/* Fields */

.standard-form .form-row {
    position: relative;
}

.form-row + .radiolist,
.form-row + .radiolist > p {
    margin: 0;
}

.form-row + .radiolist,
.form-row + .checkboxlist {
    margin-top: 20px;
}

.standard-form .form-row p {
    margin: 0 0 10px;
}

.note {
    background-color: #ecf5fc;
    padding: 15px 15px 5px 15px;
    margin: 0 0 30px;
}

.form-row .note p {
    font-size: 14px;
}

.standard-form input[type=radio],
.standard-form input[type=checkbox] {
    margin-right: 7px;
}

.standard-form .LV_validation_message + .instructions {
    display: block;
    margin-top: -10px;
}

.standard-form input[type=radio] + span,
.standard-form input[type=checkbox] + span,
.standard-form input[type=checkbox] + label,
.standard-form input[type=radio] + label {
    margin-right: 20px;
}

.standard-form input[type=submit] {
    width: 47%;
    float: right;
    margin: 0 0 20px;
}

select, .standard-form input[type=text],
.standard-form input[type=email], .standard-form input[type=tel],
.standard-form input[type=number],  .standard-form input[type=date] {
    width: 67%;
    height: 35px;
    padding: 0 15px;
}

#area_filter {
    height: 35px;
    padding: 0 15px;
}

.standard-form textarea {
    width: 67%;
    border-radius: 4px;
    padding: 15px;
}

.standard-form input[type=checkbox].LV_invalid_field + label:before,

.standard-form input[type=text].LV_invalid_field,
.standard-form input[type=date].LV_invalid_field,
.standard-form input[type=number].LV_invalid_field,
.standard-form input[type=email].LV_invalid_field,
.standard-form input[type=tel].LV_invalid_field,
.standard-form select.LV_invalid_field,
.standard-form textarea.LV_invalid_field {
    background-color: #ffc5cc;
    border: 1px solid #cf142b;
}

.standard-form .LV_validation_message.LV_valid {
    display: none;
}

select, #area_filter {
    border: 1px solid #ddd;
    background: #fff url('/img/spritesheet-icons.png') 98.5% -2625px no-repeat;
    text-indent:0.01px;
    text-overflow:'';
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;
    outline: 0;
    border-radius: 4px;
    padding: 0 0 0 15px;
    background-color: #fff;
}

.standard-form label > span:first-child {
    color: #e65400;
    margin-right: 5px;
}

.form-row:last-child {
    margin-top: 40px;
}

.form-row:first-child {
    margin-top: 0;
}

.standard-form label.list-item > span {
    width: auto;
    color: #222;
    line-height: 1.2;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
}

.standard-form .radiolist label.list-item > span {
    vertical-align: middle;
}

.standard-form select[multiple=multiple] {
    padding: 10px 15px 0 15px;
    height: auto;
    background-image: none;
}

label > input[type=checkbox],
label > input[type=radio] {
    display: inline;
}

.ie9   select,
.no-canvas select {
    padding-right: 0;
    background: none;
}

select:focus,
select:-moz-focusring,
select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
    background-image: none !important;
    outline: 0;
}

select::-ms-expand {
    display: none;
}

.standard-form .validation-message {
    display: none;
}

.standard-form label .validation-message {
    display: inline-block;
}

.instructions,
.standard-form label.instructions {
    width: 60%;
}

.no-canvas .standard-form input[type=checkbox],
.no-canvas .standard-form input[type=radio],
.no-canvas  label.list-item input {
    display: inline;
    border: 1px solid #0099CB;
    position: static;
}

.no-canvas .standard-form input[type=radio] {
    border: none;
}

input[type=radio] + label {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding-left: 35px;
}

input[type=radio] + label:before,
input[type=checkbox] + label:before,
label.list-item:before  {
    display: inline-block;
    content: "";
    font-size: 24px;
}

input[type=radio] + label:before {
    box-sizing: border-box;
}

.no-canvas input[type=radio] + label:before,
.no-canvas input[type=checkbox] + label:before,
.no-canvas label.list-item:before {
    display: none;
}

.no-canvas .standard-form .checkboxlist input[type=checkbox] + label {
    padding-left: 0;
}

.no-canvas .newsletter .form .single-checkbox {
    display: inline;
}

.no-canvas input[type=radio] {
    border: none;
}

.no-canvas input[type=radio] + label {
    padding-left: 10px;
}

.no-canvas .standard-form input[type=checkbox] + label {
    display: inline;
}

.standard-form  input[type=radio] + label:before,
input[type=checkbox] + label:before,
label.list-item:before  {
    letter-spacing: 10px;
    cursor: pointer;
    color: #04bdcd;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 15px;
}

.rtl .standard-form  input[type=radio] + label:before,
.rtl input[type=checkbox] + label:before,
.rtl label.list-item:before {
    margin-right: 0;
    margin-left: 6px;
}

.standard-form input[type=radio] + label:before,
label.list-item:before {
    border-radius: 50%;
    /*box-sizing: border-box;*/
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #ddd;
    position: absolute;
}

.standard-form span label {
    width: auto;
}

input[type=checkbox]:checked + label:before {
    content: " ";
    border: 2px solid #0099CB;
    background: url(../img/spritesheet-icons.png) no-repeat 55% -2561px;
    width: 16px;
    height: 16px;
}

.rtl input[type=radio]:checked + label:before {
    margin-left: 0;
}


.rtl input[type=checkbox]:checked + label:before {
    margin-left: 4px
}

.standard-form  input[type=radio]:checked + label:before {
    background: none;
}

.standard-form  input[type=radio] + label:after,
.radiolist  input[type=radio] + label:after {
    position: absolute;
    content: ' ';
    left: 5px;
    top: 5px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #fff;
    transition-duration: .5s, .3s;
    transition-property: background, transform;
    transform: scale(.5);
}

.no-canvas .standard-form  input[type=radio] + label:after {
    display: none;
}

.radiolist  input[type=radio]:checked + label:after,
.standard-form  input[type=radio]:checked + label:after {
    transition-duration: .5s, .3s;
    transition-property: background, transform;
    background-color: #0099cc;
    transform: scale(1);
}

input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
    letter-spacing: 5px;
    margin-right: 13px;
    border-color: #0099cc;
}

.no-canvas input[type=text],
.no-canvas input[type=email],
.no-canvas input[type=number] {
    line-height: 35px;
}

.no-canvas select {
    padding: 6px 0 6px 15px;
}

.form-row .tooltip,
.tooltip span,
.standard-form label.single-checkbox > span.tooltip,
.standard-form label > span:first-child.tooltip {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #888;
    cursor: help;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin-right: 0;
}

.tooltip button {
    background: transparent;
    border: 0;
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    height: auto;
    padding-left: 0;
    padding-right: 0;
}


.standard-form label > span.tooltip:first-child {
    margin-left: 5px;
}

.rtl .standard-form label > span.tooltip:first-child {
    margin-left: 0;
    margin-right: 6px;
}

.search-panel .tooltip {
    cursor: help;
    position: relative;
    display: inline-block;
    text-align: right;
    float: right;
}

div.tooltip:focus {
    outline: 0;
}

.search-panel .tooltip .instructions {
    width: 100%;
    left: 15px;
    top: 40px;
}

.search-panel .tooltip span {
    margin-left: 3px;
}

.rtl .search-panel .tooltip span {
    margin-left: 0;
    margin-right: 3px;
}

.search-panel .tooltip:focus,
.search-panel .tooltip:hover {
    color: #0099cc;
}

.standard-form .tooltip {
    margin-top: -2px;
}

.search-panel .tooltip:focus span,
.search-panel .tooltip:hover span,
.form-row .tooltip:hover,
.form-row .tooltip:focus,
.tooltip span:hover,
.tooltip span:focus {
    background-color: #0099cc;
}

.form-row .tooltip:focus,
.tooltip span:focus {
    border: 1px dashed #333;
    outline: none;
}


/* Errors */
.standard-form .errors {
    color:  #cf142b;
}

.standard-form .errors h4 {
    display: none;
}

.standard-form .errors ol {
    padding-left: 40px;
    margin-bottom: 40px;
}


/* Newsletter */
.newsletter .form {
    margin: 30px auto 0 auto;
}

.newsletter .form .checkboxlist {
    border-top: 1px solid #d2d2d2;
    padding-top: 24px;
    margin-top: 30px;
}

.newsletter .form .checkboxlist + div {
    border: none;
    padding-top: 0;
    margin-top: 0;
}

.newsletter .form .single-checkbox {
    border-top: 1px solid #d2d2d2;
    padding-top: 24px;
}



/* Width blocks */
.five-col-list li,
.sixth,
.fifth,
.third,
.two-thirds {
    display: inline-block;
    vertical-align: top;
}

.two-thirds {
    width: 67%;
    padding-right: 36px;
}

.third {
    width: 33%;
    padding-right: 15px;
}

.rtl .third {
    padding-right: 0;
    padding-left: 15px;
}

.two-thirds + .third {
    padding-right: 0;
    width: 32.5%;
}

.sixth {
    width: 16%;
    padding-right: 15px;
}

.sixth:last-child {
    padding-right: 0;
}

.fifth,
.five-col-list li {
    font-size: 14px;
    width: 19%;
    padding-right: 15px;
}

.rtl .fifth {
    padding-right: 0;
    padding-left: 15px;
}

.fifth .link-list {
    margin: 0 0 20px;
}




/* Content links list */

.content-links {
    list-style: none;
    margin-top: 10px;
}

.content-links li {
    margin: 0;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.content-links li a {
    color: #000;
}

.content-links li a:hover {
    text-decoration: underline;
}





.standard-form input[type=checkbox],
.standard-form input[type=radio] {
    position: absolute;
    left: -9999px;
    top: 0;
}

.standard-form p > label + input[type=checkbox],
.standard-form p > label +  input[type=radio],
.standard-form p > input[type=checkbox]:first-child,
.standard-form p >  input[type=radio]:first-child {
    position: static;
}


/* Error 404 */

.search-panel {
    background-color: #eaeaea;
    padding: 24px 16px;
    margin: 16px auto 40px;
    position: relative;
}

.search-panel label,
.search-panel h3 {
    margin: 0 0 20px;
    display: inline-block;
    width: auto;
    font-size: 22px;
    line-height: 1.2;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.search-panel h3 + p {
    display: inline-block;
    margin: 0 0 15px 0;
}

.search-panel h3 + .arrow-right {
    width: 30%;
}

.search-panel form {
    margin: 0;
}

.search-panel .keyline-top {
    margin-top: 16px;
}

.search-panel p {
    font-size: 15px;
    clear: both;
    display: inline-block;
}

.search-panel label+p {
    line-height: 1.8;
}

.search-panel input[type=text] {
    width: 100%;
    height: 35px;
    border-color: #ccc;
    padding: 0 16px;
    margin: 0 0 8px;
    position: relative;
    padding-right: 35px;
}

.search-panel input[type=submit] {
    top: auto;
    bottom: 36px;
    position: relative;
    display: none;
}

.search-panel #searchBlockForm input[type=submit] {
    display: block;
    border: none;
}


/* Table styles */

.site-padding table {
    text-align: left;
    margin: 0 0 40px;
    width: 100%;
}

.site-padding table thead {
    border-bottom: 1px solid #ccc;
}

.site-padding table thead td {
    font-weight: bold;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.site-padding .caption,
.site-padding .table-title,
table caption {
    background: #f3f3f3;
    margin: 24px 0 0 0;
    padding: 8px 16px;
    font-size: 20px;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

table caption.whiteBG {
    background: #fff;
}

table caption + thead th {
    background: #f3f3f3;
}

.site-padding .caption {
    margin: 28px 0 40px;
    border-bottom: 1px solid #ddd;
}

.site-padding .comparison-table thead td:first-child {
    border: none;
}

.site-padding table tr {
    background: #fff;
}



.widetable {
    overflow-x: auto;
}


.site-padding .comparison-table-wrapper {
    font-size: 0;
}

.site-padding .comparison-table-wrapper table {
    margin-bottom: 0
}
.site-padding .comparison-table-wrapper > div {
    display: inline-block;
    width: 165px;
}

.site-padding .comparison-table-wrapper > div:first-child table {
    width: 100%;
}

.site-padding .comparison-table-wrapper > div+div {
    width: calc(100% - 165px);
    overflow-x: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.site-padding .comparison-table-wrapper > div+div table {
    table-layout: fixed;
    width: auto;
    margin-left: -1px;
}


.site-padding .comparison-table-wrapper th, .site-padding .comparison-table-wrapper td {
    width: auto;
    font-size: 14px;
    white-space: nowrap;
}

.site-padding .comparison-table-wrapper th[scope="row"] {
    white-space:normal
}


/* Search suggestions */

ul.ui-autocomplete,
ul.suggestions {
    width: 35%;
    background: #fff;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: -6px 0 5px;
    position: absolute;
    z-index: 1;
    display: none;
    max-height: 225px;
    overflow-x: hidden;
    overflow-y: scroll;
}

ul.ui-autocomplete {
    display: inline-block;
    z-index: 9999;
}

ul.suggestions {
    overflow: hidden;
    background: #000;
}

ul.ui-autocomplete li,
ul.suggestions li {
    margin: 0;
    padding: 5px 15px;
    cursor: pointer;
}

ul.suggestions li {
    padding: 7px 15px;
    background: #fff;
    font-style: italic;
    font-size: 15px;
    cursor: default;
}

ul.suggestions li + li {
    padding: 0 15px;
}

ul.suggestions li a {
    cursor: pointer;
}

ul.ui-autocomplete .ui-state-focus,
ul.ui-autocomplete li:hover {
    background: #eee;
}

ul.ui-autocomplete .ui-state-focus a.small {
    background: #0b51b3;
    color: #fff;
}

ul.ui-autocomplete .ui-state-focus a,
ul.ui-autocomplete li:hover a,
ul.suggestions li:hover a {
    color: #0b51b3;
}

ul.ui-autocomplete a,
ul.suggestions a {
    color: #222;
    display: block;
}


.hide-items,
.show-items {
    display: none;
}


/* Supplies table */

.supplies table td,
.supplies table th {
    padding: 20px 15px;
}

.supplies table th {
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
}

.supplies table tr {
    border-top: 1px solid #ccc;
}

.supplies table tr:first-child {
    border-top: 0;
}

.supplies table th:first-child,
.supplies table td:first-child {
    border-right: 1px solid #ccc;
    width: 30%;
}

.supplies table th.cta {
    width: 25%;
}

#supplies table .align-right,
.supplies table .align-right {
    float: right;
    text-align: right;
}

#supplies table img,
.supplies table img {
    width: 120px;
    height: auto;
}

.overflowXscroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.overflowXscroll .supplies table th:first-child,
.overflowXscroll .supplies table td:first-child {
    width: auto;
}

.overflowXscroll > table {
    table-layout: fixed;
    width: auto;
}



.fifty-fifty .col-two .cta {
    left: 24px;
}

.fifty-fifty .cta a {
    min-width: 65%
}


.fifty-fifty+.spacer-row {
    height: 48px;
}


#productCarouselContainer {
    float: right;
}

.float-right {
    float: right;
}

img.right, .image-container.float-right {
    margin-left: 16px;
}

.float-left {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
}

.carousel-wrapper {
    width: auto;
    margin: auto;
    margin-top: 24px;
}

.carousel-wrapper .feature-list > li {
    margin-right: 1.7%;
    width: 31.6% !important;
}

#productPanel > div {
    vertical-align: top;
}

#productPanel .description {
    margin-top: 0;
}

#productPanel #productCarouselContainer+.description {
    width: 50%;
    max-width: calc(100% - 326px);
    padding-right: 16px;
    display: inline-block;
}

#ctaPanel {
    padding-top: 20px;
}

#ctaPanel > div {
    display: inline-block;
    width: 46%;
}

#ctaPanel > div:first-child {
    float: right;
}

#ctaPanel > div+div {
    margin-right: 8%;
}

#ctaPanel {
    clear: both;
    padding-top: 20px;
}

/* Section list */
.site-padding .section-list {
    margin: 24px 0 0;
    padding: 0;
}


.section-list > li,
.section-list > li:nth-child(even) {
    width: 31.5%;
    margin-right: 2%;
}

.section-list > li:nth-child(3n), .section-list > li.third-child {
    margin-right: 0;
}

.content-list {
    /* min-height: 300px; */
}

.content-list > li {
    padding: 0;
    width: 32%;
}

#productListContainer .content-list  > li {
    border: 1px solid #d2d2d2;
}

#productListContainer .content-list  > li.hidden {
    display: none;
    visibility: hidden;
}


#productListContainer .icon-list,
#productListContainer a[data-action="compare"],
#productListContainer .cta {
    position: absolute;
}



.list-layout .content-list > li {
    margin: auto 0 16px;
    padding: 16px;
    display: block;
    width: 100%;
}


.list-layout .content-list a[data-action="compare"], .list-layout .notice {
    position: absolute;
    top: 16px;
    right: 16px;
}

.list-layout .notice {
    top: 16px;
    display: inline-block;
    margin: 0;
}

.list-layout .cta {
    position: absolute;
    right: 16px;
    bottom: 16px;
    margin: 0;
}

.list-layout .content-list img {
    display: inline-block;
    max-width: 227px;
}

.list-layout .content-container {
    padding-top: 0;
    display: inline-block;
    max-width: 480px; /*IE8 */
    max-width:  calc(100% - 227px);
    padding-bottom: 100px;
    min-width: 480px;
}

.list-layout .content-container h3 {
    max-width: 300px;
}

.list-layout .icon-list {
    bottom: 16px;
    margin-bottom: 0;
    max-width: 220px;
}

.grid-layout .notice {
    clear: left;
    margin-top: 10px;
}

.grid-layout .content-container {
    padding-bottom: 200px;
}

.grid-layout .icon-list {
    bottom: 100px;
    margin: 0;
}

.grid-layout .cta {
    margin: 0;
    bottom: 15px;
    left: 8px;
    right: 8px;
}

.grid-layout .cta a {
    display: block;
}


.grid-layout a[data-action="compare"] {
    bottom: 65px;
}

.grid-layout a[data-action="compare"]:after {
    display: none;
}

.grid-layout a[data-action="compare"]:before {
    display: inline-block;
    margin-right: 8px;
}

.grid-layout .content-list {
    display: flex;
    flex-wrap: wrap;
}

.content-list > li:nth-child(3n), .content-list > li.third-child {
    margin-right: 0;
    clear: right;
}


.content-list .content-container {
    min-height: 100px;
}


.with-aside div+aside {
    font-size: 16px;
    padding-left: 16px;
    max-width: 255px;
    display: inline-block;
}




.three-blocks {
    width: 100%;
    display: table-row;
}
.three-blocks > *,
.three-blocks > div {
    display: table-cell;
    vertical-align: top;
}


.three-blocks select {
    margin-bottom: 0;
}

.table-container .two-quarters {
    width: 50%;
    display: table-cell;
}

.table-container .two-quarters .content-container {
    padding: 0 16px;
}

.image-container.small {
    max-width: 38%;
}

.image-container.small+div {
    max-width: 58%;
}

.image-container.float-right {
    float: right;
    max-width: 50%;
}


.with-wide-aside {
    width: 66%;
    padding-right: 16px;
    display: inline-block;
    min-height: 200px;
    border-right: 1px solid #d2d2d2;
}

.with-wide-aside ol,
.with-wide-aside ul {
    margin: 0 0 20px;
}

.with-wide-aside li {
    margin: 0 0 20px;
}


.wide-aside {
    width: 32%;
    float: right;
    padding-left: 16px;
}

aside p {
    margin: 0 0 12px;
}

.wide-aside h4 {
    font-size: 21px;
    margin: 0 0 15px;
}

.wide-aside .link-list {
    margin: 0 0 25px;
}

.wide-aside p {
    margin: 0 0 24px;
}

.with-aside > div {
    padding-right: 16px;
    display: inline-block;
    min-height: 120px;
    width: 74.7%;
}

.with-aside div+aside {
    width: 25.3%;
}

.feature-list {
    display: table-row;
    transform: none !important;
}

.carousel-wrapper .feature-list > li {
    min-width: 31.6%;
}

.feature-list > li {
    width: 32.2%;
}
.feature-list > li {
    margin-right: 1.7%;
}

.feature-list > li.last,
.feature-list > li:last-child {
    margin-right: 0;
}



.image-container.float-right+div {
    max-width: 47.5%;
}

.content-box img {
    margin-bottom: 0;
}


.news-list.events li {
    position: relative;
    padding-left: 72px;
    padding-right: 40px;
}

.events .date-box {
    display: block;
    position: absolute;
    left: 8px;
    background-color: #cf142b;
    text-align: center;
    padding: 8px 0;
    min-width: 52px;
    height: 62px;
    text-transform: uppercase;
}

.events .date-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 62px;
    box-shadow: 4px 4px 6px #d2d2d2;
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s;
}

.events li:hover .date-box:after {
    transition-property: opacity;
    transition-duration: .3s;
    opacity: 1;
}


.events .date-box p, .events .date-box strong {
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
}

.events .date-box p:first-child {
    font-size: 30px;
}

/* Eloqua forms */
.standard-form label {
    width: 32%;
}

.standard-form label.list-item {
    width: auto;
}

.standard-form select, .standard-form input[type=text],
.standard-form input[type=email],
.standard-form input[type=tel],
.standard-form input[type=number],
.standard-form input[type=date],
.standard-form textarea {
    width: 67%;
}

.standard-form input[type=checkbox] + label {
    margin-right: 20px;
}

.standard-form .file label.instructions {
    width: 67%;
}

.standard-form input[type=file] {
    margin-left: 33%;
}

.standard-form input[type=submit] {
    width: 46%;
    float: right;
}

label.elq-label {
    width: 100%;
}

label.elq-item-label {
    width: 100%;
}

.two-column, .three-column {
    padding: 0 !important;
    margin-bottom: 0.5em;
}

.checkbox-aligned.elq-item-label.list-item {
    margin-left: 1.5em;
}

input[type="checkbox"] + label.list-item::before{
    margin-top: 0.2em;
}

div.one-column {
    padding-bottom: 0.2em;
}

/* Thirds blocks */
.third,
.two-thirds {
    display: inline-block;
    vertical-align: top;
}

.two-thirds {
    width: 67%;
    padding-right: 36px;
}

.third {
    width: 33%;
}


.search-panel h3 {
    width: auto;
}

.search-panel h3 + .arrow-right {
    width: 30%;
    float: right;
    text-align: right;
}


#primaryNav [data-hook="subnav-toggler"] {
    display: none;
    visibility: hidden;
}


.fifty-fifty > div:first-child {
    padding-left: 0;
    padding-right: 15px;
}



.small-large-cols .col-one {
    font-size: 16px;
    width: 35%;
    margin-right: 2%;
    display: inline-block;
}

.rtl .small-large-cols .col-one {
    margin-right: 0;
    margin-left: 2%;
}


.small-large-cols .col-two {
    font-size: 16px;
    display: inline-block;
    width: 63%;
    min-height: 650px;
}

.small-large-cols {
    font-size: 0;
}

#productPanel {
    display: inline-block;
    vertical-align: top;
    width: 72%;
    padding-right: 20px;
    border-right: 1px solid #d2d2d2;
}

#ctaPanel {
    padding-top: 0;
    display: inline-block;
    vertical-align: top;
}


#ctaPanel hr {
    margin: 24px 0;
}
#ctaPanel > div {
    width: auto;
    display: block;
}

#ctaPanel > div:first-child {
    float: none;
    margin-top: 0;
}

#productPanel+#ctaPanel {
    width: 28%;
    padding-left: 20px;
}


.notice {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #ce213f;
    padding: 0 15px;
    text-transform: uppercase;
    display: none;
    visibility: hidden;
}

.discontinued .notice {
    display: inline-block;
    visibility: visible;
}

#productPanel .discontinued  {
    display: inline-block;
    max-width: calc(100% - 326px);
    padding-right: 16px;
    width: 50%;
}
#productPanel .discontinued .notice {
    margin-bottom:12px;
}
#productPanel .discontinued p {
    margin-bottom:6px;
}
#productPanel .discontinued hr {
    margin: 24px 0;
}

/* YouTube */

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

/* Alphabet listings */

.site-padding .alpha {
    padding: 0;
}

.alpha li {
    border-bottom: 3px solid #fff;
}

.alpha li.active,
.alpha li:hover  {
    border-bottom: 3px solid #cf142b;
}

.alpha li {
    display: inline-block;
    margin: 0 28px 8px 0;
    font-size: 22px;
    padding: 0;
    font-family: 'Frutiger LT W01_65 Bold1475746', Arial, Helvetica, sans-serif;
    color: #767676;
    transition: all 0.25s linear;
}

.alpha li a {
    color: #000;
}

.alpha li a:hover {
    text-decoration: none;
}

.vertical-middle {
    vertical-align: middle;
}


/* Case studies listing */
#casestudyResults {
    margin: 0 0 28px;
}

#casestudyResults ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px;
}

#casestudyResults li {
    color: #666;
}

#casestudyResults li strong {
    color: #000;
}


/* Job details */

.site-padding .job-details {
    list-style: none;
    margin: 0 0 8px;
}

.job-details li {
    color: #555;
    padding: 0;
}

.job-details li strong {
    color: #000;
}

aside .job-details li {
    color: #000;
}

.job-details h4 {
    font-size: 16px;
    margin: 0;
}

.job-details p,
.with-aside aside li {
    margin: 0 0 16px;
}

.mobile-only {
    display: none;
}

/* Product listing sidebar */

.sidebar {
    width: 24%;
    padding-right: 0;
    margin-left: auto;
    border-top: none;
    padding-left: 0;
}

.sidebar+div {
    display: inline-block;
    margin-left: 2%;
    width: 74%;
}

.view-options [data-action="toggle-class"] {
    display: inline-block;
}

.social-feeds {
    margin: 28px 0 0;
}

[data-action="toggle-sidebar"] {
    display: none;
}

/* Social feeds */
.site-padding ul.social-feed {
    list-style: none;
    padding: 0;
    position: relative;
}

.site-padding ul.social-feed img {
    width: 40px;
    height: 40px;
    border: 1px solid #aaa;
    position: absolute;
    left: 0;
}

.site-padding ul.social-feed li {
    padding-left: 60px;
    margin: 0 0 24px;
}

.site-padding ul.social-feed li p {
    margin: 0 0 4px;
}

.site-padding ul.social-feed li .arrow-right {
    color: #333;
}

.fifty-fifty .social-bar {
    padding-left: 60px;
    margin: 0 0 20px;
    min-height: 40px;
    line-height: 1.2;
    vertical-align: bottom;
    position: relative;
}

.rtl .fifty-fifty .social-bar {
    padding-right: 60px;
    padding-left: 0;
}

.fifty-fifty .social-bar a {
    position: absolute;
    left: 0;
    top: 0;
}

.rtl .fifty-fifty .social-bar a {
    left: auto;
    right: 0;
}

.fifty-fifty > div hr {
    margin: 40px auto 25px;
}

/* Header language select */

#langSelect, #langSelect ul,
#langSelect h4, #langSelect li {
    display: inline-block;
}

#langSelect h4, #langSelect li,
#langSelect  {
    font-size: 14px;
    line-height: 1.2;
}

#langSelect {
    float: right;
    margin-top: 12px;
}

#langSelect ul {
    list-style: none;
    padding: 0;
}

#langSelect li {
    margin: 0 10px 0 0;
    color: #888;
}

#langSelect a {
    text-decoration: underline;
}

#langSelect a.change {
    color: #666;
    padding-left: 12px;
    border-left: 1px solid #666;

    background: url('../img/spritesheet-icons.png') no-repeat 100% -2970px;
    padding-right: 22px;
}

#langSelect a.separator {
    padding-left: 12px;
    border-left: 1px solid #666;
}

#langSelect h4 {
    color: #000;
    font-weight: bold;
    margin: 0 8px 0 0;
}




@font-face {
    font-family: 'social-media-icons';
    src:    url('/fonts/social-media-icons.eot?gu4k32');
    src:    url('/fonts/social-media-icons.eot?gu4k32#iefix') format('embedded-opentype'),
    url('/fonts/social-media-icons.ttf?gu4k32') format('truetype'),
    url('/fonts/social-media-icons.woff?gu4k32') format('woff'),
    url('/fonts/social-media-icons.svg?gu4k32#social-media-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}



[class^="social-media-icon-"], [class*=" social-media-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'social-media-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.social-media-icon-facebook:before {
    content: "\e900";
}
.social-media-icon-google:before {
    content: "\e901";
}
.social-media-icon-linkedin:before {
    content: "\e902";
}
.social-media-icon-twitter:before {
    content: "\e903";
}

.social-media-icon-youtube .path1:before {
    content: "\e904";
    color: rgb(1, 0, 2);
}
.social-media-icon-youtube .path2:before {
    content: "\e905";
    margin-left: -1.0986328125em;
    color: rgb(1, 0, 2);
}
.social-media-icon-youtube .path3:before {
    content: "\e906";
    margin-left: -1.0986328125em;
    color: rgb(1, 0, 2);
}
.social-media-icon-youtube .path4:before {
    content: "\e907";
    margin-left: -1.0986328125em;
    color: rgb(232, 0, 0);
}



/* Glyph icons */

@font-face {
    font-family: 'glyphs';
    src: url('/fonts/glyphs.eot?50853678');
    src: url('/fonts/glyphs.eot?50853678#iefix') format('embedded-opentype'),
    url('/fonts/glyphs.woff2?50853678') format('woff2'),
    url('/fonts/glyphs.woff?50853678') format('woff'),
    url('/fonts/glyphs.ttf?50853678') format('truetype'),
    url('/fonts/glyphs.svg?50853678#glyphs') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* New small bubble */

#generalHeader {
    margin-top: 70px;
}


.banner {
    position: relative;
    height: 256px;
    background-size: cover;
    -ms-behavior: url(/js/backgroundsize.min.htc);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: left;
    border: 1px solid #ddd;
    color: #cf142b;
}

.wide-banner .banner {
    height: 410px;
    overflow: hidden;
}
.slick-preinitialized
{
    display:none;
}
/*.slick-initialized {
    display: block;
}*/

.slick-initialized,
.slick-slide:first-child { display: block; }

#content > #banner .banner {
    border-top: 0;
}

.banner:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.banner .contentWrap {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    width: 99%;
}

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

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

.banner .content {
    top: 0;
    left: 0;
    margin: 0 0 0 6%;
    text-align: left;
    padding: 20px 20px 10px 0;
    display: inline-block;
    position: relative;
    max-width: 57%;
}

.banner.large-bubble .content {
    padding: 0 20px 10px 0;
}

.banner.large-bubble .content.bg {
    padding: 20px 20px 30px 20px;
}

.banner.center .content {
    margin: 20px 0;
}

.banner .content h2,
.banner .content h3 {
    font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
    color: inherit;
}

.rtl .banner .content h2,
.rtl .banner .content h3 {
    text-align: right;
}

.banner .content h2 {
    font-size: 34px;
    line-height: 1.2;
}

.wide-banner .banner .content h2 {
    font-size: 44px;
}

.banner .content h3 {
    font-size: 22px;
    color: #000;
    line-height: 1.2;
}

.banner .bubble {
    border-radius: 3px;
    background: #cf142b;
    display: inline-block;
    position: absolute;
    color: #fff;
    width: 45px;
    height: 45px;
    margin: 0;
    margin-top: 3px;

    transition: all 0.25s;
    opacity: 0.9;
}

.rtl .banner .bubble {
    right: 20px;
}

.rtl .banner .content .text {
    padding-left: 0;
    padding-right: 75px;
}

.rtl .banner .bubble:before {
    right: auto;
    left: -6px;
}

.rtl .banner.large-bubble .content .text {
    padding-left: 0;
    padding-right: 195px;
}

.rtl .banner.large-bubble .bubble:before {
    right: auto;
    left: -20px;
}

.rtl .banner.large-bubble .bubble {
    right: 20px;
}

.rtl .banner .content.bg .bubble {
    right: 20px;
}


.banner.large-bubble .bubble {
    width: 145px;
    height: 145px;
}

.rtl .banner.large-bubble .bubble {
    right: 0;
}

.banner.large-bubble .content {
    max-width: 65%;
}

.banner.large-bubble .content .text {
    padding-left: 195px;
    min-height: 155px;
}

.banner.large-bubble .bubble:before {
    width: 25px;
    height: 25px;
    bottom: -20px;
    right: -20px;
    transition: all 0.25s;
}

.banner .bubble:before {
    content: ' ';
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: -6px;
    right: -6px;
    background: inherit;
    display: block;
    border-radius: 2px;
}

.banner .content .text {
    padding-left: 75px;
    display: inline-block;
    text-align: left;
    color: inherit;
}

.banner .content .text.light h2,
.banner .content .text.light h3,
.banner .content .text.light p {
    color: #fff;
}

.banner .content .text.grey h2,
.banner .content .text.grey h3,
.banner .content .text.grey p {
    color: #999;
}




/* Banner/Bubble colours */

.banner h2.red,
.banner.red {
    color: #cf142b;
}

.banner .content.bg .text h2.yellow,
.banner.yellow {
    color: #f8bf56;
}

.banner.yellow .bubble,
.bubble.yellow {
    background-color: #f8bf56;
}

.banner .content.bg .text h2.pink,
.banner.pink {
    color: #ee9193;
}

.banner.pink .bubble,
.bubble.pink {
    background-color: #ee9193;
}

.banner .content.bg .text h2.green,
.banner.green {
    color: #b7d24e;
}

.banner.green .bubble,
.bubble.green {
    background-color: #b7d24e;
}

.banner .content.bg .text h2.turquoise,
.banner.turquoise {
    color: #4bbdcd;
}

.banner.turquoise .bubble,
.bubble.turquoise {
    background-color: #4bbdcd;
}

.banner .content.bg .text h2.blue,
.banner.blue {
    color: #74bde7;
}

.banner.blue .bubble,
.bubble.blue {
    background-color: #74bde7;
}




.banner .content p {
    color: #000;
    line-height: 1.2;
}

.banner .content.bg {
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.7);
    padding-left: 20px;
}

.right .content.bg {
    margin: 0 6% 0 0;
}

.no-canvas .banner .content.bg {
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
    zoom: 1;
}

.banner .content.bg p {
    color: #fff;
}

.banner .content.bg .text,
.banner .content.bg .text p,
.banner .content.bg .text h2,
.banner .content.bg .text h3 {
    color: #fff;
}

.banner .content.bg .text .matchBubble {
    color: inherit;
}

.banner .content .cta {
    width: auto;
}

.banner .content .cta a {
    text-align: left;
    display: inline-block;
    padding: 8px 12px;
    background-color: #ccc;
    color: #000;
    border: 1px solid #ccc;
}

.banner .content .cta a:after {
    content: "\203A";
    background: none;
}

.banner .content .cta a:after {
    height: 20px;
    vertical-align: top;
    font-family: "glyphs";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-size: 20px;
    display: inline-block;
    text-decoration: inherit;
    width: 10px;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    content: '\e800';
}

.social a[href*=xing],
.social-bar a[href*=xing],
.social-bar a[data-platform=xing] {
    background-color: #006464;
}

.social-media-icon-xing:before {
    font-family: "glyphs";
    content: "\e801";
}

.banner .content.bg .cta.dark a,
.banner .content .cta.dark a {
    background-color: #666;
    color: #EFEFEF;
    border-color: #666;
}

.banner .content.bg .cta a,
.banner .content .cta.light a {
    background-color: #f3f3f3;
    color: #333;
    border-color: #f3f3f3;
}

.banner .content.bg .cta a:hover,
.banner .content .cta a.highlight,
.banner .content .cta a:hover {
    background-color: transparent;
}

.banner .content .cta a.highlight,
.banner .content .cta.dark a.highlight,
.banner .content .cta a:hover,
.banner .content .cta.dark a:hover {
    color: #000;
    border: 1px solid #000;
}

.banner .content.bg .cta a.highlight,
.banner .content .cta.light a.highlight,
.banner .content.bg .cta a:hover,
.banner .content .cta.light a:hover {
    color: #f3f3f3;
    border: 1px solid #f3f3f3;
}

.banner .content.bg .cta a.highlight,
.banner .content .cta.light a.highlight,
.banner .content .cta.dark a.highlight,
.banner .content .cta a.highlight {
    background-color: #FBC03E;
    color: #333;
    border-color: #FBC03E;
    opacity: 1;
}


#introduction-text {
    margin-bottom: 20px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */



@media screen and (max-width: 1024px) {

    .list-layout .content-container h3 {
        max-width: 60%;
    }

    .rtl .comparison-table [data-action="remove-product"]:after {
        margin: 0;
    }

    .filter-list-box {
        border-top: 1px solid #dcdcdc
    }

    .options-bar {
        border-bottom: 0;
    }

    [data-action=toggle-filter-menu],
    h2[data-action=toggle-filter-menu] {
        background: #666;
        color: #fff;
        font-size: 18px;
        display: inline-block;
        padding: 3px 12px 5px;
        cursor: pointer;
    }

    [data-action=toggle-filter-menu]:before {
        display: inline-block;
        content: '+';
        background: #fafafa;
        width: 20px;
        height: 20px;
        margin: 0 10px 0 0;
        vertical-align: middle;
        line-height: 16px;
        color: #666;
        font-weight: bold;
        text-align: center;
        font-size: 25px;
        transition: all 0.5s;

        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    [data-action=toggle-filter-menu].active:before {
        content: '-';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }


    #primaryNav > ul > li.search {
        width: 100%;
    }

    #productComparator.active:hover .wrapper, #productComparator.active.easeout .wrapper {
        display: none;
        visibility: hidden;
    }

    .not-on-desktop {
        display: block;
        visibility: visible;
    }

    #headerSearchBar,
    .desktop-only {
        display: none;
    }

    #langSelect {
        text-align: right;
        margin-right: 45px;
        max-width: 55%;
    }

    #langSelect a {
        display: none;
        margin: 0;
    }

    #langSelect h4 {
        clear: right;
    }

    #langSelect ul li {
        margin: 0;
        display: inline-block;
    }

    .sidebar {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .sidebar.active {
        height: auto;
        z-index: 1000;
    }

    .sidebar+div {
        display: block;
        width: 100%;
        margin-left: 0;
    }


    #productListHeader.stuck {
        padding-top: 60px;
    }

    .description .icon-list {
        max-width: 100%;
    }

    footer .fifth {
        width: 49%;
        padding-right: 0;
    }

    #primaryNav > ul > li.search,
    .not-on-mobile {
        display: inline-block;
    }

    .mobile-only .comparison-table th, .mobile-only .comparison-table td {
        padding: 8px;
    }


    .office-list th:last-child, .office-list td:last-child {
        display: none;
    }


    #primaryNav {
        line-height: 40px;
    }

    #logoContainer img {
        width: 75px;
    }

    .gestetner  #logoContainer img,
    .nashuatec  #logoContainer img,
    .rexrotary  #logoContainer img {
        width: 100px;
    }

    .gestetner  #logoContainer a {
        padding: 12px 0;
    }

    #primaryNav a.external-link {
        background: none;
        padding-right: 0;
    }

    #primaryNav .icon-globe {
        background-color: #C1D1CE;
        color: #000;
        background-size: 30px;
        font-weight: bold;
    }

    #primaryNav a.external-link:after {
        content: "";
        display: inline-block;
        float: right;
        width: 48px;
        height: 22px;
        background: url('/img/spritesheet-icons.png') center -2847px no-repeat;
        margin-left: -5px;
    }


    #primaryNav .subnav-wrapper {
        max-height: 0;
    }

    #primaryNav .subnav-wrapper ul {
        list-style-type: none;
        background-color: #fff;
    }

    #primaryNav .subnav-wrapper ul {
        background-color: #c1c2c2;
    }

    #primaryNav .subnav-wrapper ul ul {
        background-color: #fff;
    }

    #primaryNav .subnav-wrapper ul ul li {
        padding-left: 8px;
    }

    #primaryNav li {
        position: relative;
    }
    #primaryNav .subnav-wrapper li > a+.relative-wrapper {
        border-top: 1px solid #d2d2d2;
    }



    #primaryNav .subnav-wrapper ul {
        max-height: 0;
        transition-property: max-height;
        transition-duration: .2s;
        overflow: hidden;
    }
    #primaryNav .expanded > .subnav-wrapper > .site-container > ul,
    #primaryNav .expanded+ul {
        -webkit-transform: translateZ(0);
        -webkit-transition: max-height .4s linear;
        transition: max-height .4s ease-in-out;
        max-height: 1000px;
        overflow: hidden;
    }

    #primaryNav ul > li > a {
        padding: 0 50px 0 8px;
    }

    #primaryNav ul ul > li > a {
        line-height: 22px;
        padding: 8px 50px 8px 16px;
    }

    .rtl .subnav-wrapper a {
        padding: 0 16px 0 54px;
    }

    .rtl #primaryNav .subnav-wrapper ul > li > a {
        padding: 8px 16px 8px 50px;
        text-align: right;
        padding-left: 8px;
    }

    .rtl #primaryNav [data-hook="subnav-toggler"],
    .rtl .icon-globe:after {
        right: auto;
        left: 0;
        border-left: 0;
        border-right: 1px solid #d2d2d2;
    }

    .rtl #primaryNav li a {
        margin-left: 0;
        padding-right: 8px;
    }

    .rtl #primaryNav a.external-link:after {
        float: left;
        margin-left: 5px;
    }

    .rtl #primaryNav a.external-link {
        padding-left: 0;
    }

    .rtl .pagination-bar ol,
    .rtl .pagination-bar > div {
        padding: 0;
    }

    #primaryNav li {
        border-bottom: 1px solid #d2d2d2;
    }

    #primaryNav li:last-child {
        border-bottom: none;
    }

    #primaryNav li .relative-wrapper+a, #primaryNav li .relative-wrapper+.relative-wrapper,
    #primaryNav li > a+a {
        border-top: 1px solid #d2d2d2;
    }

    #primaryNav [data-hook="subnav-toggler"] {
        background-color: #000;
        box-sizing: content-box;
        border-radius: 0;
        border: 0;
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block;
        visibility: visible;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 40px;
        border-left: 1px solid #d2d2d2;
        overflow: hidden;
    }


    #primaryNav [data-hook="subnav-toggler"] svg {
        -webkit-transform: translateZ(0);
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        transition-duration: .5s;
        transition-property: transform;
        fill: #fff;
        stroke: #fff;
    }

    #primaryNav .subnav-wrapper ul [data-hook="subnav-toggler"] {
        background-color: #c1c2c2;
    }

    #primaryNav .subnav-wrapper [data-hook="subnav-toggler"] svg {
        fill: #000;
        stroke: #000;
    }

    #primaryNav .expanded > svg {
        -webkit-transform: rotateX(180deg);
        transform:rotateX(180deg);
        transition-duration: .5s;
        transition-property: transform;
    }
    .subnav-wrapper a {
        color: #000;
        padding: 0 54px 0 16px;
        display: block;
        border: none;
    }

    .subnav-wrapper a:focus {
        outline: none;
        border: none;
    }

    .search-bar {
        padding-top: 10px;
        height: 60px;
    }

    .search-bar input[type="text"] {
        width: 100%;
        padding: 0 8px;
        border-radius: 0;
        height: 28px;
        background-color: #fafafa;
    }

    .search-bar input[type="submit"] {
        top: 11px;
    }

    .search-bar form {
        margin: 0 8px;
    }

    .banner.large-bubble .bubble {
        width: 70px;
        height: 70px;
    }

    .banner .bubble {
        width: 30px;
        height: 30px;
    }

    .banner .content h2 {
        font-size: 24px;
    }

    .wide-banner .banner .content h2 {
        font-size: 28px;
    }

    .banner.large-bubble .bubble:before {
        width: 15px;
        height:15px;
        bottom: -11px;
        right: -11px;
    }

    .rtl .banner.large-bubble .bubble:before {
        right: auto;
        left: -11px;
    }

    .banner.large-bubble .content .text {
        padding-left: 110px;
    }

    .rtl .banner.large-bubble .content .text {
        padding-left: 0;
        padding-right: 110px;
    }

    .view-options p {
        opacity: 0;
    }


}



@media screen and (max-width: 768px) {


    .manual-list > li > div {
        display: block;
    }

    .manual-list > li > div+div {
        width: auto;
        padding-top: 12px;
        padding-left: 0;
    }

    .rtl .pagination-bar .next:after {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl #navIcon + #langSelect {
        margin-left: 45px;
    }

    #banner > .slick-slider {
        background-color: #666;
    }

    .banner .content.bg .cta.dark a {
        background-color: #333;
    }

    .banner .content.bg .cta.dark a:hover {
        background: transparent;
    }

    .search-panel input[type=text] + p+p,
    .search-panel input[type=text] + p {
        max-width: 100%;
        margin-bottom: 16px;
    }

    .search-panel input[type=text] + p+p {
        margin-bottom: 0;
    }

    /* SUpplies table adjustments */
    .rtl #supplies table img.align-right,
    .rtl .supplies table img.align-right,
    #supplies table img.align-right,
    .supplies table img.align-right {
        float: none;
        display: block;
        margin: 0 0 10px;
    }

    tr td.cta.light a {
        width: 100%;
    }


    #banner .play-pause {
        margin-top: -2px;
    }

    #banner .play {
        margin-top: -1px;
    }

    .banner {
        border: none;
        height: auto;
    }

    .wide-banner .banner,
    .banner {
        text-align: center;
        height: auto;
        background: none;
    }

    .site-banner img+div {
        margin-top: 0;
    }

    #banner img,
    .banner > img {
        display: block;
    }

    .banner .contentWrap {
        background: #666;
        color: #fff;
        padding-top: 30px;
        width: 100%;
    }

    .banner .content.bg {
        background: none;
        max-width: 100%;
        padding-top: 0;
    }

    .banner .content h3,
    .banner .content p {
        color: #fff;
    }

    .banner.large-bubble .content,
    .banner .content {
        margin-top: 0;
    }

    .rtl .banner.large-bubble .content .text,
    .rtl .banner .content .text {
        width: 100%;
        padding-right: 0;
    }

    .banner:before {
        display: none;
    }

    .banner.large-bubble .content,
    .banner .content {
        width: 100%;
        margin: 0 0 20px 0;
        max-width: 100%;
        padding-left: 20px;

        padding-top: 0;
        margin-bottom: 5px;
    }

    .banner .content.bg {
        margin-bottom: 0;
    }

    .banner .content .text {
        padding-left: 0;
    }

    .banner .bubble,
    .banner.large-bubble .bubble {
        display: none;
    }

    .banner .content .text.grey h2,
    .banner .content .text.grey h3,
    .banner .content .text.grey p {
        color: #fff;
    }

    .banner.large-bubble .content .text,
    .banner .content .text {
        max-width: 100%;
    }

    .banner.large-bubble .content .text {
        padding-left: 0;
    }

    .banner.large-bubble .bubble:before {
        width: 8px;
        height: 8px;
        bottom: -6px;
        right: -6px;
    }

    .banner.large-bubble .bubble {
        width: 30px;
        height: 30px;
    }

    #banner .slick-dots {
        position: static;
        padding-top: 12px;
        background: #f3f3f3;
    }

    #banner .play-pause {
        bottom: 0;
    }

    #productCarouselContainer {
        width: 100%;
        float: none;
    }


    #productPanel #productCarouselContainer+.description {
        width: 100%;
        max-width: 100%;
    }
    #productPanel .discontinued  {
        width: 100%;
        max-width: 100%;
    }

    footer .table-container .quarter {
        width: 50%;
        display: inline-block;
    }

}


@media screen and (max-width: 640px) {

    .fifty-fifty > div {
        max-width: 100%;
    }

    #ctaPanel {
        margin-top: 20px;
    }

    .news-list + p > a.more-link {
        position: static;
        display: inline-block;
        text-align: right;
        float: right;
        border-bottom: 1px solid #fff;
    }

    .news-list + p > a.more-link:hover {
        border-color: #0b51b3;
    }

    .two-thirds + .third {
        margin-top: 16px;
    }

    .fifty-fifty > div:first-child {
        margin-bottom: 16px;
    }

    .banner.large-bubble .bubble,
    .banner .bubble {
        width: 20px;
        height: 20px;
    }

    .pagination-bar a {
        font-size: 14px;
    }

    #siteWrapper .site-padding .breadcrumb-bar > ul,
    .content-box .image-container,
    .content-box .image-container+div,
    .three-blocks > *,
    .three-blocks > div,
    .instructions, .standard-form label.instructions,
    .standard-form label.instructions,
    .cta-box p,
    select, #locationFilter,
    #productPanel+#ctaPanel,
    #productPanel,
    #ctaPanel > div,
    #ctaPanel > div+div,
    #productPanel .description,
    .list-layout .content-container,
    .table-container .three-quarters,
    .content-list > li,
    .content-list.fifty-fifty > li,
    .content-list.quarter > li,
    .wide-aside,
    .with-wide-aside,
    .table-container .quarter,
    .fifty-fifty > div,
    .standard-form select,
    .standard-form input[type=text],
    .standard-form input[type=email],
    .standard-form input[type=tel],
    .standard-form input[type=number],
    .standard-form input[type=date],
    .standard-form textarea,
    .with-aside > div,
    .with-aside div+aside,
    .small-large-cols .col-one,
    .two-thirds,
    .third,
    .two-thirds + .third,
    .fifth,
    footer .fifth,
    .five-col-list,
    footer .sixth,
    .sixth {
        width: 100%;
    }

    .table-container .quarter {
        margin: 0 0 8px;
        padding: 0;
    }

    #siteWrapper .site-padding .breadcrumb-bar > ul,
    .content-box .image-container,
    .content-box .image-container+div,
    .image-container.float-right,
    .list-layout .content-list img,
    .list-layout .content-container h3,
    .list-layout .content-container,
    .with-aside div+aside,
    .image-container.float-right+div {
        max-width: 100%;
    }

    aside .cta a,
    .standard-form input[type=submit],
    .site-padding table,
    .cta-box p.cta,
    .standard-form label,
    .standard-form label .validation-message {
        width: auto;
    }

    .rtl .standard-form input[type=checkbox] + label,
    .rtl .image-container.float-right,
    .third:first-child,
    .newsletter .form .single-checkbox,
    #ctaPanel > div+div,
    .content-list > li,
    .two-thirds,
    .small-large-cols .col-one {
        margin-right: 0;
    }

    .rtl .fifty-fifty .news-list.events li,
    .rtl .news-list.events li,
    .rtl .three-blocks > div,
    .rtl .cta-box p.cta,
    .rtl #productPanel+#ctaPanel,
    .with-aside > div,
    footer .sixth,
    .cta-box p,
    .news-list.events li,
    .with-wide-aside,
    .fifty-fifty > div,
    .fifty-fifty > div:first-child,
    .two-thirds,
    .fifth,
    .five-col-list,
    .sixth {
        padding-right: 0;
    }

    .three-blocks > div,
    .with-aside div+aside,
    .table-container .three-quarters,
    .news-list.events li,
    #productPanel+#ctaPanel,
    .fifty-fifty > div,
    .fifty-fifty > div:first-child {
        padding-left: 0;
    }

    .with-wide-aside {
        border-right: 0;
    }

    .breadcrumb-bar .social-bar,
    #siteWrapper .site-padding .breadcrumb-bar > ul,
    .mobile-only,
    .content-box .image-container,
    .content-box .image-container+div,
    #navToggler,
    #primaryNav > ul > li,
    .three-blocks > *,
    .three-blocks > div,
    #productListContainer .icon-list,
    #productListContainer a[data-action="compare"],
    .instructions.active,
    .standard-form label.instructions.active,
    .table-container > div,
    .table-container .three-quarters,
    .table-container .quarter,
    .fifty-fifty > div {
        display: block;
    }

    .site-padding .social-bar ul {
        padding: 0;
    }

    .quarter+.quarter {
        margin-top: 24px;
        padding: 0;
    }

    .mobile-only {
        visibility: visible;
    }

    .pagination-bar a.first,
    .pagination-bar a.last,

    a[data-action="compare"]:after,
    .not-on-mobile,
    .not-on-mobile > *,
    .site-banner .thought-bubble,
    #primaryNav,
    #primaryNav > ul > li:hover > a:before,
    .instructions.active:before,
    .instructions.active:after,
    .instructions,
    .standard-form label.instructions,
    .events .date-box,
    .small-large-cols .col-two {
        display: none;
    }


    .rtl .pagination-bar a.next,
    .pagination-bar a.next,
    .pagination-bar a.previous {
        max-width: 32px;
        overflow: hidden;
        max-height: 20px;
        position: relative;
    }

    .rtl .standard-form input[type=checkbox] + label,
    .rtl .pagination-bar a.next,
    .pagination-bar a.previous {
        margin-left: 0;
    }

    .pagination-bar a.next {
        text-indent: 9999px;
    }

    .pagination-bar a.next:after {
        right: auto;
        left: 4px;
        position: absolute;
        top: 0;
    }

    .rtl .pagination-bar a.next:after {
        position: absolute;
        left: 12px;
    }

    .rtl .image-container.float-right,
    .rtl .breadcrumb-bar .social-bar,
    .rtl .cta-box p.cta,
    .breadcrumb-bar .social-bar,
    .align-right,
    .search-panel p,
    .search-panel .tooltip,
    .cta-box p.cta,
    .image-container.float-right,
    #productCarouselContainer,
    #ctaPanel > div:first-child,
    img.right,
    i.mage-container.float-right,
    .wide-aside {
        float: none;
    }

    .news-events article .body > img.right,
    .image-container.float-right,
    img.right {
        margin-left: 0;
        width: auto;
    }

    #productListContainer .cta {
        position: static;
        display: inline-block;
    }

    .search-panel .tooltip,
    #productListContainer .icon-list,
    #productListContainer a[data-action="compare"],
    #productListContainer .cta,
    .instructions,
    .standard-form label.instructions {
        position: static;
    }

    #siteWrapper .site-padding .breadcrumb-bar > ul,
    .search-panel .tooltip,
    .three-blocks > *,
    .three-blocks > div,
    .content-box img,
    #productListContainer .icon-list,
    #productListContainer a[data-action="compare"],
    a[data-action="compare"] {
        margin-bottom: 16px;
    }

    #productListContainer .content-list > li {
        border: none;
    }

    .list-layout .content-list > li {
        padding: 0;
    }

    .third.align-right,
    #primaryNav > ul > li,
    .search-panel p,
    .search-panel .tooltip {
        text-align: left;
    }

    .rtl .third.align-right,
    .rtl #primaryNav > ul > li,
    .rtl .search-panel p,
    .rtl .search-panel .tooltip {
        text-align: right;
    }


    footer .table-container .quarter {
        width: 100%;
        display: inline-block;
    }

    a[data-action="compare"]:before {
        display: inline-block;
        margin-right: 8px;
    }

    #siteWrapper .site-padding .breadcrumb-bar > ul,
    #productListContainer .icon-list {
        max-width: 640px;
    }

    /* Arabic */

    .rtl .content-list > li {
        margin-left: 0;
    }

}


@media screen and (max-width: 548px) {
    .banner .content.bg,
    .banner .content {
        margin-top: 0;
    }
}


@media screen and (min-width: 1025px) {


    #headerBar {
        height: 72px;
        transition-property: height;
        transition-duration: .2s;
    }

    .scrolled #headerBar {
        height: 0;
        transition-property: height;
        transition-duration: .2s;
        overflow: hidden;
    }


    .specification-list {
        margin: 0 8px;
    }
    .specification-list dt {
        display: inline-block;
        width: 30%;
    }

    .specification-list dd {
        vertical-align: top;
        margin: 10px 0;
        display: inline-block;
        width: 70%;
        clear: right;
    }

    .mobile-only {
        display: none !important;
        visibility: hidden !important;
    }

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


    /* Primary nav */

    #primaryNav {
        display: block;
        width: 100%;
        background-color: #000;
        position: relative;
        min-height: 32px;
    }

    #primaryNav .subnav-wrapper .site-container {
        background-color: #fff;
    }
    #primaryNav .subnav-wrapper > .site-container > ul {
        background-color: #fff;
        padding: 24px 8px 8px;
        width: 100%;
        margin-bottom: 24px;
        display: table;
        table-layout: fixed;
        padding-bottom: 20px;
    }

    #primaryNav .subnav-wrapper > .site-container > ul > li {
        display: table-cell;
    }

    #primaryNav > ul > li > a {
        position: relative;
        padding: 0 16px;
        display: block;
        line-height: 40px;
        color: #fff;
    }



    #primaryNav > ul > li {
        text-align: center;
        display: inline-block;
    }

    #primaryNav > ul > li.region-select {
        display: none;
        visibility: hidden;
    }


    #primaryNav > ul > li:first-child > a {
        padding-left: 8px;
    }

    #primaryNav > ul > li > a.highlight,
    #primaryNav > ul > li > a.open,
    #primaryNav > ul > li:hover > a {
        background-color: #d2d2d2;
        color: #000;
    }

    #primaryNav > ul > li > a.highlight:before,
    #primaryNav > ul > li > a.open:before,
    #primaryNav > ul > li > a:before {
        opacity: 0;
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-10px);
        width: 0;
        height: 0;
        border-top: 10px solid #d2d2d2;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        z-index: 201;
    }

    #primaryNav > ul > li > a.highlight:before,
    #primaryNav > ul > li > a.open:before,
    #primaryNav > ul > li:hover > a:before {
        opacity: 1;
        transition-duration: .4s;
        transition-property: opacity;
    }

    .no-canvas #primaryNav > ul > li > a:before {
        display: none;
    }

    #primaryNav > ul > li > a.active:before {
        border-top-color: #333;
    }

    #primaryNav .subnav-wrapper ul ul {
        margin-bottom: 8px;

    }
    #primaryNav .subnav-wrapper ul ul a {
        font-family: 'Frutiger LT W01_55 Roma1475738', Arial, Helvetica, sans-serif;
        padding-bottom: 2px;
    }


    #primaryNav ul ul > li > a, #primaryNav ul ul > li > .relative-wrapper > a {
        margin-bottom: 4px;
    }

    #primaryNav a.active {
        background-color: #333;
    }


    #primaryNav .subnav-wrapper {
        height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        width: 100%;
        border-top: none;
        background: #000;
        background: linear-gradient(to bottom, rgba(0,0,0,1) 5%, rgba(0,0,0,.8));
        z-index: 2;
        transition-duration: .3s;
        transition-delay: .1s;
        transition-property: opacity;
    }


    #primaryNav .subnav-wrapper.visible, #primaryNav > ul > li:focus .subnav-wrapper,
    #primaryNav > ul > li > a.active + .subnav-wrapper {
        visibility: visible;
        opacity: 1;
        z-index: 200;
        height: auto;
        transition-duration: .4s;
        transition-property: opacity;
    }

    #primaryNav .subnav-wrapper li {
        text-align: left;
        padding: 0 8px
    }
    #primaryNav a.external-link {
        background-image: url('/img/spritesheet-icons.png');
        background-position: -5px -2706px;
        background-repeat: no-repeat;
    }
    #primaryNav a.external-link:before {
        display: none;


    }

    body > footer {
        padding-bottom: 24px;
    }

    p.copyright-notice {
        bottom: 0;
        right: 0;
    }

    .accordion-list > h2 a,
    .accordion-list > dt a {
        display: block;
    }

    a[data-action="filter"] {
        display: block;
    }


    .fifty-fifty > div+div {
        padding-left: 15px;
        padding-right: 0;
    }


}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

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

.hidden, .hide-dealer {
    display: none;
    visibility: hidden;
}

[data-hook="template"] {
    display: none !important;
    visibility: hidden !important;
}

.visuallyhidden,
.compare-content, .error-content, #overlay.hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: block;
    visibility: visible;
}

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

.invisible {
    visibility: hidden;
}

section:before,
section:after,
.clearfix:before,
.clearfix:after,
.site-padding+.site-padding:before {
    content: " ";
    display: table;
    clear: both;
}

.clear {
    clear: both;
}

.text-hidden {
    text-indent: -5000px;
}

#siteWrapper .loading {
    position: relative;
}

#siteWrapper .loading * {
    opacity: .5;
    transition-duration: .3s;
    transition-property: opacity;
}

#siteWrapper .loading:after {
    content: "";
    display: block;
    position: absolute;
    height: 64px;
    width: 100%;
    top: 5%;
    background-image: url('/img/loading-icon-white-64px.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

@keyframes fade-in {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* YouTube */

.fifty-fifty .youtube-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
}

.fifty-fifty .youtube-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}