body {
    font-family: var(--font-body);
    background-color: var(--background-color-main);
    color: var(--text-color-paragraph);
    font-weight: 400;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 400;
}

#maincontent {
    /* Start: Christmas 
    background-image: url('/skin/frontend/radiotronics/default/images/christmas2017/xmas_bg_large.jpg');
    background-color: #edf2f7;
    background-repeat: no-repeat;
    background-position: top;
    /* End: Christmas */
}

#maincontent .container {
    background-color: var(--background-color-main);
    padding: 1em;
    padding-top: 1.5em;
}

#header {
    /* Start: Christmas 
    background-color: var(--white);
    background-image: url('/skin/frontend/radiotronics/default/images/christmas2017/xmas_header.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    /* End: Christmas */
}

#header .block-topcart {
    /* Start: Christmas 
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border: solid 1px var(--primary-color-main);
    background-color: var(--white);
    /* End: Christmas */
}

#objection-handling {
    color: var(--text-color-main);
    border: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #EEEEEE;
    border-top: 1px solid #E0E0E0;
    
}

#objection-handling i {
    font-size: 34px;
    color: var(--text-color-paragraph);
    display: inline-block;
    vertical-align: middle;
}

#objection-handling .text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px;
}

#objection-handling a {
    color: var(--text-color-main);
    text-decoration: none;
}

#objection-handling a:hover {
    color: var(--text-color-main);
    text-decoration: underline;
}

#objection-handling h3 {
    color: var(--text-color-main);
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

#objection-handling p {
    font-size: 12px;
    margin: 0;
    line-height: 1;
}

.breadcrumb {
    /* Start: Christmas 
    background: none !important;
    border-radius: 0 !important;
    /* End: Christmas */
}

/*label {
    font-size: 85%;
}*/

.fixed {
    position: fixed;
}

.row.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.row.row-margin-reset {
    margin-right: 0;
    margin-left: 0;
}

.well .legend {
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 0;
    border-bottom: 3px solid #666;
    color: #333;
    padding: 0.5em 0 0.8em 0;
}

.logo img {
    max-width: 300px;
}

.logo-a img {
    max-width: 200px;
}

a {
    color: var(--red);
    text-decoration: none;
}

a:hover {
    color: var(--primary-color-main);
    text-decoration: underline;
}

hr {
  height: 1px;
  margin: 30px 0;
  border: 0;

  background: linear-gradient(
    to right,
    transparent,
    var(--hr-line-color),
    transparent
  );
}

hr:after {
  display: block;
  content: '';
  height: 30px;

  background-image: radial-gradient(
    farthest-side at center top,
    var(--hr-shadow-color) 0%,
    transparent 100%
  );
}

.border-b {
    border-bottom: 1px solid #d9d9d9;
}

h2.section-title {
    color: #444;
    font-size: 14px;
    padding-bottom: 5px;
}

.btn {
    /*border-radius: 0;
    border: none;*/
}

.nobr {
    white-space: nowrap;
}

.btn-primary {
    color: #fff;
    background-color: var(--secondary-color-main);
    border-color: var(--secondary-color-main-dark);
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: var(--primary-color-main);
    border-color: var(--primary-color-main);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-color-main);
    border-color: var(--primary-color-main);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: var(--primary-color-main);
    border-color: var(--primary-color-main);
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

blockquote {
    font-size: 1em;
}

/* TopBar */

#topbar {
    background: var(--color-gray-900);
    color: var(--white);
    font-size: 14px;
    line-height: 1.2;
    padding: 0;
    border-bottom: 3px solid var(--secondary-color-main);
}

#topbar .topbar-row {
    display: flex;
    align-items: center;
    min-height: 42px;
}

#topbar .topbar-left,
#topbar .topbar-centre,
#topbar .topbar-right {
    display: flex;
    align-items: center;
    min-height: 42px;
}

#topbar .topbar-left {
    justify-content: flex-start;
}

#topbar .topbar-centre {
    justify-content: center;
}

#topbar .topbar-right {
    justify-content: flex-end;
}

/* Left side */

#topbar .need-help-wrapper {
    color: var(--color-gray-300);
    overflow: hidden;
    text-overflow: ellipsis;
}

#topbar .need-help {
    color: var(--white);
    font-weight: 600;
}

#topbar .topbar-label {
    color: var(--color-gray-25);
}

/* Links */

#topbar a {
    color: var(--white);
    text-decoration: none;
}

#topbar a:hover {
    color: var(--color-accent);
    text-decoration: none;
}

/* Centre status pill */

#topbar .topbar-status {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid var(--border-subtle);
    border-radius: 999px;
    color: var(--white);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

/* Right links */

#topbar .user-links {
    float: none !important;
}

#topbar .user-links ul {
    background: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#topbar .user-links li {
    padding: 0 0 0 14px;
    margin: 0 0 0 14px;
    position: relative;
}

#topbar .user-links li:first-child {
    padding-left: 0;
    margin-left: 0;
}

#topbar .user-links li:first-child:before {
    display: none;
}

#topbar .user-links li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: var(--border-default);
}

#topbar .user-links a {
    color: var(--white);
    font-weight: 500;
}

#topbar .user-links a:hover {
    color: var(--color-accent);
}

#topbar .welcome {
    padding: 0;
}

/* Optional: slightly tighter cart icon alignment */

#topbar .glyphicon-shopping-cart {
    top: 1px;
}

#header {
    padding-top:14px;
    background-color: var(--background-color-soft);
    border-bottom: 1px solid var(--border-default);
}
#header .logo {
    display:block;
    margin-bottom:15px;
}

#header.header-a {
    padding-top:0;
    border-bottom: 1px solid #e7e7e7;
}

#header .logo-a {
    display:block;
    margin:15px 0;
}

#header .user-links-a {
    margin:5px 0;
}

#header .block-topcart {
    margin-top: 15px;
    padding: 14px 20px 10px;
}
#header .block-topcart .block-title {
    font-size: 15px;
    margin-bottom: 5px
}
#header .block-topcart p.empty {
    font-size: 12px;
    color: #666;
    font-style: italic
}
#header .block-topcart .block-content {
    display: none
}

#header .nav>li>a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.navbar-main.navbar {
    background: var(--background-color-main);
    border: 0;
    border-radius: 0;
    margin: 0;
    min-height: 0;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--secondary-color-main), transparent 96%);
    border-top: 1px solid color-mix(in srgb, var(--primary-color-main), transparent 94%);
    border-bottom: 1px solid color-mix(in srgb, var(--primary-color-main), transparent 90%);
}

.navbar-main .container {
    position: relative;
}

.navbar-main .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-main .navbar-nav {
    float: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    text-transform: none;
}

.navbar-main .navbar-nav > li {
    display: block;
    float: none;
    position: relative;
}

.navbar-main .navbar-nav > li.divider {
    display: none;
}

.navbar-main .navbar-nav > li > a {
    position: relative;
    padding: 16px 22px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--text-primary);
    background: transparent;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
}

/* orange underline */
.navbar-main .navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 3px;
    background: var(--color-accent);
    opacity: 0;
    transform: scaleX(0.7);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
    color: var(--primary-color-main);
    background: transparent;
}

