html {
    scroll-behavior: smooth;
}
.product-page .swiper-custom-next.disabled,
.product-page .swiper-custom-prev.disabled {
    display: none;
    cursor: unset;
}
.product-page .btn-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    background: #00000087;
    padding-left: 10px;
    padding-right: 10px;
}
.thumb-btn-next {
    right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 50%;
    transform: translate(0%, -50%);
}
.thumb-btn-prev {
    top: 50%;
    transform: translate(0%, -50%);
    left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.thumb-btn-next:before {
    content: '\f105'; 
}
.thumb-btn-prev:before {
    content: '\f104'; 
}
.swpr-btn:before {
    font: 14px/1 FontAwesome;
    z-index: 999;
    font-size: 45px;
    color: #fff;
}
.swiper-custom-next:before {
    content: '\f106'; 
} 
.swiper-custom-prev:before {
    content: '\f107'; 
}
.swiper-custom-prev {
    bottom: -15px;
    left: 25px;
}
.swiper-custom-next  {
    left: 25px;
    top: -15px;
}
.swpr-btn {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 999;
    background: #00000087;
    padding-left: 10px;
    padding-right: 10px;
}
.product-page .related-packages-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.product-page .related-packages-wrapper > div {
    flex: 0 0 50%;
    width: 50% !important;
    max-width: 50% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px !important;
}
.product-page .related-packages-wrapper > div.see-all-border-btn {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
}
.product-page .related-packages-wrapper > div .item-image {
    min-height: auto;
    height: 120px;
}
.product-page .related-packages-wrapper > div .item-image img {
    position: relative !important;
    height: 120px;
    width: auto;
}
.footer-categories-title {
    font-size: 17px
}
.title-contact {
    font-weight: 400
}

.product-list a {
    text-decoration: none
}

.related-packages-wrapper .product-name, 
.related-packages-wrapper .product-name p {
    height: 57px;
}
.product-name a,
.product-name p a {
    color: #4d4d4d !important
}
.popular-categories-wrapper {
    margin-top: 15px;
}
#category-page .main-price,
#front-page .main-price {
    margin-left: 0
}

.modal-scroll-lock {
    overflow: hidden
}

.prev-price {
    font-size: 14px;
    text-decoration: line-through
}

#account-page ul,
#result-page ul,
.product-page ul {
    -webkit-padding-start: 15px
}

ul.slick-dots {
    margin: 0 !important;
    padding: 0 !important;
    position: static
}

.g-recaptcha>div:first-of-type {
    margin: 0 auto
}

.nav-pages a.nav-page {
    text-decoration: none
}


.dropdown-menu li:hover a {
    background-color: #139aff
}

.dropdown-menu li:hover,
.dropdown-menu li:hover a,
.dropdown-menu li:hover i {
    color: #fff
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.glyphicon {
    margin-top: 2px !important
}

.btn-default:hover {
    background-color: #002d60 !important
}

.badge {
    margin-left: -20px;
    margin-top: -40px;
    background-color: #167b41;
    border: 1.999px solid #f3f3f3;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px
}

.left-box {
    padding: 0
}

.mslider {
    background-color: #fff;
    height: 400px
}

#frontpage-slider-content {
    height: 100%;
    margin-left: 1px
}

#frontpage-slider-content .slider-box {
    height: 100%
}

#frontpage-slider-content .slider-box p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 320px
}

#frontpage-slider-content .slider-box-left {
    height: 100%;
    padding-left: 5px;
    padding-right: 5px
}

#frontpage-slider-content .slider-box-right {
    height: 100%
}

#frontpage-slider-content .slider-box-right img {
    width: 100%;
    height: 100%
}

.left-box {
    overflow: auto
}

.left-box>div {
    max-height: 132px
}

.left-box>div:nth-of-type(1) {
    margin-bottom: 1px
}

.left-box>div:nth-of-type(2) {
    margin-top: 1px
}

.left-box>div:nth-of-type(3) {
    margin-top: 2px
}

.upper-box {
    background-color: #fae202;
    padding: 0
}

.lower-box {
    background-color: #6cc81d;
    padding: 0
}

.lower-box img,
.upper-box img {
    height: 100%;
    width: 100%
}

.lower-box .dummy-text,
.upper-box .dummy-text {
    margin: -100px 0 0 185px
}

.frontpage-slider-button {
    margin-top: 10px
}

#frontpage-slider-content ul.slick-dots {
    position: absolute;
    bottom: 10px
}

.slide-image {
    background-color: #fff;
    border-radius: 10px
}

.boxes-div {
    height: 65px
}

.box-icon {
    color: #083c66;
    margin-top: 10px
}

.box-label .boxes-3-text {
    padding-right: 10px;
    margin-top: 5px;
    line-height: 120%
}
.box-label .title-name span {
    display: inline-block;
    margin-bottom: 5px;
}
#track {
    margin-right: 10px;
    margin-top: 3px
}

.giftcard-box {
    height: 100px
}

.bg-container {
    padding-bottom: 20px;
    margin: auto;
    height: auto
}

.news-wrapper {
    margin-top: 0
}

.newsletter-title {
    color: #17bdec !important
}

.subscribe {
    padding: 0 10px 0 0 !important
}

.featured-products {
    margin-top: 0 !important
}

.wrapper-products {
    margin-top: 50px;
    height: 10px
}

.product-rating {
    margin-top: 10px;
    text-align: left !important;
    height: 15px;
    width: 75px;
    max-height: 15px;
    background: transparent url(img/icons/stars.png) no-repeat 0 -15px
}

.wrapper-brands {
    background-color: #042035;
    height: auto;
    margin-top: 45px;
    padding: 2% 0 1% 0
}

.arrow-buttons {
    padding-top: 4%;
    padding-left: 2%
}

.brands-page .brands-title {
    margin-bottom: 20px
}

.brands-page .brands-wrapper {
    height: auto;
    background-color: #f7f7f7
}

.brands-page .brands-banner img {
    height: auto
}

.brand-cat-title {
    margin-top: 10px;
    color: #083c66;
    font-size: 16px
}

.brands-page .brands-row {
    padding-bottom: 30px
}

.brands-page ul.brand-names,
.brands-page ul.more-content {
    list-style: none;
    margin-top: 5px;
    padding-left: 0;
    font-size: 13px;
    margin-bottom: 0
}

.brands-page ul.more-content {
    margin-top: 0
}

.brands-page ul.brand-names li,
.brands-page ul.more-content li {
    padding: 5px 0
}

.brands-page ul.brand-names a,
.brands-page ul.more-content a {
    text-decoration: none;
    color: #4d4d4d
}

.brands-page .brands-list {
    padding-bottom: 10px
}

.brands-page .see-less,
.brands-page .see-more {
    margin-top: 3px
}

.brands-page .see-less span,
.brands-page .see-more span {
    color: #083c66;
    font-weight: 700;
    cursor: pointer
}

.brands-page .more-content {
    display: none
}

.brands-page .see-more {
    display: block
}

.title-contact {
    padding: 0;
    color: #17bdec;
    font-size: 1.25em
}

.content-contact {
    color: #fff;
    margin-top: 10px;
    line-height: 150%
}

.content-contact ul {
    margin-left: 0;
    list-style: none;
    padding: 0
}

.content-contact a,
.content-contact li a,
.content-contact li a:active,
.content-contact li a:hover,
.content-contact li a:visited {
    text-decoration: none;
    color: #fff
}

.secure-card {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0
}

.secure-text {
    color: #fff;
    width: auto;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1em
}

.social-icon {
    text-align: right;
    margin-top: -5px !important
}

.social-icon span {
    margin-left: 5px
}

.badges {
    text-align: right;
    padding-top: 10px
}

.footer-text {
    background-color: #002145;
    color: #fff;
    line-height: 60px
}

.footer-icon-glyph {
    font-size: 14px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    display: block;
    float: left
}

.footer-icon-glyph i {
    vertical-align: top;
    line-height: 15px
}

.footer-mail a:hover {
    color: #cdcdcd !important
}

.footer-categories-title:hover {
    cursor: pointer;
    color: #05ade8
}

#footer-collapse4 li {
    line-height: 25px
}

.ads {
    margin-top: 20px;
    margin-bottom: 20px
}

.slick-dots li button::before {
    font-size: 12px;
    color: #002d60 !important
}

.slick-dots li.slick-active button::before {
    opacity: 1
}

.slick-next::before,
.slick-prev::before {
    color: gray;
    content: ''
}

.slick-next {
    background: rgba(100, 100, 100, .3) url(img/chevron-right-arrow-gray.png) no-repeat 0 0 !important;
    width: 48px;
    height: 48px;
    z-index: 100;
    right: -24px
}

.slick-prev {
    background: rgba(100, 100, 100, .3) url(img/chevron-left-arrow-gray.png) no-repeat 0 0 !important;
    width: 48px;
    height: 48px;
    left: -24px;
    z-index: 100
}

.slick-next.slick-disabled {
    background: rgba(100, 100, 100, .05) url(img/chevron-right-arrow-white.png) no-repeat 0 0 !important
}

.slick-prev.slick-disabled {
    background: rgba(100, 100, 100, .05) url(img/chevron-left-arrow-white.png) no-repeat 0 0 !important
}

.top-slider {
    padding: 0 !important;
    margin: 0 !important;
    height: 90%
}

.top-slider img {
    padding: 0 !important;
    margin: 0;
    height: 500px
}

.top-slider .slick-prev::after,
.top-slider .slick-prev::before {
    display: none
}

#text-car-audio {
    font-weight: 700;
    color: #002d60
}

.first-name,
.second-name {
    margin: auto
}

.first-name:hover,
.second-name:hover {
    cursor: pointer
}

.dropdown-1 {
    padding-left: 20px
}

ul.dropdown-1,
ul.dropdown-2 {
    list-style: none;
    padding-left: 0
}

ul.dropdown-1 a,
ul.dropdown-2 a {
    list-style: none;
    padding-left: 20px
}

.shop-by-category li.subcategory-level-0 {
    margin-bottom: 10px
}

.shop-by-category li.subcategory-level-1 {
    margin-top: 5px;
}

.shop-by-category ul a {
    text-decoration: none;
    color: #4d4d4d;
    font-size: 13px;
    display: table;
    line-height: 25px
}

.shop-by-category ul a.current {
    font-weight: 700;
    width: 100%
}

.shop-by-category li a {
    width: 100%
}

.shop-by-category li a span {
    display: table-cell;
    vertical-align: middle;
    width: 80%
}

.shop-by-category li.subcategory-level-2>a {
    width: 100%;
    padding-left: 25px;
    padding-right: 15px
}

.shop-by-category i.menu-right-arrow {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-left: 25px
}

.shop-by-category ul.menu-down.dropdown-2 {
    position: absolute;
    right: -185px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    width: 200px;
    height: auto;
    z-index: 2000;
    margin-top: -35px;
    display: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(200, 200, 200, .75)
}

.shop-by-category li.subcategory-level-1>a:hover,
.shop-by-category li.subcategory-level-2>a:hover {
    font-weight: 700;
    background: #139aff !important;
    color: #fff !important
}

.shop-by-category li.subcategory-level-2>a:hover {
    font-weight: 400
}

.collapse-panel-2 {
    margin-top: 20px;
    background-image: url(img/bg-more-brands.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    height: 350px;
    width: 100%
}

.more-brands {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-align: center;
    line-height: 150%
}

.more-brands-img img {
    padding-left: 0;
    width: 100%
}

.more-brands .text {
    padding-left: 5px;
    padding-right: 5px
}

.more-brands-img {
    width: 100%
}

.more-brands-btn {
    padding-left: 10%;
    padding-right: 10%
}

.more-brands-btn2 {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 25px;
    border-style: solid;
    border-color: #fff;
    border-width: 1.5px;
    width: 100%;
    height: 40px;
    background-color: #05ade8
}

.collapse-panel ul {
    list-style: none
}

.collapse-panel li a,
.collapse-panel li a:active,
.collapse-panel li a:hover,
.collapse-panel li a:visited {
    text-decoration: none;
    color: #4d4d4d
}

.item-image.img_circle {
    border-radius: 50%;
}
.popular-categories .product-list {
    margin-top: 0
}

.categories-name>a {
    color: #4d4d4d !important
}

.popular-categories .product-img {
    width: 100%
}

.popular-categories .product-img img {
    width: 100%
}

.bottom-promos {
    margin-top: 40px
}

.bottom-promos div:nth-child(1) {
    padding-right: 10px
}

.kicker-promo-speaker {
    background-color: #e6e6e6
}

.kicker-first-name {
    color: #007cc6;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    margin-top: 20px;
    margin-left: -48px;
    margin-right: 20px;
    line-height: 130%;
    text-align: right;
    z-index: 99
}

.kicker-second-name {
    color: #4d4d4d;
    font-weight: 400;
    font-size: 15px;
    position: absolute;
    margin-top: 130px;
    margin-right: 20px;
    margin-left: 30px;
    line-height: 120%;
    text-align: right;
    z-index: 99
}

.kicker-promo-btn button {
    margin-top: 195px;
    margin-left: 80px
}

.special-promo-sale {
    height: 350px;
    border: 1px solid #05ade8;
    border-radius: 5px;
    margin-top: 20px
}

.featured-products .product-list {
    margin-top: 0
}

.results-header p {
    color: #4d4d4d
}

.you-search {
    margin-top: -50px
}

.related-searches {
    margin-top: -5px
}

.filter {
    margin-top: 15px;
    border: 1px solid;
    border-color: #999;
    border-radius: 5px;
    width: 100%;
    height: auto
}

.filter ul li {
    font-weight: bolder;
    list-style-type: none;
    text-decoration: none
}

.filter ul {
    padding-left: 22px
}

.filter a {
    text-decoration: none
}

.rounded-btn {
    margin-top: 30px;
    margin-bottom: 20px
}

#result-page .sort-buttons button,
#result-page .sort-buttons span {
    margin-right: 5px
}

