/* Variables 
------------------------ */

:root {
    --primary-blue: #016ac9;
    --primary-blue-hover: #0060b3;
    --primary-teal: #29adde;
    --primary-teal-hover: #29adde;
    --primary-orange: #ff7e36;
    --primary-orange-hover: #e5651c;
    --primary-green: #7cb900;
    --primary-green-hover: #64a000;
    --primary-red: #e16143;
}


/* Base 
------------------------ */


.bg-light {
  background-color: #f5f5f5 !important;
}
.btn.btn-orange {
  background: #ff7900;
  color: #000;
	font-weight:bold;
	border-radius:1.25rem;
}
.btn.btn-orange:hover {
  background: #e5651c;
  color: #000;
	font-weight:bold;
	border-radius:1.25rem;
}
.btn.btn-orangeNew {
  background: #ff7900;
  color: #000;
  font-weight:bold;
	border-radius:1.25rem;
}
.btn.btn-orangeNew:hover {
  background: #e5651c;
  color: #000;
	font-weight:bold;
		border-radius:1.25rem;
}


.btn-primary {
  background: #0163b9;
  border-color: #0163b9;
  color:#fff;
	font-weight:bold;
		border-radius:1.25rem;
}
.btn-primary:hover {
  background: #0060b3;
  border-color: #0060b3;
  color:#fff;
	font-weight:bold;
		border-radius:1.25rem;
}


.btn-primaryNew {
  background: #0163b9;
  border-color: #0163b9;
  color:#fff;
	font-weight:bold;
		border-radius:1.25rem;
}
.btn-primaryNew:hover {
  background: #0060b3;
  border-color: #0060b3;
  color:#fff;
	font-weight:bold;
		border-radius:1.25rem;
}


.btn.btn-green,
a.btn.btn-green {
  background: #7cb900;
  border-color: #7cb900;
  color: #000;
  font-weight:bold;
  border-radius:1.25rem;
  min-width: 370px;
}
.btn.btn-green:hover {
  background: #64a000;
  border-color: #64a000;
  font-weight:bold;
  border-radius:1.25rem;
  min-width: 370px;
}
.btn:disabled {
  background: #ccc;
  color: #fff;
  padding-left: 2em;
  padding-right: 2em;
  border-radius:1.25rem;
}

.btn.btn-greenNew,
a.btn.btn-greenNew {
  background: #7cb900;
  border-color: #7cb900;
  color: #000;
  font-weight:bold;
  border-radius:1.25rem;
  min-width: 370px;
}
.btn.btn-greenNew:hover {
  background: #64a000;
  border-color: #64a000;
  font-weight:bold;
  border-radius:1.25rem;
  min-width: 370px;
}


.btn-outline-primary {
  border-color: #016ac9;
  color: #016ac9;
		border-radius:1.25rem;
	min-width: 370px;
}
.btn-outline-primary:hover {
  border-color: #016ac9;
  background-color: #016ac9;
  border-radius:1.25rem;
  min-width: 370px;
}
.btn-block {
  white-space: initial;
}
.btn.btn-white {
  background: #fff;
}

.component:not(.section)+.component,
.component:not(.section)+script+.component {
    margin-top: 1.5em;
}

.component:not([class$="col"])+[class$="col"] {
    margin-top: 0;
}

.container {
    width: 100%;
    max-width: 1140px;
}


/* responsive table */

@media (min-width: 550px) {
    .tab-pane .table.table-responsive {
        display: table;
    }
}

.tab-pane .table.table-responsive td {
    border-top: 0;
}

.table.table-responsive.has-3 td {
    width: 33.333333%;
}


/* literature tab update */

#Literature table td:last-child {
    width: 100%;
}

#ShopNow .table.table-responsive {
    font-size: 0.85em;
}

#ShopNow {
    overflow-x: auto;
}


/* Type 
------------------------ */

body,
p {
    font-size: 15px;
    font-family: "Open Sans", arial, sans-serif;
}

a {
    font-family: "Open Sans", arial, sans-serif;
    color: #016ac9;
}

a:hover {
    color: #29adde;
}

form {
    margin-bottom: 1.5em;
}


/* a:visited {
  color: #551A8B;
  text-decoration: none;
} */

dl,
ol,
ul {
    padding-left: 1.5em;
}

.arrow-list,
.arrow-list ul {
    list-style: none;
    padding-left: 0;
}

.arrow-list li,
.arrow-list ul li {
    position: relative;
    padding-left: 1.5em;
    border-radius: 3px;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
}

.arrow-list li:before,
.arrow-list ul li:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 10px;
    height: 10px;
    color: #e0e0e0;
    font-weight: lighter;
}

.arrow-list li:hover,
.arrow-list ul li:hover,
.arrow-list li:hover:before,
.arrow-list ul li:hover:before {
    background: #ececec;
    color: #016ac9;
}

.arrow-list li a:hover,
.arrow-list ul li a:hover {
    text-decoration: none;
}

.arrow-list-static,
.arrow-list-static ul {
    list-style: none;
    padding-left: 0
}

.arrow-list-static li,
.arrow-list-static ul li {
    position: relative;
    padding-left: 1.5em;
    border-radius: 3px;
    padding-top: .2em;
    padding-bottom: .3em;
    list-style: none
}

.arrow-list-static li:before,
.arrow-list-static ul li:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 10px;
    height: 10px;
    color: #006bc8;
    font-weight: 700
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

h1 {
    margin-bottom: 1.2rem;
}