.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li.active > a:hover,
.navbar-main .navbar-nav > li.active > a:focus,
.navbar-main .navbar-nav > li.open > a,
.navbar-main .navbar-nav > li.open > a:hover,
.navbar-main .navbar-nav > li.open > a:focus {
    color: var(--primary-color-main);
    background: transparent;
    box-shadow: none;
}

.navbar-main .navbar-nav > li:hover > a::after,
.navbar-main .navbar-nav > li.active > a::after,
.navbar-main .navbar-nav > li.open > a::after,
.navbar-main .navbar-nav > li > a:focus::after {
    opacity: 1;
    transform: scaleX(1);
}

/* caret */
.navbar-main .navbar-nav > li > a .caret {
    margin-left: 6px;
    border-top-color: var(--text-secondary);
    border-bottom-color: var(--text-secondary);
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.navbar-main .navbar-nav > li:hover > a .caret,
.navbar-main .navbar-nav > li.open > a .caret,
.navbar-main .navbar-nav > li.active > a .caret {
    border-top-color: var(--primary-color-main);
    border-bottom-color: var(--primary-color-main);
}

.navbar-main .navbar-nav > li.open > a .caret {
    transform: rotate(180deg);
}

/* dropdown */
.navbar-main .dropdown-menu {
    margin-top: 0;
    padding: 10px 0;
    min-width: 240px;
    background: linear-gradient(to bottom, var(--background-color-main), var(--background-color-soft));
    border: 1px solid color-mix(in srgb, var(--primary-color-main), transparent 90%);
    border-radius: 14px;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--secondary-color-main), transparent 90%);
    overflow: hidden;
}

.navbar-main .dropdown-menu > li {
    position: relative;
}

.navbar-main .dropdown-menu > li > a {
    display: block;
    padding: 11px 18px;
    font-size: 15px;
    line-height: 0.5;
    font-weight: 400;
    color: var(--text-primary) !important;
    background: transparent !important;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
}

.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus,
.navbar-main .dropdown-menu > li > a:active,
.navbar-main .dropdown-menu > li.active > a {
    background: color-mix(in srgb, var(--primary-color-main), transparent 95%) !important;
    color: var(--primary-color-main) !important;
    padding-left: 22px;
    box-shadow: inset 3px 0 0 var(--color-accent);
}

/* nested dropdowns */
.navbar-main ul.level1 {
    left: 100%;
    top: -10px;
}

/* mobile toggle */
.navbar-main .navbar-toggle {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid color-mix(in srgb, var(--primary-color-main), transparent 86%);
    background: var(--background-color-main);
}

.navbar-main .navbar-toggle:hover,
.navbar-main .navbar-toggle:focus {
    background: var(--background-color-soft);
}

.navbar-main .navbar-toggle .icon-bar {
    background-color: var(--primary-color-main);
}

.navbar-main .navbar-brand.visible-xs {
    padding-left: 15px;
    padding-right: 15px;
    color: var(--text-primary);
    font-weight: 600;
}

/* mobile */
@media (max-width: 767px) {
    .navbar-main .navbar-nav {
        display: block;
        margin: 0;
    }

    .navbar-main .navbar-nav > li {
        display: block;
        border-top: 1px solid color-mix(in srgb, var(--primary-color-main), transparent 92%);
    }

    .navbar-main .navbar-nav > li > a {
        padding: 14px 15px;
    }

    .navbar-main .navbar-nav > li > a::after {
        left: 15px;
        right: 15px;
    }

    .navbar-main .dropdown-menu {
        float: none;
        position: static;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 6px 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--primary-color-main), transparent 94%);
    }

    .navbar-main .dropdown-menu > li > a {
        padding: 10px 24px;
        font-size: 14px;
    }
}




.breadcrumb {
    background-color: color-mix(in srgb, var(--primary-color-main), transparent 95%);
    /*border-top: 1px solid color-mix(in srgb, var(--color-accent), transparent 70%);
    border-bottom: 1px solid color-mix(in srgb, var(--color-accent), transparent 70%);*/
    border: none;
}

.toolbar-bottom {
    margin-bottom: 2em;
}

/* Footer */

#footer {
    background-color: var(--grey);
    color: var(--text-color-main);
    padding:20px 0;
    border-top:5px solid var(--color-gray-900);
    /*font-size:12px;*/
    /*margin-top: 2em;*/
}
#footer h4 {
    color: var(--text-color-main);
}
#footer ul {
    list-style-position:inside;
    padding:0;
    margin:0;
}
#footer a {
    color: var(--text-color-main);
    font-weight: bold;
}
#footer a:hover {
    color: var(--text-subtle);
    text-decoration: underline;
}
#footer ul a {
    font-size: 0.8em;
}
/* Social Icons */
#footer .footer-social a {
    display:inline-block;
    font-size:12px;
    line-height:24px;
}
#footer .footer-social a span {
    background:url(../images/sprite-social.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    display:inline-block;
    float:left;
    height:24px;
    margin-right:6px;
    padding-left:20px;
    width:24px;
}
#footer .footer-social a.ico-facebook span {
    background-position:0 0;
}
#footer .footer-social a.ico-twitter span {
    background-position:-40px 0;
}
#footer .footer-social a.ico-google span {
    background-position:-80px 0;
}
#footer .footer-social a.ico-facebook:hover span {
    background-position:0 -28px;
}
#footer .footer-social a.ico-twitter:hover span {
    background-position:-40px -28px;
}
#footer .footer-social a.ico-google:hover span {
    background-position:-80px -28px;
}

.facebook-social-fa-link {
    color: var(--color-facebook);
}

.facebook-social-fa-link:hover, a.facebook-social-fa-link:active {
    color: var(--text-color-main);
}

.twitter-social-fa-link {
    color: var(--color-twitter);
}

.twitter-social-fa-link:hover, a.facebook-social-fa-link:active {
    color: var(--text-color-main);;
}

.youtube-social-fa-link {
    color: var(--color-youtube);
}

.youtube-social-fa-link:hover, a.facebook-social-fa-link:active {
    color: var(--text-color-main);
}

.linkedin-social-fa-link {
    color: var(--color-linkedin);
}

.linkedin-social-fa-link:hover, a.facebook-social-fa-link:active {
    color: var(--text-color-main);
}

.instagram-social-fa-link {
    color: var(--color-instagram);
}

.instagram-social-fa-link:hover, a.facebook-social-fa-link:active {
    color: var(--text-color-main);;
}

/* Carousel */

#after-header {
    background-color: #efefef;
}

#slider-home {
    text-align:center;
    padding:40px 0;
}

#slider-home .carousel-control.right,#slider-home .carousel-control.left {
    background:none;
}

#slider-home .carousel-indicators {
    bottom:20px;
    left:0;
    margin:0;
    text-align:left;
}

/* Carousel Bullets */

.carousel-indicators li {
    border: none;
    background-color:#333;
}

.carousel-indicators li:hover {
    background:#ff0000;
}

.carousel-indicators .active {
    background:var(--primary-color-main);
    /*border-color:var(--primary-color-main);*/
}

#slider-product .carousel-control.right,#slider-product .carousel-control.left {
    background:none;
}