#result-page .sort-buttons .refine {
    margin-top: 6px
}

#result-page .sort-buttons .dropdown-menu {
    background-color: #fff;
    width: 200px;
    margin-top: 10px !important;
    margin-left: -50px
}

#result-page .sort-buttons .dropdown-menu::before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 75px;
    z-index: 10
}

#result-page .sort-buttons .dropdown-menu::after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 73px;
    z-index: 9
}

#result-page .sort-buttons .dropdown-menu>li>a {
    white-space: normal
}

#result-page .sort-buttons ul {
    padding-left: 0;
    min-width: 30px
}

#result-page .sort-buttons .caret {
    margin-left: 5px
}

.top-btn {
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    border-radius: 28px;
    background-color: #fff
}

.top-btn.free-ship {
    background-color: #0e81d7;
    border: none;
    color: #fff;
    font-size: 11px;
    height: 30px;
    cursor: default
}

#result-page .product-list {
    margin-top: 10px;
    margin-bottom: 10px
}

#result-page #results-slider .slick-slide img {
    width: 100%
}

#result-page .top-results .product-name {
    text-align: center
}

#result-page button:active {
    border-color: none
}

.number-pages {
    margin-top: 40px;
    display: inline;
    text-align: center
}

#result-page .number-pages a {
    font-size: 20px;
    text-decoration: none
}

.result-related-products {
    margin-bottom: 20px
}

#result-page hr {
    background-color: #b2b2b2;
    color: #333;
    clear: both;
    height: 1px
}

#result-page .savings-text {
    color: #4d4d4d
}

.sort-dropdown button {
    background-color: #c0c6c6;
    border: 1px solid #c0c6c6
}

.sort-dropdown {
    margin-bottom: 20px;
    text-align: right
}

.result-related-products p,
.result-right-row p {
    padding: 0;
    margin: 0
}

.result-right-row .products-list {
    margin-top: 10px
}

#result-page .number-pages a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px
}

#result-page .number-pages a:hover {
    background-color: #76c043;
    color: #fff
}

#result-page #results-slider {
    display: none
}

#related-products-slider .slick-slide .product-rating img {
    width: 13px !important;
    height: 13px !important;
    display: inline
}

#account-page .account-mobile-button {
    display: none;
    margin-top: 20px
}

.account-mobile-button .account-button {
    text-align: left;
    padding: 0;
    margin: 0
}

.account-mobile-button .account-button button {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #0e81d7;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    max-width: 400px;
    height: 40px;
    text-align: left;
    padding-left: 15px
}

.account-mobile-button .account-button i {
    float: right;
    padding-right: 10px
}

.account-mobile-button ul li a {
    line-height: 25px
}

.account-mobile-button .dropdown-menu {
    padding-left: 20px;
    min-width: 250px;
    max-width: 400px
}

.list {
    margin-top: 40px
}

.list ul li {
    margin-top: 10px
}

#account-page ul {
    list-style: none
}

,
.manage-account-list {
    margin-top: 40px
}

.hifi-text {
    color: #083c66;
    font-weight: 700
}

.account-wrapper {
    margin-top: 20px
}

.account-options {
    margin-top: 25px;
    line-height: 40px
}

.account-options a {
    font-weight: 400;
    text-decoration: none;
    color: #333
}

.account-options img {
    height: 25px;
    width: :25px
}

.account-options .account-text {
    margin-left: 5px
}

.account-options .account-text:hover {
    text-decoration: underline
}

.account-track-wrapper {
    padding-right: 10px
}

.account-profile-wrapper {
    padding-left: 10px
}

.img-track {
    background-color: #6dbc35;
    border-radius: 10px;
    height: 80px
}

.img-profile {
    background-color: #0e81d7;
    border-radius: 10px;
    height: 80px
}

.img-track:hover {
    background-color: #2b4b15
}

.img-profile:hover {
    background-color: #27608a
}

.img-profile img,
.img-track img {
    width: 100%
}

.img-profile:hover i,
.img-track:hover i {
    color: #fff
}

.browsing-history {
    margin-top: 10px
}

.history-products {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.history-products .item-image img {
    width: 100%
}

.history-products span {
    font-size: 13px
}

#account-page .browsing-history-products .main-price {
    font-size: 14px !important;
    margin-left: 0
}

#browsing-history-slider .slick-slide .product-rating img {
    display: inline !important
}

#account-page .browsing-history-products .product-name {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4d4d4d
}

#account-page .icon-div i {
    text-align: center;
    font-size: 50px;
    display: block
}

#account-page .img-profile .icon-div i {
    font-size: 45px
}

.img-track i {
    color: #2b4b15
}

.img-profile i {
    color: #27608a
}

#account-page .upper-text {
    color: #fff;
    line-height: 75px;
    padding: 15px 0;
    font-size: 22px;
    display: block;
    text-align: center;
}

.product-review {
    margin-top: 20px
}

.product-review a {
    text-decoration: none;
    color: #4d4d4d
}

.product-area {
    margin-top: 20px
}

.magnify-icon {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 70px;
    bottom: 40px
}

.d-flex {
    display: flex;
    align-items: center
}

.product-stock span.in-stock::before {
    content: "\f00c";
    color: #6dbc35;
    font-family: FontAwesome;
    padding-right: 5px
}

.product-stock span.in-stock,
.product-stock span.out-of-stock {
    margin-right: 10px
}

.product-stock span.in-stock,
.product-stock span.on-order,
.product-stock span.ships-from-manuf {
    color: #6dbc35
}

.product-stock span.on-order img,
.product-stock span.ships-from-manuf img {
    margin-top: -4px
}

.product-stock span.out-of-stock {
    color: #666
}

.product-stock span.out-of-stock i {
    color: #cb2323;
    font-weight: 700;
    font-size: 20px
}

.product-details {
    color: grey
}

#prod-nav-tabs.nav-tabs>li {
    border: 1px solid #fff;
    color: #4d4d4d;
    margin: 0;
    text-align: center;
    background: #eee;
    cursor: pointer;
    padding: 10px;
}
#prod-nav-tabs.nav-tabs>li.active {
    background-color: #007cc6;
    color: #fff;
    cursor: default;
}

.nav-tabs>ul {
    border: 0
}

.nav-tabs {
    border: 0
}

.tab-content {
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 0;
    line-height: 25px
}

#prod-nav-tabs .nav-tabs>li {
    background: #eee;
    border: 1px solid #eee
}

#about-item {
    margin-top: 20px;
    padding-left: 200px
}

#home ul {
    padding-left: 30px
}

#home ul li {
    list-style-type: disc
}

#home span {
    font-weight: bolder !important
}

.upgrade-options-div {
    margin-top: 20px
}

.upgrades-wrapper {
    padding: 0 10px;
    margin-bottom: 15px
}

.upgrade-options-div .upgrades-wrapper:nth-of-type(3n-2) {
    padding-left: 0;
    padding-right: 6.5px
}

.upgrade-options-div .upgrades-wrapper:nth-of-type(3n-1) {
    padding-left: 3.25px;
    padding-right: 3.25px
}

.upgrade-options-div .upgrades-wrapper:nth-of-type(3n) {
    padding-left: 6.5px;
    padding-right: 0
}

.upgrade-options {
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 6px
}

.upgrade-options .item-image {
    height: 170px;
    min-height: auto;
    margin-bottom: 0
}

.upgrade-options a {
    color: inherit;
    text-decoration: none
}

.upgrade-name {
    font-size: 14px;
    font-weight: 700;
    color: #002d60;
    padding: 0 5px;
    max-height: 40px;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    line-height: 20px
}

.multi-tabs {
    display: block;
}
.product-page .mobile-multi-tabs .panel .upgrade-name>a,
.product-page .upgrade-name>a {
    max-height: initial;
    padding: 0;
    color: #083c66
}

.related-packages .see-all-border-btn {
    width: 100%;
    margin-top: 15px;
    float: left
}

.related-packages .see-all-btn {
    color: #fff;
    background-color: #0d7dd5;
    font-weight: 700;
    font-size: 15px;
    width: 100%;
    min-height: 45px;
    height: auto;
    white-space: normal;
    padding: 10px 12px
}

.related-packages .see-all-btn:hover {
    color: #fff;
    background-color: #002d60
}

.related-packages .product-list {
    border-radius: 10px;
    text-align: left;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0
}

.related-packages .item-image img {
    width: auto
}

.related-packages .product-list p {
    text-align: left
}

.related-packages .product-list .prod-wrapper {
    background-color: #f8f8f8
}

.related-packages .related-packages-wrapper {
    margin-top: 0
}
.related-packages-wrapper .product-list {
    margin-bottom: 10px;
}

.explore-products .see-all-border-btn {
    clear: both;
    margin-top: 20px
}

.explore-products .see-all-btn {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
    background-color: #0d7dd5;
    font-weight: 700;
    font-size: 18px;
    height: 40px
}

.explore-products .see-all-btn:hover {
    color: #fff;
    background-color: #002d60
}

#register-page .container-wrapper,
#signin-page .container-wrapper {
    margin-top: 20px;
    text-align: center
}

#register-page .form-signin,
#signin-page .form-signin {
    max-width: 400px;
    margin: 0 auto
}

#register-page .container-wrapper form img,
#register-page .form-sigin img,
#signin-page .container-wrapper form img,
#signin-page .form-sigin img {
    max-width: 230px;
    max-height: 120px
}

#register-page .form-border,
#signin-page .form-border {
    background: #f9f9f9;
    padding: 10px 5% 10px 5%;
    margin-top: 20px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    outline: 0;
    box-shadow: 0 0 10px #cacaca
}

#register-page .form-group,
#signin-page .form-group {
    margin-top: 15px;
    text-align: left
}

#forgot-pass {
    text-align: right !important
}

#register-page .form-group p,
#signin-page .form-group p {
    color: grey;
    margin-top: 25px;
    color: #007cc6;
    text-decoration: none
}

#register-page .btn-sign-in,
#signin-page .btn-sign-in {
    background-color: #012b61;
    margin-top: 15px;
    width: 100%;
    height: 45px;
    font-weight: 700
}

#register-page .btn-sign-in:active,
#register-page .btn-sign-in:focus,
#register-page .btn-sign-in:hover,
#signin-page .btn-sign-in:active,
#signin-page .btn-sign-in:focus,
#signin-page .btn-sign-in:hover {
    color: #fff;
    background-color: #007cc6 !important
}

#register-page .btn-sign-in-b,
#signin-page .btn-sign-in-b {
    color: #007cc6;
    background-color: #fff;
    margin-top: 15px;
    width: 100%;
    height: 45px;
    font-weight: 700;
    font-size: 15px
}

#register-page .btn-sign-in-b:active,
#register-page .btn-sign-in-b:focus,
#register-page .btn-sign-in-b:hover,
#signin-page .btn-sign-in-b:active,
#signin-page .btn-sign-in-b:focus,
#signin-page .btn-sign-in-b:hover {
    color: #fff;
    background-color: #007cc6 !important
}

#register-page .btn-sign-in-a,
#signin-page .btn-sign-in-a {
    color: #007cc6;
    width: 100%;
    margin-top: 30px;
    height: 45px !important;
    border: 1px solid #007cc6;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700
}

#register-page .btn-sign-in-a:active,
#register-page .btn-sign-in-a:focus,
#register-page .btn-sign-in-a:hover,
#signin-page .btn-sign-in-a:active,
#signin-page .btn-sign-in-a:focus,
#signin-page .btn-sign-in-a:hover {
    color: #fff;
    background-color: #007cc6 !important
}

#register-page .text-line-area,
#signin-page .text-line-area {
    color: #666;
    margin-top: 30px;
    width: 100%;
    height: 12px;
    border-bottom: 1px solid #666;
    text-align: center
}

#register-page .text-line-area span,
#signin-page .text-line-area span {
    background-color: #f9f9f9;
    padding: 1px 10px;
    font-weight: 700;
    font-size: 18px
}

#register-page .btn-create-acct-b,
#signin-page .btn-create-acct-b {
    color: #fff;
    width: 100%;
    margin-top: 10px;
    height: 45px !important;
    background-color: #012b61
}

