/* cache-buster */
html { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; }
body { font-family:'OpenSans',sans-serif; position:relative}
h1,.h1,h2,.h2 { font-family:"Gotham-Medium",sans-serif; font-weight:normal; color:#444647}
.h1,h1 { font-size:42px }
.h2,h2 { font-size:27px; line-height:1.25; }
h3 { font-size:22px; font-weight:700; line-height:30px; color:#444647}
h4 { font-size:22px; line-height:30px; font-weight:700; color:#B8B9BB}
h5 { font-size:14px; color:#444647; font-weight:700; line-height:21px; text-transform:uppercase}
h6 { font-size:14px; line-height:21px; font-weight:700; text-transform:uppercase; color:#B8B9BB}
a:hover { color:#00AEC7; text-decoration:none }
hr { border-top-color:#DBDCDD }
.btn-default { border-radius: 3px; background-color:#00AEC7; border:none; text-shadow:none; color:#fff; font-size:14px; height:50px; margin-top:12px; padding-left:37px; padding-right:37px; transition:all .2s ease; background-clip:padding-box; background-repeat:no-repeat; background-image:none; }
.btn-default:active,
.btn-default:focus,
.btn-default:hover { background-color:#33BED2; color:#fff }
.btn-default:active,
.btn-default:focus { background-color:#008395 }
.btn-default.full-btn { width:100%; padding-left:15px; padding-right:15px }
.btn-default.full-btn i { float:left }
.btn-default.btn-cart { margin-top:10px; line-height:50px; display:block; text-align:center}
.btn-default.btn-cart svg { float:left; position:relative; top:13px}
.btn-default.btn-transparent { background:0 0; border:1px solid #00AEC7; color:#00AEC7; padding:7px 10px 9px; height:auto}
.btn-default.btn-transparent svg { margin-right:10px; position:relative; top:3px}
.btn-default.btn-transparent svg #compare-icon { transition:all .2s ease}
.btn-default.btn-transparent:active,.btn-default.btn-transparent:focus,.btn-default.btn-transparent:hover { border:1px solid #33BED2; color:#33BED2}
.btn-default.btn-transparent:active #compare-icon,.btn-default.btn-transparent:focus #compare-icon,.btn-default.btn-transparent:hover #compare-icon { fill:#33BED2!important}
.btn-default.lead-btn { padding:0 0 0 15px; height:auto; margin-top:20px }
.btn-default.lead-btn span { display: inline-block; padding: .5em 1.2em .5em .2em; }
.btn-default.lead-btn span:after { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: .75em; }
.btn-default.lead-btn.head-btn { padding-top:5px; padding-bottom:5px }
.btn-default.orange-btn { background-color:#FF8200}
.btn-default.orange-btn:hover { background-color:#FF9B33}
.btn-default.grey-btn { background-color:#B8B9BB}
.btn-default.grey-btn:hover { background-color:#A0A2A4}
.btn-default.disabled-btn { background-color:#A0A2A4}
.btn-default.disabled-btn:hover { background-color:#A0A2A4}
.breadcrumbs { font-size:11px; color:#00AEC7; font-weight:400; }
.breadcrumbs ul { margin: 0; padding: 1rem 0; }
.breadcrumbs ul li { padding: 0; }
.breadcrumbs strong { font-weight:400}
.breadcrumbs a { color:#B8B9BB}
.breadcrumbs a:hover { color:#00AEC7}
.breadcrumbs a:active,.breadcrumbs a:focus,.breadcrumbs a:visited { text-decoration:none}
.breadcrumbs .breadcrumbs-split { margin: 0 6px; font-size:11px; color:#B8B9BB}
@media only screen and (max-width:991px) {
.breadcrumbs { display:none}
}
#notice-cookie-block { position:fixed; bottom:0; left:0; right:0; z-index:99; border-top:1px solid #EDEDEE}
#notice-cookie-block .notice-inner { background-color:#fff; padding-top:15px; padding-bottom:15px}
#notice-cookie-block .actions { display:block; text-align:center}
#notice-cookie-block .actions button { border-radius:0; background-clip:padding-box; background-repeat:no-repeat; background-image:none; background-color:#00AEC7; border:none; text-shadow:none; color:#fff; font-size:14px; height:30px; margin-top:0; padding-left:37px; padding-right:37px; transition:all .2s ease}
.catalog-product-view .price-from { display:none}
.gray-bar { background-color:#444647; height:35px}
.gray-bar a { color:#fff; text-transform:uppercase; font-size:11px; font-weight:700; }
.gray-bar a:focus,.gray-bar a:hover { text-decoration:none}
.gray-bar .back-to-moto { display:inline-block; height:35px}
.gray-bar .compare-link:hover,.gray-bar .mini-cart:hover { background-color:#242627}
.gray-bar .back-to-moto { display:inline-block; height:35px; float:left; padding-top:10px; padding-left:15px; padding-right:15px; color:#B8B9BB; font-weight:400; text-transform:none; border-right:1px solid #66686A}
.gray-bar .back-to-moto:hover { background-color:#242627; color:#fff}
.header .shipping-alert { border-radius:0; background-clip:padding-box; height:30px; color:#fff; font-size:11px; font-weight:300; line-height:30px; text-align:center; margin-bottom:0; margin-top:0; padding:0; background:#F4364C; border:none; text-shadow:none; box-shadow:none}
.header .shipping-alert .close { right:10px; top:5px; color:#7A1B26; text-shadow:none; zoom:1; opacity:1; cursor:pointer}
.nav-wrapper { border-bottom:1px solid #EDEDEE}
.nav > li > a { padding:10px 9px}
@media only screen and (min-width:1200px) {
.nav > li > a { padding:10px 13px}
}
nav { height:72px }
nav .logo { display:inline-block; float:left; margin-right:15px; }
nav .motorola-icon { fill: rgb(70,200,225); height:48px; margin-top:13px; }
nav .navbar-default { background-image:none; background-color:transparent; border:none; border-radius:0; box-shadow:none; position:relative }
nav .navbar-default .navbar-nav>li>a { padding-top:26px; padding-bottom:26px; text-transform:uppercase; font-weight:700; color:#444647; font-size:13px; }
nav .navbar-default .navbar-nav>li>a:hover { color:#00AEC7}
nav .navbar-default .navbar-nav>li.help>a { text-transform:none; font-weight:400; margin-right:100px}
nav .search-area { display:inline-block; }
nav .search-area.desktop { position:absolute; top:0; right:0; height:72px; background-color:#fff; width:60px; transition:width .3s ease; }
nav .search-area.desktop.search-on { width:calc(100% - 70px)}
nav .search-area.desktop #search_mini_form { width:100%; zoom:1; opacity:0; display:none; transition:opacity .5s ease}
nav .search-area.desktop #search_mini_form.search-transition { zoom:1; opacity:1}
nav .search-area.desktop #search_mini_form.search-on { display:inline-block}
nav #search-mini-form-wrapper { display:inline-block; border-left:1px solid #EDEDEE; height:72px; width:100%}
nav #search-toggle { height:72px; display:inline-block; zoom:1; opacity:1; transition:opacity .5s ease}
nav #search-toggle.search-transition { zoom:1; opacity:0}
nav #search-toggle.search-on { display:none}
nav #search-toggle a { display:block; text-align:center; padding:26px 30px}
nav #search-toggle a svg { position:relative; top:3px}
nav #search-toggle a svg g { transition:fill .3s ease}
nav #search-toggle a:hover svg g { fill:#888B8D}
nav #search_mini_form { display:inline-block}
nav #search_mini_form .form-search { display:inline-block; width:100%}
nav #search_mini_form .input-search-wrapper { position:relative; display:inline-block; float:left; min-width:50%}
nav #search_mini_form .input-search-wrapper svg { position:absolute; top:50%; margin-top:-6px; margin-left:25px}
nav #search_mini_form .input-search-wrapper #search { padding-left:70px; padding-top:24px; padding-bottom:23px; border:none; font-size:18px; color:#888B8D; font-weight:300; width:100%}
nav #search_mini_form .input-search-wrapper #search:focus { outline:0; outline:0}
nav #search_mini_form #search-select { float:right}
nav #search_mini_form .search-dropdown { font-size:14px; color:#888B8D; display:block; border-left:1px solid #EDEDEE; padding-top:12px; padding-bottom:12px; padding-left:50px; margin-top:15px; margin-right:50px}
nav #search_mini_form .search-submit { float:right}
nav #search_mini_form #close-search-mini-form { display:inline-block; text-align:center; padding:26px 30px; float:right}
nav #search_mini_form #close-search-mini-form svg { position:relative; top:3px}
.cookie-banner {
position: fixed;
bottom: 0;
width: 100%;
/* background: #00aec7; */
background: rgba(0,0,0,0.9);
color: #fff; }
.cookie-banner .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 1rem 1.5rem 1.25rem 1.5rem; }
.cookie-banner p {
margin-bottom: 0;
width: 70%;
box-sizing: border-box;
font-weight: 700; }
.cookie-banner p a {
text-decoration: underline;
color: #fff; }
.cookie-banner .btn_accept {
padding: 0 2rem;
cursor: pointer;
background: #00aec7;
font-size: 1.625rem;
font-weight: bold;
line-height: 3rem;
/* color: #00aec7; */
color: #fff;}
@media only screen and (max-width:480px) {
.cookie-banner .container {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
padding: 1rem 1.5rem 4rem 1.5rem;
}
.cookie-banner p {
margin-bottom: 1.75rem;
width: 100%;
box-sizing: border-box;
text-align: center;
font-weight: 700; }
.cookie-banner .btn_accept {
padding: 0 2rem;
width: 100%;
cursor: pointer;
background: #00aec7;
font-size: 1.625rem;
font-weight: bold;
text-align: center;
line-height: 3rem;
/* color: #00aec7; */
color: #fff;}
}
.footer-container { background-color:#444647; padding-top: 40px; padding-bottom:70px; font-size:12px; color:#A0A2A4; }
.footer-container .footer-copy-info { margin-bottom:12px; }
.footer-container .footer-copy-info .mtrlc-llc { width: 40%;}
.footer-container .block-title { color:#fff; font-weight:700; margin-bottom:12px}
.footer-container a { color:rgba(255,255,255,.8); }
.footer-container a:hover { color:rgba(255,255,255,.95); text-decoration: underline; }
.footer-container li { margin-top:12px; margin-bottom:12px}
@media only screen and (max-width:991px) {
.footer-container .footer-copy-info { margin-top:20px }
.footer-container .footer-copy-info .block-content { text-align: center; max-width: 450px; margin: 0 auto; }
}
.item { position:relative; margin-bottom:30px}
.item:hover .item-area { border-color:#DBDCDD}
.item:hover .actions { zoom:1; opacity:1}
.item-area { display:block; border:1px solid #EDEDEE; border-radius:0; background-clip:padding-box; padding:20px}
.item-area:focus,.item-area:hover,.item-area:visited { text-decoration:none}
.item-area .product-image-area { text-align:center}
.item-area .product-image-area .product-image { width:100%; max-width:240px; height:222px; display:inline-block}
.item-area .details-area { text-align:center}
@media only screen and (min-width:992px) {
.item-area .details-area { min-height:80px}
}
.item-area .details-area h5.product-name { margin:0; font-size:16px; color:#444647; font-weight:700; line-height:24px; text-transform:none}
.item-area .details-area .price-box,.item-area .details-area .price-from { display:inline-block; font-size:12px; color:#B8B9BB}
.item-area .details-area .special-price { margin-bottom:0; color:red; font-size:18px}
.item-area .details-area .old-price { text-decoration:line-through}
.item-area .sale-product-icon { background:red; display:none; position:absolute; color:#fff; top:0; text-transform:uppercase; right:21px; padding:10px}
@media only screen and (min-width:992px) {
.item-area .sale-product-icon { right:16px}
}
@media only screen and (min-width:1200px) {
.item-area .sale-product-icon { padding:10px 20px}
}
.hero-item .product-image-area .product-image { max-width:540px; height:601px}
body.powered-by-in { overflow:hidden}
body>.outer-wrap { position:relative; right:0; transition:all .2s ease}
body>.outer-wrap.in { right:320px}
.product-view { overflow:hidden }
.product-view .product-essential { padding-bottom:120px }
.product-view .product-essential .mobile-title .h1,
.product-view .product-essential .mobile-title h1 { font-size:30px; line-height:36px; text-transform:none; margin-top:5px}
.product-view .product-essential .price-from { display:none}
.product-view .product-essential .product-img-box #prod-slider { height:480px}
.product-view .product-essential .product-img-box #prod-slider .slides .slide { height:480px; width:480px}
.product-view .product-essential .product-img-box #prod-slider .slides img { width:auto}
.product-view .product-essential .product-img-box #prod-slider .slides img.base { width:100%; display:none}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next,
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev { z-index:101; zoom:1; opacity:1}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next:before,
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev:before { content:''; display:block; height:40px; width:30px}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next:active,
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next:focus,
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev:active,
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev:focus { outline:0; outline:0}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next { right:-50px!important}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next:before { background:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-right.svg) no-repeat center}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-next:hover:before { background-image:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-right-hover.svg)}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev { left:-50px!important}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev:before { background:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-left.svg) no-repeat center}
.product-view .product-essential .product-img-box #prod-slider .flex-direction-nav .flex-prev:hover:before { background-image:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-left-hover.svg)}
.product-view .product-essential .product-img-box #prod-carousel { margin-bottom: 2rem; }
.product-view .product-essential .product-img-box #prod-carousel .flex-viewport { width:100%; text-align:center}
.product-view .product-essential .product-img-box #prod-carousel .slides { display:inline-block; padding-top:4px; padding-bottom:4px}
.product-view .product-essential .product-img-box #prod-carousel .slide { height:52px; margin-left:10px; margin-right:10px; position:relative; border-radius:0; background-clip:padding-box; }
.product-view .product-essential .product-img-box #prod-carousel .slide:after { content:''; display:block; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border:2px solid #DBDCDD; border-radius:0; background-clip:padding-box}
.product-view .product-essential .product-img-box #prod-carousel .slide.flex-active-slide:after { border-color:#00AEC7}
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-next { right:-50px!important}
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-next:before { color: rgba(0,0,0,0); line-height: 1; background:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-right.svg) no-repeat center; background-size: contain; }
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-next:hover:before { background-image:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-right-hover.svg)}
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-prev { left:-50px!important}
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-prev:before { color: rgba(0,0,0,0); line-height: 1; background:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-left.svg) no-repeat center; background-size: contain; }
.product-view .product-essential .product-img-box #prod-carousel .flex-direction-nav .flex-prev:hover:before { background-image:url(/web/20220206061251im_/https://motorolacable.com/images/icons/caret-left-hover.svg)}
.product-view .product-essential #mobile-prod-slider .slide { zoom:1; opacity:.3; outline:0; outline:0; transition:opacity .3s ease}
.product-view .product-essential #mobile-prod-slider .slide.slick-current { zoom:1; opacity:1}
.product-view .product-essential #mobile-prod-slider .slide img { height:400px; width:auto}
.product-view .product-essential .short-description { font-size:18px; color:#66686A; font-weight:300; margin-bottom:30px; }
.product-view .product-essential .product-shop .product-info .product-pricing { display:none}
.product-view .product-essential .product-shop .product-info .price-box .price { font-size:30px; color:#242627; font-weight: bold; }
.product-view .product-essential .product-shop .product-info .old-price { text-decoration:line-through}
.product-view .product-essential .product-shop .product-info .old-price .price { font-size:12px!important}
.product-view .product-essential .product-shop .product-info .special-price span { color:red!important; font-size:24px}
.product-view .product-essential .product-shop .product-options { margin-bottom:20px}
.product-view .product-essential .product-shop .product-options .required { font-size:11px; color:#B8B9BB; display:none}
.product-view .product-essential .product-shop .product-options dt { margin-top:15px}
.product-view .product-essential .product-shop .product-options dt label.required { font-weight: bold; font-size:14px; color:#242627; display:inline-block}
.product-view .product-essential .product-shop .product-options dt label.required em { margin-right:5px; display:none}
.product-view .product-essential .product-shop .product-options dl { margin-bottom:5px}
.product-view .product-essential .product-shop .product-options .input-box select { -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; background:url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/smartwave/binatone/images/sm-caret-up-down.svg) no-repeat center right; border:1px solid #00AEC7; color:#00AEC7; padding:9px 10px; height:auto; cursor:pointer; font-size:12px; outline:0; outline:0; border-radius:0; background-clip:padding-box}
.product-view .product-essential .product-shop .product-options .input-box select[disabled] { zoom:1; opacity:.3}
.product-view .product-essential .product-shop .product-options .input-box .validation-advice { color:#F4364C; font-size:13px; margin-top:5px; margin-left:10px}
.product-view .product-essential .product-shop .product-options-bottom .price-box { display:none}
.product-view .product-essential .product-shop .ship-text { width:100%; margin-top:15px; text-align:center}
.product-view .product-essential .product-shop .ship-text .inner { font-size:11px; line-height:16px; color:#B8B9BB; text-align:center; display:inline-block; width:100%}
@media only screen and (max-width:991px) {
.product-view .product-essential { padding-bottom:30px}
.product-view .product-essential>.container { width:100%; padding:0}
.product-view .product-essential>.container .prod-view-content { margin-left:0; margin-right:0}
.product-view .product-essential>.container .prod-view-content .product-img-box { padding-left:0; padding-right:0}
.product-view .product-essential .product-shop { padding-left:20px; padding-right:20px}
.product-view .product-essential .short-description { text-align:center}
.product-view .product-essential .short-description ul { text-align:left}
.product-view .product-essential .product-info { text-align:center}
.product-view .product-essential .product-options { text-align:center; margin-bottom:10px}
}
@media only screen and (max-width:480px) {
#mobile-prod-slider .slide img { height:300px!important}
}
.product-features { padding-top:120px; padding-bottom:120px; background-color:#F7F7F7}
.product-features .prod-feat-row { display:flex}
.product-features .prod-feat-row .prod-feat-img-col { align-items:stretch; position:relative}
.product-features .prod-feat-head { margin-bottom:20px}
.product-features .prod-feat-head .h2,.product-features .prod-feat-head h2 { display:inline-block; float:left; margin:0}
.product-features .prod-feat-head a.link-compare { display:inline-block; float:right; margin:0; position:relative; top:-5px}
.product-features .feat-description { font-size:14px; line-height:25px; color:#66686A; }
.product-features .feat-hero h5 { margin-bottom:0}
.product-features .feat-hero-info { color:#A0A2A4; font-size:12px; line-height:21px; margin-bottom:15px}
.product-features .feat-support-info .spec-list-wrapper { margin-bottom:0}
.product-features .feat-support-info li { line-height:36px}
.product-features .feat-support-info a { color:#888B8D; font-weight: bold; font-size:12px; margin-left:15px}
.product-features .feat-support-info a:active,.product-features .feat-support-info a:focus,.product-features .feat-support-info a:hover { color:#00AEC7; outline:0; outline:0; text-decoration:none}
.product-features .feat-support-info .feat-quick-start svg { position:relative; top:4px}
.product-features .feat-support-info .feat-user-man svg { position:relative; top:7px}
.product-features .feat-support-info .feat-spec-list svg { position:relative; top:7px}
.product-features .feat-support-info .feat-support-link svg { position:relative; top:7px}
.product-features .feat-hubble-enabled a { height:30px}
.product-features .feat-hubble-enabled .feat-hubble { float:left}
.product-features .feat-hubble-enabled .feat-apple,.product-features .feat-hubble-enabled .feat-google { float:right; margin-left:10px}
.product-features .feat-hubble-info { font-size:12px; color:#A0A2A4; line-height:21px; }
.product-features .prod-features-img { max-width:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto}
@media only screen and (max-width:991px) {
.product-features { padding-top:30px; padding-bottom:30px}
.product-features>.container { width:100%; padding-left:20px; padding-right:20px}
.product-features .prod-feat-head { text-align:center}
.product-features .prod-feat-head .h2,.product-features .prod-feat-head h2 { float:none}
.product-features .feat-description { font-size:15px}
.product-features .link-compare { display:block; display:none; margin-top:20px; margin-bottom:25px; text-align:center; position:relative}
.product-features .link-compare svg { position:absolute; left:14px; top:10px}
.product-features .feat-hero h5 { font-size:15px; line-height:25px; margin-top:15px; margin-bottom:5px}
.product-features .feat-hero .feat-hero-info { font-size:13px; line-height:25px}
.product-features .feat-hubble-enabled .feat-hubble svg { width:100px; height:36px}
}
.prod-sales-faq { padding-top:120px; padding-bottom:120px}
.prod-sales-faq .row { display:flex}
.prod-sales-faq .prod-faq-img-col,.prod-sales-faq .prod-faq-main { align-self:center}
.prod-sales-faq h2.faq-title { margin:0 0 15px 0}
.prod-sales-faq .prod-faq-content { border-bottom:1px solid #DBDCDD; color:#444647; font-size:14px; line-height:25px}
.prod-sales-faq .prod-faq-content .accordion-toggle { border-top:1px solid #DBDCDD; padding:10px 0; font-weight:400; font-size:14px; color:#444647; line-height:25px; margin:0; position:relative}
.prod-sales-faq .prod-faq-content .accordion-toggle:after { content:""; position:absolute; right:20px; top:50%; margin-top:-5px; height:11px; width:11px; display:block; background:url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/smartwave/binatone/images/plus.svg) no-repeat center; transition:all .3s ease}
.prod-sales-faq .prod-faq-content .accordion-toggle.in:after { transform:rotate(45deg); background-image:url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/smartwave/binatone/images/plus-dark.svg)}
.prod-sales-faq .prod-faq-content .accordion-content { font-size:14px; color:#A0A2A4; line-height:25px; margin-top:5px; width:calc(100% - 70px); }
.prod-sales-faq .prod-faq-content .accordion-content a { color:#00AEC7}
.prod-sales-faq a.faq-support-link { color:#00AEC7}
.prod-sales-faq a.faq-support-link span { position:relative; top:-6px}
.prod-sales-faq a.faq-support-link svg { top:7px; position:relative; left:-8px}
.prod-sales-faq a.faq-support-link:focus,.prod-sales-faq a.faq-support-link:hover,.prod-sales-faq a.faq-support-link:visited { text-decoration:none}
.prod-sales-faq .prod-faq-img-col { height:280px}
@media only screen and (max-width:991px) {
.prod-sales-faq { padding-top:30px; padding-bottom:30px; background-color:#F7F7F7}
.prod-sales-faq a { font-size:15px; line-height:25px; color:#00AEC7}
}
/* #search-results { min-height:400px; margin-bottom:80px}
#search-results>.messages:first-child { display:none}
#search-results .note-msg { margin-top:40px}
#search-results .note-msg .messages { display:block}
#search-results .search-title { margin-bottom:40px}
#search-results .category-products .container:not(.toolbar) { width:100%; padding:0}
@media only screen and (max-width:991px) {
.catalogsearch-result-index .top-container { display:none}
#search-results { margin-top:0!important; margin-bottom:0}
#search-results .cat-info { border-top:0}
#search-results .search-title { margin-bottom:0}
} */
.catalog-category-view .top-container { }
.catalog-category-view .messages { margin-top:60px; margin-bottom:0}
.catalog-category-view .messages ul>li { margin-bottom:0}
/* Zoom custom styles */
.zoom-home {}
.zoom-home .title h2 { font-size: 36px !important; margin: 0; }
.zoom-home .cat-info { position: relative; padding-bottom: 3rem; padding-right: 40%; }
.zoom-home .cat-info .title h2 { color: #fff; font-weight: normal; font-size: 2.7rem !important; }
.zoom-home .cat-info .btn-compare-chart { position: absolute; right: 1.5rem; bottom: 2.2rem; color: #fff; font-weight: bold; border: 2px solid #fff; background-color: transparent; }
.zoom-home .cat-info .btn-compare-chart:hover { background-color: #fff; color: #555; }
.top-container,
.catalog-category-view .top-container { margin: 0; }
.top-container > div { margin: 0 !important; }
.top-container .breadcrumbs { display: none; margin: 0; padding: 1rem; }
.top-container .breadcrumbs ul { margin: 0; }
.catalog-category-view .cat-content,
.catalogsearch-result-index .cat-content { margin: 0; padding-top: 4rem; }
.catalog-product-view .col-main { padding-top: 3rem; }
.page-zoom-home .col-main { background-color: rgb(70,200,225); }
.page-zoom-home .top-level-cat { background-color: transparent !important; }
.zoom-home .item-area,
.zoom-home .item-wrap { position: relative; padding: 0; }
.zoom-home .item-wrap .details-area { min-height: 90px; text-align: left; padding: 1.5rem; background-color: #F7F9FB; border-bottom: 1px solid #DADFE0; }
.zoom-home .item-wrap .details-area h5.product-name { font-weight: 300; font-size: 1.8rem; }
.zoom-home .item-wrap .details-area .product-short-desc b { font-weight: 300; font-size: 1.4rem; line-height: 1.2; }
.zoom-home .item-wrap .product-image-area { overflow: hidden; background-color: #fff; }
.zoom-home .item-wrap .product-image-area .product-image { display: block; height: auto !important; max-width: 100% !important; padding-bottom: 100%; }
.zoom-home .item-wrap .product-learnmore { background-color: #F7F9FB; padding: .8rem 1rem; border-top: 1px solid #DADFE0; }
.zoom-home .item-wrap .btn-buynow,
.zoom-home .item-wrap .product-learnmore .btn { display: block; width: auto; padding: .65em 1.2em; background-color: rgb(255,106,0); font-weight: bold; color: #fff; border-radius: 5px; }
.zoom-home .item-wrap .btn-buynow { position: absolute; bottom: .8rem; margin: 0 1px 1px; left: 1rem; right: 1rem; }
.zoom-home .item-wrap .btn-buynow svg { width: auto; height: 45%; position: absolute; top: 50%; margin: 0 0 0 -1em; transform: translate(-100%, -50%); }
.zoom-home .item-wrap .product-learnmore .btn:hover,
.zoom-home .item-wrap .btn-buynow:hover { background-color: #FF5300; }
.toolbar { font-size:12px; line-height:18px; margin-bottom:60px}
.toolbar .sorter { float:right}
.toolbar .limiter,.toolbar .pager { display:none}
.toolbar select { margin-right:20px}
.toolbar label { display:inline-block; margin:0 5px 0 0; color:#888B8D; font-weight:400}
.toolbar ul { display:inline-block; padding:0; margin:0}
.toolbar ul li { padding:0; margin:0 0 0 10px}
.toolbar ul li a { font-weight: bold; color:#DBDCDD; text-transform:uppercase; padding:4px 8px; transition:all .3s ease}
.toolbar ul li a.selected,.toolbar ul li a:hover { background:#66686A; text-decoration:none; color:#fff; border-radius:0; background-clip:padding-box}
.toolbar ul li a:hover { cursor:pointer}
.cat-content { margin-top:100px; margin-bottom:90px}
.cat-content .messages { margin-top:0; margin-bottom:60px}
@media only screen and (max-width:991px) {
.category-products .toolbar { display:none}
.category-products .row.first .item.first { margin-top:30px}
.category-header { height:auto; background:0 0!important}
.category-header > .container { width:100%; padding-left:0; padding-right:0; height:auto; background-color: #fff; }
.category-header>.container>.row { display:block; height:auto; margin-left:0; margin-right:0}
.category-header>.container>.row>div { align-self:auto; padding-left:20px; padding-right:20px; height:auto; margin-top:30px; margin-bottom:30px; color:#444647}
.category-header>.container>.row>div .h1,.category-header>.container>.row>div h1 { color:#444647}
.category-header>.container>.row>div.cat-mobile-header-img { width:100%; height:400px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0}
.category-header .h1,.category-header h1 { font-size:30px; line-height:36px}
.category-header p { display:none}
.top-level-cat { width:100%; padding-left:0; padding-right:0; padding-bottom:10px; margin-bottom:0; background-color:#F7F7F7}
.top-level-cat>.row { margin-left:0; margin-right:0}
.top-level-cat .cat-info { border-bottom:1px solid #DBDCDD; border-top:1px solid #DBDCDD; padding-left:20px; padding-right:0; margin-bottom:30px; position:relative; background-color:#fff}
.top-level-cat .cat-info.fixed { position:fixed; top:0; width:100%; z-index:10}
.top-level-cat .cat-info.fixed.absolute { position:absolute}
.top-level-cat .cat-info .title { display:inline-block; float:left; padding-top:15px; padding-bottom:15px; width:90%; box-sizing:border-box}
.top-level-cat .cat-info .title h2 { font-size:18px; line-height:20px; margin-bottom:0; padding-right:10px}
.top-level-cat .cat-info a { display:inline-block; float:right; position:absolute; top:0; bottom:0; height:100%; width:10%; border-left:1px solid #DBDCDD}
.top-level-cat .cat-info a svg { display:block; position:relative; top:50%; left:50%; margin-top:-10px; margin-left:-10px}
.top-level-cat .lead-btn { background:0 0; padding:0; margin-top:0; border:none; box-shadow:none}
.top-level-cat .items { padding-top:30px}
.top-level-cat .item { padding-left:20px; padding-right:20px; margin-bottom:20px}
.top-level-cat .item .item-area { border-color:#DBDCDD; background:#fff}
.top-level-cat .item .item-area .product-image-area .product-image { max-width:400px; height:400px}
.top-level-cat .item .actions { display:none; zoom:1; opacity:1}
.top-level-cat .item .actions a.comparelink { left:35px}
}
@media only screen and (max-width:768px) {
.category-header>.container>.row>div.cat-mobile-header-img { height:300px}
}
@media only screen and (max-width:480px) {
.top-level-cat .cat-info .title { width:85%}
.top-level-cat .cat-info a { width:15%}
.top-level-cat .item .item-area .product-image-area .product-image { max-width:300px; height:300px}
.category-header>.container>.row>div.cat-mobile-header-img { height:200px}
}
body.cms-index-index .header { margin-bottom:0}
body.cms-index-index .messages { margin-bottom:0}
body.cms-index-index .messages ul>li { margin-bottom:0}
#homepage-content header { height:695px}
#homepage-content header .row { display:flex; height:695px}
#homepage-content header .row .home-head-content { align-self:center}
#homepage-content header .row .home-head-content .page-title h1 { margin:0 0 5px 0}
#homepage-content header .row .home-head-content .details { font-size:18px; line-height:30px; color:#444647; font-weight:500}
#homepage-content header .row .home-head-content.light .page-title h1 { color:#fff}
#homepage-content header .row .home-head-content.light .details { color:#fff}
#homepage-content header .row .home-head-content .btn { margin-top:20px}
#homepage-content header .row .home-head-img { align-self:center}
#homepage-content header .row .home-head-img img { width:100%}
#homepage-content section { height:580px; position:relative}
#homepage-content section .section-info { height:auto}
#homepage-content section .section-info p.lead { color:#444647; font-weight:500; margin-top:10px; font-size:14px; line-height:1.6}
@media only screen and (min-width:992px) {
#homepage-content section .section-info p.lead { font-size:18px; line-height:30px; margin-top:20px}
}
#homepage-content section .row { height:580px; display:flex}
#homepage-content section .section-content { position:relative; z-index:2; background:#fff; align-self:center}
#homepage-content section .bg-img { position:absolute; top:0; bottom:0; width:50%; right:0; z-index:1}
#homepage-content section svg.surround-logo { max-width:100%}
#homepage-content section#home-pet .bg-img,#homepage-content section.img-left .bg-img { left:0; right:auto}
#homepage-content section#surround h2 { margin-top:20px}
#homepage-content section h2 { margin:0}
@media only screen and (min-width:992px) {
#homepage-content section h2 span { display:inline-block}
}
#homepage-content section a { position:relative; top:-10px; font-size:12px; font-weight: bold; color:#00AEC7; text-transform:uppercase; transition:all .3s ease}
#homepage-content section a:focus,#homepage-content section a:hover { text-decoration:none; color:#33BED2}
#homepage-content section a:focus svg g,#homepage-content section a:hover svg g { fill:#33BED2}
#homepage-content section a svg { position:relative; top:13px; left:-9px; transition:all .3s ease}
@media only screen and (max-width:991px) {
#homepage-content header { height:auto; background: none !important}
#homepage-content header .container { width:100%; padding-left:0; padding-right:0}
#homepage-content header .row { height:auto; display:block; margin-left:0; margin-right:0}
#homepage-content header .row .mobile-header-img { position:relative; width:100%; height:400px}
#homepage-content header .row .mobile-header-img img { height:90%; display:block; position:absolute; top:10px; bottom:0; left:0; right:0; margin:auto}
#homepage-content header .row .home-head-content { align-self:auto; margin-bottom:30px; margin-top:30px; padding-left:20px; padding-right:20px}
#homepage-content header .row .home-head-content h1 { font-size:30px; line-height:36px}
#homepage-content header .row .home-head-content.light .page-title h1 { color:#444647}
#homepage-content header .row .home-head-content .btn { margin-top:10px; padding-top:0; padding-bottom:0}
#homepage-content section { width:100%; height:auto; padding-left:20px; padding-right:20px; background-color:#F7F7F7; padding-bottom:20px}
#homepage-content section.first { padding-top:30px}
#homepage-content section:last-child { padding-bottom:30px}
#homepage-content section .container { width:100%; padding-left:0; padding-right:0; border:1px solid #DBDCDD}
#homepage-content section .row { display:block; margin-left:0; margin-right:0; height:auto}
#homepage-content section .section-img { height:280px}
#homepage-content section .section-content { padding-left:0; padding-right:0; align-self:auto}
#homepage-content section .section-content .section-info { padding:40px 40px 25px}
#homepage-content section .section-content h2 { font-size:18px; line-height:24px}
#homepage-content section .section-content a { top:-15px; text-transform:none}
#feat-prod { padding-top:0; padding-bottom:0}
}
@media only screen and (max-width:768px) {
#homepage-content header .row .mobile-header-img { height:300px}
}
@media only screen and (max-width:480px) {
#homepage-content .home-head-content .page-title svg { width:280px}
}
#cms-content { font-size:14px; line-height:25px; margin-bottom:100px; color:#444647}
#cms-content h1 { margin-top:50px; margin-bottom:50px}
#cms-content h1.page-title { margin-top:0; margin-bottom:0}
#cms-content h1.big { font-size:45px; line-height:55px; margin-bottom:20px}
#cms-content h2,#cms-content h3 { margin-top:40px; margin-bottom:40px}
#cms-content h3,#cms-content h4,#cms-content h5 { margin-top:35px; margin-bottom:35px}
#cms-content h6 { margin-top:30px; margin-bottom:30px}
#cms-content h1,#cms-content h2 { font-size:30px; line-height:38px}
#cms-content h2,#cms-content h4,#cms-content h6 { color:#B8B9BB}
#cms-content h4,#cms-content h6 { font-weight: bold; }
#cms-content hr { border-top:1px solid #EDEDEE; margin-top:35px; margin-bottom:35px}
#cms-content p { margin-bottom:20px}
#cms-content p.lead { font-size:18px; line-height:30px; font-weight:300}
#cms-content code,#cms-content var { padding:0; font-size:14px; background-color:transparent; color:#242627; border-radius:0; background-clip:padding-box; font-style:normal; font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
#cms-content q { font-style:italic}
#cms-content ins,#cms-content mark { padding:3px 1px; background-color:#FD6; background-color:rgba(255,221,102,.5); text-decoration:none}
#cms-content del { color:#A0A2A4}
#cms-content a { color:#00AEC7}
#cms-content a:focus,#cms-content a:hover { color:#33BED2}
#cms-content ul:not(.list-unstyled) { list-style:none}
#cms-content ul:not(.list-unstyled) li { position:relative}
#cms-content ul:not(.list-unstyled) li:before { content:'.'; font-size:20px; line-height:14px; position:relative; top:-3px; left:-10px}
#cms-content ol,#cms-content ul { margin-top:40px; margin-bottom:40px}
#cms-content ul { padding-left:20px}
#cms-content ol { padding-left:30px}
#cms-content pre { border:none; border-radius:0; background-clip:padding-box; background-color:#F7F7F7; padding:20px; font-size:14px; margin-bottom:20px}
#cms-content blockquote { color:#888B8D; font-size:16px; font-style:italic; border:none; line-height:30px; padding:0; margin-top:40px; margin-bottom:40px}
#cms-page-aside { top:0}
#cms-page-aside h2 { color:#444647; margin:0 0 15px}
#cms-page-aside ol,#cms-page-aside ul { margin-top:0; margin-bottom:20px; padding-left:0}
#cms-page-aside .cart-collaterals { color:#66686A}
#cms-page-aside .cart-collaterals a { color:#444647}
@media only screen and (max-width:991px) {
#cms-content { width:100%; padding-left:20px; padding-right:20px; margin-bottom:30px}
}
#cms-content.contact-page { color:#66686A}
#cms-content.contact-page strong { margin-bottom:18px; display:block}
#cms-content.contact-page address { line-height:25px}
#cms-content.contact-page .support-email { color:#00AEC7}
@media only screen and (max-width:991px) {
#cms-content.contact-page strong { margin-bottom:0}
#cms-content.contact-page #cms-page-aside { display:none}
}
#cms-content.page-not-found .page-content { text-align:center; margin-top:120px; margin-bottom:20px}
#cms-content.page-not-found h1 { font-size:45px; line-height:55px; color:#444647; margin-top:20px; margin-bottom:30px}
#cms-content.page-not-found .not-found-info { margin-bottom:80px; color:#444647; font-size:18px; line-height:30px; font-weight:300}
#cms-content.page-not-found .not-found-links .btn { color:#fff; padding:15px 0 15px; margin-top:0}
.catalog-category-view .breadcrumbs,
.catalogsearch-result-index .breadcrumbs { }
.catalog-category-view .cat-content,
.catalogsearch-result-index .cat-content { margin-top:3rem; }
.mobile-menu { text-align:center; color:#444647; padding:10px 20px; border-bottom:1px solid #DBDCDD; height:60px}
.mobile-menu .menu-icon-wrap { position:relative; top:10px}
.mobile-menu .menu-icon-wrap label { margin-bottom:0; height:40px; width:40px; cursor:pointer; position:relative; left:-4px}
.mobile-menu .menu-icon-wrap .burger-menu { position:relative; top:9px}
.mobile-menu .menu-icon-wrap .burger-menu span,.mobile-menu .menu-icon-wrap .burger-menu span:after,.mobile-menu .menu-icon-wrap .burger-menu span:before { cursor:pointer; border-radius:1px; background-clip:padding-box; height:2px; width:18px; background:#444647; position:absolute; display:block; content:''; transition:all .1s ease}
.mobile-menu .menu-icon-wrap .burger-menu span:before { top:-6px}
.mobile-menu .menu-icon-wrap .burger-menu span:after { bottom:-6px}
.mobile-menu .menu-icon-wrap .burger-menu.active span { background:0 0}
.mobile-menu .menu-icon-wrap .burger-menu.active span:after,.mobile-menu .menu-icon-wrap .burger-menu.active span:before { top:0}
.mobile-menu .menu-icon-wrap .burger-menu.active span:before { transform:rotate(45deg)}
.mobile-menu .menu-icon-wrap .burger-menu.active span:after { transform:rotate(-45deg)}
.mobile-menu .logo { height:40px; width:40px; position:absolute; left:50%; margin-left:-20px}
.mobile-menu .motorola-icon { fill:rgb(70,200,225); }
.mobile-menu .cart-icon-wrap { position:relative; top:7px}
.mobile-menu .mini-cart { font-size:14px}
.mobile-menu .mini-cart:focus,.mobile-menu .mini-cart:hover { text-decoration:none; color:#444647}
.mobile-menu .mini-cart .cart-qty { position:relative; color:#444647; margin-left:10px; top:-7px}
/* .off-canvas-search { border-bottom:1px solid #DBDCDD; height:40px; padding-left:20px; padding-right:20px}
.off-canvas-search input { border:none; font-size:14px; color:#444647; width:calc(100% - 30px); margin-top:9px}
.off-canvas-search input::-webkit-input-placeholder { color:#DBDCDD}
.off-canvas-search input:-moz-placeholder { color:#DBDCDD}
.off-canvas-search input::-moz-placeholder { color:#DBDCDD}
.off-canvas-search input:-ms-input-placeholder { color:#DBDCDD}
.off-canvas-search input:active,.off-canvas-search input:focus { outline:0; outline:0}
.off-canvas-search button { border:none; background:0 0; margin:9px 0 0; padding:0}
.off-canvas-search button svg { position:relative}
.off-canvas-search button:active,.off-canvas-search button:focus { outline:0; outline:0} */
#off-canvas-left-check { display:none; }
.outer-wrap { width:100%; height:100%; position:relative; overflow-x:hidden}
.inner-wrap { transition:all .1s ease; position:relative; left:0}
#off-canvas-left { background:#242627; transition:all .1s ease; display:block; height:100%; left:calc(-100% + 50px); overflow:hidden; position:absolute; width:calc(100% - 50px)}
#off-canvas-left a { color:#fff}
#off-canvas-left-check.checked+#off-canvas-left { display:block; left:0; overflow-y:visible; z-index:100}
#off-canvas-left-check.checked~.inner-wrap { position:relative; display:block; overflow-y:visible; left:calc(100% - 50px)}
.mobile-switcher { border-bottom:1px solid #66686A }
.off-canvas-compare { display:none; border-left:1px solid #66686A; text-transform:uppercase; font-weight: bold; font-size:12px}
.off-canvas-compare .compare-link,.off-canvas-compare .compare-link:focus,.off-canvas-compare .compare-link:hover { text-decoration:none}
.off-canvas-compare svg { margin-top:18px; margin-bottom:18px; margin-right:20px; margin-left:15px; display:block; float:left}
.off-canvas-compare .compare-qty,.off-canvas-compare .compare-text { display:inline-block; float:right; position:relative; top:21px}
.off-canvas-compare .compare-qty { font-weight:400; color:#B8B9BB; margin-right:24px; margin-left:5px}
.off-canvas-categories a,.off-canvas-categories a:focus,.off-canvas-categories a:hover { text-decoration:none}
.off-canvas-categories .nav-container ul { list-style-type:none; padding:0; margin:0; background-color:#444647}
.off-canvas-categories .nav-container ul a { text-transform:uppercase; font-weight: bold; padding-top:21px; padding-bottom:19px; padding-left:20px; display:inline-block}
.off-canvas-categories .nav-container .toggle-icon { display:block; cursor:pointer; padding-right:17px; padding-left:17px; padding-top:22px; padding-bottom:18px; transform:rotate(45deg); transition:all 0s ease}
.off-canvas-categories .nav-container .toggle-icon.on { transform:rotate(0)}
.off-canvas-categories .nav-container li { border-bottom:1px solid #66686A}
.off-canvas-categories .nav-container li .sub-menu { height:0; max-height:0; overflow:hidden; transition:max-height .1s ease-in}
.off-canvas-categories .nav-container li .sub-menu.on { height:auto; max-height:700px}
.off-canvas-categories .nav-container li .sub-menu ul { background-color:#3C3E3F}
.off-canvas-categories .nav-container li .sub-menu ul a { text-transform:none; font-weight:400; color:#B8B9BB!important}
.off-canvas-categories .nav-container li .sub-menu ul li { border-bottom:1px solid #444647}
.off-canvas-categories .nav-container li .sub-menu ul li:last-child { border:none}
.off-canvas-categories .nav-container li .sub-menu ul li.first { border-top:1px solid #66686A}
.off-canvas-links { display:none}
.off-canvas-contact-us,.off-canvas-home { border-bottom:1px solid #444647; background-color:#3C3E3F}
.off-canvas-contact-us a,.off-canvas-home a { font-size:12px; line-height:21px; font-weight: bold; color:#B8B9BB!important; padding-left:20px; padding-bottom:15px; padding-top:17px; display:block; text-transform:uppercase}
.off-canvas-contact-us a:focus,.off-canvas-home a:focus { text-decoration:none}
.off-canvas-home { border-bottom-color:#66686A}
.off-canvas-powered-by { margin-top:15px}
.off-canvas-powered-by .powered-by-toggle { position:static}
.off-canvas-powered-by .powered-by-toggle:focus { outline:0; outline:0}
.off-canvas-powered-by .powered-by-toggle.logo { margin-left:10px}
.off-canvas-powered-by .powered-by-toggle.question-icon { margin-right:10px}
#powered-by-modal .modal-dialog { position:relative; margin:20px auto; width:calc(100% - 40px)}
#powered-by-modal .modal-dialog .close-powered-by { position:absolute; top:20px; right:20px}
#powered-by-modal .modal-dialog .close-powered-by svg { height:15px; width:15px; display:block}
#powered-by-modal .modal-dialog .close-powered-by svg #close { fill:#A0A2A4}
#powered-by-modal .modal-dialog .powered-by-title { font-size:18px; color:#444647; line-height:21px; padding:20px 40px 20px 20px; border-bottom:1px solid #EDEDEE}
#powered-by-modal .modal-dialog .powered-by-main { color:#A0A2A4; line-height:21px; padding:20px 20px 5px}
#powered-by-modal .modal-dialog .powered-by-main a { color:#A0A2A4}
#powered-by-modal .modal-dialog .powered-by-main a:hover { color:#A0A2A4; text-decoration:underline}
#powered-by-modal .modal-dialog .powered-by-links { padding:0 20px 15px}
#powered-by-modal .modal-dialog .powered-by-links a { color:#00AEC7; font-size:14px; line-height:18px}
#powered-by-modal .modal-dialog .powered-by-links ul { margin-bottom:0}
#powered-by-modal .modal-dialog .powered-by-links li { border-bottom:1px solid #EDEDEE; padding-bottom:10px; margin-top:10px}
#powered-by-modal .modal-dialog .powered-by-links li:last-child { border:none}
@media only screen and (max-width:1200px) {
.header-container.type8 .help { display:none}
}
@media only screen and (max-width:991px) {
.header-container.type8 { display:none}
}
@media only screen and (min-width:992px) {
.mobile-menu,.mobile-search { display:none}
#off-canvas-left-check:checked+#off-canvas-left { display:none}
#off-canvas-left-check:checked~.inner-wrap { left:0}
}
.mobile-total-header { font-size:12px; color:#B8B9BB}
.mobile-total-header h3 { display:inline-block; margin:0; font-size:18px; line-height:1}
.mobile-total-header .col2 { text-align:right}
.mobile-total-header .total.price { font-size:18px; color:#00C389; font-weight:700; line-height:1}
.mobile-cart-header-buttons { padding:20px 20px 30px; border-bottom:1px solid #DBDCDD; background-color:#F7F7F7}
.mobile-cart-header-buttons .paypal-logo,.mobile-cart-header-buttons .paypal-option { display:none}
.mobile-cart-header-buttons .multiple-address-checkout { display:none}
.mobile-cart-header-buttons .btn-checkout,.mobile-cart-header-buttons .btn-continue { width:100%; margin-top:0}
#shopping-cart-table .mobile-prod-price .price { font-weight:500}
#shopping-cart-table .item-options .option-name,#shopping-cart-table .item-options .option-value { font-size:12px; font-weight:500; line-height:18px}
#shopping-cart-table .mobile-prod-cart-options { width:100%; display:block}
#shopping-cart-table .mobile-prod-cart-options .mobile-prod-count { display:inline-block; float:left}
#shopping-cart-table .mobile-prod-cart-options .mobile-prod-total { display:inline-block; float:left}
#shopping-cart-table .mobile-prod-cart-options .mobile-cart-remove-item { display:inline-block; float:right; width:calc(50% - 10px)}
#shopping-cart-table .mobile-prod-cart-options .mobile-cart-remove-item .btn { width:100%; display:inline-block; text-align:center; color:#B8B9BB; border:2px solid #B8B9BB; margin:0; box-shadow:none}
#shopping-cart-table .mobile-prod-cart-options .mobile-prod-total { margin-left:30px; position:relative; top:10px}
#shopping-cart-table .mobile-prod-link { position:absolute; right:0; top:50%; margin-top:-10px}
#shopping-cart-table .mobile-update { margin-top:30px}
#shopping-cart-table .mobile-update button { margin-top:0}
#shopping-cart-table .mobile-continue-shopping button { margin-top:10px}
@media only screen and (max-width:991px) {
.cart-table-wrap { margin-bottom:0}
.checkout-cart-index .cart.container { width:100%; padding:0; background:#F7F7F7}
.checkout-cart-index .top-container { display:none}
.checkout-cart-index .page-title { padding:20px; border-bottom:1px solid #DBDCDD; background:#fff}
.checkout-cart-index #shopping-cart-table .cart-item { display:block; padding-left:20px; padding-right:20px; padding-bottom:25px; background:#fff}
.checkout-cart-index #shopping-cart-table .first-col { padding-right:0}
.checkout-cart-index #shopping-cart-table .product-image { margin-right:20px}
.checkout-cart-index #shopping-cart-table .product-image img { width:100px; height:auto}
.checkout-cart-index #shopping-cart-table .prod-info { width:auto; position:static; margin-top:45px}
.checkout-cart-index #shopping-cart-table .qty-holder-wrap { width:auto; padding-left:0; padding-right:0}
.checkout-cart-index #shopping-cart-table .qty-holder { display:inline-block; float:left}
.checkout-cart-index #shopping-cart-table .qty-holder input { border:2px solid #B8B9BB; color:#B8B9BB; height:40px; width:40px; font-size:14px}
.checkout-cart-index #shopping-cart-table .table-prices { padding-left:20px; padding-right:20px; background-color:#F7F7F7; margin-top:0}
.checkout-cart-index #shopping-cart-table .table-prices .promos { margin-top:10px; margin-bottom:20px}
.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a { border-radius:0; background-clip:padding-box; background-repeat:no-repeat; background-image:none; background-color:#B8B9BB; border:none; text-shadow:none; text-align:center; color:#fff; font-size:14px; height:50px; padding-left:37px; padding-right:37px; padding-top:10px; width:100%; display:block; transition:all .2s ease}
.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a:active,.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a:focus,.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a:hover { background-color:#A0A2A4; color:#fff}
.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a:active,.checkout-cart-index #shopping-cart-table .table-prices .promos .discount a:focus { background-color:#A0A2A4}
.checkout-cart-index #shopping-cart-table #shopping-cart-totals-table { font-size:14px}
.checkout-cart-index #shopping-cart-table .table-foot { display:block; padding-left:20px; padding-right:20px; margin-top:57px; margin-bottom:30px}
.cart .totals { margin-top:10px}
.cart .promos { margin-top:-188px; padding-left:20px; padding-right:20px}
.cart .promos .show-coupon { float:none!important; margin:auto; text-align:center; width:100%; display:inline-block}
.cart .discount-form .input-box { padding-right:10px}
.cart .discount-form .buttons-set { padding-left:0}
.cart .discount-form .buttons-set .apply-wrapper { padding-right:0}
.cart .discount-form .buttons-set .apply-wrapper.col-xs-12 { padding-right:15px}
.cart .discount-form .buttons-set .cancel-wrapper { padding-left:5px}
.cart .discount-form .buttons-set button { height:36px; line-height:36px; margin-top:0; padding-left:0; padding-right:0; width:100%}
.cart-footer { margin-left:20px; margin-right:20px; margin-bottom:0}
.cart-footer ul { margin-bottom:0}
.cart-footer .accepted-cards { float:none; text-align:center; border-bottom:1px solid #DBDCDD; padding-bottom:15px}
.cart-footer .mobile-cart-footer-links { text-align:center; margin-top:30px; margin-bottom:30px}
.cart-footer .mobile-cart-footer-links a { color:#00AEC7; font-size:12px; line-height:25px}
}
@media only screen and (max-width:991px) {
.footer-container { padding-bottom:60px }
.footer-container .links-copy-row { display:block }
.footer-container .footer-middle > .container { padding-left:20px; padding-right:20px; width:100% }
}
@font-face {
font-family: 'OpenSans';
font-weight: 300;
font-style: normal;
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.eot');
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.eot#iefix') format('embedded-opentype'),
local('Open Sans Light'),
local('OpenSans-300'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.ttf') format('truetype'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-300.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'OpenSans';
font-weight: 400;
font-style: normal;
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.eot');
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.eot#iefix') format('embedded-opentype'),
local('Open Sans'),
local('Open-Sans-regular'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.ttf') format('truetype'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-400.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'OpenSans';
font-weight: 700;
font-style: normal;
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.eot');
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.eot#iefix') format('embedded-opentype'),
local('Open Sans Bold'),
local('Open-Sans-700'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.ttf') format('truetype'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/OpenSans/OpenSans-700.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'Gotham-Medium';
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Medium';
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium-Italic.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium-Italic.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/medium/GothamMedium-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Gotham-Book';
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Book';
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook-Italic.woff2') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook-Italic.woff') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/Gotham/book/GothamBook-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
/* -------------------------------------------------- */
/* !- Font Awesome - Reduced to minimum needs.
to add more icons copy from: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css */
/* @font-face {
font-family: 'FontAwesome';
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
src: url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('/web/20220206061251im_/https://motorolacable.com/styles/fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
} */
@font-face {
font-family: 'FontAwesome';
src: url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),
url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('https://web.archive.org/web/20220206061251im_/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa { display: inline-block; font-size: inherit; }
.fa:before {
display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.fa-cart-plus:before { content: "\f217"; }
.fa-angle-left:before { content:"\f104" }
.fa-angle-right:before { content:"\f105" }
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-twitter-square:before { content:"\f081" }
.fa-facebook-square:before { content:"\f082" }
.fa-pinterest-square:before { content:"\f0d3" }
.fa-google-plus-square:before { content:"\f0d4" }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-phone-o:before { content: "\f095"; }
.fa-search:before { content: "\f002"; }
.fa-external-link:before { content:"\f108e"; }
/* OLD STUFF -------------------------------------------------- */
.cat-58 a, .cat-81 a, .acat-81 a {color:#e40613 !important;}
.cat-58 a:hover, .cat-81 a:hover, .acat-81 a:hover {color:#b7030d !important;}
#attribute81 {display:none !important;}
.small_p { font-size: 16px !important; line-height: 30px !important; text-transform: inherit !important; font-weight: normal !important; }
.offers-banner p { width: 100% !important; }
#banner-slider .owl-carousel .item { height: auto; position: relative; margin-bottom: 0; }
#banner-slider .owl-item img { height: auto; max-width: 100%; width: 100%; }
.slide-caption { opacity: 0; position: absolute; top: 0; display: flex; align-items: center; height: 100%; width: 100%; }
.owl-carousel .item .slide-caption { opacity: 1; }
.category-header h1,
.product-name h1 { font-size: 34px !important; }
.btn-default { font-size: 15px; }
nav .navbar-default .navbar-nav>li.help>a { margin-right: 90px; }
@media (max-width: 768px) {
.slide-caption { position: static; }
}
.title h2 { font-size: 21px !important; }
.item-area .details-area h5.product-name { font-size: 13px; }
.ship-text { width:100%;margin-top:15px;text-align:center }
.ship-text .inner { font-size:11px;line-height:16px;color:#B8B9BB;text-align:center;display:inline-block;width:100% }
/* -------------------------------------------------- */
/* !- Started by Alex */
.b-lazy:not(.b-loaded) { background-image: url(/web/20220206061251im_/https://motorolacable.com/images/misc/loading.svg) !important; background-size:40px !important; background-position: center center !important; background-repeat: no-repeat !important; }
.h1, h1 { font-size:41px !important; font-family: "Gotham-Medium", sans-serif; font-weight: normal; }
.h2 { font-size:25px !important; }
.container { width: 100% !important; max-width: 1170px !important; }
.container .container { max-width: 100%; }
.navbar-right { float: none !important; position: absolute; right: 0; }
.footer-container { background-color: rgb(50,63,71); }
.footer-middle .container { display: flex; flex-wrap: nowrap; justify-content: flex-start; }
.footer-middle .container .footer-logo { align-self: flex-start; width: 50%; }
.footer-middle .container .footer-links { align-self: flex-start; width: 20%; }
.footer-middle .container .footer-links .links-head { display: block; margin-bottom: 1.5rem; margin-top: .5rem; font-size: 1.625rem; color: #fff; text-transform: uppercase; }
.footer-middle .container .footer-links a { font-size: 1.25rem; }
.footer-copy-info { margin-top: 2rem; font-size: 12px; font-weight: 400; }
.f-right { float: right; }
.f-left { float: left; }
.no-display { display: none !important; }
.messages { margin-bottom: 2rem; }
.messages ul > li { margin-bottom: 0; }
.powered-by-toggle svg { vertical-align: middle; }
/* -------------------------------------------------- */
/* !- Per Country tweaks */
.store-monitors_pt_br.category-home-monitoring .cat-content .cat-header { display: none; }
/* -------------------------------------------------- */
/* !- Region Switch inline svg flags */
.regionSelect > a { display: inline-block; padding: .7em 0; text-decoration: none; outline: none; }
.regionSelect .regionSelect-tip { display: inline-block; vertical-align: middle; padding-left: 1.5rem; font-weight: 300; color: #fff; opacity: .75; transform: scale(.9); }
.regionSelect .countryFlag,
.regionModal .countryFlag { display: inline-block; width: 30px; line-height: 0; vertical-align: middle; }
.regionSelect .countryName,
.regionModal .countryName { display: inline-block; vertical-align: middle; padding-left: .75rem; font-weight: bold; }
.regionSelect .countryName { color: #fff; }
.regionSelect .countryFlag svg,
.regionModal .countryFlag svg { width: 100%; height: auto !important; max-width: 100%; max-height: 100%; }
.regionModal .modal-dialog { text-align: left; width: calc(100% - 30px) !important; max-width: 450px; margin: 75px auto 30px !important; }
.regionModal .otherCountry { max-width: 300px; margin: 0 auto; }
.regionModal .otherCountry + .otherCountry { margin-top: 1rem; }
.regionModal .otherCountry a { display: block; padding: .5rem 1rem; font-size: 1.5rem; border: 1px solid rgba(50,63,71,.25); color: rgb(50,63,71); text-align: left; }
.regionModal .otherCountry a:hover { border-color: rgba(50,63,71,.5); }
.regionModal .otherCountry a:active { background-color: rgba(0,0,0,.05); box-shadow: none; }
.regionModal .spec-footer { padding-top: 2rem; text-align: center; }
.regionModal .close { border: 1px solid currentColor; border-radius: 50px; font-weight: 300; font-size: 2.4rem; width: 26px; margin: 0; opacity: .6; }
.regionModal .close:hover { opacity: .9; }
@media screen and (max-width:600px) {
.regionSelect { text-align: center; }
.regionModal .modal-header { padding-top: 2rem; padding-bottom: 1.5rem; }
.regionModal .modal-header h2 { font-size: 2rem; }
}
/* -------------------------------------------------- */
/* !- Mobile Menu Fix */
@media screen and (max-width:991px) {
.page,
#off-canvas-left { padding-top: 60px; /* .mobile-menu height */ }
}
.mobile-menu { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; background-color: #fff; }
.mobile-menu .menu-icon-wrap { position: absolute; left: 5px; top: 50%; transform: translate(0, -50%); padding: 10px; }
.mobile-menu .menu-icon-wrap label { display: block; height: auto; width: auto; position: static; top: auto; left: auto; right: auto; bottom: auto; transform: translate(0,0); }
.mobile-menu .menu-icon-wrap .burger-menu { display: block; position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate(0,0);
padding: 5px 0; border: 2px solid #444647; border-width: 2px 0;
}
.mobile-menu .menu-icon-wrap .burger-menu span { width: 24px; position: static; top: auto; left: auto; right: auto; bottom: auto; transform: none !important; margin: 0; padding: 0; }
.mobile-menu .menu-icon-wrap .burger-menu span:before,
.mobile-menu .menu-icon-wrap .burger-menu span:after { top: 50%; left: 0; width: 100%; opacity: 0; transform: translate3d(0,0,0); }
#off-canvas-left { background-color: rgb(50,63,71); position: fixed; z-index: 100; top: 0; left: 0; bottom: 0; width: 100%; max-width: 400px; padding-bottom: 45px;
transform: translate(-100%,0); transform: translate3d(-100%,0,0); will-change: transform; transition: all 300ms cubic-bezier(0, 0.9, 0.3, 1); overflow: visible !important; }
#off-canvas-left .main-nav-wrapper { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
#off-canvas-left .main-nav-inner { min-height: 101%; }
#inner-wrap:after { content: ""; display: block; top: 0; left: 0; bottom: 0; width: 100vw; position: absolute; z-index: 99; background-color: rgba(0,0,0,.2); opacity: 0; pointer-events: none; transition: opacity 100ms ease; }
html.offCanvasOpen #off-canvas-left { transform: translateX(0); }
html.offCanvasOpen #inner-wrap:after { opacity: 1; }
html.offCanvasOpen .mobile-menu .burger-menu { border-color: transparent; }
html.offCanvasOpen .mobile-menu .burger-menu span { background-color: transparent; }
html.offCanvasOpen .mobile-menu .burger-menu span:before,
html.offCanvasOpen .mobile-menu .burger-menu span:after { opacity: 1; transform:rotate(45deg) }
html.offCanvasOpen .mobile-menu .burger-menu span:before { transform:rotate(-45deg) }
.mobile-switcher,
.off-canvas-home,
.off-canvas-categories .nav-container li { border-bottom: none; }
.off-canvas-contact-us,
.off-canvas-home,
.off-canvas-categories .nav-container ul { background-color: transparent; }
.off-canvas-categories { border-bottom: 1px solid rgba(255,255,255,.25); }
.off-canvas-categories .nav-container li { position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,.25); }
.off-canvas-contact-us a,
.off-canvas-home a,
.off-canvas-categories .nav-container ul a { display: block; font-size: 1.6rem; line-height: 2rem; padding: 2rem 2rem; font-weight: bold; color: #fff !important; }
.off-canvas-contact-us a:active,
.off-canvas-home a:active,
.off-canvas-categories .nav-container ul a:active { background-color: rgb(70,200,225); }
.off-canvas-categories .nav-container .toggle-icon { position: absolute; top: 8px; right: 0; color: #fff; font-weight: 300; font-size: 1.2em; line-height: 0; width: 44px;
padding: 22px 0; text-align: center; transition: all 100ms ease; }
.off-canvas-categories .nav-container li .sub-menu ul { background-color: #202122; }
.off-canvas-categories .nav-container li .sub-menu ul li { border-top: 1px solid rgba(255,255,255,0.05); }
.off-canvas-categories .nav-container li .sub-menu ul a { font-size: 1.4rem; line-height: 1.8rem; padding: 1.5rem 2rem; color: #fff !important; }
.off-canvas-search { height: auto !important; position: fixed; top: 60px; left: 0; right: 0; transform: translate(0,-110%); background-color: #fff; }
.off-canvas-search .form-search { font-size: 0; }
.off-canvas-search input { display: inline; vertical-align: middle; float: none !important; line-height: 2; font-size: 16px; margin-top: 0; padding: 0.25em 0; }
.off-canvas-search button { display: inline; vertical-align: middle; float: none !important; margin: 0; line-height: 0; padding: 4px; }
#powered-by-modal .modal-dialog { margin-top: 85px !important; }
.off-canvas-powered-by { text-align: center; margin: 0; position: absolute; z-index: 4; left: 0; bottom: 0; right: 0; padding: 10px 0; }
.off-canvas-powered-by .powered-by-toggle.question-icon { display: none; }
/* -------------------------------------------------- */
/* !- Header Changes */
.header-container { position: relative; }
.header .gray-bar { height: auto; background-color: rgb(50,63,71); }
.header-container .gray-bar .goToMotorola { float: left; font-weight: normal; }
.header-container .gray-bar .goToMotorola a { display: block; padding: .85em 1em .95em; font-weight: inherit; }
.header-container .gray-bar .goToMotorola a i { display: inline-block; margin-right: .5em; }
.small_banner { color: #fff; background: #959595; padding: 8px; text-align: center; font-size: 13px; font-weight: bold; height: auto; }
.mobile-menu .small_banner { font-size: 11px; padding: 4px 0px; }
.header-container .nav-wrapper { padding: 10px 0 ; }
.header-container .nav-wrapper .menu-wrapper { margin: 0; }
.header-container nav .navbar-header .logo { margin-right: 0px; }
.header-container nav .navbar-default .navbar-nav > li > a {display: inline-block; /* margin-top: -10px; */ font-size: 14px; font-weight: 400; padding: 26px 15px !important; vertical-align: middle; }
.header-container nav .navbar-default .navbar-nav > li:nth-child(1) {padding-left: 0}
.header-container nav .navbar-default .navbar-nav > li > a:hover { color: #00AEC7; }
/* .logo > svg { fill:#00AEC7 !important; } */
.cat-mobile-header-img,
.category-header { background-color: #fff !important; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.cat-mobile-header-img { display: none; }
.slide-caption .content h1,
.slide-caption .content h2,
.category-header .row h1 { font-size: 3.6rem !important; line-height: 1.2; padding: 0 0 .25em; margin: 0; font-weight: normal; color: #333f48; }
.slide-caption .content h1 + p,
.slide-caption .content h2 + p,
.category-header .row h1 + p { font-size: 1.6rem; font-weight: 300; line-height: 1.4; margin: 0; color: #333f48; }
.category-header p small { font-size: 1.2rem; }
.category-header .lite h1,
.category-header .light h1,
.category-header .lite h1 + p,
.category-header .light h1 + p { color: #fff; }
.cat-banner-submenu { position: relative; display: inline-block; margin-top: 2rem; }
.cat-banner-submenu > a { margin: 0 !important; }
.cat-banner-submenu > div { position: absolute; z-index: 999; left: 100%; top: 50%; transform: translate(10%,-50%); background-color: #fff; border-radius: 4px; white-space: nowrap;
opacity: 0; pointer-events: none; transition: all 250ms ease-out; padding: 1rem 0; box-shadow: 0 0 4px #666; }
.cat-banner-submenu > div:after { content: ""; border: 6px solid transparent; border-right-color: #fff;
position: absolute; right: 100%; top: 50%; transform: translate(0,-50%); }
.cat-banner-submenu > div a { display: block; padding: .5em 1em; padding-right: 2em; font-size: 1.4rem; line-height: 1.4; color: #444; margin: 0; }
.cat-banner-submenu > div a:hover { background-color: rgba(0,0,0,.05); }
.cat-banner-submenu.js-on > div,
.cat-banner-submenu:hover > div { opacity: 1; pointer-events: auto; transform: translate(0%,-50%); }
@media screen and (max-width: 991px) {
.cat-banner-submenu { display: none !important; }
}
/* -------------------------------------------------- */
/* !- Cookie Notice */
.global-site-notice { position: fixed; z-index: 999999 !important; right: 0; bottom: 0; left: auto !important; top: auto !important; background-color: #fff; max-width: 360px; font-size: 14px; line-height: 20px; box-shadow: 0 0 4px #999; border: none !important; }
.global-site-notice .notice-inner { width: auto !important; background: none; padding: 15px 0; }
.global-site-notice .notice-inner .container { width: 100% !important; min-width: 0 !important; }
.global-site-notice .notice-inner p { border: none; padding: 0; text-align: justify; }
.global-site-notice .notice-inner p a { color: #337ab7; text-decoration: none; }
.global-site-notice .notice-inner p a:hover { color: #00aec7; text-decoration: underline; }
.global-site-notice .notice-inner .actions { text-align: center; }
.global-site-notice .notice-inner .actions .button { background-color: #00aec7; border-radius: 0; box-shadow: none; height: auto; padding: 0.3em 2.25em 0.35em; font-size: 1em !important; }
.global-site-notice .notice-inner .actions .button:hover { background-color: #00a1ba; box-shadow: 0 2px 3px rgba(0,0,0,.3); }
/* -------------------------------------------------- */
/* !- Home Slider */
#banner-slider { background-color: #fff; }
@media screen and (max-width: 991px) {
#banner-slider .content.type1 { max-width: 45%; }
#banner-slider .content.type1 h1,
#banner-slider .content.type1 h2 { font-size: 3rem !important; }
}
@media screen and (max-width: 768px) {
#banner-slider .content.type1 { max-width: 75%; margin: 0 auto; padding-top: 2rem; padding-bottom: 2rem; text-align: center; }
#banner-slider .content.type1 h1,
#banner-slider .content.type1 h2 { color: #333f48 !important; }
#banner-slider .content.type1 p { display: block !important; color: #333f48 !important; }
}
@media screen and (max-width: 500px) {
#banner-slider .content.type1 { max-width: none; margin: 0; padding-top: 2rem; padding-bottom: 2rem; text-align: center; }
#banner-slider .content.type1 h1,
#banner-slider .content.type1 h2 { font-size: 2.7rem !important; color: #333f48 !important; }
#banner-slider .content.type1 p { display: block !important; color: #333f48 !important; }
}
/* -------------------------------------------------- */
/* !- Home Category Tiles */
.home-grid { padding: 5rem 0; background-color: rgb(235,20,10); color: #fff; }
.home-grid .container { width: 100%; max-width: 1170px; }
.home-grid .tiles { display: flex; flex-wrap: wrap; margin: 0 -1.5rem; justify-content: space-around; }
.home-grid .tile { position: relative; flex: 0 1 calc(33.33% - 3rem); margin: 1.5rem 0; }
.home-grid .tile > a { position: absolute; z-index: 9; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; }
.home-grid .tile .tile-top {}
.home-grid .tile .tile-top h2 { color: #fff; font-weight: normal; font-family: "Gotham-Medium", sans-serif; font-size: 2rem; line-height: 1; padding: .5rem 1.5rem 1.5rem; margin: 0; }
.home-grid .tile-middle {}
.home-grid .tile-middle .tile-text { padding: .5rem 1.5rem; font-size: 1.3rem; font-weight: 300; line-height: 1.4; color: inherit; }
.home-grid .tile .tile-bottom { position: relative; overflow: hidden; }
.home-grid .tile .tile-bottom .bgImg { background-color: rgba(255,255,255,.5); background-size: cover; background-position: right center; background-repeat: no-repeat; }
.home-grid .tile .tile-bottom .bgImg:after { content: ""; display: block; padding-bottom: 90%; }
.home-grid .tile-bottom { overflow: hidden; }
.home-grid .tile-bottom .tile-middle { opacity: 0; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0;
background-color: rgba(255,255,255,.85); transition: opacity 200ms ease; }
.home-grid .tile-bottom .tile-middle .tile-text { font-size: 1.8rem; font-weight: normal; color: #333f48; padding: 1.5rem; }
.home-grid .tile:hover .tile-bottom .tile-middle { opacity: 1; }
@media screen and (max-width: 991px) {
.home-grid .tile { flex: 0 1 calc(50% - 3rem); margin-bottom: 4.5rem; }
.home-grid .tile .tile-top h2 { padding: 0 1rem; }
.home-grid .tile .tile-bottom .tile-middle { position: static; background-color: transparent; opacity: 1; }
.home-grid .tile .tile-bottom .tile-middle .tile-text { font-size: 1.3rem; color: #fff; padding: .5rem 1rem; }
.home-grid .tile .tile-bottom .bgImg:after { padding-bottom: 75%; }
}
@media screen and (max-width: 600px) {
.home-grid .tile { flex: 0 1 calc(100% - 3rem); }
.home-grid .tile .tile-middle { min-height: 0 !important; }
}
/* -------------------------------------------------- */
/* !- Category Product Grid */
.narrow-header .category-header,
.narrow-header .category-header .container,
.narrow-header .category-header .container .row { height: auto !important; }
.narrow-header .category-header h1 { color: inherit; margin: 0; padding: 3vw 0 2.5vw; }
.narrow-header .cat-mobile-header-img,
.narrow-header .category-header { background-size: contain; background-repeat: repeat; }
.category-header.no-image { background-color: #ECF1F4 !important; }
.category-header.no-image,
.category-header.no-image .container,
.category-header.no-image .container .row { height: auto !important; }
.category-header.no-image h1 { color: inherit; margin: 0; padding: 3vw 0 2.5vw; }
.category-header a.btn { background-color: rgb(235,20,10); line-height: 1; padding-top: .4em; padding-bottom: .4em; }
.category-header a.btn:hover { background-color: rgba(221, 20, 10, 1); }
.categ-view-wrap { background-color: #ECF1F4; background-color: rgb(235,20,10); }
.categ-view-wrap .cat-content { margin-bottom: 0; padding-bottom: 4rem; }
.categ-view-wrap .breadcrumbs { color: #fff; }
.categ-view-wrap .breadcrumbs a { color: inherit; }
.category-grid { padding: 0 1.5rem !important; }
.category-grid + .category-grid { border-top: 1px solid rgba(0,0,0,.05); padding: 5rem 1.5rem 0 !important; }
.category-grid:last-child { margin-bottom: 0 !important; }
.category-grid .cat-header { display: flex; align-items: center; padding: 0 0 1.5rem; }
.category-grid .cat-header .hx { flex: 1 1 auto; padding: 0; margin: 0; font-size: 2.7rem !important; color: #fff; }
.category-grid .cat-header a { flex: 0 0 0; white-space: nowrap; padding: .4em 1em; color: #fff; border: 2px solid currentColor; border-radius: 3px; }
.category-grid .cat-header a:after { font-family: FontAwesome; content: "\f105"; display: inline-block; padding-left: .75em; }
.category-grid .cat-header a:hover { background-color: #fff; color: #555; border-color: transparent; }
.products-list-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -1.5rem; }
.products-list-grid > div { flex: 0 0 33.33%; padding: 0 1.5rem; margin-bottom: 3rem; }
.products-list-grid .pgi-wrap { position: relative; }
.products-list-grid .pgi-inner { display: block; padding: 0; border: 1px solid #DADFE0; border-radius: 1px; overflow: hidden; }
.products-list-grid .pgi-top { display: flex; align-items: center; min-height: 60px; text-align: left; padding: 0 1.5rem; background-color: #F7F9FB; border-bottom: 1px solid #DADFE0; }
.products-list-grid .pgi-top .pName { font-weight: 300; font-size: 1.8rem; line-height: 1.1; margin: 0; padding: 0; }
.products-list-grid .pgi-image-wrap { overflow: hidden; background-color: #fff; }
.products-list-grid .pgi-image-wrap .pgi-image { display: block; height: auto !important; max-width: 100% !important; padding-bottom: 100%; }
.products-list-grid .pgi-learnmore { background-color: #F7F9FB; padding: .8rem 1rem; border-top: 1px solid #DADFE0; }
.products-list-grid .btn-buynow,
.products-list-grid .pgi-learnmore .btn { display: block; width: auto; padding: .65em 1.2em; background-color: rgb(254,230,0); color: #333f48; font-weight: bold; border-radius: 3px; }
.products-list-grid .btn-buynow { position: absolute; bottom: .8rem; margin: 0 1px 1px; left: 1rem; right: 1rem; }
.products-list-grid .btn-buynow .fa { font-size: 1.4em; line-height: 1; padding: 0; position: absolute; top: 50%; margin: 0 0 0 -.5em; transform: translate(-100%, -50%); }
.products-list-grid .pgi-learnmore .btn:hover,
.products-list-grid .btn-buynow:hover { background-color: rgba(225, 203, 0, 1); }
@media screen and (max-width:991px) {
.top-level-cat { background-color: transparent; }
.category-grid { padding: 3rem 1.5rem !important; }
.col-main .category-header { text-align: center; }
.col-main .category-header .cat-mobile-header-img + div > * { max-width: 600px; margin: 0 auto; }
.col-main .category-header p { display: block; color: inherit !important; }
.col-main .category-header p br { display: none; }
.col-main .category-header p + a { display: none; }
}
@media screen and (max-width:800px) {
.products-list-grid > div { flex-basis: 50%; }
}
@media screen and (max-width:600px) {
.category-grid .cat-header .hx { font-size: 2.2rem !important; }
.products-list-grid > div { flex-basis: 100%; }
.category-grid .cat-header { padding-left:1rem; padding-right: 1rem; }
.category-grid .cat-header a { font-size: 0; }
.category-grid .cat-header a:after { font-size: 2rem; line-height: 1; padding: .6rem 1.2rem; }
}
/* -------------------------------------------------- */
/* !- Below Add to Cart Banner */
.col-main > .below-add2cart-banner { display: none; }
.product-shop .below-add2cart-banner { margin-top: 30px; }
.product-shop .below-add2cart-banner > div { position: relative; border: 2px solid #00AEC7; border-radius: 4px; }
.product-shop .below-add2cart-banner p { margin: 0; padding: 1rem 1.75rem; font-weight: 300; font-size: 1.15em; }
.product-shop .below-add2cart-banner p strong { display: block; font-size: 1.5em; line-height: 1; color: #00AEC7; text-transform: uppercase; }
.product-shop .below-add2cart-banner .coupon { font-weight: bold !important; }
.product-shop .below-add2cart-banner small { position: absolute; top: 100%; left: 2rem; opacity: .6; display: inline-block; padding: .5em 0; font-size: .8em; }
/* -------------------------------------------------- */
/* !- Product View Qty Plus Minus. by AlexParra */
.product-view {}
.product-view .product-shop .add-to-cart { position: relative; }
.product-view .product-shop .qty-holder { position: absolute; bottom: 100%; right: 0; padding-bottom: 10px; color: #222; }
.product-view .product-shop .qty-holder label { display: inline-block; vertical-align: middle; margin: 0; }
.product-view .product-shop .qty-holder .qty-wrap { display: inline-block; vertical-align: middle; border: 1px solid #ddd; border-radius: 3px; max-width: 6em; }
.product-view .product-shop .qty-holder .input-text.qty { display: block; width: 100%; border: none; padding: 0.4em 0.25em; font-size: 1.2em; text-align: center; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus { position: relative; padding: 0 2.5em; max-width: 8em; line-height: 0; font-weight: 300; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .input-text.qty { line-height: 1.4; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn { position: absolute; left: 0; top: 50%; width: 2.5em; height: 100%;
text-align: center; font-size: 1em; color: #888 !important; transform:translate(0%, -50%); }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn:before { position: absolute; left: 50%; top: 50%; font-size: 1.5em; color: inherit; transform:translate(-50%, -50%); }
.no-touch .product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn:hover { cursor: pointer; background-color: #eee; color: #222; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn.qty-plus { left: auto; right: 0; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn.qty-plus:before { content: "\002B"; }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn.qty-minus { }
.product-view .product-shop .qty-holder .qty-wrap.plus-minus .qty-btn.qty-minus:before { content: "\2212"; }
.product-view .product-shop .price-box { white-space: nowrap; }
.product-view .product-shop .price-box .special-price { margin-bottom: 0; }
.product-view .product-shop .price-box .regular-price { display: inline-block; vertical-align: middle; min-width: 8em; margin-right: 20px; }
.product-view .product-shop .price-box .qty-holder { position: relative; bottom: auto; right: auto; top: auto; left: auto; padding: 0; display: inline-block; vertical-align: middle; margin-left: 15px; }
.product-view .product-shop .price-box .special-price .qty-holder { vertical-align: bottom; }
@media (max-width:991px) {
.catalog-product-view .main-container { padding-top: 3rem; }
.col1-layout .product-view .product-info,
.col1-layout .product-shop .product-options-bottom,
.col1-layout .add-to-box { border-bottom: none !important; }
.add-to-cart button.button.btn-cart { width: 100%; max-width: 300px; margin: 10px auto 0; }
.add-to-cart button.button.btn-cart span { font-size: inherit; }
}
/* -------------------------------------------------- */
/* !- Product Pages */
.product-view .product-essential { padding-bottom: 4rem; }
.product-view .product-essential .product-img-box #prod-slider { margin: 0 auto; max-width: 480px; }
.product-view .product-essential .product-img-box #prod-slider .slides .slide { height: auto !important; }
.product-view .product-essential .product-img-box #prod-slider .slides .slide:after { content: ""; display: block; padding-bottom: 100%; }
.prod-sales-faq h2.faq-title { font-size: 2.2rem; margin: 0 0 5px 0; }
.prod-sales-faq .prod-faq-content .accordion-toggle { line-height: 1.4; padding-left: 10px; padding-right: 50px; }
.prod-sales-faq .prod-faq-content .accordion-content { line-height: 1.4; color: inherit; margin-top: 0; padding: 0 0 2rem 0; }
.prod-sales-faq .prod-faq-main .faq-support-link { display: flex; align-items: center; margin: 3rem 0 0; text-align: left; width: 190px; padding: .2em 0 .2em .7em;
background-color: #00AEC7; color: #fff; font-weight: bold; border-radius: 4px; text-transform: uppercase; }
.prod-sales-faq .prod-faq-main .faq-support-link:hover { background-color: rgba(0, 173, 199, 0.9); }
.prod-sales-faq .prod-faq-main .faq-support-link > span { position: static; flex: 1 1 auto; }
.prod-sales-faq .prod-faq-main .faq-support-link > svg { position: static; flex: 0 0 auto; }
.prod-sales-faq .prod-faq-main .faq-support-link svg * { fill: currentColor; }
@media screen and (max-width: 900px) {
.prod-sales-faq > .container { display: block !important; }
.prod-sales-faq .prod-faq-main { display: block !important; width: 100%; float: none; }
.prod-sales-faq .prod-faq-img-col { display: none !important; }
}
@media screen and (max-width: 600px) {
.product-features { padding-bottom: 0; }
.product-features .product-features-grid > * { flex: 1 1 100%; }
}
.range-extender-setup,
.info-page {
padding: 20px 15px 60px 15px; }
.range-extender-setup h1,
.info-page h1 {
display: block; }
.range-extender-setup h1,
.info-page h1 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 34px !important; }
.range-extender-setup .subhead {
display: block;
margin-top: 1rem;
margin-bottom: 1em;
font-family: 'Gotham-Medium', sans-serif;
font-size: 2rem; }
.info-page .subhead {
display: block;
margin-top: 3.5rem;
margin-bottom: 1em;
font-family: 'Gotham-Medium', sans-serif;
font-size: 2rem; }
.range-extender-setup p {
font-size: 1.6rem;
line-height: 1.5; }
.info-page p,
.info-page table.phone-numbers {
font-size: 1.6rem;
line-height: 1.5; }
.info-page p {
margin-top: 1.5em; }
.info-page table.phone-numbers {
display: inline-block;
margin: 0 0 -.3em 0;
border-collapse: collapse;
border-spacing: 0;
line-height: 1.75; }
.info-page table.phone-numbers td {
padding-right: .5em; }
.info-page table.phone-numbers td span {
white-space: nowrap; }
.range-extender-setup ol.methods {
padding-left: 2.25em; }
.range-extender-setup ol.methods li {
font-size: 1.6rem;
margin-top: 1.75em;
padding-left: 1em; } {
padding-left: 2.25em; }
.range-extender-setup ol.methods .method1 .diagram,
.range-extender-setup ol.methods .method2 .diagram,
.range-extender-setup ol.methods .method3 .diagram {
margin-top: 1em;
text-align: center; }
.range-extender-setup ol.methods .method1 .diagram:last-child {
margin-top: 1.5em; }
.range-extender-setup ol.methods .method2 .diagram {
display: inline-block;
width: 48%; }
.range-extender-setup ol.methods .method3 .diagram {
margin-top: 1.5em; }
.range-extender-setup ol.methods .diagram h3.wrong,
.range-extender-setup ol.methods .diagram h3.right {
margin-top: 0;
margin-bottom: 0;
font-family: 'Gotham-Medium', sans-serif;
font-weight: normal;
font-size: 1.25em;
text-align: left;
vertical-align: middle;
white-space: nowrap; }
.range-extender-setup ol.methods .diagram h3.wrong {
color: #eb140a; }
.range-extender-setup ol.methods .diagram h3.wrong:before {
content: "";
display: inline-block;
margin-right: .25em;
height: 2em;
width: 2em;
vertical-align: middle;
background: url("/web/20220206061251im_/https://motorolacable.com/images/icons/circle-x-mark_red.png") no-repeat center center; }
.range-extender-setup ol.methods .diagram h3.right {
color: #69c346; }
.range-extender-setup ol.methods .diagram h3.right:before {
content: "";
display: inline-block;
margin-right: .25em;
height: 2em;
width: 2em;
vertical-align: middle;
background: url("/web/20220206061251im_/https://motorolacable.com/images/icons/circle-checkmark_green.png") no-repeat center center; }
.range-extender-setup a {
font-weight: bold; }
.moca_coax-network {}
.moca_coax-network h2 {
margin-top: 1.75em; }
.moca_coax-network .info-page ol.steps,
.moca_coax-network .info-page ul.steps {
padding-left: 2.25em; }
.moca_coax-network ol.steps li,
.moca_coax-network ul.steps li {
font-size: 1.6rem;
margin-top: .5em;
padding-left: 1em; }
.moca_coax-network .diagram1,
.moca_coax-network .diagram2A,
.moca_coax-network .diagram2B,
.moca_coax-network .diagram3,
.moca_coax-network .diagram4A,
.moca_coax-network .diagram4B {
margin-top: 1rem;
padding-left: 2.25em; }
.moca_coax-network .diagram_poe-filter {
margin-top: 2rem;
margin-bottom: .5rem; }
.moca_coax-network table.routers-with-moca {
font-size: 1.6rem;
margin-top: 2em;
margin-bottom: 1.5em;
border-spacing: 0;
border-collapse: collapse; }
.moca_coax-network table.routers-with-moca th,
.moca_coax-network table.routers-with-moca td {
padding: .5em;
padding-right: 2em;
border: 1px solid #cfcac3;
vertical-align: top; }
/* .moca_coax-network table.routers-with-moca tr td.company {
font-weight: 700; } */
/* .moca_coax-network table.routers-with-moca tr:nth-child(even) td {
background: #f6f6f6;
} */
.moca_coax-network table.routers-with-moca th {
/* background-color: #828483; */
background: #f0f0f0;
font-weight: 700; }
/* .moca_coax-network .diagram2B {
width: 52%;
height: 52%; }
.moca_coax-network .diagram1,
.moca_coax-network .diagram3 {
width: 55%;
height: 55%; }
.moca_coax-network .diagram2A,
.moca_coax-network .diagram4A,
.moca_coax-network .diagram4B {
width: 33%;
height: 33%; }
.moca_coax-network .diagram2B {
width: 52%;
height: 52%; } */
@media screen and (max-width: 780px) {
.range-extender-setup ol.methods {
padding-left: 1em; }
.range-extender-setup ol.methods li {
padding-left: .5em; }
.range-extender-setup ol.methods .diagram {
margin-top: 1em; }
.range-extender-setup ol.methods .method2 .diagram {
/* display: block; */
width: 100%; }
.range-extender-setup ol.methods .method1 .diagram img,
.range-extender-setup ol.methods .method2 .diagram img,
.range-extender-setup ol.methods .method3 .diagram img {
width: 100%;
height: auto; }
.moca_coax-network .diagram1,
.moca_coax-network .diagram2A,
.moca_coax-network .diagram2B,
.moca_coax-network .diagram3,
.moca_coax-network .diagram4A,
.moca_coax-network .diagram4B,
.moca_coax-network .diagram_poe-filter {
height: auto;
width: 100%; }
/* .moca_coax-network table.routers-with-moca {
width: 100%; } */
}
/* -------------------------------------------------- */
/* !- Contact Page */
.contact-info {
}
.contact-info .container h1 {
margin-top: 50px;
margin-bottom: 0;
font-size: 34px !important; }
/* .contact-info .container table.phone-numbers {
font-size: 1.6rem;
line-height: 1.5; }
display: inline-block;
margin: 0 0 -.3em 0;
border-collapse; collapse;
border-spacing: 0;
line-height: 1.75; } */
.contact-info .container h2 {
margin-top: 40px;
margin-bottom: .5em;
padding-bottom: .125em;
font-size: 22px !important;
border-bottom: 1px solid #DADFE0; }
.contact-info .container .notice {
color: #eb140a;
font-weight: 400; }
.contact-info .container .support,
.contact-info .container .sales {
display: inline-block;
width: 100%;
height: 100%; }
.contact-info .container .sales {
margin-top: -10px;
margin-bottom: 100px; }
.contact-info .container .support dl,
.contact-info .container .sales dl {
display: inline-block;
margin: 0;
width: 100%;
font-size: 1.15em; }
.contact-info .container .support dt,
.contact-info .container .sales dt {
float: left;
clear: left;
margin: 0 .375em 0 0;
width: 3.5em; }
.contact-info .container .support dt,
.contact-info .container .sales dt,
.contact-info .container .support dd,
.contact-info .container .sales dd {
line-height: 1.675; }
.contact-info .container .support dd,
.contact-info .container .sales dd {
float: left;
margin: 0 0 .5em 0; }
.contact-info .container .support dd a,
.contact-info .container .sales dd a {
font-weight: 600; }
.contact-info .container .support dd .indent,
.contact-info .container .support dd .other_uk,
.contact-info .container .support dd .other_spain {
display: inline-block;
width: 3.25em; }
.contact-info .container .support dd .hours {
margin-top: .375em;
line-height: 1.375; }
/* -------------------------------------------------- */
/* !- Cable Service Providers page */
.cable-provider-info {
}
.cable-provider-info .container h1 {
margin-top: 50px;
margin-bottom: 25px;
font-size: 34px !important; }
/* .cable-provider-info .container table.phone-numbers {
font-size: 1.6rem;
line-height: 1.5; }
display: inline-block;
margin: 0 0 -.3em 0;
border-collapse; collapse;
border-spacing: 0;
line-height: 1.75; } */
.cable-provider-info .container h2 {
margin-top: 40px;
margin-bottom: .5em;
padding-bottom: .125em;
font-size: 22px !important;
border-bottom: 1px solid #DADFE0; }
.cable-provider-info .container .notice {
color: #eb140a;
font-weight: 400; }
.cable-provider-info .container .support,
.cable-provider-info .container .sales {
display: inline-block;
width: 100%;
height: 100%; }
.cable-provider-info .container .sales {
margin-top: -10px;
margin-bottom: 70px; }
.cable-provider-info .container .support dl,
.cable-provider-info .container .sales dl {
display: inline-block;
margin: 0;
width: 100%;
font-size: 1.15em; }
.cable-provider-info .container .support dt,
.cable-provider-info .container .sales dt {
float: left;
clear: left;
margin: 0 .375em 0 0;
width: 3.5em; }
.cable-provider-info .container .support dt,
.cable-provider-info .container .sales dt,
.cable-provider-info .container .support dd,
.cable-provider-info .container .sales dd {
line-height: 1.675; }
.cable-provider-info .container .support dd,
.cable-provider-info .container .sales dd {
float: left;
margin: 0 0 .5em 0; }
.cable-provider-info .container .support dd a,
.cable-provider-info .container .sales dd a {
font-weight: 600; }
.cable-provider-info .container .support dd .indent,
.cable-provider-info .container .support dd .other_uk,
.cable-provider-info .container .support dd .other_spain {
display: inline-block;
width: 3.25em; }
.cable-provider-info .container .support dd .hours {
margin-top: .375em;
line-height: 1.375; }
.gpl-code-center .container h1 {
margin-top: 50px;
margin-bottom: 25px;
font-size: 34px !important; }
table.cable-modem-certs {
margin-top: 35px;
width: 100%; }
table.cable-modem-certs th,
table.cable-modem-certs td {
border: 1px solid #d9d9d9; }
table.cable-modem-certs th {
padding: 1.25rem .5rem;
background: #42505a;
font-family: 'Gotham-Medium';
font-size: 1.25em;
color: #fff;
text-align: center;
vertical-align: top; }
/* table.cable-modem-certs th div {
padding: 1rem .5rem;
background: #42505a;
font-family: 'Gotham-Medium';
font-size: 1.25em;
color: #fff;
text-align: center;
vertical-align: middle; } */
table.cable-modem-certs th:first-child {
background: none;
border-top: none;
border-bottom: none;
border-left: none; }
table.cable-modem-certs tr.provider-logos td:first-child {
border-top: none;
border-left: none; }
table.cable-modem-certs tr.provider-logos td {
padding: 1.25rem .5rem;
text-align: center;
vertical-align: top; }
table.cable-modem-certs td.device {
clear: both; }
table.cable-modem-certs td.device .prod-image {
display: inline-block;
float: left;
padding: 1rem .5rem;
width: 22%;
box-sizing: border-box;
text-align: center; }
table.cable-modem-certs td.device .model-and-name {
display: inline-block;
float: left;
padding: 1rem .5rem;
width: 76%;
box-sizing: border-box;
font-size: 1.375em;
line-height: 1; }
table.cable-modem-certs td.device .model-and-name .name {
display: inline-block;
margin-top: .675rem;
font-size: .75em;
line-height: 1.4; }
table.cable-modem-certs td.cert {
padding: 1.25rem .5rem;
width: 22%;
text-align: center;
vertical-align: top; }
table.cable-modem-certs td.cert span {
font-family: 'Gotham-Medium';
font-size: 1.25em;
color: #69c346; }
table.cable-modem-certs td.cert a {
display: block;
font-size: .95em;
margin-top: .675rem;
color: #444647; }
table.cable-modem-certs td.cert a:hover {
text-decoration: underline; }
table.code-downloads {
width: 100%;
margin-top: 35px;
border-collapse: collapse; }
table.code-downloads th, table.code-downloads td {
padding: .375em;
border: 1px solid #d9d9d9;
font-size: 1.125em; }
@media only screen and (min-width: 769px) {
.cable-provider-info p {
margin-top: 1.5rem;
font-size: 16px;
line-height: 1.5; }
.gpl-code-center p {
margin-top: 1.5rem;
font-size: 16px;
line-height: 1.5; }
}
@media only screen and (max-width: 768px) {
table.cable-modem-certs tr {
display: flex;
flex-flow: row wrap;
justify-content: space-around; }
table.cable-modem-certs tr th,
table.cable-modem-certs tr.provider-logos td,
table.cable-modem-certs tr td.cert {
display: block;
width: 33.3333%; }
table.cable-modem-certs tr th:first-child,
table.cable-modem-certs tr.provider-logos td:first-child {
display: none; }
table.cable-modem-certs tr th {
padding: 1rem .5rem;
font-weight: normal; }
table.cable-modem-certs tr.provider-logos td {
padding: 1rem .5rem; }
table.cable-modem-certs tr.provider-logos td img {
height: auto;
max-width: 100%; }
table.cable-modem-certs td.device {
width: 100%;
border-top: 3px solid #42505a;
background: #f0f0f0;
font-family: 'Gotham-Medium';
text-align: center; }
table.cable-modem-certs td.device .prod-image {
display: none; }
table.cable-modem-certs td.device .model-and-name {
float: none;
width: 100%; }
table.cable-modem-certs td.device .model-and-name .name {
margin-top: .5rem;
line-height: normal; }
table.cable-modem-certs td.device .model-and-name .name br {
display: none; }
table.code-downloads thead,
table.code-downloads tbody,
table.code-downloads tr,
table.code-downloads th,
table.code-downloads td {
display: block; }
table.code-downloads thead tr {
position: absolute;
top: -9999px;
left: -9999px; }
table.code-downloads tr {
border: 1px solid #d9d9d9; }
table.code-downloads td {
border: none;
border-bottom: 1px solid #d9d9d9;
position: relative;
padding-left: 50%; }
/* table.code-downloads td:first-child { background: #f0f0f0; } */
table.code-downloads td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap; }
table.code-downloads td:nth-of-type(1):before { content: "Model"; font-weight: bold; }
table.code-downloads td:nth-of-type(2):before { content: "Version"; font-weight: bold; }
table.code-downloads td:nth-of-type(3):before { content: "File Download"; font-weight: bold; }
table.code-downloads td:nth-of-type(4):before { content: "File Size"; font-weight: bold; }
}
/* -------------------------------------------------- */
/* !- Firmware Page */
.firmware-page {
}
.firmware-page .container h1 {
margin-top: 50px;
margin-bottom: 30px;
font-size: 34px !important; }
.firmware-page .container h1 a.lang-select {
display: block;
margin-top: 1.5rem;
font-size: 1.6rem;
font-weight: normal; }
.firmware-page .region-notice {
margin-top: 2em;
font-size: 1.15em; }
.firmware-page .file-download {
margin-bottom: 1.5em;
/* padding: .5em;
background: #f5f5f5;
border-top: 1px solid #DADFE0;
border-bottom: 1px solid #DADFE0; */ }
.firmware-page .file-download .file-details {
display: block;
font-size: .9em;
line-height: 1.5; }
.firmware-page .container h2 {
margin-top: 40px;
margin-bottom: 1em;
padding-bottom: .125em;
font-size: 24px !important;
border-bottom: 1px solid #DADFE0; }
.firmware-page .container {
margin-bottom: 70px; }
.firmware-page .container .btn-download {
display: inline-block;
min-width: 23em;
margin-top: .75em;
margin-bottom: .375em;
border-radius: 3px;
background: #00AEC7;
font-size: 1.25em;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 2em; }
.firmware-page .container .btn-download_firmware {
display: inline-block;
/* min-width: 23em; */
margin-top: .75em;
margin-bottom: .375em;
padding: 0 3rem;
border-radius: 3px;
background: #00AEC7;
font-size: 1.25em;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 2em; }
.firmware-page .container p, .firmware-page .container li {
font-size: 1.15em; }
.firmware-page .container ol li {
margin-bottom: .5em; }
/* -------------------------------------------------- */
/* !- Customer Account Pages */
.form-list { list-style: none; margin: 0; margin-bottom: 1em; padding: 0; }
.form-list > li { margin-bottom: .5em; }
input.checkbox { margin-top: 0 !important; display: inline-block; width: auto; }
input.checkbox + label { margin-left: .5em !important; cursor: pointer; font-weight: normal !important; font-size: .9em !important; }
.btn-fluid { height: auto; margin: 0; padding: .5em 2em; font-size: 1em; }
.btn-sm { padding: .25em 1.25em; font-size: .9em; }
.btn-alt { background-color: #ddd; color: #444; }
.btn-alt:hover { background-color: #eee; }
.customer-account-login {}
.customer-account-login label.required { position: relative; padding-right: .5em; }
.customer-account-login label.required em { position: absolute; left: 100%; color: red; font-size: .8em; top: 50%; transform: translate(0, -50%); }
.customer-account-login .input-text { width: 100%; }
.customer-account-login .page-title { text-align: center; padding-top: 30px; margin-bottom: 30px; }
.customer-account-login .page-title h1 { font-size: 32px !important; margin: 0; }
.customer-account-login .col-main { padding: 0 3vw 6vw; min-height: 35vw; }
.customer-account-login .col-main form { max-width: 450px; margin: 0 auto; }
.customer-account-login .col-main form h2 { font-size: 1.8rem; line-height: 1.4; margin: 0; }
.customer-account-login .col-main form label { margin: 0; font-weight: 300; font-size: .8em; }
.customer-account-login .col-main form .input-text { height: auto; padding: .3em .6em; font-size: 16px; border-radius: 0; border: 1px solid #ddd; }
.customer-account-login .col-main form .input-text:focus { outline: none; border-color: #00aec7; }
.customer-account-login .col-main form > .row { display: flex; flex-flow: column-reverse nowrap; margin: 0; }
.customer-account-login .col-main form > .row > * { width: 100%; padding: 15px 0 60px; border: none; margin: 0; }
.customer-account-login .registered-users {}
.customer-account-login .registered-users h2 { display: none; }
.customer-account-login .registered-users h2 + p { display: none; }
.customer-account-login .registered-users p.required { display: none; }
.customer-account-login .registered-users .buttons-set { display: flex; flex-wrap: nowrap; align-items: center; }
.customer-account-login .registered-users .buttons-set > * { flex-grow: 1; }
.customer-account-login .registered-users .buttons-set .forgot-pass { text-align: right; font-size: .8em; }
.customer-account-login .registered-users .buttons-set .login-btn .btn { height: auto; margin: 0; width: 100%; max-width: 200px; }
.customer-account-login .new-users { text-align: center; }
.customer-account-login .new-users h2 + p { display: none; }
.customer-account-login .new-users .new-users-register { }
.customer-account-login .new-users .new-users-register span { font-weight: bold; padding-right: .5em; }
.customer-account-login .new-users .new-users-register a {}
.customer-account-login .buttons-set .button { }
.customer-account-forgotpassword {}
.customer-account-forgotpassword label.required { position: relative; padding-right: .5em; }
.customer-account-forgotpassword label.required em { position: absolute; left: 100%; color: red; font-size: .8em; top: 50%; transform: translate(0, -50%); }
.customer-account-forgotpassword .input-text { width: 100%; }
.customer-account-forgotpassword .col-main { padding: 0 3vw 6vw; min-height: 35vw; }
.customer-account-forgotpassword .page-title { text-align: center; padding-top: 30px; margin-bottom: 30px; }
.customer-account-forgotpassword .page-title h1 { font-size: 32px !important; margin: 0; }
.customer-account-forgotpassword .col-main form { max-width: 450px; margin: 0 auto; }
.customer-account-forgotpassword .col-main form p { font-size: .9em; opacity: .9; }
.customer-account-forgotpassword .col-main form label { margin: 0; font-weight: 300; font-size: .8em; }
.customer-account-forgotpassword .col-main form .input-text { height: auto; padding: .3em .6em; font-size: 16px; border-radius: 0; border: 1px solid #ddd; }
.customer-account-forgotpassword .col-main form .input-text:focus { outline: none; border-color: #00aec7; }
.customer-account-forgotpassword .col-main form p.required { display: none; }
.customer-account-forgotpassword h2 { display: none; }
.customer-account-forgotpassword .back-link { padding-top: 6em; text-align: center; }
.customer-account-forgotpassword .back-link a { font-size: 1.3rem; }
.customer-account-create {}
.customer-account-create label.required { position: relative; padding-right: .5em; }
.customer-account-create label.required em { position: absolute; left: 100%; color: red; font-size: .8em; top: 50%; transform: translate(0, -50%); }
.customer-account-create .input-text { width: 100%; }
.customer-account-create .col-main { padding: 0 3vw 6vw; min-height: 35vw; }
.customer-account-create .page-title { text-align: center; padding-top: 30px; margin-bottom: 30px; }
.customer-account-create .page-title h1 { font-size: 32px !important; margin: 0; }
.customer-account-create .col-main form { max-width: 450px; margin: 0 auto; }
.customer-account-create .col-main form p { font-size: .9em; opacity: .9; }
.customer-account-create .col-main form label { margin: 0; font-weight: 300; font-size: .8em; }
.customer-account-create .col-main form .input-text { height: auto; padding: .3em .6em; font-size: 16px; border-radius: 0; border: 1px solid #ddd; }
.customer-account-create .col-main form .input-text:focus { outline: none; border-color: #00aec7; }
.customer-account-create .col-main form p.required { display: none; }
.customer-account-create .col-main form h2.legend { display: none; }
.customer-account-create .fieldset { margin: 0; padding: 0; }
.customer-account-create .control label { background-color: transparent; }
.customer-account-create .back-link { padding-top: 6em; text-align: center; }
.customer-account-create .back-link span { font-weight: bold; padding-right: .5em; }
.customer-account-create .back-link a { font-size: 1.3rem; }
.customer-area {}
.customer-area .col2-set { display: flex; }
.customer-area .col2-set + .col2-set { margin-top: 3em; }
.customer-area .col2-set > * { flex-grow: 1; flex: 1; padding: 0 15px; }
.customer-area .col2-set > *:first-child { padding-left: 0; }
.customer-area .col2-set > *:last-child { padding-right: 0; }
.customer-area .box-content:after { content: ""; display: table; clear: both; }
.customer-area .box-content > .col-1,
.customer-area .box-content > .col-2 { float: left; width: 50%; padding: 0 15px; }
.customer-area .box-content > .col-1 { padding-left: 0; }
.customer-area .box-content > .col-2 { padding-right: 0; }
.customer-area .main-container { padding: 0 30px; }
.customer-area .main.container { padding-top: 2vw; padding-bottom: 6vw; min-height: 35vw; width: 100% !important; max-width: 1170px; }
.customer-area .col-main {}
.customer-area .page-title { position: relative; padding-bottom: 1rem; }
.customer-area .page-title h1 { font-size: 32px !important; margin: 0; line-height: 4rem; }
.customer-area .page-title.title-buttons { text-align: right; }
.customer-area .page-title.title-buttons:after { content: ""; display: table; clear: both; }
.customer-area .page-title.title-buttons h1 { float: left; padding-right: 3em; }
.customer-area .page-title.title-buttons button {}
.customer-area .page-title.title-buttons .separator { opacity: .5; }
.customer-area .sidebar .block { display: none; }
.customer-area .block-account { display: block !important; padding-top: 5rem; padding-right: 20px; padding-bottom: 5rem; }
.customer-area .block-account .block-title { padding: 0 0.2rem 0.5rem; text-transform: uppercase; border-bottom: 1px solid #eee; }
.customer-area .block-account .block-title strong { font-weight: 300; }
.customer-area .block-account ul { list-style: none; padding: 0; margin: 0; }
.customer-area .block-account li { text-transform: none; font-size: 1.4rem; border-bottom: 1px solid #eee; }
.customer-area .block-account li a { display: block; padding: .5em .2rem; color: #555659; }
.customer-area .block-account li a:hover,
.customer-area .block-account li.current a { color: #00AEC7; text-decoration: none; }
.customer-area .block-account li.current a { font-weight: bold; }
.customer-area .block-account li a:focus { text-decoration: none; }
.customer-area .block-account li.logout { border-bottom: none; padding-top: 2em; }
.customer-area .block-account li.logout a { display: inline-block; background-color: #ddd; border-radius: 3px; padding: .5em 2em; color: #555; }
.customer-area .block-account li.logout a:hover { background-color: #eee; }
.customer-area .col-main h2 { margin: 0 0 1rem; font-size: 1.4em; line-height: 1.4; text-transform: uppercase; }
.customer-area .col-main h3 { }
.customer-area .col-main h3.table-caption { font-size: 1em; margin: 0; opacity: .9; padding: 0 1rem; }
.customer-area .col-main h4 { margin: 0 0 .5rem; font-size: 1em; line-height: 1.4; color: #888; }
.customer-area .col-main .box {}
.customer-area .col-main .box .box-title { padding: 0 0 .5em 0; font-size: 1em; color: #555659; position: relative; }
.customer-area .col-main .box .box-title h2,
.customer-area .col-main .box .box-title h3 { margin: 0; font-size: 1.2em; line-height: inherit; }
.customer-area .col-main .box .box-title a { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); font-size: .9em; padding: 0 .5em; }
.customer-area .col-main form {}
.customer-area .col-main form h2.legend { font-size: 1.1em; }
.customer-area .col-main form .fieldset { padding-bottom: 1em; }
.customer-area .col-main form label { margin: 0; font-weight: 300; font-size: .8em; }
.customer-area .col-main form label.required { position: relative; padding-right: .5em; }
.customer-area .col-main form label.required em { position: absolute; left: 100%; color: red; font-size: .8em; top: 50%; transform: translate(0, -50%); }
.customer-area .col-main form .input-text { width: 100%; height: auto; padding: .3em .6em; font-size: 16px; border-radius: 0; border: 1px solid #ddd; }
.customer-area .col-main form .input-text:focus { outline: none; border-color: #00aec7; }
.customer-area .col-main form p.required { color: red; font-size: .8em; text-align: right; float: right; }
.customer-area .col-main .buttons-set { position: relative; padding-bottom: 2em; margin-bottom: 3rem; }
.customer-area .col-main .buttons-set .back-link { position: absolute; top: 100%; left: 0; }
.customer-area .col-main .button,
.customer-area .col-main .buttons-set button[type=submit] { display: inline-block; border: none; font-size: 15px; color: #fff;
background-color: #00AEC7; padding: .5em 2em; font-size: 1.1em; transition: all .2s ease; text-align: center; vertical-align: middle;
font-weight: normal; white-space: nowrap; line-height: 1.4; user-select: none; }
.customer-area .col-main .button:hover,
.customer-area .col-main .buttons-set button[type=submit]:hover { background-color: rgba(0, 173, 199, 0.8); }
.customer-area .data-table { width: 100%; border: 1px solid #fafafa; margin-bottom: 1rem; }
.customer-area .data-table .a-center { text-align: center; }
.customer-area .data-table .a-right { text-align: right; }
.customer-area .data-table th { font-size: 1.3rem; text-transform: none; padding: .5rem 1rem; background-color: #f9f9f9; }
.customer-area .data-table tbody + tbody tr,
.customer-area .data-table tbody tr + tr { border-top: 1px solid #f9f9f9; }
.customer-area .data-table tbody td { font-size: 1.2rem; padding: .8rem 1rem; }
.customer-area .data-table tfoot tr:first-child td { border-top: 1px solid #f9f9f9; padding-top: .8rem; }
.customer-area .data-table tfoot tr:last-child td { padding-bottom: .8rem; }
.customer-area .data-table tfoot td { font-size: 1.3rem; padding: .4rem 1rem; background-color: #fcfcfc; }
.customer-area .data-table tfoot .grand_total td { font-size: 1.5rem; }
.customer-area .data-table td a { text-transform: none; font-size: 1.2rem; font-family: inherit; }
.customer-area .data-table .bundle.label td { padding: 0; }
.customer-area .data-table .bundle.child td { padding-top: 0; }
.customer-area .data-table span.nobr { white-space: nowrap !important; }
.customer-area .welcome-msg { margin-bottom: 2em; }
.customer-area .welcome-msg .hello { margin: 0; }
.customer-area .box-account.box-recent { position: relative; padding-bottom: .5rem; margin-bottom: 8rem; }
.customer-area .box-account.box-recent .box-head {}
.customer-area .box-account.box-recent .box-head a { position: absolute; top: 100%; left: 0; padding: 0 .5em; }
.customer-area .box-account.box-recent .box-head a:after { content: "›"; display: inline; padding: 0 .4em; }
#my-orders-table .nobr { font-size: .9em; }
#my-orders-table .nobr a { display: block; padding: .1em 1em; }
#my-orders-table .nobr .separator { display: none; }
.customer-area .data-table h4.product-name,
#my-orders-table h3 { font-size: 1em; line-height: inherit; margin: 0; color: inherit; }
.customer-area .addresses-primary {}
.customer-area .addresses-primary ol { list-style: none; margin: 0; padding: 0; }
.customer-area .addresses-primary li { margin-bottom: 2em; }
.customer-area .addresses-primary h3 { margin: 0; font-size: 1em; line-height: inherit; }
.customer-area .addresses-additional ol { list-style: none; margin: 0; padding: 0; }
.customer-area .addresses-additional li { list-style: none; margin: 0; padding: 0; }
.customer-area .addresses-additional li.empty { color: #aaa; }
.customer-area .pager { display: flex; margin: 0; text-align: left; padding: 0 .5em; font-size: .9em; }
.customer-area .pager > * { flex-grow: 1; flex: 1; }
.customer-area .pager p { margin: 0; }
.customer-area .pager .amount {}
.customer-area .pager .limiter { text-align: right; }
.sales-order-view .page-title h1,
.sales-order-invoice .page-title h1 { font-size: 26px !important; }
.customer-area .order-info {}
.customer-area .order-info dt { display: inline; font-weight: normal; }
.customer-area .order-info dd { display: inline; }
.customer-area .order-info dd ul { display: inline; list-style: none; margin: 0; padding: 0; }
.customer-area .order-info dd li { display: inline; padding: 0 .5em; }
.customer-area .order-info dd li.current { opacity: .75; }
.customer-area .order-date { margin-bottom: 20px; font-size: 1.2em; }
.customer-area .order-details { padding: 2em 0; }
.customer-area .order-details h2 { font-size: 1.2em; }
.customer-area .order-details h2 .separator { opacity: .5; padding: 0 1rem; }
.customer-area .order-details h2 a { text-transform: none; font-size: 1.3rem; font-weight: normal; }
.customer-area .order-links { float: right; }
.support-article-text .pdf {}
.support-article-text .pdf a { display: inline-block; background-color: #f8f8f8; border: 2px solid #f8f8f8; border-radius: 3px; padding: .5em 2em .5em 1em; }
.support-article-text .pdf a:hover { text-decoration: none !important; background-color: transparent; }
.support-article-text .pdf a:before { content:"\f1c1"; display:inline-block; margin-right: .75em; font-family:FontAwesome; font-size:1.1em; }
/* -------------------------------------------------- */
/* !- Responsive Fixes: Below X width (bigger breakpoints to lowest) */
@media only screen and (max-width: 991px) {
#homepage-content { display: flex; flex-wrap: wrap; width: auto; padding: 0 15px 15px; background-color: #F7F7F7; }
#homepage-content > * { flex: 1 1 100%; }
#homepage-content .widget.widget-static-block { max-width: 100vw !important; margin: 0 -15px 15px; }
#homepage-content > section { flex: 1 1 50%; padding: 15px !important; }
#homepage-content > section .container { height: 100%; background-color: #fff; }
#homepage-content > section .section-info svg.surround-logo,
#homepage-content > section h2 + p { display: none; }
#homepage-content > section h2 { margin: 0 !important; }
#homepage-content > section a { display: inline-block; top: 0; padding: .5em 0; font-size: 1.4rem; }
.category-header > .container > .row > div.cat-mobile-header-img { display: block; height: auto !important; padding-bottom: 40vw; min-height: 200px; }
.category-header > .container > .row > div .h1,
.category-header > .container > .row > div h1 { font-size: 3rem !important; color: #333f48 !important; }
.kb-page-wrap .leftCol { display: none; /* TO_FIX */ }
.two-col-help-pages .support-category-sub { background-color: transparent; }
.two-col-help-pages .support-category-sub .cat-info { background-color: transparent; border: none; padding: 0; margin: 0; }
.two-col-help-pages .support-category-sub .cat-info .title { float: none; width: 100%; padding: 0; }
.two-col-help-pages .kb-product-view .product-info-box { display: flex; flex-wrap: wrap; }
.two-col-help-pages .kb-product-view .product-info-box > * { flex: 1 1 100%; }
.two-col-help-pages .kb-product-view .product-info-box .support-product-contact { flex: 1 1 50%; padding-right: 15px; }
.two-col-help-pages .kb-product-view .product-info-box .marketplaces-buttons { flex: 1 1 50%; padding-left: 15px; }
.two-col-help-pages .off-canvas-search.mobile-search { display: none; }
.two-col-help-pages .kb-page-wrap .mainCol { padding-top: 2rem; }
.two-col-help-pages .kb-product-view .mobile-title { display: none; }
.two-col-help-pages .kb-product-view .product-img-box { padding-bottom: 2rem; }
.two-col-help-pages .kb-product-view .product-info-box { padding-left: 15px !important; }
.support-search-pager .pagination { display: block; margin: 0 auto; text-align: center; }
.product-info .marketplaces-buttons { text-align: center; }
.product-info .marketplaces-buttons .mkplc-btn { margin-left: auto; margin-right: auto; }
}
@media only screen and (max-width: 780px) {
#homepage-content > section { flex: 1 1 100%; padding: 15px 10px !important; }
.two-col-help-pages .support-banner { padding-bottom: 40%; }
.two-col-help-pages .support-banner h1 { font-size: 32px !important; }
.two-col-help-pages .support-banner p { font-size: 16px !important; }
.two-col-help-pages .support-article-page { padding-top: 3rem; padding-bottom: 0; }
.two-col-help-pages .support-article-extra { display: block; margin: 0 auto; max-width: 500px; }
.two-col-help-pages .support-article-extra > div { display: block; width: 100%; padding-bottom: 6rem; }
.footer-container { padding-bottom: 1.5rem; padding-top:2rem; }
.footer-middle .container { flex-wrap: wrap; flex-direction: column; margin-bottom: 0; }
.footer-middle .container .footer-logo { order: 2; width: 100%; }
.footer-middle .container .footer-links { order: 1; width: 100%; margin-bottom: 4rem; }
.footer-middle .container .footer-links .links-head { margin-bottom: 1rem; font-weight: 600; font-size: 1.325rem; }
.footer-copy-info .container .mtrlc-llc { width: 100%; }
.footer-container .links-copy-col > .block { display: flex; }
.footer-container .links-copy-col > .block > div { float: none; flex: 1; }
}
@media only screen and (max-width: 600px) {
.category-header > .container > .row > div .h1,
.category-header > .container > .row > div h1 { font-size: 2.7rem !important; color: #333f48 !important; }
.two-col-help-pages .support-banner { padding-bottom: 50%; }
.two-col-help-pages .support-categ-products > .item { width: 50%; padding: 0; }
.two-col-help-pages .support-categ-products .item-area .details-area h5 { font-size: 13px; line-height: 1.25; }
.two-col-help-pages .support-search-results .support-categ-products.showSome .item:nth-child(-n+4),
.two-col-help-pages .showSome .support-categ-products .item:nth-child(-n+4) { display: block; }
.two-col-help-pages .support-search-results .support-categ-products.showSome .item:nth-child(n+5),
.two-col-help-pages .showSome .support-categ-products .item:nth-child(n+5) { display: none; }
.two-col-help-pages .support-search-results .showAll,
.two-col-help-pages .support-category-sub .showAll { display: block; margin: 20px auto; max-width: 140px; text-align: center; }
.two-col-help-pages .kb-product-view .product-info-box .support-product-contact { flex: 1 1 100%; padding-right: 0; }
.two-col-help-pages .kb-product-view .product-info-box .marketplaces-buttons { flex: 1 1 100%; padding: 3rem 0; text-align: center; }
.two-col-help-pages .kb-product-view .product-info-box .marketplaces-buttons .mkplc-btn { margin: 0 auto; }
.support-search-pager .pagination > li > a,
.support-search-pager .pagination > li > span { padding: 6px 10px; }
}
@media only screen and (max-width: 450px) {
.two-col-help-pages .support-banner { padding-bottom: 80% }
.two-col-help-pages .support-banner-content { left: 0; top: 0; right: 0; bottom: 0; transform:translate(0%, 0%); }
.two-col-help-pages .support-cat-header { position: absolute; left: 0; top: 50%; right: 0; background-color: rgba(255,255,255, 0); transform:translate(0%, -50%); }
.two-col-help-pages .support-cat-header h1 { padding: 5px 15px 2px; }
.two-col-help-pages .support-cat-header h1 small { position: static; display: block; }
.two-col-help-pages .support-cat-header p { display: none; }
.two-col-help-pages .support-search-wrap { position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 2px solid #00aec7; }
.two-col-help-pages .support-search-wrap .articles-main-search { max-width: none; }
.two-col-help-pages .support-search-wrap .articles-main-search input { padding-top: .5em; padding-bottom: .5em; }
.two-col-help-pages .support-categ-products > .item { /* width: 100%; */ }
.two-col-help-pages .support-search-filters { font-size: 0; }
.two-col-help-pages .support-search-filters > * { font-size: 1.1rem; }
.two-col-help-pages .support-search-filters > span { display: block; padding-bottom: .25em; }
.two-col-help-pages .support-search-filters > label { margin-right: 5px; padding: .6em; }
.two-col-help-pages .support-search-filters > label span { vertical-align: middle; padding-right: .25em; }
.two-col-help-pages .support-search-filters > label input { vertical-align: middle; }
}
/* -------------------------------------------------- */
/* !- Responsive Fixes: Above X width (smaller breakpoints to biggest) */
@media only screen and (min-width: 992px) {
.hide-desktop { display: none; }
.header-container .nav-wrapper .menu-wrapper { display: flex; }
.header-container #navbar { float: none; padding: 0; }
.header-container .navbar-nav { float: none; padding: 0; white-space: nowrap; font-size: 0; }
.navbar-nav > li { float: none; display: inline-block; font-size: 1.4rem; }
}
/* -------------------------------------------------- */
/* !- Marketplace Buttons */
.marketplaces-buttons {}
.marketplaces-buttons h4 { color: #888b8d; font-weight: 300; font-size: 1em; margin-bottom: .25em; }
.marketplaces-buttons h4:last-child { display: none; }
.marketplaces-buttons .mkplc-btn { max-width: 320px; margin: 0; margin-bottom: .75rem; white-space: nowrap; }
.marketplaces-buttons .mkplc-btn .btn-price { font-size: 22px; line-height: 1; }
.marketplaces-buttons .mkplc-btn .btn-stock { font-size: 10px; }
.marketplaces-buttons .mkplc-btn a { display: block; background-color: #F7F7F7; border: 2px solid #DFE5E9; color: inherit; text-decoration: none;
border-radius: 4px; padding: .715em .5em; padding-right: 50%; position: relative; }
.marketplaces-buttons .mkplc-btn a:before {
font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content: "\f105"; display: block; font-size: 36px; color: #DFE5E9;
position: absolute; left: 50%; top: 50%; transform:translate(0, -50%);
}
.marketplaces-buttons .mkplc-btn a:after { content: ""; display: block; position: absolute;
right: 20%; top: 50%; width: 30%; height: 70%; background-size: contain; background-repeat: no-repeat; background-position: center center;
transform:translate(50%, -50%);
}
.marketplaces-buttons .mkplc-btn a:hover { border-color: #FF8700; background-color: #fff; }
.marketplaces-buttons .mkplc-btn a:hover::before { color: #FF8700; }
/* .marketplaces-buttons .mkplc-btn.amazon a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon.png); }
.marketplaces-buttons .mkplc-btn.amazon.amazon-uk a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon-uk.png); }
.marketplaces-buttons .mkplc-btn.amazon.amazon-fr a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon-fr.png); }
.marketplaces-buttons .mkplc-btn.amazon.amazon-de a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon-de.png); }
.marketplaces-buttons .mkplc-btn.amazon.amazon-it a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon-it.png); }
.marketplaces-buttons .mkplc-btn.amazon.amazon-es a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-amazon-es.png); }
.marketplaces-buttons .mkplc-btn.bestbuy a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-bestbuy.png); }
.marketplaces-buttons .mkplc-btn.target a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-target.png); }
.marketplaces-buttons .mkplc-btn.walmart a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-walmart.png); }
.marketplaces-buttons .mkplc-btn.microcenter a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-microcenter.png); }
.marketplaces-buttons .mkplc-btn.saturn a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-saturn.png); }
.marketplaces-buttons .mkplc-btn.technikdirekt a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-technikdirekt.png); }
.marketplaces-buttons .mkplc-btn.redcoon a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-redcoon.png); }
.marketplaces-buttons .mkplc-btn.conrad a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-conrad.png); }
.marketplaces-buttons .mkplc-btn.chip a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-chip.png); }
.marketplaces-buttons .mkplc-btn.idealo a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-idealo.png); }
.marketplaces-buttons .mkplc-btn.mediamarkt a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-mediamarkt.png); }
.marketplaces-buttons .mkplc-btn.lazada a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-lazada.png); }
.marketplaces-buttons .mkplc-btn.courts a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-courts.png); }
.marketplaces-buttons .mkplc-btn.ebay a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-ebay.png); }
.marketplaces-buttons .mkplc-btn.tandmore a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-tandmore.png); }
.marketplaces-buttons .mkplc-btn.flipkart a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-flipkart-v2.png); }
.marketplaces-buttons .mkplc-btn.argos a:after { background-image: url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/images/marketplaces/btn-argos.png); } */
.marketplaces-buttons h4 { font-size: 1.7rem; font-weight: bold; color: #333f48; }
.marketplaces-buttons .mkplc-btn .checkoutWith { display: none; }
.marketplaces-buttons .mkplc-btn.amazon a:after { bottom: 1px; top: auto; transform: translate(50%, 0); }
.marketplaces-buttons .mkplc-btn.amazon .checkoutWith { display: block !important; position: absolute; top: 6px; right: 0; width: 40%;
font-size: 1.1rem; font-weight: 600; text-transform: lowercase; text-align: center; color: #555; }
.marketplaces-buttons .mkplc-btn.no-price a,
.marketplaces-buttons.no-prices .mkplc-btn a { padding: 2em; }
.marketplaces-buttons .mkplc-btn.no-price a > *,
.marketplaces-buttons.no-prices .mkplc-btn a > * { display: none; }
.marketplaces-buttons .mkplc-btn.no-price a:before,
.marketplaces-buttons.no-prices .mkplc-btn a:before { right: 10%; left: auto; }
.marketplaces-buttons .mkplc-btn.no-price a:after,
.marketplaces-buttons.no-prices .mkplc-btn a:after { height: 75%; left: 10%; right: auto; width: 60%; transform: translate(0%, -50%); background-position: left center; }
.marketplaces-buttons .mkplc-btn.amazon.no-price a:after,
.marketplaces-buttons.no-prices .mkplc-btn.amazon a:after { transform: translate(0,0); }
.marketplaces-buttons .mkplc-btn.amazon.no-price .checkoutWith,
.marketplaces-buttons.no-prices .mkplc-btn.amazon .checkoutWith { left: 10%; right: auto; width: 60%; text-align: left; }
/* Bottom copy of marketplaces block */
.marketplaces-buttons-wrapper .marketplaces-buttons { padding-top: 30px; padding-bottom: 50px; }
.col-main > .product-view.cp-product + .marketplaces-buttons-wrapper { padding: 50px 0 70px; }
.col-main > .marketplaces-buttons-wrapper + .cp-product .salesfaq { padding-top: 50px; }
.marketplaces-buttons-wrapper .marketplaces-buttons h4 { text-align: center; }
.marketplaces-buttons-wrapper .marketplaces-buttons .mkplc-btn { margin: auto; }
.articles { display:block; }
.article_index h2 { font-weight:bold; }
.category-block,
.tags-block,
.articles-block {}
.articles-block .pager .pages { float:right; margin:0; }
.articles-block-main { display:block; }
.articles-block-title { margin-bottom:10px; font-size:16px; }
.articles-main-search label { display:none; }
.articles-listing { border:1px solid #C4C1BC; }
.articles_list li { margin:5px 0px; padding:5px 0px; }
.articles-article-date { font-size:85%; }
.articles-article-date span { color:#E26703; }
.articles-article-author { font-style:italic; }
.articles-detail-author { font-style:italic; font-weight:bold; text-align:right; }
.article-image { float:left; padding: 0px 10px 0px 0px; }
.articles-article-rating span { float:left; margin-right:10px; }
.clearfix { clear:both; }
.articles-article img { width:auto; }
.article-name a { font-weight:bold; text-decoration:none; }
.at-items-list dd a { display:block; font-size:11px; }
.at-tabs-bottom { background:url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/knowledgebase/images/tabs-bottom.gif) 0 0 no-repeat; height:4px; font:1px/1px arial; margin:0 0 20px 0; }
.at-items-list { margin:15px 0 0 0; }
.at-items-list dl {border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; margin:0; padding:0 15px 20px; width:190px;}
.at-items-list dl.last {border-right:medium none; margin:0 0 20px 0; }
.at-items-list dt { min-height:50px; }
.at-items-list dd .read_full_art a { float: right; color: #f05010 !important; text-decoration:none; }
.at-items-list dd .read_full_art a:hover { text-decoration:underline; }
.at-items-list dd div.summary { min-height:90px; }
.other-articles { margin:5px 0px 5px 20px; }
.other-articles li,
.top-article-right li,
.lastest-article-right li { background-image:url(https://web.archive.org/web/20220206061251im_/https://www.motorolastore.com/skin/frontend/base/default/knowledgebase/images/black-square.gif); background-position:0 7px; background-repeat:no-repeat; padding-left:6px; }
/* -------------------------------------------------- */
/* !- Knowledge Base by Alex */
.two-col-help-pages .header-container .gray-bar {}
.two-col-help-pages .header-container .gray-bar .switcher-area > * { display: none; }
.two-col-help-pages .header-container .gray-bar .switcher-area > .goToMotorola { display: block; }
.two-col-help-pages #navbar > ul > li { display: none; }
.two-col-help-pages #navbar ul > li.acat-109 { display: block; }
.two-col-help-pages .small_banner { display: none; }
.two-col-help-pages .mainCol a { color: #666; }
.two-col-help-pages .mainCol a:hover { color: #333; text-decoration: underline; }
.two-col-help-pages .no-results { color: #bbb; font-weight: 300; padding: 0 0 2em; font-size: 1.5em; }
/* -------------------------------------------------- */
/* !- Products Submenu in Support Pages. See static-block moto_nav_looking_for_help */
.two-col-help-pages nav .navbar-header .logo { margin-right: 0}
.two-col-help-pages .nav.navbar-nav.navbar-right { position: static; display: flex; float: left !important; margin-left: 2em; }
.two-col-help-pages #navbar .nav.navbar-nav.navbar-right .support-back-to-products { display: block !important; }
li:hover .hover-menu { display: block !important; }
.hover-menu { position: relative; top: -15px; font-size: 12px; line-height: 1.4; }
.hover-menu:before,
.hover-menu:after { content: ""; position: absolute; z-index: 9999; left: 50%; bottom: 100%; border: 8px solid transparent; transform:translate(-50%, 1px); }
.hover-menu:before { border-width: 9px; border-bottom-color: #e7e7e7; }
.hover-menu:after { border-bottom-color: #fff; }
.hover-menu-wrap { position: absolute; z-index: 9998; top: 0; left: 0; padding: 20px 15px;
background-color: #fff; border: 1px solid #e7e7e7; border-bottom: 2px solid #00aec7; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
.hover-menu-list { display: flex; list-style: none; margin: 0; padding: 0; }
.hover-menu-list li { margin-bottom: 10px; }
.hover-menu-list a { display: block; color: #80888c; text-decoration: none; }
.hover-menu-list a:hover { text-decoration: underline; }
.hover-menu-list ul { list-style: none; margin: 0; padding: 0; }
.hover-menu-list .title a { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #555659; }
.hover-menu-list > li { padding-left: 10px; padding-right: 2em; min-width: 160px; margin: 0; }
.hover-menu-list > li:first-child { padding-left: 0; }
.hover-menu-list > li > ul ul { display: none; }
/* -------------------------------------------------- */
.kb-page-wrap {}
.kb-page-wrap .leftCol { padding-top: 4rem; padding-right: 5rem; padding-bottom: 6rem; }
.kb-page-wrap .mainCol { padding-top: 4rem; padding-bottom: 6rem; }
.kb-page-wrap > .container,
.kb-page-wrap > section > .container {}
.support-banner { position: relative; background: #aaa url(/web/20220206061251im_/https://motorolacable.com/images/banners/support-banner-v5-sm.jpg) right center no-repeat; background-size: cover; }
.two-col-help-pages .page .support-banner { padding-bottom: 0 !important; display: flex; align-items: center; }
.support-banner-content {}
.two-col-help-pages .page .support-banner-content { padding: 10vw 15px; }
.support-banner h1 { position: relative; margin: 0; font-size: 3.6rem !important; line-height: 1.2; padding: 0 0 .25em; margin: 0; font-weight: normal; color: #333f48; }
.support-banner .bg-dark h1 { color: #fff; }
.support-banner .bg-dark p { color: #fff; }
.support-banner p { font-size: 1.6rem; font-weight: 300; line-height: 1.4; margin: 0; color: #333f48; }
/* .support-search-wrap { line-height: 0; padding-top: 1.5em; }
.support-search-wrap .articles-main-search { display: inline-block; width: 100%; max-width: 300px; padding: 0; background-color: #fff; text-align: left; }
.support-search-wrap .articles-main-search h4 { display: none; }
.support-search-wrap .articles-main-search form { border: none; padding: 0 .3em; }
.support-search-wrap .articles-main-search input { font-size: 16px; }
.support-search-wrap .articles-main-search input:focus { outline: none; }
.support-search-wrap .articles-main-search button { font-size: 1em; right: .5em; } */
.particles-category-nav { padding: 0 0 2em; }
.particles-category-nav .block-title {}
.particles-category-nav .block-title h4 { text-transform: uppercase; font-size: 1em; color: #797E83; font-weight: normal; margin: 0 0 .5em; }
.particles-category-nav .block-title a,
.particles-category-nav .block-title a:hover { color: inherit; text-decoration: none; }
.particles-category-nav a { display: block; padding: .25em 0; color: #555659; }
.particles-category-nav a:hover { text-decoration: underline; color: #555659; }
.particles-category-nav ul { padding-left: 0; list-style: none; }
.particles-category-nav ul > li { position: relative; }
.particles-category-nav ul ul { padding-bottom: 2em; font-size: .9em; }
.particles-category-nav ul ul a { display: block; }
.particles-category-nav ul ul a:hover {}
.particles-category-nav ul ul .active-categ a { font-weight: bold; }
.particles-category-nav .category-list > li { padding-bottom: .5em; }
.particles-category-nav .category-list > li > a { position: relative; padding: .25em 0; margin: .25em 0; text-transform: uppercase; font-weight: 300; font-size: 1.2em; border-bottom: 1px solid #e0e0e0; transition: padding 100ms ease; }
.particles-category-nav .category-list > li > a:hover { padding-left: .2em; text-decoration: none; }
.particles-category-nav ul.quick-links {
vertical-align: middle; }
.particles-category-nav ul.quick-links > li.knowledge-base,
.particles-category-nav ul.quick-links > li.contact-support,
.particles-category-nav ul.quick-links > li.source-code {
position: relative;
display: block;
margin-bottom: .5em;
vertical-align: middle; }
.particles-category-nav ul.quick-links > li.contact-support,
.particles-category-nav ul.quick-links > li.source-code {
margin-bottom: .875em; }
.particles-category-nav ul.quick-links > li.knowledge-base span,
.particles-category-nav ul.quick-links > li.contact-support span,
.particles-category-nav ul.quick-links > li.source-code span {
display: inline-block;
vertical-align: middle;
margin-left: 37px; }
.particles-category-nav ul.quick-links > li.knowledge-base span:before,
.particles-category-nav ul.quick-links > li.contact-support span:before,
.particles-category-nav ul.quick-links > li.source-code span:before {
content: "";
display: inline-block;
vertical-align: middle;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 28px;
height: 28px; }
.particles-category-nav ul.quick-links > li.contact-support span:before {
background: url('/web/20220206061251im_/https://motorolacable.com/images/icons/circle_support-agent_gray.png') no-repeat center center; }
.particles-category-nav ul.quick-links > li.knowledge-base span:before {
background: url('/web/20220206061251im_/https://motorolacable.com/images/icons/circle_question-mark_gray.png') no-repeat center center; }
.particles-category-nav ul.quick-links > li.source-code span:before {
background: url('/web/20220206061251im_/https://motorolacable.com/images/icons/circle_source-code_gray.png') no-repeat center center; }
.particles-category-nav ul > li.cat-cable-modems-gateways > a { border-bottom-color: #ff6b00; }
.particles-category-nav ul > li.cat-dsl > a { border-bottom-color: #6ac346; }
.particles-category-nav ul > li.cat-routers-extenders > a { border-bottom-color: #3e8ddd; }
.particles-category-nav ul > li.cat-moca > a { border-bottom-color: #e1140a; }
.particles-category-nav ul > li.cat-cellular-sensors > a { border-bottom-color: #ffd500; }
.particles-category-nav ul > li.cat-motomanage > a { border-bottom-color: #4ec8df; }
.particles-category-nav ul.js-interactive {}
.particles-category-nav ul.js-interactive > li ul { display: none; }
.particles-category-nav ul.js-interactive > li.active-categ ul,
.particles-category-nav ul.js-interactive > li.js-open ul { display: block; }
.particles-category-nav ul.js-interactive > li.js-closed ul { display: none !important; }
.particles-category-nav ul.js-interactive > li.active-categ:not(.js-closed) > a,
.particles-category-nav ul.js-interactive > li.js-open > a {}
.particles-category-nav ul.js-interactive > li ul .active-categ a,
.particles-category-nav ul.js-interactive > li ul a:hover {}
.particles-category-nav ul.js-interactive > li > a i { position: absolute; top: 50%; right: 0; opacity: .5; transform:translate(0%, -50%); }
.particles-category-nav ul.js-interactive > li .linkAll { text-align: center; padding-top: .5em; }
.particles-category-nav ul.js-interactive > li .linkAll a { border: 1px solid #e0e0e0; display: inline-block; font-size: 0.85em; padding: 0.3em 1.5em; }
.particles-category-nav ul.js-interactive > li .linkAll a:hover { background-color: #e0e0e0; text-decoration: none; color: #333; }
/* .articles-main-search { padding-bottom: 3rem; }
.articles-main-search h4 { font-size: 1em; text-transform: uppercase; color: inherit; margin: 0; }
.articles-main-search form { display: block; position: relative; border: 2px solid #E8E9E8; padding: 1px; background-color: #fff; }
.articles-main-search input { display: block; width: 100%; border: none; padding: 0.2em .6em; line-height: 1.5; }
.articles-main-search button { position: absolute; right: 0; top: 50%; border: none; background-color: transparent; font-size: .9em; opacity: .5; transform:translate(0%, -50%); }
.articles-main-search button span { display: none; }
.articles-main-search button:hover { opacity: 1; } */
.support-category-view {}
.support-category-view .categ-header { margin-bottom: 2em; }
.support-category-view h1 { margin: 0; font-size: 2.25em !important; }
.support-category-view .cat-info .title { position: relative; margin: 0 0 .5em; }
.support-category-view .cat-info h2 { text-transform: uppercase; font-size: 1.25em; font-weight: 300; line-height: 1; margin: 0; padding: .5em 0; border-bottom: 1px solid #DFDFDF }
.support-category-view .cat-info .view-all { display: none; position: absolute; right: 0; top: 50%; padding: .4em 1em; transform:translate(0%, -50%); }
.support-category-view .cat-info .view-all:after { content: "›"; display: inline-block; padding: 0 .4em; }
.support-category-sub { padding-bottom: 8rem; margin-bottom: 0; }
.support-category-sub .showAll { display: inline-block; font-size: .9em; padding: .8em 1.6em; border: 1px solid #E0E0E0; line-height: 1.2; color: #797E83; }
.support-category-sub .showAll:hover { background-color: #E0E0E0; text-decoration: none !important; }
.support-categ-products { display: flex; flex-wrap: wrap; }
.support-categ-products > .item { width: 33.33%; margin-bottom: 1em; }
.support-categ-products > .item > .item-area { border-color: transparent; padding: 0 0 1em 0; }
.support-categ-products > .item > .item-area:hover { border-color: rgba(0,0,0,.15); }
.support-categ-products .item-area .product-image-area .product-image { height: auto !important; background-position: center center; background-size: contain; background-repeat: no-repeat; }
.support-categ-products .item-area .product-image-area .product-image:before { content: ""; display: block; padding-bottom: 90%; }
.support-categ-products .item-area .details-area { min-height: 0; padding: 0 1em; }
.support-categ-products .item-area .details-area h5 { font-size: 14px; }
.showSome .support-categ-products .item:nth-child(n+4) { display: none; }
.kb-product-view .product-info-box { padding-left: 0 !important; }
.kb-product-view .product-essential { padding-bottom: 0; }
.kb-product-view .flexslider { margin-bottom: 0; height: auto !important; }
.kb-product-view #prod-slider .slide { height: 380px !important; }
.kb-product-view .product-view .product-essential { padding-bottom: 3rem; }
.kb-product-view .prod-sales-faq { padding-top: 3rem; padding-bottom: 0 !important; background-color: transparent; }
.kb-product-view .prod-sales-faq h2 { border-bottom: 1px solid #eee; font-size: 1.75em; font-weight: 400 !important; line-height: 1.4; margin-bottom: 1em; margin-top: 0; padding: 1em 0 0; }
.kb-product-view .flex-direction-nav { display: none; }
.kb-product-view .product-info__title { /* padding-top: 20px; */ }
.kb-product-view .product-info__title h1 { font-size: 2.5em !important; margin-top: 0; position: relative; }
.kb-product-view .product-info__title h1 small { font-size: 14px; text-transform: uppercase; position: absolute; bottom: 100%; left: 0; }
.kb-product-view .product-info__title h1 small { opacity: 0 !important; /* ON purpose. Hidden but helping SEO */ }
.kb-product-view .product-name { color: #444647; font-size: 16px; margin-bottom: 20px; }
/* .kb-product-view .product-info__description b.tagline {font-size: 16px; color: #444647; } */
.kb-product-view .mainCol h2 { font-size: 1.5em; line-height: 1.5; margin: 0 0 .75em; padding-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.15); }
.documents { padding-bottom: 20px; }
.documents ul { list-style: none; margin: 0; padding: 0; }
.documents li { position: relative; }
.documents svg { position: absolute; left: 1.25em; top: 50%; width: auto; height: 1.4em; transform:translate(-50%, -50%); }
.documents svg g { fill: #aaa !important; }
.documents li a { display: inline-block; padding: .5em 1em .5em 3em; }
.support-product-contact { padding-bottom: 20px; }
.support-product-contact h5 { font-size: 1em; }
.support-contacts { border-bottom: 1px solid #E8E9E8; }
.support-contacts > div { border-top: 1px solid #E8E9E8; width: 100%; }
.support-contacts .support-contact-wrap { position: relative; display: inline-block; padding: .7em 1em .7em 3em; font-weight: bold; color: #444647; cursor: pointer; }
/* .support-contacts .support-contact-wrap:hover { } */
.support-contacts .support-contact-wrap > span:hover {text-decoration: none !important; color: #333;}
.support-contacts .support-contact-wrap i { position: absolute; left: 1.15em; top: 1.5em; color: #bbb; transform:translate(-50%, -50%); }
.support-contacts .support-contact-wrap i:before { font-size: 1.4em; }
.support-contacts .support-contact-wrap i.fa-envelope-o:before,
.support-contacts .support-contact-wrap i.fa-phone-o:before { font-size: 1.3em; }
.support-contacts .support-contact-detail { display: none; }
.support-contacts .support-contact-detail { font-weight: normal; cursor: default; }
.support-contacts .support-contact-detail table.phone-numbers { margin-top: .5em;; margin-bottom: .5em; }
.support-contacts .support-contact-detail table.phone-numbers td.country { padding-right: .5em; }
.support-contacts .support-contact-detail table.phone-numbers tr:nth-child(n+3) td { padding-top: .25em; }
.support-contacts .support-contact-detail table.phone-numbers td span { white-space:nowrap; }
.support-contacts .js-open .support-contact-detail { display: block; }
.support-contacts .support-contact-detail small { display: block; font-size: .8em; opacity: .75; font-weight: bold; }
.all-product-articles {}
.all-product-articles .prod-articles-content { padding-bottom: 30px; }
.all-product-articles .article-sections { padding: 0; margin: 0; }
.all-product-articles .article-sections > li { padding: 0 30px 0 0; margin-bottom: 60px; }
.all-product-articles .article-sections h4 { font-size: 1.1em; line-height: 1; font-weight: bold; color: #404040; margin: 0 0 .3em; }
.all-product-articles .article-sections ul { padding: 0; list-style: none; font-size: 1em; margin-bottom: 1em; }
.all-product-articles .article-sections ul li { margin: 0; padding: .4em 0; }
.all-product-articles .article-sections ul li a:before { content: "•"; display: inline-block; font-size: 1.5em; line-height: 0; padding: 0 0.15em; vertical-align: middle; position: relative; top: -.1em; }
.all-product-articles .article-sections > li.showSome .item:nth-child(n+4) { display: none; }
.all-product-articles .showAll { display: inline-block; font-size: .9em; padding: .8em 1.6em; border: 1px solid #E0E0E0; line-height: 1.2; color: #797E83; }
.all-product-articles .showAll:hover { background-color: #E0E0E0; text-decoration: none !important; }
.all-product-articles .faq-support-link { display: block; margin: 0 auto; max-width: 400px; text-align: center; padding: .6em 2em; background-color: #eee; border-radius: 5px;
font-size: 1.25em; font-weight: bold; text-transform: uppercase; }
.all-product-articles .faq-support-link span { position: static !important; top: auto; color: #777; }
.all-product-articles .faq-support-link span:after { content: "›"; display: inline-block; padding-left: .4em; }
.all-product-articles .faq-support-link:hover { background-color: #00aec7; }
.all-product-articles .faq-support-link:hover span { color: #fff; }
.products-grid { display: flex; flex-wrap: wrap; }
.products-grid img { max-width: 100%; height: auto; }
.products-grid .products-grid-item { width: 25%; padding: 2px; margin-bottom: 2em; font-size: 14px; }
.products-grid .products-grid-item > a { display: block; padding: 0 1em; color: inherit; border: 1px solid transparent; border-radius: 2px; }
.products-grid .products-grid-item > a:hover { border-color: rgba(0,0,0,.05); color: inherit; }
.products-grid .products-grid-item .product-info { padding: 0 0 1em; }
.products-grid .products-grid-item .product-name { color: inherit; font-size: .9em; margin: 0; padding: 0; line-height: 1.1; text-align: center; }
.support-product-upsell h2 { border-bottom: 1px solid #eee; font-size: 1.75em; font-weight: 400 !important; line-height: 1.4; margin-bottom: 1.5em; margin-top: 0; padding: 0.5em 0; }
.support-product-upsell .products-grid-item { width: 20% !important; }
.support-article-page { padding-bottom: 60px; }
.support-article-page h1 { margin-top: 0; position: relative; font-size: 2.25em !important; }
.support-article-page h1 small { display: block; font-size: 14px; text-transform: uppercase; position: absolute; bottom: 100%; left: 0; }
.article-related-products { padding: .2em .7em; background-color: #f8f8f8; font-size: .85em; border-radius: 3px; margin: 10px 0; }
.article-related-products strong { }
.support-article-text { font-size: 1.1em; padding: 1em 1em 4em; min-height: 300px; }
.support-article-extra { display: flex; margin: 0 -15px; }
.support-article-extra > div { flex: 1; padding: 0 15px; }
.support-article-extra h3,
.support-article-extra h5 { font-size: 13px; font-weight: bold; color: #444647; line-height: 1.25; text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: .25em; margin: 0 0 1em; }
.support-article-extra .support-article-contacts-wrap {}
.support-article-extra .support-contacts { border-bottom: none; }
.support-article-extra .support-contacts > div { border-bottom: 1px solid #e8e9e8; border-top: none; }
.support-article-others {}
.support-article-others .other-articles { margin: 0; }
.support-article-others .other-articles ul { list-style: none; margin: 0; padding: 0 0 15px; }
.support-article-others .other-articles li { margin: 0; padding: 1em 15px 1em 0; background: none; }
.support-article-others .other-articles li a { display: inline-block; padding-right: 2em; }
.support-article-others .other-articles li a:before { content: "›"; display: inline-block; padding-right: .2em; }
.support-article-others .other-articles.showSome li:nth-child(n+6) { display: none; }
.support-article-others .showAll { display: inline-block; font-size: .9em; padding: .8em 1.6em; border: 1px solid #E0E0E0; line-height: 1.2; color: #797E83; }
.support-article-others .showAll:hover { background-color: #E0E0E0; text-decoration: none !important; }
.support-search-filters { margin-bottom: 1em; font-size: .9em; }
.support-search-filters label { display: inline-block; padding: .4em .6em; border-radius: 3px; background-color: #eee; color: #444;
margin-right: .5em; font-size: .9em; line-height: 1; cursor: pointer; }
.support-search-filters label:hover { background-color: #f7f7f7; }
.support-search-filters label input { margin: 0; }
.support-search-filters label span { display: inline-block; vertical-align: baseline; margin-left: .4em; padding-right: 1em; }
.support-search-results {}
.support-search-results h1 { margin-top: 0; position: relative; font-size: 2.25em !important; }
.support-search-results .results-group { margin-bottom: 5em; }
.support-search-results h3 { font-size: 1em; opacity: 0.75; text-transform: uppercase; border-bottom: 1px solid #eee; }
.support-search-results h3 small { padding: 0 1em; font-weight: 300; font-size: 1em; }
.support-search-results h3 small:before { content: "—"; padding: 0 1em 0 0; }
.support-search-results .support-categ-products.showSome .item:nth-child(n+4) { display: none; }
.support-search-results .showAll { display: inline-block; font-size: .9em; padding: .8em 1.6em; border: 1px solid #E0E0E0; line-height: 1.2; color: #797E83; }
.support-search-results .showAll:hover { background-color: #E0E0E0; text-decoration: none !important; }
.support-search-results .support-search-articles { counter-reset: supportSearchResults; }
.support-search-results .support-search-articles li { position: relative; font-size: 1.2em; padding-bottom: 2.5em; }
.support-search-results .support-search-articles li:before { counter-increment: supportSearchResults; content: counter(supportSearchResults);
display: block; position: absolute; right: 100%; top: 0; font-weight: 300; font-size: 2em; line-height: 1; opacity: .1; padding: 0 .25em 0 0;
}
.support-search-results .support-search-articles li.no-results:before { display: none; }
.support-search-results ol { padding-left: 2em; list-style: none; }
.support-search-results .read-more { display: inline-block; font-size: .8em; padding: .2em 0; }
.support-search-results h2 { font-size: 1.1em; line-height: 1.4; margin: 0; }
.support-search-results h2 a { display: inline-block; vertical-align: top; }
.support-search-results .article-content { font-size: .9em; }
.support-search-pager .pagination { font-size: 0; }
.support-search-pager .pagination > li { display: inline-block; font-size: 1.4rem; padding: 0 .1em; }
.support-search-pager .pagination > li:after { content: " "; display: table; }
.support-search-pager .pagination > li > a,
.support-search-pager .pagination > li > span { margin: 0 !important; border-color: transparent !important; border-radius: 3px !important; }
.support-search-pager .pagination > .active > a,
.support-search-pager .pagination > .active > span,
.support-search-pager .pagination > .active > a:hover,
.support-search-pager .pagination > .active > span:hover,
.support-search-pager .pagination > .active > a:focus,
.support-search-pager .pagination > .active > span:focus { background-color: #00aec7; }
/*
.zendesk-widget {}
.zendesk-widget-trigger { display: block; width: 100%; padding: .7em 4em; border: none; background-color: #009FBD; color: #fff; border-radius: 3px; font-size: 1.1em; }
.zendesk-widget-trigger i { margin-right: .5em; }
.zendesk-widget-trigger:hover { background-color: #008ca8; }
*/
.support-zendesk-widget { display: none !important; }
.zendesk-widget-trigger {}
/* -------------------------------------------------- */
/* !- Responsive Fixes: Below X width (bigger breakpoints to lowest) */
@media only screen and (max-width: 991px) {
.kb-page-wrap .leftCol { display: none; /* TO_FIX */ }
.two-col-help-pages .support-category-sub { background-color: transparent; }
.two-col-help-pages .support-category-sub .cat-info { background-color: transparent; border: none; padding: 0; margin: 0; }
.two-col-help-pages .support-category-sub .cat-info .title { float: none; width: 100%; padding: 0; }
.two-col-help-pages .off-canvas-search.mobile-search { display: none; }
.two-col-help-pages .kb-page-wrap .mainCol { padding-top: 2rem; }
.two-col-help-pages .kb-product-view .mobile-title { display: none; }
.two-col-help-pages .kb-product-view .product-img-box { padding-bottom: 2rem; }
.two-col-help-pages .kb-product-view .product-info-box { padding-left: 15px !important; }
.support-search-pager .pagination { display: block; margin: 0 auto; text-align: center; }
}
@media only screen and (max-width: 780px) {
.two-col-help-pages .page .support-banner h1 { font-size: 3rem !important; }
.two-col-help-pages .page .support-banner p { font-size: 16px !important; }
.two-col-help-pages .page .support-banner-content {}
.two-col-help-pages .support-article-page { padding-top: 3rem; padding-bottom: 0; }
.two-col-help-pages .support-article-extra { display: block; margin: 0 auto; max-width: 500px; }
.two-col-help-pages .support-article-extra > div { display: block; width: 100%; padding-bottom: 6rem; }
}
@media only screen and (max-width: 768px) {
.support-categ-products .item-area .product-image-area .product-image:before { content: ""; display: block; padding-bottom: 118%; }
}
@media only screen and (max-width: 600px) {
.two-col-help-pages .support-categ-products > .item { width: 50%; padding: 0; }
.two-col-help-pages .support-categ-products .item-area .details-area h5 { font-size: 13px; line-height: 1.25; }
.two-col-help-pages .support-search-results .support-categ-products.showSome .item:nth-child(-n+4),
.two-col-help-pages .showSome .support-categ-products .item:nth-child(-n+4) { display: block; }
.two-col-help-pages .support-search-results .support-categ-products.showSome .item:nth-child(n+5),
.two-col-help-pages .showSome .support-categ-products .item:nth-child(n+5) { display: none; }
.two-col-help-pages .support-search-results .showAll,
.two-col-help-pages .support-category-sub .showAll { display: block; margin: 20px auto; max-width: 140px; text-align: center; }
.support-search-pager .pagination > li > a,
.support-search-pager .pagination > li > span { padding: 6px 10px; }
}
@media only screen and (max-width: 450px) {
.two-col-help-pages .page .support-banner-content { padding: 40px 15px 80px; }
.two-col-help-pages .page .support-cat-header { position: relative; transform: none; top: auto; left: auto; right: auto; bottom: auto; }
.two-col-help-pages .page .support-cat-header h1 { padding: 0; }
.two-col-help-pages .page .support-cat-header p { display: none; }
.two-col-help-pages .page .support-search-wrap { position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 2px solid #00aec7; }
.two-col-help-pages .page .support-search-wrap .articles-main-search { max-width: none; }
.two-col-help-pages .page .support-search-wrap .articles-main-search input { padding-top: .5em; padding-bottom: .5em; }
.two-col-help-pages .support-categ-products > .item { /* width: 100%; */ }
.two-col-help-pages .support-search-filters { font-size: 0; }
.two-col-help-pages .support-search-filters > * { font-size: 1.1rem; }
.two-col-help-pages .support-search-filters > span { display: block; padding-bottom: .25em; }
.two-col-help-pages .support-search-filters > label { margin-right: 5px; padding: .6em; }
.two-col-help-pages .support-search-filters > label span { vertical-align: middle; padding-right: .25em; }
.two-col-help-pages .support-search-filters > label input { vertical-align: middle; }
}
/* -------------------------------------------------- */
/* !- ABOVE X WIDTH */
@media screen and (min-width: 992px) {
.two-col-help-pages .page .support-banner { min-height: 500px; }
}
/*
FILE ARCHIVED ON 06:12:51 Feb 06, 2022 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 13:31:47 Apr 18, 2022.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 207.663
exclusion.robots: 0.082
exclusion.robots.policy: 0.075
RedisCDXSource: 6.897
esindex: 0.008
LoadShardBlock: 183.432 (3)
PetaboxLoader3.datanode: 143.368 (4)
CDXLines.iter: 14.916 (3)
load_resource: 247.591
PetaboxLoader3.resolve: 151.119
*/