/*#slider-product .carousel-indicators li {
    border:0;
    background-color:#EFEFEF;
}

#slider-product .carousel-indicators li:hover {
    background:#FF0000;
}

#slider-product .carousel-indicators .active {
    background:#FF0000;
    border-color:#FF0000;
}*/

#slider-product .carousel-control {
    color: #111;
    font-size: 20px;
    text-align: center;
    text-shadow: none;
}


/* 3 Banners */
#banner-home {
}

#banner-home div {
    color:var(--white);
    height:85px;
    margin:25px 0;
    padding:15px;
    background: #ddd;
}
#banner-home h3 {
    font-size:20px;
    margin:0;
    padding:0;
}

/* Text Banners Background Colors */

#banner-home div.bg-orange {
    background:#f89223;
}

#banner-home div.bg-cyan {
    background:#41b7d8;
}

#banner-home div.bg-darkgrey {
    background:#333;
}

/* Left Menu */
.block-leftnav { margin-top: 35px; }
.block-leftnav .block-title {
    font-size:16px;
    borderbottom: 1px solid #E1E1E1;
    padding-bottom:10px;
}
.block-leftnav .block-content { }
.block-leftnav .block-content ul { padding: 0; list-styleposition: inside;}
.block-leftnav .block-content ul li { }
.block-leftnav .block-content ul li.active { background: #333; color: #fff; padding-left: 10px; }
.block-leftnav .block-content ul li.active a {color: #FA9221; }
.block-leftnav .block-content ul li a { font-size: 13px; color: #333 }
.block-leftnav .block-content ul li a:hover { color: #FA9221; }
.block-leftnav .block-content > ul > li.level0 { borderbottom: 1px solid #E1E1E1; padding: 10px;}
.block-leftnav .block-content > ul > li.level0:last-child { border-bottom: 0; }
.block-leftnav .block-content > ul > li.level0:hover { background-color: #efefef}
.block-leftnav .block-content > ul > li.level0 > a { font-weight: bold; }
.block-leftnav .block-content ul ul { padding-left: 15px; }
.block-leftnav .block-content ul ul ul a { color: #999 }

#narrow-by-list ol {

}

dt, dd {
    line-height: 1.42857;
}

#narrow-by-list ul, #narrow-by-list ol {
    margin-bottom: 10px;
    margin-top: 0;
    margin: 0;
    padding: 0;
}
#narrow-by-list ol, #narrow-by-list ul {
    list-style: outside none none;
}

.page-header {
    margin: 20px 0 20px;
}

.currently .block-subtitle {
    color: #434343;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

/*
.block-layered-nav .block-content dt {
    color: #434343;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}
.block-layered-nav .block-content dt {
    margin-bottom: 10px;
}

.block-layered-nav .block-content dd li::before {
    -moz-osx-font-smoothing: grayscale;
    content: "»";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 10px;
}
*/

/* Product List */
.products-grid {
    list-style-type:none;
    margin:0;
    padding:0;
}
.products-grid li.item {
    margin-bottom: 30px;
}
.products-grid .product-name {
    font-size:14px;  min-height:30px;
    margin:5px 0 10px;
}
.products-grid .panel-footer {
    overflow:hidden;
}
.product-name a {
    color:#333;
}
.products-grid .product-image {
    margin-bottom:10px;
    display:block;
}

.product-name.page-header {
    margin-top: 0;
    padding-top: 0;
}

.product-name.page-header h1 {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.5em;
}

.product-essential .product-name h1 {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.5em;
}

ul.product-features {
    margin: 0;
    padding: 0 1em;
}

.master-information {

}

.master-information {
    max-height: 200px;
    position: relative;
    overflow: hidden;
}
.master-information .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 60px 0;

    /* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: linear-gradient(to bottom, transparent, white);
}

.subcategory-item {
    margin-bottom: 1.5em;
    font-size: 1.0em;
    line-height: 2em;
}

.product-list-item {
    /* margin: 1em; */
    margin-bottom: 1.5em;
    font-size: 1.0em;
    line-height: 2em;
    overflow: hidden;
    position: relative;
}

.product-list-item-inner {
    padding: 1em;
    border: 1px solid var(--white);
    background-color: var(--white);
}

.product-list-item-inner:hover {
    border-color: #111;
}

.product-list-item-image {

}

.product-list-item-info {
}



.product-list-item-info h5, .product-list-item-info p {
    min-height: 4.5em;
    max-height: 4.5em;
    color: #111;
    font-weight: bold;
    overflow: hidden;
    line-height: 1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-list-item-info h5 a, .product-list-item-info h5 a:visited,
.product-list-item-info p a, .product-list-item-info p a:visited{
    color: #111;
    font-weight: 400;
    text-decoration: none;
}

.product-list-item-info h5 a:hover, .product-list-item-info h5 a:active
.product-list-item-info p a:hover, .product-list-item-info p a:active {

    text-decoration: underline;
}

.product-list-item-info.product-list-item-info-basic h5,
.product-list-item-info.product-list-item-info-basic p {
    min-height: 1.5em;
    max-height: 1.5em;
}

.product-list-item-info-price {

}

.product-list-item-info-price-help-text {
    font-size: 0.9em;
    color: var(--primary-color-main);
}

.product-list-item-info-price-text {
    font-size: 1.2em;
    color: var(--secondary-color-main);
}

.price-hr {
    margin: 0 1.5em;
}

.price-box p {
    margin:0;
}

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

.price-box {
    
}

.price-box span {
    
}

.price-box .price {
}

table.tier-prices th,
table.product-page-related-products th,
table.table-downloads th {
    background-color: #eee;
    /*border-top-width: 1px !important;*/
    border-bottom-width: 1px !important;
    border-top: 1px solid #ddd;
}

table.tier-prices {
    border-top: 1px solid #ddd;
}

table.table-downloads td {
    font-size: 85%;
}

table.table-downloads {
    margin-bottom: 0;
}

.product-essential .table-responsive {
    border: none;
}

.panel-middle {
    padding: 15px;
    border-top: 1px solid #ddd;
}

.strikethrough {
    text-decoration: line-through;
}

.save-message, .map-message {
    font-size: 88%;
}

.map-message {
    color: var(--primary-color-main);
}

.price-box .price-regular-price {
    font-size: 1em;
    font-weight: 500;
    color: var(--primary-color-main);
}

.price-box  .price-or-map-price {
    font-size: 180%;
    font-weight: 700;
    color: var(--secondary-color-main);
}

.price-box .price-incl-tax {
    font-size: 88%;
    font-weight: bold;
}

.price-box .price-as-configured .price-label {
    display: block;
    font-size: 1em;
    font-weight: 500;
    color: var(--primary-color-main);
}

hr.price-box-hr {
    margin: 0.6em 0 1.5em 0;
}

.product-view .label {
    color: var(--text-color-main);
}

.product-view .price-incl {
    display: block !important;
}

.product-view .product-contact .contact-form h2 {
    font-size: 24px;
}

.validation-advice {
    color: #FF0000;
    font-size: 0.85em;
}

/* line 240, ../scss/module/_catalog-product.scss */
.product-img-box {

}
/* line 245, ../scss/module/_catalog-product.scss */
.product-img-box .product-name h1 {
    border: 0;
}
/* line 250, ../scss/module/_catalog-product.scss */
.product-img-box .product-image {
    margin-bottom: 10px;
}
/* line 254, ../scss/module/_catalog-product.scss */
.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0px auto;
}

@media only screen and (max-width: 479px) {
    /* line 268, ../scss/module/_catalog-product.scss */
    .product-img-box .product-image img {
        max-height: 450px;
    }
}
/* line 273, ../scss/module/_catalog-product.scss */
.product-image-gallery {
    position: relative;
}
/* line 276, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image {
    display: none;
}
/* line 279, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image.visible {
    display: block;
}
/* line 282, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image.visible.hidden {
    visibility: hidden;
}
/* line 27, ../../../rwd/default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:before, .product-image-gallery:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
/* line 38, ../../../rwd/default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:before {
    background-color: var(--white);
    opacity: 0.8;
    z-index: 2;
}
/* line 44, ../../../rwd/default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:after {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
/* line 51, ../../../rwd/default/scss/mixin/_loading-overlay.scss */
.product-image-gallery.loading {
    position: relative;
}
/* line 54, ../../../rwd/default/scss/mixin/_loading-overlay.scss */
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
    display: block;
}

/* line 292, ../scss/module/_catalog-product.scss */
.product-image-thumbs li {
    display: inline-block;
}
/* line 295, ../scss/module/_catalog-product.scss */
.product-image-thumbs li:first-child {
    margin-left: -1px;
}
/* line 298, ../scss/module/_catalog-product.scss */
.product-image-thumbs a {
    display: inline-block;
    border: 1px solid transparent;
}

.pagination {
    border-radius: 0px;
    display: inline-block;
    margin: 0;
    padding-left: 0;
}

/* line 305, ../scss/module/_catalog-product.scss */
.no-touch .product-image-thumbs a:hover {
    border-color: #c7c7c7;
}

.cart form { margin-bottom: 2em;}

#carousel-homepage {
    background-color: var(--white);
    border: 1px solid var(--primary-color-main);
    margin-top: 2em;
    border-radius: 0;
    transition: all 0.2s ease-in-out 0s;
}


#carousel-homepage .carousel-inner .item {
    max-height: 400px;
}

#carousel-homepage .carousel-control.right, #carousel-homepage .carousel-control.left {
    background:none;
    width: 5%;
    color: #999;
}