#register-page .btn-create-acct-b:active,
#register-page .btn-create-acct-b:focus,
#register-page .btn-create-acct-b:hover,
#signin-page .btn-create-acct-b:active,
#signin-page .btn-create-acct-b:focus,
#signin-page .btn-create-acct-b:hover {
    color: #fff;
    background-color: #007cc6 !important
}

#register-page label,
#signin-page label {
    font-weight: 400
}

#register-page .email-rollback {
    margin-top: 30px
}

#register-page #checkbox-area {
    width: 18px;
    height: 18px
}

#register-page #checkbox-text p {
    margin-top: -40px;
    margin-left: 30px
}

#register-page .bottom-text,
#signin-page .bottom-text {
    margin-top: 20px;
    margin-bottom: 20px
}

#register-page .form-control,
#signin-page .form-control {
    width: 100%;
    height: 45px
}

.privacy-statement-wrapper h4 {
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 400
}

.privacy-statement-wrapper h4 a {
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 700
}

.privacy-statement-wrapper p {
    margin-top: 20px
}

.privacy-statement-wrapper p a {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 700
}

.privacy-statement-wrapper a:hover {
    text-decoration: none;
    color: #002d60
}

#privacy-statement-page h4 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px
}

.choice-wrapper ul,
.contacting-wrapper ul,
.privacy-statement-wrapper ul,
.public-forums-wrapper ul,
.security-wrapper ul {
    margin-top: 15px;
    padding-left: 30px;
    font-size: 15px;
    line-height: 23px;
    list-style-type: disc
}

#about-us .about-title p {
    font-size: 15px;
    line-height: 25px
}

#about-us .about-title h3 {
    font-weight: 400
}

#about-us .about-title #para-margin {
    margin-top: 40px
}

#cart-page .total-items {
    position: absolute
}

#cart-page .item-details {
    height: 100%
}

#cart-page .price-label,
#cart-page .quantity-label {
    padding-left: 10px
}

#cart-page .cart-image,
#cart-page .item-desc,
#cart-page .item-quantity {
    height: 100%
}

#cart-page .cart-image img {
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto
}

#cart-page .item-name,
#cart-page .item-name a {
    color: #4d4d4d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: auto;
    max-height: 70px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#cart-page .item-name a.product-title {
    margin-bottom: 0
}

#cart-page .item-brand {
    padding-top: 10px;
    padding-bottom: 5px
}

#cart-page .item-stock {
    font-size: 13px;
    color: #c59c20
}

#cart-page .item-desc i {
    margin-right: 3px
}

#cart-page .wishlist {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    color: #56b537
}

#cart-page .final-price {
    font-weight: 700;
    color: #083c66;
    font-size: 16px;
}

#cart-page .original-price {
    padding-bottom: 5px;
    color: gray
}

#cart-page .continue-shopping {
    text-align: right
}

#cart-page .continue-shopping .btn-info {
    background-color: #17bdec;
    margin-right: 14px
}

#cart-page .continue-shopping.continue-shopping-footer {
    display: none
}

#cart-page .discount {
    color: gray
}

#cart-page .item-quantity {
    padding-left: 10px
}

#cart-page .quantity-select {
    width: 60px !important;
    padding-left: 10px;
    padding-right: 0
}

#cart-page .remove-btn {
    margin-top: 15px;
    width: 60px;
    display: inline-block
}

#cart-page .remove-btn a {
    text-decoration: none;
    color: #4d4d4d
}

#cart-page .fa-trash {
    font-size: 26px
}

#cart-page .remove-btn:hover i,
#cart-page .remove-btn:hover span {
    color: #d3d3d3
}

#cart-page .quantity-select {
    display: inline-block
}

#cart-page .shipping-code,
#cart-page .summary-amount {
    float: right
}

#cart-page .cart-empty {
    text-align: center;
    margin: 80px 0
}

#cart-page .cart-empty .empty-text {
    margin-bottom: 20px;
    font-size: 20px
}

#cart-page .cart-empty .continue-shopping {
    text-align: center
}

.installments,
.sub-total {
    padding-top: 5px;
    padding-bottom: 5px
}

#cart-page .sub-total {
    margin-top: 10px
}

#cart-page .summary-total {
    margin-top: 40px
}

#cart-page .summary-total hr {
    margin-bottom: 10px
}

#cart-page .summary-total {
    font-size: 24px;
    font-weight: 700;
    color: #083c66 !important
}

#cart-page .proceed-to-checkout {
    margin-top: 10px
}

#cart-page .proceed-to-checkout button {
    width: 100%;
    height: 40px;
    background-color: #6dbc35
}

#cart-page .proceed-to-checkout button:hover {
    color: #fff;
    background-color: #449d44;
    border-color: inherit
}

#cart-page .summary-header {
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec
}

#cart-page .summary-total {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #083c66 !important;
    border-top: 1px solid #ececec
}

#cart-page .cart-shipping,
#cart-page .sub-total {
    padding-top: 3px;
    padding-bottom: 3px
}

#cart-page .proceed-to-checkout button {
    width: 100%;
    height: 40px;
    background-color: #6dbc35;
    color: #fff;
    border: 0
}

#cart-page .shipping-method {
    margin-top: 10px;
    margin-bottom: 10px
}

#cart-page .shipping-method .ship-label {
    line-height: 34px
}

#cart-page .discount-button,
#cart-page .ship-button {
    padding-left: 5px
}

#cart-page .discount-button input,
#cart-page .ship-button a {
    background-color: #6dbc35;
    color: #fff;
    text-align: center;
    width: 100%;
    text-decoration: none
}

#cart-page .discount-coupon .discount-label {
    line-height: 34px
}

#cart-page .discount-button input:hover,
#cart-page .ship-button a:hover {
    color: #fff;
    background-color: #449d44;
    border: 0
}

#cart-page .cart-shipping a {
    text-decoration: none
}

#cart-page .discount-coupon {
    margin-top: 10px
}

#footer-collapse4 div,
footer .content-contact:last-child div {
    margin-bottom: 8px;
    min-height: 30px
}

#footer-collapse4 li {
    line-height: 25px
}

#footer-collapse4 {
    margin: 0 auto;
    width: 245px;
    text-align: left
}

#footer-collapse4 p,
footer .content-contact:last-child p {
    margin: 0;
    margin-left: 28px
}

.right-box img {
    width: 100%;
    height: 400px
}

.brand-images img {
    width: 100%;
    height: auto;
}
.brand-images:nth-child(1) {
    padding: 0 7.5px 0 0;
}
.brand-images:nth-child(2) {
    padding: 0 3.75px
}
.brand-images:nth-child(3) {
    padding: 0 0 0 7.5px;
}

#dd-lists {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 4px 4px 4px;
    left: 242px;
    top: 38px;
    position: absolute;
    width: auto;
    height: auto;
    z-index: 1001;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
    max-width: 900px;
    overflow: auto;
    display: none
}

#dd-lists .list-menu {
    position: relative;
    width: 100%;
    height: auto;
    overflow: auto;
    float: left;
    display: none
}

#dd-lists .sub-level-list {
    float: left;
    width: 240px;
    padding-left: 0 !important;
    overflow: auto;
    margin-top: 5px;
    border-right: 1px dotted #ececec
}

#dd-lists .sub-level-list:last-child {
    border-right: 0
}

.menu-category-title {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #139aff !important;
    font-weight: 700
}

.menu-subcategory-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    overflow: auto;
    min-width: 220px;
    max-width: 250px
}

.menu-subcategory-list li.see-all-padding {
    margin-top: 40px
}

.menu-subcategory-list li.see-all a {
    color: #083c66;
    font-weight: 700
}

.menu-subcategory-list li.see-all:hover {
    color: #fff
}

.menu-subcategory-list li.see-less,
.menu-subcategory-list li.see-more {
    display: none
}

.menu-subcategory-list li.hidden-menu-list {
    display: none
}

.menu-subcategory-list li:hover,
.menu-subcategory-list li:hover a {
    background-color: #139aff !important
}

.menu-subcategory-list li:hover,
.menu-subcategory-list li:hover a,
.menu-subcategory-list li:hover i {
    color: #fff !important
}

.open {
    display: block !important
}

.menu-focused {
    background-color: #139aff !important;
    color: #fff !important
}

.menu-focused i {
    color: #fff !important
}

.menu-focused a {
    color: #fff !important
}

.rating {
    background: url(img/icons/stars.png) transparent no-repeat 0 0;
    max-width: 75px;
    width: 15px;
    height: 15px;
    display: inline-block
}

.rating.no-reviews {
    background: none;
    max-width: 100%;
    width: 100%
}

#content-area {
    float: left
}

.mobile-menu-items .menu-subcategory-list,
.mobile-menu-items .sub-level {
    max-width: 100%;
    width: 100%
}

.mobile-menu-items .sub-level-list {
    padding-left: 0
}

.mobile-menu-title {
    font-size: 20px !important;
    color: #17bdec !important;
    padding-left: 15px;
    text-align: left !important
}

ul.mobile-menu-list .dropdown-submenu {
    position: relative;
    padding: 5px 0 5px 20px
}

ul.mobile-menu-list .dropdown-submenu a {
    color: #4d4d4d;
    text-decoration: none
}

ul.mobile-menu-list li:hover,
ul.mobile-menu-list li:hover a,
ul.mobile-menu-list li:hover i {
    background-color: #139aff !important;
    color: #fff !important
}

ul.mobile-menu-list .fa-angle-right {
    position: absolute;
    right: 20px;
    margin-top: 0;
    font-size: 18px;
    color: #666
}

#modalbg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    float: left;
    display: none;
    overflow: hidden
}

.cat-description {
    margin-top: 20px;
    float: left;
}

.results-count-desk,
.results-count-mob {
    text-align: left
}

.results-count-mob {
    clear: both;
    padding-bottom: 5px
}

.search-sort-bar span.search-sort-cell a {
    color: #4d4d4d
}

.search-sort-bar span.search-sort-cell a.selected {
    color: #002d60;
}

.list-product-pager {
    overflow: auto
}

.list-product-pager .nav-pages {
    overflow: hidden;
    text-align: center
}

.nav-pages a.nav-page,
.nav-pages span.current-page,
.nav-pages span.nav-dots {
    margin: 0 3px;
    padding: 5px 10px;
    overflow: auto;
    color: #0e81d7;
    display: inline-block
}

.nav-pages span.current-page {
    color: #fff;
    background-color: #76c043;
    margin: 0 3px;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block
}

.nav-pages span.nav-dots {
    padding: 5px
}

.nav-pages a.nav-page:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #76c043
}

.nav-pages a.nav-page.next,
.nav-pages a.nav-page.previous {
    padding: 5px 10px
}

.nav-pages a.nav-page.next:hover,
.nav-pages a.nav-page.previous:hover {
    color: #0e81d7;
    background-color: #fff
}

span.less-arrow,
span.show-more-link.more-arrow {
    padding-left: 10px;
    color: #0e81d7;
    font-size: 13px;
    cursor: pointer
}

span.less-arrow:hover,
span.show-more-link.more-arrow:hover {
    font-weight: 700
}

.multi-tabs .tab-pane {
    overflow-x: auto
}

.multi-tabs .title {
    font-size: 18px;
    font-weight: 700;
    color: #17bdec;
    margin-bottom: 5px
}

.multi-tabs .prod-desc-tab-content:nth-child(2) {
    margin-top: 20px
}

.btn-arrow-left,
.btn-arrow-right {
    position: relative;
    padding-left: 18px;
    padding-right: 18px
}

.btn-arrow-right {
    padding-left: 36px
}

.btn-arrow-left {
    padding-right: 36px
}

.btn-arrow-left:after,
.btn-arrow-left:before,
.btn-arrow-right:after,
.btn-arrow-right:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    background: inherit;
    border: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0
}

.btn-arrow-right:after,
.btn-arrow-right:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.btn-arrow-left:after,
.btn-arrow-left:before {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg)
}

.btn-arrow-left:before,
.btn-arrow-right:before {
    left: -11px
}

.btn-arrow-left:after,
.btn-arrow-right:after {
    right: -11px
}

.btn-arrow-left:before,
.btn-arrow-right:after {
    z-index: 1
}

.btn-arrow-left:after,
.btn-arrow-right:before {
    background-color: #fff
}

#shipping-settings-modal {
    width: 100%
}

.ship-func .modal-dialog {
    position: relative
}

.ship-func .modal-body {
    min-height: 580px
}

.ship-func .ship-title {
    font-size: 24px;
    color: #083c66;
    font-weight: 700
}

.ship-func .ship-wrapper {
    margin: 0
}

.ship-func .ship-wrapper .ship-text {
    font-size: 16px;
    margin-bottom: 5px
}

.ship-func .ship-wrapper .ship-code {
    font-weight: 700;
    margin-left: 2px;
    vertical-align: sub
}

.ship-func .change-zip-button {
    color: #fff;
    background-color: #6dbc35;
    font-size: 14px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0;
    border: 0
}

.ship-func .change-zip-button:hover {
    color: #fff;
    background-color: #56952a
}

.ship-func .ship-type {
    margin-top: 10px;
    font-weight: 700
}

.ship-func .ship-type .select {
    overflow: auto;
    margin-bottom: 20px
}