h1,
.h1 {
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 30px;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 1.25em;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 0.3em;
    font-weight: 400;
    color: #111;
}

h3,
.h3 {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 1em;
    line-height: 1;
}

h3 a,
.h3 a {
    line-height: 1.7rem;
}

.h4,
h4 {
    text-transform: uppercase;
    font-size: 15px;
}

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

h6 {
    font-size: 15px;
}

/* begin new new template */
    ul.teaser {
    list-style-type: "\3E";
    }
    li.teaser {
    color: #0000AA;
    font-weight:bold;
    font-size:18px;
    }
    li.teaser span {
    color:#000000;
    font-weight:normal;
    font-size:16px;
    }
h2.tabtop {
	text-align:center;
	font-family: "Open Sans", sans-serif;
	font-size:22px;
	font-weight:700;
	border-bottom:none;
	padding: 10px 0 10px 0;
	text-transform:uppercase;
}

/* end new new template */


.underline-title {
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-bottom: 0.3em;
    font-family: "Open Sans", arial, sans-serif;
}

span.underline-title {
    display: block;
}

img.has-border {
    border: 1px solid #ccc;
}

hr {
    border-top-color: #ccc;
}

.card {
    margin-bottom: 1.5em;
}

.table {
    /* display: block !important; */
    width: 100% !important;
    overflow: auto;
}

.table td,
.table th {
    padding: 0.7em;
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #eeee;
}

.text-14 {
    font-size: 14px;
}

.text-12 {
    font-size: 12px;
}

.text-18 {
    font-size: 18px;
}

.text-26 {
    font-size: 26px;
}

.text-30 {
    font-size: 30px;
}

.text-black {
    color: #000;
}

.text-blue {
    color: var(--primary-blue);
}

.shadow-md {
    box-shadow: -2px 4px 10px rgba(0, 0, 0, .1)!important;
}


/* Tools 
------------------------ */

.template-navigator {
    position: fixed;
    top: 3em;
    left: -3px;
    transform: translateX(-100%);
    background: #14436d;
    z-index: 999;
    padding: 1em 2em;
    border-radius: 3px;
    border-top-right-radius: 0;
    box-shadow: -2px 5px 13px rgba(0, 0, 0, 0.32);
}

.template-navigator li.divider {
    border-bottom: 1px solid #bee1ff;
    color: #bee1ff;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 1px;
    margin: 1em 0 1em;
}

.template-navigator.is-active {
    transform: translateX(0%);
}

.template-navigator ul {
    list-style: none;
    padding-left: 0;
}

.template-navigator ul li {
    padding-bottom: 0.2em;
}

.template-navigator ul a {
    color: #fff;
    text-decoration: underline;
}

.template-navigator-tab {
    position: absolute;
    top: 0;
    color: #fff;
    right: -36px;
    font-size: 2em;
    background: #0a253e;
    padding: 0.2em;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: -2px 5px 13px rgba(0, 0, 0, 0.32);
}

.template-navigator-tab:hover {
    cursor: pointer;
}


/* Forms 
------------------------ */

.required-label {
    color: #ce282F;
}


/* Media List Item
------------------------ */

.media-list-item {
    /* padding-bottom: 1.5em; */
    margin-bottom: 1.5em;
    /* border-bottom: 1px solid #ccc; */
}


/* knowledge center listing */

.media-list-item.knowledge-center-listing-item {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}

.media-list-item.knowledge-center-listing-item:last-of-type {
    border-bottom: none;
}

.media-list-item.knowledge-center-listing-item .media-list-item-image-container img {
    border: 1px solid #ccc;
}

.media-list-item p:last-of-type {
    margin-bottom: 0;
}

.media-list-item.knowledge-center-listing-item .media-list-item-title,
.media-list-item.knowledge-center-listing-item .media-list-item-title a {
    font-family: "Open Sans Condensed", sans-serif;
    font-size: 30px;
}

.media-list-item.knowledge-center-listing-item h2,
.media-list-item.knowledge-center-listing-item h3,
.media-list-item.knowledge-center-listing-item h4 {
    font-size: 1.2em;
}


/* .media-list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
} */

.media-list-item-image-container {
    margin-bottom: 1em;
    text-align: center;
}

.media-list-item-image-container img {
    /* width: 100%; */
    /* border: 1px solid #ccc; */
}

@media (min-width: 400px) {
    .media-list-item-image-container img {
        width: auto;
    }
}

@media (min-width: 576px) {
    .media-list-item-image-container {
        /* margin-bottom: 0; */
        margin-right: 1.5em;
    }
}


/* Pagination
------------------------ */

.page-link {
    color: #016ac9;
    border-color: transparent;
    border-radius: 3px;
}

.page-link:hover,
.page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.page-item.active .page-link {
    background-color: #016ac9;
    border-color: #016ac9;
}


/* Mobile Nav 
------------------------ */

.primary-nav ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.primary-nav>ul {
    border-top: 1px solid #ccc;
}

.primary-nav-link {
    display: block;
    padding: 0.8em 1em;
    border-bottom: 1px solid #ccc;
    position: relative;
    color: #000;
    font-size: 16px;
}

.primary-nav-item {
    position: relative;
}

.primary-nav-item:hover {
    cursor: pointer;
}

.primary-nav-item a {
    text-decoration: none;
    font-family: "Open Sans", Sans-serif;
}