#carousel-homepage .item .item-wrapper {
    max-height: 400px;
    overflow: hidden;
    color: var(--text-color-main);
}

#carousel-homepage .item .item-wrapper .item-image {
    /*float: left;
    max-width: 30%;*/
    overflow: hidden;
}
#carousel-homepage .item .item-wrapper .item-image img {
    border: none;
}

#carousel-homepage .item .item-wrapper .item-collateral {
    /*float: left;
    max-width: 70%;*/
}

#carousel-homepage .item .item-wrapper .item-collateral h2.item-name {
    background-color: var(--primary-color-main);
    color: #fff;
    font-size: 2.0em;
    margin: 0 0 1em;
    padding: 1em;
}

#carousel-homepage .item .item-wrapper .item-collateral .item-description {
    font-size: 1.2em;
    margin-bottom: 2em;
    display: block;
}

#carousel-homepage .item .item-wrapper .item-collateral .item-description ul.item-features {
    max-height: 150px;
    /*padding-left: 0px;
    padding-right: 0px;*/
    margin-bottom: 1em;
}

#carousel-homepage .item .item-wrapper .item-collateral .item-description ul.item-features li {


}

#carousel-homepage .item .item-wrapper .item-moreinfo {
    padding-left: 50px;
    padding-right: 50px;
}

.product-featured-home {
    padding-top: 1em;
}

/* OPC */

.opc .active .step-title {
    border-style: solid;
    border-width: 1px;
    cursor: default;
    padding-bottom: 5px;
}
.opc .allow .step-title {

}
.opc .step-title {
    border-color: #e3e3e3;
}

.opc .step-title {
    border-style: solid;
    border-width: 1px;
    padding: 4px 8px 6px;
    text-align: right;
}

.opc .step-title .number {
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 30px;
    line-height: 28px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 30px;
}
.opc .allow .step-title h2 {
    color: #444;
    font-size: 1.2em;
}

.step-title::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.opc .step-title h2 {
    float: left;
    line-height: 29px;
    margin: 0;
    font-size: 1.2em;
    text-transform: uppercase;
}

.opc .step-title a {
    display: none;
    float: right;
    font-size: 11px;
    line-height: 16px;
}

.opc .step {
}
.opc .step {
    padding: 15px 30px;
    border-color: #ededed;
    border-style: none solid solid;
    border-top: 0 none;
    border-width: 0 1px 1px;
    padding: 10px;
    position: relative;
}

#co-shipping-method-form {

}

#co-payment-form .sp-methods .radio, #co-shipping-method-form .sp-methods .radio {
    padding: 0.5em 0.5em 0.5em 0;
    border: 1px #ededed solid;
    background-color: #eee;
    padding-left: 1em;
}

form .radio, form .checkbox {
    padding-left: 1em;
    border: 1px #ededed solid;
}

form .radio label, form .checkbox label {
    padding: 1em;
    display: block;
}

/*
ul.form-list {
    background-color: #eee;
    list-style: outside none none;
    margin: 1em;
    padding: 1em;
}*/

.about-us h4.certified-dealer {
    padding-top: 0;
    margin-top: 0 !important;
}

.pubwatch h2.pubwatch-package-title {
    padding-top: 0;
    margin-top: 0 !important;

}

.shopwatch h2.shopwatch-package-title {
    padding-top: 0;
    margin-top: 0 !important;

}

.newsletter-footer .validation-failed {
    border-color: red;
    border-right: 1px;
}
.newsletter-footer .validation-advice {
    display:none;
}
.newsletter-footer .btn-primary {
    border-color: #ccc;
}

.block-subscribe.well {
    background-color: #D4D4D4;
}