.ship-func .ship-type .text {
    margin-bottom: 10px;
    font-size: 16px;
    color: #083c66
}

.ship-func span.text {
    vertical-align: sub
}

.ship-func .ship-type .transit-map>img {
    width: 100%
}

#shipping-settings-modal-close {
    margin-left: 10px
}

.ship-func .transmit-button {
    color: #fff;
    background-color: #6dbc35;
    font-size: 14px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    padding: 0;
    border: 0
}

.ship-func .transmit-button:hover {
    color: #fff;
    background-color: #56952a
}
#checkout-page .reset,
#cart-page .reset {
    padding: 0 !important;
}
#checkout-page .nav.nav-tabs,
.product-page #prod-nav-tabs {
    padding: 0;
}
#checkout-page .nav-tabs>li.active>a, 
#checkout-page .nav-tabs>li.active>a:focus, 
#checkout-page .nav-tabs>li.active>a:hover {
    background: #012b61;
    color: #fff;
}
#checkout-page .nav-tabs>li>a {
    border: 1px solid #ddd;
}
.osc_login_form input[type=submit] {
    margin-top: 20px;
    background-color: #6dbc35;
    color: #fff
}

.osc_login_form input[type=submit]:hover {
    color: #fff;
    background-color: #449d44
}

.osc_login_form input[type=submit] {
    margin-top: 20px;
    background-color: #6dbc35;
    color: #fff;
    margin-bottom: 10px
}

.osc_login_form input[type=submit] {
    margin-top: 20px;
    background-color: #6dbc35;
    color: #fff;
    margin-bottom: 20px
}

.suggestions {
    margin: 20px 0
}

.suggestions-text {
    color: #083c66;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.suggestions span.text {
    margin-left: 10px
}

.onestep-checkout .btn-arrow-left {
    padding-left: 18px;
    padding-right: 18px
}

#filter-modal .modal-body,
#sort-modal .modal-body,
#type-modal .modal-body {
    min-height: 200px;
    overflow-y: auto;
    max-height: 500px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 15px
}

.contact-us .title-header {
    font-weight: 700
}

.contact-us .indicate-text {
    margin-bottom: 10px
}

.contact-us .contact-label {
    line-height: 34px;
    text-align: right
}

.contact-us .contact-row {
    margin-bottom: 10px
}

.contact-us .contact-input textarea {
    width: 100%;
    height: 150px
}

.contact-us .contact-upper {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 20px;
    padding-bottom: 20px
}

.contact-us .sub-btn input {
    width: 200px
}

.contact-us .contact-lower {
    margin-top: 20px
}

.contact-us .contact-lower .contact-left-text {
    text-align: right;
    font-weight: 700
}

.contact-us .contact-lower .email {
    color: #337ab7
}

.mobile-multi-tabs #collapse-review h4,
.multi-tabs #reviews h4 {
    color: #17bdec;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9
}

.mobile-multi-tabs #collapse-review .add-review-text,
.multi-tabs #reviews .add-review-text {
    color: #083c66;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px
}

.mobile-multi-tabs #collapse-review .rev-label,
.multi-tabs #reviews .rev-label {
    text-align: right;
    line-height: 34px;
    color: #4d4d4d
}

.mobile-multi-tabs #collapse-review .row,
.multi-tabs #reviews .row {
    margin-bottom: 10px
}

.mobile-multi-tabs #collapse-review .rev-rating select,
.multi-tabs #reviews .rev-rating select {
    width: 150px
}

.mobile-multi-tabs #collapse-review .rev-comment textarea,
.multi-tabs #reviews .rev-comment textarea {
    height: 150px
}

.mobile-multi-tabs #collapse-review .rev-comment .max-text,
.multi-tabs #reviews .rev-comment .max-text {
    margin-top: 5px
}

.mobile-multi-tabs #collapse-review .rev-comment .rev-btn,
.multi-tabs #reviews .rev-comment .rev-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%
}

#reviews>div:first-child {
    display: flex;
    flex-wrap: wrap
}

#reviews>div {
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex: 0 0 100%;
    color: gray
}

#reviews .rating-number-block .big-number {
    font-size: 70px;
    font-weight: 700;
    display: block;
    line-height: 1
}

#reviews #write_btn {
    background: #007cc6;
    border: none;
    box-shadow: none;
    padding: 10px;
    width: 65%;
    color: #fff;
    border-radius: 50px;
    margin-top: 15px
}

.ratings-tab,
.stamp-inputs {
    max-width: 100%;
    width: 100%
}

.stamp-link {
    color: #4d4d4d !important
}

.product-review-widget {
    cursor: pointer;
    opacity: .7
}
.product-review-summar-widget .summary {
    margin-right: 5px;
    cursor: pointer;
}
.product-review-summar-widget .fa-star,
.product-review-summar-widget .fa-star-o {
    font-size: 22px;
    margin-right: 3px;
}
i.fa.fa-star.checked:before {
    content: "\f005";
    font-family: FontAwesome;
}
.rr-pagination li {
    margin-right: 5px;
}
[ng\:cloak],
[ng-cloak] {
    display: none;
}
.based-text {
    font-size: 14px;
}
.stamped-badge[data-rating="0.0"] {
    display: none;
}
i.stamped-fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
    font-size: 18px; 
}
i.stamped-fa.stamped-fa-star,
i.stamped-fa.stamped-fa-star-half-o {
    color: #FFBB00;
}
i.stamped-fa.stamped-fa-star-o {
    color: #D0D0D0;
}
i.stamped-fa.stamped-fa-star:before {
    content: "\f005";
    font-family: FontAwesome;
}
.stamped-fa-star-half-o:before {
    content: "\f123";
    font-family: FontAwesome;
}
.product-review-widget:hover {
    opacity: 1
}

.rating-progress-block>.d-flex {
    cursor: pointer
}

.rating-progress-block {
    opacity: 1
}

.rating-progress-block.is-hover>.d-flex {
    opacity: .5
}

.rating-progress-block.is-hover>.d-flex:hover {
    opacity: 1 !important
}

.rating-progress-block .stars-rate {
    width: 70px
}

.rating-progress-block .progress {
    margin: 0
}

.rating-progress-block .progress .progress-bar {
    border-radius: 10px
}

.rating-progress-block .stars-percent {
    width: 65px;
    text-align: right
}

.rating-progress-block .stars-bar {
    width: calc(100% - 105px)
}

.rating-progress-block>div {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.rating-number-block .title-text {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    color: #17bdec
}

.ratings-tab {
    padding: 0 !important;
    border: none !important
}

.stamp-content {
    display: flex;
    flex-wrap: wrap
}

.stamp-btns button {
    width: 140px;
    height: 40px;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    outline: 0
}

.stamp-btns #submit_btn {
    background: #6dbc35;
    color: #fff
}

.stamp-btns #submit_btn:hover {
    background: #4b8124;
    color: #fff
}

.stamp-btns #cancel_btn {
    background: #fff;
    color: #e5e5e5;
    border: 1px solid #e5e5e5
}

.stamp-btns #cancel_btn:hover {
    background: #ddd;
    border: 1px solid #ddd;
    color: #fff
}

.comment-heading {
    margin-top: 10px
}

.comment-heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3px !important;
    color: #4c4c4c !important
}

#reviews .big-text {
    margin: 0
}

#reviews .fa-star-half-o:before,
#reviews .fa-star-o:before,
#reviews .fa-star:before {
    font-size: 24px;
    margin-right: 5px
}

.review-form {
    padding: 0
}

#submit_btn {
    background: #007cc6;
    color: #fff
}

.form-group.summary-star-rating {
    display: flex;
    align-items: center
}

.form-group.summary-star-rating label {
    margin-right: 10px
}

#reviews .rating-number-block .summary {
    margin: auto;
    width: 100px;
}

#reviews .rating-number-block .rv-title {
    font-size: 26px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 22px
}

.reviews-box {
    margin-bottom: 25px !important
}

.ratings-stats {
    padding-bottom: 35px;
    border-bottom: 1px solid gray;
    margin-bottom: 15px
}

#reviews .rating-number-block {
    width: 210px;
    margin: auto;
}
#reviews .rating-number-block p {
    text-align: center;
}

.comment-text {
    margin-bottom: 4px !important;
    margin-right: 8px
}

.comment-header {
    justify-content: space-between;
    margin-bottom: 10px
}

.comment-header p {
    color: gray
}

#reviews .num_stars {
    width: 70px
}

#reviews .progress {
    border-radius: 50px;
    border: 1px solid #ececec;
    box-shadow: none;
    height: 20px
}

#reviews .progress .progress-bar {
    border-radius: 50px;
    background-color: #fb0
}

.customer-reviews .review-row {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.question-answ-block {
    margin-bottom: 30px
}

.faq-section {
    margin-top: 35px
}

#product-faq #cancel_btn {
    display: none
}

.customer-reviews .rev-name {
    color: #17bdec;
    font-size: 14px;
    margin-bottom: 5px
}

.customer-reviews .rev-rating {
    margin-bottom: 15px
}

.customer-reviews .rev-rating span:nth-child(2) {
    color: #56952a;
    margin-left: 10px
}

.clr {
    clear: both
}

#password-page .content-wrapper,
#profile-page .content-wrapper {
    padding: 10px 20px
}

#password-page .title-div,
#profile-page .title-div {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

#profile-page input,
#profile-page select {
    width: 80% !important;
    height: 34px !important
}

#password-page .pass-label,
#profile-page .prof-label {
    line-height: 34px
}

.ship-to-different {
    margin-top: 15px;
    font-weight: 700
}

.ship-to-different p {
    font-weight: 400
}

#profile-page .ship-to-different input {
    width: 25px !important;
    height: 15px !important;
    position: relative;
    margin: 0;
    bottom: -3px
}

#profile-page .line {
    margin: 20px 0;
    padding: 0;
    border-top: 1px solid #ccc;
    width: 100%
}

#profile-page .bottom-part {
    margin-bottom: 10px
}

#profile-page .bottom-part .right-div {
    margin-bottom: 20px
}

.bold {
    font-weight: 700
}

#password-page .continue-button,
#profile-page .continue-button {
    margin-top: 15px
}

#password-page .continue-button button,
#profile-page .continue-button button {
    background-color: #002d60
}

#password-page .continue-button button:hover,
#profile-page .continue-button button:hover {
    background-color: #337ab7
}

#password-page .change-pass-row,
#profile-page .prof-row {
    margin-bottom: 5px
}

#signin-page .error-message {
    color: #dc143c;
    font-size: 13px;
    background-color: #ffd;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    font-weight: 700
}

.account-logout button {
    margin-left: 6px;
    padding: 6px
}

.paypal-cart-button {
    text-align: center;
    padding-top: 10px
}

.offer-func .offer-title {
    font-size: 24px;
    color: #17bdec;
    font-weight: 700
}

.offer-func .offer-wrapper {
    margin: 20px 0
}

.offer-func .offer-left-part {
    background-color: #f7f7f7;
    padding: 25px
}

.offer-func .price {
    margin-top: 5px
}

.offer-func .product-title {
    color: #083c66;
    font-size: 16px;
    margin-bottom: 25px
}

.offer-func .price-text {
    color: #4d4d4d;
    font-size: 15px;
    line-height: 34px
}

.offer-func .left-col.price-text {
    width: 40%
}

.offer-func .price-amount {
    color: #083c66;
    font-size: 23px;
    font-weight: 700
}

.offer-func .right-col.price-amount {
    width: 60%
}

.offer-func .your-offer-text {
    line-height: 34px
}

.offer-func .price,
.offer-func .your-offer {
    margin-bottom: 15px
}

.offer-func .quantity {
    margin-top: 5px
}

.offer-func .quantity-text {
    line-height: 34px
}

.offer-func .left-col {
    width: 20%
}

.offer-func .right-col {
    width: 80%
}

.offer-func .quantity select {
    width: 60px;
    border-radius: 0
}

.offer-count {
    text-align: center;
    margin-top: 20px
}

.offer-count .mo_offer_count_div {
    padding: 10px 24px;
    float: left;
    width: 60px;
    height: 50px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    float: none
}

.offer-count div.mo_offer_count_div.tried {
    background-color: red
}

.offer-count div.mo_offer_count_div {
    background-color: #0e81d7
}

.offers-remaining {
    margin-top: 20px;
    font-size: 16px;
    text-align: center
}

.offer-func .make-offer-button {
    color: #fff;
    background-color: #6dbc35;
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    height: 50px;
    margin-top: 20px
}

.offer-func .make-offer-button:hover {
    color: #fff;
    background-color: #4cae4c
}

.offer-func {
    padding-top: 10px
}

.offer-func .offer-note {
    font-size: 12px;
    margin-top: 10px
}

#cart-page .make-offer {
    color: #56952a;
    font-size: 13px;
    background-color: #ffd;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 5px
}

#top-message {
    text-align: center;
    margin-bottom: 20px
}

.top-message-wrapper {
    color: #dc143c;
    font-size: 13px;
    background-color: #ffd;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    font-weight: 700;
    margin: 0 auto;
    display: inline-block
}