.primary-nav-item.is-page-active>a,
.primary-nav-item.is-page-active>.primary-nav-item-toggle>i {
    color: #016ac9 !important;
}

.primary-nav-item a:hover {
    background: #ebebeb;
}

.primary-nav-item:hover>a {
    color: initial;
}


/* children */

.primary-nav-item.has-children>ul {
    display: none;
}

@media (max-width: 767px) {
    .primary-nav-item.has-children.is-active>ul {
        display: block;
    }
    .header-nav .primary-nav-item span.primary-nav-link .primary-nav-link {
        padding: 0;
    }
}

.primary-nav .lvl-1 .primary-nav-link {
    padding-left: 1em;
}

.primary-nav .lvl-2 .primary-nav-link {
    padding-left: 1.6em;
}

.primary-nav .lvl-3 .primary-nav-link {
    padding-left: 2.3em;
}

.primary-nav-item.has-children>a {
    text-transform: uppercase;
    color: #016ac9;
}

.primary-nav-item.has-children ul>li>a {
    color: #000;
}


/* toggle tri */

.primary-nav-item-toggle {
    display: block;
    font-size: 1.5em;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #ccc;
    text-align: center;
    padding: 3px 18px;
    transform: rotateZ(90deg);
    line-height: 1.6em;
    z-index: 1;
}

.primary-nav-item-toggle:hover {
    cursor: pointer;
}

.primary-nav-item.has-children>.primary-nav-item-toggle {
    transform: rotateZ(-180deg);
    color: #016ac9;
}

.primary-nav-item.has-children.is-active>.primary-nav-item-toggle {
    transform: rotateZ(0deg);
}

.primary-nav-item-toggle:hover+.primary-nav-link {
    background: #ebebeb;
}


/* Header 
------------------------ */

.header {
    border-top: 5px solid #e6e6e6;
    z-index: 20;
    position: relative;
    position: fixed;
    width: 100%;
    background: #fff;
}

.header+.section {
    padding-top: 6em !important;
}

.header+.global-menu-container {
    padding-top: 3em !important;
}

.header~nav[aria-label="breadcrumb"] {
    padding-top: 6em;
}

@media (min-width: 768px) {
    .header+.section {
        padding-top: 11em !important;
    }
    .header+.global-menu-container {
        padding-top: 6.5em !important;
    }
    .header~nav[aria-label="breadcrumb"] {
        padding-top: 12em;
    }
    .header-nav .primary-nav-item.is-mega:hover>ul {
        overflow-y: auto;
        height: calc(99vh - 180px);
    }
    .header-nav .lvl-1.is-mega>ul>li>ul {
        padding-bottom: 1em;
    }
}

.header-top {
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .header-top {
        display: -ms-flexbox;
        display: flex;
    }
}

.header-bottom {
    display: none;
    position: absolute;
    top: 85px;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 999;
    box-shadow: -4px 3px 6px rgba(0, 0, 0, 0.25);
    height: calc(100vh - 100px);
    overflow: auto;
}

body.menu-is-active {
    overflow: hidden;
}

@media (min-width: 768px) {
    .header-bottom {
        height: auto;
        overflow: initial;
    }
    body.menu-is-active {
        overflow: auto;
    }
}

.header-bottom .utility {
    list-style: none;
    padding: 1.5em 1em;
    margin-bottom: 0;
}

.header-bottom .utility a {
    display: inline-block;
    padding-bottom: 0.8em;
}

.header.menu-is-active .header-bottom {
    display: block;
}

.header.menu-is-active .fa-bars:before {
    content: "\f00d";
    padding-right: 4px;
}

.header-desktop-search {
    display: none;
    padding-top: 6px;
    max-width: 200px;
}

.header-desktop-search__large,
.header-desktop-search__med {
    display: none;
}

@media (min-width: 768px) {
    .header-desktop-search,
    .header-desktop-search__med {
        display: block;
    }
}

@media (min-width: 1024px) {
    .header-desktop-search__large {
        display: block;
    }
    .header-desktop-search__med {
        display: none;
    }
}

.header-desktop-search__med {
    text-align: right;
    position: relative;
}

.header-desktop-search__med .input-group {
    position: absolute;
    width: 200px;
    right: 100%;
    margin-right: -42px;
    display: none;
}

.header-desktop-search__med .btn {
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}

.header-desktop-search__med .input-group .form-control {
    width: 100%;
}

.header-desktop-search__med .btn.active+.input-group {
    display: block;
    margin-right: -46px;
}

.header-desktop-search__med .btn.active {
    box-shadow: 0 0 0px 4px #ccc;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.header-desktop-search__med .btn:focus {
    box-shadow: none;
}


/* header menu | mobile */