/* Global Messages  */
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 !important; line-height:24px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 16px !important; font-size:1.2em !important; /*font-weight:bold !important;*/ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.error-msg { background-color:#F2DEDE; border-color:#EED3D7; color:#B94A48; }
.success-msg { background-color:#DFF0D8; border-color:#D6E9C6; color:#468847; }
.note-msg { background-color:#D9EDF7; border-color:#BCE8F1; color:#3A87AD; }
.notice-msg { background-color:#FCF8E3; border-color:#FBEED5; color:#C09853; }

#co-payment-form ul li {
    list-style-type: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    font-size: 1.0em;
    font-weight: bold;
}


/*
.ribbon-best-seller {
    position: relative;
}
.ribbon-best-seller .ribbon {
    position: absolute;
    left: 10px;
    top: -4px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon-best-seller .ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: var(--secondary-color-main);
    background: linear-gradient(var(--secondary-color-main) 0%, #CF0000 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; left: -21px;
}
.ribbon-best-seller .ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #CF0000;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #CF0000;
}
.ribbon-best-seller .ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #CF0000;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #CF0000;
}



@import url(https://fonts.googleapis.com/css?family=Lato:700);
*/
.ribbon-box {
  position: relative;
  max-width: 600px;
  width: 90%;
  height: 400px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* common */
.ribbon {
  width: 158px;
  height: 158px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid var(--secondary-color-main);
}
.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: var(--secondary-color-main);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: var(--white);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
}

/* top left*/
.ribbon-top-left {
  /*top: -10px;
  left: -10px;*/
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -19px;
  top: 44px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -20px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

.ribbon.small {
    width: 143px;
    height: 146px;
}
.ribbon.small span {
    right: -23px;
    top: 38px;
    padding: 7px 0;
    font-size: x-small;
    z-index: 1000;
}

.ribbon span {
    z-index: 1000;
}

.ribbon.blue span {
    background-color: var(--primary-color-main);
}

.category-products .ribbon {
    width: 143px;
    height: 146px;
}

.category-products .ribbon span  {
    padding: 7px 0;
    font-size: x-small;
}

.category-products .ribbon-top-left span {
    right: -23px;
    top: 38px;
}

.page-header h3 {
    text-align: center;
}

/* subcategories */

.subcategory-grid {
    display: flex;
    flex-wrap: wrap;
}

.subcategory-grid > [class*="col-"] {
    margin-bottom: 30px;
    display: flex;
}

/** card */
.subcategory-card {
    background: linear-gradient(to bottom, var(--white), #f7fbff);
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    border: 1px solid rgba(11, 89, 147, 0.08);
    display: flex;
    flex-direction: column;
    width: 100%;
}

.subcategory-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.10);
}

.subcategory-card::after {
    content: "";
    display: block;
    height: 3px;
    background: transparent;
    transition: background 0.22s ease;
}

.subcategory-card:hover::after {
    background: linear-gradient(90deg, #0b5993, #4d8fc0);
}

.subcategory-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

.subcategory-card a:hover,
.subcategory-card a:focus {
    text-decoration: none;
}

.subcategory-card img {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.subcategory-card .subcategory-card-content {
    padding: 1.1em 1.2em 1.25em 1.2em;
    flex-grow: 1;
}

.subcategory-card a h4 {
    margin: 0 0 0.35em 0;
    color: #232123;
    line-height: 1.2;
    font-weight: 600;
}

.subcategory-card .subcategory-info {
    display: block;
    margin: 0;
    color: #4b5563;
    line-height: 1.45;
    min-height: 2.9em;
}

/* subcategories */

.img-responsive {
    margin: 0 auto;
}

.image {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}

.image img {
    position: absolute;
    max-width: 90%;
    max-height: 90%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

*:focus {
    outline: none;
}

.inner-padding {
    padding: 2em;
}

.margin-top {
    margin-top: 2em;
}

.margin-bottom {
    margin-bottom: 2em;
}

.margin-spacing {
    margin: 2em 0;
}

.padding-top {
    padding-top: 2em;
}

.padding-bottom {
    padding-bottom: 2em;
}


.padding-spacing {
    padding: 2em 0;
}

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--white);
}

.text-shadow-black {
    text-shadow: black 0px 0px 5px ;
    color: var(--white);
}

.text-shadow-white {
    text-shadow: white 0px 0px 5px ;
    color: black;
}

h1.headline {
    font-size: 350%;
}

.headline {
    font-size: 200%;
}

.sub-headline {
    margin-top: 0 !important;
    font-size: 150%;
}

.sub-sub-headline {
    font-size: 125%;
}


.band ul.bpoints li {
    font-size: 150%;
    line-height: 200%;
}

.landing .band h1 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
}

.band h2, .band h3, .band h4 {
    font-weight: bold;
    margin-top: 0;
}

.bg-radio-feature {
    background-color: rgba(255, 255, 255, 0.30);
    background-repeat: no-repeat;
    padding: 1em;
    border-radius: 20px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: var(--secondary-color-main);
}

/* =========================================
   Override helpers.css
========================================= */

.landing .bg-grey  h1,
.landing .bg-white h1,
.bg-grey h2,
.bg-grey h3,
.bg-grey h4,
.bg-grey h5,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5 {
    color: var(--secondary-color-main);
}

.bg-black .category-products p {
    color: var(--text-color-main);
}

/* =========================================
   CATEGORY HERO — BASE SHARED STYLE
   File: css/shared/7-styles.css
========================================= */

.view-category-cms-hero {

    position: relative;
    overflow: hidden;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    min-height: 550px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: var(--white);
}

.view-category-cms-hero.hero-header {

    background-size: cover;
    min-height: 200px;
    justify-content: left;
    background-position: 75% 75%;
}

.view-category-cms-hero.hero-header .hero-header-text {

    color: var(--text-color-main);

    max-width: 60%;
    text-align: left;
    
}
.view-category-cms-hero.hero-header:before,
.view-category-cms-hero.hero-header:after {

    background:

        linear-gradient(
            to right,

            color-mix(in srgb, var(--brand-primary-color), transparent 85%) 0%,

            transparent 18%,

            transparent 82%,

            color-mix(in srgb, var(--brand-primary-color), transparent 85%) 100%
        );
}

.hero-header p.sub-headline {

    font-size: 100%;
}

/* =========================================
   TOP/BOTTOM DARKENING
========================================= */

.view-category-cms-hero:before {

    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background:

        linear-gradient(
            to bottom,

            color-mix(in srgb, var(--black), transparent 58%) 0%,

            color-mix(in srgb, var(--black), transparent 72%) 38%,

            color-mix(in srgb, var(--black), transparent 72%) 62%,

            color-mix(in srgb, var(--black), transparent 58%) 100%
        );
}


/* =========================================
   SIDE VIGNETTE
========================================= */

.view-category-cms-hero:after {

    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background:

        linear-gradient(
            to right,

            color-mix(in srgb, var(--black), transparent 82%) 0%,

            transparent 18%,

            transparent 82%,

            color-mix(in srgb, var(--black), transparent 82%) 100%
        );
}


/* =========================================
   TEXT PANEL
========================================= */

.view-category-cms-hero .bg-opacity {

    position: relative;
    z-index: 2;

    display: inline-block;

    max-width: 92%;

    padding: 30px 40px;

    color: var(--white);

    background-color:

        color-mix(
            in srgb,
            var(--black),
            transparent 64%
        );

    border:

        1px solid
        color-mix(
            in srgb,
            var(--white),
            transparent 88%
        );
}


/* =========================================
   TYPOGRAPHY
========================================= */

h1.headline {

    margin: 0 0 12px;

    font-size: 350%;

    line-height: 1.1;

    color: inherit;
}

.sub-headline {

    margin: 0;

    font-size: 150%;

    line-height: 1.35;

    color: inherit;
}

.sub-sub-headline {

    font-size: 125%;

    line-height: 1.35;

    color: inherit;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .view-category-cms-hero {

        min-height: 420px;
    }

    .view-category-cms-hero .bg-opacity {

        max-width: 94%;

        padding: 22px 28px;
    }

    h1.headline {

        font-size: 275%;
    }

    .sub-headline {

        font-size: 130%;
    }
}


@media (max-width: 767px) {

    .view-category-cms-hero {

        min-height: 320px;
    }

    .view-category-cms-hero .bg-opacity {

        max-width: 96%;

        padding: 18px 20px;
    }

    h1.headline {

        font-size: 220%;
    }

    .sub-headline {

        font-size: 115%;
    }
}

.zoom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}     

.zoom:hover, .zoom:active, .zoom:focus {
    /**adjust scale to desired size, 
    add browser prefixes**/
    -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    position: absolute;
    z-index: 100000;
    border: 1px solid #eee;
}

.description-section {
    text-decoration: none;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--white);
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    color: var(--text-color-main);
}

.description-section h2, .description-section h3, .description-section h4 {
    margin-top: 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e3e3e3;
}



.product_view_description_band > .description-section {
}

.product_view_description_band > .description-section > .description-section {
    
}

.product_view_description_band .description-section:last-child {
    
}

.badge {
    border-radius: 10px !important;
}

.label {
    border-radius: .25em !important;
}

.motorola-text {
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    color: var(--text-color-main);
}

.motorola-solutions-text {
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    color: var(--text-color-main);
}

.kenwood-text {
    font-weight: bold;
    text-transform: uppercase;
    color: red;
}

.icom-text {
    font-weight: bold;
    text-transform: uppercase;
    color: red;
}

.hytera-text {
    font-weight: bold;
    color: #20409A;
}

.review-star-color {
    color: #5cb85c;
}


table.table-attributes-comparison {


}


table.table-attributes-comparison tr td {


}

.differences {

    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

table.table-attributes-comparison tr.highlight-row td,
table.table-attributes-comparison tr.highlight-row th {

    background-color: #fcf8e3;
}

table.table-attributes-comparison tr.highlight-row:hover td,
table.table-attributes-comparison tr.highlight-row:hover th {

    background-color: #faf2cc;
}

table.table-attributes-comparison tr td.highlight-column,
table.table-attributes-comparison tr th.highlight-column {

    background-color: #fcf8e3;
}

table.table-attributes-comparison tr:hover td.highlight-column,
table.table-attributes-comparison tr:hover th.highlight-column {

    background-color: #faf2cc;
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel h2, .panel h3 {
    margin: 0;
    padding: 0;
}
/*.panel-heading {
    padding: 10px;
}*/

.product_view_options .panel thead tr th {
    /* padding: 5px 5px !important; */
    background-color: var(--primary-color-main);
    color: var(--white);
}

.panel th {
    /* padding: 5px 5px !important; */
}

.panel .alert {
    border-radius: 0;
}

.green {
    color: green;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}



.nav-tabs {
    margin-bottom: -1px;
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-tabs > li:not(:first-child):not(:last-child) a {
    margin-left: 5px;
    margin-right: 5px;
}

.nav-tabs > li:first-child a {
    margin-left: 0;
    margin-right: 5px;
}

.nav-tabs > li:last-child a {
    margin-left: 5px;
    margin-right: 0;
}

.nav-tabs > li > a {
    border: none;
    text-decoration: none;
    background-color: var(--primary-color-main);
    color: #fff;
}

.nav-tabs > li > a:hover {
    border: none;
    text-decoration: none;
    background-color: var(--secondary-color-main);
    color: #fff;
}

.tab-content {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    background-color: var(--white);
    border-top-right-radius: 0;
    border-left-right-radius: 0;
}

* {
  border-radius: 0 !important;
}

.carousel-caption {
    color: var(--text-color-main);
}

/* =========================================
   SHARED BAND CONTENT POLISH
========================================= */

.band {
    margin-bottom: 28px;
    border: 1px solid var(--border-default);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--black), transparent 95%);
}

.band h2 {
    font-size: 34px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--text-color-main);
}

.band h2 a,
.band h2 a:visited {
    color: inherit;
    text-decoration: none;
}

.band h2 a:hover {
    color: var(--primary-color-main);
    text-decoration: none;
}

.band .sub-headline {
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-muted);
}