#sendy-wrapper {
    display: none !important
}

.order-search .search-info {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.order-search .order-search-wrapper {
    padding-bottom: 20px
}

.order-search .title-header {
    margin-top: 0
}

.order-search .search-form {
    margin-top: 20px
}

.order-search .date-period span {
    color: #002d60;
    font-weight: 700;
    font-size: 16px
}

.order-search .order-search-left-part .radio:nth-child(1),
.order-search .order-search-right-part .radio:nth-child(1) {
    margin-top: 0
}

.order-search .order-search-left-part .radio {
    margin-bottom: 20px
}

.order-search .order-search-right-part {
    padding-left: 40px;
    border-left: 1px solid #ccc
}

.order-search select {
    display: inline-block
}

.order-search select.month {
    width: 120px
}

.order-search select.day {
    width: 65px
}

.order-search select.year {
    width: 81px
}

.order-search .more-options {
    margin-top: 20px
}

.order-search .more-options .text {
    font-weight: 700;
    margin-left: 5px;
    text-decoration: none
}

.order-search .search-order-buttons {
    margin-top: 20px
}

.order-search .search-order-buttons a,
.order-search .search-order-buttons button {
    width: 150px;
    border: 0
}

.order-search .filter-button {
    background-color: #0e81d7
}

.order-search .search-button {
    background-color: #6dbc35
}

.order-search .filter-button:hover {
    background-color: #27608a
}

.order-search .search-button:hover {
    background-color: #2b4b15
}

.order-search .adv_search_box {
    margin-top: 10px
}

.order-search .adv_search_box>div {
    margin-bottom: 10px
}

.order-search .adv_search_box span.text {
    width: 110px;
    display: inline-block
}

.order-search .order-num {
    width: 90px;
    display: inline-block
}

.order-search select.order-status {
    width: 220px
}

.newsletter-form.subscribed>div {
    border-radius: 4px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 24px;
    padding: 10px;
    width: 90%;
    display: inline-block
}

.newsletter-form.subscribed {
    text-align: center;
    margin-top: 35px;
    display: none
}

.newsletter-form.subscribed.show {
    display: block
}

.newsletter-form.hidden {
    display: none
}

.secure-card.badges {
    margin-top: 0
}

#order-history table {
    margin-top: 20px;
    width: 100%
}

#order-history th {
    color: #083c66;
    border: 0
}

#order-history .table-responsive {
    border: 0
}

#order-history td {
    border: 0
}

#order-history td a {
    color: #4d4d4d
}

#order-history a {
    text-decoration: none
}

#order-history .total-paid {
    margin: 10px 0
}

#order-history .grand-total span:last-child,
#order-history .total-paid span:last-child {
    color: #083c66;
    font-size: 16px
}

#order-history .receipt-button {
    margin-top: 20px;
    background-color: #002d60
}

#order-history .receipt-button:hover {
    background-color: #337ab7
}

#order-history .order-num:hover {
    color: #17bdec
}

#page-404 .my-navbar {
    height: 3px
}

#page-404 p {
    margin-top: 20px;
    margin-bottom: 20px
}

#order-history .upper-options {
    margin-top: 20px
}

#order-history .upper-options a {
    color: #083c66
}

#order-history .upper-options a:hover {
    text-decoration: underline
}

#order-history .check-all {
    display: inline-block
}

#order-history .right-box {
    padding: 5px;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #ececec;
    margin-left: 10px;
    display: inline-block
}

#order-history .right-box a {
    color: #4d4d4d
}

#order-history .right-box a:hover {
    text-decoration: none
}

#order-history .right-box:hover {
    border: 1px solid #ccc
}

#order-history .results-text {
    display: inline-block;
    float: right;
}

.cat-banner-adverts {
    margin-bottom: 20px
}

.cat-banner-adverts div:first-child {
    padding-right: 2.5px
}

.cat-banner-adverts div:last-child {
    padding-left: 2.5px
}

.cat-banner-adverts img {
    max-width: 100%;
    height: auto
}

.cat-banner-ads {
    float: left
}

h1.payment-processing-text {
    font-size: 20px;
    margin-top: 50px;
    text-align: center
}

.order-prev {
    margin: 10px 0
}

.order-print i {
    margin-right: 5px
}

.order-buttons {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9
}

.return-page .title-div {
    margin-top: 10px
}

.return-page .table-div {
    margin-bottom: 10px
}

.return-page .table-div td {
    line-height: 34px
}

.return-page .table-div .qty {
    width: 65px
}

.return-page .left-div {
    padding-right: 15px
}

.return-page .right-div {
    padding-left: 15px
}

.return-page .return-row {
    margin-bottom: 10px
}

.return-page .return-label {
    line-height: 34px;
    color: #083c66
}

.return-page .create-button {
    margin-top: 10px
}

.return-page .create-button button {
    background-color: #002d60
}

.return-page .create-button button:hover {
    background-color: #337ab7
}

.return-page .return-comment textarea {
    height: 115px
}

.order-details .order-print {
    text-align: right
}

.return-page .title-div a {
    text-decoration: none
}

.order-details .order-invoice-wrapper {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 20px;
    margin-top: 20px
}

table.order-invoice {
    font-size: 13px;
    border: 1px solid
}

table.order-invoice>tbody>tr>td {
    padding: 20px;
    border-right: 1px solid
}

table.order-invoice .invoice-products-title {
    font-weight: 700;
    text-align: center;
    font-size: 14px
}

table.order-invoice table.invoice-products td,
table.order-invoice table.invoice-products th {
    border: 1px solid;
    padding: 2px 8px
}

table.order-invoice table.invoice-products table.order-invoice table.invoice-products th {
    background-color: #ccc
}

table.order-invoice table.invoice-products {
    border: 1px solid
}

table.order-invoice .invoice-totals td {
    padding: 0 5px
}

table.order-invoice .invoice-totals .invoice-total-name,
table.order-invoice .invoice-totals .invoice-total-name-fin {
    text-align: right
}

table.order-invoice .invoice-totals .invoice-total-name-fin,
table.order-invoice .invoice-totals .invoice-total-value-fin {
    background-color: #ccc
}

table.order-invoice .invoice-bottom-note {
    padding: 20px 15px;
    text-align: center
}

table.order-invoice .invoice-bottom-note {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

table.order-invoice .invoice-totals {
    float: right;
    margin-right: 15px
}

.footer-text .badges {
    margin: 0;
    padding-top: 0
}

.ship .title-header a {
    font-size: 24px;
    color: #083c66;
    font-weight: 600;
    text-decoration: none
}

.ship .cancellation-wrapper .title-header>i {
    font-size: 26px;
    color: #bf0000
}

.dropdown-backdrop {
    position: static
}

iframe[name=google_conversion_frame] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

footer .accepted-payments {
    width: 170px;
    height: 25px;
    background: url(img/icons/footer-icon.png) 0 -5.6px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

footer .accepted-payments2 {
    width: 170px;
    height: 32px;
    background: url(img/icons/footer-icon.png) 0 -50px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block
}

#siteseal,
#siteseal-mobile {
    display: inline-flex
}

.toll-fee-phone {
    border-right: 1px solid #4d4d4d
}

.toll-fee-phone h3 {
    font-weight: 400
}

.toll-fee-phone p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

.toll-fee-phone label {
    font-weight: 700;
    font-size: 30px;
    color: #002d60
}

.toll-fee-hour h4 {
    padding-left: 50px;
    color: #002d60
}

.toll-fee-hour p {
    padding-left: 50px;
    font-weight: 400;
    font-size: 18px
}

.cancellation-wrapper a,
.return-policy-wrapper a {
    font-weight: bolder
}

.return-policy-header h4 {
    padding-top: 10px;
    color: #4d4d4d;
    font-weight: 700
}

.return-policy-header h5 {
    color: #002d60;
    font-weight: 700;
    font-size: 16px
}

.cancellation-wrapper img {
    padding-bottom: 17px
}

.car-finder-form .vehicle-fit-text {
    padding-left: 5px
}

.car-finder-form .submit-div {
    text-align: left;
    position: relative
}

.car-finder-form .car-search {
    margin-top: 67px;
    color: #fff;
    background-color: #17bdec;
    width: 100%;
    height: 50px;
    border: 0 !important;
    text-transform: uppercase;
    font-size: 18px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .25)
}

.car-finder-form .car-search:focus,
.car-finder-form .car-search:hover {
    background-color: #17bdec !important
}

.car-finder-form .car-search>i {
    margin-left: 5px
}

.car-finder-form .vehicle-empty {
    position: absolute;
    text-align: center;
    width: 100%;
    display: none
}

.car-finder-form .vehicle-empty>span {
    background-color: rgba(0, 0, 0, .5);
    color: #fedf30;
    display: inline-block;
    width: auto;
    padding: 5px 12px;
    border-radius: 8px
}

.spinner {
    margin: 0 auto;
    width: 50px;
    height: 34px;
    text-align: center;
    font-size: 10px;
    display: none
}

.spinner>div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,
    100%,
    40% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.vehicle-results {
    padding-bottom: 20px
}

.vehicle-results .vehicle-left-row {
    padding-left: 0;
    margin-bottom: 20px
}

.vehicle-results>div:first-of-type.cat-title {
    margin-bottom: 20px
}

.vehicle-results .results-row {
    margin-bottom: 20px;
    padding: 0;
    background-color: #fff
}

.vehicle-results .car-finder-form {
    display: none;
    margin-top: 30px;
    background-color: #fff;
    padding: 0;
    height: auto
}

.vehicle-results .vehicle-empty {
    position: initial
}

.vehicle-results .vehicle-empty>span {
    background-color: initial;
    color: #bf0000 !important;
    display: inline-block;
    padding: 5px 0
}

.vehicle-results .car-search {
    margin-top: 15px;
    background-color: #0e81d7;
    height: 40px
}

.vehicle-results .spinner>div {
    background-color: #083c66
}

.vehicle-results .vehicle-name>div {
    margin-bottom: 5px
}

.vehicle-results .vehicle-name>div:last-of-type {
    margin-bottom: 0
}