@media (min-width: 768px) {
    .header-bottom {
        position: static;
        box-shadow: none;
        display: block !important;
        border-bottom: 1px solid #ccc;
    }
    .header-bottom .utility {
        display: none;
    }
    .header-nav>ul {
        /* padding-top: .2em; */
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }
    .header-nav>ul>.primary-nav-item {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    .header-nav .primary-nav-item.is-mega {
        position: static;
    }
    .is-mega.reset-left>ul {
        left: auto !important;
        width: auto !important;
    }
    .header-nav .primary-nav-item.is-mega>ul {
        width: 100%;
    }
    .header-nav .primary-nav-item a {
        text-transform: none;
    }
    .header-nav .primary-nav-item.is-button>a,
    .header-nav .primary-nav-item.is-button:hover>a {
        color: #fff;
        background: #016ac9;
    }
    .header-nav .primary-nav-link {
        padding: 0.2em 0.6em;
        margin: 0.5em 0;
        border: 1px solid transparent;
        border-radius: 3px;
        font-size: 14px;
    }
    @media (max-width: 767px) {
        .header-nav .primary-nav-link {
            padding-right: 2em;
        }
    }
    .header-nav .primary-nav-link:hover {
        border: 1px solid #016ac9;
        background: none;
    }
    .header-nav .primary-nav-item-toggle {
        display: none;
    }
    /* header | children */
    .header-nav .has-children .primary-nav-link {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    /* .header-nav .primary-nav-item.has-children:hover > ul {
    display: block;
  } */
    .primary-nav-item.has-children>a {
        color: #000;
    }
    .header-nav>ul>.primary-nav-item.has-children>a {
        color: initial !important;
        padding-left: 0.6em !important;
    }
    .header-nav .primary-nav-item.has-children ul .primary-nav-link:hover {
        border-color: transparent;
    }
    .header-nav>ul>.primary-nav-item:hover>a.primary-nav-link {
        border-color: #016ac9;
    }
    .header-nav .primary-nav-item.has-children .primary-nav-link {
        padding-left: 1em;
    }
    .header-nav>ul>.primary-nav-item.has-children>.primary-nav-link {
        padding-left: 0.6em;
    }
    .header-nav .primary-nav-item.has-children a.primary-nav-link,
    .header-nav .primary-nav-item.has-children a.primary-nav-link:before {
        transition: all 0.3s ease;
    }
    .header-nav .primary-nav-item.has-children a.primary-nav-link:hover,
    .header-nav .primary-nav-item.has-children a.primary-nav-link:hover:before {
        color: #016ac9;
    }
    .header-nav .primary-nav-item.has-children.is-button>.primary-nav-link,
    .header-nav .primary-nav-item.has-children.is-button:hover>.primary-nav-link {
        color: #fff !important;
        padding-left: 0.6em;
    }
    .header-nav .primary-nav-item.lvl-2 {
        padding-right: 1em;
    }
    .header-nav .primary-nav-item.lvl-2.has-2-cols {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .header-nav .primary-nav-item.lvl-2.has-3-cols {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    }
    .header-nav .primary-nav-item.lvl-2.has-4-cols {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .header-nav ul .primary-nav-item.lvl-2:last-child {
        padding-right: 0;
    }
    /* header | mobile tab bar */
    .tab-bar {
        display: none;
    }
    .header-nav .lvl-1>ul {
        padding: 1em;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 265px;
        background: #fff;
        box-shadow: 7px 6px 9px rgba(0, 0, 0, 0.12);
        border: 1px solid #ccc;
    }
    .header-nav .lvl-1>ul.is-full-width {
        width: 100%;
    }
    .header-nav .lvl-1.is-mega:hover>ul {
        display: -ms-flexbox;
        display: flex;
    }
    .header-nav .lvl-1:hover>ul {
        display: block;
    }
    .header-nav .lvl-2>ul {
        display: block;
    }
    .header-nav .has-children.lvl-2>.primary-nav-link {
        font-weight: bold;
        text-transform: uppercase;
        margin-left: -15px;
    }
    .header-nav .has-children.lvl-2>.primary-nav-link:before {
        display: none !important;
    }
    .header-nav .primary-nav-item .lvl-2 .primary-nav-link:before {
        content: "\f054";
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        color: #ccc;
        position: absolute;
        top: 6px;
        left: -1px;
        font-size: 0.8em;
    }
}


/* mega nav */

.mega-nav-group {
    position: absolute;
    left: 0;
    width: 100%;
}

.tab-bar {
    position: relative;
}

.tab-bar .header-search-icon,
.tab-bar .header-hamburg-icon {
    display: inline-block;
    font-size: 2em;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.tab-bar .header-search-icon:hover,
.tab-bar .header-hamburg-icon:hover {
    cursor: pointer;
}

.tab-bar .header-search-icon {
    right: 50px;
}

.tab-bar .header-hamburg-icon {
    z-index: 10;
}


/* mobile search */

.mobile-search-field {
    position: absolute;
    top: 0;
    left: 0;
    /*   background: rgba(0, 0, 0, 0.2); */
    height: 100%;
    width: 100%;
    color: #fff;
}

.mobile-search-field {
    display: none;
}

.mobile-search-field-container {
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.header.mobile-search-is-active .mobile-search-field {
    display: block;
}

.mobile-search-field-container .fa-search,
.mobile-search-field-container .fa-times {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
}

.mobile-search-field-container .fa-times {
    right: 0px;
    padding: 1em;
    /*   background: #f00; */
}

.mobile-search-field-container .fa-times:hover {
    cursor: pointer;
}

.mobile-search-field input {
    width: 100%;
}


/* Collapse Nav 
------------------------ */


/* .collapse-nav {
    
}
.collapse-nav ul {
    list-style: none;
}
.collapse-nav ul a {
  text-decoration: none;
}
.collapse-nav-link {
    background: #016ac9;
    color: #fff;
    padding: .5em 1em;
    display: block;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.collapse-nav-item.has-children > ul {
    display: none;
    padding: .5em 1.5em;
}
.collapse-nav-item.has-children.is-active ul {
    display: block;
    background: #fff;
}
.collapse-nav-item.has-children.is-active ul a {
    color: #000;
}
 */


/* Breadcrumb
------------------------ */

.breadcrumb {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumb-item a {
    color: #29adde;
}

.breadcrumb-item.active {
    color: #333;
}


/* Tabs
------------------------ */

.component-product-tabs {
    margin-bottom: 1.5em;
}

@media (min-width: 768px) {
    .component-product-tabs {
        margin-bottom: 0;
    }
}

.tab-content {
    padding: 1.5em;
    border: 1px solid #cecece;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (min-width: 576px) {
    .tab-content {
        border-top-right-radius: 5px;
    }
}

@media (min-width: 576px) {
    .nav-tabs .nav-item:first-child .nav-link {
        border-top-right-radius: 0;
    }
}

.nav-tabs .nav-item:nth-child(n + 2) .nav-link {
    border-radius: 0;
}

@media (min-width: 576px) {
    .nav-tabs .nav-item:nth-child(n + 2) .nav-link {
        margin-left: -1px;
    }
}

@media (min-width: 576px) {
    .nav-tabs .nav-item:last-child .nav-link {
        border-top-right-radius: 5px;
    }
}

.nav-tabs {
    font-size: 0.85em;
}

.nav-tabs .nav-link {
    padding: 0.5rem 0.55rem;
    height: 100%;
}

.nav-tabs .nav-link {
    border: 1px solid #cecece;
    border-bottom: none;
    color: #000;
}

.nav-tabs .nav-item {
    position: relative;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    border: 1px solid #cecece;
    border-bottom: none;
}

.nav-tabs .nav-link.active {
    border-top: 3px solid #016ac9;
    border-bottom: none;
    color: #016ac9;
}

.nav-tabs {
    border: none;
}


/* Accordion
------------------------ */

.accordion-item {
    margin-bottom: 1em;
}

.accordion-product-page-header {
    background: #6e757c;
    position: relative;
}

#accordion-product-page .accordion-product-page-header button {
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion-product-page-header button:hover,
.accordion-product-page-header button:active,
.accordion-product-page-header button:focus {
    text-decoration: none;
}

#accordion-product-page .accordion-product-page-header:before {
    content: '\f078';
    display: block;
    position: absolute;
    font-weight: bold;
    font-family: 'Font Awesome 5 Pro';
    line-height: 0;
    right: 20px;
    color: #fff;
    top: 50%;
}

.accordion-item .accordion-product-page-header:not(.collapsed):before {
    transform: rotateZ(-180deg);
}

.accordion-product-page-header {
    border: solid 3px #6e757c;
}

.accordion-product-page-header:hover {
    background: #999;
    border: solid 3px #ccc;
}

.accordion-product-page-header h2 {
    border-bottom: none;
}


/* Component | Date Line 
------------------------ */

.component-date-line .d-flex {
    border-bottom: 1px dotted #ccc;
}

.component-date-line h2,
.component-date-line p {
    border: none;
    margin-bottom: 0 !important;
}


/* Side Nav 
------------------------ */

.side-nav {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 1.5em;
}

@media (min-width: 768px) {
    .side-nav {
        margin-bottom: 1em;
    }
}

.side-nav .primary-nav-link {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-size: 1em;
    text-transform: none !important;
}

.side-nav .primary-nav-item-toggle {
    top: 0;
    padding: 0.1em;
    font-size: 1.2em;
}

.side-nav .has-children>a {
    color: #016ac9;
    text-transform: none;
}

.side-nav .has-children.is-active>ul {
    display: block;
}


/* Carousel 
------------------------ */

.carousel {
    text-align: center;
}

.carousel .flickity-page-dots {
    text-align: right;
}

.carousel .carousel-cell,
.carousel .carousel-cell img {
    width: 100%;
}

.carousel .carousel-cell {
    display: block !important;
}

.carousel .flickity-page-dots li {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 0 0.4em;
    box-shadow: 0 0 3px 2px #000;
    background: transparent;
}

.carousel .flickity-page-dots li.is-selected {
    background: #7cb900;
    box-shadow: inset 0 1px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px #000;
}

.carousel-caption {
    background: rgba(255, 255, 255, 0.34);
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 1em 1em 0;
    color: #000;
}

[class^="carousel-control"] {
    display: none;
}

.carousel-content {
    padding-top: 1em;
    display: block;
}

.carousel-caption {
    display: none;
}

@media (min-width: 450px) {
    .carousel-caption {
        display: block;
    }
}


/* product carousel */

.component-product-carousel {
    margin-bottom: 1.5em;
}

@media (min-width: 768px) {
    .component-product-carousel {
        margin-bottom: 0;
    }
}

.product-carousel {
    margin-bottom: 1em;
}

.product-carousel .carousel-cell,
.product-carousel .carousel-cell img,
.carousel-nav .carousel-cell,
.carousel-nav .carousel-cell img,
.related-products-carousel .carousel-cell,
.related-products-carousel .carousel-cell img {
    width: auto;
}

.product-carousel .carousel-cell img,
.carousel-nav .carousel-cell img,
.related-products-carousel .carousel-cell img {
    border: 1px solid #ccc;
}

.carousel-nav .carousel-cell,
.carousel-nav .carousel-cell img,
.related-products-carousel .carousel-cell,
.related-products-carousel .carousel-cell img {
    max-width: 180px !important;
}


/* product carousel - nav */

.carousel-nav .flickity-button,
.related-products-carousel .flickity-button {
    background: #333;
    border-radius: 3px;
    width: 20px;
    height: 20px;
}

.related-products-carousel .flickity-button:hover {
    background: #000;
}

.carousel-nav .flickity-button-icon,
.related-products-carousel .flickity-button svg {
    fill: #fff;
}

.carousel-cell {
    /* padding: 1em; */
    margin-right: 20px;
}

.carousel-cell {
    /* padding: 1em; */
    margin-right: 20px;
}

.related-products-carousel-static .carousel-cell {
    margin: 0;
}

@media (min-width: 576px) {
    .related-products-carousel-static .carousel-cell {
        margin: 0 1em;
    }
}

.carousel-nav .carousel-cell {
    margin-right: 15px;
}

.carousel-nav .flickity-button:hover {
    background: #000;
}

.related-products-carousel .carousel-cell {
    margin-right: 30px;
}

.product-carousel .carousel-cell {
    width: 100%;
    /* full width */
    /* center images in cells with flexbox */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-carousel .carousel.is-fullscreen .carousel-cell {
    height: 100%;
}

.product-carousel .carousel-cell img {
    display: block;
    max-height: 100%;
    margin: 0 auto;
}

.component-related-products-carousel .carousel-cell {
    display: none;
}

.component-related-products-carousel .carousel-cell.is-selected {
    display: block;
}


/* Component | Carousel 
------------------------ */

@media (max-width: 767px) {
    .product-detail-template .component-carousel {
        margin-bottom: 3em;
    }
}


/* Component | Carousel - Slick
-------------------------------- */

.component-product-carousel-slick {
    margin-bottom: 1em;
}

.carousel-nav-slick .slick-slide {
    padding: 0.5em;
    /* border: 2px solid #fff; */
}

.carousel-nav-slick .slick-slide.slick-current.slick-active img {
    /* border: 4px solid #969696; */
}

.carousel-nav-slick.has-more .carousel-nav-slick-more {
    display: block;
}

.carousel-nav-slick-more {
    color: #293469;
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    background: rgba(255, 255, 255, 0.81);
    font-size: 1.3em;
    line-height: 0;
    transform: translateY(-50%);
    font-weight: bold;
}

.carousel-nav-slick .slick-list {
    padding-top: 0.3em;
}

.carousel-nav-slick.has-more .carousel-nav-slick-more span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.carousel-nav-slick .slick-slide .carousel-cell {
    position: relative;
}

.carousel-nav-slick .slick-slide .carousel-cell:hover {
    cursor: pointer;
}

.carousel-nav-slick .slick-slide .carousel-cell:before {
    transition: all .3s ease;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 0px #cecece;
}

.carousel-nav-slick .slick-slide.slick-current.slick-active .carousel-cell:before {
    box-shadow: inset 0 0 0 4px #cecece;
}

.product-carousel-slick .slick-arrow {
    background: #fff !important;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    z-index: 9;
}

.product-carousel-slick .slick-arrow:before {
    color: #000;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    font-size: 10px;
    content: '\f054';
}

.product-carousel-slick .slick-prev {
    left: 10px;
}

.product-carousel-slick .slick-arrow.slick-prev:before {
    content: '\f053'
}

.product-carousel-slick .slick-next {
    right: 10px;
}

.carousel-nav-slick .carousel-cell.is-video:after {
    content: '\f144';
    display: block;
    color: #ffffffbd;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 24px;
}


/* Component | Article 2 Col
------------------------ */

@media (max-width: 480px) {
    .component-article-layout-2-col .col-md-8 img {
        width: 100% !important;
        height: auto !important;
    }
}


/* Category Cloud 
------------------------ */

.category-cloud {
    padding: 1em;
    border-radius: 5px;
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    /* margin-bottom: 1.5em; */
}

.category-cloud ul {
    padding-left: 1.3em;
}

.category-cloud a {
    /* font-weight: bold; */
}


/* Product Support 
------------------------ */

.product-support-box .box {
    /* margin-bottom: 1.5em; */
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.9em;
}

.product-support-box .box .btn {
    text-transform: uppercase;
}

.product-support-box img {
    max-width: 50px;
}

.product-support-image-container {
    padding-right: 0;
    margin-bottom: 1em;
}

.product-support-image-container img {
    width: 100%;
    height: auto;
}

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


/* product support btns */

.component-product-support-buttons .btn {
    border: 1px solid #ccc;
    background-image: linear-gradient(to bottom, #fff 95%, #ededed 100%);
    color: #0163B9;
    width: 31%;
    padding: 0.7em 0 0.5em;
    transition: all 0.3s ease;
}

.component-product-support-buttons .btn:hover {
    background-image: linear-gradient(to top, #fff 95%, #ededed 100%);
}

@media (min-width: 768px) {
    .component-product-support-buttons .btn {
        font-size: 16px;
    }
}

.component-product-support-buttons .d-flex {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.component-product-support-buttons .btn i {
    color: #0163B9;
    display: block;
}

.component-product-support-buttons .btn:focus {
    outline: none;
    box-shadow: none;
}


/* social sharing */

.social-share-tip {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #666;
    color: #fff;
    border-radius: 4px;
    padding: 0.2em 0.5em;
    font-size: 1.4em;
    width: 129px;
}

.social-share-toggle:hover {
    color: #29adde;
    text-decoration: underline;
    cursor: pointer;
}

.social-share-toggle:hover i {
    color: #29adde;
}

.social-share-tip__container {
    position: relative;
}

.social-share-tip__container.is-active .social-share-tip {
    display: block !important;
}

.social-share-tip__container.is-active .social-share-toggle i {
    color: #29adde;
}

.social-share-tip:before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 10px solid #666;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.social-share-tip a {
    color: #fff;
    padding: 0.1em;
    transition: all 0.2s ease;
}

.social-share-tip a:hover {
    color: #ccc;
}

.social-share-toggle i {
    color: #016ac9;
}

.component-product-support-buttons .social-share-toggle.is-active {
    background: #0163b9;
    color: #fff;
}

.component-product-support-buttons .social-share-toggle.is-active * {
    color: #fff;
}

.icon-sprite {
    /* background-image: url('/images/pp-icons.png'); */
    background-image: url('/images/SVG/icons-sprite.svg');
    background-position: -71px 10px;
    background-size: 512px 96px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.icon-sprite-group:hover .icon-sprite {
    background-position-y: -25px;
}

.icon-sprite.service-parts {
    background-position-x: -370px;
}

.icon-sprite.shop-now {
    background-position-x: -105px;
}

.icon-sprite-group:hover .icon-sprite.shop-now {
    background-position: -107px -26px;
}

.icon-sprite.chat {
    background-position-x: -145px;
}

.icon-sprite.print {
    background-position-x: -285px;
}

.icon-sprite.share {
    background-position-x: -240px;
}

.icon-sprite.rep {
    background-position-x: -353px;
    background-size: 532px 116px;
}

@media (min-width: 768px) {
    .icon-sprite.rep {
        width: 40px;
        background-position-x: -355px;
    }
}

@media (min-width: 992px) {
    .icon-sprite.rep {
        width: 84px;
        background-position-x: -355px;
        background-position-y: 5px;
    }
}

.icon-sprite.subscribe {
    width: 40px;
    background-position-x: -192px;
}

@media (min-width: 768px) {
    .icon-sprite.subscribe {
        width: 59px;
    }
}

@media (min-width: 1200px) {
    .icon-sprite.subscribe {
        width: 60px;
    }
}


/* Footer 
------------------------ */

.footer {
    background: #f7f4f4;
    font-size: 14px;
}

.footer p {
    font-size: 14px;
}

.footer-quick-links a {
    display: inline-block;
    padding-bottom: 0.7em;
    /* text-transform: uppercase; */
}

.footer-quick-links .list-unstyled {
    margin-bottom: 0;
}

.footer-toggle-container {
    display: none;
}

@media (min-width: 768px) {
    .footer-toggle-container {
        display: block;
    }
}

.footer-quick-links-toggle {
    background: transparent;
    font-weight: bold;
    font-family: "Open Sans Condensed", sans-serif;
    padding: 0 0 0.5em;
    margin-bottom: 1em;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    display: block;
    width: 100%;
    text-align: left;
}

.footer-quick-links-toggle:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    transform: translateY(-50%);
    border-top: 10px solid #000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.footer-quick-links-toggle.active:before {
    transform: translateY(-50%) rotateZ(180deg);
}

.footer-quick-links-toggle.active+.footer-toggle-container {
    display: block;
}

.footer-logo-link-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    .footer-logo-link-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-bottom {
    padding-top: 1em;
}

@media (min-width: 768px) {
    .footer-bottom {
        margin-top: 1em;
        border-top: 1px solid #cccccc;
        padding-top: 2em;
    }
}

.footer-bottom hr {
    border-color: #000;
}

@media (min-width: 768px) {
    .footer-bottom hr {
        display: none;
    }
}


/* footer - nav */

.footer-bottom .nav {
    line-height: 1em;
    margin-left: -15px;
    font-size: 13px;
    /* margin-top: 1em; */
}

.footer-bottom .nav-item {
    border-right: 1px solid #ccc;
    margin-bottom: 1em;
}

.footer-bottom .nav-item:last-child {
    border: none;
}

.footer-bottom .nav-link {
    padding: 0.1rem 0.7em;
}


/* Components | Image 
------------------------ */

.component-image.is-fullwidth img,
img.is-fullwidth,
iframe.is-fullwidth {
    width: 100% !important;
    height: auto !important;
}

@media (min-width: 320px) {
    iframe[src*="youtube"].is-fullwidth {
        min-height: 300px !important;
    }
}


/* Components | Category List Item 
------------------------ */

.component-category-list-item img {
    width: 100%;
    border: solid thin #cccccc;
}

.component-category-list-item ul {
    padding: 0;
    list-style: none;
}

.component-category-list-item li {
    margin-bottom: 0.5em;
}


/* Components | Bottom Feature 
------------------------ */

.component-bottom-feature {
    padding-top: 2em;
}

.component-bottom-feature hr {
    margin-top: 0;
    margin-bottom: 2em;
}

.component-bottom-feature .right-image {
    display: block;
}

@media (min-width: 768px) {
    .component-bottom-feature .right-image {
        text-align: right;
    }
}

.component-bottom-feature .right-image img {
    width: 100%;
    max-width: 190px;
}

@media (min-width: 768px) {
    .component-bottom-feature .right-image img {
        max-width: 230px;
    }
}


/* Components | Text Callout
------------------------ */

.component-text-callout .text-callout-border {
    border: 1px solid #ccc;
    padding: 1.2em 1.3em;
}

.component-text-callout .text-callout-border>p:last-child {
    margin-bottom: 0.1em;
}


/* Components | Page Teaser
------------------------ */

.component-page-teaser img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}


/* Components | Rich Text
------------------------ */


/* .component-rich-text > .col > img {
  width: 100%;
} */

@media (max-width: 550px) {
    .component-rich-text p img {
        width: 100% !important;
        height: auto !important;
    }
}


/* Facilities
------------------------ */

.global-facilities-app {}

.facility-row {
    padding-bottom: 1.2em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.2em;
}

.facility-location {
    margin-bottom: 0.2em;
}

.facility-title {
    margin-bottom: 0.35em;
}

.facilities-app-locations-section>.row:last-child .facility-row {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.facilities-key {
    border: 1px solid #ccc;
    padding: 1em;
    margin-top: 1.5em;
}

.facilities-key .media {
    margin-bottom: 0.5em;
}

.facilities-key .media-body {
    padding-top: 2px;
}

.facilities-key .media-body:last-child,
.facilities-key .media:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    #gmap {
        margin-top: 1.5em;
    }
}

.gmap-card {
    color: #000;
    background-color: #fff;
    padding: 5px;
    width: 220px;
}

.gmap-card p {
    margin-bottom: 0;
}


/* back to top button */

.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 40px;
    text-align: center;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
}

.back-to-top.is-visible {
    opacity: 1;
}

.back-to-top:hover {
    cursor: pointer;
}

.back-to-top * {
    color: #7cb900;
}

.back-to-top i {
    font-size: 2.5em;
}

.category-cloud.is-inline ul li {
    display: inline-block;
    position: relative;
    padding-right: 2em;
    font-size: 15px;
}

.category-cloud.is-inline ul li:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    top: 10px;
    left: -15px;
    width: 7px;
    height: 7px;
    background: #000;
}


/* IE11 */

@media all and (-ms-high-contrast: none) {
    a {
        color: #016ac9;
    }
    .is-button a,
    .is-button,
    .btn {
        background: #016ac9;
        color: #fff;
    }
    .primary-nav-item.is-button a {
        background: transparent;
    }
}

.component-rich-text ul {
    /* list-style-position: inside; */
}

@media print {
    .header,
    .breadcrumb,
    .footer,
    .product-support-box,
    .btn,
    .nav.nav-tabs,
    .carousel-nav {
        display: none;
    }
    .component-product-tabs .tab-content *:not(table):not(td):not(tr) {
        display: block;
    }
}


/* boxes */

.color-box {
    background: #e6e6e7;
    padding: 1em;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.color-box ul {
    margin-bottom: 0;
}

.color-box-month {
    padding-left: 40px;
    display: inline-block;
    padding-top: 5px;
}

.color-box-title {
    margin-bottom: 0;
}

.color-box+.color-box {
    margin-top: 1em;
}

.color-box.blue {
    background: #d2e3f1;
    border-color: #a5c6e3;
}

.color-box.green {
    background: #dff2f5;
    border-color: #bfe4ea;
}

.color-box.yellow {
    background: #fef7e9;
    border-color: #f7dea1;
}

.color-box-title hr {
    border-bottom: 1px solid #666;
}

.color-box hr {
    border-top-color: #9a9b9f;
}

.color-box.green hr {
    border-top-color: #87ccd8;
}

.color-box.yellow hr {
    border-top-color: #f8dfa1;
}

.color-box.blue hr {
    border-top-color: #5490ca;
}

.color-box.has-number .color-box-title {
    position: relative;
    padding-left: 1.7em;
}

.color-box .color-box-title:before {
    background: #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    font-size: 20px;
    position: absolute;
    text-align: center;
    padding-top: 2px;
    border: 2px solid;
    position: absolute;
    top: 0;
    left: 0;
}

.color-box.yellow .color-box-title:before {
    border-color: #f8dfa1;
    color: #f8dfa1;
}

.color-box.green .color-box-title:before {
    border-color: #87ccd8;
    color: #87ccd8;
}

.color-box.blue .color-box-title:before {
    border-color: #5490ca;
    color: #5490ca;
}

.color-box .color-box-title:before {
    border-color: #9a9b9f;
    color: #9a9b9f;
}

.color-box.is-1 .color-box-title:before {
    content: "1";
}

.color-box.is-2 .color-box-title:before {
    content: "2";
}

.color-box.is-3 .color-box-title:before {
    content: "3";
}

.color-box.is-4 .color-box-title:before {
    content: "4";
}

.color-box.is-5 .color-box-title:before {
    content: "5";
}

.color-box.is-6 .color-box-title:before {
    content: "6";
}

.color-box.is-7 .color-box-title:before {
    content: "7";
}

.color-box.is-8 .color-box-title:before {
    content: "8";
}

.color-box.is-9 .color-box-title:before {
    content: "9";
}

.word-box {
    padding: 1px;
    background-color: white;
    border: black 1px solid;
    width: auto;
    text-transform: uppercase;
}

.tdStyle1 {
    border-bottom: #c0c0c0 thin dotted;
    border-bottom: #c0c0c0 thin dotted;
    background-image: url(/images/service/greencheck.png);
    background-repeat: no-repeat;
    background-position: right;
}

.tdStyle2 {
    border-bottom: #c0c0c0 thin dotted;
    border-bottom: #c0c0c0 thin dotted;
    background-image: url(/images/service/x.png);
    background-repeat: no-repeat;
    background-position: right;
}

.spanStyle1 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 300px;
}

.spanStyle2 {
    font-size: 14px;
    margin-bottom: 0px;
}

.spanStyle3 {
    color: #c0c0c0;
    font-size: 14px;
    margin-bottom: 0px;
}