@charset "UTF-8";
.about-irobot html { overflow: visible !important; }

.about-irobot body { font-family: HarmoniaSans, "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; font-size: 16px; margin: 0; }

.about-irobot h1, .about-irobot h2, .about-irobot h3, .about-irobot h4, .about-irobot h5, .about-irobot h6, .about-irobot p { margin: 0; }

.about-irobot h1, .about-irobot h2, .about-irobot h3, .about-irobot h4, .about-irobot h5, .about-irobot h6 { font-weight: 500; }

.about-irobot h2 { font-size: 55px; }

.about-irobot h3 { font-size: 30px; }

.about-irobot a { color: #64a70b; text-decoration: none; }

.about-irobot img { border: 0; height: auto; max-width: 100%; vertical-align: middle; }

.about-irobot sup { line-height: 0; position: relative; top: 0.2174em; }

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

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

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

.about-irobot .text-justify { text-align: justify; }

.about-irobot .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

.about-irobot .mobile-only-block { display: none; }

.about-irobot .b-jet-tm { font-size: 0.6em; font-weight: normal; line-height: 0; position: relative; top: 0.25em; vertical-align: super; }

.about-irobot .braava-reg { font-size: 0.5em; font-weight: normal; line-height: 0; position: relative; top: 0.3em; vertical-align: super; }

.about-irobot .page-content { position: relative; }

.about-irobot .btn-wrap { margin: 25px 0 -13px; }

.about-irobot .gray { background: #f7f7f7; }

.about-irobot .btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.about-irobot .btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.about-irobot .btn:disabled, .about-irobot .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.about-irobot .pri-btn, .about-irobot .sec-btn, .about-irobot .ter-btn, .about-irobot .qua-btn, .about-irobot .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.about-irobot .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.about-irobot .pri-btn:hover { background: #579802; border-color: #579802; }

.about-irobot .sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.about-irobot .sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.about-irobot .ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.about-irobot .ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.about-irobot .qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.about-irobot .qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.about-irobot .shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.about-irobot .shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.about-irobot .play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.about-irobot .lg-btn { padding: 10px 20px; }

.about-irobot .btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.about-irobot .btn-twitter:hover { background: #1da1f2; }

.about-irobot .btn.buy_btn, .about-irobot .btn.greenBtn, .about-irobot .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.about-irobot .btn.buy_btn:hover, .about-irobot .btn.greenBtn:hover, .about-irobot .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

.about-irobot .static-text-section { padding: 2.4em 0; text-align: center; }

.about-irobot .static-text-section .content { max-width: 1150px; margin: auto; }

.about-irobot .static-text-section .title { font-size: 2.2em; font-weight: 500; line-height: 1.15; margin: 0 0 0.2em; }

.about-irobot .static-text-section .heading { font-size: 1.2em; font-weight: 500; margin: 0 0 0.3em; }

.about-irobot .static-text-section .btn-wrap { margin: 1em 0 -13px; }

.about-irobot .static-text-section .btn { margin: 0 5px 13px; }

.about-irobot .gray { background: #f7f7f7; }

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

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.about-irobot h2 { font-size: 55px; }

.media-awards .awards_news_wrapper { display: table; }

.media-awards .awards_news { display: table-row; }

.media-awards .awards_news .news { padding: 0 0 0 20px; }

.media-awards .awards_news .subnav_title { font-size: 12px; font-weight: 700; padding: 0 0 15px; text-align: right; text-transform: uppercase; }

.media-awards .awards_news .awards_wrapper, .media-awards .awards_news .news { display: table-cell; }

.media-awards .subnav_title { font-size: 12px; font-weight: 700; padding: 0 0 15px; text-align: right; text-transform: uppercase; }

.media-awards .award_title, .media-awards .award_image { border-top: 1px solid #ebebeb; display: table-cell; font-size: 11px; padding: 10px 0; vertical-align: middle; }

.media-awards .award_title { padding: 10px 10px 10px 0; text-align: right; width: 120px; }

body { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; font-size: 16px; margin: 0; }

.braava .scroll-spy-anchor { display: block; height: 0; line-height: 0; top: -3.2em; }

.braava .disclaimer { color: #939598; font-size: 10px; line-height: 14px; padding: 25px 0; }

.braava .disclaimer li { list-style: none; }

.braava .bg-braava-blue .flex-30 { width: calc(100% / 3); -ms-flex: none; flex: none; }

.braava .bg-braava-blue .flex-30 p { font-size: 20px; margin: 0 0 1.5em; line-height: 24px; }

.braava .bg-braava-blue .flex-30 .row { padding: 0; display: block; }

.braava .bg-braava-blue .flex-30 .body { font-size: 20px; line-height: 24px; margin: 0 0 1.5em; }

.braava .bg-braava-blue .flex-30 .slick-slider { width: 100%; max-width: 720px; }

.braava .bg-braava-blue .flex-30 .slick-dots { position: static; }

.braava .bg-braava-blue .flex-30 .slick-dots li { border-radius: 50%; display: inline-block; height: 10px; font-size: 0; vertical-align: middle; width: 10px; }

.braava .bg-braava-blue .flex-30 + .flex-30 { color: #fff; border-left: 2px; box-sizing: border-box; padding: 0 35px; position: relative; }

.braava .bg-braava-blue .flex-30 + .flex-30::after { background: #fff; bottom: 0; content: ''; left: 0; position: absolute; top: 0; width: 1px; }

.braava .bg-braava-blue .flex-30 .text-wrapper .body p { -ms-flex-positive: 0; flex-grow: 0; }

.braava .bg-braava-blue .flex-30 h2 { text-transform: uppercase; font-weight: normal; font-size: 25px; margin: 0 0 1.5em; }

.braava .bg-braava-blue .flex-30 .img-text-pair-section .img-text-pair.row .text-wrapper { -ms-flex: 0; flex: 0; }

.braava .bg-braava-blue .cycle-prev, .braava .bg-braava-blue .cycle-next { border: 0 solid #fff; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: inline-block; height: 30px; position: absolute; width: 30px; z-index: 2; }

.braava .bg-braava-blue .cycle-next { border-width: 2px 2px 0 0; margin: 0 -75px 0 0; right: 50%; transform: rotate(45deg) translate(0, 14px); }

.braava .bg-braava-blue .cycle-prev { border-width: 2px 0 0 2px; left: 50%; margin: 0 0 0 -75px; transform: rotate(-45deg) translate(0, 14px); }

.braava .bg-braava-blue .video-item { box-sizing: border-box; padding: 0 5px 5px 0; position: relative; width: 33.3333%; }

.braava .bg-braava-blue .video-item img { width: 100%; height: 100%; }

@media (max-width: 952px) { .braava .bg-braava-blue .mobile-flex-column { display: block; width: 100%; }
  .braava .bg-braava-blue .flex-30 { width: 100%; }
  .braava .bg-braava-blue .flex-30 + .flex-30 { position: static; margin-bottom: 24px; }
  .braava .bg-braava-blue .flex-30 .video-iframe { width: 100%; }
  .braava .bg-braava-blue .flex-30 .slick-slider { max-width: 100%; }
  .braava .bg-braava-blue .flex-30 .slick-dots { padding-bottom: 24px; } }
@media (max-width: 767px) { .braava .scroll-spy + .bg-img-callouts { margin-top: 20px; }
  .braava .bg-img-callouts .content h1 { font-size: 1.2em; }
  .braava .bg-img-callouts h2 { font-size: 30px; }
  .braava .bg-img-callouts.video .play-button { bottom: 10%; transform: translate(-50%, 0) scale(0.75); }
  .braava .bg-img-callouts.video .content.middle { top: 30%; }
  .braava .split-callouts .text-wrapper .body { width: 100%; }
  .braava p { font-size: 1em; }
  .braava .bg-braava-blue .flex-30 + .flex-30 { padding: 0; padding: 0 35px; }
  .braava .bg-braava-blue .flex-30 + .flex-30::after { width: 0; } }
@media (max-width: 400px) { .braava .bg-img-callouts .btn { margin: 10px 0 0 0; } }
/***
*   File:
*       careers-ie8.less
*
*   Description:
*       This file contains style required to make the 4 careers pages render
*       properly in IE8 and IE9
*
*   Table of Contents:
*       1. General Styles
*       2. Shared Styles
*       3. Homepage Styles
*       4. Learn Page Styles
*       5. Inside Page Styles
*       6. IE9 Overrides
*/
/* ===== 1. GENERAL STYLES ===== */
.page-content { margin: 0 auto; min-width: 1180px; }

/* ===== 2. SHARED STYLES ===== */
.lg-jumbotron .img-wrap { margin: 0 auto; max-height: 480px; max-width: 1400px; position: relative; width: 100%; }

.lg-jumbotron .content { top: 25%; }

.sm-jumbotron .img-wrap { margin: 0 auto; max-height: 320px; max-width: 1400px; position: relative; width: 100%; }

.sm-jumbotron .header { top: -175px; }

/* ===== 2. HOMEPAGE STYLES ===== */
.green-banner .callouts:after { clear: both; content: ''; display: block; }

.green-banner .callout { box-sizing: border-box; float: left; }

/* ===== 3. LEARN PAGE STYLES ===== */
.green-flood .content-wrap { text-align: center; }

.green-flood .content, .green-flood .img-wrap { display: inline-block; vertical-align: middle; }

.green-flood .content { width: 610px; }

.green-flood .img-wrap { margin: 25px 0 0; width: 475px; }

.green-flood .play-btn:before { background: url("/Base/Includes/images/product-ie8/play.png"); }

.grid-callouts .grid-items:after { clear: both; content: ''; display: block; }

.grid-callouts .grid-item { float: left; }

.grid-callouts .img-grid-item img { width: 100%; }

/* ===== 4. INSIDE PAGE STYLES ===== */
.rewards-callouts .callouts:after, .stats-callouts .callouts:after { clear: both; content: ''; display: block; }

.rewards-callouts .callout, .stats-callouts .callout { float: left; }

.rewards-bg-callouts .img-wrap img { max-height: 480px; max-width: 1400px; width: 100%; }

.rewards-bg-callouts .body ul:after { clear: both; content: ''; display: block; }

.rewards-bg-callouts .body li { box-sizing: border-box; float: left; width: 50%; }

/* ===== 6. IE9 OVERRIDES ===== */
@media (min-width: 0) { .play-btn { display: inline-block; }
  .page-content { min-width: 0; }
  .lg-jumbotron .content { top: 50%; }
  .lg-jumbotron .bottom { bottom: 10%; top: auto; }
  .lg-jumbotron .top { top: 10%; }
  .sm-jumbotron .header { top: -11.42857143vw; }
  .green-flood .play-btn:before { background: #fff; } }
@media (max-width: 1179px) { .green-flood .content { width: auto; }
  .green-flood .img-wrap { margin: 25px 0 0; width: auto; }
  .green-flood img { width: 100%; }
  .rewards-callouts .callout:nth-child(1), .rewards-callouts .callout:nth-child(2) { border-bottom: 0; } }
@media (max-width: 767px) { .lg-jumbotron .img-wrap img, .sm-jumbotron .img-wrap img { width: auto; }
  .grid-callouts .grid-item { float: none; margin: 0 auto; }
  .grid-callouts .img-grid-item img { width: auto; }
  .stats-callouts .callout { float: none; } }
@media (max-width: 549px) { .rewards-callouts .callout { float: none; margin: 0 auto; }
  .rewards-bg-callouts .content li { float: none; width: auto; } }
.careers { font-size: 18px; }

.careers .flex { box-align: center; -ms-flex-align: center; align-items: center; }

.careers .flex-50 { padding: 35px 15px 45px; }

.careers .flex-50 + .flex-50 { border-left: 1px solid #64a70b; }

.careers .flex-50 .text-block, .careers .flex-50 .text-wrapper { max-width: 475px; margin: auto; }

.careers .flex-30 { padding: 25px; }

.careers .flex-30 h2 { font-size: 20px; }

.careers .flex-30 p { font-size: 16px; }

.careers .bg-img-callouts h1 { font-size: 60px; }

.careers .bg-img-callouts h1, .careers .bg-img-callouts h2, .careers .bg-img-callouts h3 { margin: 0; }

.careers .bg-img-callouts .btn { margin-top: 25px; }

.careers .text-block h1 { font-size: 2.25em; }

.careers .flex-30 + .flex-30 { box-sizing: border-box; border-left: 1px solid #ebebeb; }

.careers .region.bg-roomba-green.top-padding { padding-top: 25px; }

.careers .region.bg-roomba-green.bottom-padding { padding-bottom: 25px; }

.careers .region.bg-roomba-green h1 { margin: 0; font-weight: 500; }

.careers ul.career-list { line-height: normal; list-style: none; margin: 0 0 0.333em; padding: 0 0 0 0.75em; position: relative; }

.careers ul.career-list li::before { content: '-'; font-size: 1.15em; left: 0; margin-right: 10px; top: -0.075em; }

.careers .section_title { font-size: 27px; font-weight: 500; margin: 25px 0; text-align: center; }

.careers .section_title span, .careers .section_title div { vertical-align: middle; }

.careers .title_divider { background: #000; height: 75px; margin: 0 20px; width: 1px; }

.careers .title_feature, .careers .title_divider, .careers .section_title_right { display: inline-block; vertical-align: middle; }

.careers .section_title_right { font-weight: 400; }

@media (min-width: 757px) { .careers .left-content::after { background: #000; bottom: 0; content: ''; position: absolute; top: 0; width: 1px; margin-left: 40px; }
  .careers .right-content { margin-left: 80px; } }
@media (max-width: 756px) { .careers .title_divider { display: none; }
  .careers .flex-50 + .flex-50 { border: 0; } }
.how-we-hire h1 { font-size: 40px; font-weight: 400; border-bottom: 1px solid #ebebeb; display: table; margin: 0 auto 1em; padding: 0 1em 0.5em; }

.how-we-hire h2 { font-size: 36px; font-weight: bold; }

.how-we-hire .highlights li { display: inline-block; margin: 0 2em 1em 0; padding: 0; color: #64a70b; position: relative; line-height: normal; list-style: none; font-size: 22px; }

.how-we-hire .left-content::after { background: #000; bottom: 0; content: ''; position: absolute; top: 0; width: 1px; margin-left: 40px; }

.how-we-hire .right-content { margin-left: 80px; }

.how-we-hire ul.process { line-height: normal; list-style: none; margin: 0 0 0.333em; padding: 0 0 0 0.75em; position: relative; }

.how-we-hire ul.process li::before { content: '-'; font-size: 1.15em; left: 0; margin-right: 10px; top: -0.075em; }

.how-we-hire .square-youtube-video.show-video { width: 100%; }

.how-we-hire .square-youtube-video.show-video iframe { display: inline; position: relative; width: 560px; }

.business-careers .flex { box-align: center; -ms-flex-align: center; align-items: center; }

.business-careers .flex-30 { padding: 0; }

.business-careers .flex-30 .text-block { padding: 25px; }

.business-careers .flex-30 .text-block h2 { font-size: 1.875em; margin: 0 0 0.75em; }

.business-careers .region.bg-roomba-green h2 { font-size: 2em; }

.business-careers .region.bg-roomba-green .quote { font-size: 1.25em; font-style: italic; margin: 30px 0 0; }

.business-careers .region.bg-roomba-green .flex-70 { padding: 0 60px 0 45px; }

.engineering .flex-30 { margin-top: 50px; }

.engineering p { margin: 0; font-size: 18px; }

.internships .img-text-pair .text-wrapper { font-size: 18px; }

.internships .flex-30 .text-wrapper .body p { -ms-flex-positive: 0; flex-grow: 0; }

.internships .flex-30 .text-wrapper .body h2 { margin: 0; font-size: 1.333em; font-weight: 700; }

.culture ul.rewarded, .culture .flex-70 ul { line-height: normal; list-style: none; margin: 0 0 0.333em; padding: 0 0 0 0.75em; position: relative; font-size: 16px; text-align: left; }

.culture ul.rewarded li::before, .culture .flex-70 ul li::before { content: '-'; font-size: 1.15em; left: 0; margin-right: 10px; top: -0.075em; }

.culture h4 { font-size: 24p; margin: 0; }

.culture .flex-70 { padding-right: 50px; }

.culture ul.root-ul { columns: 2; margin: 0; padding: 0; }

.culture ul.root-ul li { break-inside: avoid; list-style: none; padding: 0 0 0 15px; position: relative; }

.culture ul.root-ul li::before { content: '-'; font-size: 1.15em; left: 0; margin-right: 10px; top: -0.075em; }

.culture .img-text-pair .text-wrapper * + * { margin: 0; }

.culture .greenBtn { margin-top: 30px; }

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

.culture .culture-stats strong { display: block; font-size: 3em; font-weight: 400; line-height: 1; margin: 0 0 5px; }

.culture .culture-stats p { font-weight: 500; }

.culture .disclaimer-text { font-size: 11px; text-align: left; }

@media (max-width: 756px) { .business-careers ul.root-ul, .careers ul.root-ul, .culture ul.root-ul, .engineering ul.root-ul { columns: 1; }
  .business-careers .bg-img-callouts .content, .careers .bg-img-callouts .content, .culture .bg-img-callouts .content, .engineering .bg-img-callouts .content { color: #000; text-shadow: none; text-align: center; }
  .business-careers .bg-img-callouts .content.middle, .careers .bg-img-callouts .content.middle, .culture .bg-img-callouts .content.middle, .engineering .bg-img-callouts .content.middle { left: 0; position: relative; transform: none; top: 0; -ms-transform: none; -webkit-transform: none; padding: 30px; }
  .business-careers .bg-img-callouts .content.middle .btn, .careers .bg-img-callouts .content.middle .btn, .culture .bg-img-callouts .content.middle .btn, .engineering .bg-img-callouts .content.middle .btn { width: 100%; margin: 0 0 20px 0; }
  .business-careers .bg-img-callouts .content h1, .careers .bg-img-callouts .content h1, .culture .bg-img-callouts .content h1, .engineering .bg-img-callouts .content h1 { font-size: 2.25em; }
  .business-careers .bg-img-callouts .content h1, .careers .bg-img-callouts .content h1, .culture .bg-img-callouts .content h1, .engineering .bg-img-callouts .content h1, .business-careers .bg-img-callouts .content h2, .careers .bg-img-callouts .content h2, .culture .bg-img-callouts .content h2, .engineering .bg-img-callouts .content h2 { margin: 0 25px; }
  .business-careers .bg-img-callouts .btn, .careers .bg-img-callouts .btn, .culture .bg-img-callouts .btn, .engineering .bg-img-callouts .btn { margin-top: 0; } }
@media (max-width: 952px) { .bg-roomba-green .flex-30 { text-align: center; } }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { font-family: 'slick'; font-size: 45px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 0.25; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { opacity: 0.75; color: white; }

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 90%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir='rtl'] .slick-prev { right: -25px; left: auto; }

.slick-prev:before { content: '←'; }

[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: -25px; }

[dir='rtl'] .slick-next { right: auto; left: -25px; }

.slick-next:before { content: '→'; }

[dir='rtl'] .slick-next:before { content: '←'; }

.ambient-video { border: 0 solid #ebebeb; border-width: 1px 0; padding: 0 0 calc(540/960 * 100%); position: relative; }

.ambient-video video, .ambient-video .video-poster { height: 100%; left: 0; position: absolute; top: 0; transition: 500ms opacity; width: 100%; }

.ambient-video video { opacity: 0; z-index: 0; }

.ambient-video .video-poster { opacity: 1; z-index: 1; }

.ambient-video.video-active video { opacity: 1; }

.ambient-video.video-active .video-poster { opacity: 0; }

.region { position: relative; }

.row { margin: 0 auto; max-width: 1400px; padding: 0 15px; }

.top-padding { margin-top: 55px; }

.bottom-padding { margin-bottom: 55px; }

.top-gray-line { border-top: 1px solid #ebebeb; }

.gray-background { background-color: #f7f7f7; }

.bg-braava-blue { background-color: #1aa2dc; color: white; }

.bg-roomba-green { background-color: #64a70b; color: white; }

.small-text p { font-size: 16px; }

.documents h2 { margin: 0; font-size: 24px; }

.documents a { color: #64a70b; text-decoration: none; }

.documents .header { border-bottom: 1px solid #ebebeb; text-align: center; }

.documents .header a { border: 0; display: inline-block; padding: 15px; }

.documents .header img { vertical-align: middle; }

.documents .wrapper { padding: 30px 20px; }

.documents .section { border-top: 1px solid #ebebeb; clear: both; overflow: auto; padding: 15px 0 0 0; }

.documents .section .image { float: left; margin: 5px 10px 0 0; width: 24px; }

.documents .section .text { float: left; }

.documents .section ul { line-height: 30px; list-style-type: none; margin: 0; padding: 0 0 15px 0; }

@media (max-width: 480px) { .documents .section .text { max-width: 246px; }
  .documents .wrapper { max-width: 460px; overflow: hidden; } }
div.form { width: 70%; }

div.form .field-validation-error { color: red; float: right; }

div.form label { font-weight: bold; margin-top: 5px; text-align: right; width: 30%; padding: 3px 0px; display: block; float: left; clear: both; }

div.form input, div.form select, div.form textarea, div.form div.recaptcha { float: right; margin: 8px 0 0; width: 65%; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 2px; color: #000; font-family: inherit; line-height: 24px; }

div.form .radioOption { float: right; margin: 8px 0 0; width: 70%; box-sizing: border-box; color: #000; font-family: inherit; line-height: 24px; }

div.form .radioOption label { width: 15%; }

div.form input[type=radio] { width: auto; margin-left: 10px; }

div.form input[type=text] { height: 24px; padding: 0 5px; }

div.form .sxFormInputContent, div.form .sxValidation { width: 100%; float: left; text-align: right; }

/* === GENERAL STYLES === */
html { font-size: 16px; }

body { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; margin: 0; -webkit-text-size-adjust: none; }

a { color: #64a70b; text-decoration: none; }

sup { font-size: 0.75em; line-height: 0; position: relative; top: 0.333em; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

button::-moz-focus-inner { border: 0; }

.slick-slider { margin: 0; padding: 0; }

.slick-slider button, .slick-slider [tabindex] { outline: 0; }

@media (min-width: 768px) { .desktop-hidden { display: none; } }
@media (max-width: 767px) { .mobile-hidden { display: none; } }
/* === END General Styles === */
.btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.btn:disabled, .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.pri-btn, .sec-btn, .ter-btn, .qua-btn, .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.pri-btn:hover { background: #579802; border-color: #579802; }

.sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.lg-btn { padding: 10px 20px; }

.btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.btn-twitter:hover { background: #1da1f2; }

.btn.buy_btn, .btn.greenBtn, .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.btn.buy_btn:hover, .btn.greenBtn:hover, .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

@media (min-width: 768px) { .scroll-spy { position: fixed; right: 2.5rem; top: 50%; transform: translate(0, -50%); z-index: 100; }
  .scroll-spy .scroll-spy-list { margin: 0; overflow: hidden; padding: 0; text-align: right; }
  .scroll-spy .scroll-spy-item { border-radius: 0.625rem; height: 1.375rem; list-style: none; position: relative; width: 12.5rem; }
  .scroll-spy .scroll-spy-item + .scroll-spy-item { margin: 0.25rem 0 0; }
  .scroll-spy .scroll-spy-link { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(0, 0, 0, 0.4); border-radius: 0.625rem; box-sizing: border-box; color: #fff; display: inline-block; font-size: 0.875rem; line-height: 1.375rem; padding: 0 1.5rem 0 0.625rem; position: absolute; right: 0; transform: translate(110%, 0); transition: transform 250ms; white-space: nowrap; }
  .scroll-spy .scroll-spy-bullet { background: rgba(255, 255, 255, 0.3); border-radius: 50%; box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.3); content: ''; height: 0.625rem; position: absolute; right: 0.375rem; top: 0.375rem; transition: background 0.25s; width: 0.625rem; }
  .scroll-spy .scroll-spy-item:hover .scroll-spy-link, .scroll-spy .scroll-spy-active .scroll-spy-link { transform: translate(0, 0); }
  .scroll-spy .scroll-spy-item:hover .scroll-spy-bullet, .scroll-spy .scroll-spy-active .scroll-spy-bullet { background: #64a70b; } }
@media (max-width: 767px) { .scroll-spy { display: none; } }
.overview-section.region { padding: 0 0 50%; position: relative; }

.overview-section .ambient-video-poster-wrapper, .overview-section .ambient-video-poster, .overview-section .ambient-video-wrapper, .overview-section .ambient-video, .overview-section .triggered-video-wrapper, .overview-section .triggered-video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.overview-section .copy-wrapper { bottom: 5%; color: #fff; font-size: 1.375rem; left: 50%; line-height: 1.4; max-width: 100%; position: absolute; text-align: center; text-shadow: 4px 6px 40px rgba(0, 0, 0, 0.4); transform: translate(-50%, 0); width: 62.5rem; z-index: 3; }

.overview-section h1 { font-size: 3.75rem; font-weight: 500; line-height: 1; margin: 0 0 0.5em; }

.overview-section .scroll-arrow .top, .overview-section .scroll-arrow .middle, .overview-section .scroll-arrow .bottom, .overview-section .scroll-arrow .arrow { animation-duration: 5s; animation-iteration-count: infinite; opacity: 0; }

.overview-section .scroll-arrow .top { animation-name: indicate-1; }

.overview-section .scroll-arrow .middle { animation-name: indicate-2; }

.overview-section .scroll-arrow .bottom { animation-name: indicate-3; }

.overview-section .scroll-arrow .arrow { animation-name: indicate-4; }

.overview-section .ambient-video-poster-wrapper { z-index: 2; }

.overview-section .ambient-video-wrapper { z-index: 1; }

.overview-section .triggered-video-wrapper { z-index: 0; }

@keyframes indicate-1 { 20%,
  40% { opacity: 1; } }
@keyframes indicate-2 { 20% { opacity: 0; }
  40%,
  60% { opacity: 1; } }
@keyframes indicate-3 { 40% { opacity: 0; }
  60%,
  80% { opacity: 1; } }
@keyframes indicate-4 { 60% { opacity: 0; }
  80% { opacity: 1; } }
.meet-the-family.region { background: #f7f7f7; }

.meet-the-family .copy-wrapper { color: #4c4c4c; }

.meet-the-family h2 { color: #000; font-size: 1.75rem; font-weight: 700; line-height: 1.15; }

.meet-the-family .slick-arrow { background: 0; border: 0; cursor: pointer; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; -webkit-appearance: none; -moz-appearance: none; }

.meet-the-family .slick-prev { left: 12.8%; }

.meet-the-family .slick-next { right: 12.8%; }

.meet-the-family .slick-disabled { display: none !important; }

.meet-the-family .robot-img-wrapper { padding: 0 40px; }

.meet-the-family .robot-img { height: auto; margin: auto; max-width: 100%; }

.meet-the-family .robot-copy-wrapper { text-align: center; }

.meet-the-family .robot-name { font-weight: 700; margin: 0.25em 0 0; }

.meet-the-family .robot-price { color: #4c4c4c; }

@media (min-width: 768px) { .meet-the-family .row { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: auto; max-width: 1300px; padding: 3.75rem 0; }
  .meet-the-family .copy-wrapper { box-sizing: border-box; padding: 0 1.875rem; }
  .meet-the-family h2 { line-height: 1; } }
@media (max-width: 767px) { .meet-the-family .row { padding: 1.875rem 0; }
  .meet-the-family .copy-wrapper { margin: 0 0 1.875rem; padding: 0 1.25rem; } }
@media (min-width: 1024px) { .meet-the-family .copy-wrapper { width: 40%; }
  .meet-the-family .robot-slideshow { width: 60%; }
  .meet-the-family .robot-name { font-size: 2.5rem; }
  .meet-the-family .robot-price { font-size: 1.5rem; } }
@media (max-width: 1023px) { .meet-the-family .robot-name { font-size: 1.6667rem; }
  .meet-the-family .robot-price { font-size: 1.25rem; } }
@media (min-width: 1300px) { .meet-the-family h2 { font-size: 3.75rem; } }
@media (max-width: 1300px) and (min-width: 768px) { .meet-the-family .copy-wrapper { width: 40%; }
  .meet-the-family h2 { font-size: 4.615vw; }
  .meet-the-family .robot-slideshow { width: 60%; } }
@media (max-width: 1023px) and (min-width: 768px) { .meet-the-family .copy-wrapper { width: 50%; }
  .meet-the-family .robot-slideshow { width: 50%; } }
.why-roomba-section .row { margin: auto; max-width: 1600px; padding: 0 0 56.25%; position: relative; }

.why-roomba-section .feature-wrapper, .why-roomba-section .feature, .why-roomba-section .ambient-video-poster-wrapper, .why-roomba-section .ambient-video-poster, .why-roomba-section .ambient-video-wrapper, .why-roomba-section .ambient-video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.why-roomba-section .feature-wrapper { z-index: 0; }

.why-roomba-section .ambient-video-poster-wrapper { z-index: 1; }

.why-roomba-section .ambient-video-wrapper { z-index: 0; }

.why-roomba-section .feature-nav { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 1; }

.comparison-chart .header-region { background: #f7f7f7; padding: 4rem 1.25rem 1px; }

.comparison-chart .header-row { color: #4c4c4c; font-size: 1.25rem; line-height: 1.4; margin: auto; max-width: 1000px; padding: 0 1.25rem; text-align: center; }

.comparison-chart h2 { color: #000; font-size: 2.5rem; font-weight: 700; line-height: 1; margin: 0 0 0.25em; }

.comparison-chart .compare-region { background: #f7f7f7; margin: 0 0 3.5rem; padding: 0 0 3rem; position: relative; }

.comparison-chart .compare-region::after { background: #f7f7f7; border: 0 solid #fff; border-top-color: #f7f7f7; border-width: 1.75rem; content: ''; left: 50%; margin: 0 0 0 -1.75rem; position: absolute; top: 100%; }

.comparison-chart .compare-row { text-align: center; }

.comparison-chart .compare-header { font-size: 1.125rem; font-weight: 500; }

.comparison-chart .compare-options-wrapper { overflow: auto; }

.comparison-chart .compare-options { list-style: none; margin: 0 0 0.5rem; padding: 0; }

.comparison-chart .option-checkbox { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }

.comparison-chart .option-label { border: 2px solid transparent; display: block; padding: 2.75rem 0.5rem 1rem; }

.comparison-chart .option-checkbox:checked + .option-label { background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSIgdmlld0JveD0iMCAwIDM1IDM1Ij48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIGZpbGw9IiM2NGE3MGIiLz48cG9seWxpbmUgcG9pbnRzPSI1LjI1IDE4LjM0NSAxMi44NTMgMjUuOTQ4IDI5Ljc1IDkuMDUyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgLz48L3N2Zz4K); background-repeat: no-repeat; border-color: #64a70b; }

.comparison-chart .option-img { height: auto; max-width: 175px; vertical-align: middle; }

.comparison-chart .option-name { font-size: 1.125rem; font-weight: 700; }

.comparison-chart .btn:disabled, .comparison-chart .btn:disabled:hover { background: #ebebeb; border-color: #999; color: #666; }

.comparison-chart .compare-hint, .comparison-chart .reset-btn { display: none; }

.comparison-chart .compare-hint { margin: 1em 0; }

.comparison-chart.show-compare-hint .compare-hint { display: block; }

.comparison-chart .chart-row { margin: auto; max-width: 1300px; overflow: auto; padding: 0 1.25em; }

.comparison-chart table { border-collapse: collapse; border-spacing: 0; position: relative; table-layout: fixed; text-align: center; width: 100%; }

.comparison-chart.comparison-active .robot-info, .comparison-chart.comparison-active .availability { display: none; }

.comparison-chart .col-1 .robot-info:nth-last-child(1), .comparison-chart .col-1 .availability:nth-last-child(1) { display: table-cell; }

.comparison-chart .col-2 .robot-info:nth-last-child(2), .comparison-chart .col-2 .availability:nth-last-child(2) { display: table-cell; }

.comparison-chart .col-3 .robot-info:nth-last-child(3), .comparison-chart .col-3 .availability:nth-last-child(3) { display: table-cell; }

.comparison-chart .col-4 .robot-info:nth-last-child(4), .comparison-chart .col-4 .availability:nth-last-child(4) { display: table-cell; }

.comparison-chart .col-5 .robot-info:nth-last-child(5), .comparison-chart .col-5 .availability:nth-last-child(5) { display: table-cell; }

.comparison-chart .col-6 .robot-info:nth-last-child(6), .comparison-chart .col-6 .availability:nth-last-child(6) { display: table-cell; }

.comparison-chart .col-7 .robot-info:nth-last-child(7), .comparison-chart .col-7 .availability:nth-last-child(7) { display: table-cell; }

.comparison-chart .col-8 .robot-info:nth-last-child(8), .comparison-chart .col-8 .availability:nth-last-child(8) { display: table-cell; }

.comparison-chart .col-9 .robot-info:nth-last-child(9), .comparison-chart .col-9 .availability:nth-last-child(9) { display: table-cell; }

.comparison-chart .col-10 .robot-info:nth-last-child(10), .comparison-chart .col-10 .availability:nth-last-child(10) { display: table-cell; }

.comparison-chart .chart-title { font-size: 2.25rem; font-weight: 700; padding: 1.875rem 0.5rem; text-align: left; vertical-align: middle; width: 400px; }

.comparison-chart .robot-info { padding: 0 0.25rem; width: 18.75rem; }

.comparison-chart .robot-img-wrap { padding-bottom: 5px; }

.comparison-chart .robot-img-wrap img { height: auto; max-width: 200px; width: 100%; }

.comparison-chart .promo-text { color: #64a70b; font-size: 1.38em; font-weight: 500; padding-bottom: 5px; }

.comparison-chart .robot-name { font-size: 1.5rem; font-weight: 700; }

.comparison-chart .alt-price { font-size: 1.5rem; padding-bottom: 5px; }

.comparison-chart .cur-price { font-size: 1.5rem; padding-bottom: 15px; }

.comparison-chart .store-link { padding-bottom: 15px; }

.comparison-chart tbody tr:nth-child(even) th, .comparison-chart tbody tr:nth-child(even) td { background-color: #f7f7f7; }

.comparison-chart tbody tr:nth-child(odd) th, .comparison-chart tbody tr:nth-child(odd) td { background-color: #ebebeb; }

.comparison-chart .feature { background: none; border: 2px solid #fff; color: #000; font-size: 1.25rem; font-weight: 500; padding: 1.25rem 3.125rem 1.25rem 1.5rem; position: relative; text-align: left; }

.comparison-chart tr:last-child th, .comparison-chart tr:last-child td { border-bottom: 0; }

.comparison-chart .has-tooltip { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAsMEExMCwxMCwwLDEsMCwyMCwxMCwxMCwxMCwwLDAsMCwxMCwwWm0xLjIyNzQ2LDE1LjYzMTc2SDguOTMzNjdWMTMuNTQ4NjhoMi4yOTM4Wm0uNTk3MjEtNS4yNjUxN2EyLjE3NjQzLDIuMTc2NDMsMCwwLDAtLjc3NTI0LDEuODU3NzJIOS4xMTEzM0EzLjM3MzU2LDMuMzczNTYsMCwwLDEsOS45MTg4Nyw5LjYwNzVjLjg1NjM3LS45MzY3NSwxLjMwODU5LTEuMzQwNTIsMS4zMDg1OS0yLjIxMjY3YTEuMTMyOTEsMS4xMzI5MSwwLDAsMC0xLjE2MzI0LTEuMTc5Yy0uNjk0NDksMC0xLjIyNzQ2LjUxNjgzLTEuMjI3NDYsMS40Mzc0Mkg2LjY3MjU1YTMuMjIxNjcsMy4yMjE2NywwLDAsMSwzLjQ1NjI4LTMuMzkxNjhjMi4xLDAsMy4zOTIwNSwxLjMwODIyLDMuMzkyMDUsMy4wMDQwNkE0LjAzNzksNC4wMzc5LDAsMCwxLDExLjgyNDY3LDEwLjM2NjU5WiIgZmlsbD0iI2E5YTlhOSIvPjwvc3ZnPgo=); background-position: right 0.9375rem center; background-repeat: no-repeat; cursor: pointer; }

.comparison-chart .has-tooltip.active .feature-tooltip { top: 50%; transform: translate(0, -50%); background: #888; border-radius: 2px; color: #fff; cursor: auto; display: block; font-size: 1.125rem; font-weight: 400; left: calc(100% + .625rem); padding: 0.625rem; position: absolute; width: 12.5rem; z-index: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.comparison-chart .has-tooltip.active .feature-tooltip::before { position: absolute; top: 50%; transform: translate(0, -50%); border: 0.625rem solid transparent; border-right-color: #888; content: ''; left: -1.25rem; }

.comparison-chart .feature-title { line-height: 1.25; }

.comparison-chart .feature-tooltip { display: none; }

.comparison-chart .availability { border: 2px solid #fff; font-size: 1.125rem; position: relative; }

.comparison-chart .false.sym span::before { content: '-'; font-weight: 700; }

@media (min-width: 768px) { .comparison-chart .compare-options { list-style: none; margin: 0 0 0.5rem; padding: 0; white-space: nowrap; }
  .comparison-chart .compare-option { display: inline-block; }
  .comparison-chart .compare-option + .compare-option { padding: 0 0 0 0.75rem; }
  .comparison-chart tbody tr:first-child th::before, .comparison-chart tbody tr:first-child td::before { background: #fff; bottom: 100%; box-shadow: 2px 0 #fff; content: ''; height: 5px; left: 0; position: absolute; width: 100%; }
  .comparison-chart .robot-info { border: 0 solid #ebebeb; border-width: 0 2px; }
  .comparison-chart .true.sym { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS4yNDI2NCIgaGVpZ2h0PSIzMC41MDE0OSIgdmlld0JveD0iMCAwIDM5LjI0MjY0IDMwLjUwMTQ5Ij48cG9seWxpbmUgcG9pbnRzPSIyLjEyMSAxNS4zOTcgMTIuOTgzIDI2LjI1OSAzNy4xMjEgMi4xMjEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2Ii8+PC9zdmc+); background-position: center; background-repeat: no-repeat; } }
@media (max-width: 767px) { .comparison-chart .compare-options { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0.75rem; }
  .comparison-chart .compare-option { box-sizing: border-box; padding: 0.5rem; width: 50%; }
  .comparison-chart .option-label { margin: auto; max-width: 200px; }
  .comparison-chart .option-img { max-width: 100%; }
  .comparison-chart .chart-title, .comparison-chart .feature { display: none; }
  .comparison-chart .has-tooltip ~ .availability.true { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAsMEExMCwxMCwwLDEsMCwyMCwxMCwxMCwxMCwwLDAsMCwxMCwwWm0xLjIyNzQ2LDE1LjYzMTc2SDguOTMzNjdWMTMuNTQ4NjhoMi4yOTM4Wm0uNTk3MjEtNS4yNjUxN2EyLjE3NjQzLDIuMTc2NDMsMCwwLDAtLjc3NTI0LDEuODU3NzJIOS4xMTEzM0EzLjM3MzU2LDMuMzczNTYsMCwwLDEsOS45MTg4Nyw5LjYwNzVjLjg1NjM3LS45MzY3NSwxLjMwODU5LTEuMzQwNTIsMS4zMDg1OS0yLjIxMjY3YTEuMTMyOTEsMS4xMzI5MSwwLDAsMC0xLjE2MzI0LTEuMTc5Yy0uNjk0NDksMC0xLjIyNzQ2LjUxNjgzLTEuMjI3NDYsMS40Mzc0Mkg2LjY3MjU1YTMuMjIxNjcsMy4yMjE2NywwLDAsMSwzLjQ1NjI4LTMuMzkxNjhjMi4xLDAsMy4zOTIwNSwxLjMwODIyLDMuMzkyMDUsMy4wMDQwNkE0LjAzNzksNC4wMzc5LDAsMCwxLDExLjgyNDY3LDEwLjM2NjU5WiIgZmlsbD0iI2E5YTlhOSIvPjwvc3ZnPgo=); background-position: right 0.75rem top 0.75rem; background-repeat: no-repeat; }
  .comparison-chart .availability { padding: 2.5rem 1rem 1rem; }
  .comparison-chart .availability::before { content: attr(data-feature-title); font-size: 1rem; font-weight: 700; left: 0.5rem; position: absolute; text-align: left; top: 0.5rem; }
  .comparison-chart .has-tooltip ~ .active::after { background: #888; border-radius: 2px; color: #fff; content: attr(data-feature-tooltip); font-size: 1rem; left: 0.5rem; padding: 0.75rem; position: absolute; right: 0.5rem; text-align: left; bottom: 100%; z-index: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .comparison-chart .has-tooltip ~ .active span::after { border: 10px solid transparent; border-top-color: #888; content: ''; position: absolute; right: 0.75rem; top: -0.1rem; }
  .comparison-chart .true.sym span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS4yNDI2NCIgaGVpZ2h0PSIzMC41MDE0OSIgdmlld0JveD0iMCAwIDM5LjI0MjY0IDMwLjUwMTQ5Ij48cG9seWxpbmUgcG9pbnRzPSIyLjEyMSAxNS4zOTcgMTIuOTgzIDI2LjI1OSAzNy4xMjEgMi4xMjEiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2Ii8+PC9zdmc+); background-position: center; background-repeat: no-repeat; display: block; height: 39px; } }
.first-time-buyers-section .row { margin: auto; max-width: 1340px; }

.first-time-buyers-section .copy-wrapper { margin: auto; max-width: 950px; text-align: center; }

.first-time-buyers-section .accordion { -ms-flex-align: stretch; align-items: stretch; display: -ms-flexbox; display: flex; position: relative; }

.first-time-buyers-section .accordion-tab { padding: 0 0 calc(700% / 13.4); width: 25%; }

.first-time-buyers-section .outer-tab, .first-time-buyers-section .outer-tab-img-wrapper, .first-time-buyers-section .outer-tab-img, .first-time-buyers-section .inner-tab, .first-time-buyers-section .inner-tab-img-wrapper, .first-time-buyers-section .inner-tab-img, .first-time-buyers-section .inner-tab-ambient-video-wrapper, .first-time-buyers-section .inner-tab-ambient-video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.first-time-buyers-section .outer-tab { overflow: hidden; width: 25%; }

.first-time-buyers-section .outer-tab-img { width: auto; }

.first-time-buyers-section .inner-tab { visibility: hidden; }

.reviews-section .row { margin: auto; max-width: 1300px; }

.reviews-section .copy-wrapper { margin: auto; max-width: 950px; text-align: center; }

.reviews-section .reviews { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; list-style: none; text-align: center; }

.reviews-section .review-logo { display: block; margin: auto; }

.reviews-section .star-rating { display: block; }

@media (min-width: 768px) { .shop-and-support-section .row { color: #4c4c4c; font-size: 1.375rem; margin: auto; max-width: 1600px; padding: 0 0 37.5%; position: relative; }
  .shop-and-support-section .panels, .shop-and-support-section .bg-img-wrapper, .shop-and-support-section .bg-img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
  .shop-and-support-section .bg-img-wrapper { z-index: 0; }
  .shop-and-support-section .panels { z-index: 1; }
  .shop-and-support-section .left-panel, .shop-and-support-section .right-panel { box-sizing: border-box; height: 100%; padding: 2.5rem 1.5rem; position: absolute; top: 0; width: 50%; }
  .shop-and-support-section .left-panel { left: 0; }
  .shop-and-support-section h2 { color: #000; font-size: 2.25rem; margin: 0 0 0.5em; }
  .shop-and-support-section .right-panel { background: rgba(255, 255, 255, 0.8); right: 0; } }
@media (max-width: 767px) { .shop-and-support-section .bg-img { display: block; height: auto; max-width: 100%; } }
.value-adds-section.region { background: #64a70b; }

.value-adds-section .row { margin: auto; max-width: 1400px; padding: 2.25rem 0; }

.value-adds-section .value-adds { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; list-style: none; margin: 0; padding: 0; }

.value-adds-section .value-add { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 1.25rem; padding: 2rem 0; text-align: center; }

.value-adds-section .value-add-img { display: block; height: auto; margin: 0 auto 2rem; max-width: 100%; }

.value-adds-section strong { display: block; font-size: 1.875rem; }

@media (min-width: 414px) { .value-adds-section .value-adds { -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media (max-width: 767px) { .value-adds-section .value-adds { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .value-adds-section .value-add { width: 50%; } }
@media (max-width: 413px) { .value-adds-section .value-adds { display: block; }
  .value-adds-section .value-add { width: auto; } }
.homepage .btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.homepage .btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.homepage .btn:disabled, .homepage .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.homepage .pri-btn, .homepage .sec-btn, .homepage .ter-btn, .homepage .qua-btn, .homepage .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.homepage .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.homepage .pri-btn:hover { background: #579802; border-color: #579802; }

.homepage .sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.homepage .sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.homepage .ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.homepage .ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.homepage .qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.homepage .qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.homepage .shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.homepage .shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.homepage .play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.homepage .lg-btn { padding: 10px 20px; }

.homepage .btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.homepage .btn-twitter:hover { background: #1da1f2; }

.homepage .btn.buy_btn, .homepage .btn.greenBtn, .homepage .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.homepage .btn.buy_btn:hover, .homepage .btn.greenBtn:hover, .homepage .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

.homepage .hero-callouts .callouts { padding: 0; }

.homepage .hero-callouts .full { color: #fff; overflow: hidden; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.homepage .hero-callouts .full::before { content: ''; display: block; padding: 26.78571429%; }

.homepage .hero-callouts .content { left: 0; position: absolute; right: 0; text-align: center; z-index: 1; }

.homepage .hero-callouts .content.top { top: 7.5%; }

.homepage .hero-callouts .content.middle { top: 25.7%; }

.homepage .hero-callouts .content.bottom { bottom: 25.7%; }

.homepage .hero-callouts .content.altadena { box-sizing: border-box; left: 50%; max-width: 1200px; padding: 0 25px; right: auto; transform: translate(-50%, 0); width: 100%; }

.homepage .hero-callouts .title { font-size: 55px; font-weight: 500; margin: 0 0 15px; }

.homepage .hero-callouts .heading { font-size: 32px; font-weight: 500; margin: 0 0 25px; }

.homepage .hero-callouts .lockup-wrapper { margin-bottom: 20px; text-align: right; }

.homepage .hero-callouts .btn { text-shadow: none; }

.homepage .hero-callouts .bg-img { height: 100%; position: absolute; width: 100%; top: 0; z-index: 0; }

.homepage .hero-callouts .video { cursor: pointer; color: #000; text-shadow: none; }

.homepage .hero-callouts .video .title { font-size: calc( 1.58227848vw + 15.84810127px ); line-height: 1; margin: 0 0 calc( 1.58227848vw - 2.15189873px ); }

.homepage .hero-callouts .video .heading { font-size: calc( 0.94936709vw + 10.70886076px ); font-weight: 400; margin: 0 0 calc( 1.58227848vw + 2.84810127px ); }

.homepage .hero-callouts .video .img-wrap iframe { height: 100%; left: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1; }

.homepage .hero-callouts .video .img-wrap .bg-img { z-index: 2; }

.homepage .hero-callouts .video .img-wrap .play-button { display: none; }

.homepage .hero-callouts .video .content { background: rgba(255, 255, 255, 0.68); left: calc(27.5% - 67px); padding: calc( 2.37341772% - 5.2278481px ); right: calc(27.5% - 67px); top: 5.34%; z-index: 3; }

.homepage .promo-callouts.altadena { background: transparent; }

.homepage .promo-callouts.altadena .callouts { display: table; width: 100%; }

.homepage .promo-callouts.altadena .half { display: table-cell; vertical-align: middle; width: 50%; }

.homepage .promo-callouts.altadena .half:first-child { border-right: 1px solid #ebebeb; padding-right: 50px; text-align: right; }

.homepage .promo-callouts.altadena .half:last-child { padding-left: 30px; }

.homepage .promo-callouts.altadena .lockup, .homepage .promo-callouts.altadena .product { vertical-align: middle; }

.homepage .promo-callouts.altadena .lockup { margin: 25px 0; }

.homepage .promo-callouts.altadena .product { height: auto; margin-left: 50px; width: 168px; }

.homepage .promo-callouts.altadena p { max-width: 425px; }

.homepage .promo-callouts .full { text-align: center; }

.homepage .promo-callouts p { font-size: 25px; margin: 0 0 30px; }

.homepage .promo-callouts p strong { font-size: 1.44em; font-weight: 500; }

.homepage .text-callouts .callouts { padding: 0 35px; }

.homepage .text-callouts .full { text-align: center; }

.homepage .text-callouts .title { color: #64a70b; font-size: 35px; font-weight: 500; margin: 0; overflow: hidden; }

.homepage .text-callouts .title span { position: relative; }

.homepage .text-callouts .title span::before, .homepage .text-callouts .title span::after { background: #64a70b; content: ''; height: 1px; position: absolute; top: 50%; width: 110px; }

.homepage .text-callouts .title span::before { left: -170px; }

.homepage .text-callouts .title span::after { right: -170px; }

.homepage .text-callouts .heading { font-size: 55px; font-weight: 500; line-height: 1; margin: 0 0 17px; }

.homepage .text-callouts p { font-size: 25px; line-height: 1.48em; }

.homepage .img-callouts { /* === START HOVER === */ /* --- End Hover Styles --- */ }

.homepage .img-callouts .callouts { font-size: 0; padding: 0; white-space: nowrap; }

.homepage .img-callouts .callouts + .callouts { margin-top: 15px; }

.homepage .img-callouts .callout { color: #fff; overflow: hidden; position: relative; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); white-space: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.homepage .img-callouts .callout::before { background: #000; content: ''; display: block; opacity: 0; transition: opacity 500ms; position: relative; z-index: 1; }

.homepage .img-callouts .content { left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 2; }

.homepage .img-callouts .body { margin: 0 auto; }

.homepage .img-callouts .header { margin: 0 0 30px; }

.homepage .img-callouts .title { font-size: 55px; font-weight: 500; margin: 0 0 10px; }

.homepage .img-callouts .heading { font-size: 32px; font-weight: 400; letter-spacing: -0.22px; }

.homepage .img-callouts .description { display: none; font-size: 32px; font-weight: 400; margin: 0 0 50px; pointer-events: none; }

.homepage .img-callouts .btn { background: rgba(255, 255, 255, 0.33); border: 1px solid #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33); }

.homepage .img-callouts .bg-img { height: 100%; left: 0; position: absolute; width: 100%; top: 0; z-index: 0; }

.homepage .img-callouts .callout-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; }

.homepage .img-callouts .full::before { padding: 20.53571429%; }

.homepage .img-callouts .full .body { max-width: 700px; width: 33%; }

.homepage .img-callouts .half { display: inline-block; width: 50%; width: calc(50% - 7.5px); }

.homepage .img-callouts .half + .half { margin-left: 15px; }

.homepage .img-callouts .half::before { padding: 41.07142857%; }

.homepage .img-callouts .half .body { width: 62.5%; }

.ua-ft.hover .homepage .img-callouts .callout:hover::before { opacity: 0.5; }

.ua-ft.hover .homepage .img-callouts .callout:hover .header { opacity: 0; }

.ua-ft.hover .homepage .img-callouts .callout:hover .body { opacity: 1; }

.ua-ft.hover .homepage .img-callouts .header, .ua-ft.hover .homepage .img-callouts .body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 500ms; }

.ua-ft.hover .homepage .img-callouts .header { opacity: 1; padding: 0; }

.ua-ft.hover .homepage .img-callouts .body { opacity: 0; width: 75%; }

.ua-ft.hover .homepage .img-callouts .description { display: block; }

.homepage .small-text-callouts { padding: 90px 0 50px; }

.homepage .small-text-callouts .full { text-align: center; }

.homepage .small-text-callouts p { font-size: 25px; }

.homepage .small-text-callouts .btn { margin: 30px 0 0; }

.homepage .featured-callouts { padding: 50px 0; }

.homepage .featured-callouts .callouts { font-size: 0; padding-bottom: 85px; position: relative; }

.homepage .featured-callouts .callout { display: inline-block; text-align: center; vertical-align: top; }

.homepage .featured-callouts .half { width: 50%; }

.homepage .featured-callouts .third { width: 33%; }

.homepage .featured-callouts .content { display: inline-block; max-width: 380px; text-align: left; width: 85%; }

.homepage .featured-callouts .title { color: #64a70b; font-size: 25px; font-weight: normal; margin: 0 0 23px; overflow: hidden; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.homepage .featured-callouts .title span { display: inline-block; position: relative; }

.homepage .featured-callouts .title span::before, .homepage .featured-callouts .title span::after { background: #64a70b; content: ''; height: 1px; position: absolute; top: 50%; width: 110px; }

.homepage .featured-callouts .title span::before { left: -125px; }

.homepage .featured-callouts .title span::after { right: -125px; }

.homepage .featured-callouts .heading { font-size: 20px; font-weight: 500; margin: 0 0 17px; }

.homepage .featured-callouts p { font-size: 20px; }

.homepage .featured-callouts .btn { bottom: 0; position: absolute; }

@media (min-width: 1400px) { .homepage .hero-callouts { overflow: hidden; position: relative; }
  .homepage .hero-callouts .full { position: static; }
  .homepage .hero-callouts .bg-img { height: auto; top: 50%; left: 50%; max-width: none; transform: translate(-50%, -50%); width: 100%; }
  .homepage .hero-callouts .video .img-wrap .play-button { top: 375px; } }
@media (max-width: 767px) { .homepage .hero-callouts .content { padding: 0 12px; }
  .homepage .hero-callouts .content.top, .homepage .hero-callouts .content.middle { top: 4.5%; }
  .homepage .hero-callouts .header { margin: 0 0 5px; }
  .homepage .hero-callouts .title { font-size: 30px; padding-bottom: 0; }
  .homepage .hero-callouts .heading { font-size: 24px; margin: 0; }
  .homepage .hero-callouts .lockup-wrapper { display: none; }
  .homepage .hero-callouts .bg-img { height: 100%; left: 50%; max-width: none; transform: translate(-50%, 0); width: auto; }
  .homepage .hero-callouts .full::before { content: ''; display: block; padding: 42.61363636%; }
  .homepage .hero-callouts .video::before { padding: 0 0 106.72389127%; }
  .homepage .hero-callouts .video .content { background: rgba(255, 255, 255, 0.68); left: 0; padding: 15px; right: 0; top: 0; z-index: 3; }
  .homepage .hero-callouts .video .bg-img { left: 0; max-width: none; transform: none; }
  .homepage .hero-callouts .btn { margin-top: 5px; }
  .homepage .promo-callouts { padding: 20px; }
  .homepage .promo-callouts.altadena { background: transparent; padding: 0; }
  .homepage .promo-callouts.altadena .callouts, .homepage .promo-callouts.altadena .half { display: block; width: auto; }
  .homepage .promo-callouts.altadena .half:first-child { border-right: 0; padding-right: 0; text-align: left; }
  .homepage .promo-callouts.altadena .half:last-child { padding-left: 0; }
  .homepage .promo-callouts.altadena .lockup, .homepage .promo-callouts.altadena .product { display: block; margin: 25px auto; }
  .homepage .promo-callouts.altadena .product { width: auto; }
  .homepage .promo-callouts.altadena p { max-width: none; }
  .homepage .promo-callouts p { font-size: 18px; margin: 0 0 19px; }
  .homepage .text-callouts { padding: 30px 0; }
  .homepage .text-callouts .full { text-align: center; }
  .homepage .text-callouts .title { font-size: 18px; margin: 0 0 20px; }
  .homepage .text-callouts .title span::before, .homepage .text-callouts .title span::after { width: 45px; }
  .homepage .text-callouts .title span::before { left: -60px; }
  .homepage .text-callouts .title span::after { right: -60px; }
  .homepage .text-callouts .heading { font-size: 24px; margin: 0 0 20px; }
  .homepage .text-callouts p { font-size: 17px; line-height: normal; }
  .homepage .img-callouts .title { font-size: 48px; margin: 0; }
  .homepage .img-callouts .heading { font-size: 24px; letter-spacing: normal; }
  .homepage .img-callouts p { font-size: 25px; margin: 0 0 30px; }
  .homepage .img-callouts .full::before { padding: 41.07142857%; }
  .homepage .img-callouts .full .bg-img { left: 50%; max-width: none; transform: translate(-50%, 0); width: auto; }
  .homepage .img-callouts .half { display: block; margin: 0 0 15px; width: auto; }
  .homepage .img-callouts .half + .half { margin-left: 0; }
  .homepage .small-text-callouts { padding: 30px 0; }
  .homepage .small-text-callouts .callouts { padding: 0 0 30px; }
  .homepage .small-text-callouts p { font-size: 16px; }
  .homepage .featured-callouts { padding: 30px 0; }
  .homepage .featured-callouts .callouts { padding-bottom: 30px; }
  .homepage .featured-callouts .callouts::after { content: none; }
  .homepage .featured-callouts .callout { display: block; width: auto; }
  .homepage .featured-callouts .callout + .callout { margin: 50px 0 0; }
  .homepage .featured-callouts .title { font-size: 20px; margin: 0 0 15px; }
  .homepage .featured-callouts .title span::before, .homepage .featured-callouts .title span::after { width: 45px; }
  .homepage .featured-callouts .title span::before { left: -60px; }
  .homepage .featured-callouts .title span::after { right: -60px; }
  .homepage .featured-callouts .content { text-align: center; }
  .homepage .featured-callouts .heading { font-size: 16px; margin: 0 0 10px; }
  .homepage .featured-callouts p { font-size: 16px; margin: 0 0 15px; }
  .homepage .featured-callouts .btn { position: static; }
  .homepage .announcement { font-size: 18px; }
  .homepage #phpagecontent_0_pnlBlock1 .bg-img { left: 100%; } }
.img-text-pair-section { margin: 0 0 25px; height: auto; }

.img-text-pair-section .img-text-pair { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100%; }

.img-text-pair-section .img-text-pair > :nth-child(1) { width: 40%; }

.img-text-pair-section .img-text-pair > :nth-child(2) { width: 60%; }

.img-text-pair-section .text-wrapper { box-sizing: border-box; font-size: 25px; padding: 0 40px; }

.img-text-pair-section .text-wrapper > p:first-child { font-size: 1.2em; font-weight: bold; margin: 0 0 0.9em; }

.img-text-pair-section .text-wrapper * + * { margin: 0.8em 0 0; }

.img-text-pair-section .img-wrapper img { height: auto; width: 100%; }

.img-text-pair-section .title { font-size: 1.6em; line-height: 1.1; margin: 0 0 0.5em; }

.img-text-pair-section .heading { font-size: 1.2em; font-weight: 500; margin: 0 0 0.5em; }

.third .img-text-pair { display: block; }

.third .img-text-pair.row .img-wrapper { width: unset; }

.third .img-text-pair.row .text-wrapper { width: unset; }

.callout.third .img-text-pair-section .img-text-pair > :nth-child(2) { width: unset; }

.callout.third .img-text-pair-section .text-wrapper { padding: 0; }

.callout.half .img-text-pair-section { display: -ms-inline-flexbox; display: inline-flex; max-width: 380px; text-align: left; width: 85%; margin: auto; }

.callout.half .img-text-pair-section .img-text-pair > :nth-child(2) { width: unset; }

.callout.half .img-text-pair-section .text-wrapper { padding: 0; }

.flex-50 .img-text-pair, .flex-30 .img-text-pair, .flex-25 .img-text-pair { -ms-flex-direction: column; flex-direction: column; }

.flex-50 .img-text-pair .img-wrapper img, .flex-30 .img-text-pair .img-wrapper img, .flex-25 .img-text-pair .img-wrapper img { width: 100%; }

.flex-50 .text-wrapper, .flex-30 .text-wrapper, .flex-25 .text-wrapper { padding: 0; }

.flex-50 .text-wrapper .btn, .flex-30 .text-wrapper .btn, .flex-25 .text-wrapper .btn, .flex-50 .text-wrapper .anchored-btns, .flex-30 .text-wrapper .anchored-btns, .flex-25 .text-wrapper .anchored-btns { width: 100%; text-align: center; }

.flex-50 .img-text-pair-section .img-text-pair, .flex-30 .img-text-pair-section .img-text-pair, .flex-25 .img-text-pair-section .img-text-pair { height: 100%; }

.flex-50 .img-text-pair-section .img-text-pair.row .text-wrapper, .flex-30 .img-text-pair-section .img-text-pair.row .text-wrapper, .flex-25 .img-text-pair-section .img-text-pair.row .text-wrapper { width: 100%; }

.flex-50 .img-text-pair-section .img-text-pair.row .img-wrapper, .flex-30 .img-text-pair-section .img-text-pair.row .img-wrapper, .flex-25 .img-text-pair-section .img-text-pair.row .img-wrapper { width: 100%; }

@media (min-width: 768px) { .img-text-pair-section .img-text-pair { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }
  .img-text-pair-section .img-text-pair > :nth-child(1) { width: 40%; }
  .img-text-pair-section .img-text-pair > :nth-child(2) { width: 60%; }
  .img-text-pair-section .img-text-pair.row > :nth-child(1), .img-text-pair-section .img-text-pair.row > :nth-child(2) { width: 50%; } }
@media (max-width: 952px) { .img-text-pair-section { margin: 1.6em 0 1.6em auto; }
  .img-text-pair-section .img-text-pair.row { -ms-flex-direction: column; flex-direction: column; }
  .img-text-pair-section .img-text-pair.row > :nth-child(1), .img-text-pair-section .img-text-pair.row > :nth-child(2) { width: auto; }
  .img-text-pair-section .img-text-pair .text-wrapper { width: auto; margin: 20px 0; padding: 0; }
  .img-text-pair-section .img-text-pair .img-wrapper { width: auto; } }
@media (min-width: 768px) { .commercial .text-wrapper { margin-right: 45px; }
  .commercial .text-wrapper h1 { font-size: 36px; }
  .commercial .text-wrapper h2 { font-size: 30px; }
  .commercial .text-wrapper p { font-size: 20px; } }
@media (max-width: 767px) { .commercial .text-wrapper h1 { font-size: 28px; }
  .commercial .text-wrapper h2 { font-size: 30px; } }
.opp .green { color: #64a70b; }

.opp .semi-bold { font-weight: 500; }

.opp .reg { font-weight: 400; }

.opp .top-box h1 { font-size: 40px; }

.opp .top-box h2 { font-size: 24px; }

.opp .top-box p b, .opp .top-box p strong { display: block; font-size: 30px; line-height: 1.1; }

.opp h1 { font-size: 30px; }

.opp h2 { font-size: 40px; }

.opp h3 { font-size: 30px; }

.opp p { font-size: 20px; }

.opp .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.opp .pri-btn, .opp .sec-btn, .opp .ter-btn, .opp .qua-btn, .opp .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.bg-img-callouts { position: relative; color: #fff; }

.bg-img-callouts .callouts { padding: 0; }

.bg-img-callouts .callout { font-weight: 500; overflow: hidden; position: relative; }

.bg-img-callouts .hero .content { max-width: 825px; }

.bg-img-callouts .hero .title { font-size: 1em; font-weight: inherit; margin: 0 0 8px; }

.bg-img-callouts .hero .heading { font-size: 2.2em; font-weight: 500; margin: 0 auto 10px; max-width: 700px; }

.bg-img-callouts .hero h2 { font-size: 2.2em; margin: 0 0 15px; }

.bg-img-callouts .hero .description, .bg-img-callouts .hero .body p { font-size: 1.28em; }

.bg-img-callouts .intro-980 .title { font-size: 3.6em; font-weight: 500; line-height: 1; margin: 0 0 8px; }

.bg-img-callouts .intro-980 .title:first-line { font-size: 0.6667em; font-weight: normal; }

.bg-img-callouts .intro-980 .heading { font-size: 1.4em; font-weight: normal; margin: 0 auto; }

.bg-img-callouts.altadena .hero .content { max-width: none; }

.bg-img-callouts.altadena .hero .title { font-size: 2.2em; }

.bg-img-callouts.altadena .hero .heading { font-size: 1.4em; max-width: none; }

.bg-img-callouts.post-mday .header { font-size: 1.25em; }

.bg-img-callouts .img-wrap.large { padding: 29.46428571%; }

.bg-img-callouts .img-wrap.small { padding: 22.85714286%; }

.bg-img-callouts.video { cursor: pointer; }

.bg-img-callouts.video iframe, .bg-img-callouts.video video { height: 100%; left: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1; }

.bg-img-callouts.video .bg-img { z-index: 2; }

.bg-img-callouts.video .play-button { bottom: 25%; cursor: pointer; left: 50%; opacity: 0.75; position: absolute; transform: translate(-50%, 0); z-index: 3; }

.bg-img-callouts.video .play-button circle { fill: white; }

.bg-img-callouts.video .play-button polygon { fill: #757272; }

.bg-img-callouts.video .content { pointer-events: none; z-index: 3; }

.bg-img-callouts .title { font-size: 2.2em; margin: 0 0 15px; }

.bg-img-callouts .content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 1400px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); width: 100%; z-index: 1; }

.bg-img-callouts .content h1 { font-size: 2.2em; }

.bg-img-callouts .content.bottom { left: 50%; position: absolute; transform: translate(-50%, 0); bottom: 10%; }

.bg-img-callouts .content.left { position: absolute; top: 50%; transform: translate(0, -50%); left: 10%; max-width: 600px; width: 43%; }

.bg-img-callouts .content.middle { bottom: auto; left: 50%; position: absolute; right: auto; transform: translate(-50%, -50%); top: 50%; }

.bg-img-callouts .content.right { position: absolute; top: 50%; transform: translate(0, -50%); max-width: 725px; right: 10%; width: 52%; }

.bg-img-callouts .content.top { left: 50%; position: absolute; transform: translate(-50%, 0); top: 10%; }

@media screen and (max-width: 768px) { .bg-img-callouts .content.left, .bg-img-callouts .content.right, .bg-img-callouts .content.top, .bg-img-callouts .content.bottom, .bg-img-callouts .content.middle { display: block; position: static; transform: none; color: black; text-shadow: none; padding: 24px; }
  .bg-img-callouts .content .shdw-btn { color: #1aa2dc; border-color: #1aa2dc; text-shadow: none !important; }
  .bg-img-callouts .content br { display: none; } }
.bg-img-callouts .btn + .btn { margin-left: 19px; }

.bg-img-callouts .btn { margin-top: 50px; text-shadow: none; }

.bg-img-callouts .bg-img { height: 100%; left: 0; width: 100%; top: 0; z-index: 0; }

.bg-img-callouts.short { height: 320px; }

.bg-img-callouts h2 { font-size: 60px; }

.bg-img-callouts .content-slot { line-height: 1.325; background: rgba(255, 255, 255, 0.87); position: absolute; z-index: 1; }

.bg-img-callouts .content-slot.text-left { left: 25%; }

.bg-img-callouts .content-slot.text-right { left: 75%; }

.bg-img-callouts .content-slot h2 { color: #64a70b; text-shadow: none; margin: 0; }

.bg-img-callouts .content-slot p { color: #000; text-shadow: none; }

@media (max-width: 768px) { .bg-img-callouts .content-slot.middle { left: 10%; padding: 4.5%; top: 50%; transform: translate(0, -50%); width: 80%; } }
.lg-jumbotron .row { max-width: none; }

.lg-jumbotron .show-video .bg-img { visibility: hidden; }

.lg-jumbotron .show-video .play-btn { display: none; }

.lg-jumbotron .img-wrap { text-align: center; }

.lg-jumbotron .bg-img { position: relative; z-index: 1; }

.lg-jumbotron iframe { background: #000; display: none; height: 100%; left: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 0; }

.lg-jumbotron .show-video iframe { display: block; visibility: visible; }

.lg-jumbotron .img-wrap svg { display: none; }

.lg-jumbotron .content { margin: 0 auto; max-width: 1400px; padding: 0 15px; position: relative; z-index: 1; }

.lg-jumbotron .title { font-size: 3.33333333em; font-weight: 500; line-height: 1; }

.lg-jumbotron .btn:not(.shdw-btn) { text-shadow: none; }

.lg-jumbotron.black-text .shdw-btn { border-color: #000; color: #000; }

.lg-jumbotron .content ul { margin: 20px 0 0; padding: 0; }

.lg-jumbotron .content li { list-style: none; padding: 0 0 0 15px; position: relative; }

.lg-jumbotron .content li:before { content: '-'; left: 0; position: absolute; }

.lg-jumbotron .btn { margin: 25px 0 0; }

.lg-jumbotron .btn + .btn { margin: 25px 0 0 10px; }

.lg-jumbotron .show-video .content { visibility: hidden; }

.lg-jumbotron.black-text .content { color: #000; text-shadow: 1px 1px 1px rgba(243, 243, 243, 0.75); }

.lg-jumbotron .content { top: 50%; transform: translate(0, -50%); color: #fff; font-size: 1.28571429vw; left: 0; position: absolute; right: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }

.lg-jumbotron .bottom { bottom: 10%; top: auto; transform: none; }

.lg-jumbotron .left { left: 10%; text-align: left; }

.lg-jumbotron .right { right: 10%; text-align: right; }

.lg-jumbotron .top { top: 10%; transform: none; }

.lg-jumbotron .heading { margin: 10px 0 0; }

@media (min-width: 1400px) { .bg-img-callouts .callout { position: static; }
  .bg-img-callouts .bg-img { max-width: none; width: 100%; }
  .bg-img-callouts .bg-img.anchor-top { bottom: auto; top: 0; }
  .bg-img-callouts .bg-img.anchor-bottom { bottom: 0; top: auto; }
  .bg-img-callouts .content-slot { max-width: 45%; padding: 35px; right: 90px; top: 50%; transform: translate(0, -50%); width: 600px; }
  .bg-img-callouts .text-left { left: 90px; }
  .lg-jumbotron .img-wrap { position: relative; overflow: hidden; }
  .lg-jumbotron .bg-img { height: auto; left: 0; max-width: none; position: absolute; width: 100%; top: 0; }
  .lg-jumbotron .title { font-size: 60px; }
  .lg-jumbotron .img-wrap { height: 34.28571429vw; max-height: 480px; }
  .lg-jumbotron .content { font-size: 18px; } }
/* ===== 9. MID/LAPTOP BREAKPOINT ===== */
@media (max-width: 952px) { .lg-jumbotron .content { font-size: 1.78571429vw; } }
/* ===== 9. MOBILE BREAKPOINT ===== */
@media (max-width: 767px) { .btn { display: block; text-align: center; }
  .bg-img-callouts .content h2 { font-size: 1.8em; margin: 0 0 5px; }
  .bg-img-callouts .hero .header { margin: 0 0 50px; }
  .bg-img-callouts .hero .body .description, .bg-img-callouts .hero .body *:not(.btn) { display: none; }
  .bg-img-callouts .hero .pri-btn { display: none; }
  .bg-img-callouts .hero h2 { font-size: 1.8em; margin: 0 0 5px; }
  .bg-img-callouts.braava-300-hero .btn { margin-top: 10px; }
  .bg-img-callouts.braava-300-hero .btn + .btn { margin-left: 10px; }
  .bg-img-callouts.braava-300-hero .hero .header { margin: 0 0 10px; }
  .bg-img-callouts.altadena .hero .content { padding: 0 10px; }
  .bg-img-callouts.altadena .hero .header { margin: 0; }
  .bg-img-callouts.altadena .hero .title { font-size: 1.2em; }
  .bg-img-callouts.altadena .hero .heading { font-size: 1em; }
  .bg-img-callouts.altadena .hero .btn { margin-top: 10px; }
  .bg-img-callouts.altadena .hero .btn + .btn { margin-left: 10px; }
  .bg-img-callouts .intro-980 { font-size: 14px; }
  .bg-img-callouts .intro-980 .content { top: 50%; }
  .bg-img-callouts .intro-980 .btn { margin-top: 10px; }
  .bg-img-callouts .video .img-wrap .play-button { bottom: 10%; transform: translate(-50%, 0) scale(0.75); }
  .bg-img-callouts .title { font-size: 1.8em; margin: 0 0 5px; }
  .bg-img-callouts .content.bottom, .bg-img-callouts .content.left, .bg-img-callouts .content.right, .bg-img-callouts .content.top { top: 3%; }
  .bg-img-callouts.post-mday .btn { margin-top: 25px; }
  .bg-img-callouts.post-mday .btn + .btn { margin-left: 10px; }
  .lg-jumbotron br { display: none; }
  .lg-jumbotron .img-wrap { overflow: hidden; position: relative; }
  .lg-jumbotron .content, .lg-jumbotron .header { font-size: 1em; position: static; transform: none; }
  .lg-jumbotron .content { color: #000; padding: 30px; text-shadow: none; }
  .lg-jumbotron .content ul { display: table; margin: 0 auto; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; }
  .lg-jumbotron .content li { text-align: left; }
  .lg-jumbotron .title { color: #000; font-size: 2.25em; font-weight: 700; margin: 0 0 20px; text-shadow: none; }
  .lg-jumbotron .body { padding: 0; }
  .lg-jumbotron .btn + .btn { margin: 25px 0 0; }
  .lg-jumbotron .shdw-btn, .lg-jumbotron.black-text .shdw-btn { background: #fff; border-color: #64a70b; color: #64a70b; text-shadow: none !important; }
  .lg-jumbotron .shdw-btn:hover, .lg-jumbotron.black-text .shdw-btn:hover { background-color: #579802; border-color: #579802; color: #fff; }
  .lg-jumbotron .show-video .content { visibility: visible; } }
@media (max-width: 567px) { .bg-img-callouts .hero .heading { font-size: 1.5em; } }
@media (max-width: 400px) { .bg-img-callouts .btn { margin: 0 25px; }
  .bg-img-callouts .hero .header { margin: 0 0 25px; }
  .bg-img-callouts .hero .heading { bottom: 55px; font-size: 1.2em; }
  .bg-img-callouts .intro-980 .title { font-size: 2.5em; }
  .bg-img-callouts .intro-980 .content { padding: 0 15px !important; } }
.learn { /* === BASE STYLES === */ /* === END Base Styles === */ /* === VIDEO SELECTOR === */ /* === END Video Container === */ /* === MINI COMPARE === */ /* === END Mini Compare === */ /* === JUMBOTRON === */ /* === END Jumbotron === */ /* === CINEMATRON === */ /* === END Cinematron === */ /* === VIDEO CONTAINER === */ /* === END Video Container === */ /* === SCROLL SPY === */ /* === END Scroll Spy === */ /* === FEATURE CALLOUTS === */ /* === END Feature Callouts === */ /* === FEATURE SLIDESHOW === */ /* === END Feature Slideshow === */ /* === CONTENT SLOT SLIDESHOW === */ /* === END Content Slot Slideshow === */ /* === COMPARISON CHART === */ /* === END Comparison Chart === */ /* === IMAGE-TEXT CONTENT SLOT === */ /* === END Image-Text Content Slot === */ /* === DUAL-GENERIC CONTENT SLOT === */ /* === END Dual-Generic Content Slot === */ /* === AWARDS GRID === */ /* === END Awards Grid === */ /* === AMBIENT VIDEO === */ /* --- END Ambient Video --- */ /* === MEET THE FAMILY === */ /* === END Meet the Family === */ /* === CONTENT EDITOR CLASSES === */ /* === END Content Editor Class === */ }

.learn html { font-size: 20px; }

.learn body { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; margin: 0; -webkit-text-size-adjust: none; }

.learn a { color: #64a70b; text-decoration: none; }

.learn sup { font-size: 0.75em; line-height: 0; position: relative; top: 0.333em; }

.learn h1, .learn h2, .learn h3, .learn h4, .learn h5, .learn h6, .learn p { margin-top: 0; }

.learn button::-moz-focus-inner { border: 0; }

.learn .slick-slideshow { margin: 0; padding: 0; }

.learn .slick-slideshow button, .learn .slick-slideshow [tabindex] { outline: 0; }

.learn .img-wrap img { vertical-align: middle; }

.learn .content-slot { line-height: 1.325; }

.learn .content-slot ul { padding: 0; }

.learn .content-slot li { line-height: normal; list-style: none; margin: 0 0 1em; padding: 0 0 0 1.15em; position: relative; }

.learn .content-slot li::before { content: '\2022'; font-size: 1.15em; left: 0; position: absolute; top: -0.075em; }

@media (min-width: 768px) { .learn .desktop-hidden { display: none; }
  .learn .page-content { border-top: 1px solid #ebebeb; margin: 0.75rem 0 0; } }
@media (max-width: 767px) { .learn .mobile-hidden { display: none; } }
.learn .btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.learn .btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.learn .btn:disabled, .learn .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.learn .pri-btn, .learn .sec-btn, .learn .ter-btn, .learn .qua-btn, .learn .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.learn .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.learn .pri-btn:hover { background: #579802; border-color: #579802; }

.learn .sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.learn .sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.learn .ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.learn .ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.learn .qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.learn .qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.learn .shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.learn .shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.learn .play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.learn .lg-btn { padding: 10px 20px; }

.learn .btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.learn .btn-twitter:hover { background: #1da1f2; }

.learn .btn.buy_btn, .learn .btn.greenBtn, .learn .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.learn .btn.buy_btn:hover, .learn .btn.greenBtn:hover, .learn .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

.learn .video-selector { background: #f7f7f7; border: 0 solid #ebebeb; border-width: 1px 0; }

.learn .video-selector .row { margin: 0 auto; max-width: 1000px; padding: 2em 0.75em; }

.learn .video-selector .thumbnail-list { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; list-style: none; margin: 0 0 -5px; padding: 0; }

.learn .video-selector .thumbnail-item { margin: 0 0 5px 5px; }

.learn .video-selector .thumbnail-item:first-child { margin-left: 0; }

.learn .video-selector .thumbnail-img { vertical-align: middle; }

.learn .video-selector .video-wrapper { display: none; margin: 1rem auto 0; max-width: 800px; padding: 0 0 56.25%; position: relative; }

.learn .video-selector .ytp { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.learn .video-selector .hide-video { display: none; }

@media (max-width: 1023px) { .learn .video-selector .content-slot { text-align: center; }
  .learn .video-selector .thumbnail-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 1.5em 0 0; } }
@media (min-width: 1024px) { .learn .video-selector .top-wrapper { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
  .learn .video-selector .content-slot { max-width: 25rem; } }
.learn .ytp-spinner-wrapper { left: 50%; height: 100px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100px; }

.learn .ytp-spinner { animation: ytp-spinner-linspin 1568.23529647ms linear infinite; left: 50%; margin-top: -50%; margin-left: -50%; padding-bottom: 100%; pointer-events: none; position: absolute; top: 50%; width: 100%; }

.learn .ytp-spinner-rotator { animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; height: 100%; position: absolute; width: 100%; }

.learn .ytp-spinner-left { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 49%; top: 0; }

.learn .ytp-spinner-right { bottom: 0; left: 49%; overflow: hidden; position: absolute; right: 0; top: 0; }

.learn .ytp-spinner-circle { border-color: #adadad #adadad transparent; border-radius: 50%; border-style: solid; border-width: 6px; box-sizing: border-box; height: 100%; position: absolute; width: 200%; }

.learn .ytp-big-mode .ytp-spinner-circle { border-width: 12px; }

.learn .ytp-spinner-left .ytp-spinner-circle { animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; border-right-color: transparent; left: 0; right: -100%; }

.learn .ytp-spinner-right .ytp-spinner-circle { animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; border-left-color: transparent; left: -100%; right: 0; }

@keyframes ytp-spinner-linspin { to { transform: rotate(360deg); } }
@keyframes ytp-spinner-easespin { 12.5% { transform: rotate(135deg); }
  25% { transform: rotate(270deg); }
  37.5% { transform: rotate(405deg); }
  50% { transform: rotate(540deg); }
  62.5% { transform: rotate(675deg); }
  75% { transform: rotate(810deg); }
  87.5% { transform: rotate(945deg); }
  to { transform: rotate(1080deg); } }
@keyframes ytp-spinner-left-spin { 0% { transform: rotate(130deg); }
  50% { transform: rotate(-5deg); }
  to { transform: rotate(130deg); } }
@keyframes ytp-right-spin { 0% { transform: rotate(-130deg); }
  50% { transform: rotate(5deg); }
  to { transform: rotate(-130deg); } }
.learn .mini-compare .upper-slot, .learn .mini-compare .lower-slot { text-align: center; }

.learn .mini-compare .robot-slideshow { position: relative; text-align: center; }

.learn .mini-compare .robot-slideshow a { color: inherit; display: block; outline: 0; }

.learn .mini-compare .robot-slideshow .img-wrap { height: 146px; margin: auto; position: relative; width: 143px; }

.learn .mini-compare .robot-slideshow img { height: auto; left: 0; max-width: 100%; position: absolute; top: 0; transition: transform 0.25s; }

.learn .mini-compare .robot-slideshow .robot-img { z-index: 1; }

.learn .mini-compare .robot-slideshow .shadow-img { z-index: 0; }

.learn .mini-compare .robot-details-link a { display: inline-block; margin: 1rem 0 0; }

@media (min-width: 768px) { .learn .mini-compare { padding: 1.5rem 1rem 1.25rem; }
  .learn .mini-compare .robot-slideshow { border-bottom: 1px solid #d7d7d7; margin: 0 auto 1.75rem; max-width: 800px; padding: 1.5rem 1rem 1rem; }
  .learn .mini-compare .robot-slideshow .slick-list { overflow: visible; }
  .learn .mini-compare .robot-slideshow .slick-track { margin: auto; }
  .learn .mini-compare .robot-slideshow .img-wrap { margin: auto; }
  .learn .mini-compare .robot-slide { cursor: pointer; position: relative; }
  .learn .mini-compare .robot-slide:hover .robot-img { transform: translate(0, -7px); }
  .learn .mini-compare .robot-slide.slick-current .robot-img { transform: translate(0, -15px); }
  .learn .mini-compare .robot-slide .scroll-link { position: relative; }
  .learn .mini-compare .robot-slide .scroll-link::after { background: #444; bottom: -5px; content: ''; left: 50%; height: 1px; position: absolute; right: 50%; transition: all 350ms; }
  .learn .mini-compare .robot-slide .scroll-link:hover::after { left: 15%; right: 15%; }
  .learn .mini-compare .robot-slide.slick-current::after { background: #fff; border: 0 solid #d7d7d7; border-width: 0 1px 1px 0; content: ''; height: 20px; left: 50%; position: absolute; top: calc(100% + 1rem + 1px); transform: translate(-50%, -50%) rotate(45deg); width: 20px; }
  .learn .mini-compare .robot-content-slideshow { margin: 0 auto 2rem; max-width: 620px; padding: 0 100px; position: relative; }
  .learn .mini-compare .thing-1, .learn .mini-compare .thing-2 { display: table-cell; vertical-align: middle; }
  .learn .mini-compare .thing-1 { border-right: 1px solid #d7d7d7; width: 100px; }
  .learn .mini-compare .thing-2 { padding: 0 0 0 25px; }
  .learn .mini-compare .thingy .sm { margin: 0 0 0.5em; }
  .learn .mini-compare .thingy .lg { line-height: 1.2; margin: 0; }
  .learn .mini-compare .slick-arrow { background: 0; border: 0; cursor: pointer; font-size: 0; outline: 0; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); transition: color 300ms; vertical-align: middle; -webkit-appearance: none; }
  .learn .mini-compare .slick-arrow:hover { color: #a7a7a7; }
  .learn .mini-compare .slick-prev { left: 0; }
  .learn .mini-compare .slick-next { right: 0; }
  .learn .mini-compare .robot-details-link { padding: 0 0 0 126px; } }
@media (max-width: 767px) { .learn .mini-compare { padding: 1.75rem 0; }
  .learn .mini-compare .upper-slot, .learn .mini-compare .lower-slot { padding: 0 1rem; }
  .learn .mini-compare .robot-slideshow { padding: 0.5rem 0 0; }
  .learn .mini-compare .robot-slide { padding: 0 0 2rem; position: relative; }
  .learn .mini-compare .robot-slide::before { background: #d7d7d7; bottom: 2rem; content: ''; height: 1px; left: 0; position: absolute; width: 100%; }
  .learn .mini-compare .robot-slide::after { background: #fff; border: 0 solid #d7d7d7; border-width: 0 1px 1px 0; bottom: 2rem; content: ''; height: 20px; left: 50%; position: absolute; transform: translate(-125%, 50%) rotate(45deg); transition: transform 0.25s; width: 20px; }
  .learn .mini-compare .slick-current::after { transform: translate(-50%, 50%) rotate(45deg); }
  .learn .mini-compare .slick-current + .robot-slide::after { transform: translate(50%, 50%) rotate(45deg); }
  .learn .mini-compare .robot-content-slideshow { margin: 0 0 0.75rem; }
  .learn .mini-compare .robot-content-slide .content-slot { padding: 0 0.75rem; text-align: center; }
  .learn .mini-compare .slick-arrow { display: none; }
  .learn .mini-compare .thingy .sm { display: none; }
  .learn .mini-compare .thingy img { margin: auto; }
  .learn .mini-compare .thing-1 { margin: 0 0 0.5rem; }
  .learn .mini-compare .robot-details-link { text-align: center; } }
.learn .jumbotron .img-wrap img { height: auto; width: 100%; vertical-align: middle; }

.learn .jumbotron.content-stacked h4 { margin: 0 0 0.5em; }

.learn .jumbotron.content-stacked .content-slot > :last-child { margin-bottom: 0; }

.learn .jumbotron.content-stacked .lockup img { vertical-align: middle; }

.learn .jumbotron.content-stacked .floors img { margin: 10px 0 0; }

@media (min-width: 1024px) { .learn .jumbotron.content-stacked .region { box-sizing: border-box; min-height: calc(540vw / 1400 * 100); overflow: hidden; padding: 1.5rem; position: relative; }
  .learn .jumbotron.content-stacked .row { margin: auto; max-width: 1200px; }
  .learn .jumbotron.content-stacked .content-slot { background: rgba(255, 255, 255, 0.9); box-sizing: border-box; max-width: 500px; padding: 1.5rem; position: relative; width: 45%; z-index: 1; }
  .learn .jumbotron.content-stacked .content-left { margin: 0 auto 0 0; }
  .learn .jumbotron.content-stacked .content-right { margin: 0 0 0 auto; }
  .learn .jumbotron.content-stacked .desktop-lockup { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; }
  .learn .jumbotron.content-stacked .desktop-lockup h4 { margin: 0 0 0 1rem; }
  .learn .jumbotron.content-stacked .tagline { margin: 1.25em 0 1.5em; }
  .learn .jumbotron.content-stacked .img-wrap img { height: 100%; max-width: none; position: absolute; top: 0; width: auto; z-index: 0; }
  .learn .jumbotron.content-stacked .img-left img { left: 0; }
  .learn .jumbotron.content-stacked .img-right img { right: 0; } }
@media (max-width: 1023px) { .learn .jumbotron.content-stacked { padding: 2.25rem 0 0; }
  .learn .jumbotron.content-stacked .content-above { margin: 0 1rem 1rem; }
  .learn .jumbotron.content-stacked .tablet-lockup br { display: none; }
  .learn .jumbotron.content-stacked .tablet-lockup img { margin: 0 0 0.5rem; }
  .learn .jumbotron.content-stacked .tagline { margin: 0.5em 0; } }
@media (max-width: 1023px) and (min-width: 768px) { .learn .jumbotron.content-stacked .tablet-lockup { margin: 0 0 2rem; max-width: 650px; min-height: 130px; padding: 0 0 0 150px; position: relative; }
  .learn .jumbotron.content-stacked .tablet-lockup br { display: none; }
  .learn .jumbotron.content-stacked .tablet-lockup img { left: 0; position: absolute; top: 0; } }
.learn .cinematron .region { height: 100vh; overflow: hidden; position: relative; }

.learn .cinematron .content-slot { background: rgba(255, 255, 255, 0.87); position: absolute; z-index: 1; }

.learn .cinematron .img-wrap img { bottom: 0; left: 50%; position: absolute; transform: translate(-50%, 0); z-index: 0; }

.ua-ft.portrait .learn .cinematron .img-wrap img { height: 100%; width: auto; }

.ua-ft.landscape .learn .cinematron .img-wrap img { height: auto; width: 100%; }

@media (max-width: 768px) { .learn .cinematron { /* === CONTENT EDITOR CLASSES === */ }
  .learn .cinematron .content-slot { left: 6.7%; padding: 4.5%; right: 6.7%; top: 50%; transform: translate(0, -50%); }
  .learn .cinematron .xx-sm { font-size: 0.4rem; /* 8px at 20px base */ }
  .learn .cinematron .x-sm { font-size: 0.6rem; /* 12px at 20px base */ }
  .learn .cinematron .sm { font-size: 0.7rem; /* 14px at 20px base */ }
  .learn .cinematron .med { font-size: 0.8rem; /* 16px at 20px base */ }
  .learn .cinematron .lg { font-size: 1rem; /* 20px at 20px base */ }
  .learn .cinematron .x-lg { font-size: 1.2rem; /* 24px at 20px base */ margin: 0 0 0.667em; }
  .learn .cinematron .xx-lg { font-size: 1.5rem; /* 30px at 20px base */ margin: 0 0 0.5em; }
  .learn .cinematron .xxx-lg { font-size: 1.8rem; /* 36px at 20px base */ margin: 0 0 0.5em; } }
@media (max-width: 1023px) and (min-width: 768px) { .learn .cinematron .content-slot { left: calc(15 / 32 * 100% - 330px); padding: 35px; right: calc(15 / 32 * 100% - 330px); top: 50%; transform: translate(0, -50%); } }
@media (min-width: 1024px) { .learn .cinematron .content-slot { max-width: 45%; padding: 35px; right: 90px; top: 50%; transform: translate(0, -50%); width: 600px; }
  .learn .cinematron .content-left { left: 90px; }
  .learn .cinematron .content-right { right: 90px; } }
.learn .play-video { color: inherit; text-decoration: none; }

.learn .video-container { height: 0; overflow: hidden; text-align: center; }

.learn .video-container .row { margin: 0 auto 2rem; max-width: 1400px; padding: 0 0.75rem; }

.learn .video-container .video-wrap { padding: 0 0 56.52%; position: relative; }

.learn .video-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@media (min-width: 768px) { .learn .scroll-spy { background: #fff; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2); margin: 0 0 4rem; padding: 20px 0; top: 0; transition: transform 0.25s; z-index: 1000; }
  .learn .scroll-spy.sticky { position: -webkit-sticky; position: sticky; }
  .learn .scroll-spy.inactive { transform: translate(0, -200%); }
  .learn .scroll-spy h1, .learn .scroll-spy h2, .learn .scroll-spy h3, .learn .scroll-spy h4, .learn .scroll-spy h5, .learn .scroll-spy h6 { margin: 0; }
  .learn .scroll-spy .row { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin: auto; max-width: 1180px; }
  .learn .scroll-spy .left img { margin: 0 0 -77px; }
  .learn .scroll-spy .right { -ms-flex-positive: 1; flex-grow: 1; padding: 0 0 0 1rem; }
  .learn .scroll-spy .scroll-spy-list { display: -ms-flexbox; display: flex; list-style: none; margin: 1.5rem 0 0; padding: 0; }
  .learn .scroll-spy .scroll-spy-item { border-bottom: 1px solid #ebebeb; -ms-flex-positive: 1; flex-grow: 1; }
  .learn .scroll-spy .scroll-spy-link { box-shadow: 0 1px #ebebeb; color: inherit; display: block; font-size: 0.9rem; margin: 0 15px 0 0; padding: 0 0 0.333rem; text-decoration: none; transition: box-shadow 0.3s, color 0.3s; }
  .learn .scroll-spy .scroll-spy-active .scroll-spy-link { box-shadow: 0 1px #64a70b; color: #64a70b; } }
@media (max-width: 1023px) { .learn .scroll-spy .scroll-spy-list { display: none; } }
@media (max-width: 767px) { .learn .scroll-spy { text-align: center; }
  .learn .scroll-spy h1, .learn .scroll-spy h2, .learn .scroll-spy h3, .learn .scroll-spy h4, .learn .scroll-spy h5, .learn .scroll-spy h6 { margin: 0 0 0.25em; }
  .learn .scroll-spy .content-slot { line-height: 1; padding: 0 0.75rem; }
  .learn .scroll-spy::after { border: 2rem solid transparent; border-top-color: #64a70b; content: ''; display: inline-block; margin: 0.5rem 0 -2.5rem; } }
.learn .feature-callouts h1, .learn .feature-callouts h2, .learn .feature-callouts h3, .learn .feature-callouts h4, .learn .feature-callouts h5, .learn .feature-callouts h6 { margin: 0 0 0.75em; }

.learn .feature-callouts .row { margin: 0 auto; max-width: 980px; }

.learn .feature-callouts .img-wrap img { height: auto; max-width: 100%; vertical-align: middle; }

.learn .feature-callouts .upper-slot { margin: 0 1.5rem 1.5rem; }

.learn .feature-callouts .upper-slot-image { margin: 0 0 10px; }

.learn .feature-callouts .callouts p { margin: 0 0 0.5em; }

.learn .feature-callouts .callouts .content-slot { padding: 0.75rem 0.5rem 0; }

.learn .feature-callouts .callouts .content-slot :last-child { margin-bottom: 0; }

.learn .feature-callouts .lower-slot { margin: 2rem 1.5rem 0; }

@media (min-width: 768px) { .learn .feature-callouts .callouts { display: -ms-flexbox; display: flex; margin: 0; padding: 0; }
  .learn .feature-callouts .callout { list-style: none; margin: 0 10px 0 0; max-width: 320px; width: 33.333%; }
  .learn .feature-callouts .callout:last-child { margin: 0; } }
@media (max-width: 767px) { .learn .feature-callouts .callouts { margin: 0; padding: 0; position: relative; }
  .learn .feature-callouts .callouts .img-wrap { margin: 0 0 45px; padding: 0 5px; }
  .learn .feature-callouts .callouts .img-wrap img { margin: auto; }
  .learn .feature-callouts .callouts .content-slot { padding: 0.75rem 0.75rem 0; }
  .learn .feature-callouts .slick-dots { left: 50%; line-height: 0; padding: 0; position: absolute; text-align: center; top: 345px; transform: translate(-50%, 0); }
  .learn .feature-callouts .slick-dots li { display: inline-block; font-size: 0; margin: 0 5px; vertical-align: middle; }
  .learn .feature-callouts .slick-dots button { background: #ebebeb; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); cursor: pointer; display: block; font-size: 0; height: 20px; width: 20px; }
  .learn .feature-callouts .slick-dots .slick-active button { background: #64a70b; } }
@media (max-width: 412px) { .learn .feature-callouts .slick-dots { top: calc(2000vw / 23 - 13px); } }
.learn .feature-slideshow { margin: 1.75rem 0 2.25rem; padding: 0 1rem; }

.learn .feature-slideshow .content-slot :last-child { margin-bottom: 0; }

.learn .feature-slideshow .slick-slideshow { padding: 0; }

.learn .feature-slideshow .nav-slide img, .learn .feature-slideshow .content-slide img { height: auto; margin: auto; max-width: 100%; vertical-align: middle; }

.learn .feature-slideshow .nav-slide img { width: 100px; }

.learn .feature-slideshow .content-slide img { display: inline-block; width: 150px; }

@media (max-width: 1023px) { .learn .feature-slideshow { margin: 1.75rem 0 0; } }
@media (min-width: 768px) { .learn .feature-slideshow .slick-nav-slideshow { margin: 0 auto 1rem; }
  .learn .feature-slideshow .slick-nav-slideshow .slick-track { margin: auto; }
  .learn .feature-slideshow .nav-slide .img-wrap { padding: 5px; }
  .learn .feature-slideshow .slick-current img { box-shadow: 0 0 6px 1px #000; outline: 2px solid #000; }
  .learn .feature-slideshow .slick-content-slideshow { margin: 0 auto 1rem; max-width: 870px; }
  .learn .feature-slideshow .header-copy { margin: 0 0 0.5rem; }
  .learn .feature-slideshow .lower-slot .row { margin: auto; max-width: 990px; } }
@media (max-width: 767px) { .learn .feature-slideshow .slick-content-slideshow { margin: 0 0 2rem; text-align: center; }
  .learn .feature-slideshow .slick-content-slideshow .content-slide { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .learn .feature-slideshow .header-copy { margin: 0 0 1rem; -ms-flex-order: 0; order: 0; }
  .learn .feature-slideshow .img-wrap { -ms-flex-order: 1; order: 1; }
  .learn .feature-slideshow .slick-arrow { background: 0; border: 0; cursor: pointer; font-size: 3rem; transition: color 300ms; vertical-align: middle; -webkit-appearance: none; }
  .learn .feature-slideshow .slick-arrow svg { vertical-align: middle; }
  .learn .feature-slideshow .slick-prev { padding: 0 1.25rem 0 0; }
  .learn .feature-slideshow .slick-next { padding: 0 0 0 1.25rem; }
  .learn .feature-slideshow .body-copy { line-height: 1.2; margin: 1rem 0 0; -ms-flex-order: 2; order: 2; }
  .learn .feature-slideshow .expand-wrap { display: none; } }
.learn .content-slot-slideshow { background: #64a70b; color: #fff; position: relative; z-index: 1; }

.learn .content-slot-slideshow .row { margin: auto; max-width: 1200px; padding: 40px 0 30px; }

.learn .content-slot-slideshow .content-slot :last-child { margin-bottom: 0; }

.learn .content-slot-slideshow .content-slide { padding: 0 100px; position: relative; text-align: center; }

.learn .content-slot-slideshow .content-slide::before, .learn .content-slot-slideshow .content-slide::after { font-size: 120px; position: absolute; }

.learn .content-slot-slideshow .content-slide::before { content: "\201C"; left: 0.1em; top: -0.16em; }

.learn .content-slot-slideshow .content-slide::after { bottom: -0.65em; content: "\201D"; right: 0.1em; }

.learn .content-slot-slideshow .slick-dots { padding: 25px 0 0; text-align: center; }

.learn .content-slot-slideshow .slick-dots button { display: none; }

.learn .content-slot-slideshow .slick-dots li { background: #ccc; border-radius: 50%; display: inline-block; height: 10px; font-size: 0; width: 10px; }

.learn .content-slot-slideshow .slick-dots li + li { margin: 0 0 0 10px; }

.learn .content-slot-slideshow .slick-dots li.slick-active { background: #fff; }

@media (max-width: 767px) { .learn .content-slot-slideshow .row { padding: 25px 0 15px; }
  .learn .content-slot-slideshow .content-slide { padding: 0 40px; }
  .learn .content-slot-slideshow .content-slide::before, .learn .content-slot-slideshow .content-slide::after { font-size: 60px; }
  .learn .content-slot-slideshow .xx-lg { font-size: 1.2rem; }
  .learn .content-slot-slideshow .x-lg { font-size: 1rem; }
  .learn .content-slot-slideshow .lg { font-size: 0.9rem; }
  .learn .content-slot-slideshow .slick-dots { padding: 15px 0 0; } }
.learn .comparison-chart { overflow: hidden; }

.learn .comparison-chart img { vertical-align: middle; }

.learn .comparison-chart .row { margin: auto; max-width: 1400px; }

.learn .comparison-chart .compare-row { display: none; }

.learn .comparison-chart table { border-collapse: collapse; border-spacing: 0; font-size: 13px; position: relative; table-layout: fixed; text-align: center; width: 100%; }

.learn .comparison-chart table::after { background: #ddd; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 100%; }

.learn .comparison-chart .robot-info { padding: 0 5px; }

.learn .comparison-chart .robot-img-wrap { padding: 0 5px 5px; }

.learn .comparison-chart .robot-img-wrap img { height: auto; max-width: 155px; width: 100%; }

.learn .comparison-chart .promo-text { color: #64a70b; font-size: 1.38em; font-weight: 500; padding: 0 5px 5px; }

.learn .comparison-chart .robot-name { font-size: 1.38em; padding: 0 5px 40px; position: relative; }

.learn .comparison-chart .robot-name::after { background: #ddd; bottom: 25px; content: ''; height: 1px; left: 0; position: absolute; right: 0; }

.learn .comparison-chart .alt-price { font-size: 1.23em; padding: 0 0 5px; }

.learn .comparison-chart .cur-price { font-size: 1.85em; font-weight: 500; padding: 0 0 15px; }

.learn .comparison-chart .store-link { padding: 0 0 15px; }

.learn .comparison-chart .pillar { position: relative; width: 35px; }

.learn .comparison-chart .pillar span { color: #666; font-size: 16px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(90deg); white-space: nowrap; }

.learn .comparison-chart .pillar ~ th, .learn .comparison-chart .pillar ~ td { border-top: 1px solid #bcbcbc; }

.learn .comparison-chart .chart-title { color: #64a70b; font-size: 24px; font-weight: 500; padding: 15px; text-align: left; vertical-align: bottom; width: 33%; }

.learn .comparison-chart .feature { background: none; color: #000; font-size: 17px; font-weight: normal; padding: 15px; position: relative; text-align: left; }

.learn .comparison-chart .feature::before { background: #ddd; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; }

.learn .comparison-chart tr:last-child th, .learn .comparison-chart tr:last-child td { border-bottom: 0; }

.learn .comparison-chart .has-tooltip { cursor: pointer; }

.learn .comparison-chart .has-tooltip .feature-title { background: no-repeat right center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAARVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZn////n5+fy8vLZ2dnS0tK/v7/MzMzGxsasrKyfn5/5+fnf39+5ubmzs7Ompqb7OpWnAAAAB3RSTlMA37+PUBBw59ow1wAAAOBJREFUOMuVlFcSwyAMREMJCu79/kcN4HjWlEHxfthjeFZD4vVYWkkKkkqXibcRdJMw74KVCwGWWVNUkIpdSSpK3l2CSSnGV+JRY20erdM4Y0X/AkJeU/MJaibkeIZl8JtngizWTIBgqPf7rfXPDaaSiFq32xOt7jXEUSl8dtZ6P0MMqWKNVm8wrhVBiGyZCSpAm497pCp0LD5DqkNdYBjIunrTH1CXQlkJpn0/8nZRxEhdxwLhdKNmEXVInK1ShwyaDtlZi+zQdGlUWUT8IDwaKX44+THnLwz+6uEvsaf6AgSCGqvrPTNtAAAAAElFTkSuQmCC"); background-size: 18px 18px; padding: 0 27px 0 0; }

.learn .comparison-chart .has-tooltip.active .feature-tooltip { top: 50%; transform: translate(0, -50%); background: #64a70b; border-radius: 2px; color: #fff; cursor: auto; display: block; left: 99%; padding: 10px; position: absolute; width: 200px; z-index: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.learn .comparison-chart .has-tooltip.active .feature-tooltip::before { position: absolute; top: 50%; transform: translate(0, -50%); border: 10px solid transparent; border-right-color: #64a70b; content: ''; left: -20px; }

.learn .comparison-chart .feature-title { line-height: 1.25; }

.learn .comparison-chart .feature-tooltip { display: none; }

.learn .comparison-chart .availability { color: #999; padding: 15px 5px; position: relative; }

.learn .comparison-chart .availability::before { background: #ddd; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; }

.learn .comparison-chart .false span { color: transparent; }

.learn .comparison-chart .true { background: #f0f8eb; }

.learn .comparison-chart .true.sym span { background: #64a70b; border-radius: 50%; display: inline-block; font-size: 0; height: 17px; vertical-align: middle; white-space: nowrap; width: 17px; }

.learn .comparison-chart .focus { color: #65a70b; display: block; font-size: 2em; font-weight: 400; line-height: 1; }

.learn .comparison-chart .one { margin: 0 -0.1em; }

@media (max-width: 767px) { .learn .comparison-chart { border-bottom: 1px solid #adadad; padding: 0 0 20px; }
  .learn .comparison-chart .compare-row { display: block; font-size: 16px; padding: 0 15px; text-align: center; }
  .learn .comparison-chart .compare-header { border-bottom: 1px solid #d7d7d7; display: table; font-size: 16px; font-weight: 500; margin: 0 auto 25px; padding: 0 20px 15px; position: relative; }
  .learn .comparison-chart .compare-header::after, .learn .comparison-chart .compare-header::before { border: 15px solid transparent; border-top-color: #d7d7d7; bottom: -30px; content: ''; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 0; }
  .learn .comparison-chart .compare-header::after { border-top-color: #fff; bottom: -29px; }
  .learn .comparison-chart .compare-options { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 0 25px; padding: 0; }
  .learn .comparison-chart .compare-option { display: block; width: 25%; }
  .learn .comparison-chart .option-checkbox { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .learn .comparison-chart .option-label { display: block; margin: auto; max-width: 155px; padding: 20px; position: relative; }
  .learn .comparison-chart .option-checkbox:checked + .option-label::before { border: 2px solid #64a70b; border-radius: 4px; content: ''; bottom: 9px; left: 9px; position: absolute; right: 9px; top: 9px; }
  .learn .comparison-chart .option-checkbox:checked + .option-label::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAANlBMVEUAAABkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwv///+eyGdurRri79GUw1d7FeJFAAAADHRSTlMAz0AQ77+vn49gIDCG2+f8AAAAyUlEQVQ4y5WVWw6EMAhF6WifQtX9b3YSHUMrmt45X3ycFMVypY6So+MDF3OhNz6BO8LnWfNs8FadEj+Sppvn+AXXmcvMr8xLc17rWXMyfUfdEw9Iv7nwkHNKfiz6+4HrrvW+3o4MjbdJveoqW2MGotJ5IvXypDML5aaZyGXWo2weJFNkpZ6mFkokx9a0HjtitqZ6CrEx1TOiMY2Hi3hr+GXg8cADhz8hfCnQawZfXHQV4OVC1xUOADRS0JBCYw8MUjSa/w97+PfxBWctPKq+7QdrAAAAAElFTkSuQmCC"); background-size: 20px 20px; content: ''; height: 20px; position: absolute; right: 0; top: 0; width: 20px; }
  .learn .comparison-chart .option-img { height: auto; width: 100%; pointer-events: none; }
  .learn .comparison-chart .compare-hint { display: none; font-size: 14px; }
  .learn .comparison-chart.show-compare-hint .compare-hint { display: block; }
  .learn .comparison-chart .compare-footer { margin: 0 0 15px; text-align: center; }
  .learn .comparison-chart .compare-footer .btn { margin: 0 5px 10px; }
  .learn .comparison-chart .reset-btn { display: none; }
  .learn .comparison-chart .chart-row, .learn .comparison-chart .disclaimer-row { display: none; }
  .learn .comparison-chart .chart-row { margin: 0 0 25px; }
  .learn .comparison-chart.comparison-active .chart-row, .learn .comparison-chart.comparison-active .disclaimer-row { display: block; }
  .learn .comparison-chart.comparison-active .reset-btn { display: inline-block; }
  .learn .comparison-chart .col-1 .robot-info:nth-last-child(1), .learn .comparison-chart .col-1 .availability:nth-last-child(1) { display: table-cell; }
  .learn .comparison-chart .col-2 .robot-info:nth-last-child(2), .learn .comparison-chart .col-2 .availability:nth-last-child(2) { display: table-cell; }
  .learn .comparison-chart .col-3 .robot-info:nth-last-child(3), .learn .comparison-chart .col-3 .availability:nth-last-child(3) { display: table-cell; }
  .learn .comparison-chart .col-4 .robot-info:nth-last-child(4), .learn .comparison-chart .col-4 .availability:nth-last-child(4) { display: table-cell; }
  .learn .comparison-chart .col-5 .robot-info:nth-last-child(5), .learn .comparison-chart .col-5 .availability:nth-last-child(5) { display: table-cell; }
  .learn .comparison-chart .col-6 .robot-info:nth-last-child(6), .learn .comparison-chart .col-6 .availability:nth-last-child(6) { display: table-cell; }
  .learn .comparison-chart .col-7 .robot-info:nth-last-child(7), .learn .comparison-chart .col-7 .availability:nth-last-child(7) { display: table-cell; }
  .learn .comparison-chart .col-8 .robot-info:nth-last-child(8), .learn .comparison-chart .col-8 .availability:nth-last-child(8) { display: table-cell; }
  .learn .comparison-chart .col-9 .robot-info:nth-last-child(9), .learn .comparison-chart .col-9 .availability:nth-last-child(9) { display: table-cell; }
  .learn .comparison-chart .col-10 .robot-info:nth-last-child(10), .learn .comparison-chart .col-10 .availability:nth-last-child(10) { display: table-cell; }
  .learn .comparison-chart table { font-size: 14px; table-layout: auto; }
  .learn .comparison-chart th, .learn .comparison-chart td, .learn .comparison-chart .pillar { display: none; }
  .learn .comparison-chart .chart-title, .learn .comparison-chart .feature { display: table-cell; }
  .learn .comparison-chart .chart-title { font-size: 16px; }
  .learn .comparison-chart .feature { border-right: 1px solid #ebebeb; cursor: auto; }
  .learn .comparison-chart .feature-title { display: inline-block; font-size: 14px; font-weight: 500; }
  .learn .comparison-chart .has-tooltip .feature-title { background: none !important; padding: 0; }
  .learn .comparison-chart .feature-tooltip { display: block; font-size: 12px; margin: 3px 0 0; }
  .learn .comparison-chart .availability { border-left: 1px solid #ebebeb; }
  .learn .comparison-chart table .btn { font-size: 14px; line-height: 18px; padding: 6px; }
  .learn .comparison-chart .true.sym span { height: 14px; width: 14px; } }
@media (max-width: 599px) { .learn .comparison-chart .compare-option { width: 50%; } }
@media (max-width: 500px) { .learn .comparison-chart { overflow: auto; }
  .learn .comparison-chart table { font-size: 12px; margin: 0 auto 15px; }
  .learn .comparison-chart th, .learn .comparison-chart td { box-sizing: border-box; min-width: 0 !important; }
  .learn .comparison-chart .availability { padding: 5px; } }
.learn .img-txt-content-slot .row { margin: auto; max-width: 1200px; padding: 0 0.75rem; }

.learn .img-txt-content-slot .img-wrap { text-align: center; }

@media (min-width: 767px) { .learn .img-txt-content-slot .img-left, .learn .img-txt-content-slot .img-right { display: -ms-flexbox; display: flex; }
  .learn .img-txt-content-slot .img-left .content-slot { -ms-flex-order: 1; order: 1; }
  .learn .img-txt-content-slot .img-left .img-wrap { -ms-flex-order: 0; order: 0; } }
@media (max-width: 767px) { .learn .img-txt-content-slot .content-img { height: auto; max-width: 100%; } }
.learn .dual-generic-content-slot .row { margin: auto; max-width: 1200px; padding: 0 0.75rem; }

@media (min-width: 768px) { .learn .dual-generic-content-slot .row { display: -ms-flexbox; display: flex; }
  .learn .dual-generic-content-slot .content-slot { width: 50%; } }
.learn .awards { font-size: 16px; line-height: normal; margin: auto; position: relative; z-index: 0; }

.learn .awards .page-title-wrapper { text-align: center; }

.learn .awards .page-title { font-size: 1.65em; font-weight: 700; margin: 0; padding: 1.4em 0 0.7em; }

.learn .awards .page-title-desc { font-size: 0.8em; font-weight: 700; margin: 0; text-transform: uppercase; }

.learn .awards .award-list-wrapper { margin: 1.1em auto 0; }

.learn .awards .award__wrapper { position: relative; }

.learn .awards .award__year, .learn .awards .award__title { font-size: 1em; font-weight: 700; padding: 0 0 0.4em; }

.learn .awards .award__title { padding: 0 0 0.7em; margin: 0; }

.learn .awards .award__img-wrapper { margin: 0 auto 1.5em; padding: 0 0 0.5em; position: relative; }

.learn .awards .award__img-wrapper::after { background: #ababab; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; width: 206px; }

.learn .awards .award__desc-title { color: #666; font-size: 0.85em; font-weight: 700; padding: 0 0 0.5em; }

.learn .awards .award__desc { color: #666; font-size: 0.875em; line-height: 1.5; }

@media (max-width: 767px) { .learn .awards .page-title-wrapper { margin: 0 1em; }
  .learn .awards .page-title { padding: 0.6em 0 0.7em; }
  .learn .awards .award-list-wrapper { margin: 0.3em auto 0; }
  .learn .awards .award__wrapper { padding: 1em 1.5em 2em; }
  .learn .awards .award__wrapper:last-child { border-bottom: 0; } }
@media (min-width: 768px) { .learn .awards .award-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin: 4.6em auto 1em; }
  .learn .awards .award__wrapper { box-sizing: border-box; min-height: 400px; padding: 0 3em 2em 4em; }
  .learn .awards .award__img { height: 110px; width: auto; } }
@media (min-width: 768px) and (max-width: 1023px) { .learn .awards .award-list { max-width: 750px; }
  .learn .awards .award__wrapper { width: 50%; }
  .learn .awards .award__wrapper:after { background: #ababab; bottom: 115px; content: ''; height: 264px; position: absolute; right: -40px; width: 1px; }
  .learn .awards .award__wrapper:nth-child(2n):after { background: transparent; } }
@media (min-width: 1024px) { .learn .awards .award-list-wrapper { max-width: 1140px; }
  .learn .awards .award__wrapper { width: calc(1/3 * 100% - 1px); }
  .learn .awards .award__wrapper:after { background: #ababab; bottom: 30%; content: ''; height: 264px; position: absolute; right: -40px; width: 1px; }
  .learn .awards .award__wrapper:nth-child(3n):after { background: transparent; } }
.learn .ambient-video { border: 0 solid #ebebeb; border-width: 1px 0; padding: 0 0 calc(540/960 * 100%); position: relative; }

.learn .ambient-video video, .learn .ambient-video .video-poster { height: 100%; left: 0; position: absolute; top: 0; transition: 500ms opacity; width: 100%; }

.learn .ambient-video video { opacity: 0; z-index: 0; }

.learn .ambient-video .video-poster { opacity: 1; z-index: 1; }

.learn .ambient-video.video-active video { opacity: 1; }

.learn .ambient-video.video-active .video-poster { opacity: 0; }

.learn .meet-the-family { padding: 45px 15px; }

.learn .meet-the-family .robots { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 40px auto 0; max-width: 800px; text-align: center; }

.learn .meet-the-family .robot { padding: 0 25px; }

.learn .meet-the-family .robot::before { content: none; }

.learn .meet-the-family .robots a { color: inherit; }

.learn .meet-the-family .robots .img-wrap { height: 146px; margin: auto; position: relative; width: 143px; }

.learn .meet-the-family .robots img { height: auto; left: 0; max-width: 100%; position: absolute; top: 0; transition: transform 0.25s; }

.learn .meet-the-family .robots .robot-img { z-index: 1; }

.learn .meet-the-family .robots .shadow-img { z-index: 0; }

.learn .meet-the-family .robot-details-link a { display: inline-block; margin: 1rem 0 0; }

.learn .xx-sm { font-size: 0.6rem; /* 12px at 20px base */ }

.learn .x-sm { font-size: 0.7rem; /* 14px at 20px base */ }

.learn .sm { font-size: 0.9rem; /* 18px at 20px base */ }

.learn .med { font-size: 1rem; /* 20px at 20px base */ }

.learn .lg { font-size: 1.2rem; /* 24px at 20px base */ line-height: 1.2; }

.learn .x-lg { font-size: 1.5rem; /* 30px at 20px base */ line-height: 1.1; }

.learn .xx-lg { font-size: 1.8rem; /* 36px at 20px base */ line-height: 1.1; }

.learn .xxx-lg { font-size: 2rem; /* 40px at 20px base */ line-height: 1.1; }

.learn .reg { font-weight: 400; }

.learn .semi-bold { font-weight: 500; }

.learn .bold { font-weight: 700; }

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

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

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

.learn .text-justify { text-align: justify; }

.learn .green { color: #64a70b; }

.learn .blue { color: #1aa2dc; }

.learn .gray { color: #666; }

.learn .black-link { color: #000; text-decoration: underline; }

.learn .green-link { color: #64a70b; text-decoration: underline; }

.learn .last-p { margin-bottom: 0; }

.learn .disclaimers, .learn .content-slot .disclaimers { font-size: 0.6rem; list-style: none; margin: 0; padding: 0; }

.learn .disclaimers li { margin: 0; padding: 0; }

.learn .disclaimers li::before { content: none; }

.legal h1 { font-size: 28px; }

.legal h2, .legal h3 { font-size: 24px; }

.media-articles .media_articles { margin: 0; padding: 0; display: table; }

.media-articles .media_articles .release_item { display: table-row; }

.media-articles .media_articles .release_date { padding: 0 10px 10px 0; text-align: right; }

.media-articles .media_articles .release_date, .media-articles .media_articles .release_details { display: table-cell; padding: 0 0 10px; vertical-align: top; }

.global-modal { background: rgba(0, 0, 0, 0.75); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 100; }

.global-modal iframe { width: 100%; }

.global-modal.open { display: block; }

.global-modal-viewport-container { background: #fff; left: 50%; height: 75%; max-height: 400px; max-width: 600px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 75%; }

.global-modal-viewport { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; overflow: auto; }

.global-modal-close-btn { background: transparent; border: 0; height: 30px; position: absolute; right: 1px; top: 1px; width: 30px; z-index: 2; }

/***
*   File:
*       navigation-ie9.less
*
*   Description:
*       This file composites all of the styles necessary to style the
*       navigation in ie9. IE9 doesn't support flexbox which is used
*       for some components of the layout. It also was rendering some
*       svg incorrectly during testing. This file provides fallbacks
*       to resolve these issues.
*
*   Table of Contents:
*       1. Search Box
*       2. Desktop Layout
*           2a. Site Banner (gray banner)
*           2b. Primary Nav (green nav)
*           2b. Utility Nav (nav left of gray banner)
*       3. Small Desktop Layout
*           2a. Search Box (gray banner)
*           2b. Primary Nav (green nav)
*       3. Mobile Layout
*           2a. Mobile Menu Header
*           2b. Primary Nav (green nav)
*           2c. Primary Nav ("select menu")
*           2d. Secondary Nav
*           2e. Utility Nav
*/
/* ===== 1. SEARCH BOX ===== */
.primary-nav-right .search-box { font-size: 0; white-space: nowrap; }

.primary-nav-right .field, .primary-nav-right .input-btn { display: inline-block; vertical-align: middle; }

.primary-nav-right .field { padding: 6px 10px; width: 184px; }

/* ===== 2. DESKTOP LAYOUT ===== */
@media (min-width: 768px) { /* ===== 2a. SITE BANNER ===== */
  .site-banner .callout-wrapper { padding-right: 0; }
  /* ===== 2b. PRIMARY NAV ===== */
  .primary-nav .nav-list { display: table; width: 100%; }
  .primary-nav .nav-item { display: table-cell; vertical-align: middle; width: 25%; }
  .primary-nav .nav-item.fifth { width: 20%; }
  .primary-nav .nav-item.sixth { width: 16.66666667%; }
  .primary-nav .facebook:before { margin-top: -1px; }
  .primary-nav .nav-link { display: inline-block; vertical-align: middle; }
  .primary-nav .facebook .nav-link { box-sizing: border-box; height: 100%; width: 100%; }
  /* ===== 2c. UTILITY NAV ===== */
  .utility-nav .live-chat .nav-link--lvl1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAMAAACKJ8VmAAAAM1BMVEVkpwvr6+unyXrS3sFsqxji59zJ2rKVwF59szSfxGyGuEOFt0LB1qW40peOvFBzriVkpwzlFO6EAAAAWklEQVQY05XNORLAIAxDUQljyJ7c/7QhBsYDXX75CgksyYZeDCYFPBP8Fj3CJAtAzOk+yypOMVRSWhlIHCY1N3FinuQmlYgOT2AJcn0H1kkTJkRhrUsDFxmBL8X8AX77RiFCAAAAAElFTkSuQmCC); }
  .utility-nav .help .nav-link--lvl1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAOVBMVEXr6+tkpwvK2rJsqxji59yFuEJ0ryXS3sGexGza48/B1qW40pewzYiVwF250piNu1B9szSnyXqWwF5vzy3AAAAAc0lEQVQY03WOWw6EMAhFubxarVVn9r/YaVVI5sPzcQOHQKCL3QA5VgqKWyvKHzG9BXu7C+3npVSYAusze6VkwTJSRiS2EVV4ScGOLwE40wiAaZAGr0b+jQM1jc2xbmuK0SA71mcvXjkgPNnzJh6khamwKH9/HgIkHapTLAAAAABJRU5ErkJggg==); }
  .utility-nav .my-account .nav-link--lvl1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAMAAAA11AaTAAAAOVBMVEVkpwvr6+tlpwxsqxna48/S3sHJ2rKOvFCFuELi59vB1qS40pe40pafxGyWwF59szSwzomoyXt0rybIRR5yAAAAVklEQVQY05XMyxKAIAiFYRCvmVq9/8OmEDYuWvTvvhk4gD0biKrF0XAi6LXpHTj/5SLO6iiO6o1JTo1hOKBYD9xr32lwOvNglX9bLnhqR0JYO+FvZu0GCmIBulx0FBUAAAAASUVORK5CYII=); }
  .utility-nav .cart .nav-link--lvl1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAP1BMVEXr6+tkpwuFt0KoyXvJ2rKnyXqOvFDi59zS3sHB1qWVwF3a4890ryZ8szNsqxnJ2rGwzYi50piwzomwzYl9szRl+hnHAAAAlElEQVQoz22RWRKDIBBEmUFWgZjl/mdNV5gUA/J+unxo2bamEbVk7hDwG+8ZB2YHDrJdeMFn2gDvEJU13SeEM4qz+7g2ekgTRNHeia/IoKvjPkk6lC9E/H+O7UB6oNCNt/SqPOGDbPcJ+4VmShiFB+or4zFxQgnRPvsGNhlFlM5JUk/S5F+w8pdcX+u2mTgiAvL31i+prAOnkp6jEQAAAABJRU5ErkJggg==); } }
/* ===== 3. SMALL DESKTOP LAYOUT ===== */
@media (max-width: 1023px) and (min-width: 768px) { /* ===== 3a. SEARCH BOX ===== */
  .primary-nav-right .field { width: 109px; }
  /* ===== 3b. PRIMARY NAV ===== */
  .primary-nav .nav-item:before { content: none; } }
/* ===== 4. MOBILE LAYOUT ===== */
@media (max-width: 767px) { /* ===== 4a. MOBILE MENU HEADER ===== */
  .mm-header { display: table; width: 100%; }
  .mm-header .mm-toggle-wrapper, .mm-header .mm-header-center, .mm-header .nav-list--lvl1 { display: table-cell; vertical-align: middle; }
  .mm-header .mm-header-center { width: 100%; }
  /* ===== 4b. SEARCH BOX ===== */
  .primary-nav-right .field { width: 208px; }
  /* ===== 4c. PRIMARY NAV ===== */
  .primary-nav .nav-item.on .nav-link { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAMAAACOlf6TAAAAOVBMVEVkpwv///9jpwlhpgZbogC62JL8/fqqz3maxmBfpAPK4Ku+2pew0oGfyWf9/vvD3aG21ouTwlWDuTvtkzOBAAAARklEQVQI10XJRw7AMAwDQZV022n/f2ygQBR5ITAr1pu55GzqTeRVPcwhq+ojNpawkjl++w2yR02jwChlVwkNQjshtHF7ygfhxwIwlXpBuwAAAABJRU5ErkJggg=="); }
  /* ===== 4d. SECONDARY NAV ===== */
  .secondary-nav .nav-link--lvl1 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAMAAAABFhU/AAAARVBMVEXz8/T79//b58xwriBXoAD49vv29fikynOVwlv29flVnwDk7Nx8tDN4sivg6tWhyG349vrt8OrT4sDJ3a+41JSPvlBaogDVzqaVAAAAQ0lEQVQI143GSQIAEQwEwEbGLITZ+P9Tidyc1KmQOG8ewjratWat0HLNY/4uxJITB8WguWIwU1zqwdNjJfhIMvyvpgGpfgJYesoCtgAAAABJRU5ErkJggg=="); }
  /* ===== 4e. UTILITY NAV ===== */
  .utility-nav .live-chat .nav-link--lvl1 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAMAAACKJ8VmAAAAM1BMVEVkpwvr6+unyXrS3sFsqxji59zJ2rKVwF59szSfxGyGuEOFt0LB1qW40peOvFBzriVkpwzlFO6EAAAAWklEQVQY05XNORLAIAxDUQljyJ7c/7QhBsYDXX75CgksyYZeDCYFPBP8Fj3CJAtAzOk+yypOMVRSWhlIHCY1N3FinuQmlYgOT2AJcn0H1kkTJkRhrUsDFxmBL8X8AX77RiFCAAAAAElFTkSuQmCC); }
  .utility-nav .help .nav-link--lvl1 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAkFBMVEX///9cowD7/fhfpQT9/vxkpwtYoADU57qMvkp2sSbE3aGEuTyBtzdurRpqqxTj79LS5bfI4Ke31o2x04SfyWh+tjR4sipyryH1+e/r9ODo8tvl8dfb68fN4rDL4a3A25u414+s0Hyjy26cx2N5sytnqRD2+vHz+Ozd7Mnc68jY6cK92Zez1IeZxV6QwFCJvEWGuY+fAAAAqElEQVQY01XOVxKDIBQF0IcokWrXxBpbetn/7kI0yOR+AHNgLg+WuOHg82d3hi0Xkaf3rs8oMxLK5LQcmIpXCWRjLq/zbunxe1uRcFevZeZY2tMAwBnUw1qtRAARwuRo5CAx4ZAiD/mGWuLhAkZNb0MMeZj+v4o0FdAiZLvKGSEOLnvF9sdGyNpOtG6VcH/gjEXifBNnhm4E43zKJ6qibUZK/J1OWAF8AOFdCPkZF/O6AAAAAElFTkSuQmCC"); }
  .utility-nav .my-account .nav-link--lvl1 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAclBMVEX///9kpwtdowBipgdgpQVurRv9/vtbogBXoADo8tvn8dmy1IWXxVySwVOBuDhqqxRZoQDx9+js9OHD3aCKvUeKvEV0sCT1+vD0+e3d7Mnb68bQ5LTK4au314+4146t0X+pzneozXWeyGaGukB2sSdlpww3FnlAAAAAhElEQVQY012OVxLDIAxEJSEb3IC4pffk/lcMDBMj+32+We0KEv1j6i4gqD6etG6EeXpE5PmQzYuCUUW1iLLbml3BwXz9kDNtypxgoXcKMW2JkHI1CK6EZKU4ToxcnMv/0jAix2a2t3i4b2ai0Bsh7doa7oYxo4yF+K5UCOPaIMHb0ArzAx4UBPjkDa6UAAAAAElFTkSuQmCC"); } }
/***
*   File:
*       navigation.less
*
*   Description:
*       This file composites all of the styles necessary to style that
*       navigation in modern browsers. Differences between the desktop
*       and mobile layouts are so great that styles are most maintainable
*       when each view has its own dedicated stylesheet. The required
*       for a view are imported here in their applicable media query.
*       This method does create some redudant code in the partial files
*       but by not cascading from desktop to mobile--which, again, are
*       very different--there is no need to override a majority of
*       the desktop styles in the mobile viewport. The net result is
*       actually less code and code that is easier to reason about.
*       The added benefit is that the desktop partial can be imported
*       into an ie8--which doesn't support media queries--specific file
*       but the shared styles can be modified in one place: the partial.
*
*   Table of Contents:
*       1. Desktop View
*       2. Small Desktop View
*       3. Mobile View
*/
/* ===== 1. DESKTOP VIEW ===== */
@media (min-width: 768px) {   /***
*   File:
*       desktop.partial.less
*
*   Description:
*       This file styles the navigation for our DESKTOP/LARGE TABLET layout (above 767px wide.)
*       This file is built to be include in a master file and not compile to css on its on.
*
*   Table of Contents:
*       1. General Styles
*       2. Site Banner (The gray callout)
*       3. Primary Nav (The green nav)
*           3a. Placeholder Left
*           3b. Placeholder Right
*           3c. Nav Items
*       4. Secondary Nav (The nav with dropdowns)
*           4a. Level 1 (General)
*           4b. Level 2 (General)
*               i. Dropdown Images
*       5. Utility Nav (The items right of the site banner)
*           5a. Level 1 (General)
*           5b. Level 2 (General)
*               i. Country Nav
*                   - Country Flags
*              ii. Live Chat
*             iii. Help (Phone number)
*              iv. My Account
*               v. Cart
*       6. Community Footer
*       7. Footer Nav
*       8. Disclaimer Nav
*       9. Copyright Info
*/
  /* ===== 1. GENERAL STYLES ===== */
  .page-header, .page-footer, .page-copyright { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; }
  .page-header a, .page-footer a, .page-copyright a { text-decoration: none; }
  .page-header { position: relative; z-index: 2; }
  .page-content { position: relative; z-index: 1; }
  .mm-header { display: none; }
  .mm-overlay { opacity: 0; visibility: hidden; }
  .global-modal { display: none; }
  /* ===== 2. SITE BANNER ===== */
  .site-banner { background: #ebebeb; }
  .site-banner .callout p { box-sizing: border-box; font-size: 14px; line-height: 21px; margin: 0 auto; max-width: 1200px; padding: 12px 600px 12px 10px; position: relative; z-index: 1; }
  .site-banner .callout .spacer { height: 45px; }
  /* ===== 3. PRIMARY NAV ===== */
  .primary-nav-wrapper { background: #64a70b; }
  .primary-nav-wrapper-inner { margin: 0 auto; max-width: 1180px; padding: 0 10px; position: relative; }
  .no-search .primary-nav-wrapper-inner { max-width: 980px; }
  .primary-nav-left, .primary-nav-right { position: absolute; top: 50%; transform: translate(0, -50%); }
  /* ===== 3a. PLACEHOLDER LEFT (Primary Nav) ===== */
  .primary-nav-left { left: 60px; }
  .primary-nav-left .site-root-link { display: block; }
  .primary-nav-left .site-logo { height: auto; vertical-align: middle; }
  .primary-nav-left #select_language { margin-top: 5px; }
  /* ===== 3b. PLACEHOLDER RIGHT (Primary Nav) ===== */
  .primary-nav-right { right: 10px; width: 219px; }
  .primary-nav-right .search { background: #fff; border: 1px solid #ebebeb; border-radius: 2px; }
  .no-search .primary-nav-right .search { display: none; }
  .primary-nav-right .search-box { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100%; width: 100%; }
  .primary-nav-right .search-box form { display: inherit; }
  .primary-nav-right .field, .primary-nav-right .input-btn { -webkit-appearance: none; -moz-appearance: none; border: 0; border-radius: 0; box-sizing: border-box; display: block; font-family: inherit; font-size: 12px; height: 33px; line-height: 21px; margin: 0; min-width: 0; padding: 0; }
  .primary-nav-right .field { -ms-flex: 1 auto; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; }
  .primary-nav-right ::-moz-placeholder { color: #000; }
  .primary-nav-right :focus::-moz-placeholder { color: #999; }
  .primary-nav-right ::-ms-input-placeholder { color: #000; }
  .primary-nav-right :focus::-ms-input-placeholder { color: #999; }
  .primary-nav-right ::-webkit-input-placeholder { color: #000; }
  .primary-nav-right :focus::-webkit-input-placeholder { color: #999; }
  .primary-nav-right .input-btn { background-color: #fff; /* -- /Base/Includes/images/icons/search.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaWQ9InNlYXJjaCI+PHBhdGggZD0iTTE1LjYgMTMuNWwtMy45LTMuOXMtLjIgMC0uMi0uMWMuNi0xIDEtMi4xIDEtMy40QzEyLjUgMi44IDkuNyAwIDYuMiAwIDIuOCAwIDAgMi44IDAgNi4yYzAgMy40IDIuOCA2LjIgNi4yIDYuMiAxLjMgMCAyLjQtLjMgMy40LTEgMCAuMSAwIC4yLjEuMmwzLjkgMy45Yy42LjYgMS42LjUgMi4xIDAgLjQtLjQuNS0xLjQtLjEtMnpNNi4yIDEwYy0yLjEgMC0zLjgtMS43LTMuOC0zLjggMC0yLjEgMS43LTMuOCAzLjgtMy44UzEwIDQuMSAxMCA2LjJDMTAgOC4zIDguMyAxMCA2LjIgMTB6Ii8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 17px 17px; cursor: pointer; width: 35px; }
  /* ===== 3c. NAV ITEMS (Primary Nav) ===== */
  .primary-nav { margin: 0 100px 0 204px; text-align: center; }
  .no-search .primary-nav { margin-right: 0; }
  .primary-nav .nav-list { display: -ms-flexbox; display: flex; padding: 0; margin: 0; }
  .primary-nav .nav-item { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex: 1 auto; -ms-flex-positive: 1; flex-grow: 1; position: relative; transition: background-color 100ms ease-in; }
  .primary-nav .nav-item.on, .primary-nav .nav-item.active, .primary-nav .nav-item:hover { background: #4e8828; transition: background-color 300ms; }
  .primary-nav .nav-item:before { background: #fff; content: ''; height: 24px; left: 0; margin-top: -12px; position: absolute; top: 50%; width: 1px; }
  .primary-nav .nav-item:first-child:before { content: none; }
  .primary-nav .nav-item:hover:before, .primary-nav .nav-item:hover + .nav-item:before, .primary-nav .nav-item.on:before, .primary-nav .nav-item.on + .nav-item:before { opacity: 0; transition: opacity 300ms ease-out; }
  .primary-nav .nav-item.on:after { border: 0 solid transparent; border-top-color: #4e8828; border-width: 8px 10px; content: ''; left: 50%; margin-left: -10px; position: absolute; top: 100%; }
  .primary-nav .nav-link { color: #fff; display: block; -ms-flex: 1 auto; -ms-flex-positive: 1; flex-grow: 1; font-size: 17px; line-height: 21px; padding: 30px 10px; }
  .primary-nav .facebook .nav-link { background-image: url("/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png"); background-size: 26px 26px; background-repeat: no-repeat; background-position: 50% 50%; color: transparent; font-size: 0; }
  /* ===== 4. SECONDARY NAV ===== */
  .secondary-nav-wrapper { background: #fff; }
  .secondary-nav { margin: 0 auto; max-width: 1180px; padding: 0 10px; text-align: center; /* ===== 4a. LEVEL 1 (Secondary Nav) ===== */ /* ===== 4b. LEVEL 2 (Secondary Nav) ===== */ /* ===== 4c. DROPDOWN IMAGES (Secondary Nav - Level 2) ===== */ }
  .secondary-nav .nav-list { margin: 0; padding: 0; }
  .secondary-nav .nav-item, .secondary-nav .nav-link { display: block; }
  .secondary-nav .nav-list--lvl1 { font-size: 0; padding: 20px 0 15px; }
  .secondary-nav .nav-item--lvl1 { display: inline-block; font-size: 17px; position: relative; z-index: 1; }
  .secondary-nav .nav-item--lvl1:before { content: ''; width: 1px; height: 18px; background: #ebebeb; position: absolute; left: 0; top: 50%; margin-top: -9px; }
  .secondary-nav .nav-item--lvl2.image { display: inline-block; padding: 15px; position: relative; }
  .secondary-nav .nav-item--lvl1:first-child:before, .secondary-nav .nav-item--lvl1.active:before, .secondary-nav .nav-item--lvl1.active + .nav-item--lvl1:before { content: none; }
  .secondary-nav .nav-link--lvl1 { color: #000; padding: 15px 25px; }
  .secondary-nav .nav-item--lvl1.on .nav-link--lvl1 { color: #64a70b; font-weight: 500; }
  .secondary-nav .nav-item--lvl1.on.mopping .nav-link--lvl1 { color: #1aa2dc; }
  .secondary-nav .nav-item--lvl1.active .nav-link--lvl1 { background: #f7f7f7; border-radius: 2px 2px 0 0; }
  .secondary-nav .nav-item--lvl1.active.nodropdown .nav-link--lvl1 { border-radius: 2px; }
  .secondary-nav .nav-list--lvl2 { background: #f7f7f7; border-radius: 0 0 2px 2px; display: none; font-size: 0; padding: 10px 0; position: absolute; top: 100%; white-space: nowrap; }
  .secondary-nav .nav-list--lvl2.image-dropdown { padding: 0; }
  .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 { display: block; }
  .secondary-nav .nav-item--lvl2 { font-size: 16px; }
  .secondary-nav .nav-item--lvl2.image + .image { padding-left: 0; margin-left: -15px; }
  .secondary-nav .nav-link--lvl2 { color: #000; padding: 10px 20px; text-align: left; }
  .secondary-nav .nav-link--lvl2:hover { background: #ebebeb; }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 { height: 155px; padding: 5px 0 0; position: relative; text-align: center; width: 164px; display: block; position: absolute; }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2 span { bottom: 5px; display: block; position: absolute; width: 100%; }
  .secondary-nav .nav-item--lvl2.image .a { content: ''; height: 94px; left: 50%; position: absolute; top: 50%; width: 94px; }
  .secondary-nav .nav-item--lvl2.image.roomba .nav-link--lvl2:after { background-position: 70px -3px; height: 70px; margin: -35px 0 0 -35px; width: 70px; }
  .secondary-nav .nav-item--lvl2.image a { font-size: 0; padding: 10px 0; }
  .secondary-nav .nav-item--lvl2.image a { background-position: right top; background-repeat: no-repeat; height: 157px; width: 164px; z-index: 1; display: block; }
  .secondary-nav .nav-item--lvl2.image a:hover { background-position: left top; }
  :lang(da) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-da.png"); }
  :lang(de) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-de.png"); }
  :lang(en) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-en.png"); }
  :lang(es) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after, :lang(pt) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-es.png"); }
  :lang(fr) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-fr.png"); }
  :lang(nl) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-nl.png"); }
  :lang(sv) .secondary-nav .nav-item--lvl2.image.braava.white .nav-link--lvl2:after { background-image: url("/Base/Includes/images/navigation/braava-sprite-white-sv.png"); }
  .secondary-nav .nav-item--lvl2.image .nav-link--lvl2:hover:after { background-position: left top; }
  .secondary-nav .nav-item--lvl2.image.mirra .nav-link--lvl2:after { background-position: 72px -321px; height: 64px; margin: -32px 0 0 -36px; width: 73px; }
  .secondary-nav .nav-item--lvl2.image.looj .nav-link--lvl2:after { background-position: 72px -418px; height: 60px; margin: -30px 0 0 -35px; width: 70px; }
  .secondary-nav .nav-item--lvl2.image.ava500 .nav-link--lvl2:after { background-position: 173px 0; height: 96px; margin: -38px 0 0 -20px; width: 40px; }
  .secondary-nav .nav-item--lvl2.image.rpvita .nav-link--lvl2:after { background-position: 170px 435px; height: 96px; margin: -38px 0 0 -20px; width: 40px; }
  .secondary-nav .nav-item--lvl2.image.ava .nav-link--lvl2:after { background-position: 0 110px; height: 66px; margin: -23px 0 0 -22px; width: 45px; }
  /* ===== 5. UTILITY NAV ===== */
  .utility-nav { max-width: 1180px; margin: 0 auto; position: absolute; right: 50%; top: 2px; transform: translate(50%, 0); text-align: right; width: 100%; z-index: 2; /* ===== 5a. LEVEL 1 (Utility Nav) ===== */ /* ===== 5b i. COUNTRY NAV (Utility Nav - Level 2) ===== */ /* ===== 5b i -. COUNTRY FLAGS (Utility Nav - Level 2 - Country Nav) ===== */ /* Austria */ /* Belgium */ /* Canada */ /* Denmark */ /* France */ /* Germany */ /* Ireland */ /* Netherlands */ /* Portugal */ /* Spain */ /* Sweden */ /* United Kingdom */ /* United States */ /* Customizations for Belgiums side-by-side link */ /* ===== 5b ii. LIVE CHAT (Utility Nav - Level 2) ===== */ /* ===== 5b iii. HELP (Utility Nav - Level 2) ===== */ /* ===== 5b iv. MY ACCOUNT (Utility Nav - Level 2) ===== */ /* ===== 5b v. CART (Utility Nav - Level 2) ===== */ }
  .utility-nav .nav-list { margin: 0; padding: 0; }
  .utility-nav .nav-link { display: block; }
  .utility-nav .nav-list--lvl1 { display: inline-block; }
  .utility-nav .nav-item--lvl1 { display: inline-block; position: relative; vertical-align: middle; }
  .utility-nav .nav-item--lvl1:before { background: #e3e3e3; content: ''; height: 22px; left: 0; margin-top: -11px; position: absolute; top: 50%; width: 1px; }
  .utility-nav .nav-link--lvl1 { color: #000; font-size: 12px; line-height: 16px; padding: 7px 13px; }
  .utility-nav .nav-list--lvl2 { display: none; }
  .utility-nav .country-nav { position: relative; z-index: 100; padding-left: 10px; padding-right: 10px; }
  .utility-nav .country-nav:before { content: none; }
  .utility-nav .country-nav .nav-list--lvl2 { background: #fff; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px; display: none; left: 0; min-width: 100%; padding-top: 35px; padding-left: 10px; padding-right: 10px; position: absolute; top: 0; }
  .utility-nav .country-nav .nav-item--lvl2 { display: block; -ms-flex: 1 0 100%; flex: 1 0 100%; font-size: 12px; text-align: left; white-space: nowrap; }
  .utility-nav .country-nav .nav-item--lvl2.half a { display: inline-block; }
  .utility-nav .country-nav .nav-link--lvl2 { color: #000; }
  .utility-nav .country-nav .nav-link--lvl2:hover { color: #64a70b; }
  .utility-nav .country-nav.active .nav-link--lvl1 { background-color: #fff; border-radius: 5px; font-size: 12px; position: relative; z-index: 1; }
  .utility-nav .country-nav.active .nav-list--lvl2 { display: block; }
  .utility-nav .country-nav .flag .nav-link--lvl2 { position: relative; padding: 10px 10px 10px 35px; }
  .utility-nav .country-nav .nav-link--lvl1 .image-icon, .utility-nav .country-nav .nav-link--lvl1:before, .utility-nav .country-nav .flag .nav-link--lvl2 .image-icon, .utility-nav .country-nav .flag .nav-link--lvl2:before { background-image: url(/presentation/images/shared-sprite.png); content: ''; height: 16px; left: 10px; margin: -10px 0 0; position: absolute; top: 50%; width: 24px; }
  .utility-nav .country-nav.active .nav-link--lvl1 .image-icon, .utility-nav .country-nav.active .nav-link--lvl1:before, .utility-nav .country-nav.active .flag .nav-link--lvl2 .image-icon, .utility-nav .country-nav.active .flag .nav-link--lvl2:before { left: 0; }
  .utility-nav .country-nav.flag--at .nav-link--lvl1:before, .utility-nav .country-nav .flag--at .nav-link--lvl2:before { background-position: -257px -36px; }
  .utility-nav .country-nav.flag--be .nav-link--lvl1:before, .utility-nav .country-nav .flag--be .nav-link--lvl2:before { background-position: -257px -55px; }
  .utility-nav .country-nav.flag--ca .nav-link--lvl1:before, .utility-nav .country-nav .flag--ca .nav-link--lvl2:before { background-position: -257px -74px; }
  .utility-nav .country-nav.flag--dk .nav-link--lvl1:before, .utility-nav .country-nav .flag--dk .nav-link--lvl2:before { background-position: -257px -93px; }
  .utility-nav .country-nav.flag--fr .nav-link--lvl1:before, .utility-nav .country-nav .flag--fr .nav-link--lvl2:before { background-position: -257px -112px; }
  .utility-nav .country-nav.flag--de .nav-link--lvl1:before, .utility-nav .country-nav .flag--de .nav-link--lvl2:before { background-position: -257px -131px; }
  .utility-nav .country-nav.flag--ie .nav-link--lvl1:before, .utility-nav .country-nav .flag--ie .nav-link--lvl2:before { background-position: -257px -150px; }
  .utility-nav .country-nav.flag--nl .nav-link--lvl1:before, .utility-nav .country-nav .flag--nl .nav-link--lvl2:before { background-position: -257px -169px; }
  .utility-nav .country-nav.flag--pt .nav-link--lvl1:before, .utility-nav .country-nav .flag--pt .nav-link--lvl2:before { background-position: -282px -36px; }
  .utility-nav .country-nav.flag--es .nav-link--lvl1:before, .utility-nav .country-nav .flag--es .nav-link--lvl2:before { background-position: -282px -55px; }
  .utility-nav .country-nav.flag--se .nav-link--lvl1:before, .utility-nav .country-nav .flag--se .nav-link--lvl2:before { background-position: -282px -74px; }
  .utility-nav .country-nav.flag--uk .nav-link--lvl1:before, .utility-nav .country-nav .flag--uk .nav-link--lvl2:before { background-position: -282px -93px; }
  .utility-nav .country-nav.flag--us .nav-link--lvl1:before, .utility-nav .country-nav .flag--us .nav-link--lvl2:before { background-position: -282px -112px; }
  .utility-nav .country-nav .nav-link--lvl1 { /* -- /Base/Includes/images/icons/black-chev-down.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg=="); background-position: right 10px center; background-repeat: no-repeat; background-size: 11px 6px; cursor: pointer; padding-left: 35px; padding-right: 31px; }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 { display: inline-block; }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2 { margin-left: -0.25em; }
  .utility-nav .live-chat .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-chat.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzAgMjcyIDE4IDE4IiBpZD0ibGl2ZS1jaGF0IiBmaWxsPSIjNjRhNzBiIj48cGF0aCBkPSJNLTQ2My4yIDI4Mi4xYy0xLjcgMC0zLjQtMS42LTMuNC0zLjR2LTEuMWgtMS4xYy0xLjIgMC0yLjMgMS4yLTIuMyAyLjN2NC41YzAgMS4xIDEuMSAyLjMgMi4yIDIuM3YzLjNsMy40LTMuNGg1LjZjMS4xIDAgMi4yLTEuMSAyLjItMi4zdi0uN2wtMS42LTEuNmgtNXYuMXoiLz48cGF0aCBkPSJNLTQ1NC4yIDI3MmgtOWMtMS4yIDAtMi4zIDEuMS0yLjMgMi4zdjQuNWMwIDEuMSAxLjEgMi4yIDIuMyAyLjJoNS42bDMuNCAzLjRWMjgxYzEuMSAwIDIuMi0xLjEgMi4yLTIuMnYtNC41YzAtMS4yLTEuMS0yLjMtMi4yLTIuM3oiLz48L3N2Zz4gIA=="); background-position: 10px 50%; background-repeat: no-repeat; background-size: 18px 18px; padding-left: 38px; }
  .utility-nav .help .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-headset.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNy4zIiBpZD0iaGVscCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTTE2LjIgNmMtLjctMy41LTMuNi02LTcuMy02LTMuNyAwLTcgMi43LTcuNiA2LjJDLjUgNi42IDAgNy40IDAgOC4zdjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4yczIuMi0xIDIuMi0yLjJWOC4zYzAtMS4yLTEtMi4yLTIuMS0yLjIuOC0yLjggMy40LTUgNi42LTUgMy4xIDAgNS42IDIuMSA2LjIgNS4xLS45LjMtMS42IDEuMS0xLjYgMi4ydjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4ydi42YzAgMS43LS42IDEuNy0xLjcgMS43SDkuN2MtLjItLjctLjktMS4xLTEuNi0xLjEtLjkgMC0xLjcuOC0xLjcgMS43IDAgLjkuOCAxLjcgMS43IDEuNy43IDAgMS40LS41IDEuNi0xLjFIMTRjMS4xIDAgMi44IDAgMi44LTIuOHYtLjljLjctLjQgMS4xLTEuMSAxLjEtMS45VjguM2MuMS0xLjEtLjctMi4xLTEuNy0yLjN6Ii8+PC9zdmc+"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 18px 17.3px; padding-left: 38px; }
  .utility-nav .my-account .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-silhouette.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 17px 17px; cursor: pointer; padding-left: 37px; }
  .utility-nav .my-account .nav-item--lvl2 { display: block; text-align: left; white-space: nowrap; }
  .utility-nav .my-account .nav-link--lvl2 { background: #fff; color: #000; font-size: 15px; line-height: 19px; padding: 8px 15px; text-decoration: underline; }
  .utility-nav .my-account.active { filter: drop-shadow(rgba(0, 0, 0, 0.3) 1px 1px 2px); }
  .utility-nav .my-account .nav-link--lvl2:hover { color: #64a70b; }
  .utility-nav .my-account.active .nav-link--lvl1 { background-color: #f3f3f3; border-radius: 2px 2px 0 0; position: relative; }
  .utility-nav .my-account.active .nav-list--lvl2 { background: #f3f3f3; border-radius: 2px 0 2px 2px; display: block; min-width: 100%; padding: 10px 0; position: absolute; right: 0; top: 100%; }
  .utility-nav .cart .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-cart.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24.3px 23.3px; font-size: 0; height: 40px; margin-left: 2px; padding: 0; position: relative; width: 40px; }
  .utility-nav .cart .nav-link--lvl1.has-items::after { background: #000; border-radius: 50%; color: #fff; content: attr(data-cart-count); display: inline-block; font-size: 12px; line-height: 12px; min-height: 12px; min-width: 12px; padding: 2px; position: absolute; right: 2px; text-align: center; top: 2px; }
  /* ===== 6. COMMUNITY FOOTER ===== */
  .communityFooterBG { background: #fff; border-top: 1px solid #ebebeb; }
  .communityFooter { margin: auto; max-width: 1180px; padding: 0 10px; position: relative; }
  .communityFooter .left { float: left; }
  .communityFooter .right { min-height: 71px; margin-top: 15px; float: right; }
  .communityFooter .left + .right { min-height: 0; }
  .communityFooter .newsletterSignup { padding: 15px 0; }
  .communityFooter .socialIcons { right: 15px; }
  .communityFooter .nav-list { display: table; margin: 0; padding: 0; }
  .communityFooter .nav-item { display: table-cell; }
  .communityFooter .nav-item + .nav-item { padding-left: 12px; }
  .communityFooter .nav-link { display: block; height: 41px; position: relative; vertical-align: middle; width: 41px; }
  .communityFooter .sitecore .nav-link-text, .communityFooter .sitecore .nav-aux-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .communityFooter .sitecore .nav-img { height: 45px; width: 45px; }
  .communityFooter .fb a:after, .communityFooter .glassdoor a:after, .communityFooter .instagram a:after, .communityFooter .linkedin a:after, .communityFooter .twitter a:after, .communityFooter .youtube a:after { background-image: url("/presentation/images/shared-sprite.png"); background-repeat: no-repeat; content: ''; height: 41px; position: absolute; right: 0; top: 0; width: 41px; }
  .communityFooter .fb span, .communityFooter .glassdoor span, .communityFooter .instagram span, .communityFooter .linkedin span, .communityFooter .twitter span, .communityFooter .youtube span { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .communityFooter .fb a:after { background-position: -206px -35px; }
  .communityFooter .glassdoor a:after { background-position: -206px -315px; }
  .communityFooter .instagram a:after { background-position: -206px -259px; }
  .communityFooter .linkedin a:after { background-position: -206px -91px; }
  .communityFooter .twitter a:after { background-position: -206px -203px; }
  .communityFooter .youtube a:after { background-position: -206px -147px; }
  /* ===== 7. FOOTER NAV ===== */
  .page-footer { background: #f3f3f3; }
  .footer-nav { border-bottom: none; margin: 0 auto; max-width: 1180px; padding: 20px 10px; }
  .footer-nav .nav-list { margin: 0; padding: 0; }
  .footer-nav .nav-item, .footer-nav .nav-link { display: block; }
  .footer-nav .nav-list--lvl1 { box-sizing: border-box; display: table; padding: 0; width: 100%; }
  .footer-nav .nav-item--lvl1 { display: table-cell; vertical-align: top; width: 25%; }
  .footer-nav .nav-link--lvl1 { color: #64a70b; font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 5px; }
  .footer-nav .nav-link--lvl2 { color: #000; font-size: 14px; line-height: 19px; padding: 6px 0; }
  /* ===== 8. DECLAIMER NAV ===== */
  .disclaimer-nav { margin: 0 auto; max-width: 1180px; padding: 15px 10px; }
  .disclaimer-nav .nav-list { margin: 0; padding: 0; }
  .disclaimer-nav .nav-item { display: inline-block; margin-right: 15px; }
  .disclaimer-nav .nav-link { color: #000; display: block; font-size: 14px; padding: 0 5px; }
  /* ===== 9. COPYRIGHT INFO ===== */
  .page-copyright { background: #000; color: #fff; }
  .page-copyright .copyright { font-size: 14px; margin: 0 auto; max-width: 1180px; padding: 15px 10px; } }
/* ===== 2. SMALL DESKTOP VIEW ===== */
@media (max-width: 1023px) and (min-width: 768px) {   /***
*   File:
*       sm-desktop.partial.less
*
*   Description:
*       This file styles the navigation for our DESKTOP layout (above 767px wide)
*       but they are tailored for smaller desktops (below 1024px wide.) This file
*       is built to be include in a master file and not compile to css on its on.
*
*   Table of Contents:
*       1. Site Banner (The white callout)
*       2. Primary Nav (The green nav)
*           2a. Placeholder Left
*           2b. Placeholder Right
*           2c. Nav Items
*       3. Utility Nav (The items right of the site banner)
*       4. Footer Nav
*       5. Disclaimer Nav
*/
  /* ===== 1. SITE BANNER ===== */
  .site-banner .callout p { padding-right: 256px; }
  /* ===== 2. PRIMARY NAV ===== */
  /* ===== 2a. PLACEHOLDER LEFT ===== */
  .primary-nav-left { left: 29px; }
  /* ===== 2b. PLACEHOLDER RIGHT ===== */
  .primary-nav-right { width: 144px; }
  /* ===== 2c. NAV ITEMS ===== */
  .primary-nav { margin: 0 154px 0 173px; }
  .no-search .primary-nav { margin-right: 0; }
  /* ===== 3. UTILITY NAV ===== */
  .utility-nav .nav-link--lvl1 { font-size: 0; padding-right: 0; }
  .utility-nav .country-nav .nav-link--lvl1 { padding-right: 26px; }
  /* ===== 4. FOOTER NAV ===== */
  .footer-nav .nav-link--lvl1 { font-size: 14px; }
  .footer-nav .nav-link--lvl2 { font-size: 12px; }
  /* ===== 5. DISCLAIMER NAV ===== */
  .disclaimer-nav .nav-link { font-size: 12px; } }
/* ===== 3. MOBILE VIEW ===== */
@media (max-width: 767px) {   /***
*   File:
*       mobile.partial.less
*
*   Description:
*       This file styles the navigation for our MOBILE/SMALL TABLET layout (below 768px wide.)
*       This file is built to be include in a master file and not compile to css on its on.
*
*
*   Table of Contents:
*       1. General Styles
*       2. Site Banner (The white callout)
*       3. MM Header (The green banner)
*       4. Site Navigation (The drawer)
*           4a. Menu Active
*       5. Search Box
*       6. Primary Nav (The green nav)
*       7. Secondary Nav (The nav with dropdowns)
*           7a. Level 1 (General)
*           7b. Level 2 (General)
*       8. Utility Nav
*           8a. Country Nav
*               i. Country Flags
*           8b. Additional Items
*       9. Community Footer
*      10. Footer Nav
*      11. Disclaimer Nav
*      12. Copyright Info
*/
  /* ===== 1. GENERAL STYLES ===== */
  .page-header, .page-footer, .page-copyright { font-family: HarmoniaSans, "HelveticaThai", "HelveticaThai", 'Harmonia Sans Pro', Arial, sans-serif; }
  .page-header a, .page-footer a, .page-copyright a { text-decoration: none; }
  .global-modal { display: none; }
  /* ===== 2. SITE BANNER ===== */
  .site-banner .callout p { background: #fff; font-size: 14px; margin: 0; padding: 10px; text-align: center; }
  /* ===== 3. MM HEADER ===== */
  .mm-header { -ms-flex-align: center; align-items: center; background: #64a70b; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4.5px; display: -ms-flexbox; display: flex; }
  .mm-header .mm-toggle { -webkit-appearance: none; -moz-appearance: none; border: 0; background-color: transparent; /* -- /Base/Includes/images/icons/white-hamburger.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxNyIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTI0LjgsM0gxLjJDMC41LDMsMCwyLjUsMCwxLjhWMS4yQzAsMC41LDAuNSwwLDEuMiwwbDIzLjYsMEMyNS41LDAsMjYsMC41LDI2LDEuMnYwLjZDMjYsMi41LDI1LjUsMywyNC44LDN6Ii8+PHBhdGggZD0iTTI0LjgsMTBIMS4yQzAuNSwxMCwwLDkuNSwwLDguOFY4LjJDMCw3LjUsMC41LDcsMS4yLDdoMjMuNkMyNS41LDcsMjYsNy41LDI2LDguMnYwLjZDMjYsOS41LDI1LjUsMTAsMjQuOCwxMHoiLz48cGF0aCBkPSJNMjQuOCwxN0gxLjJDMC41LDE3LDAsMTYuNSwwLDE1Ljh2LTAuNkMwLDE0LjUsMC41LDE0LDEuMiwxNGgyMy42YzAuNywwLDEuMiwwLjUsMS4yLDEuMnYwLjZDMjYsMTYuNSwyNS41LDE3LDI0LjgsMTd6Ii8+PC9zdmc+DQo="); background-position: 50% 50%; background-repeat: no-repeat; background-size: 23px 17px; cursor: pointer; font-size: 0; height: 58px; position: static; width: 58px; }
  .mm-header .mm-header-center { -ms-flex: 1 auto; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
  .mm-header .site-root-link { display: inline-block; padding: 15px; }
  .mm-header .site-logo { height: auto; vertical-align: middle; width: 126px; }
  .mm-header #select_language { margin: -5px 0 10px; }
  .mm-header .mm-cart-nav { width: 58px; }
  .mm-header .nav-list { margin: 0; padding: 0; }
  .mm-header .nav-item, .mm-header .nav-link { display: block; }
  .mm-header .nav-link { /* -- /Base/include/images/icons/white-cart.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NjcgMjY5LjcgMjQuMyAyMy4zIiBpZD0ic2hvcHBpbmctY2FydCIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTS00NDMuOSAyNzMuMmMtLjItLjEtMSAwLTEuMiAwaC0xNi4xbC0uNi0yLjNjLS4xLS43LS43LTEuMi0xLjQtMS4yaC0yLjRjLS44IDAtMS40LjYtMS40IDEuNCAwIC44LjYgMS40IDEuNCAxLjRoMS4ybDEuNiA5LjdjMCAuMiAwIC4zLjEuNWwuNiAzLjRjLjEuNi42IDEgMS4yIDEuMWgxNC42Yy44IDAgLjgtLjYuOC0xLjRzMS4xLS45LjMtLjloLTEzLjdsLTEuMi0xLjJoMTUuMWMuNyAwIDEtLjUgMS4yLTEuMmwxLjItOC4yYzAtLjYtLjctLjgtMS4zLTEuMXptLTMuNCA4LjJoLTExLjZsLTEuMi01LjloMTMuOWwtMS4xIDUuOXpNLTQ1Ny43IDI4OC40Yy0xLjMgMC0yLjMgMS0yLjMgMi4zczEgMi4zIDIuMyAyLjMgMi4zLTEgMi4zLTIuMy0xLjEtMi4zLTIuMy0yLjN6TS00NDkuNyAyODguNGMtMS4zIDAtMi4zIDEtMi4zIDIuM3MxIDIuMyAyLjMgMi4zIDIuMy0xIDIuMy0yLjNjLjEtMS4zLTEtMi4zLTIuMy0yLjN6Ii8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 31px 30px; font-size: 0; height: 58px; position: relative; width: 58px; }
  .mm-header .nav-link.has-items:after { background: #000; border-radius: 50%; color: #fff; content: attr(data-cart-count); display: inline-block; font-size: 12px; line-height: 12px; min-height: 12px; min-width: 12px; padding: 4px; position: absolute; right: 5px; text-align: center; top: 7px; }
  /* ===== 4. SITE NAVIGATION ===== */
  .site-navigation { background: #fff; box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15); height: 100vh; left: 0; overflow: auto; position: fixed; top: 0; transform: translate(-275px, 0); transition-delay: 0s, 300ms; transition-duration: 300ms, 0s; transition-property: transform, visibility; transition-timing-function: ease-in; visibility: hidden; width: 275px; z-index: 100; }
  /* ===== 4a. MENU ACTIVE (Site Navigation)  ===== */
  body.mm-active { overflow: hidden; }
  .mm-overlay { background: #000; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition-delay: 0s, 300ms; transition-duration: 300ms, 0s; transition-property: opacity, visibility; transition-timing-function: ease-in; visibility: hidden; z-index: 90; }
  body.mm-active .mm-overlay { opacity: 0.3; pointer-events: auto; transition-delay: 0s; transition-duration: 375ms, 0s; transition-timing-function: ease-out; visibility: visible; }
  body.mm-active .site-navigation { transform: none; transition-delay: 0s; transition-duration: 375ms, 0s; transition-timing-function: ease-out; visibility: visible; }
  /* ===== 5. SEARCH BOX ===== */
  .primary-nav-right { background: #f3f3f3; box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15); padding: 15px; }
  .no-search .primary-nav-right { display: none; }
  .primary-nav-right .search { background: #fff; border: 1px solid #ebebeb; border-radius: 2px; }
  .primary-nav-right .search-box { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100%; width: 100%; }
  .primary-nav-right .field, .primary-nav-right .input-btn { -webkit-appearance: none; -moz-appearance: none; border: 0; border-radius: 0; box-sizing: border-box; display: block; font-family: inherit; font-size: 12px; height: 33px; line-height: 21px; margin: 0; min-width: 0; padding: 0; }
  .primary-nav-right .field { -ms-flex: 1 auto; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; }
  .primary-nav-right .input-btn { background-color: #fff; /* -- /Base/Includes/images/icons/black-search.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgaWQ9InNlYXJjaCI+PHBhdGggZD0iTTE1LjYgMTMuNWwtMy45LTMuOXMtLjIgMC0uMi0uMWMuNi0xIDEtMi4xIDEtMy40QzEyLjUgMi44IDkuNyAwIDYuMiAwIDIuOCAwIDAgMi44IDAgNi4yYzAgMy40IDIuOCA2LjIgNi4yIDYuMiAxLjMgMCAyLjQtLjMgMy40LTEgMCAuMSAwIC4yLjEuMmwzLjkgMy45Yy42LjYgMS42LjUgMi4xIDAgLjQtLjQuNS0xLjQtLjEtMnpNNi4yIDEwYy0yLjEgMC0zLjgtMS43LTMuOC0zLjggMC0yLjEgMS43LTMuOCAzLjgtMy44UzEwIDQuMSAxMCA2LjJDMTAgOC4zIDguMyAxMCA2LjIgMTB6Ii8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 17px 17px; cursor: pointer; width: 35px; }
  /* ===== 6. PRIMARY NAV ===== */
  .primary-nav-wrapper .primary-nav-left { display: none; }
  .primary-nav { background: #f3f3f3; border: 0 solid #ebebeb; border-width: 1px 0; box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15); padding: 15px; }
  .primary-nav .nav-list { background: #fff; border-radius: 2px; margin: 0; padding: 0; }
  .primary-nav .nav-item { display: none; }
  .primary-nav .nav-item + .nav-item { border-top: 1px solid #ebebeb; }
  .primary-nav .nav-link { color: #000; display: block; font-size: 15px; padding: 12px; }
  .primary-nav .nav-link:hover, .primary-nav .nav-item.on .nav-link:hover, .primary-nav .nav-list.active .nav-item.on:hover .nav-link { background-color: #4e8828; color: #fff; }
  .primary-nav .nav-item.on { display: block; }
  .primary-nav .nav-item.on .nav-link { background-color: #64a70b; /* -- /Base/Includes/images/icons/white-chev-down.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSIgZmlsbD0iI2ZmZmZmZiI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg=="); background-position: right 10px center; background-repeat: no-repeat; background-size: 20px 11px; border-radius: 2px; color: #fff; }
  .primary-nav .nav-list.active .nav-item { display: block; }
  .primary-nav .nav-list.active .nav-item.on .nav-link { background-image: none; border-radius: 0; }
  .primary-nav .nav-list.active .nav-item:hover:first-child .nav-link, .primary-nav .nav-list.active .nav-item.on:first-child .nav-link { border-radius: 2px 2px 0 0; }
  .primary-nav .nav-list.active .nav-item:hover:last-child .nav-link, .primary-nav .nav-list.active .nav-item.on:last-child .nav-link { border-radius: 0 0 2px 2px; }
  .primary-nav .nav-item.on, .primary-nav .nav-item.on + .nav-item { border-top: 0; }
  .primary-nav .facebook .nav-link { background-image: url("/~/media/Images/iRobot/Cool%20Stuff/Social_Networks/facebook_icon.png"); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15px 50%; color: transparent; font-size: 0; height: 21px; }
  /* ===== 7. SECONDARY NAV ===== */
  .secondary-nav { /* ===== 7a. LEVEL 1 (Secondary Nav) ===== */ /* ===== 7b. LEVEL 2 (Secondary Nav) ===== */ }
  .secondary-nav .nav-list { margin: 0; padding: 0; }
  .secondary-nav .nav-item, .secondary-nav .nav-link { display: block; }
  .secondary-nav .nav-link { color: #000; font-size: 15px; padding: 15px 15px 15px 35px; }
  .secondary-nav .nav-link:hover { color: #64a70b; }
  .secondary-nav .nav-item--lvl1 + .nav-item--lvl1 { border-top: 1px solid #ebebeb; }
  .secondary-nav .nav-link--lvl1 { background-color: #f3f3f3; /* -- /Base/Includes/images/icons/green-chev-right.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJjaGV2LXNtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4yIDIyLjEiPjxwYXRoIGZpbGw9IiM2NEE3MEIiIGQ9Ik0wLjMsMmwyLTJsMTAuOSwxMWwtMiwxLjlMMC4zLDIgTTExLjIsOS4xbDIsMS45bC0xMC45LDExbC0yLTEuOUwxMS4yLDkuMSBNMTEuMiwxM2wyLTEuOWwtMi0xLjlsMiwxLjkgQzEzLjIsMTEsMTEuMiwxMywxMS4yLDEzeiIvPjwvc3ZnPg=="); background-position: 17px 50%; background-repeat: no-repeat; background-size: 9px 16px; box-shadow: inset -8px 0 5px -5px rgba(0, 0, 0, 0.15); font-weight: 500; }
  .secondary-nav .nav-item--lvl1.nodropdown .nav-link--lvl1 { background-image: none; padding-left: 15px; }
  .secondary-nav .nav-item--lvl2 { border-top: 1px solid #ebebeb; background-image: none !important; }
  .secondary-nav .nav-link--lvl2 { padding-left: 50px; }
  .secondary-nav .nav-link--lvl2 span { display: none; }
  .secondary-nav .nav-list--lvl2 { display: none; }
  .secondary-nav .nav-item--lvl1.active .nav-list--lvl2 { display: block; }
  /* ===== 8. UTILITY NAV ===== */
  .utility-nav { border-top: 1px solid #ebebeb; padding-bottom: 50px; /* ===== 8a. COUNTRY NAV (Utility Nav) ===== */ /* ===== 8a - i. COUNTRY FLAGS (Utility Nav - Country Nav) ===== */ /* Austria */ /* Belgium */ /* Canada */ /* Denmark */ /* France */ /* Germany */ /* Ireland */ /* Netherlands */ /* Portugal */ /* Spain */ /* Sweden */ /* United Kingdom */ /* United States */ /* Customizations for Belgiums side-by-side link */ /* ===== 8b. ADDITIONAL ITEMS (Utility Nav) ===== */ }
  .utility-nav .nav-list { margin: 0; padding: 0; }
  .utility-nav .nav-item, .utility-nav .nav-link { display: block; }
  .utility-nav .nav-link { color: #000; font-size: 15px; }
  .utility-nav .nav-item--lvl1 { border-bottom: 1px solid #ebebeb; }
  .utility-nav .nav-link--lvl1 { padding: 15px 15px 15px 35px; }
  .utility-nav .country-nav .nav-link--lvl1 { /* -- /Base/Includes/images/icons/black-chev-down.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg=="); background-position: right 15px center; background-repeat: no-repeat; background-size: 20px 11px; cursor: pointer; padding: 15px 15px 15px 40px; position: relative; }
  .utility-nav .country-nav:not(.active) .nav-link--lvl1:hover { color: #64a70b; }
  .utility-nav .country-nav .nav-list--lvl2 { display: none; }
  .utility-nav .country-nav.active { padding-bottom: 10px; }
  .utility-nav .country-nav.active .nav-list--lvl2 { display: block; }
  .utility-nav .country-nav.active .nav-link--lvl1 { background: none; cursor: auto; padding: 10px 15px 10px 40px; }
  .utility-nav .country-nav .nav-link--lvl2 { padding: 5px 15px 5px 40px; position: relative; }
  .utility-nav .country-nav .nav-link--lvl2:hover { color: #64a70b; }
  .utility-nav .country-nav .nav-link--lvl1:before, .utility-nav .country-nav .flag .nav-link--lvl2:before { background-image: url(/presentation/images/shared-sprite.png); content: ''; height: 16px; left: 7px; margin: -7px 0 0; position: absolute; top: 50%; width: 24px; }
  .utility-nav .country-nav.flag--at .nav-link--lvl1:before, .utility-nav .country-nav .flag--at .nav-link--lvl2:before { background-position: -257px -36px; }
  .utility-nav .country-nav.flag--be .nav-link--lvl1:before, .utility-nav .country-nav .flag--be .nav-link--lvl2:before { background-position: -257px -55px; }
  .utility-nav .country-nav.flag--ca .nav-link--lvl1:before, .utility-nav .country-nav .flag--ca .nav-link--lvl2:before { background-position: -257px -74px; }
  .utility-nav .country-nav.flag--dk .nav-link--lvl1:before, .utility-nav .country-nav .flag--dk .nav-link--lvl2:before { background-position: -257px -93px; }
  .utility-nav .country-nav.flag--fr .nav-link--lvl1:before, .utility-nav .country-nav .flag--fr .nav-link--lvl2:before { background-position: -257px -112px; }
  .utility-nav .country-nav.flag--de .nav-link--lvl1:before, .utility-nav .country-nav .flag--de .nav-link--lvl2:before { background-position: -257px -131px; }
  .utility-nav .country-nav.flag--ie .nav-link--lvl1:before, .utility-nav .country-nav .flag--ie .nav-link--lvl2:before { background-position: -257px -150px; }
  .utility-nav .country-nav.flag--nl .nav-link--lvl1:before, .utility-nav .country-nav .flag--nl .nav-link--lvl2:before { background-position: -257px -169px; }
  .utility-nav .country-nav.flag--pt .nav-link--lvl1:before, .utility-nav .country-nav .flag--pt .nav-link--lvl2:before { background-position: -282px -36px; }
  .utility-nav .country-nav.flag--es .nav-link--lvl1:before, .utility-nav .country-nav .flag--es .nav-link--lvl2:before { background-position: -282px -55px; }
  .utility-nav .country-nav.flag--se .nav-link--lvl1:before, .utility-nav .country-nav .flag--se .nav-link--lvl2:before { background-position: -282px -74px; }
  .utility-nav .country-nav.flag--uk .nav-link--lvl1:before, .utility-nav .country-nav .flag--uk .nav-link--lvl2:before { background-position: -282px -93px; }
  .utility-nav .country-nav.flag--us .nav-link--lvl1:before, .utility-nav .country-nav .flag--us .nav-link--lvl2:before { background-position: -282px -112px; }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 { display: inline-block; }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2 { margin-left: -0.25em; padding-left: 26px; }
  .utility-nav .country-nav .flag--be .nav-link--lvl2 + .nav-link--lvl2:before { left: 0; }
  .utility-nav .live-chat { display: none; }
  .utility-nav .help .nav-link--lvl1:hover, .utility-nav .my-account .nav-link--lvl2:hover { color: #64a70b; }
  .utility-nav .help .nav-link--lvl1, .utility-nav .my-account .nav-link--lvl1, .utility-nav .cart .nav-link--lvl1 { background-position: 10px 50%; background-repeat: no-repeat; }
  .utility-nav .help .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-headset.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxNy4zIiBpZD0iaGVscCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTTE2LjIgNmMtLjctMy41LTMuNi02LTcuMy02LTMuNyAwLTcgMi43LTcuNiA2LjJDLjUgNi42IDAgNy40IDAgOC4zdjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4yczIuMi0xIDIuMi0yLjJWOC4zYzAtMS4yLTEtMi4yLTIuMS0yLjIuOC0yLjggMy40LTUgNi42LTUgMy4xIDAgNS42IDIuMSA2LjIgNS4xLS45LjMtMS42IDEuMS0xLjYgMi4ydjIuMmMwIDEuMiAxIDIuMiAyLjIgMi4ydi42YzAgMS43LS42IDEuNy0xLjcgMS43SDkuN2MtLjItLjctLjktMS4xLTEuNi0xLjEtLjkgMC0xLjcuOC0xLjcgMS43IDAgLjkuOCAxLjcgMS43IDEuNy43IDAgMS40LS41IDEuNi0xLjFIMTRjMS4xIDAgMi44IDAgMi44LTIuOHYtLjljLjctLjQgMS4xLTEuMSAxLjEtMS45VjguM2MuMS0xLjEtLjctMi4xLTEuNy0yLjN6Ii8+PC9zdmc+"); background-size: 18px 17.3px; }
  .utility-nav .my-account { border-bottom: 0; }
  .utility-nav .my-account .nav-link--lvl1 { /* -- /Base/Includes/images/icons/green-silhouette.svg -- */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00NzEgMjcyIDE3IDE3IiBpZD0ibXktYWNjb3VudCIgZmlsbD0iIzY0YTcwYiI+PHBhdGggZD0iTS00NTQuNCAyODVjLS41LS44LTIuMi0xLjMtMy45LTEuOS0xLjctLjctMi4xLS45LTIuMS0uOXYtMS42cy42LS41LjgtMmMuNC4xLjgtLjYuOC0uOXMtLjEtMS4zLS41LTEuMmMuMS0uNy4yLTEuNC4xLTEuNyAwLTEuNS0xLjMtMi44LTMuMy0yLjhzLTMuMyAxLjMtMy40IDIuNmMwIC4zIDAgMSAuMSAxLjctLjQgMC0uNS45LS41IDEuM3MuNCAxLjEuOC45Yy4yIDEuNS44IDIgLjggMnYxLjZzLS40LjItMi4xLjktMy40IDEuMi0zLjkgMS45Yy0uNC44LS4zIDQuMS0uMyA0LjFoMTdzLjEtMy4zLS40LTR6Ii8+PC9zdmc+"); background-size: 17px 17px; cursor: default; padding: 15px 15px 10px 35px; pointer-events: none; }
  .utility-nav .my-account .nav-link--lvl2 { padding: 10px 15px 10px 35px; text-decoration: underline; }
  .utility-nav .cart { display: none; }
  /* ===== 9. COMMUNITY FOOTER ===== */
  .communityFooterBG { background: #fff; border-top: 1px solid #ebebeb; }
  .communityFooter .newsletterSignup .btn { margin-top: 15px; }
  .communityFooter { margin: auto; max-width: 1180px; padding: 0 10px; position: relative; }
  .communityFooter > .left { width: 100%; }
  .communityFooter .left, .communityFooter .right { padding: 15px 0; }
  .communityFooter .left + .right { padding: 0 0 15px; }
  .communityFooter .newsletterSignup { overflow: hidden; width: 100%; }
  .communityFooter .nav-list { display: table; margin: 0; padding: 0; text-align: center; width: 100%; }
  .communityFooter .nav-item { display: table-cell; }
  .communityFooter .nav-item + .nav-item { padding-left: 12px; }
  .communityFooter .nav-link { display: inline-block; height: 41px; position: relative; vertical-align: middle; width: 41px; }
  .communityFooter .sitecore .nav-link-text, .communityFooter .sitecore .nav-aux-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .communityFooter .sitecore .nav-img { height: 45px; width: 45px; }
  .communityFooter .fb a:after, .communityFooter .glassdoor a:after, .communityFooter .instagram a:after, .communityFooter .linkedin a:after, .communityFooter .twitter a:after, .communityFooter .youtube a:after { background-image: url("/presentation/images/shared-sprite.png"); background-repeat: no-repeat; content: ''; height: 41px; position: absolute; right: 0; top: 0; width: 41px; }
  .communityFooter .fb span, .communityFooter .glassdoor span, .communityFooter .instagram span, .communityFooter .linkedin span, .communityFooter .twitter span, .communityFooter .youtube span { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .communityFooter .fb a:after { background-position: -206px -35px; }
  .communityFooter .glassdoor a:after { background-position: -206px -315px; }
  .communityFooter .instagram a:after { background-position: -206px -259px; }
  .communityFooter .linkedin a:after { background-position: -206px -91px; }
  .communityFooter .twitter a:after { background-position: -206px -203px; }
  .communityFooter .youtube a:after { background-position: -206px -147px; }
  /* ===== 10. FOOTER NAV ===== */
  .page-footer { background: #f3f3f3; }
  .footer-nav { padding: 20px 10px 10px; }
  .footer-nav .nav-list { margin: 0; padding: 0; }
  .footer-nav .nav-item, .footer-nav .nav-link { display: block; }
  .footer-nav .nav-item--lvl1 { margin-bottom: 15px; }
  .footer-nav .nav-link--lvl1 { color: #64a70b; font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 5px; }
  .footer-nav .nav-link--lvl2 { color: #000; font-size: 14px; line-height: 19px; padding: 6px 0; }
  /* ===== 11. DISCLAIMER NAV ===== */
  .disclaimer-nav { border-top: 1px solid #000; padding: 10px; }
  .disclaimer-nav .nav-list { margin: 0; padding: 0; }
  .disclaimer-nav .nav-item, .disclaimer-nav .nav-link { display: block; }
  .disclaimer-nav .nav-link { color: #000; display: block; font-size: 14px; padding: 10px 0; }
  /* ===== 12. COPYRIGHT INFO ===== */
  .page-copyright { background: #000; color: #fff; }
  .page-copyright .copyright { font-size: 14px; margin: 0 auto; max-width: 1180px; padding: 15px 10px; } }
.proximity-navigation ul { list-style: none; }

.proximity-navigation ul ul { margin-left: 40px; }

.proximity-navigation ul a { color: #000; }

.proximity-navigation ul a.active { color: #64a70b; }

.proximity-navigation ul a.active.root { color: #000; }

/* =============================================================================
Screen size variables
========================================================================== */
/* ============================================================================= Media queries for different screen sizes ========================================================================== */
.page-content { box-sizing: border-box; }

.page-content *, .page-content *::before, .page-content *::after { box-sizing: inherit; }

.page-content img { height: auto; max-width: 100%; vertical-align: middle; }

.content-wrapper { margin: 0 auto; max-width: 1256px; }

.content-wrapper--narrow { margin: 0 auto; max-width: 980px; }

.content-wrapper--wide { margin: 0 auto; max-width: 1400px; }

.content-inner { padding-left: 27px; padding-right: 27px; }

@media (min-width: 1200px) { .content-inner { padding: 0; } }
.feature::after { clear: both !important; content: '' !important; display: block !important; }

.feature--grid-item { padding-bottom: 45px; padding-top: 55px; }

.feature--primary { display: -ms-flexbox; display: flex; padding-bottom: 24px; padding-top: 30px; }

@media (min-width: 1024px) { .feature--primary { padding-top: 50px; position: relative; min-height: 450px; } }
@media (min-width: 768px) { .feature--primary { display: block; position: relative; } }
@media (min-width: 768px) { .feature--primary__image { position: absolute; right: 8%; top: 53px; width: 50%; } }
@media (min-width: 1024px) { .feature--primary__image { right: 0; } }
@media (min-width: 1200px) { .feature--primary__image { width: auto; } }
.feature--quaternary > div:first-child .feature--grid-item { padding-top: 0; }

.feature--quaternary .feature__subheading { max-width: 388px; }

@media (min-width: 1024px) { .feature--quaternary .feature__subheading { max-width: 625px; } }
.feature--quaternary hr { border: 0; border-top: 1px solid #ebebeb; }

.feature--quaternary hr:first-child { border-color: #aaa; margin: 75px 0; }

.feature--quaternary hr:last-child { border-color: #aaa; }

.feature--secondary { padding-bottom: 17px; padding-top: 21px; }

.feature--secondary::after { clear: both !important; content: '' !important; display: block !important; }

@media (min-width: 1024px) { .feature--secondary { padding-top: 46px; padding-bottom: 0; } }
@media (min-width: 1024px) { .feature--secondary--column-1 { width: 45%; }
  .feature--secondary--column-1::after { clear: both !important; content: '' !important; display: block !important; } }
.feature--secondary--column-2 { margin-top: 40px; }

@media (min-width: 1024px) { .feature--secondary--column-2 { padding-left: 78px; width: 40%; } }
.feature--secondary__image { margin: 0 auto; }

@media (min-width: 1024px) { .feature--secondary__image { position: relative; top: -46px; width: 55%; } }
@media (min-width: 1200px) { .feature--secondary__image { padding-left: 75px; } }
.feature--secondary__image--2 { margin: 0 auto; }

@media (min-width: 1024px) { .feature--secondary__image--2 { width: 60%; } }
.feature--tertiary { padding-bottom: 17px; padding-top: 20px; }

.feature--tertiary::after { clear: both !important; content: '' !important; display: block !important; }

@media (min-width: 1200px) { .feature--tertiary { padding-top: 37px; } }
.feature--tertiary__image { border: 1px solid #EBEBEB; margin: 0 auto 10px; }

@media (min-width: 768px) { .feature--tertiary__image { float: left; margin-bottom: 0; width: 50%; } }
.feature--tertiary__intro { font-size: 24px; font-weight: 500; }

@media (min-width: 1024px) { .feature--tertiary__intro { font-size: 30px; line-height: 1.1; width: 68%; } }
.feature--tertiary__intro span { display: block; }

@media (min-width: 1024px) { .feature--tertiary__intro span { display: inline; } }
.feature:last-of-type { border-bottom: none; }

.feature--text-left .feature__content { padding-bottom: 24px; }

@media (min-width: 1024px) { .feature--text-left .feature__content { float: left; padding-right: 50px; padding-bottom: 0; width: 50%; } }
@media (min-width: 1200px) { .feature--text-left .feature__content { padding-top: 10px; } }
.feature--text-right .feature__content { padding-bottom: 24px; }

@media (min-width: 1024px) { .feature--text-right .feature__content { float: right; padding-left: 74px; padding-bottom: 0; padding-right: 114px; width: 50%; } }
@media (min-width: 1200px) { .feature--text-right .feature__content { padding-top: 10px; } }
.feature__heading { font-size: 30px; font-weight: normal; line-height: 1.1; margin-bottom: 7px; }

@media (min-width: 1024px) { .feature__heading { font-size: 40px; line-height: 1; margin-bottom: 14px; } }
.feature__purchase-options { font-size: 20px; margin-top: 15px; }

@media (min-width: 1024px) { .feature__purchase-options { margin-left: 56px; } }
.feature__purchase-options__cost { display: block; font-size: 30px; line-height: 1.1; }

.feature__subheading { font-size: 24px; margin-bottom: 22px; }

@media (min-width: 1024px) { .feature__subheading { font-size: 40px; line-height: 1; } }
.feature__subheading--h3 { font-size: 24px; margin-bottom: 16px; }

@media (min-width: 1024px) { .feature__subheading--h3 { font-size: 30px; line-height: 1.1; } }
.feature__subheading--small { font-size: 16px; margin-bottom: 31px; }

@media (min-width: 1024px) { .feature__subheading--small { font-size: 24px; } }
.feature__video { text-align: center; }

@media (min-width: 1024px) { .feature--text-left .feature__video { float: right; width: 50%; } }
@media (min-width: 1024px) { .feature--text-right .feature__video { float: left; width: 50%; } }
.feature__video .video-wrapper { margin: auto; max-width: 650px; position: relative; }

.feature__video .video-poster { position: relative; width: 100%; z-index: 1; }

.feature__video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.feature__video-link { display: none; margin-top: 36px; text-align: center; }

@media (min-width: 1024px) { .feature__video-link { display: block; margin-top: 40px; text-align: left; } }
.feature__video .feature__video-link { display: block; margin-top: 18px; }

@media (min-width: 1024px) { .feature__video .feature__video-link { display: none; } }
@media (min-width: 1024px) { .page-content .right { float: right; } }
@media (min-width: 1024px) { .page-content .left { float: left; } }
.flex--column { -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .flex--desktop { display: -ms-flexbox; display: flex; } }
.flex--mobile { display: -ms-flexbox; display: flex; }

@media (min-width: 1024px) { .flex--mobile { display: block; } }
@media (min-width: 1024px) { .push-left { padding-left: 140px; } }
.flex-reorder--1 { -ms-flex-order: 1; order: 1; }

@media (min-width: 1024px) { .flex-reorder--1 { -ms-flex-order: 0; order: 0; } }
.flex-reorder--2 { -ms-flex-order: 2; order: 2; }

@media (min-width: 1024px) { .flex-reorder--2 { -ms-flex-order: 0; order: 0; } }
.flex-reorder--3 { -ms-flex-order: 3; order: 3; }

@media (min-width: 1024px) { .flex-reorder--3 { -ms-flex-order: 0; order: 0; } }
.flex-reorder--4 { -ms-flex-order: 4; order: 4; }

@media (min-width: 1024px) { .flex-reorder--4 { -ms-flex-order: 0; order: 0; } }
.flex-reorder--5 { -ms-flex-order: 5; order: 5; }

@media (min-width: 1024px) { .flex-reorder--5 { -ms-flex-order: 0; order: 0; } }
.flex-reorder--6 { -ms-flex-order: 6; order: 6; }

@media (min-width: 1024px) { .flex-reorder--6 { -ms-flex-order: 0; order: 0; } }
.section-divider { border: 0 solid #aaa; border-top-width: 1px; margin: 40px 0 0; }

@media (max-width: 757px) { .opp .img-text-pair-section .img-text-pair.row { padding: 0; }
  .opp .top-box h1 { font-size: 30px; font-weight: normal; }
  .opp .top-box h2 { font-size: 16px; }
  .opp .top-box .flex { -ms-flex-direction: column; flex-direction: column; }
  .opp .top-box .flex-50 { -ms-flex: 1 0 100%; flex: 1 0 100%; }
  .opp .text-block .push-left { padding-left: 0px; } }
body.pet-hair .page-content { padding-top: 30px; }

.flex { display: -ms-flexbox; display: flex; }

.flex-70 { -ms-flex: 1 0 70%; flex: 1 0 70%; }

.flex-60 { -ms-flex: 1 0 60%; flex: 1 0 60%; }

.flex-50 { -ms-flex: 1 0 50%; flex: 1 0 50%; }

.flex-40 { -ms-flex: 1 0 40%; flex: 1 0 40%; }

.flex-30 { -ms-flex: 1 0 30%; flex: 1 0 30%; }

.flex-25 { -ms-flex: 1 0 25%; flex: 1 0 25%; }

.flex-75 { -ms-flex: 1 0 75%; flex: 1 0 75%; }

@media (max-width: 952px) { .mobile-flex-column { -ms-flex-direction: column; flex-direction: column; } }
.privacy-principles .bg-img-callouts h2 { font-size: 30px; color: #64a70b; }

.privacy-principles .bg-img-callouts p { font-size: 20px; }

.product { /* ==== iOS WORD BREAKS ==== */ /* ---- END iOS Word Breaks ---- */ }

.product html { overflow: visible !important; }

.product .btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.product .btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.product .btn:disabled, .product .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.product .pri-btn, .product .sec-btn, .product .ter-btn, .product .qua-btn, .product .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.product .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.product .pri-btn:hover { background: #579802; border-color: #579802; }

.product .sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.product .sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.product .ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.product .ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.product .qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.product .qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.product .shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.product .shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.product .play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.product .lg-btn { padding: 10px 20px; }

.product .btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.product .btn-twitter:hover { background: #1da1f2; }

.product .btn.buy_btn, .product .btn.greenBtn, .product .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.product .btn.buy_btn:hover, .product .btn.greenBtn:hover, .product .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

.product .page-wrapper { overflow: hidden; }

.product .page-content { font-size: 1.78571429vw; overflow: hidden; }

.product .header { padding: 0; }

.product .img-wrap img { background: #f3f3f3; }

.product .flex-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; }

.product .scroll-spy { background: #fff; box-shadow: inset 0 -1px #ebebeb; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000; }

.product .scroll-spy .scroll-spy-nav { display: table; padding: 0; width: 100%; }

.product .scroll-spy .scroll-spy-items { display: table-row; padding: 0; text-align: center; }

.product .scroll-spy .scroll-spy-item { box-shadow: inset 0 -1px #ebebeb; display: table-cell; position: relative; text-align: center; transition: box-shadow 250ms ease; vertical-align: middle; }

.product .scroll-spy .scroll-spy-item + .scroll-spy-item::before { position: absolute; top: 50%; transform: translate(0, -50%); background: #ebebeb; content: ''; height: 0.9em; left: 0; width: 1px; }

.product .scroll-spy .scroll-spy-item.active { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; }

.product .scroll-spy .scroll-spy-link { color: inherit; display: block; line-height: 1.25; padding: 1em 0.5em; }

.product .play-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.product .text-wrapper .title { font-size: 25px; font-weight: normal; margin: 0 0 23px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: #1aa2dc; position: relative; }

.product .text-wrapper .title:before, .product .text-wrapper .title:after, .product .text-wrapper .title::before, .product .text-wrapper .title::after { color: #1aa2dc; background-color: #1aa2dc; content: ''; height: 1px; position: absolute; top: 50%; width: 110px; }

.product .text-wrapper .title:before { left: -125px; }

.product .text-wrapper .title:after { right: -125px; }

.two-line-scroll-spy .product .scroll-spy-anchor, .two-line-scroll-spy .product .section-expand-anchor { top: -4.4em; }

.three-line-scroll-spy .product .scroll-spy-anchor, .three-line-scroll-spy .product .section-expand-anchor { top: -5.7em; }

.page-content .expandable-section:first-child .product .scroll-spy-anchor, .page-content .expandable-section:first-child .product .section-expand-anchor { top: 0; }

.product .expandable-section { position: relative; }

.product .expandable-section .section-expand-toggle { display: block; font-size: 1em; padding: 30px 0 70px; position: relative; text-align: center; z-index: 1; }

.product .expandable-section .section-toggle, .product .expandable-section .section-close { overflow: hidden; position: relative; }

.product .expandable-section .section-toggle .row, .product .expandable-section .section-close .row { position: relative; }

.product .expandable-section .split-section-toggle { background-image: linear-gradient(to top, transparent, transparent 40px, #ebebeb 40px, #ebebeb 42px, #f7f7f7 42px, #f7f7f7); }

.product .expandable-section .expand-rule { left: 50%; transform: translate(-50%, 0); bottom: 25px; pointer-events: none; position: absolute; z-index: 0; }

.product .expandable-section .expand-rule .rule { stroke: #ebebeb; stroke-width: 2px; }

.product .expandable-section .expand-rule .symbol { stroke-width: 2px; }

.product .expandable-section .expand-rule .circle { fill: white; }

.product .expandable-section .expand-rule .v-cross { transform-origin: 50% 50%; transition: transform 500ms 0ms; }

.product .expandable-section .expand-rule .split-circle-stroke, .product .expandable-section .expand-rule .split-circle-bg { fill: #f7f7f7; }

.product .expandable-section .expand-rule .split-circle-stroke { stroke: #ebebeb; stroke-width: 2px; }

.product .expandable-section .split-expand-rule { bottom: 10px; }

.product .expandable-section .section-content { height: 0; overflow: hidden; transform: translateZ(0); }

.product .expandable-section .section-content > div { margin-top: 15px; }

.product .expandable-section.open .section-content { height: auto; }

.product .expandable-section.open .expand-rule .v-cross { transform: rotate(-90deg); transition: transform 500ms 0ms, visibility 0ms 500ms; visibility: hidden; }

.product .expanded-section .details-header { border: 0 solid #ebebeb; border-width: 2px 0; color: #64a70b; display: block; margin: 15px 0; padding: 15px 0; text-align: center; }

.product .promo-callouts .body { margin: 0 auto; max-width: 500px; padding: 15px 0; text-align: center; }

.product .promo-callouts .description, .product .promo-callouts .body p { margin: 0 0 15px; }

.product .figure-callouts:not(.section-content):not(.section-header), .product .split-callouts:not(.section-content):not(.section-header) { margin: 15px 0; }

.product .figure-callouts .video, .product .split-callouts .video { position: relative; }

.product .figure-callouts .video .img-wrap, .product .split-callouts .video .img-wrap { cursor: pointer; position: relative; z-index: 2; }

.product .figure-callouts .video .img-wrap iframe, .product .split-callouts .video .img-wrap iframe, .product .figure-callouts .video .img-wrap video, .product .split-callouts .video .img-wrap video { height: 100%; left: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1; }

.product .figure-callouts .video .img-wrap .play-button, .product .split-callouts .video .img-wrap .play-button { bottom: auto; left: 50%; right: auto; transform: translate(-50%, -50%); top: 50%; cursor: pointer; opacity: 0.75; position: absolute; transition-duration: 300ms; transition-property: opacity; transition-timing-function: ease; z-index: 3; }

.product .figure-callouts .video .img-wrap .play-button circle, .product .split-callouts .video .img-wrap .play-button circle { fill: white; }

.product .figure-callouts .video .img-wrap .play-button polygon, .product .split-callouts .video .img-wrap .play-button polygon { fill: #757272; }

.product .figure-callouts .video .img-wrap:hover .play-button, .product .split-callouts .video .img-wrap:hover .play-button { opacity: 0.95; }

.product .figure-callouts .video.bg .bg-img, .product .split-callouts .video.bg .bg-img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }

.product .figure-callouts .video.bg .content, .product .split-callouts .video.bg .content { left: 50%; position: absolute; transform: translate(-50%, 0); top: 20%; cursor: pointer; max-width: 1400px; text-align: center; width: 100%; z-index: 3; }

.product .figure-callouts .video.bg p, .product .split-callouts .video.bg p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 2.2em; font-weight: bold; margin: 0 auto 50px; max-width: 675px; padding: 0 50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }

.product .figure-callouts .video.bg .img-wrap, .product .split-callouts .video.bg .img-wrap { padding: 26.78571429%; }

.product .figure-callouts .video.bg .play-button, .product .split-callouts .video.bg .play-button { top: 65%; }

.product .figure-callouts .video img, .product .split-callouts .video img { position: relative; z-index: 2; }

.product .figure-callouts .video .btn.play, .product .split-callouts .video .btn.play { margin-top: 30px; }

.product .figure-callouts.gray-section-header, .product .split-callouts.gray-section-header { background: #f7f7f7; }

.product .figure-callouts .anchored-ctas { padding: 0 0 70px; position: relative; }

.product .figure-callouts .anchored-ctas .anchored-btns { bottom: 35px; position: absolute; }

.product .figure-callouts .callouts::after { clear: both; content: ''; display: block; }

.product .figure-callouts .half { border: 0 solid transparent; border-width: 0 0 0 4px; box-sizing: border-box; float: left; width: 50%; }

.product .figure-callouts .half:first-child { border-width: 0 4px 0 0; }

.product .figure-callouts .half .fig-img, .product .figure-callouts .half .content { margin: 0 auto; }

.product .figure-callouts .half .fig-img { vertical-align: middle; width: 450px; }

.product .figure-callouts .half .content { box-sizing: border-box; padding: 30px; max-width: 450px; }

.product .figure-callouts .split { display: table; margin: 0 auto 30px; max-width: 1000px; }

.product .figure-callouts .split .img-wrap, .product .figure-callouts .split .content { display: table-cell; vertical-align: middle; width: 50%; }

.product .figure-callouts .split .body { padding: 30px; }

.product .figure-callouts .img-wrap { text-align: center; }

.product .figure-callouts .header .title { display: block; font-weight: 700; margin: 0 0 15px; font-size: 1em; }

.product .figure-callouts .section-title { border-top: 1px solid #ebebeb; font-size: 1.8em; font-weight: bold; letter-spacing: -0.22px; padding: 25px; text-align: center; }

.product .figure-callouts .section-title:first-child, .product .figure-callouts :first-child + .section-title { border-top: 0; }

.product .figure-callouts .section-note { padding: 15px; text-align: center; }

.product .figure-callouts .btn { margin: 30px 0 0; }

.product .figure-callouts .btn + .btn { margin: 30px 0 0 15px; }

.product .gray { background: #f7f7f7; }

.product .third { border: 0 solid transparent; border-width: 0 2px; box-sizing: border-box; float: left; width: 33%; }

.product .third:first-child { border-width: 0 4px 0 0; }

.product .third:last-child { border-width: 0 0 0 4px; }

.product .third .content { padding: 25px 28px 35px; }

.product .third .fig-img { display: block; width: 100%; }

.product .callout.third { width: 33%; }

.product .callout.third .title { font-size: 1em; font-weight: normal; margin: 0 0 1.5em; }

.product .callout.half { text-align: center; }

.product .half, .product .equal { -ms-flex: 1; flex: 1; }

.product .split-callouts .callouts + .callouts { margin: 15px auto 0; }

.product .split-callouts .callout { position: relative; }

.product .split-callouts .callout + .callout { border-top: 1px solid #ebebeb; padding: 20px 0 0; margin: 20px 0 0; }

.product .split-callouts .section-title { border-top: 1px solid #ebebeb; font-size: 1.8em; font-weight: bold; letter-spacing: -0.22px; padding: 25px; text-align: center; }

.product .split-callouts .section-title:first-child, .product .split-callouts :first-child + .section-title { border-top: 0; }

.product .split-callouts .section-note { text-align: center; }

.product .split-callouts .split { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }

.product .split-callouts .split > :nth-child(1) { width: 50%; }

.product .split-callouts .split > :nth-child(2) { width: 50%; }

.product .split-callouts .img-wrap { box-sizing: border-box; padding: 0 5px 0 0; }

.product .split-callouts .split.force-swap .img-wrap, .product .split-callouts .split:nth-child(even) .img-wrap { -ms-flex-order: 1; order: 1; padding: 0 0 0 5px; }

.product .split-callouts .split.force-swap:nth-child(even) .img-wrap { -ms-flex-order: 0; order: 0; padding: 0 5px 0 0; }

.product .split-callouts .content *:empty:not(img) { display: none; }

.product .split-callouts .header, .product .split-callouts .body { margin: auto; width: 70%; }

.product .split-callouts .title, .product .split-callouts .heading { font-size: 1.2em; font-weight: bold; margin: 0 0 0.9em; }

.product .split-callouts .body * + * { margin: 0.8em 0 0; }

.product .split-callouts .body ul { padding: 0 0 0 2em; }

.product .split-callouts .body > p:first-child { font-size: 1.2em; font-weight: bold; margin: 0 0 0.9em; }

.product .split-callouts .body .btn { margin: 30px 0 0; }

.product .split-callouts .tooltip-wrapper { white-space: nowrap; }

.product .split-callouts .app-link { color: #000; font-size: 18px; font-weight: 500; vertical-align: middle; }

.product .split-callouts .tooltip-trigger { background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAaVBMVEUAAAAaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotz///+h0e3T6fZzveau1++Tyupit+NOsOE4qd70+f3q9Pvf7vi73fGExOhiSZICAAAAFHRSTlMA+vLstLNZIhZgfsugPcyfez5iPI38WoEAAAEFSURBVDjLjZTtroIwDEA7xmSDAXpvZYD4+f4PaYlm3SaI5wek4YS2rAUCtGkrKYSsWqNhiVoJ9AhVQ0qRY0JexMYuww+yXWiUuEjJxh5X2PssuMo7V5GtK9mr5rCXU9eNU9QXEP8cT+44M4ROTYry0fl2fHFHRgFo/qYdPXXDha4nVoQGw5Ejg8ohpUPGQBsozo10SxQLFSb0pDyQqUBy4Gu+YoAEkSh3ekmPAYIV7mrESEkTXeNaCZmUS+1cMKYBGxfr3JAoFgxuYMIDIKa+9+34AwCVNhQral6O70rNI7Wi5L8O5vZ48xp9Um6v2vbC/rz2zEEJZNQBltDGNvMvqLF/GpgnFrdGEevProQAAAAASUVORK5CYII=); background-size: 17px 17px; display: inline-block; height: 17px; margin: 5px 0 0 5px; position: relative; vertical-align: middle; width: 17px; }

.product .split-callouts .tooltip { position: absolute; top: 50%; transform: translate(0, -50%); background: #1aa2dc; border-radius: 2px; color: #fff; display: none; font-size: 14px; font-weight: 400; left: 100%; margin: 0 0 0 17px !important; min-width: 200px; padding: 10px; white-space: normal; z-index: 1; }

.product .split-callouts .tooltip.active { display: block; }

.product .split-callouts .tooltip::before { position: absolute; top: 50%; transform: translate(0, -50%); border: 10px solid transparent; border-right-color: #1aa2dc; content: ''; left: -20px; }

.product .split-callouts.together { border-top: 1px solid #ebebeb; padding: 2.4em 0; }

.product .split-callouts.together .img-wrap { width: 45%; }

.product .split-callouts.together .header { padding: 0 1.6em; width: auto; }

.product .split-callouts.together .title { color: #64a70b; font-size: 2.2em; font-weight: 500; line-height: 1.15; margin: 0 0 20px; }

.product .split-callouts.together .heading { font-weight: normal; }

.product .split-callouts.together .body { padding: 0 1.6em; width: auto; }

.product .split-callouts.together .body p, .product .split-callouts.together .body p:first-child { font-size: inherit; font-weight: normal; }

.product .interactive-section .header { margin: 0 auto; max-width: 850px; padding: 0 50px; text-align: center; }

.product .interactive-section .header p { margin: 20px 0 50px; }

.product .interactive-section .header .title { font-size: 2.2em; font-weight: 500; margin: 0 0 20px; padding: 0.64em 0 0; }

.product .interactive-section .figure-nav { left: 0; padding: 26.6%; position: absolute; right: 0; z-index: 10; }

.product .interactive-section .figure-nav ul { padding: 0; margin: 0; }

.product .interactive-section .figure-nav li { display: block; }

.product .interactive-section .figure-nav li:first-child .figure-link { margin: 0; top: -3.5em; }

.product .interactive-section .figure-link { bottom: auto; left: 50%; right: auto; transform: translate(-50%, -50%); top: 50%; position: absolute; }

.product .interactive-section .figure-link.agitation { left: 57.2%; top: 95.3%; }

.product .interactive-section .figure-link.extraction { left: 38.5%; top: 61.842%; }

.product .interactive-section .figure-link.suction { left: 64.4%; top: 33.271%; }

.product .interactive-section .figure-link.active .interactive-circle .ring, .product .interactive-section .figure-link:hover .interactive-circle .ring, .product .interactive-section .figure-link.active .interactive-circle .bullseye, .product .interactive-section .figure-link:hover .interactive-circle .bullseye { animation: pulse 2800ms infinite; opacity: 0; transition: opacity 1000ms, stroke 0s 1000ms, fill 0s 1000ms; }

.product .interactive-section .figure-link.active .interactive-circle .ring, .product .interactive-section .figure-link:hover .interactive-circle .ring { stroke: #64a70b; }

.product .interactive-section .figure-link.active .interactive-circle .bullseye, .product .interactive-section .figure-link:hover .interactive-circle .bullseye { animation-delay: 1000ms; fill: #64a70b; }

.product .interactive-section .figure-link.active .interactive-circle .inner-ring, .product .interactive-section .figure-link:hover .interactive-circle .inner-ring { animation-delay: 1400ms; }

.product .interactive-section .figure-link.active .interactive-circle .middle-ring, .product .interactive-section .figure-link:hover .interactive-circle .middle-ring { animation-delay: 1800ms; }

.product .interactive-section .figure-link.active .interactive-circle .outer-ring, .product .interactive-section .figure-link:hover .interactive-circle .outer-ring { animation-delay: 2200ms; }

.product .interactive-section .interactive-circle .ring, .product .interactive-section .interactive-circle .bullseye { transform: scale(1); transform-origin: 40px 40px; transition: opacity 1000ms, stroke 1000ms, fill 1000ms, transform 1000ms; }

.product .interactive-section .interactive-circle .ring { fill: rgba(255, 255, 255, 0.2); stroke: #737373; stroke-width: 2px; }

.product .interactive-section .interactive-circle .bullseye { fill: #737373; }

.product .interactive-section .figures { margin: 0 auto; max-width: 1020px; position: relative; }

.product .interactive-section .figure { left: 0; margin: 0; opacity: 0; position: absolute; text-align: center; top: 0; transition: opacity 250ms; width: 100%; }

.product .interactive-section .figure:first-of-type { position: relative; }

.product .interactive-section .figure:first-of-type:not(.active) { opacity: 1; }

.product .interactive-section .figure:first-of-type:not(.active) p { opacity: 0; }

.product .interactive-section .figure:first-of-type figcaption { max-width: none; padding: 0 100px; }

.product .interactive-section .figure:first-of-type p { font-size: 1.8em; }

.product .interactive-section .figure.active { opacity: 1; }

.product .interactive-section img { margin-bottom: 50px; }

.product .interactive-section figcaption { margin: 0 auto; max-width: 375px; }

.product .interactive-section figcaption p { line-height: 1.2em; }

.product .interactive-section figcaption p:first-child { font-size: 1.2em; font-weight: bold; line-height: normal; margin-bottom: 10px; }

@keyframes pulse { 0% { opacity: 0; transform: scale(1); }
  33% { opacity: 1; transform: scale(1.2); }
  67%,
  100% { opacity: 0; transform: scale(1.2); } }
.product .text-carousel { color: #fff; position: relative; z-index: 1; }

.product .text-carousel .cycle-slide { width: 100%; }

.product .text-carousel.quote .slideContent { box-sizing: border-box; margin: 0 auto; max-width: 1200px; padding: 70px 100px 100px; position: relative; text-align: center; }

.product .text-carousel.quote .slideContent::before { content: "\201C"; left: 0; top: 74px; }

.product .text-carousel.quote .slideContent::after { bottom: 90px; content: "\201D"; right: 0; }

.product .text-carousel.quote .pager { bottom: 50px; left: 0; right: 0; position: absolute; text-align: center; z-index: 100; }

.product .text-carousel .slideContent::before, .product .text-carousel .slideContent::after { font-size: 120px; position: absolute; line-height: 60px; }

.product .text-carousel .slideContent .quote { font-size: 1.6em; margin-bottom: 20px; }

.product .text-carousel .slideContent .citation::before { content: '- '; }

.product .text-carousel .slideContent > .btn { margin: 25px 0 0; }

.product .text-carousel .slideContent .video-wrapper { margin: 0 0 1.5em; padding: 25%; position: relative; }

.product .text-carousel .slideContent .video-wrapper iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

.product .text-carousel .pager { text-align: center; }

.product .text-carousel .pager span { background: #ccc; border-radius: 50%; display: inline-block; height: 10px; font-size: 0; width: 10px; cursor: pointer; }

.product .text-carousel .pager span + span { margin: 0 0 0 10px; }

.product .text-carousel .pager span.cycle-pager-active { background: #fff; }

.product .compare-chart-section { overflow: hidden; }

.product .compare-chart-section .compare-chart { border-bottom: 1px solid #ebebeb; padding: 0 15px 50px; margin: 0 auto 50px; }

.product .compare-chart-section table { border-collapse: collapse; border-spacing: 0; font-size: 17px; margin: 0 0 15px; position: relative; table-layout: fixed; text-align: center; width: 100%; }

.product .compare-chart-section .header p { margin: 20px 0 50px; padding: 0 50px; }

.product .compare-chart-section .header p:first-child { font-size: 2.2em; font-weight: 500; margin: 20px 0; }

.product .compare-chart-section .robot-compare-select { border-bottom: 1px solid #bfbfc1; display: none; margin: 0 25px; padding: 10px; position: relative; }

.product .compare-chart-section .robot-compare-select::after, .product .compare-chart-section .robot-compare-select::before { border: 15px solid transparent; border-top-color: #bfbfc1; bottom: -30px; content: ''; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 0; }

.product .compare-chart-section .robot-compare-select::after { border-top-color: #fff; bottom: -29px; }

.product .compare-chart-section .robot-compare-select div:first-child { font-weight: 500; margin-bottom: 10px; }

.product .compare-chart-section .model-checkboxes { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; }

.product .compare-chart-section .model-checkbox { box-sizing: border-box; color: #64a70b; display: block; -ms-flex: 1 0 33%; flex: 1 0 33%; font-size: 17px; padding: 0 10px; }

.product .compare-chart-section .model-checkbox input { display: none; }

.product .compare-chart-section .model-checkbox label { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAALVBMVEVkpwtrqxZsqxdtrBhurRqQwFCRwVKWw1nn8dnn8trp8tzu9eTw9ufw9+j///8/6CfXAAAAR0lEQVR42mN4VcyADMzXMUxhQAWeDAUx75DBUXYGg3MoIm8YGRjeoQKGUZEhL4IWy28ZGQpyUUS2sTO0oKUWD4aXRSgC6vMANi2oEIX7X1MAAAAASUVORK5CYII="); background-size: 17px 17px; background-position: right center; background-repeat: no-repeat; display: inline-block; line-height: 17px; padding: 11px 29px 11px 0; }

.product .compare-chart-section .model-checkbox input:checked + label { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAZlBMVEVkpwv///9xrh/l8NZlpwx0sCSmzHK31o3T5rry+Ov6/Pf+//5nqRBtrBl3simEuT7I4KjZ6cONvkuVw1ijy2/S5bjV573n8tpmqA9trBhxryB2sSiEuT2Uwle/25vI4KnZ6sTt9eOdfnsaAAAAnElEQVR42sXUtxKDQAyE4RXo4MjBBOfw/i/puQKPi0NbsvVX/TMSZHGK3albBF5hTj0cyByUEcXhO4+UZPIk4lLIiZBc3kTcyqojpJcXEfeqbAkZJCfiIUVji3qVDJFNyV+1tY7GTDfT7FS7pj+Ty4Doks20oZpteukB03Shmm3sasF8QjViQjXbTGONw6Yc8LPHzJ7HDPH2C/LyBcGLBKBOEmpPAAAAAElFTkSuQmCC"); }

.product .compare-chart-section .pillar { position: relative; width: 42px; }

.product .compare-chart-section thead .robot { border: 0; font-size: 18px; font-weight: normal; padding: 30px 10px; }

.product .compare-chart-section thead .feature { font-size: 25px; font-weight: 500; padding: 15px; text-align: left; vertical-align: bottom; width: 33%; }

.product .compare-chart-section .name { font-weight: bold; margin: 0 0 10px; }

.product .compare-chart-section .price { margin: 0 0 15px; }

.product .compare-chart-section .robot-img { width: 100%; }

.product .compare-chart-section tbody .pillar { border-top: 1px solid #686868; }

.product .compare-chart-section tbody .pillar__span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #64a70b; font-size: 24px; font-weight: bold; left: 50%; position: absolute; text-transform: uppercase; top: 50%; transform: translate(-50%, -50%) rotate(90deg); }

.product .compare-chart-section tbody .pillar ~ th, .product .compare-chart-section tbody .pillar ~ td { border-top: 1px solid #686868; }

.product .compare-chart-section tbody .feature { background: none; border-top: 1px solid #ebebeb; color: #4c4d4f; cursor: pointer; font-size: 17px; font-weight: normal; padding: 15px; position: relative; text-align: left; }

.product .compare-chart-section tbody .feature.active .tooltip { top: 50%; transform: translate(0, -50%); background: #64a70b; border-radius: 2px; color: #fff; cursor: auto; display: block; left: 99%; padding: 10px; position: absolute; width: 200px; z-index: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.product .compare-chart-section tbody .feature.active .tooltip::before { position: absolute; top: 50%; transform: translate(0, -50%); border: 10px solid transparent; border-right-color: #64a70b; content: ''; left: -20px; }

.product .compare-chart-section tbody tr:last-child th, .product .compare-chart-section tbody tr:last-child td { border-bottom: 0; }

.product .compare-chart-section .title { background: no-repeat right center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAY1BMVEUAAABkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwtkpwv////m796XwW+3055yri/d6tKLu1z3+vTU5MbK3rmix4B/tEju9OmszY+TaoWeAAAAEnRSTlMAtPvy7MygYCIWflo9WT58ejxGdt0RAAAA8UlEQVQ4y42U25LCIAxAk7SAtOjupnd11f//SnF0Gi5iPQ/tZDhDQpsAAdZoVRPVShsL73BIvELoMmGHnIC72NhXnFG1odHwWxoxfrnAz5qFi+xflVZlpXrWjPwBBM8fB9zO82mcOMDFm0x99+C4xNtYknDunlxZIAtGosWvnofRP/9ZMKAl8Iu9f/lsIwsalASXYVhyRUHNCYNPdGGhBkqM5dh1Jw4gUeTc/RQpaaJxNSSRipV5PbGUqzOFYzQY3sDIDyhAFgDTj5J3g/usOGmpgoLfNia0ZaWVMSrQfDNqQlse2O2xDzkghcIBhM0r6A7ItT74kTR/iwAAAABJRU5ErkJggg=="); background-size: 17px 17px; padding: 0 22px 0 0; }

.product .compare-chart-section .tooltip { display: none; }

.product .compare-chart-section .feature-status { border-style: solid; border-color: #ebebeb #c0c0c0; border-width: 1px 0 0 1px; color: #4c4d4f; padding: 15px 5px; }

.product .compare-chart-section col.feature-status { border: 0; }

.product .compare-chart-section .false { color: transparent; }

.product .compare-chart-section .true.sym { background: #58585a; border-radius: 50%; display: inline-block; font-size: 0; height: 17px; vertical-align: middle; white-space: nowrap; width: 17px; }

.product .compare-chart-section .txt .num { font-size: 2em; line-height: 0.9; }

.product .compare-chart-section .txt .x { font-size: 0.75em; }

.product .compare-chart-section .txt .desc { color: #8a8b8a; display: inline-block; font-size: 0.4em; margin: -0.5em 0 0 -0.25em; text-align: left; }

.product .compare-chart-section .disclaimers { color: #939598; font-size: 14px; margin: 0 0 0 10px; }

.product .compare-chart-section .disclaimers ul { list-style: none; }

@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) { .product .compare-chart-section tbody .pillar__span { top: auto; } }
.product .featured-callouts { padding: 50px 0; }

.product .featured-callouts .callouts { font-size: 0; padding-bottom: 85px; position: relative; }

.product .featured-callouts .callout { display: inline-block; text-align: center; vertical-align: top; }

.product .featured-callouts .half { width: 50%; }

.product .featured-callouts .third { width: 33%; }

.product .featured-callouts .content { display: inline-block; max-width: 380px; text-align: left; width: 85%; }

.product .featured-callouts .title { font-size: 25px; font-weight: normal; margin: 0 0 23px; overflow: hidden; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.product .featured-callouts .title span { display: inline-block; position: relative; }

.product .featured-callouts .title span::before, .product .featured-callouts .title span::after { content: ''; height: 1px; position: absolute; top: 50%; width: 110px; }

.product .featured-callouts .title span::before { left: -125px; }

.product .featured-callouts .title span::after { right: -125px; }

.product .featured-callouts .heading { font-size: 20px; font-weight: 500; margin: 0 0 17px; }

.product .featured-callouts .description, .product .featured-callouts .body p { font-size: 20px; }

.product .featured-callouts .btn { bottom: 0; position: absolute; }

.product .disclaimer-callouts { color: #939598; font-size: 10px; line-height: 14px; padding: 25px 0; }

.product .disclaimer-callouts ul { padding: 0; }

.product .disclaimer-callouts li { list-style: none; }

.product .static-img-section .img-wrap { text-align: center; }

.product .static-img-section.full-width .row { max-width: none; padding: 0; }

.product .static-img-section.full-width img { width: 100%; }

.product .static-text-section { padding: 2.4em 0; text-align: center; }

.product .static-text-section .content { max-width: 1150px; margin: auto; }

.product .static-text-section .title { font-size: 2.2em; font-weight: 500; line-height: 1.15; margin: 0 0 0.2em; }

.product .static-text-section .heading { font-size: 1.2em; font-weight: 500; margin: 0 0 0.3em; }

.product .static-text-section .btn-wrap { margin: 1em 0 -13px; }

.product .static-text-section .btn { margin: 0 5px 13px; }

.product .static-two-col-section .accordion-video { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.product .static-two-col-section .accordion-video .video-wrap { height: 0; overflow: hidden; }

.product .static-two-col-section .accordion-video.open .video-wrap { height: auto; }

.product .static-two-col-section .accordion-video .video { margin: 20px 0; padding: 22%; position: relative; }

.product .static-two-col-section .accordion-video iframe, .product .static-two-col-section .accordion-video video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

.product .static-two-col-section .accordion-anchor { display: block; height: 0; line-height: 0; position: relative; top: -3.2em; }

.product .static-two-col-section .content-wrap { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; }

.product .static-two-col-section .content-wrap > :nth-child(1) { width: 50%; }

.product .static-two-col-section .content-wrap > :nth-child(2) { width: 50%; }

.product .static-two-col-section .content-wrap .content, .product .static-two-col-section .content-wrap .img-wrap { margin: 20px 0; }

.product .static-two-col-section .content-wrap .content { width: 42%; }

.product .static-two-col-section .content-wrap .img-wrap { width: 58%; }

.product .static-two-col-section .lockup { display: block; margin: 0 0 1.6em auto; max-width: 360px; }

.product .static-two-col-section .btn { margin: 35px 0 0; }

.product .video-gallery .video-wrapper { margin: 0 0 1.5em; padding: 25%; position: relative; }

.product .video-gallery .video-wrapper iframe, .product .video-gallery .video-wrapper video { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

.product .video-gallery .video-list { display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 auto; max-width: 225px; padding: 0 0 0 5px; }

.product .video-gallery .video-item { box-sizing: border-box; padding: 0 5px 5px 0; position: relative; width: 33.3333%; }

.product .video-gallery .video-item.active::after { background: #000; bottom: 5px; content: ''; left: 0; opacity: 0.33333; position: absolute; right: 5px; top: 0; z-index: 1; }

.product .video-gallery .video-item:nth-last-child(-n+3) { padding: 0 5px 0 0; }

.product .video-gallery .video-item:nth-last-child(-n+3).active::after { bottom: 0; }

.product .social-callouts .callouts { display: -ms-flexbox; display: flex; }

.product .social-callouts .third { color: #fff; border-width: 0 2px; box-sizing: border-box; padding: 40px 35px; position: relative; width: 33%; }

.product .social-callouts .third:first-child { border-width: 0 4px 0 0; }

.product .social-callouts .third:last-child { border-width: 0 0 0 4px; }

.product .social-callouts .third + .third::after { background: #fff; bottom: 40px; content: ''; left: 0; position: absolute; top: 40px; width: 1px; }

.product .social-callouts .title { font-size: 1em; font-weight: normal; margin: 0 0 1.5em; }

.product .social-callouts .body { font-size: 0.88em; margin: 0 0 1.5em; }

.product .social-callouts .caption { display: block; font-size: 1em; line-height: 1.28; }

.product .social-callouts .cycle-slideshow { margin: 0 0 20px; }

.product .social-callouts .cycle-slide { width: 100%; }

.product .social-callouts .cycle-prev, .product .social-callouts .cycle-next { border: 0 solid #fff; display: inline-block; height: 30px; position: absolute; width: 30px; }

.product .social-callouts .cycle-prev { border-width: 2px 0 0 2px; left: 50%; margin: 0 0 0 -75px; transform: rotate(-45deg) translate(0, 14px); }

.product .social-callouts .cycle-next { border-width: 2px 2px 0 0; margin: 0 -75px 0 0; right: 50%; transform: rotate(45deg) translate(0, 14px); }

.product .social-callouts .control-label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

.product .social-callouts .slideshowPager { height: 45px; line-height: 45px; margin: -3px 0 0; text-align: center; }

.product .social-callouts .slideshowPager .pagerContainer, .product .social-callouts .slideshowPager .pager { display: inline-block; vertical-align: middle; }

.product .social-callouts .slideshowPager a { background: #afe7ff; border-radius: 50%; display: inline-block; height: 10px; font-size: 0; vertical-align: middle; width: 10px; }

.product .social-callouts .slideshowPager a + a { margin: 0 0 0 10px; }

.product .social-callouts .slideshowPager a.cycle-pager-active { background: #fff; }

.product .robot-grid-section .row { margin: auto; max-width: 1170px; padding: 0 15px; }

.product .robot-grid-section .section-title { color: #64a70b; font-size: 30px; font-weight: 500; margin: 30px 0 40px; text-align: center; }

.product .robot-grid-section .grid-row { display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.product .robot-grid-section .justify-around { -ms-flex-pack: distribute; justify-content: space-around; }

.product .robot-grid-section .justify-between { -ms-flex-pack: justify; justify-content: space-between; }

.product .robot-grid-section .justify-center { -ms-flex-pack: center; justify-content: center; }

.product .robot-grid-section .justify-end { -ms-flex-pack: end; justify-content: flex-end; }

.product .robot-grid-section .justify-start { -ms-flex-pack: start; justify-content: flex-start; }

.product .robot-grid-section .grid-row + .grid-row { border-top: 1px solid #ebebeb; margin: 1em 0 0; padding: 3em 0 0; }

.product .robot-grid-section .grid-item { margin: 0 0.5% 3em; position: relative; width: 19%; }

.product .robot-grid-section .robot-name { font-size: 21px; font-weight: 500; margin: 0 0 0.5em; }

.ua-ft.hover .product .robot-grid-section .grid-item::before { background: #000; content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.5s; width: 100%; }

.ua-ft.hover .product .robot-grid-section .grid-item:hover::before { opacity: 0.5; }

.ua-ft.hover .product .robot-grid-section .robot-name { bottom: -2em; box-sizing: border-box; font-size: 18px; font-weight: 400; padding: 0 10px; position: absolute; width: 100%; }

.ua-ft.hover .product .robot-grid-section .robot-caption { box-sizing: border-box; color: #fff; font-size: 18px; opacity: 0; padding: 0 10px; position: absolute; top: 50%; transform: translate(0, -50%); transition: opacity 0.5s; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ua-ft.hover .product .robot-grid-section .grid-item:hover .robot-caption { opacity: 1; }

.product .robot-grid-section .grid-item-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.product .global-modal { background: rgba(0, 0, 0, 0.75); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 100; }

.product .global-modal.open { display: block; }

.product .global-modal-viewport-container { background: #fff; left: 50%; height: 75%; max-height: 400px; max-width: 600px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 75%; }

.product .global-modal-viewport { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; overflow: auto; }

.product .global-modal-close-btn { background: transparent; border: 0; height: 30px; position: absolute; right: 1px; top: 1px; width: 30px; z-index: 2; }

.product .global-modal-video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@media (min-width: 1400px) { .product .page-content { font-size: 25px; } }
@media (max-width: 1023px) { .product .robot-grid-section .grid-item { width: 24%; } }
@media (max-width: 952px) { .product .page-content { font-size: 2.14285714vw; }
  .product .figure-callouts .third .content { padding: 15px 15px 25px; } }
@media (max-width: 767px) { .product .page-content { font-size: 17px; }
  .product .mobile-only-block { display: block; }
  .product .mobile-margin-bottom { margin: 0 0 30px; }
  .product .scroll-spy { display: none; }
  .product .scroll-spy-anchor, .product .section-expand-anchor { top: -62px; }
  .product .expandable-section .section-expand-toggle { padding: 15px 0 50px; }
  .product .expandable-section .split-section-toggle .section-expand-toggle { padding: 15px 0 70px; }
  .product .expandable-section .expand-rule { transform: translate(-50%, 0) scale(0.8); bottom: 10px; }
  .product .expanded-section { padding-bottom: 15px; }
  .product .split-callouts.together .split { display: block; }
  .product .split-callouts.together .split > :nth-child(1), .product .split-callouts.together .split > :nth-child(2) { width: auto; }
  .product .split-callouts.together .split .img-wrap { margin: 0 0 25px; padding: 0 !important; text-align: center; }
  .product .split-callouts.together .split .split-img { position: static; transform: none; }
  .product .figure-callouts .anchored-ctas { padding: 0; position: static; }
  .product .figure-callouts .anchored-ctas .anchored-btns { position: static; }
  .product .interactive-section .figure:first-of-type p { font-size: 1.2em; }
  .product .interactive-section figcaption { padding: 0 25px !important; max-width: none; }
  .product .compare-chart-section .compare-chart { padding: 0 10px 50px; }
  .product .compare-chart-section table { font-size: 14px; table-layout: auto; }
  .product .compare-chart-section .header p { margin: 20px 0 10px; }
  .product .compare-chart-section .robot-compare-select { display: block; }
  .product .compare-chart-section .col-1 .robot:nth-last-child(1), .product .compare-chart-section .col-1 .feature-status:nth-last-child(1) { display: table-cell; }
  .product .compare-chart-section .col-2 .robot:nth-last-child(2), .product .compare-chart-section .col-2 .feature-status:nth-last-child(2) { display: table-cell; }
  .product .compare-chart-section .col-3 .robot:nth-last-child(3), .product .compare-chart-section .col-3 .feature-status:nth-last-child(3) { display: table-cell; }
  .product .compare-chart-section .col-4 .robot:nth-last-child(4), .product .compare-chart-section .col-4 .feature-status:nth-last-child(4) { display: table-cell; }
  .product .compare-chart-section .col-5 .robot:nth-last-child(5), .product .compare-chart-section .col-5 .feature-status:nth-last-child(5) { display: table-cell; }
  .product .compare-chart-section .col-6 .robot:nth-last-child(6), .product .compare-chart-section .col-6 .feature-status:nth-last-child(6) { display: table-cell; }
  .product .compare-chart-section .col-7 .robot:nth-last-child(7), .product .compare-chart-section .col-7 .feature-status:nth-last-child(7) { display: table-cell; }
  .product .compare-chart-section .col-8 .robot:nth-last-child(8), .product .compare-chart-section .col-8 .feature-status:nth-last-child(8) { display: table-cell; }
  .product .compare-chart-section .col-9 .robot:nth-last-child(9), .product .compare-chart-section .col-9 .feature-status:nth-last-child(9) { display: table-cell; }
  .product .compare-chart-section .col-10 .robot:nth-last-child(10), .product .compare-chart-section .col-10 .feature-status:nth-last-child(10) { display: table-cell; }
  .product .compare-chart-section th, .product .compare-chart-section td { display: none; }
  .product .compare-chart-section td { color: #000; }
  .product .compare-chart-section thead .feature, .product .compare-chart-section tbody .feature { display: table-cell; }
  .product .compare-chart-section thead .feature { font-size: 16px; width: auto; }
  .product .compare-chart-section tbody .feature { cursor: auto; }
  .product .compare-chart-section .btn { font-size: 14px; line-height: 18px; padding: 6px; }
  .product .compare-chart-section .title { background: none !important; font-size: 14px; font-weight: 500; padding: 0; }
  .product .compare-chart-section .tooltip { display: block; font-size: 12px; }
  .product .compare-chart-section .true.sym { height: 14px; width: 14px; }
  .product .compare-chart-section .disclaimers { font-size: 10px; }
  .product .static-two-col-section .lockup { margin: 1.6em 0 1.6em auto; }
  .product .static-two-col-section .content-wrap { display: block; }
  .product .static-two-col-section .content-wrap > :nth-child(1), .product .static-two-col-section .content-wrap > :nth-child(2) { width: auto; }
  .product .static-two-col-section .accordion-anchor { top: 0; }
  .product .static-img-section.mobile-scroll { overflow: auto; }
  .product .static-img-section.mobile-scroll img { max-width: none; width: auto; }
  .product .callouts { display: block; }
  .product .callout.third { width: auto; }
  .product .callout.third + .third { border-top: 1px solid #fff; }
  .product .callout.third + .third::after { content: none; }
  .product .callout.half { width: auto; }
  .product .img-wrap { text-align: center; }
  .product .robot-grid-section .grid-item { width: 32.333%; } }
@media (max-width: 767px) and (min-width: 568px) { .product .figure-callouts .bg .description, .product .split-callouts .bg .description, .product .figure-callouts .bg .body p, .product .split-callouts .bg .body p { font-size: 1.8em; margin: 0 auto 25px; }
  .product .figure-callouts .callout:not(.bg) { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; border: 0; float: none; padding: 0 !important; text-align: left; width: auto; }
  .product .figure-callouts .callout:not(.bg) > :nth-child(1) { width: 50%; }
  .product .figure-callouts .callout:not(.bg) > :nth-child(2) { width: 50%; }
  .product .figure-callouts .callout:not(.bg) + .callout { border-top: 1px solid #ebebeb; padding: 20px 0 0 !important; margin: 20px 0 0; }
  .product .figure-callouts .callout:not(.bg):nth-child(2n) .img-wrap { -ms-flex-order: 1; order: 1; padding: 0 0 0 10px; }
  .product .figure-callouts .callout:not(.bg).split .body { padding: 0; }
  .product .figure-callouts .callout:not(.bg) .content { box-sizing: border-box; padding: 0 25px !important; }
  .product .figure-callouts .callout:not(.bg) .img-wrap { box-sizing: border-box; padding: 0 10px 0 0; }
  .product .figure-callouts .callout:not(.bg) .header h2 { font-size: 1.2em; font-weight: bold; }
  .product .figure-callouts .video.bg .play-button { top: 75%; }
  .product .figure-callouts .section-title { border-top: 0; }
  .product .split-callouts .split .header, .product .split-callouts .split .body { padding: 0 25px; width: auto; }
  .product .text-carousel .slideContent { padding: 70px 50px 100px; } }
@media (max-width: 567px) { .product .figure-callouts .video.bg .img-wrap, .product .split-callouts .video.bg .img-wrap { padding: 40%; }
  .product .figure-callouts .video.bg .play-button, .product .split-callouts .video.bg .play-button { transform: translate(-50%, -50%) scale(0.5); top: 75%; }
  .product .figure-callouts .video.bg .description, .product .split-callouts .video.bg .description, .product .figure-callouts .video.bg .body p, .product .split-callouts .video.bg .body p { font-size: 1.5em; }
  .product .figure-callouts .callout:not(.bg) { border: 0; float: none; padding: 0 15px; width: auto; }
  .product .figure-callouts .callout:not(.bg) + .callout { border-top: 0; margin-top: 15px; padding: 20px 15px 0; }
  .product .figure-callouts .callout:not(.bg).split { display: block; margin: 20px 0 0; }
  .product .figure-callouts .callout:not(.bg).split .img-wrap, .product .figure-callouts .callout:not(.bg).split .content { display: block; width: auto; }
  .product .figure-callouts .callout:not(.bg).split .body { padding: 0; }
  .product .figure-callouts .callout:not(.bg) .img-wrap { margin: 0 0 15px; overflow: hidden; padding: 50% !important; position: relative; }
  .product .figure-callouts .callout:not(.bg) .fig-img { bottom: auto; left: 50%; position: absolute; right: auto; transform: translate(-50%, -50%); top: 50%; width: 100%; }
  .product .figure-callouts .callout:not(.bg) .content { padding: 0 !important; }
  .product .figure-callouts .callout:not(.bg) .header h2 { font-size: 1.2em; font-weight: bold; }
  .product .figure-callouts .section-title { border-top: 0; }
  .product .split-callouts .callout + .callout { border: 0; margin: 15px 0 0; }
  .product .split-callouts .split { display: block; padding: 0 15px; }
  .product .split-callouts .split > :nth-child(1), .product .split-callouts .split > :nth-child(2) { width: auto; }
  .product .split-callouts .split .img-wrap { margin: 0 0 15px; overflow: hidden; padding: 50% !important; position: relative; }
  .product .split-callouts .split .split-img { width: 100%; bottom: auto; left: 50%; position: absolute; right: auto; transform: translate(-50%, -50%); top: 50%; }
  .product .split-callouts .split .header, .product .split-callouts .split .body { padding: 0; width: auto; }
  .product .split-callouts .body .tooltip-wrapper { position: relative; text-align: center; }
  .product .split-callouts .body .tooltip-trigger { position: static; }
  .product .split-callouts .body .tooltip { left: 50%; margin: 10px 0 0 !important; min-width: 270px; text-align: left; top: 100%; transform: translate(-50%, 0); }
  .product .split-callouts .body .tooltip::before { border-bottom-color: #1aa2dc; border-right-color: transparent; left: 50%; top: -20px; transform: translate(-50%, 0); }
  .product .interactive-section .header { padding: 0; }
  .product .interactive-section .header .title { font-size: 1.47em; }
  .product .interactive-section .figure-link { transform: translate(-50%, -50%) scale(0.75); }
  .product .text-carousel .slideContent { padding: 50px 50px 50px; }
  .product .text-carousel .slideContent::before, .product .text-carousel .slideContent::after { font-size: 60px; line-height: 30px; }
  .product .text-carousel .slideContent .quote { font-size: 1em; }
  .product .text-carousel .pager { bottom: 25px; }
  .product .compare-chart-section .header p { padding: 0 25px; }
  .product .compare-chart-section .header p:first-child { font-size: 1.47em; }
  .product .compare-chart-section .robot-compare-select { display: block; text-align: center; }
  .product .compare-chart-section .model-checkbox { -ms-flex: 1 0 50%; flex: 1 0 50%; }
  .product .featured-callouts { padding: 30px 0; }
  .product .featured-callouts .callouts { padding-bottom: 30px; }
  .product .featured-callouts .callouts::after { content: none; }
  .product .featured-callouts .callout { display: block; width: auto; }
  .product .featured-callouts .callout + .callout { margin-top: 50px; }
  .product .featured-callouts .title { font-size: 20px; margin: 0 0 15px; }
  .product .featured-callouts .title span::before, .product .featured-callouts .title span::after { width: 45px; }
  .product .featured-callouts .title span::before { left: -60px; }
  .product .featured-callouts .title span::after { right: -60px; }
  .product .featured-callouts .content { text-align: center; }
  .product .featured-callouts .heading { font-size: 16px; margin-bottom: 10px; }
  .product .featured-callouts .description, .product .featured-callouts .body p { font-size: 16px; margin-bottom: 15px; }
  .product .featured-callouts .btn { position: static; }
  .product .robot-grid-section .grid-item { width: 49%; } }
@media (max-width: 400px) { .product .figure-callouts .content, .product .split-callouts .content { text-align: left !important; }
  .product .figure-callouts .video.bg .content, .product .split-callouts .video.bg .content { text-align: center !important; top: 13%; }
  .product .figure-callouts .video.bg .description, .product .split-callouts .video.bg .description, .product .figure-callouts .video.bg .body p, .product .split-callouts .video.bg .body p { font-size: 1.25em; margin: 0 auto 25px; }
  .product .figure-callouts .section-title { font-size: 1.5em; padding: 25px; }
  .product .compare-chart-section { overflow: auto; }
  .product .compare-chart-section table { font-size: 12px; margin: 0 auto 15px; }
  .product .compare-chart-section th, .product .compare-chart-section td { box-sizing: border-box; min-width: 0 !important; }
  .product .compare-chart-section thead .feature, .product .compare-chart-section tbody .feature { padding: 10px 5px; }
  .product .compare-chart-section .feature-status { padding: 0; }
  .product .compare-chart-section .name { font-size: 0.8em; }
  .product .compare-chart-section .price { font-size: 0.75em; }
  .product .robot-grid-section .grid-item { margin: 0 0 3em; width: 100%; } }
@media (max-width: 390px) { .product .braava-jet-overview .lockup { max-width: none; width: 100%; } }
.product .br-374-down, .product .br-375-to-413, .product .br-414-to-767, .product .br-768-to-1023, .product .br-1024-up { display: none; }

@media (min-width: 1024px) { .product .br-1024-up { display: inline; } }
@media (min-width: 768px) and (max-width: 1023px) { .product .br-768-to-1023 { display: inline; } }
@media (min-width: 414px) and (max-width: 767px) { .product .br-414-to-767 { display: inline; } }
@media (min-width: 375px) and (max-width: 413px) { .product .br-375-to-413 { display: inline; } }
@media (max-width: 374px) { .product .br-374-down { display: inline; } }
.quiz iframe { width: 100%; height: 595px !important; border: none; position: static; opacity: 1; }

@media (max-width: 757px) { .quiz iframe { height: 402px !important; } }
.routing html { overflow: visible !important; }

.routing .btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; border-radius: 2px; display: inline-block; font-family: inherit; font-size: 17px; font-weight: 400; line-height: 21px; padding: 6px 11px; text-decoration: none; }

.routing .btn.play::after { content: '\00A0\00A0\25BA'; font-size: 0.75em; }

.routing .btn:disabled, .routing .btn:disabled:hover { background: #f7f7f7; border-color: #ebebeb; color: #666; }

.routing .pri-btn, .routing .sec-btn, .routing .ter-btn, .routing .qua-btn, .routing .shdw-btn { transition-duration: 300ms; transition-property: background, border-color, color; }

.routing .pri-btn { background: #64a70b; border-color: #64a70b; color: #fff; }

.routing .pri-btn:hover { background: #579802; border-color: #579802; }

.routing .sec-btn { background: #fff; border-color: #64a70b; color: #64a70b; }

.routing .sec-btn:hover { background: #579802; border-color: #579802; color: #fff; }

.routing .ter-btn { background: #1aa2dc; border-color: #1aa2dc; color: #fff; }

.routing .ter-btn:hover { background: #1a92c5; border-color: #1a92c5; }

.routing .qua-btn { background: #fff; border-color: #1aa2dc; color: #1aa2dc; }

.routing .qua-btn:hover { background: #1a92c5; border-color: #1a92c5; color: #fff; }

.routing .shdw-btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255, 255, 255, 0.33); border-color: #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33) !important; }

.routing .shdw-btn:hover { background: rgba(255, 255, 255, 0.55); }

.routing .play-btn::after { content: '\A0\A0\25BA'; font-size: 0.75em; }

.routing .lg-btn { padding: 10px 20px; }

.routing .btn-twitter { height: 35px; background: #79d4ea; color: #fff; transition: background 300ms; }

.routing .btn-twitter:hover { background: #1da1f2; }

.routing .btn.buy_btn, .routing .btn.greenBtn, .routing .scfSubmitButton { background-color: #64a70b; border-color: #64a70b; color: #fff; }

.routing .btn.buy_btn:hover, .routing .btn.greenBtn:hover, .routing .scfSubmitButton:hover { background-color: #579802; border-color: #579802; }

.routing .img-text-pair h1 { color: #1aa2dc; font-size: 1.6em; line-height: 1.1; margin: 0 0 0.5em; }

.routing .page-content { border-top: 2px solid #ebebeb; font-size: 1.78571429vw; padding: 25px 0 0; overflow: hidden; }

.routing .header { padding: 0; }

.routing .img-wrap img { background: #f3f3f3; }

.routing .product-cols-section { overflow: hidden; }

.routing .product-cols-section .product-cols { -ms-flex-align: stretch; align-items: stretch; display: -ms-flexbox; display: flex; }

.routing .product-cols-section .product-cols > :nth-child(1) { width: 50%; }

.routing .product-cols-section .product-cols > :nth-child(2) { width: 50%; }

.routing .product-cols-section .product-col { position: relative; }

.routing .product-cols-section .product-col:first-child::after { background: #ebebeb; content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 1px; }

.routing .product-cols-section .img-callout { color: #fff; overflow: hidden; position: relative; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); white-space: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* === START HOVER === */ /* --- End Hover Styles --- */ }

.routing .product-cols-section .img-callout::before { background: #000; bottom: 0; content: ''; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity 500ms; z-index: 1; }

.routing .product-cols-section .img-callout .content { left: 50%; position: absolute; text-align: center; bottom: 15%; transform: translate(-50%, 0); width: 100%; z-index: 2; }

.routing .product-cols-section .img-callout .body { margin: 0 auto; }

.routing .product-cols-section .img-callout .header { margin: 0 0 1em; }

.routing .product-cols-section .img-callout .title { font-size: 2.2em; font-weight: 500; line-height: 1; margin: 0 0 0.25em; }

.routing .product-cols-section .img-callout .heading { font-size: 1.28em; font-weight: 400; letter-spacing: -0.22px; }

.routing .product-cols-section .img-callout .description { display: none; font-size: 1em; font-weight: 400; margin: 0 0 1em; pointer-events: none; }

.routing .product-cols-section .img-callout .cta { background: rgba(255, 255, 255, 0.33); border: 1px solid #fff; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33); }

.routing .product-cols-section .img-callout .callout-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; }

.ua-ft.hover .routing .product-cols-section .img-callout:hover::before { opacity: 0.25; }

.ua-ft.hover .routing .product-cols-section .img-callout:hover .header { opacity: 0; }

.ua-ft.hover .routing .product-cols-section .img-callout:hover .body { opacity: 1; }

.ua-ft.hover .routing .product-cols-section .img-callout .header, .ua-ft.hover .routing .product-cols-section .img-callout .body { left: 50%; position: absolute; bottom: 15%; transform: translate(-50%, 0); transition: opacity 500ms; }

.ua-ft.hover .routing .product-cols-section .img-callout .header { opacity: 1; padding: 0; }

.ua-ft.hover .routing .product-cols-section .img-callout .body { opacity: 0; width: 75%; }

.ua-ft.hover .routing .product-cols-section .img-callout .description { display: block; }

.routing .product-cols-section .text-col { box-sizing: border-box; padding: 0.8em 3em 1.4em 1.6em; }

.routing .product-cols-section .col-set-1 .product-col { border-top: 1px solid #ebebeb; }

.routing .product-cols-section .col-set-1 .title { font-size: 1.4em; margin: 0 0 0.4em; }

.routing .product-cols-section .col-set-1 .title a { color: inherit; }

.routing .product-cols-section .col-set-1 .body { font-size: 1.2em; }

.routing .product-cols-section .col-set-3 .title { color: #1aa2dc; font-size: 1.2em; margin: 0 0 0.75em; }

.routing .product-cols-section .col-set-3 .heading { font-weight: 500; margin: 0 0 0.5em; }

.routing .product-cols-section .col-set-3 .btn { margin: 25px 0 0; }

.routing .compare-chart-section .header { margin: 30px 0; }

.routing .compare-chart-section .header p { font-size: 0.72em; margin: 0.25em 0; padding: 0 50px; }

.routing .compare-chart-section .header p:first-child { font-size: 1.2em; font-weight: 500; margin: 0.25em 0; }

.routing .compare-chart-section table { border-collapse: collapse; text-align: center; width: 100%; }

.routing .compare-chart-section thead { border-top: 1px solid #ebebeb; font-size: 25px; }

.routing .compare-chart-section thead .feature { border-bottom: 1px solid #bfbfc1; padding: 15px; text-align: left; vertical-align: bottom; width: 310px; }

.routing .compare-chart-section thead .robot { font-weight: 500; padding: 0 0 20px; vertical-align: top; }

.routing .compare-chart-section tbody { font-size: 18px; }

.routing .compare-chart-section tbody .feature { border: 0 solid #bfbfc1; border-width: 0 1px 1px 0; cursor: pointer; font-weight: normal; padding: 15px 15px 15px 0; position: relative; text-align: left; width: 310px; }

.routing .compare-chart-section tbody .feature.active .tooltip { top: 50%; transform: translate(0, -50%); background: #1aa2dc; border-radius: 2px; color: #fff; cursor: auto; display: block; left: 99%; padding: 10px; position: absolute; width: 200px; z-index: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.routing .compare-chart-section tbody .feature.active .tooltip::before { position: absolute; top: 50%; transform: translate(0, -50%); border: 10px solid transparent; border-right-color: #1aa2dc; content: ''; left: -20px; }

.routing .compare-chart-section tbody td { background-color: #effbff; }

.routing .compare-chart-section tbody td.premium { background-color: #dcf4ff; }

.routing .compare-chart-section .robot .img-wrap { display: inline-block; }

.routing .compare-chart-section .robot .robot-img { height: auto; width: 100%; }

.routing .compare-chart-section .robot .name { padding: 0 0 5px; }

.routing .compare-chart-section .robot .price { font-size: 18px; font-weight: normal; padding: 0 0 15px; }

.routing .compare-chart-section .robot .btn { margin: 0 0 7px; vertical-align: middle; }

.routing .compare-chart-section .robot .cta { padding: 0 10px; }

.routing .compare-chart-section .robot + .robot { border-left: 1px solid #ebebeb; }

.routing .compare-chart-section td { border: 0 solid #bfbfc1; border-width: 1px 1px 1px 0; color: #000; font-weight: 500; padding: 15px; width: calc(50% - 155px); }

.routing .compare-chart-section td:last-child { border-right: 0; }

.routing .compare-chart-section .title { background: no-repeat right center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAaVBMVEUAAAAaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotwaotz///+h0e3T6fZzveau1++Tyupit+NOsOE4qd70+f3q9Pvf7vi73fGExOhiSZICAAAAFHRSTlMA+vLstLNZIhZgfsugPcyfez5iPI38WoEAAAEFSURBVDjLjZTtroIwDEA7xmSDAXpvZYD4+f4PaYlm3SaI5wek4YS2rAUCtGkrKYSsWqNhiVoJ9AhVQ0qRY0JexMYuww+yXWiUuEjJxh5X2PssuMo7V5GtK9mr5rCXU9eNU9QXEP8cT+44M4ROTYry0fl2fHFHRgFo/qYdPXXDha4nVoQGw5Ejg8ohpUPGQBsozo10SxQLFSb0pDyQqUBy4Gu+YoAEkSh3ekmPAYIV7mrESEkTXeNaCZmUS+1cMKYBGxfr3JAoFgxuYMIDIKa+9+34AwCVNhQral6O70rNI7Wi5L8O5vZ48xp9Um6v2vbC/rz2zEEJZNQBltDGNvMvqLF/GpgnFrdGEevProQAAAAASUVORK5CYII=); background-size: 17px 17px; padding: 0 27px 0 0; }

.routing .compare-chart-section .tooltip { display: none; }

.routing .compare-chart-section .false { color: transparent; }

.routing .compare-chart-section .true.sym { background: #888; border-radius: 50%; display: inline-block; font-size: 0; height: 17px; vertical-align: middle; white-space: nowrap; width: 17px; }

.routing .compare-chart-section .disclaimers { color: #939598; font-size: 10px; line-height: 14px; padding: 25px 0; }

.routing .compare-chart-section .disclaimers ul { padding: 0; }

.routing .compare-chart-section .disclaimers li { list-style: none; }

.routing .disclaimer-callouts { color: #939598; font-size: 10px; line-height: 14px; padding: 25px 0; }

.routing .disclaimer-callouts ul { padding: 0; }

.routing .disclaimer-callouts li { list-style: none; }

@media (min-width: 1400px) { .routing .page-content { font-size: 25px; } }
@media (max-width: 952px) { .routing .page-content { font-size: 2.14285714vw; } }
@media (max-width: 767px) { .routing .mobile-hide { display: none !important; }
  .routing .page-content { font-size: 17px; }
  .routing .product-cols-section .product-cols { padding: 0; }
  .routing .product-cols-section .text-col { padding: 15px; }
  .routing .product-cols-section .col-set-1 .title { font-size: 1.41176471em; }
  .routing .product-cols-section .col-set-1 .body { font-size: 0.94117647em; }
  .routing .product-cols-section .col-set-3 .title, .routing .product-cols-section .col-set-3 .heading { font-size: 1.05882353em; }
  .routing .product-cols-section .col-set-3 .body { font-size: 0.94117647em; }
  .routing .compare-chart-section { overflow: auto; }
  .routing .compare-chart-section thead, .routing .compare-chart-section tbody { font-size: 16px; }
  .routing .compare-chart-section th, .routing .compare-chart-section td { width: 33%; }
  .routing .compare-chart-section th:first-child, .routing .compare-chart-section td:first-child { cursor: auto; width: 33%; }
  .routing .compare-chart-section thead th { position: relative; }
  .routing .compare-chart-section .robot { position: relative; }
  .routing .compare-chart-section .robot .name { padding: 0 0 10px; }
  .routing .compare-chart-section .robot .price { font-size: 14px; padding: 0 0 40px; }
  .routing .compare-chart-section .robot .cta { bottom: 20px; left: 0; position: absolute; right: 0; }
  .routing .compare-chart-section .robot .btn { margin: 0; }
  .routing .compare-chart-section .title { background: none !important; font-weight: 500; padding: 0; }
  .routing .compare-chart-section .tooltip { display: block; font-size: 12px; }
  @-moz-document url-prefix() { .routing .compare-chart-section thead th:first-child { border-bottom: 3px solid #bfbfc1; } } }
@media (max-width: 567px) { .routing .compare-chart-section thead, .routing .compare-chart-section tbody { font-size: 14px; }
  .routing .compare-chart-section tbody th, .routing .compare-chart-section td { padding: 10px; }
  .routing .compare-chart-section .btn { font-size: 14px; line-height: 18px; padding: 6px; } }
/* ===== SEARCH RESULTS PAGE ===== */
.search__title { border-bottom: 1px solid #ebebeb; font-size: 1.875em !important; font-weight: 400; margin: 0 auto 0.75em !important; max-width: 27.4em; padding: 0 0 0.5em; text-align: center; }

.search__title-query { font-weight: 500; }

.search__options { display: -ms-flexbox; display: flex; margin: auto; max-width: 60em; }

.search__engines { -ms-flex-positive: 1; flex-grow: 1; }

.search__engines-list { display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; }

.search__engine { font-size: 1.125em; font-weight: 500; }

.search__engine::after { content: '|'; margin: 0 10px; }

.search__engine:last-child::after { content: none; }

.search__results-per-page { font-size: 1.125em; }

.search__results-per-page select { -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDE1IDgiPjxwYXRoIGZpbGxSdWxlPSJldmVub2RkIiBkPSJNIDE0LjkzIDAuMkMgMTQuOTMgMC4yIDcuMzQgNy43OCA3LjM0IDcuNzggNy4zNCA3Ljc4LTAuMjUgMC4yLTAuMjUgMC4yLTAuMjUgMC4yIDE0LjkzIDAuMiAxNC45MyAwLjJaIiBmaWxsPSJyZ2IoMjUsMjUsMjUpIi8+PC9zdmc+); background-repeat: no-repeat; background-position: center right 10px; background-size: 10px 10px; font-size: 14px; line-height: 26px; margin: 0 0 0 5px; padding: 0px 30px 0px 10px; }

.search__results { margin: 60px auto 40px; max-width: 51.5em; }

.search__result { border-bottom: 1px solid #ebebeb; display: -ms-flexbox; display: flex; margin: 0 0 30px; padding: 0 0 30px; }

.search__result:last-child { border-bottom: 0; padding: 0; }

.search__result-img { margin: 0 30px 0 0; max-width: 80px; max-height: 80px; vertical-align: middle; }

.search__result-title { font-size: 1.25em; font-weight: 400; line-height: 1.1; margin: 0 0 0.5em !important; }

.search__result-description { font-size: 1.125em; line-height: 1.2; margin: 0; }

.search__pager { margin: auto; max-width: 51.5em; }

.search__page-link { font-size: 1.5em; }

.search__page-link + .search__page-link { margin: 0 0 0 0.25em; }

.search__page-link--current-page { color: #000; font-weight: 500; }

.search__results-not-found { margin: 3.75em auto; max-width: 32.5em; }

.search__results-not-found h2 { font-size: 1.25em; margin: 0 0 1em; }

.search__results-not-found ul { padding: 0 0 0 1.25em; }

.search__results-not-found li { font-size: 1.125em; margin: 0 0 1em; }

.search__results-not-found input[type=text] { border: 1px solid #ebebeb; border-radius: 2px; box-sizing: border-box; height: 35px; font-size: 17px; line-height: 21px; padding: 7px 11px; width: 220px; }

.square-youtube-video { position: relative; }

.square-youtube-video.show-video { height: 320px; width: 475px; }

.square-youtube-video.show-video .split-img { display: none; }

.square-youtube-video.show-video iframe { display: block; }

.square-youtube-video.show-video .play-btn { display: none; }

.square-youtube-video .split-img { max-width: none; position: relative; z-index: 0; }

.square-youtube-video iframe { background: #000; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }

.square-youtube-video .play-btn { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }

.square-youtube-video .play-btn:before { background: #fff; border-radius: 50%; content: ''; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: 0.75; position: absolute; top: 50%; width: 60px; z-index: 2; }

.square-youtube-video .play-btn:after { border: 0 solid transparent; border-left-color: #757272; border-width: 15px; content: ''; left: 50%; margin: -15px 0 0 -5px; opacity: 0.75; position: absolute; top: 50%; z-index: 2; }

@media (max-width: 767px) { .square-youtube-video .split-img { width: 100%; } }
.stem .flex-30 { padding-right: 35px; }

.stem .flex-30 .btn { width: 80%; }

.stem .flex-30:nth-last-child(1) { padding-right: 0; }

@media (max-width: 756px) { .stem .flex-30 { padding-right: 0; }
  .stem .flex-30 .anchored-btns { text-align: left; }
  .stem .flex-30 .anchored-btns .btn { text-align: center; } }
.stem-projects ul { list-style: none; }

.stem-projects .anchored-btns { text-align: center; }

.stem-projects .anchored-btns .greenBtn { width: 80%; margin: auto; }

.stem-projects .padding-top { padding-top: 0px; margin-top: 55px; }

.stem-projects .padding-bottom { padding-bottom: 0px; margin-bottom: 55px; }

.create .create-intro { font-size: 20px; margin: auto; max-width: 800px; padding: 0 15px; }

.create .img-text-pair-section .img-text-pair { -ms-flex-align: normal; align-items: normal; }

.create .section_title { font-size: 27px; font-weight: 500; margin: 25px 0; text-align: center; }

.create .section_title span, .create .section_title div { vertical-align: middle; }

.create .title_divider { background: #000; height: 75px; margin: 0 20px; width: 1px; }

.create .title_feature, .create .title_divider, .create .section_title_right { display: inline-block; vertical-align: middle; }

.create .section_title_right { font-weight: 400; }

.create .largeIcon { margin: 25px auto; max-width: 1180px; padding: 0 15px; }

.create .largeIcon .plus { font-size: 100px; font-weight: 700; padding: 0 20px; display: table-cell; text-align: center; vertical-align: middle; }

.create .largeIcon .icon { display: table-cell; text-align: center; vertical-align: middle; }

.create .largeIcon .icons { display: table; width: 100%; }

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

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

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

.text-block + .text-block { padding: 2.4em 0 0 0; }

.text-block h1 { font-size: 26px; }

.text-block h2 { font-size: 24px; font-weight: 500; line-height: 1.15; margin: 0 0 0.2em; }

.text-block h3 { font-size: 30px; font-weight: 500; margin: 0 0 0.3em; }

.roomba-green-text { color: #64a70b; }

.btn-wrap { margin: 1em 0 -13px; }

.standard-margin .text-block p { margin-top: 1em; margin-bottom: 1em; }

.commercial .text-block p { font-size: 20px; }

.commercial .text-block li { font-size: 20px; text-align: left; }

.commercial .text-block h3 { font-size: 27px; font-weight: 400; }

.ventures h3 { font-size: 18px; }

.opp .text-block .push-left { padding-left: 140px; }

.opp .text-block .feature--tertiary__intro { font-weight: 500; }

@media (min-width: 1024px) { .opp .text-block .feature--tertiary__intro { font-size: 30px; line-height: 1.1; width: 68%; } }
.meet-the-family { padding: 45px 15px; }

.meet-the-family li { line-height: normal; list-style: none; margin: 0 0 1em; padding: 0 0 0 1.15em; position: relative; }

.meet-the-family .robots { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 40px auto 0; max-width: 800px; text-align: center; }

.meet-the-family .robot { padding: 0 25px; }

.meet-the-family .robot::before { content: none; }

.meet-the-family .robots a { color: inherit; }

.meet-the-family .robots .img-wrap { height: 146px; margin: auto; position: relative; width: 143px; }

.meet-the-family .robots img { height: auto; left: 0; max-width: 100%; position: absolute; top: 0; transition: transform 0.25s; }

.meet-the-family .robots .robot-img { z-index: 1; }

.meet-the-family .robots .shadow-img { z-index: 0; }

.meet-the-family .robot-details-link a { display: inline-block; margin: 1rem 0 0; }

/* mobile */
@media only screen and (max-width: 47.999em) { .secondary-nav.nav-list .image-dropdown a { display: block; padding: 12px 16px 13px 38px; background-image: none !important; }
  .utility-nav { display: flex; flex-wrap: wrap; }
  .utility-nav .country-nav .nav-link--lvl1, .utility-nav .country-nav .nav-link--lvl2, .utility-nav .country-nav.active .nav-link--lvl1, .utility-nav .country-nav.active .nav-link--lvl2 { padding: 0 10px; }
  .utility-nav .nav-item--lvl1 { flex-basis: 100%; width: 100%; }
  .utility-nav .nav-item--lvl1.country-nav { order: 1; }
  .utility-nav .nav-item--lvl1.help { border-top: 1px solid #e3e3e3; order: 3; }
  .utility-nav .nav-item--lvl1.help .nav-link--lvl1 { padding: 0px 15px 0px 35px; }
  .utility-nav .nav-item--lvl1.my-account { order: 2; }
  .utility-nav .nav-item--lvl1.my-account .nav-link--lvl1, .utility-nav .nav-item--lvl1.my-account .nav-link--lvl2 { padding-top: 3px; padding-bottom: 3px; }
  .utility-nav .country-nav.active .nav-link--lvl1, .utility-nav .country-nav.active .nav-link--lvl2 { margin-bottom: .5rem; }
  .utility-nav .country-nav.active .nav-link--lvl1 { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSA2IiBpZD0iY2hldi1zbSI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUuNSAzKSIgZD0iTTEuNzQgNS42MmwtLjgzLS44M0w1LjU4LjE3IDYuNCAxIDEuNzQgNS42Mk00Ljc2IDFsLjgyLS44MyA0LjY3IDQuNjItLjgyLjgzTDQuNzYgMU02LjQgMUw1LjU4LjE3IDQuNzYgMWwuODItLjgzLjgyLjgzeiIvPjwvc3ZnPg=="); background-position: right 15px center; background-repeat: no-repeat; background-size: 20px 11px; cursor: pointer; position: relative; } }