/*.band h2:first-child:before {
    content: "";
    display: block;
    width: 54px;
    height: 3px;
    margin: 0 auto 16px;
    background: var(--secondary-color-main);
    border-radius: 999px;
}

.band.bg-red h2:first-child:before {
    display: none;
}*/

/* =========================================
   INTRO CARDS
========================================= */

.home-intro-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.home-intro-grid > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.home-intro-card {
    background: linear-gradient(
        to bottom,
        var(--white),
        color-mix(in srgb, var(--background-color-soft), var(--white) 45%)
    );
    border: 1px solid var(--border-default);
    border-top: 4px solid var(--primary-color-main);
    padding: 26px 28px;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--black), transparent 95%);
    margin-bottom: 20px;
}

.home-intro-card--secondary {
    border-top-color: var(--secondary-color-main);
}

.home-intro-card h2 {
    margin: 0 0 16px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--text-color-main);
}

.home-intro-card p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-color-paragraph);
}

.home-intro-card p:last-child {
    margin-bottom: 0;
}

.logo-grid {
    margin-top: 18px;
}

.logo-grid > [class*="col-"] {
    margin-bottom: 12px;
}

/*.logo-chip {
    background: var(--color-gray-100);
    border: 1px solid var(--border-default);
    padding: 10px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-chip img {
    max-height: 74px;
    width: auto;
}*/

/* brand logos inside bands */
/*.band .img-thumbnail {
    background: var(--white);
    border: 1px solid var(--border-default);
    padding: 14px;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--black), transparent 96%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}*/

.band a:hover .img-thumbnail,
.band a:focus .img-thumbnail {
    transform: translateY(-2px);
    border-color: var(--primary-color-main);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--black), transparent 92%);
}

/* =========================================
   PRODUCT CARD SYSTEM
========================================= */

.category-products.row {
    display: flex;
    flex-wrap: wrap;
}

.category-products.row > [class*="col-"] {
    display: flex;
    margin-bottom: 26px;
}

.product-list {
    display: flex;
}

.product-card {
    position: relative;
    width: 100%;
}

.product-card-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 18px 16px 18px;
    background: var(--white);
    border: 1px solid var(--border-default);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--black), transparent 96%);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.product-card:hover .product-card-body {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--primary-color-main), transparent 72%);
    box-shadow: 0 14px 30px color-mix(in srgb, var(--black), transparent 91%);
}

.product-image {
    margin-bottom: 14px;
    min-height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-image img {
    max-height: 160px;
    width: auto;
    margin: 0 auto;
}

.product-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-title {
    min-height: 3.8em;
    margin: 0 0 12px;
    line-height: 1.45;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-color-main);
}

.product-title a,
.product-title a:visited {
    color: var(--text-color-main);
    text-decoration: none;
}

.product-title a:hover,
.product-title a:active {
    color: var(--primary-color-main);
    text-decoration: none;
}

.product-price-wrapper {
    margin-top: auto;
    padding-top: 6px;
}

.product-price-help-text {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-subtle);
}

.product-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color-main);
    line-height: 1.3;
}

.product-rating {
    margin-top: 8px;
    text-align: center;
}

.review-star-color {
    display: inline-block;
    font-size: 16px;
}

/* ribbons */
.category-products .ribbon {
    width: 126px;
    height: 126px;
}

.category-products .ribbon span {
    padding: 6px 0;
    font-size: 10px;
}

.category-products .ribbon-top-left span {
    right: -28px;
    top: 31px;
}

/* =========================================
   MOTOTRBO CAROUSEL
========================================= */

#mototrbo {
    background: var(--white);
    border: 1px solid var(--border-default);
    overflow: hidden;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--black), transparent 95%);
    margin-bottom: 34px;
}