.vehicle-results .cat-header i {
    cursor: pointer;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.vehicle-results .cat-header i.up {
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.vehicle-results .cat-header,
.vehicle-results .vehicle-header {
    padding: 5px 15px;
    background-color: #eef7fe
}

.vehicle-results .cat-title,
.vehicle-results .vehicle-text {
    font-size: 16px;
    color: #083c66
}

.vehicle-results .cat-header i,
.vehicle-results .vehicle-header i {
    font-weight: 700;
    margin-right: 5px;
    font-size: 20px
}

.vehicle-results .bold {
    font-weight: 700
}

.results-row .cat-wrapper,
.results-row .vehicle-wrapper {
    padding: 15px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.results-row .cat-wrapper .link {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.results-row .cat-wrapper .product-list {
    margin-bottom: 15px;
    position: relative
}

.results-row .results-title {
    font-size: 16px;
    color: #083c66;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.vehicle-results .vehicle-name {
    font-size: 16px
}

.vehicle-results .vehicle-name .vehicle-make>span.make,
.vehicle-results .vehicle-name .vehicle-model>span.model,
.vehicle-results .vehicle-name .vehicle-year>span.year {
    font-weight: 700;
    color: #083c66
}

.vehicle-results .vehicle-options {
    margin-top: 20px;
    font-size: 16px
}

.vehicle-results .vehicle-options>span {
    color: #0e81d7;
    display: inline-block;
    width: 140px
}

.vehicle-results .vehicle-options>span:hover {
    cursor: pointer;
    color: #083c66
}

.vehicle-results .vehicle-options>span>i.fa-refresh {
    margin-right: 5px;
    animation: rotateRight .3s 1 cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.vehicle-results .vehicle-options>span>i.fa-times {
    margin-right: 5px;
    animation: rotateLeft .3s 1 cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.vehicle-models-div .product-name,
.vehicle-models-div .product-name p,
.vehicle-years-div .product-name,
.vehicle-years-div .product-name p {
    height: auto;
    max-height: 50px;
    margin-bottom: 5px;
    text-align: center;
    color: #083c66;
    font-weight: 700
}

@keyframes rotateRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@keyframes rotateLeft {
    0% {
        opacity: 0;
        transform: rotate(90deg)
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

.vehicle-results .subcat-name {
    text-align: center;
    color: #083c66
}

.vehicle-results .prod-list {
    margin-bottom: 10px
}

.vehicle-results .prod-list .total {
    font-size: 13px
}

.vehicle-results .see-all-div {
    text-align: center;
    margin-top: 15px
}

.vehicle-results .see-all-div a {
    text-decoration: none;
    color: #fff;
    background-color: #0e81d7;
    width: 190px;
    padding: 8px 0;
    display: inline-block;
    border-radius: 4px
}

.vehicle-results .see-all-div a:hover {
    background-color: #083c66
}

.vehicle-results .hidden-prods {
    display: none
}

.vehicle-results .result-title {
    font-size: 16px;
    color: #083c66;
    margin-bottom: 20px
}

#vehicle-page .vehicle-models-div .link:hover~.item-image,
#vehicle-page .vehicle-years-div .link:hover~.item-image {
    opacity: .8
}

#vehicle-page .vehicle-models-div .link:hover~.product-name p,
#vehicle-page .vehicle-years-div .link:hover~.product-name p {
    color: #0e81d7
}

#vehicle-page .vehicle-desc {
    margin-top: 20px
}

#vehicle-page .vehicle-desc span {
    line-height: 24px
}

.vehicle-manage * {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    color: #2c3e49;
    font-size: 10px
}

.vehicle-manage .vehicle-form .make-div {
    padding-right: 2.5px
}

.vehicle-manage .vehicle-form .model-div {
    padding-left: 1.25px;
    padding-right: 1.25px
}

.vehicle-form {
    margin-bottom: 20px
}

.vehicle-form select {
    height: 25px;
    padding: 3px 6px
}

.vehicle-manage .vehicle-form .vehicle-empty {
    text-align: center;
    width: 100%;
    display: none
}

.vehicle-manage .vehicle-form .vehicle-empty>span {
    background-color: initial;
    color: #bf0000 !important;
    display: inline-block;
    padding: 5px 0;
    width: auto
}

.vehicle-manage .spinner {
    height: 25px
}

.vehicle-manage .spinner>div {
    background-color: #083c66;
    width: 4px
}

.vehicle-manage .table {
    border: 1px solid #ececec
}

.vehicle-manage .table tbody {
    max-height: 183px;
    overflow-y: auto
}

.vehicle-manage .product-table .table *,
.vehicle-manage .search-results .table *,
.vehicle-manage .vehicle-form .table *,
.vehicle-manage .vehicle-tables .table * {
    width: 100%;
    display: block
}

.vehicle-manage .table .active {
    color: green;
    background: initial
}

.vehicle-manage .table>tbody>tr>td,
.vehicle-manage .table>tbody>tr>th,
.vehicle-manage .table>thead>tr>th {
    padding: 4px
}

.vehicle-manage .table>tbody>tr>th,
.vehicle-manage .table>thead>tr>th {
    text-align: center;
    background-color: #c5d0e1;
    color: #2c3e49;
    border-bottom: 0
}

.make-table {
    padding-right: 10px
}

.model-table {
    padding-left: 5px;
    padding-right: 5px
}

.year-table {
    padding-left: 10px
}

.vehicle-manage .product-table {
    margin-top: 10px
}

.vehicle-manage .product-table table {
    border-top: 0
}

.vehicle-manage .prod-detail .prod-header {
    text-align: center;
    background-color: #c5d0e1;
    color: #2c3e49;
    border-bottom: 0;
    padding: 4px
}

.vehicle-manage .prod-detail tr {
    position: relative;
    float: left
}

.vehicle-manage .prod-detail td.checkbox {
    float: left;
    overflow: hidden;
    margin: 0;
    width: 30px;
    height: 23px
}

.vehicle-manage .prod-detail input[type=checkbox] {
    line-height: normal;
    margin: 0;
    position: initial
}

.vehicle-manage .prod-detail td,
.vehicle-manage .prod-detail td * {
    display: inline-block
}

.vehicle-manage .prod-detail td.prod-sku {
    width: 150px;
    float: left
}

.vehicle-manage .prod-detail td.pname {
    padding-left: 10px;
    width: calc(100% - 180px);
    float: left;
    overflow: hidden
}

.vehicle-manage .prod_sku {
    padding: 0 4px;
    height: 20px
}

.vehicle-manage .prod-search {
    margin-bottom: 20px
}

.vehicle-manage .search-results table {
    border-top: 0
}

.vehicle-manage .search-results .table tbody {
    max-height: 300px;
    overflow-y: auto;
    display: block
}

.vehicle-manage .search-results .prod-sku.active {
    color: green;
    background-color: initial
}

.vehicle-manage .search-results td.pname {
    width: calc(100% - 330px)
}

.vehicle-manage .search-results td.vehicles {
    width: 150px;
    display: inline-block
}

.vehicle-manage .prod-detail {
    margin-bottom: 40px
}

.vehicle-manage .other {
    display: none
}

.vehicle-manage .add-form label {
    width: 45px;
    margin-right: 5px;
    display: inline
}

.vehicle-manage .add-form input.form-control {
    display: inline;
    width: calc(100% - 50px);
    height: 25px;
    padding: 3px 6px
}

.vehicle-manage .add-form .input-box {
    padding: 0 3px;
    font-size: 10px
}

.vehicle-manage .add-form .chkbox {
    top: 3.5px !important
}

.vehicle-manage .add-form .make-div,
.vehicle-manage .add-form .model-div,
.vehicle-manage .add-form .year-div {
    display: none
}

.vehicle-manage .update-table th {
    width: 25%
}

.vehicle-manage .update-table tbody {
    width: 100%
}

.vehicle-manage .update-table td>input {
    width: 100%
}

.vehicle-manage .update-table td>span {
    height: 20px;
    line-height: 20px
}

.vehicle-manage .product-table input[type=submit] {
    margin-right: 10px
}

#accordion-filter-mobile .filter-rows {
    padding: 5px 0;
}

@media only screen and (max-width:767px) {
    .customer-considered .product-list,
    .featured-products .product-list,
    .most-viewed .product-list,ppppppp
    .prod-result,
    .products-items {
        width: 33.33%
    }
    #checkout-page .quantity,
    #checkout-page .remove-btn {
        text-align: center
    }

    #checkout-page .osc_shipping .form-group,
    #checkout-page .payment-method .form-group {
        font-size: 1.3em;
        margin-left: 0;
    }
    #checkout-page .checkout-controls .osc_prev_div {
        padding-right: 5px;
    }
    #checkout-page .checkout-controls .osc_next_div {
        padding-left: 5px;
    }
}

@media only screen and (max-width:1199px) {
    #prod-nav-tabs.nav-tabs>li {
        font-size: 12px;
    }
    .comment-header {
        flex-wrap: wrap
    }
    .comment-header .comment-text {
        margin: 0
    }
    .comment-header>* {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        -ms-flex: 0 0 100% !important
    }
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .right-box img {
        width: 100%;
        height: 331px
    }
    .left-box>div {
        height: 109px
    }
    .mslider {
        height: 331px
    }
    .front.car-finder-form {
        background-color: #0a2131;
        color: #fff;
        padding: 10px 20px
    }
    .front.car-finder-form .vehicle-fit-title {
        font-size: 20px;
        line-height: 28px
    }
    .front.car-finder-form .car-search {
        margin-top: 45px;
        height: 40px
    }
    .front.car-finder-form .vehicle-empty {
        position: absolute;
        text-align: center;
        width: 100%;
        display: none;
        top: -15px
    }
    .front.car-finder-form .spinner {
        height: 30px
    }
    .car-finder-form {
        height: 329px
    }
}