#mototrbo .carousel-inner {
    background: var(--white);
}

#mototrbo .item {
    padding: 36px 28px;
    background: linear-gradient(to bottom, var(--white), var(--background-color-soft));
}

#mototrbo .item h3,
#mototrbo .item h3 a {
    font-size: 34px;
    line-height: 1.15;
    font-weight: 600;
    color: var(--secondary-color-main);
    text-decoration: none;
}

#mototrbo .item p {
    font-size: 15px;
    line-height: 1.65;
}

#mototrbo .controls {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    padding: 14px 10px;
    margin: 0;
    background: color-mix(in srgb, var(--background-color-soft), var(--white) 35%);
    border-top: 1px solid var(--border-default);
}

#mototrbo .controls li {
    display: table-cell;
    width: 1%;
    max-width: 90px;
    border-top: 3px solid var(--primary-color-main);
}

#mototrbo .controls li:hover,
#mototrbo .controls li.active {
    background-color: var(--grey);
    border-top-color: var(--secondary-color-main);
    color: var(--text-color-main);
}

#mototrbo .controls a small {
    overflow: hidden;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: 600;
}


/* layered */


/* =========================================================
   Layered Navigation - compact
   ========================================================= */

.block-layered-nav {
    margin-bottom: 24px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--white);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.block-layered-nav.panel,
.block-layered-nav.panel.panel-default {
    margin-bottom: 24px;
    border: 1px solid var(--border-default);
    box-shadow: var(--shadow-soft);
    background: var(--white);
}

/* Header */
.block-layered-nav .block-title,
.block-layered-nav .panel-heading {
    margin: 0;
    padding: 12px 16px;
    background: var(--color-gray-050);
    border-bottom: 1px solid var(--border-default);
}

.block-layered-nav .block-title strong,
.block-layered-nav .panel-heading strong {
    display: block;
}

.block-layered-nav .block-title span,
.block-layered-nav .panel-heading span {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--text-color-main);
    letter-spacing: 0.01em;
}

/* Body */
.block-layered-nav .block-content,
.block-layered-nav .panel-body {
    padding: 0;
    background: var(--white);
}

/* Generic subtitles */
.block-layered-nav .block-subtitle {
    margin: 0;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text-color-muted);
}

/* Currently selected */
.block-layered-nav .currently {
    padding: 12px 16px 10px;
    background: var(--color-gray-025);
    border-bottom: 1px solid var(--border-default);
}

.block-layered-nav .currently .block-subtitle {
    margin-bottom: 8px;
}

.block-layered-nav .currently ol {
    margin: 0;
    padding: 0;
}

.block-layered-nav .currently li {
    position: relative;
    margin: 0;
    padding: 8px 30px 8px 10px;
    list-style: none;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-color-main);
    background: var(--white);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
}

.block-layered-nav .currently .value {
    font-weight: 600;
    color: var(--color-accent);
}

.block-layered-nav .currently .btn-remove {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-muted);
    text-decoration: none;
    transition: color 0.2s ease;
}

.block-layered-nav .currently .btn-remove:hover,
.block-layered-nav .currently .btn-remove:focus {
    color: var(--color-accent);
    text-decoration: none;
}

/* Clear all */
.block-layered-nav .actions {
    padding: 10px 16px 12px;
    background: var(--color-gray-025);
    border-bottom: 1px solid var(--border-default);
}

.block-layered-nav .actions a {
    display: inline-block;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--color-accent);
    text-decoration: none;
}

.block-layered-nav .actions a:hover,
.block-layered-nav .actions a:focus {
    text-decoration: underline;
}

/* Dividers */
.block-layered-nav hr {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--border-default);
}

/* Filter list */
.block-layered-nav #narrow-by-list {
    margin: 0;
    padding: 0;
}

.block-layered-nav #narrow-by-list dt {
    margin: 0;
    padding: 12px 16px 6px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--text-color-main);
    background: var(--white);
}

.block-layered-nav #narrow-by-list dd {
    margin: 0;
    padding: 0 16px 12px;
    background: var(--white);
}

.block-layered-nav #narrow-by-list dt.odd,
.block-layered-nav #narrow-by-list dt.even,
.block-layered-nav #narrow-by-list dt.last,
.block-layered-nav #narrow-by-list dd.odd,
.block-layered-nav #narrow-by-list dd.even,
.block-layered-nav #narrow-by-list dd.last {
    background: transparent;
}

.block-layered-nav #narrow-by-list ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block-layered-nav #narrow-by-list li {
    margin: 0;
    padding: 0;
}

.block-layered-nav #narrow-by-list li + li {
    margin-top: 2px;
}

.block-layered-nav #narrow-by-list li a {
    position: relative;
    display: block;
    padding: 5px 0 5px 14px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-color-main);
    text-decoration: none;
    transition: color 0.2s ease;
}

.block-layered-nav #narrow-by-list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--color-accent);
    border-right: 2px solid var(--color-accent);
    transform: rotate(45deg);
}

.block-layered-nav #narrow-by-list li a:hover,
.block-layered-nav #narrow-by-list li a:focus {
    color: var(--color-accent);
    text-decoration: none;
}

.block-layered-nav #narrow-by-list .price {
    color: inherit;
    font-weight: 600;
}

.block-layered-nav #narrow-by-list li a,
.block-layered-nav #narrow-by-list li a span {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.block-layered-nav .panel-heading + .panel-body {
    border-top: 0;
}

/* Filter group headings feel interactive */

.block-layered-nav #narrow-by-list dt {
    cursor: default;
    position: relative;
}

/* subtle chevron */

.block-layered-nav #narrow-by-list dt::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;

    border-top: 2px solid var(--text-color-muted);
    border-right: 2px solid var(--text-color-muted);

    transform: rotate(45deg);
    opacity: 0.6;
}

.block-layered-nav hr {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--border-default);
    opacity: 0.6;
}

/* Active filter emphasis */

.block-layered-nav .currently li {
    background: var(--band-bg-blue-soft);
    border-color: var(--color-accent);
}

.block-layered-nav .currently .value {
    font-weight: 700;
}


/* =========================================
   PRODUCT PURCHASE PANEL
   Shared across Radiotronics / AntennaStore
========================================= */

.product-shop {
    margin-bottom: 28px;
}

.product-shop > div {
    height: 100%;
}

.product-shop .panel-heading {
    padding: 0;

    background:
        linear-gradient(
            to bottom,
            var(--color-gray-025),
            var(--color-gray-050)
        );

    border-bottom: 1px solid var(--border-default);

    font-size: 12px;
    font-weight: 500;
/*    letter-spacing: 0.05em;*/
    text-transform: uppercase;

    color: var(--text-color-main);
}

.product-shop .panel.panel-default {
    margin-bottom: 0;
    background: var(--white);
    border: 1px solid var(--border-default);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--black), transparent 95%);
    overflow: hidden;
}

/* remove old "band" feel */
.product-shop.band,
.product-shop.band.bg-red {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* options area */
.product-shop .product-options {
    padding: 18px 18px 10px;
    background: linear-gradient(
        to bottom,
        var(--white),
        color-mix(
            in srgb,
            var(--background-color-soft),
            var(--white) 55%
        )
    );
    border-bottom: 1px solid var(--border-default);
}

.product-shop .product-options.is-empty {
    display: none;
}

.product-shop .product-options.is-empty + .table-responsive,
.product-shop .product-options.is-empty + .panel-footer {
    border-top: 0;
}

/* Magento option rows */
.product-shop .product-options dl {
    margin-top: 4px;
}

@media (min-width: 992px) {

    .product-shop .product-options dl {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 14px;
    }

}

.product-shop .product-options dt {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--text-color-main);
    position: relative;
}

.product-shop .product-options dt::after {

    content: '';
    display: block;

    height: 1px;

    margin-top: 4px;

    background:
        color-mix(
            in srgb,
            var(--border-default),
            transparent 40%
        );

}

.product-shop .product-options dd {
    margin: 0 0 14px;
}

.product-shop .product-options .input-box select,
.product-shop .product-options .input-box input[type="text"],
.product-shop .product-options .input-box textarea {
    height: 42px;
    border: 1px solid var(--border-default);
    background: var(--white);
    box-shadow: none;
    color: var(--text-color-main);
}

.product-shop .product-options .input-box textarea {
    height: auto;
    min-height: 90px;
}

.product-shop .product-options .input-box select:focus,
.product-shop .product-options .input-box input[type="text"]:focus,
.product-shop .product-options .input-box textarea:focus {
    border-color: var(--primary-color-main);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color-main), transparent 88%);
}

/* info tables above footer */
.product-shop .table-responsive {
    margin: 0;
    border-top: 1px solid var(--border-default);
}

.product-shop table.tier-prices,
.product-shop table.product-page-related-products {
    margin-bottom: 0;
    border-top: 0;
}

.product-shop table.tier-prices th,
.product-shop table.product-page-related-products th {
    background: var(--color-gray-050);
    color: var(--text-color-main);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-top: 0;
    border-bottom: 1px solid var(--border-default);
}

.product-shop table.tier-prices td,
.product-shop table.product-page-related-products td {
    padding: 10px 12px;
    border-color: var(--border-default);
    font-size: 13px;
    color: var(--text-color-paragraph);
}

.product-shop table.tier-prices tr:hover td,
.product-shop table.product-page-related-products tr:hover td {
    background: var(--color-gray-025);
}

/* purchase footer */
.product-shop .panel-footer {
    padding: 0;
    background: var(--white);
    border-top: 1px solid var(--border-default);
}

.product-shop .add-to-cart-box-pricing {
    margin: 0;
    padding: 18px;
}

.product-shop .add-to-cart-box-pricing > [class*="col-"]:first-child {
    padding-bottom: 14px;
}

@media (min-width: 992px) {
    .product-shop .add-to-cart-box-pricing {
        display: flex;
        align-items: stretch;
    }

    .product-shop .add-to-cart-box-pricing > [class*="col-"] {
        float: none;
    }

    .product-shop .add-to-cart-box-pricing > [class*="col-"]:first-child {
        padding-bottom: 0;
    }

    .product-shop .add-to-cart-box-pricing-right {
        border-left: 1px solid var(--border-default);
        padding-left: 18px;
    }
}

/* price box */
.product-shop .price-box {
    line-height: 1.25;
    padding-top: 6px;
    padding-bottom: 6px;
}

.product-shop .msrp-wrapper {
    margin-bottom: 8px;
}

.product-shop .msrp-save {
    font-size: 13px;
    color: var(--text-muted);
}

.product-shop .save-message,
.product-shop .map-message {
    font-size: 12px;
    color: var(--text-muted);
}

.product-shop .price-box {
    line-height: 1.25;
    padding-top: 8px;
    padding-bottom: 8px;
}

.product-shop .price-box .price-or-map-price,
.product-shop .price-box .price-excluding-tax .price {

    font-size: 35px;
    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -0.015em; /* slightly less tight */
}

.product-shop .price-box .price-including-tax {

    margin-left: 6px;
    font-size: 14px;

}

.product-shop .price-box .price-incl-tax {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--text-muted);
}

/* login / special pricing note */
.product-shop .signup-your-price {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
}

.product-shop .signup-your-price a {
    color: var(--primary-color-main);
    text-decoration: none;
}

.product-shop .signup-your-price a:hover {
    color: var(--secondary-color-main);
    text-decoration: none;
}

.product-shop .add-to-cart-box-pricing-right p {
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    color: var(--text-muted);
}

.product-shop .add-to-cart-box-pricing-right small {
    font-size: inherit;
}

/* qty + CTA block */
.product-shop .product-options-bottom {

    padding: 16px 18px 18px;

    background:
        color-mix(
            in srgb,
            var(--secondary-color-main),
            white 97%
        );

    border-top: 1px solid var(--border-default);
}

.product-shop .product-options-bottom .text-center {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid color-mix(in srgb, var(--border-default), transparent 20%);
    text-align: center;
    font-size: 13px;
    color: var(--text-muted);
}

.product-shop .add-to-cart {
    margin: 0;
}

.product-shop .add-to-cart .input-group {
    padding-bottom: 0;
}

.product-shop .add-to-cart .input-group-addon {
    min-width: 68px;
    border-color: var(--border-default);
    background: var(--color-gray-050);
    color: var(--text-color-main);
    font-weight: 600;
}

.product-shop .add-to-cart .form-control {
    height: 48px;
    border-color: var(--border-default);
    box-shadow: none;
    font-size: 20px;
}

.product-shop .add-to-cart .btn-success {
    height: 48px;
    border-color: var(--secondary-color-main);
    background: var(--secondary-color-main);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.product-shop .add-to-cart .btn-success:hover,
.product-shop .add-to-cart .btn-success:focus {

    background: var(--primary-color-main);
    border-color: var(--primary-color-main);

    box-shadow:
        0 6px 14px color-mix(
            in srgb,
            var(--primary-color-main),
            transparent 75%
        );
}

.product-shop .add-to-cart .input-group .form-control {
    margin-right: 6px;
}

/* wishlist links */
.product-shop .product-options-bottom .text-center {
    margin-top: 12px;
    text-align: center;
    font-size: 13px;
    color: var(--text-muted);
}

.product-shop .product-options-bottom .text-center a {
    color: var(--primary-color-main);
    text-decoration: none;
}

.product-shop .product-options-bottom .text-center a:hover {
    color: var(--secondary-color-main);
    text-decoration: underline;
}

/* validation / required */
.product-shop .validation-advice {
    margin-top: 4px;
    font-size: 12px;
    color: var(--secondary-color-main);
}

/* compact desktop rhythm for many options */
@media (min-width: 992px) {
    .product-shop .product-options dt {
        font-size: 12px;
    }

    .product-shop .product-options dd {
        margin-bottom: 12px;
    }

    .product-shop .product-options .input-box select,
    .product-shop .product-options .input-box input[type="text"] {
        height: 40px;
    }
}

/* mobile */
@media (max-width: 991px) {
    .product-shop .product-options,
    .product-shop .add-to-cart-box-pricing,
    .product-shop .product-options-bottom {
        padding-left: 14px;
        padding-right: 14px;
    }

    .product-shop .price-box .price-or-map-price,
    .product-shop .price-box .price-excluding-tax .price {
        font-size: 34px;
    }
}