@media only screen and (max-width:1199px) and (min-width:768px) {
    .lower-box,
    .upper-box {
        height: 185px
    }
    .lower-box .dummy-text,
    .upper-box .dummy-text {
        margin: -102px 0 0 160px
    }
    #frontpage-slider-content ul.slick-dots {
        position: absolute;
        bottom: 5px
    }
    .boxes-div .title-name {
        font-size: 1.4em
    }
    .boxes-div .second-title-name {
        font-size: 1em
    }
    #checkout-page .nav-tabs>li>a {
        padding: 8px 8px;
        font-size: 12px
    }
    #checkout-page .total-price {
        padding-left: 5px
    }
    #checkout-page .quantity,
    #checkout-page .remove-btn {
        padding-left: 0;
        padding-right: 0
    }
    .product-page .related-packages .product-list {
        width: 100%
    }
    #cart-page .cart-image-wrapper {
        width: 25%
    }
    #cart-page .item-desc-div {
        width: 75%
    }
    .navbar .dropdown-menu {
        width: 236px
    }
    #dd-lists {
        left: 234px
    }
    #cart-page .discount-label,
    #cart-page .shipping-method .ship-label {
        width: 100%
    }
    #cart-page .discount-input,
    #cart-page .ship-input {
        width: 75%
    }
    #cart-page .discount-button,
    #cart-page .ship-button {
        width: 25%
    }
    #filter-box a,
    #filter-box a:hover {
        color: #4d4d4d;
        font-size: 13px;
        display: table;
        line-height: 25px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
        text-decoration: none
    }
    .brands-page .brands-banner img {
        width: 100%
    }
    .order-search span.to {
        display: block;
        margin: 10px 2px
    }
    .upgrade-options .item-image {
        height: 130px
    }
}
@media only screen and (max-width:1050px) {
    .swpr-btn {
        display: none;
    }
    /*.product-page .btn-mobile {
        display: block;
    }*/
}
@media only screen and (max-width:991px) {
    .banner-content {
        background-size: 370px !important;
    }
    .banner-content .header-bg {
        width: 80%;
    }
    .ha-car-audio-items,
    .ha-pro-audio-items {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
    }
    .ha-item-img + a {
        font-size: 2vw;
    }
    .ha-main-contents > div:first-child p,
    p.banner2-text {
        font-size: 1.8vw;
    }
    .ha-main-contents > div:first-child {
        width: 70%;
    }
    .car-finder-comb {
        display: none
    }
    #ratings .pagination a {
        padding: 10px !important;
        text-align: center
    }
    #ratings .pagination li.active a {
        color: #fff
    }
    #ratings .pagination {
        margin-right: 5px !important
    }
    .home-top-brands {
        margin: 30px 0 !important
    }
    .home-top-brands>div:nth-child(1),
    .home-top-brands>div:nth-child(2) {
        display: none
    }
    .home-top-brands>div {
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%
    }
    #car-fitment-modal .car-modal-close {
        margin-top: 15px
    }
    .front.car-finder-form .submit-div {
        position: relative !important
    }
    #car-fitment-modal .inner-modal {
        height: 450px;
        background: #fff;
        margin: 0 auto;
        width: 85%;
        margin-top: 15px
    }
    #car-fitment-modal .finder-logo {
        display: none
    }
    #car-fitment-modal .modal-header * {
        color: #000
    }
    .front-boxes-wrapper>div {
        max-width: 100%;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%
    }
    .car-title {
        height: 65px
    }
    .news {
        background-color: none !important
    }
    .left-box,
    .subscribe {
        display: none
    }
    .right-box {
        margin-bottom: 10px
    }
    .right-box img {
        height: auto
    }
    .mslider #frontpage-slider-content {
        margin-left: 0 !important
    }
    .news-wrapper {
        margin-top: 10px
    }
    .newsletter-form {
        margin-top: 20px
    }
    .footer-right-content {
        margin-top: 20px
    }
    .social-icon {
        margin-top: -10px !important;
        padding-right: 20px
    }
    .copyright {
        padding-left: 5px;
        padding-top: 0;
        font-size: 12px;
        color: #fff;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .category-items,
    .products-items {
        text-align: center;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 10px
    }
    .boxes-container {
        border-left: none !important
    }
    .boxes-container:nth-child(2) {
        background-color: #f3f3f3
    }
    .box-icon {
        padding-left: 40px
    }
    .box-label {
        padding-top: 15px
    }
    .product-name p,
    .product-rating p,
    .result-product-list,
    .result-product-list p,
    .result-related-products,
    .result-related-products p {
        text-align: center
    }
    .fa-bars {
        font-size: 1.5em
    }
    .mslider {
        height: 350px
    }
    .mslider .slick-dotted.slick-slider {
        margin-bottom: 0
    }
    .bottom-promos div:nth-child(1) {
        padding: 0;
        margin-bottom: 10px
    }
    .result-left-row,
    .result-product-list hr,
    .result-top-part,
    .sort-buttons,
    .top-results {
        display: none
    }
    .result-product-list button {
        margin-left: 15px
    }
    .result-right-row {
        margin-top: 15px
    }
    #result-page .product-list {
        margin-top: 10px
    }
    .result-product-list .product-list .product-price h3 {
        margin-top: 0
    }
    #result-page #results-slider {
        display: block
    }
    #account-page .account-left-row {
        display: none
    }
    #account-page .account-mobile-button {
        display: block;
        margin-bottom: 10px
    }
    .account-mobile-button .account-button button,
    .account-mobile-button .dropdown-menu {
        width: 100%
    }
    #account-page .account-mobile-button .account-button {
        text-align: center
    }
    #order-history .title-header {
        text-align: left
    }
    .magnify-icon {
        height: 20px;
        width: 20px;
        right: 60px
    }
    .product-page .product-details>form>div {
        padding-top: 3px;
        padding-bottom: 3px
    }
    .product-page .product-details .product-buttons.wrapper {
        margin-top: 0 !important
    }
    #checkout-page .nav-tabs>li>a {
        padding: 10px 10px;
        font-size: 14px
    }
    #checkout-page .quantity,
    #checkout-page .remove-btn {
        padding-left: 0;
        padding-right: 0
    }
    #checkout-page .customer-info {
        padding-left: 0
    }
    #cart-page .item-name {
        font-size: 13px;
        margin-bottom: 10px
    }
    .filter-box {
        border-top: 0
    }
    #type-modal .shop-by-category {
        text-align: left
    }
    #type-modal .shop-by-category {
        text-align: left;
        border: 0;
        box-shadow: 0
    }
    #type-modal .shop-by-category i.menu-right-arrow {
        display: none
    }
    #type-modal .shop-by-category li.subcategory-level-1:hover,
    #type-modal .shop-by-category li.subcategory-level-1:hover a {
        background: #fff !important;
        color: #4d4d4d !important
    }
    #type-modal .shop-by-category {
        text-align: left;
        border: 0;
        box-shadow: none
    }
    .contact-us .contact-label {
        text-align: left
    }
    .contact-us .contact-left .contact-input,
    .contact-us .contact-left .contact-label,
    .contact-us .contact-right .contact-input,
    .contact-us .contact-right .contact-label {
        padding-left: 0;
        padding-right: 0
    }
    .osc_register_form {
        margin-top: 20px
    }
    .brands-page .brands-banner img {
        width: 100%
    }
    .brands-page .brands-row {
        padding-left: 10px;
        padding-right: 10px
    }
    .offer-wrapper {
        padding: 0
    }
    .offer-func .left-col {
        width: 33% !important
    }
    .offer-func .right-col {
        width: 67% !important
    }
    .offer-func .offer-left-part {
        background-color: #f7f7f7;
        height: auto;
        padding: 20px 10px
    }
    .offer-func .product-title {
        margin-bottom: 10px
    }
    .offer-func .price {
        margin-top: 10px
    }
    #cart-page .make-offer {
        margin-top: 0
    }
    .order-search span.to {
        display: block;
        margin: 10px 2px
    }
    #type-modal .shop-by-category ul.menu-down.dropdown-2 {
        display: block;
        position: relative;
        margin-left: 15px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        background-color: transparent;
        border: none
    }
    #type-modal .shop-by-category .subcategory-level-1 ul.menu-down.dropdown-2 {
        display: none
    }
    #type-modal .shop-by-category .subcategory-level-1.active ul.menu-down.dropdown-2 {
        display: block
    }
    .return-page .left-div,
    .return-page .right-div {
        width: 500px;
        padding: 0
    }
    .my-navbar.navbar {
        color: #fff;
        background-color: #002d60;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        height: 52px
    }
    .navbar {
        margin-bottom: 0
    }
    .offer-func .left-col.price-text {
        width: 40% !important
    }
    .offer-func .right-col.price-amount {
        width: 60% !important
    }
    .offer-func .left-col.your-offer-text {
        width: 27% !important
    }
    .offer-func .your-offer .right-col {
        width: 69%
    }
    #account-page .account-mobile-button li a:focus,
    #account-page .account-mobile-button li a:hover,
    #account-page .account-mobile-button li:focus,
    #account-page .account-mobile-button li:hover {
        color: #4d4d4d;
        background-color: #fff
    }
    .popular-categories .product-list,
    .top-brands .product-list {
        margin-top: 0
    }
    .product-info.wrapper {
        margin-top: 20px !important
    }
    .related-packages .price {
        display: inherit;
        text-align: center
    }
    .related-packages .product-name p {
        text-align: center
    }
    .product-page .mobile-multi-tabs .panel-body a {
        padding-left: 0
    }
    .front.car-finder-form .make-div,
    .vehicle-results .car-finder-form .make-div {
        padding-right: 2.5px
    }
    .front.car-finder-form .model-div,
    .vehicle-results .car-finder-form .model-div {
        padding-left: 1.25px;
        padding-right: 1.25px
    }
    .front.car-finder-form .car-search {
        margin-top: 20px
    }
    .front.car-finder-form .vehicle-empty {
        position: initial
    }
    .front.car-finder-form .vehicle-empty>span {
        display: inline-block
    }
    .front.car-finder-form .submit-div {
        margin-top: 5px
    }
    .upgrade-options-div {
        padding: 0
    }
    .upgrade-options .item-image {
        height: 100px
    }

    .account-profile-wrapper {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .product-buttons {
        margin-bottom: 15px
    }
    #reviews #write_btn {
        width: 100%;
        margin-top: 0
    }
    #ratings .main-heading {
        font-size: 24px
    }
    .brand-images {
        margin-bottom: 5px;
        padding: 0 !important;
    }
    .brand-images img {
        width: 100%
    }
    .category-items,
    .products-items {
        text-align: center;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 10px
    }
    .mobile-navbar .fa-bars {
        font-size: 2em
    }
    .mobile-navbar .contact-info .contact-inquries {
        margin-top: 5%;
        text-align: center
    }
    .mobile-navbar .contact-info .contact-inquries span {
        display: none
    }
    .mobile-navbar .contact-info .contact-inquries .contact-num {
        display: block;
        color: #0e81d7;
        font-size: 1.25em
    }
    .mobile-navbar .contact-icons span {
        display: none
    }
    .slider-box-left {
        position: absolute;
        z-index: 20;
        text-shadow: 1px 1px #fff;
        padding-top: 20px
    }
    .mobile-navbar span.badge {
        display: block;
        position: absolute;
        margin-left: 10px;
        margin-top: -35px;
        background-color: #167b41;
        color: #fff;
        border: 1.999px solid #002d60;
        font-size: .5em;
        z-index: 1000
    }
    .mslider {
        margin-top: 10px;
        height: auto
    }
    #frontpage-slider-content .slider-box-right,
    #frontpage-slider-content .slider-box-right img {
        max-height: 200px
    }
    .product-name p,
    .product-rating p,
    .result-product-list,
    .result-product-list p,
    .result-related-products,
    .result-related-products p {
        text-align: center
    }
    .product-name {
        font-size: 13px
    }
    .savings-text {
        font-size: 12px
    }
    #category-page .featured-products .product-list {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .car-audio-ads-area img {
        width: 100%
    }
    .car-audio-sale .text {
        display: none
    }
    .category-wrapper h3 {
        text-align: center
    }
    .bottom-promos {
        margin-top: 20px
    }
    .product-rating {
        margin: 0 auto;
        margin-top: 10px
    }
    #result-page .related-cat .title-header {
        text-align: left
    }
    .result-product-list hr {
        display: none
    }
    .result-left-row {
        display: none
    }
    .result-right-row {
        margin-top: 15px
    }
    #result-page .product-list {
        margin-top: 20px !important;
        padding-left: 10px;
        padding-right: 10px
    }
    .result-related-products {
        text-align: center
    }
    .result-product-list button {
        margin-left: 0
    }
    .result-product-list .product-list {
        margin-bottom: 15px
    }
    .result-product-list .product-list .product-price h3 {
        margin-top: 0
    }
    #result-page #results-slider {
        display: block
    }
    #result-page #results-slider .product-list {
        padding-left: 5px;
        padding-right: 5px
    }
    .result-related-products {
        margin-top: 0;
        margin-bottom: 0
    }
    #account-page .account-left-row {
        display: none
    }
    #account-page .account-mobile-button {
        display: block
    }
    .account-profile-wrapper,
    .account-track-wrapper {
        padding: 0
    }
    .history-products {
        width: 50%;
        text-align: center
    }
    .account-mobile-button .account-button button {
        width: 100%
    }
    #account-page .dropdown-menu {
        width: 100%;
        z-index: 900
    }
    .product-page .product-details hr {
        display: block
    }
    .magnify-icon {
        display: none
    }
    .explore-wrapper {
        padding: 0
    }
    .explore-products {
        width: 100%;
        margin-left: 0
    }
    .explore-border {
        width: 45%;
        margin-right: 2.5%;
        margin-left: 2.5%
    }
    #checkout-page ul.nav.nav-tabs {
        padding-left: 0
    }
    #checkout-page .tab-content {
        padding: 10px 0;
        border: none;
        border-top: 1px solid #ccc;
        border-radius: 0
    }
    #checkout-page .customer-info {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px
    }
    #checkout-page .payment-method-wrapper,
    #checkout-page .shipping-text,
    #checkout-page .subtotal-div,
    #checkout-page .subtotal-text,
    #checkout-page .total-text span {
        font-size: 13px
    }
    #checkout-page .nav-tabs>li>a {
        padding: 10px 8px;
        font-size: 13px
    }
    #checkout-page .remove-btn img {
        margin-left: 0
    }
    #checkout-page .subtotal-div {
        padding-left: 0;
        padding-right: 0
    }
    #privacy-statement-page .title-header {
        text-align: left !important
    }
    #about-us .title-header {
        text-align: left;
        font-size: 20px
    }
    #about-us .about-title p {
        font-size: 14px
    }
    .ship-func .modal-body {
        min-height: 200px;
        overflow-y: auto;
        max-height: 500px;
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0 15px
    }
    #cart-page .quantity-select {
        float: left
    }
    #cart-page .remove-btn {
        margin-top: 0;
        float: right;
        margin-right: 10px
    }
    #cart-page .continue-shopping {
        text-align: center
    }
    #cart-page .item-price:last-child {
        margin-top: 0
    }
    #type-modal .shop-by-category {
        border-radius: 0;
        border: 0;
        box-shadow: 0 0 0
    }
    .contact-us .contact-lower {
        padding-left: 0;
        padding-right: 0
    }
    .contact-us .contact-lower .contact-left-text {
        padding-left: 0;
        padding-right: 0
    }
    .contact-us .contact-lower .contact-right-text {
        padding-right: 0
    }
    .contact-us .contact-input,
    .contact-us .contact-label,
    .contact-us .contact-left,
    .contact-us .contact-right,
    .contact-us .indicate-text {
        padding-left: 0;
        padding-right: 0
    }
    .contact-us .sub-btn input {
        width: 100%
    }
    .contact-us .sub-btn {
        padding-left: 0;
        padding-right: 0
    }
    .contact-us .contact-input textarea {
        height: 100px
    }
    .contact-us .iv-img {
        text-align: center;
        margin-top: 10px
    }
    .contact-us .iv-box-descr {
        font-size: 11px;
        padding: 0;
        margin: 10px 0
    }
    .contact-us .iv-box-input {
        margin-top: 10px;
        margin-bottom: 15px
    }
    #password-page .title-header,
    #profile-page .title-header {
        text-align: left
    }
    #profile-page .content-wrapper {
        padding-top: 0
    }
    #password-page .content-wrapper,
    #profile-page .content-wrapper {
        padding: 10px 5px
    }
    #password-page input,
    #profile-page input,
    #profile-page select {
        width: 100% !important
    }
    #password-page .pass-input,
    #profile-page .prof-input {
        margin-bottom: 5px
    }
    .toll-fee-phone {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
        border-right: none;
        border-bottom: 1px solid #4d4d4d
    }
    .toll-fee-hour p,
    .toll-fee-phone p {
        font-size: 14px !important;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .toll-fee-phone label {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .toll-fee-hour h4 {
        margin-top: 20px;
        font-weight: 700;
        padding-left: 0
    }
    .toll-fee-hour p {
        padding-left: 0
    }
    .talk-to-text {
        display: block;
        color: #002d60;
        text-align: left !important;
        font-size: 16px;
        font-weight: 700
    }
    .return-policy-header li {
        padding-top: 8px
    }
    .return-policy-header li:nth-child(1) {
        padding-top: 0
    }
    .cancellation-wrapper img {
        height: 50px;
        padding-top: 5px;
        padding-bottom: 15px
    }
    #cart-page .continue-shopping {
        display: none
    }
    #cart-page .continue-shopping.continue-shopping-footer {
        display: block
    }
    .logged-in {
        margin-top: 20px;
        padding: 0
    }
    .offer-wrapper {
        padding: 0
    }
    .offer-func .offer-title {
        text-align: center
    }
    .offer-func .left-col {
        width: 33% !important
    }
    .offer-func .right-col {
        width: 67% !important
    }
    .offer-func .offer-left-part {
        background-color: #f7f7f7;
        height: auto;
        padding: 20px 10px
    }
    .offer-func .product-title {
        margin-bottom: 10px
    }
    .offer-func .price {
        margin-top: 10px
    }
    .offer-func .offer-right-part {
        margin-top: 20px
    }
    .top-message-wrapper {
        margin-top: 20px
    }
    .order-search .search-info {
        margin-top: 20px
    }
    .order-search .date-period {
        margin-bottom: 20px
    }
    .order-search .order-search-right-part {
        padding-left: 0;
        border-left: none
    }
    .order-search .date-select {
        padding-left: 15px
    }
    .order-search .more-options {
        border-top: 1px solid #ececec;
        margin-top: 30px;
        padding-top: 20px
    }
    .order-search .adv_search_box span.text {
        width: 100%;
        margin-bottom: 10px
    }
    .order-search .order-num {
        width: 115px
    }
    .order-search select.order-status {
        width: 99%
    }
    .order-search .search-order-buttons a,
    .order-search .search-order-buttons button {
        width: 49%;
        height: 40px;
        line-height: 28px
    }
    #order-history table {
        width: 100%
    }
    .order-search-wrapper {
        margin-top: 20px
    }
    #order-history .results-text {
        margin-top: 5px
    }
    #order-history .upper-options>div {
        width: 100%
    }
    .order-search .account-mobile-button {
        margin-bottom: 20px
    }
    .return-page .left-div,
    .return-page .right-div {
        width: 100%
    }
    .slick-next {
        right: 0
    }
    .slick-prev {
        left: 0
    }
    .order-details .order-invoice-wrapper {
        overflow-x: scroll
    }
    #customer-service-page.ship .return-policy-header h4 {
        line-height: normal
    }
    .offer-func .left-col {
        width: 40% !important
    }
    .offer-func .right-col {
        width: 60% !important
    }
    .offer-func .offer-right-part {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
    .offer-func .quantity {
        margin-top: 10px
    }
    .results-count-desk {
        display: none
    }
    .offer-func .left-col.your-offer-text {
        width: 23% !important
    }
    .offer-func .your-offer .right-col {
        width: 77% !important
    }
    .osc_prev_div {
        padding-right: 10px
    }
    .osc_next_div {
        padding-left: 10px
    }
    .osc_next_div .osc_next_button,
    .osc_prev_div .osc_prev_button {
        width: 100%
    }
    #checkout-page .customer-info .multitab-wrapper {
        margin-top: 0 !important
    }
    #checkout-page .customer-info .title-header {
        margin-top: 0 !important
    }
    .one_step_checkout-page header .container {
        margin-top: 0
    }
    #orders-page .order-search-wrapper {
        margin-top: 0
    }
    #orders-page .account-mobile-button {
        margin-top: 10px;
        margin-bottom: 20px
    }
    #account-page .account-mobile-button {
        margin-top: 10px;
        margin-bottom: 20px
    }
    #account-page div.wrapper {
        margin-top: 0 !important
    }
    #account-page div.wrapper h3 {
        margin-top: 0
    }
    #account-page .account-options {
        margin-top: 0
    }
    #checkout-page input.form-control,
    #checkout-page select.form-control {
        margin-top: 10px;
        margin-bottom: 10px
    }
    #checkout-page .ship-method {
        padding-top: 0;
        margin-bottom: 0
    }
    .cat-banner-adverts div:first-child {
        margin-bottom: 10px
    }
    .product-page .mobile-multi-tabs .panel-body a {
        padding-left: 0
    }
    .cat-banner-adverts {
        text-align: center
    }
    .results-row .cat-wrapper,
    .results-row .vehicle-wrapper {
        padding: 0
    }
    .upgrades-wrapper {
        width: 33.33333333%
    }
    .upgrade-options .item-image {
        height: 145px
    }
}
.add-car-description,
.add-model-description {
    margin-bottom: 20px
}

.add-maker-description .maker-info,
.product-table .vehicle-info {
    border: 1px solid #ccc;
    margin-bottom: 10px !important;
    resize: none;
    width: 100%
}

.add-maker-description,
.model_info_div {
    display: none
}

.add-maker-description.activate,
.model_info_div.activate {
    display: block
}

.model_choice_data {
    display: none
}

.prod_table_form {
    padding-top: 20px
}

.vehicle-results .result-title .vehicle-model-desc,
.vehicle-years-div .vehicle-model-desc {
    margin-top: 20px;
    text-transform: capitalize;
    font-size: 14px
}

.vehicle-results .result-title .bold {
    padding-left: 15px
}

.car-finder-form.front {
    background: url(https://www.hifisoundconnection.com/skin1_hifi_upbeat/images/finder-bg.webp);
    box-shadow: 0 0 10px 3px rgba(6, 6, 6, .25)
}

.car-finder-form .car-search:hover {
    background-color: #2e6da4 !important
}

.car_image {
    border: 1px solid #ccc;
    height: 96px;
    padding: 5px;
    margin-top: 5px
}

.ajax-preloader,
.grand-total-preloader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #fff;
    opacity: .7;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1
}

#onestep_payment>div.payment-method {
    z-index: 2
}

#shc_estimation {
    flex-wrap: wrap
}

.d-flex-loader {
    display: flex !important
}

#alpine-page .col-md-6 {
    margin-bottom: 15px
}

.alpine-flex {
    display: flex;
    flex-wrap: wrap
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.alpine-m {
    cursor: pointer;
    align-items: center;
    margin-bottom: 15px;
    transition: .2s all ease-in-out
}

.alpine-m:hover {
    box-shadow: 3px 3px 8px 1px #bdbdbdad;
    transition: .2s all ease-in-out
}

.alpine-between {
    justify-content: space-between
}

.alpine-btn {
    width: 170px;
    background: #024ca1;
    border-radius: 0;
    color: #fff;
    border-radius: 5px;
    transition: .1s all ease-in-out
}

.alpine-btn:hover {
    color: #fff !important;
    background: #0e81d7;
    transition: .1s all ease-in-out
}


.alpine-img img {
    max-width: 100%
}

.alpine-img {
    text-align: center
}

.alpine-feature .col-md-6 {
    margin-bottom: 30px !important
}

.home-top-brands {
    margin: 60px 0
}

.staging-slider {
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .alpine-feature .order-3 {
        order: 4
    }
    .alpine-feature .order-4 {
        order: 3
    }
    .row.col-md-12.col-sm-12.col-xs-12.front-boxes-wrapper {
        display: flex;
        flex-wrap: wrap
    }
    .row.col-md-12.col-sm-12.col-xs-12.front-boxes-wrapper .car-right-box {
        order: 1
    }
    .inner-modal.col-md-12 {
        height: 375px;
        background: #fff;
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        position: relative
    }
    .modal-choose-car form {
        height: 350px
    }
    .car-modal-close.close {
        z-index: 900;
        position: absolute;
        right: 10px;
        top: 5px
    }
    .car-modal-close.close .fa {
        font-size: 30px
    }
}

#catalog-page-49730 #popular-categories .item-image,
#catalog-page-49743 #popular-categories .item-image,
#catalog-page-49756 #popular-categories .item-image {
    border-radius: 50%;
    margin-bottom: 10px;
    overflow: hidden
}

.alpine-top-seller-list {
    width: 20% !important
}

.confirm-pass:focus+.note-box,
.second-pass:focus+.note-box {
    display: block !important
}

.note-box {
    font-size: 12px !important;
    width: 100% !important
}

.row.container.custom-widget-gallery {
    margin-left: auto !important;
    margin-right: auto !important
}

.pb-custom-slider .slick-slide a img {
    width: 100%;
    height: 100%;
    min-height: 100px;
    border-radius: 10px
}

.pb-custom-slider .slick-slide img {
    width: 100%;
    height: 100%;
    min-height: 100px;
    border-radius: 10px
}

.finder-mobile-button {
    display: none
}

@media only screen and (max-width:767px) {
    .car-finder-comb.mobile-finder {
        position: fixed;
        top: 50px;
        left: 0;
        background: #000000b3 !important;
        padding: 15px !important;
        z-index: 999;
        height: 100vh !important;
        padding-top: 30px !important
    }
    .car-finder-comb.mobile-finder form {
        height: 300px;
        background: #fff;
        padding: 15px;
        padding-top: 0
    }
    .finder-section.show .finder-mobile-button {
        display: block !important;
        text-align: right;
        position: relative;
        top: -21px;
        right: -19px
    }
    .finder-section.show .finder-mobile-button .fa {
        color: #fff;
        padding: 5px 7px;
        font-size: 25px;
        background: #000000a6;
        border-radius: 50%
    }
    .finder-section.show .car-finder-comb.mobile-finder {
        display: block !important
    }
    .finder-section.show,
    .finder-section.show .front-boxes-wrapper,
    .finder-section.show .car-left-box,
    .finder-section.show .car-finder-form {
        position: unset
    }
}

.front-brands .mobile-hidden {
    display: none
}

.icons-sprites {
    background: url(/skin1_hifi_upbeat/images/new-icons-sprite.webp)
}

.ship-sprite {
    background-position-y: 50px
}

.sub-sprite {
    background-position-y: 150px
}

.gift-sprite {
    background-position-y: 100px
}

.front-page .slick-next {
    background: rgba(100, 100, 100, .3) url(images/chevron-lr-arrow.png) !important;
    background-position-y: 48px !important;
}

.front-page .slick-prev {
    background: rgba(100, 100, 100, .3) url(images/chevron-lr-arrow.png) !important;
    background-position-y: 0px !important;
}
.fa-star.checked {
    color: #FFBB00;
}
.question-div,
.answer-div {
    padding: 10px;
    color: #000;
    border: 1px solid #D9D9D9;
}
.question-div {
    background: #D9D9D9;
}
.answer-div {
    background: #F4F4F4;
}
.name-icon {
    display: flex; 
    align-items: center;
}
.name-icon div.qa-icon,
.answer-icon {
    position: relative;
    height: 30px;
    width: 30px; 
    overflow: hidden;
}
.name-icon div.qa-icon img {
    position: absolute;
    left: 0;
    top: 0;
}
.question-div p,
.answer-div p {
    display: flex;
    margin-left: 5px;
}
.qa_section > div:nth-child(1n) div.qa-icon img {
    top: 0;
}
.qa_section > div:nth-child(2n) div.qa-icon img {
    top: -30px;
}
.qa_section > div:nth-child(3n) div.qa-icon img {
    top: -60px;
}
.qa_section > div:nth-child(4n) div.qa-icon img {
    top: -90px;
}

.affirm-ad img,
.affirm-pp img {
    height: 19px;
    width: auto;
    margin-left: 5px;
}
.affirm-ad a {
    text-decoration: none;
    color: #fff;
}
.affirm-ad {
    background: #0e81d7;
}
.affirm-ad span {
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 7px;
}
.affirm-as-low-as a {
    color: gray;
}
.affirm-site-modal a:focus, .affirm-site-modal a:hover,
.affirm-site-modal p:focus, .affirm-site-modal p:hover {
    color: #23527c;
    text-decoration: none;
}
.affirm-site-modal img,
#affirm-learn-more img {
    height: 19px;
    width: auto;
    margin-left: 5px;
}
.affirm-site-modal,
#affirm-learn-more {
    text-decoration: none !important;
    color: gray !important;
}
.affirm-cart-promotional {
    float: left;
    display: flex;
    justify-content: center;
    width: 100%;
}
.affirm-cp {
    float: left;
}
.below-priced {
    display: block;
    margin-bottom: 10px;
    margin-top: -10px;
}
.below-priced img {
    height: auto;
}
#affirm-learn-more {
    display: flex;
    align-items: baseline;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 7px;
}
.product-quantity span {
    margin-right: 5px;
    font-size: 18px;
}
.product-variants {
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
}
.product-page .product-variants .property-name {
    width: 85px;
}
.product-variants span.variant-class-name {
    margin-right: 10px;
    font-size: 18px;
}
.variations-sku {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    margin-bottom: 10px;
}
.variations-sku .product-option-box {
    display: inline;
    margin: 0 3px 0 0;
}
.product-option-box label.ui-checkboxradio-radio-label {
    border-style: solid;
    color:rgba(69, 69, 69);
}
.product-option-box.first-option-set label.ui-checkboxradio-radio-label {
    border-style: solid;
    color:rgba(69, 69, 69);
}
.product-option-box label.ui-checkboxradio-radio-label.possible_selection {
    border-style: solid;
    color: #605e5c;
    background-color: #add8e6;
}
.product-option-box label.ui-checkboxradio-radio-label.possible_selection.ui-state-active {
    border: 1px solid #003eff;
    font-weight: normal;
}
.product-option-box label.ui-checkboxradio-checked.ui-state-active {
    color:rgb(255, 255, 255);
    background: #007fff;
}
.variation-siblings .product-option-box {
    margin-bottom: 10px;
}
.product-page .main-info {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}
.variations-label {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.variation_option_validity {
    display: none;
    text-align: center;
    color: red;
    font-weight:bold;
    padding-bottom: 5px;
}
.product-page .product-variants .property-name {
	flex: 0 0 85px;
	max-width: 85px;
}
.product-page .product-variants .property-value {
	flex: 0 0 calc(100% - 85px);
	max-width: calc(100% - 85px);
}
.product-page .product-quantity span {
	display: inline-block;
	width: 85px;
	padding-right: 3px;
	margin-right: -4px;
}
.product-quantity .quantity-select {
	border-radius: 3px;
}
.product-page .ask-an-expert {
  display: inline-block;
  margin-top: 20px;
  width: 135px;
  height: 101px;
  margin-right: 5px;
  background: url(/skin1_hifi_upbeat/img/talk-to-expert.png) no-repeat;
  background-size: contain;
  border: 0;
}
.product .main-image {
  min-height: 460px;
}
.product .main-image .swiper,
.product .main-image .swiper-wrapper,
.product .main-image .swiper-slide {
  max-height: inherit;
}
@media only screen and (max-width: 767px) {
  .product .main-image {
    max-height: none !important;
    min-height: 0;
  }
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.mobile-sort-bar a {
    display: block;
    color: #4d4d4d;
    font-size: 13px;
    display: table;
    line-height: 25px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    text-decoration: none
}
.mobile-sort-bar a.selected {
    font-weight: bold;
}
.mobile-sort-bar a:hover {
    font-weight: 700;
    color: #0e81d7
}
#nf_customer_code {
    background: white;
    padding: 3px;
    border-radius: 5px;
    color: #002145;
    font-weight: 700;
}