/* Style.css */

@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-BlackItalic;
    src: url('../fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: Poppins-Italic;
    src: url('../fonts/Poppins/Poppins-Italic.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: UniversLTStd-BlackObl;
    src: url('../fonts/UniversalFont/UniversLTStd-BlackObl.otf') format('opentype');
    font-display: swap
}

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

body {
    font-family: Poppins-Regular
}

h2 {
    font-family: Poppins-Bold
}

.para, h2 {
    text-align: center
}

.para {
    font-size: 20px;
    width: 80%;
    margin: 20px auto
}

.banner-section {
    background-image: url('../Content/images/compressed/cae_website_home_hero_image.jpg');
    background-size: contain;
    color: #fff;
    z-index: -1;
    margin-top: -22px;
    background-position: top left;
    background-repeat: no-repeat
}

.home-banner-section {
    position: relative;
    margin-top: -22px;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

/* .home-banner-img { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* background-image: url('../Content/images/compressed/cae_website_home_hero_image.webp'); */
    /* background-size: cover; */
    /* background-position: bottom left; */
    /* background-repeat: no-repeat */
/* } */

.home-banner-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom left;
    /* matches your background-position */
    display: block;
}

.home-banner-section-text {
    font-size: 42px;
    text-shadow: 0 10px 10px #121212;
    padding: 100px 0;
    line-height: 1.3;
    font-family: Poppins,sans-serif;
    font-weight: 500;
    color: #fff;
    position: relative
}

    .home-banner-section-text span.banner-section-text-color {
        color: #ed1d24;
        display: inline-block !important;
        font-family: Poppins,sans-serif;
        font-size: 42px;
        font-weight: 700
    }

    .home-banner-section-text span {
        margin-top: 30px;
        display: block;
        font-family: Poppins,sans-serif;
        font-size: 30px;
        font-weight: 300
    }

.banner-section {
    position: relative;
    z-index: -1;
    top: -271px;
    width: 100%;
    margin-bottom: -271px
}

@media (max-width:991px) {
    .banner-section {
        background-size: cover
    }
}

.banner-section-text {
    font-size: 42px;
    text-shadow: 0 10px 10px #121212;
    position: relative;
    width: 100%;
    padding: 80px 0;
    line-height: 1.3;
    font-family: Poppins,sans-serif;
    font-weight: 500
}

    .banner-section-text span.banner-section-text-color {
        color: #ed1d24;
        display: inline-block !important;
        font-family: Poppins,sans-serif;
        font-size: 42px;
        font-weight: 700
    }

    .banner-section-text span {
        margin-top: 30px;
        display: block;
        font-family: Poppins,sans-serif;
        font-size: 30px;
        font-weight: 300
    }

.banner-section-content {
    position: absolute;
    bottom: 25px;
    color: #fff;
    font-size: 20px;
    width: 95%;
    padding-left: 100px;
    line-height: 1.5;
    font-weight: bolder;
    text-shadow: 1px 1px 2px #000;
    text-align: justify
}

    .banner-section-content.about-us-banner-section-content {
        padding-left: 0;
        width: auto
    }

    .banner-section-content h1 {
        margin-bottom: 25px
    }

.banner-section-para {
    margin-bottom: 25px;
    line-height: 1.8
}

.banner-section-listing li {
    margin-bottom: 10px;
    font-size: 18px
}

    .banner-section-listing li a {
        cursor: pointer;
        color: #000 !important
    }

.banner-section-listing {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    font-size: 18px
}

.about-us-banner .banner-section-para {
    font-size: 20px
}

.about-banner-text {
    margin-top: 30px;
    margin-bottom: 30px
}

#darken {
    box-shadow: inset 0 0 400px 500px rgb(64 64 72 / 93%);
    background-image: url('../Content/images/compressed/BannerImageHome.webp');
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1
}

.faq-banner-section {
    padding: 90px 0
}

    .faq-banner-section p {
        font-size: 20px
    }

.phone-number {
    color: #fff;
    font-size: 18px;
    text-align: right;
    padding-top: 10px
}

    .phone-number a {
        color: #fff;
        text-decoration: none
    }

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

.cart-img, .search-icon {
    background-color: #e62e2d;
    padding: 6px;
    border: none;
    cursor: pointer
}

.search-icon {
    margin-left: -3px;
    padding: 7px 12px;
    display: inline-block;
    vertical-align: middle
}

    .search-icon .fa.fa-search {
        font-size: 18px;
        color: #fff
    }

.client-login {
    background-image: url('../Content/images/ClientLogin.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 8px;
    margin-left: 8px;
    width: 65%;
    display: inline-block;
    cursor: pointer;
    text-align: left
}

    .client-login a {
        padding-left: 40%;
        text-decoration: none;
        color: #ccc
    }

.banner-h-line {
    border-top: 1px solid #fff !important;
    margin-bottom: 0
}

.navbar-default {
    background-color: transparent !important;
    border: none;
    margin-bottom: 0
}

.nav > li > a {
    color: #fff !important;
    font-size: 20px;
    font-weight: 700
}

.navbar-nav > li:first-child a {
    padding-left: 0
}

.nav > li > a:focus, .nav > li > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #e62e2d !important
}

.navbar-form {
    margin-top: 0
}

.form-control {
    border: none !important;
    border-radius: 0 !important;
    min-width: 315px
}

.container-fluid, .navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.header-seach-section {
    float: right !important;
    padding-right: 0 !important;
    margin-top: 8px
}

.breadcrumb-section {
    background: rgb(0 0 0 / 60%)
}

ul.breadcrumb {
    display: inline-block;
    padding: 8px 0;
    margin-bottom: 0;
    list-style: none;
    background: 0 0;
    border-radius: 0;
    font-family: Poppins-Regular;
    font-weight: 400
}

    ul.breadcrumb li {
        display: inline-block
    }

        ul.breadcrumb li + li:before {
            color: #fff;
            content: "/\00a0"
        }

        ul.breadcrumb li a {
            text-decoration: none;
            color: #1376af;
            cursor: pointer;
            font-family: Poppins-Regular;
            font-weight: 400;
            font-size: 17px
        }

        ul.breadcrumb li.active a {
            color: red
        }

        ul.breadcrumb li a:hover {
            color: #fff;
            text-decoration: underline
        }

.welcome-section {
    text-align: justify;
    background-image: url('../Content/images/welcome-section-img-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 18px;
    color: #fff;
    padding: 20px 30px;
    margin-bottom: 20px
}

.welcome-section-title {
    font-size: 18px;
    color: #ed1d24;
    text-transform: uppercase;
    font-family: Poppins-Bold
}

.welcome-section-list {
    list-style-position: inside
}

.p-b-10 {
    padding-bottom: 10px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-t-8 {
    padding-top: 8px
}

.vehicle-section {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1;
    position: relative
}

    .vehicle-section p {
        font-size: 16px;
        color: #ccc
    }

.select-vehicle-width {
    min-width: 90px;
    width: 100%;
    max-width: 160px;
    margin-right: 10px;
    float: left;
    margin-bottom: 3px
}

.select-vehicle-part-width {
    max-width: 170px
}

.select-vehicle-button-div {
    float: left
}

.select-vehicle-button {
    border-radius: 0
}

.vehicle-section button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 6px 8px;
    color: #000;
    cursor: pointer;
    font-weight: 800
}

    .vehicle-section button:hover {
        background-color: #000;
        color: #fff;
        border: 1px solid #000
    }

.sel-vehicle-text {
    margin-bottom: 5px
}

.m-b-0 {
    margin-bottom: 0
}

.p-r-25 {
    padding-right: 25px
}

.dropdown {
    position: relative
}

    .dropdown a {
        background-color: transparent;
        padding: 5px;
        color: #000
    }

.dropdown-menu {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    display: block;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    top: 130%;
    right: auto;
    left: 0;
    z-index: 999999;
    visibility: hidden;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transform: scaleY(0);
    transform-origin: 0 0;
    max-height: 450px;
    overflow: auto
}

    .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid #e9e9e9
    }

    .dropdown-menu li a {
        color: #333;
        clear: both;
        display: block;
        line-height: 1.42857;
        cursor: pointer;
        padding: 10px 20px;
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #edecec
    }

.client-login .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    transform: scaleY(1);
    opacity: 1
}

.caret {
    margin-left: 70px !important
}

.featured-products-images {
    border: 1px solid #ccc;
    padding: 30px 20px 0 20px;
    min-height: 247px;
    position: relative
}

.featured-products-text {
    background-color: #66a7c5;
    color: #fff;
    padding: 10px;
    margin: 20px 0 0 -20px;
    text-align: center;
    min-height: 60px;
    min-width: 100%;
    position: absolute;
    bottom: 0
}

.featured-products-section-red-text {
    font-family: Poppins-Italic;
    color: #e62e2d;
    font-size: 35px;
    font-weight: 700;
    margin-top: 30px
}

.features-section {
    background-color: #30384b;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top: 10px
}

.features-section-icon {
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .features-section-icon img {
        transition: all .3s ease-out 0s;
        -webkit-transition: all .3s ease-out 0s;
        max-height: 100%;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

.features-section-icon-text {
    color: #fff;
    font-family: Poppins-Bold;
    text-align: center;
    padding-top: 25px
}

.home-services-section {
    background-image: url('images/BackgroundImage.webp');
    background-repeat: no-repeat;
    background-size: cover
}

    .home-services-section h2 {
        padding-top: 30px
    }

.services-section-para {
    font-size: 20px;
    line-height: 1.75;
    padding: 20px 10px 0;
    text-align: justify
}

.services-secion-image {
    padding: 20px
}

.electric-parts-section-header, .home-more-section-header {
    text-transform: uppercase
}

.electric-parts-section-listing, .electric-parts-section-para, .home-more-section-listing, .home-more-section-para {
    font-size: 20px;
    line-height: 1.75;
    list-style-position: inside;
    padding: 10px
}

.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .row-flex [class*=col-] {
        margin-bottom: 20px
    }

.news-section {
    background-image: url('../Content/images/BackgroundImage.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #df3c41;
    padding-bottom: 60px
}

    .news-section h2 {
        color: #fff;
        padding-top: 30px;
        padding-bottom: 30px
    }

.card-img-top {
    width: 100%
}

.card-title {
    font-weight: bolder;
    font-size: 18px;
    line-height: 1.2
}

.card-text {
    word-break: break-word
}

.card-body {
    background-color: #fff;
    padding: 20px
}

.card-link, a.card-link:hover {
    color: #df3c41;
    text-decoration: none
}

hr {
    border-top: 3px solid #e62e2d !important
}

.brands-section h2 {
    padding-top: 30px
}

.brands-section img {
    width: 100%
}

.brands-section-text {
    font-size: 20px;
    font-family: Poppins-Italic;
    text-align: center;
    padding-top: 20px
}

.font-size-h2 {
    font-size: 32px !important;
    font-weight: bolder
}

.career-section {
    background-image: url('../Content/images/compressed/Background Image New.webp');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

    .career-section:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #6aa8c6;
        z-index: -1
    }

.franchise-section {
    background-image: url('../Content/images/compressed/Background Image New.webp');
    background-size: cover;
    background-repeat: no-repeat
}

    .franchise-section:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #51869e;
        z-index: -1
    }

.career-section, .franchise-section {
    text-align: center;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

    .career-section p, .franchise-section p {
        font-size: 67px;
        font-family: Poppins-Bold
    }

a.opportunities-section {
    background: #30394b;
    padding: 8px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

    a.opportunities-section:hover {
        text-decoration: none
    }

.opportunities-section button {
    background-color: #384254;
    border: 1px solid #384254;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer
}

.footer-section {
    background-color: #384254;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-title {
    font-size: 24px;
    font-weight: 700
}

.footer-section i.fa {
    color: #df3c41;
    font-size: 30px;
    padding-right: 16px;
    float: left
}

.hours img, .store img {
    padding-right: 16px;
    float: left
}

.address, .email, .hours, .phone, .store {
    padding-bottom: 20px;
    font-size: 15px;
    clear: left
}

    .address a, .email a, .hours a, .phone a, .store a {
        color: #fff;
        cursor: pointer
    }

.footer-images {
    padding-right: 25px;
    padding-bottom: 15px
}

.pt-20 {
    padding-top: 20px
}

.one-stop-section {
    font-size: 18px
}

.red-text {
    color: #e62e2d
}

.one-stop-section-list {
    line-height: 2.5
}

ul.one-stop-section-list {
    list-style-position: inside
}

.one-stop-section-list li::marker {
    color: #e62e2d
}

.contact-section i {
    font-size: 35px;
    color: #e62e2d;
    text-align: center
}

.contact-section hr {
    border-top: 3px solid #6baac6 !important
}

.contact, .contact-address, .open-hours {
    color: #fff;
    font-size: 18px;
    background-color: #384254;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 15px
}

.p-l-15 {
    padding-left: 15px
}

.contact-form {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px !important
}

    .contact-form hr {
        border-top: 3px solid #e62e2d !important
    }

    .contact-form .form-control {
        border: 1px solid #ccc !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        background-color: #cccccc29;
        height: 45px
    }

.m-b-30 {
    margin-bottom: 30px
}

.contact-btn-red {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e62e2d;
    color: #fff
}

.questions-section {
    font-style: italic;
    line-height: 1.75;
    font-weight: bolder
}

    .questions-section p, .services-section p {
        font-size: 18px;
        width: 70%;
        margin: 0 auto;
        padding-bottom: 20px
    }

.contact-image-section {
    margin-bottom: 20px
}

.services-section {
    line-height: 1.75
}

.services-section {
    background-image: url('images/compressed/BackgroundImageContactUs.png');
    background-color: #fff;
    color: #000;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.dark-blue-text {
    color: #30384b
}

.general-questions-section {
    font-size: 18px
}

.qn {
    color: #000
}

    .qn a {
        color: #000
    }

        .qn a:focus, .qn a:hover {
            text-decoration: none
        }

a[aria-expanded=true] {
    color: #e62e2d
}

.fa.fa-plus {
    color: #30384b
}

.fa.fa-minus {
    color: #e62e2d
}

.collapse.in {
    margin-top: 10px
}

.first-section-q1, .first-section-q2, .first-section-q3, .first-section-q4, .first-section-q5 {
    border: 1px solid #ccc;
    padding: 10px
}

.q-a-section-1, .q-a-section-2, .q-a-section-3, .q-a-section-4, .q-a-section-5, .q-a-section-6, .q-a-section-7 {
    margin-bottom: 20px;
    box-shadow: 0 0 5px #ccc
}

.banner-section-para {
    font-size: 20px
}

.about-mission-section, .about-second-section {
    text-align: center;
    margin-bottom: 30px
}

.mission-header {
    color: #30384b;
    font-weight: bolder;
    font-size: 30px
}

.mission-text {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.75;
    font-size: 20px
}

.mission-list {
    list-style-position: inside;
    font-size: 18px;
    text-align: left;
    padding-top: 15px
}

    .mission-list li {
        line-height: 1.75
    }

.about-second-section .container {
    max-width: 850px;
    margin: 0 auto
}

.about-second-section-text {
    padding: 25px 0
}

.about-axles-img {
    padding-top: 10%;
    padding-bottom: 30%
}

.about-motor-img {
    padding-bottom: 16%
}

.about-steering-img {
    padding-bottom: 10%
}

.software-section {
    background-color: #30384b;
    color: #fff;
    margin-bottom: 5px
}

.software-section-img {
    width: 100%
}

.software-section-text-header {
    padding-top: 20px
}

.software-section-text {
    width: 75%;
    line-height: 1.75;
    font-size: 16px;
    text-align: justify
}

.about-mission-statement-section {
    background-image: url('images/compressed/AboutBackgroundImage.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e62e2d;
    font-size: 21px;
    color: #fff
}

    .about-mission-statement-section h3, .about-mission-statement-section p {
        text-align: center
    }

.about-mission-first-para {
    padding-top: 15px
}

.about-mission-list {
    line-height: 2;
    margin-left: 10%
}

.about-mission-last-para {
    padding: 20px 0 !important;
    font-style: italic;
    font-weight: bolder;
    max-width: 950px;
    margin: 0 auto;
    text-align: center
}

.why-choose-cae-section {
    line-height: 1.75
}

    .why-choose-cae-section p {
        padding-bottom: 20px;
        font-size: 18px;
        text-align: justify
    }

.facilities-section .container {
    border: 1px solid #ccc
}

.facilities-section-head {
    margin-right: -15px;
    margin-left: -15px
}

.facilities-section-header {
    background-color: #30384b;
    color: #e62e2d;
    padding-top: 15px;
    padding-bottom: 15px
}

.flt-left {
    float: left
}

.m-0 {
    margin: 0
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-25 {
    margin-bottom: 25px
}

.p-0 {
    padding: 0
}

.p-l-25 {
    padding-left: 25px
}

.p-r-25 {
    padding-right: 25px
}

.facilities-section p {
    font-size: 18px;
    line-height: 2;
    padding-top: 10px
}

.dream-section-img {
    display: block
}

.dream-section-img {
    width: 100%
}

.dream-section-first-text {
    position: absolute;
    top: 10px;
    left: 28%;
    padding: 15px
}

    .dream-section-first-text p {
        font-size: 21px;
        text-align: justify
    }

.dream-section-second-text {
    font-size: 21px;
    text-align: left;
    position: absolute;
    bottom: 0;
    margin: 0;
    top: auto;
    color: #fff;
    padding: 15px
}

.about-store-img {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px
}

.about-contact-section {
    font-size: 21px
}

.light-blue-color {
    color: #66a7c5
}

.dream-section .container {
    width: 100%;
    padding: 0
}

@media (min-width:1350px) {
    .dream-section-first-text p {
        font-size: 23px
    }

    .dream-section-second-text {
        font-size: 23px
    }
}

@media (min-width:1560px) {
    .dream-section-first-text p {
        font-size: 28px
    }

    .dream-section-second-text {
        font-size: 26px
    }
}

@media (min-width:1970px) {
    .dream-section-first-text p {
        font-size: 33px
    }

    .dream-section-second-text {
        font-size: 33px
    }
}

@media (min-width:1984px) {
    .dream-section-first-text p {
        font-size: 35px
    }

    .dream-section-second-text {
        font-size: 35px
    }
}

@media (min-width:2380px) {
    .dream-section-first-text p {
        font-size: 40px
    }

    .dream-section-second-text {
        font-size: 40px
    }
}

@media (max-width:769px) {
    .jconfirm-box-container.col-md-4 {
        width: 80% !important;
        margin-left: auto !important;
        margin-right: auto
    }
}

@media (max-width:450px) {
    .dream-section-first-text {
        padding: 0 15px !important
    }

        .dream-section-first-text p, .dream-section-second-text {
            font-size: 6px !important
        }

        .dream-section-first-text h1 {
            margin-top: 0
        }
}

@media (max-width:375px) {
    .dream-section-first-text p, .dream-section-second-text {
        font-size: 5px !important
    }
}

.franchise-page-section {
    font-size: 20px;
    text-align: center
}

.careers-page-section {
    font-size: 20px;
    text-align: justify
}

.careers-page-para, .franchise-page-para {
    padding: 20px
}

.careers-page-img, .franchise-page-img {
    width: 60%;
    margin: 0 auto;
    display: block
}

.franchise-page-items {
    color: #e62e2d;
    padding-top: 10px
}

.careers-page-text, .franchise-page-text {
    padding-bottom: 20px
}

.contact-link, .contact-link:hover {
    color: #e62e2d !important;
    text-decoration: none !important
}

.red-color {
    color: #e62e2d
}

.phone-number {
    display: block
}

.menuicon {
    display: none
}

.mobile-phone-number {
    display: none
}

.make_layoutloader {
    margin-left: 12px;
    margin-top: -14px;
    height: 20px
}



.products-page-section {
    display: inline-block;
    width: 100%
}

    .products-page-section ul {
        list-style: none;
        padding: 0;
        word-wrap: break-word
    }

.widget-list {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px
}

    .widget-list h3 {
        padding: 8px 10px;
        color: #fff;
        background: #666;
        font-family: Poppins-Regular;
        font-weight: 600;
        font-size: 17px;
        display: block;
        position: relative;
        margin-bottom: 0;
        margin-top: 5px
    }

.utility-list {
    padding-left: 8px;
    position: relative;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
    background: #f9f9f9;
    padding-top: 10px;
    padding-bottom: 10px
}

.widget-list-checkbox p {
    color: #000;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px;
    font-family: Poppins-Regular
}

.utility-list-box {
    max-height: 155px;
    overflow: auto;
    display: block
}

.custom-checkbox {
    position: relative;
    display: block;
    min-height: 2.5rem;
    padding-left: 1.5rem;
    min-height: auto;
    margin-bottom: 2px
}

.custom-control-label {
    margin-left: 8px;
    font-weight: 500;
    vertical-align: middle
}

.filter-right-text-small {
    display: none
}

.filter-left-hide {
    background: #e62e2d;
    padding: 10px;
    color: #fff;
    font-size: 22px;
    display: inline-block;
    float: left
}

.product-sidebar {
    float: left;
    width: 24%;
    margin-right: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 55%);
    background: #fff
}

.filter-section {
    background-color: #e62e2d;
    padding: 5px 10px;
    color: #fff;
    font-size: 20px
}

.filter-left-text {
    text-align: left;
    display: inline-block;
    width: 85%
}

.filter-right-text {
    text-align: center;
    display: inline-block;
    width: 10%;
    cursor: pointer
}

.data-selection {
    background: #f7f7f7;
    padding: 10px;
    position: relative;
    font-family: Poppins-Regular
}

    .data-selection h4 {
        margin-top: 0;
        text-align: center;
        color: #000;
        font-weight: 600
    }

.selections-list {
    margin-bottom: 5px;
    font-family: Poppins-Regular
}

.clear-all {
    text-align: right;
    font-size: 12px;
    color: #f52d2d;
    font-weight: 600;
    display: block;
    cursor: pointer;
    font-family: Poppins-Regular
}

    .clear-all:hover {
        color: #f52d2d
    }

    .clear-all i {
        font-size: 10px
    }

.filter-sidebar-hide {
    margin-left: -100%;
    display: none;
    margin-right: 0;
    width: 0
}

#con_ {
    background: #fff
}

.float-lft {
    float: left
}

.product-content {
    width: 74%;
    float: left;
    background: #fff
}

.product-content-full {
    width: 95%;
    margin-left: 5px
}

.mg_left {
    margin-left: 18%
}

.custom-control-label {
    margin-left: 8px;
    font-weight: 500;
    vertical-align: middle
}

.PartDetails_mrg {
    margin-top: 3%
}

.dropdown-menu > li > a {
    cursor: pointer !important
}

.make_layoutloader {
    margin-left: 12px;
    margin-top: -14px;
    height: 20px
}

.blog-section {
    text-align: justify
}

.blog-banner-img {
    margin: 15px 0
}

    .blog-banner-img img {
        max-width: 100%
    }

.fa.fa-calendar {
    color: #e62e2d
}

.read-more-btn {
    background-color: #e62e2d !important;
    color: #fff !important;
    padding: 10px 40px !important;
    border: 0 !important
}

    .read-more-btn a {
        color: #fff !important
    }

        .read-more-btn a:focus, .read-more-btn a:hover {
            color: #fff !important;
            text-decoration: none !important
        }

.fa.fa-long-arrow-right {
    font-family: FontAwesome !important;
    font-size: 25px !important;
    vertical-align: middle !important;
    margin-left: 5px !important
}

.cae-social-icon {
    margin-right: 5px;
    color: #e62e2d !important
}

.cae-contact-btn {
    margin-bottom: 20px
}

.contact-section {
    margin-top: 20px !important
}

.cae-edit-icon {
    float: right;
    cursor: pointer
}

#Ship_Billing_Addr p {
    margin-top: 0 !important
}

    #Ship_Billing_Addr p:not(.ship_address) > p {
        margin-top: 0 !important
    }

.benefits-title {
    text-align: center
}

    .benefits-title span {
        color: red
    }

#ToolEquipments_Panel ul.breadcrumb li + li:before {
    color: #ccc !important
}

#ToolEquipments_Panel ul.breadcrumb li a.active {
    color: #000 !important
}

.core-policy-title {
    text-align: center !important
}

span.select-vehicle-width .form-control:focus, span.select-vehicle-width .form-control:hover {
    border: 3px solid #000 !important
}

.search-alert-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

    .search-alert-popup:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        z-index: -1;
        opacity: .2
    }

.alert-dialog {
    position: relative;
    z-index: 9999;
    background: #fff;
    width: 500px;
    margin: 10% auto;
    box-shadow: 0 0 5px #252424
}

    .alert-dialog.alert-sm {
        width: 400px
    }

    .alert-dialog.alert-md {
        width: 600px
    }

.alert-header {
    background-color: #e62e2d;
    padding: 5px 10px;
    display: inline-block;
    width: 100%
}

.alert-header-title {
    color: #fff;
    display: inline-block;
    float: left
}

.alert-header-close {
    float: right;
    color: #fff;
    cursor: pointer;
    padding: 0 10px
}

.alert-body {
    padding: 15px;
    text-align: center
}

.alert-form {
    width: 80%;
    margin: 0 auto;
    text-align: left
}

.alert-btn {
    background-color: #e62e2d;
    color: #fff;
    padding: 5px 15px;
    border: 0;
    font-size: 15px
}

.alert-form .form-control {
    min-width: 100%;
    border: 1px solid #ccc !important;
    border-radius: 4px !important
}

.alert-footer {
    padding: 10px;
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    text-align: right
}

.news-slider-body p i {
    margin-right: 5px
}

.blog-news.slick-slider {
    display: flex
}

.blog-news .slick-slide {
    text-align: left !important
}

.blog-news .slick-list {
    display: flex;
    flex-direction: column
}

.blog-news .slick-track {
    height: 100%
}

.blog-news .slick-dots li button {
    background-color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px
}

.blog-news .slick-dots li.slick-active button {
    background-color: #000
}

.blog-news .slick-next, .blog-news .slick-prev {
    z-index: 999;
    background: #e62e2d;
    color: #fff;
    width: 40px;
    height: 40px
}

.blog-news .slick-next {
    right: 20px
}

.blog-news .slick-prev {
    left: 0
}

.blog-news .slick-next:before {
    content: "\f060";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    opacity: 1
}

.blog-news .slick-prev:before {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    opacity: 1
}

.blog-news .slick-next:focus, .blog-news .slick-next:hover, .blog-news .slick-prev:focus, .blog-news .slick-prev:hover {
    background: #e62e2d
}

.invoice-form input {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: none;
    padding: 20px 10px 25px;
    border: 1px solid #b5b5b5 !important;
    min-width: 100%;
    border-radius: 0 !important;
    position: relative;
    z-index: 5
}

.invoice-form textarea {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: none;
    padding: 10px 10px 25px;
    border: 1px solid #b5b5b5 !important;
    min-width: 100%;
    max-height: 46px;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.invoice-form select {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
    color: #555;
    background-color: #fafafa;
    box-shadow: none;
    padding: 12px 10px;
    border: 1px solid #b5b5b5 !important;
    min-width: 100%;
    position: relative;
    z-index: 10
}

.invoice-form input.form-control:focus {
    border-bottom: 1px solid #e62e2d !important;
    box-shadow: none !important
}

.invoice-form textarea.form-control:focus {
    border-bottom: 2px solid #e62e2d !important;
    box-shadow: none !important
}

.invoice-btn {
    background-color: #e62e2d !important;
    color: #fff !important;
    padding: 10px 25px !important;
    border: 0 !important;
    font-size: 15px;
    border-radius: 0 !important;
    font-weight: 600;
    display: inline-block
}

.invoice-form-block {
    padding: 20px;
    width: 100%;
    margin: 20px auto;
    box-shadow: 0 0 10px #ccc
}

.invoice-sub-btn {
    margin-top: 5px;
    float: right
}

.invoice-form-block .red-text {
    padding-left: 3px
}

.fetch-btn {
    float: none;
    margin-top: 2px
}

@media (min-width:1201px) {
    button.btn.btn-default.invoice-btn.invoice-fetch {
        margin-top: 24px !important
    }
}

@media (max-width:1200px) {
    .invoice-sub-btn {
        margin-top: 0;
        float: right
    }

    .fetch-btn {
        float: none;
        margin-top: 2px
    }

    .admin-logined .invoice-sub-btn {
        float: none
    }

    .invoice-btn {
        margin-top: 10px
    }

    button.btn.btn-default.invoice-btn.invoice-fetch {
        margin-top: 0;
        margin-bottom: 15px
    }
}

@media(max-width:1024px) {
    .invoice-sub-btn.fetch-btn {
        float: none !important;
        text-align: center
    }
}

@media (max-width:767px) {
    .fetch-btn {
        float: right;
        margin-top: 2px
    }

    p.phone-number.text-center.invoice-menu {
        text-align: right !important;
        padding-left: 0 !important
    }

    .invoice-sub-btn.fetch-btn {
        float: none !important;
        text-align: center
    }
}

.phone-number.invoice-menu i {
    padding-right: 5px
}

p.phone-number.text-center.invoice-menu {
    text-align: center;
    padding-left: 65px
}

.phone-number.invoice-menu a {
    text-decoration: underline
}

p.mobile-phone-number.invoice-mobile {
    width: 100%;
    text-align: center
}

    p.mobile-phone-number.invoice-mobile i {
        padding-right: 5px
    }

    p.mobile-phone-number.invoice-mobile a {
        text-decoration: underline;
        padding-right: 55px
    }

#B2C_PayinvoiceUserdetails .row {
    margin-left: -5px;
    margin-right: 0
}

#B2B_PayinvoiceUserdetails .row {
    margin-left: -5px;
    margin-right: 0
}

.admin-logined button.btn.btn-default.invoice-btn.invoice-fetch {
    margin-top: 24px !important
}

button.btn.btn-default.invoice-btn.invoice-fetch {
    margin-bottom: 15px
}

.admin-logined .invoice-sub-btn {
    float: none;
    margin-top: 2px
}

@media(max-width:1200px) {
    button .btn.btn-default.invoice-btn.invoice-fetch {
        margin-top: 28px !important
    }
}

@media(max-width:1024px) {
    button.btn.btn-default.invoice-btn.invoice-fetch {
        margin: 0 auto 20px auto !important
    }

    .admin-logined button.btn.btn-default.invoice-btn.invoice-fetch {
        margin: 0 auto 20px auto !important;
        display: block;
        width: 100%;
        padding: 10px !important
    }

    .admin-logined .invoice-sub-btn {
        margin-top: 0 !important
    }
}

@media(max-width:1200px) and (min-width:767px) {
    .admin-logined button.btn.btn-default.invoice-btn.invoice-fetch {
        margin-top: 28px !important
    }
}

@media(max-width:400px) {
    .invoice-btn {
        margin-top: 10px
    }

    button.btn.btn-default.invoice-btn.invoice-fetch {
        float: none !important;
        width: 100%;
        padding: 10px !important
    }
}

.modal-body {
    padding: 8px 15px 0
}

.modal-header {
    padding: 10px 15px
}

.dropdown-menu.welcome_submenu {
    padding-left: 15px
}

@media(max-width:800px) {
    #InvoiceHistory_grid td {
        min-width: 180px
    }
}

@media(max-width:600px) {
    .invoice-form input, .invoice-form select {
        font-size: 12px
    }

    .client-login {
        background-image: none;
        background-color: #fff
    }
}

@media(max-width:375px) {
    .invoice-form select#Invoice_details {
        font-size: 10px
    }
}

@media(max-width:660px) {
    .alert-dialog.alert-md {
        width: 100%;
        margin: 30% auto;
        padding: 10px;
        background: 0 0
    }

    .alert-content {
        background: #fff
    }
}

.services-secion-image.mobile-screen {
    display: none
}

@media (max-width:450px) {
    .services-secion-image.desktop-screen {
        display: none
    }

    .services-secion-image.mobile-screen {
        display: block
    }
}


/* Search Result */

input, select, textarea {
    max-width: 100%
}

.search-breadcrumb {
    display: inline-block;
    padding: 8px 0;
    margin-bottom: 0;
    list-style: none;
    background: 0;
    border-radius: 0;
    font-family: Poppins-Regular;
    font-weight: 400
}

    .search-breadcrumb > li {
        display: inline-block
    }

        .search-breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .search-breadcrumb li > a {
        text-decoration: none;
        color: #1376af;
        cursor: pointer;
        font-family: Poppins-Regular;
        font-weight: 400;
        font-size: 17px
    }

        .search-breadcrumb li > a.active {
            color: #333
        }

.wrapper {
    max-width: 1180px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0 10px
}

.display_100_per {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: Poppins-Regular
}

.border_btm {
    padding-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc
}

.catalog_info_block {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px
}

.catalog_info {
    display: inline-block;
    text-align: left;
    width: 25%;
    position: relative;
    cursor: pointer
}

.outof_stock {
    font-family: Poppins-Regular;
    font-weight: 700;
    display: inline-block;
    text-align: right;
    color: #ec2f38;
    font-weight: 600;
    font-size: 12px;
    width: 75%;
    float: right
}

.in_stock {
    font-family: Poppins-Regular;
    font-weight: 700;
    display: inline-block;
    text-align: right;
    color: #309039;
    font-weight: 600;
    font-size: 14px;
    width: 75%;
    float: right
}

.catalog_info i {
    background: #ccc;
    border-radius: 50%;
    padding: 5px 8px;
    color: #fff;
    font-size: 10px
}

.product_desc_head {
    box-sizing: border-box;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #dcdcdc
}

.margin_top_10 {
    margin-top: 10px
}

.product_desc_head h3 {
    color: #262626;
    font-size: 20px;
    font-family: Poppins-Regular;
    font-weight: 500;
    margin-top: 0
}

.display_inline {
    display: inline-block
}

.purchase_head_right {
    margin-left: 0;
    margin-top: 10px
}

.sort_filter {
    float: right
}

.sort_filter_icon {
    background: url(../images/sort_filter_icon.png) no-repeat right center;
    padding: 0 30px 0 10px;
    color: #262626;
    font-size: 20px
}

.product_view_main {
    padding: 10px 0;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: left
}

    .product_view_main .single_product_newproduct {
        width: 31%
    }

.product-content-full .single_product_newproduct {
    width: 24%
}

.row-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.single_product_newproduct {
    display: inline-block;
    box-sizing: border-box;
    margin: 5px 5px;
    box-shadow: 0 0 2px #e2e2e2;
    border: 2px solid #ececec;
    width: 32%;
    min-height: 375px;
    height: 520px !important;
    max-height: 100%;
    vertical-align: top;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: #fff
}

.product_img {
    padding: 5px;
    box-sizing: border-box
}

.product_detail_info {
    box-sizing: border-box;
    padding: 0 2px
}

.single_product:hover, .single_product_newproduct:hover, .single_product_notes:hover {
    z-index: 999;
    border: 2px solid #2474a9
}

.without_login_single {
    min-height: 400px !important
}

.add_cart_center {
    float: right;
    text-align: center
}

.product_call_for_price {
    color: #fff;
    padding: 6px 10px 6px 10px;
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0
}

.bg_color_dark {
    background: #f44336
}

.prt_desc {
    display: block
}

.product_describtion {
    word-break: break-all;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    font-family: Poppins-Regular;
    margin: 10px 0 5px 0
}

.product_desc_right_side {
    text-align: left;
    vertical-align: top;
    clear: both
}

    .product_desc_right_side a.product_item_id {
        text-decoration: none;
        cursor: pointer;
        line-height: 1.1
    }

.vol_home_part_id {
    font-family: Poppins-Regular;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 0 0 0 5px;
    color: #2a8fc4 !important
}

.product_item_id {
    color: #333;
    font-size: 14px;
    display: inline-block;
    padding: 0 5px 0 5px
}

.product_item_ic a {
    cursor: pointer !important
}

.product_item_ic h4 {
    margin-top: 12px !important
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.flt_right {
    float: right
}

.grid_price {
    font-family: Poppins-Regular;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px 5px 5px;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
    color: #f44336
}

    .grid_price.B2B_PriceFlag {
        display: inline-block;
        float: right
    }

.catalog_info_popup {
    display: none;
    min-width: 300px;
    max-height: 400px;
    height: auto;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 26px;
    background: #fff;
    margin: 0;
    padding: 10px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    z-index: 1;
    transition: all .1s ease-out
}

.catalog_info:hover .catalog_info_popup {
    display: block;
    opacity: 1
}

.catalog_info_popup .catalog_info_content {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #e9e9e9
}

    .catalog_info_popup .catalog_info_content .catalog_content_title {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
        padding: 5px 7px;
        background: #0e4b79 !important
    }

.catalog_info_content table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.catalog_info_content th {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    color: #f5f5f5;
    padding: 6px 5px;
    text-align: left;
    font-size: 15px;
    box-sizing: border-box
}

.catalog_info_popup .catalog_info_content tbody tr td {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 15px;
    font-weight: 400;
    padding: 6px;
    text-align: left;
    text-transform: lowercase;
    color: #666;
    box-sizing: border-box;
    line-height: 22px;
    vertical-align: middle
}

.catalog_img {
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.img_container {
    max-height: 200px;
    min-height: 200px
}

.product_image_max {
    max-width: 100%;
    max-height: 190px
}

.product_call_for_price:focus, .product_call_for_price:hover, a.product_add_to_cart:focus, a.product_add_to_cart:hover {
    color: #fff
}

.product_add_to_cart {
    cursor: pointer;
    background-color: #2a8fc4 !important;
    background: url(./design/images/add_to_cart_product_icon.png) no-repeat 8px 4px;
    color: #fff;
    padding: 5px 10px 6px 30px;
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0
}

.home-details-tab .card-tabs {
    height: auto;
    line-height: 30px;
    padding: 0 10px
}

    .home-details-tab .card-tabs .tabs {
        padding: 0;
        margin: 0
    }

        .home-details-tab .card-tabs .tabs li {
            display: inline-block;
            text-align: center;
            padding: 0;
            margin-right: 15px;
            text-transform: uppercase
        }

.home-details-tab .tabs .tab a {
    font-family: Poppins-Regular;
    font-weight: 400
}

    .home-details-tab .tabs .tab a.active {
        font-family: Poppins-Regular;
        font-weight: 700
    }

.home-details-tab .card-tabs {
    height: auto;
    line-height: 30px;
    padding: 0 10px
}

.home-details-tab .tabs .tab a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease,background-color .28s ease;
    transition: color .28s ease,background-color .28s ease
}

    .home-details-tab .tabs .tab a.active, .home-details-tab .tabs .tab a:hover {
        text-decoration: none;
        color: #d80704;
        font-weight: 600
    }

    .home-details-tab .tabs .tab a:after {
        content: '';
        width: 50px;
        height: 2px;
        background: #fff;
        display: block;
        margin: 0 auto
    }

    .home-details-tab .tabs .tab a.active:after, .home-details-tab .tabs .tab a:focus.active:after, .home-details-tab .tabs .tab a:hover:after {
        content: '';
        background: #105898
    }

.home-details-tab .card-content {
    display: inline-block;
    width: 100%;
    padding: 10px
}

.full_right_side .single_product_newproduct {
    width: 24%
}

.without_login_single-product {
    min-height: 335px !important
}

@media(max-width:1200px) {
    .product-content-full .single_product_newproduct {
        width: 23%
    }
}

@media screen and (max-width:1024px) {
    .single_product_newproduct {
        width: 47% !important
    }
}

@media screen and (max-width:800px) {
    .single_product_newproduct, .width-24 {
        width: 98% !important
    }
}

.Attribute {
    position: relative;
    margin: 0;
    z-index: 99
}

    .Attribute h2 {
        background: #2a8fc4;
        margin: 0
    }

    .Applicationtest h2, .Attribute h2, .Competitor h2, .part_break_down h2, .unit_number h2 {
        color: #333;
        font-family: Poppins-Regular;
        font-weight: 900;
        border-right: 0;
        font-size: 18px;
        text-align: left;
        padding: 8px 6px;
        margin: 0
    }

.color_white {
    color: #fff !important
}

.table_scroll {
    border: 1px solid #e1e1e1;
    max-height: 275px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 10px
}

.Attribute table {
    width: 100%
}

    .Attribute table tbody tr {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        display: inline-table
    }

    .Attribute table tbody td, .Competitor table tbody td {
        width: 50%;
        font-size: 15px
    }

td {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 15px;
    font-weight: 400;
    padding: 6px;
    text-align: left;
    text-transform: lowercase;
    color: #666;
    box-sizing: border-box;
    line-height: 22px;
    vertical-align: middle
}

.title_back_btn {
    display: inline-block;
    text-align: right;
    float: right;
    padding: 8px 0
}

    .title_back_btn li {
        list-style: none
    }

    .prod_desc_tab > li > a, .title_back_btn > li > a {
        color: #333;
        font-size: 16px
    }

.prod_desc_tab {
    background-color: #ecececb3;
    padding: 0;
    margin: 0
}

    .prod_desc_tab > li {
        float: left
    }

        .prod_desc_tab > li > a {
            padding: 15px 15px 10px 15px;
            font-family: Poppins-Regular;
            color: #333;
            font-weight: 900;
            font-size: 16px;
            text-transform: uppercase
        }

        .prod_desc_tab > li.active > a {
            color: #2a8fc4;
            border-bottom: 3px solid #2a8fc4
        }

.m_t_10 {
    margin-top: 10px
}

.Competitor {
    vertical-align: top;
    margin: 0
}

    .Competitor.reference .part_rtop_overflow {
        width: 100%
    }

.buyer table {
    width: 100%
}

.Competitor.reference table {
    width: 100%
}

    .Competitor.reference table tr td {
        width: auto
    }

.Attribute table tbody td, .Competitor table tbody td {
    width: 50%;
    font-size: 15px
}

.Competitor table tbody td {
    width: auto !important;
    font-size: 15px
}

.part_rtop_overflow {
    max-height: 100% !important
}

.product_slider {
    margin: 0;
    padding: 0
}

.product_slider_view {
    border: 1px solid #2474a9;
    width: 100%;
    float: left;
    min-height: 310px !important;
    overflow-x: visible !important;
    max-height: 100% !important;
    margin-bottom: 15px;
    height: auto
}

.prod_img {
    width: 100%;
    min-height: 310px;
    padding: 0;
    padding-right: 5px;
    max-height: 310px;
    height: 310px;
    margin-bottom: 20px;
    position: relative;
    z-index: 9999
}

.singlePostSlider {
    display: inline-block;
    position: relative;
    top: 10%;
    max-width: 400px;
    max-height: 310px;
    padding: 30px;
    float: left;
    width: 70%
}

.product_info_block {
    float: right;
    width: 30%;
    position: relative;
    text-align: left;
    padding: 20px 10px;
    z-index: 99
}

    .product_info_block .grid_price {
        float: left !important
    }

.zoomContainer {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: zoom-in !important
}

.singlePostSlider .zoomContainer {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: zoom-in !important
}

.zoomWindowContainer {
    cursor: zoom-in !important;
    width: 100% !important
}

    .zoomWindowContainer div {
        width: 100% !important;
        height: 100% !important;
        cursor: zoom-in !important
    }

.prod_desc_content {
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
    word-break: break-word
}

.singlePostSlider li {
    height: 220px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

    .singlePostSlider li a {
        height: 220px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative
    }

    .singlePostSlider li img {
        max-height: 100%;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

.featuredPostSlider, .featuredPostSlider_get_unit_home, .featuredPostSlider_new, .featuredPostSlider_unit, .featuredPostSlider_unit_home {
    margin-left: 65px;
    width: 58% !important
}

    .featuredPostSlider img, .featuredPostSlider_get_unit_home img, .featuredPostSlider_new img, .featuredPostSlider_unit img, .featuredPostSlider_unit_home img {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto !important;
        padding: 10px !important;
        max-width: 100% !important
    }

.product_info_block > .prd_title {
    font-size: 16px;
    font-weight: 900;
    font-family: Poppins-Regular;
    text-transform: uppercase;
    color: #333;
    line-height: 32px
}

.product_info_block > .prd_refno {
    font-size: 16px;
    font-weight: 900;
    font-family: Poppins-Regular;
    text-transform: uppercase;
    color: #2474a9;
    line-height: 32px
}

.product_info_block > .prd_refno {
    font-size: 16px;
    font-weight: 900;
    font-family: Poppins-Regular;
    text-transform: uppercase;
    color: #2474a9;
    line-height: 32px
}

.product_info_block > .prd_price {
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins-Regular;
    color: #309039;
    line-height: 32px
}

.product_info_block > .prd_stock.in_stock, .product_info_block > .prd_stock.outof_stock {
    float: left;
    text-align: left;
    line-height: 32px;
    white-space: normal
}

.product_info_block > .prd_stock.outof_stock {
    width: 100%
}

.add_minus_count {
    font-family: Poppins-Regular;
    float: left;
    margin: 5px 0 0 0
}

    .add_minus_count input, .button_Addcard {
        height: 23px
    }

.button_Addcard {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    background: #fff;
    padding: 3px 10px;
    cursor: pointer;
    color: #2474a9;
    border: 1px solid #ccc;
    line-height: 17px
}

.add_minus_count input {
    width: auto;
    min-width: 40px;
    max-width: 45px;
    background: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 1px 5px;
    font-family: Poppins-Regular;
    line-height: 20px;
    text-align: center;
    font-size: 16px
}

.parts_details_top {
    padding: 10px 0
}

.purchase_head {
    font-size: 20px;
    margin: 0
}

.purchase_detail {
    font-size: 18px;
    color: #2c3e50;
    margin: 0 0 0 10px
}

.purchase_input_grid {
    width: 90%;
    border: 1px solid #606060;
    background: #fff;
    margin: 0 10px 0 0;
    height: 30px;
    max-width: 100%
}

.bill_address, .ship_address {
    border: 1px solid #ccc;
    display: inline-block;
    width: 33%;
    margin: 0 10px 0 0;
    vertical-align: top;
    min-height: 250px;
    height: 250px
}

    .ship_address p.futura_font {
        margin-bottom: 0
    }

.bill_address {
    height: 250px
}

.b2b_billship_address {
    height: 275px !important
}

.guest_bill_address {
    height: 800px !important
}

.guest_billship_address {
    height: 295px !important
}

.bill_to_adress, .product_left_inner h2, .shiping_to_adress {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Poppins-Regular;
    font-weight: 900;
    display: block;
    background-color: #f3f3f3
}

.bill_to_adress, .shiping_to_adress {
    color: #333;
    font-size: 18px;
    padding: 10px 15px 10px 45px;
    margin: 0;
    font-weight: 700
}

.home_billing_adress, .home_contact_info {
    padding: 10px 15px
}

    .common_cls_home_left, .home_billing_adress p, .shiping_to_adress p {
        font-weight: 500;
        font-family: Poppins-Regular
    }

    .home_billing_adress p, .shiping_to_adress p {
        color: #555;
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 0
    }

.guest_home_billing_adress {
    padding: 1px 25px !important
}

.shiping_to_adress {
    background: url(./Design/images/ship_address_icon.png) no-repeat 6px center
}

.bill_to_adress {
    background: url(./Design/images/bill_address_icon.png) no-repeat 8px center
}

.procedd_check_cls {
    display: inline-block;
    width: 100%;
    text-align: right;
    box-sizing: border-box
}

.proceed_check_clk {
    padding: 10px 15px;
    border-radius: 10px;
    background: #0f6cb2;
    color: #fff;
    margin: 10px 0 0 10px;
    font-size: 15px;
    box-sizing: border-box;
    display: inline-block;
    border: 0
}

.order_details {
    border: 1px solid #ccc;
    display: inline-block;
    width: 31%;
    vertical-align: top;
    min-height: 210px;
    height: 250px
}

.order_details_head {
    background: url(./Design/images/purchase_order_details.png) no-repeat 6px center;
    font-weight: 700;
    padding: 10px 15px 10px 45px;
    font-size: 16px;
    background-color: #f3f3f3;
    margin: 0
}

.purchase_order_detail_list {
    width: 100%;
    float: left;
    height: auto;
    margin: 0;
    padding: 10px 25px 0;
    border-right: 0;
    box-sizing: border-box;
    list-style: none
}

.purchase_order_detail_list_right {
    width: 100%;
    float: left;
    padding: 0 25px 10px;
    box-sizing: border-box;
    list-style: none
}

    .purchase_order_detail_list li, .purchase_order_detail_list_right li {
        padding: 10px 0 0
    }

.purchase_spec_head {
    display: inline-block;
    width: 45%;
    color: #000;
    font-size: 16px;
    font-family: Poppins-Regular
}

.purchase_spec_desc {
    color: #555;
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.purchase_terms_grid {
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%
}

    .purchase_terms_grid table {
        width: 100%
    }

.purchage_term_head th {
    background: 0;
    border: 0;
    font-family: Poppins-Regular;
    padding: 10px 0;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.width_25 {
    width: 25%
}

.width_40 {
    width: 30%
}

.purchase_terms_grid tr td {
    border: 0;
    color: #555;
    font-size: 16px;
    text-transform: capitalize;
    vertical-align: top
}

.purchase_textarea {
    margin: 0 10px 0 0;
    width: 394px;
    height: auto;
    border: 1px solid #606060
}

.CartDetails table th {
    background: #2a8cef !important;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    padding: 12px 8px
}

.CartDetails table td {
    font-size: 16px;
    color: #000;
    text-align: center;
    vertical-align: middle
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.total_price_main {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
    text-align: right
}

.total_price_txt {
    font-size: 18px;
    font-weight: 600;
    margin: 0 15px 0 0
}

.total_price {
    color: #2a8cef;
    font-size: 18px;
    margin: 0 4px;
    font-weight: 700
}

.procedd_check_cls {
    display: inline-block;
    width: 100%;
    text-align: right;
    box-sizing: border-box
}

.proceed_check_clk {
    padding: 10px 15px;
    border-radius: 10px;
    background: #0f6cb2;
    color: #fff;
    margin: 0 0 0 10px;
    font-size: 15px;
    box-sizing: border-box;
    display: inline-block;
    border: 0
}

.flt_left {
    float: left
}

.proceed_check_clk:hover {
    background: #2474a9;
    color: #fff
}

.add_minus_count {
    float: left;
    margin: 10px 0 0 0;
    font-family: Poppins-Regular
}

.button_Addcard {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    background: #fff;
    padding: 3px 10px;
    cursor: pointer;
    color: #2474a9;
    border: 1px solid #ccc;
    line-height: 17px
}

.add_minus_count.cart_add_minus_count .button_Addcard {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    background: #ddd;
    color: #000;
    line-height: 20px
}

.add_minus_count.cart_add_minus_count input {
    border: 0;
    height: 30px
}

.add_minus_count input {
    width: auto;
    min-width: 40px;
    max-width: 45px;
    background: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 1px 5px;
    font-family: Poppins-Regular;
    line-height: 20px;
    text-align: center;
    font-size: 16px
}

.note-txt-big {
    color: #ff1414;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.note-txt-big-btn {
    display: inline-block;
    text-align: right;
    float: right;
    padding: 8px 0
}

.input_model_edit {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 3px 0
}

    .input_model_edit label {
        width: 100%;
        float: left;
        margin: 2px 0
    }

    .input_model_edit input {
        border: 1px solid #ccc;
        padding: 2px 5px;
        width: 80%
    }

.cart_empty {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 40px 0 20px 0
}

    .cart_empty p {
        text-align: center;
        width: 100%;
        display: inline-block;
        font-size: 36px;
        color: #333;
        margin: 2% 0
    }

.order-status-div {
    border: 1px solid #2a8cef;
    padding: 10px;
    background: #2a8cef;
    display: inline-block;
    width: 100%;
    margin-top: 0
}

.order-status-heading {
    color: #fff;
    font-size: 18px
}

.invoice_logo {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.note-txt-hist {
    color: #ff1414 !important;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-flex;
    float: right
}

.panel-group {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.panel-body-title {
    color: #0f6cb2 !important;
    font-size: 22px;
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 10px
}

    .panel-body-title span.print-div {
        float: right
    }

.btn-print {
    background-color: #0f6cb2;
    border: 1px solid #0f6cb2;
    color: #fff;
    font-family: Roboto;
    border-radius: 1px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 5px
}

.emp-info {
    display: inline-block;
    width: 100%;
    padding: 0
}

    .emp-info li {
        display: inline-block;
        width: 50%;
        float: left;
        margin: 10px 0;
        color: #000;
        font-size: 17px;
        font-weight: 600
    }

        .emp-info li span {
            font-weight: 400
        }

.order-table {
    border: 0 solid transparent;
    margin-bottom: 0
}

    .order-table tr td {
        text-align: left !important;
        font-size: 14px;
        font-weight: 400;
        font-family: Poppins-Regular
    }

    .order-table tr td, .order-table tr th {
        border: 0 solid transparent
    }

        .order-table tr td p {
            font-family: Poppins-Regular;
            font-size: 15px;
            color: #000;
            margin-bottom: 10px
        }

.order-table-color tr th {
    border: 1px solid #ccc;
    color: #000;
    font-weight: 800;
    padding: 6px 5px
}

.order-table-color tr td {
    border: 1px solid #ccc
}

.grd-ttl_hle {
    display: inline
}

.grd-ttl {
    margin: 8px 0 0
}

.grd-ttl-val {
    font-weight: 600
}

.dis-inline-block {
    display: inline-block
}

.grdtot {
    background: 0;
    border: 0;
    box-sizing: border-box
}

.p-l-8 {
    padding-left: 8px
}

.cart-icon {
    position: relative;
    display: inline-block
}

.order_history_section {
    margin-bottom: 0;
    text-align: center;
    padding-left: 13%
}

.order_history {
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

    .order_history:hover {
        color: #fff;
        text-decoration: none
    }

.cart_show_num {
    position: absolute;
    background: #e62e2d;
    border-radius: 50%;
    top: -31px;
    left: 0
}

    .cart_show_num span {
        position: absolute;
        background: #e62e2d;
        box-shadow: 0 0 1px #2884b9;
        padding: 1px 7px;
        border-radius: 50%;
        top: 20px;
        left: 26px;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        border: 2px solid #fff
    }

.Narrow_search_inner, .narrow_search {
    box-shadow: 0 0 2px #c2c2c2;
    background: #2474a9
}

.narrow_search {
    margin: 10px 0;
    box-sizing: border-box;
    background: #fff
}

.left_side {
    float: left;
    width: 24%
}

.product_left_inner {
    background: #fff;
    border-bottom: 1px dashed #dcdcdc
}

    .product_left_inner h2 {
        padding: 12px 30px 12px 45px;
        color: #2c3e50;
        font-size: 18px;
        display: inline-block;
        text-align: left
    }

    .bill_to_adress, .product_left_inner h2, .shiping_to_adress {
        font-size: 16px;
        text-transform: uppercase;
        font-family: Poppins-Regular;
        font-weight: 900;
        display: block;
        background-color: #f3f3f3
    }

.company_information {
    background: url(./Design/images/company_information.png) 8px 2px no-repeat;
    background-size: 35px
}

.right_side {
    width: 75%;
    float: right;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 2px #c2c2c2
}

.right_side_lgn {
    width: 100% !important
}

.company_information {
    margin: 0
}

.home_contact_info h4 {
    font-size: 18px;
    color: #555;
    margin: 5px 0
}

.home_comp_name_icon {
    background: url(./Design/images/company_name.png) no-repeat 0 center
}

.home_mail_icon {
    background: url(./Design/images/contact_mail_icon.png) no-repeat left center;
    font-size: 14px !important;
    word-break: break-word
}

.home_fax_icon {
    background: url(./Design/images/fax_icon.png) no-repeat left center
}

.home_phone_icon {
    background: url(./Design/images/mobile_icon.png) no-repeat 3px center
}

.home_web_icon {
    background: url(./Design/images/contact_website_icon.png) no-repeat left center
}

.common_cls_home_left {
    padding: 10px 15px 10px 25px;
    color: #555;
    font-size: 16px;
    margin-bottom: 0
}

.client-login .dropdown {
    padding-left: 35px
}

    .client-login .dropdown .caret {
        margin-left: 0 !important
    }

    .client-login .dropdown .dropdown-toggle {
        width: 100%;
        display: block;
        background: 0 0;
        text-align: center
    }

.welcome_submenu {
    padding: 10px 20px;
    right: 0;
    left: auto
}

    .welcome_submenu a > img {
        width: 16px;
        line-height: 16px;
        vertical-align: middle;
        margin-right: 10px
    }

@media print {
    .banner-top-section, .order-status-div, .search-breadcrumb, .vehicle-section, footer {
        display: none
    }

    .panel-heading {
        display: none
    }

    .panel-default {
        border: 0 solid transparent
    }

    .non-printable {
        display: none
    }

    .panel-body-title {
        border-bottom: 0 solid transparent
    }

    .invoice_logo {
        border: 0 solid transparent
    }

    .panel-collapse {
        position: absolute;
        max-width: none;
        width: 100%;
        margin: auto;
        top: 0
    }

    .note-txt-hist {
        color: #ff1414
    }

    .note-txt {
        color: #ff1414
    }

    .print-div {
        display: none
    }

    .breadcrumb {
        display: none
    }
}

.stock-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}

    .stock-popup:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 6;
        background-color: #444;
        opacity: .4
    }

.stock-popup-dialog {
    background: #fff;
    border-radius: 4px;
    position: relative;
    outline: 0;
    overflow: hidden;
    max-width: 600px;
    margin: 5% auto;
    z-index: 999;
    top: 30%
}

.stock-popup-content {
    padding: 20px
}

.stock-popup-title {
    color: #000;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.4
}

.stock-popup-button-div {
    text-align: center;
    margin-top: 15px
}

.bg_color_dark {
    background: #f44336 !important
}

.stock-popup-button {
    color: #fff;
    padding: 6px 10px 6px 10px;
    margin: 5px 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    background-color: #2a8fc4;
    cursor: pointer
}

    .stock-popup-button:hover {
        color: #fff !important;
        text-decoration: none
    }

.stock-popup-body-content {
    margin-bottom: 18px;
    font-size: 16px;
    text-align: center;
    color: #000
}

    .stock-popup-body-content label {
        margin-right: 20px
    }

        .stock-popup-body-content label span {
            margin-left: 5px
        }

        .stock-popup-body-content label:last-child {
            margin-right: 0
        }

.panel-title {
    position: relative
}

    .panel-title[aria-expanded=false]:after {
        content: '\f078';
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        top: 3px;
        color: #676767;
        font-weight: 500;
        font-size: 14px
    }

    .panel-title[aria-expanded=true]:after {
        content: '\f077';
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        top: 3px;
        color: #676767;
        font-weight: 500;
        font-size: 14px
    }

.product-e-office {
    padding: 10px;
    background: #e62e2d
}

    .product-e-office a {
        color: #fff;
        text-decoration: underline
    }

    .product-e-office:first-child {
        border-bottom: 1px solid #fff
    }

.input-field {
    margin: 0 0 10px 0 !important;
    position: relative
}

    .form-label, .input-field > label.form-label {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5px;
        font-family: Nunito,sans-serif;
        font-weight: 600;
        display: block;
        color: #333;
        font-size: 14px;
        line-height: inherit;
        webkit-transform: translateY(0);
        transform: translateY(0)
    }

        .input-field > label.form-label:not(.label-icon).active {
            -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0
        }

    .input-field .form-control-sm, input.form-control-sm[type=password]:not(.browser-default), input.form-control-sm[type=tel]:not(.browser-default), input.form-control-sm[type=text]:not(.browser-default) {
        display: block;
        position: relative;
        width: 90%;
        height: 34px;
        padding: 0 5px;
        font-size: 15px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #b5b5b5;
        margin-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media(max-width:767px) {
    .left_side {
        width: 100%
    }

    .right_side {
        width: 100%
    }

    .product_add_to_cart {
        margin-left: 10px
    }
}

@media(max-width:650px) {
    .stock-popup-dialog {
        width: 95%;
        top: 25%
    }
}

@media(max-width:560px) {
    .stock-popup-body-content label {
        display: block;
        margin-bottom: 15px
    }
}

.showing-result-dropdown {
    display: inline-block
}

.pagination-container {
    float: right !important
}

.footer-products {
    line-height: 15px;
    font-size: 16px;
    cursor: pointer
}

@media(max-width:991px) {
    .pagination-container {
        float: none !important
    }

    .product-content {
        width: 100%
    }

    .note-txt-big-btn {
        width: 100%
    }
}

@media(max-width:380px) {
    select#resperpage_ {
        margin-bottom: 10px
    }
}

@media(max-width:345px) {
    .display_100_per {
        width: 95%
    }
}

.chkBoxguestSameAddress {
    margin-right: 10px !important
}

#freightdetails td {
    padding: 0 !important
}

.wrapper {
    margin-left: -15px;
    margin-right: -15px
}

.add_minus_count {
    margin: 10px auto
}

.mobile_overflow tr td:first-child {
    border-left: 1px solid #e1e1e1
}

.procedd_check_cls {
    margin-bottom: 20px;
    margin-top: 10px
}

.purchase_input_grid {
    padding: 0
}

#Cartdetails table .add_minus_count {
    width: 100%
}

.core-lbl-crt {
    font-size: 14px
}

@media(max-width:991px) {
    .bill_address, .order_details, .ship_address {
        width: 95%;
        margin: 20px auto;
        display: block
    }

    .purchase_input_grid {
        width: auto !important
    }

    #freightdetails, .mobile_overflow {
        overflow: auto;
        margin: 10px
    }

    .purchase_detail {
        margin: 0
    }

    .purchase_input_grid {
        width: 90% !important
    }

    #freightdetails td:first-child, #freightdetails td:last-child {
        width: 50% !important;
        margin: 10px
    }

    #freightdetails .purchage_term_head th {
        font-size: 12px
    }

    .purchase_textarea {
        width: 90% !important
    }

    #Proceedcheckout a:first-child {
        float: none !important
    }

    #Proceedcheckout .proceed_check_clk {
        font-size: 11px !important
    }
}

@media(max-width:700px) {
    .purchase_textarea {
        margin: 0 20px 0 0 px
    }
}

.core_info {
    display: inline-block;
    float: right;
    right: -5px;
    position: relative;
    cursor: pointer
}

    .core_info .c-icon, .core_info i {
        background: #ccc;
        border-radius: 50%;
        padding: 5px 8px;
        color: #fff;
        font-size: 10px
    }

.core_info_popup {
    display: none;
    min-width: 300px;
    max-height: 400px;
    height: auto;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 18px;
    background: #fff;
    margin: 0;
    padding: 10px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
    z-index: 1;
    transition: all .1s ease-out
}

.core_info:hover .core_info_popup {
    display: block;
    opacity: 1
}

.core_info_content {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #e9e9e9
}

    .core_info_content p {
        color: #000;
        font-weight: 400
    }

img.slick-slide.slick-current.slick-active {
    width: 61px !important
}

.display_block_full {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0
}

@media(min-width:991px) {
    .bill_Content_Panel {
        display: flex
    }

        .bill_Content_Panel .b2b_billship_address, .bill_Content_Panel .guest_billship_address, .bill_Content_Panel .order_details {
            height: auto !important
        }

        .bill_Content_Panel .procedd_check_cls {
            margin-bottom: 8px
        }

        .bill_Content_Panel .home_billing_adress p, .bill_Content_Panel .shiping_to_adress p {
            word-break: break-word
        }
}

@media(max-width:991px) {
    .bill_Content_Panel .b2b_billship_address, .bill_Content_Panel .guest_billship_address, .bill_Content_Panel .order_details {
        height: 100% !important
    }

    .clear_both-mobile {
        clear: both
    }

    .prod_img {
        display: inline-block;
        height: auto;
        max-height: 100%;
        min-height: auto
    }

    .product_info_block {
        width: 100%
    }

    .singlePostSlider {
        width: 100%
    }
}

[data-title] {
    position: relative;
    cursor: help
}

    [data-title]:hover::before {
        content: attr(data-title);
        position: absolute;
        bottom: -46px;
        padding: 10px;
        background: #000;
        color: #fff;
        font-size: 14px;
        white-space: normal;
        width: 325px;
        word-wrap: break-word;
        z-index: 9999;
        overflow: auto;
        max-height: 90px;
        font-size: 12px
    }

    [data-title]:hover::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 8px;
        border: 8px solid transparent;
        border-bottom: 8px solid #000;
        font-size: 12px
    }

.roboto_font {
    font-family: cursive !important;
    font-size: 12px
}

.outstandingbal {
    display: inline-block;
    padding: 8px
}

.creditval {
    display: inline-block;
    padding: 8px 0
}

.creditbalance {
    float: right
}

.addtocomp {
    position: absolute;
    bottom: 35px;
    left: 5px
}

.core-read-more-btn {
    background-color: #e62e2d !important;
    color: #fff !important;
    padding: 3px 25px !important;
    border: 0 !important;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    left: 5px
}

    .core-read-more-btn a {
        color: #fff !important
    }

.single_product_newproduct {
    height: 570px !important
}

.compared-products {
    border: 5px solid #777;
    margin: 10px;
    display: inline-block;
    position: relative;
    background: #fff;
    width: auto
}

.each-prd-img {
    width: 75px;
    height: 65px;
    margin-right: 20px
}

.each-prd {
    border: 1px solid #ccc;
    padding: 20px 0 10px 10px;
    margin: 5px;
    position: relative;
    display: inline-block;
    width: auto
}

span.each-prd-close-icon {
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer
}

.main-close-icon {
    position: absolute;
    right: -15px;
    top: -21px;
    background-color: red;
    color: #fff;
    padding: 3px 8px;
    border-radius: 50%;
    cursor: pointer
}

span.each-prd-partno {
    padding-right: 5px
}

div#show_compare_section, div#show_compare_section-prd-page {
    position: fixed;
    bottom: 35px;
    left: 40%;
    z-index: 999999;
    text-align: center;
    cursor: grab;
    width: auto;
    height: 175px
}

.compare-btn {
    color: #fff;
    padding: 6px 10px 6px 10px;
    margin: 5px 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    background: #f44336 !important;
    text-align: center;
    text-decoration: none;
    margin: 5px auto;
    cursor: pointer;
    left: 40% !important;
    width: 100px
}

a.compare-btn:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

#compare {
    margin-bottom: 10px
}

@media(max-width:600px) {
    .compared-products, div#show_compare_section, div#show_compare_section-prd-page {
        width: 96%;
        left: 0
    }

    .each-prd {
        width: 28%
    }

    .each-prd-img {
        width: 65px
    }

    #compare_table {
        width: 100%;
        overflow-x: scroll
    }

    .core_info {
        position: static !important;
        margin-left: 5px
    }

    .core_info_popup {
        top: 65%;
        left: 0
    }
}

@media(max-width:375px) {
    .logo-img {
        width: 100%
    }
}

@media(max-width:769px) {
    .jconfirm.jconfirm-light .jconfirm-box, .jconfirm.jconfirm-white .jconfirm-box {
        width: 90% !important;
        min-width: 300px !important
    }

    .jconfirm-box-container {
        width: 100% !important;
        margin-left: auto !important
    }

        .jconfirm-box-container.col-md-4 {
            width: 100% !important
        }

    .emp-info li {
        width: 50% !important;
        font-size: 12px !important;
        height: 50px
    }

    ul.emp-info:nth-child(3) li {
        width: 100% !important;
        height: 60px !important;
        margin: 10px 0 !important
    }

        ul.emp-info:nth-child(3) li:last-child {
            margin-top: 0 !important;
            margin-bottom: 5px !important
        }

    .order-table tbody tr td:first-child {
        width: 49%
    }

    .order-table tbody tr td:nth-child(2) {
        padding: 0
    }

    .order-table tbody tr td:last-child {
        width: 50%
    }

    .order-table tr td p {
        font-size: 12px
    }

    .order-table tbody tr td .title-inoice {
        font-size: 14px;
        font-weight: 900
    }

    #table_Orderdetails tr td, #table_Orderdetails tr th {
        font-size: 12px !important
    }

    .invoice-content p span {
        font-size: 12px !important
    }

    .print_buton {
        margin-bottom: 10px
    }

    #txtbillingemail, #txtshippingemail {
        max-width: 14ch;
        word-wrap: break-word;
        display: inline-block
    }

    .note-txt-hist {
        font-size: 14px
    }

    .order-status-content .col-xs-3 {
        width: 100%;
        font-size: 10px
    }

    .order-status-div {
        display: none
    }

    .order-status-content .col-xs-3::before {
        font-weight: 900;
        width: 150px;
        display: inline-block
    }

    .order-status-content .col-xs-3:first-child::before {
        content: "Order Date:"
    }

    .order-status-content .col-xs-3:nth-child(2)::before {
        content: "Reference #:"
    }

    .order-status-content .col-xs-3:nth-child(3)::before {
        content: "Order #:"
    }

    .order-status-content .col-xs-3:nth-child(4)::before {
        content: "Payment Transaction #:"
    }

    .order-status-content .col-xs-3:nth-child(5)::before {
        content: "Order Total:"
    }

    .order-status-content .col-xs-3:nth-child(6)::before {
        content: "Qty:"
    }

    .order-status-heading {
        font-size: 10px
    }

    .panel-title[aria-expanded=false]:after, .panel-title[aria-expanded=true]:after {
        top: -2px
    }

    #OrderHistory .panel-body-title {
        font-size: 16px;
        margin-bottom: 0
    }

    .panel-body-title .btn-print {
        margin-top: -8px
    }

    #OrderHistory .emp-info li {
        height: auto
    }

    #OrderHistory .emp-info {
        margin-bottom: 0
    }

    #OrderHistory .order-table tbody tr td:first-child {
        padding-left: 0
    }

    #OrderHistory .order-table-color tr td, #OrderHistory .order-table-color tr th {
        font-size: 11px
    }

    #OrderHistory .col-md-12.table_scroll-x {
        width: 100%;
        overflow-x: scroll
    }

    #OrderHistory .crt-ttl {
        padding: 10px 0 !important
    }

    #OrderHistory .crt-ttl_hle.grant-tot {
        font-size: 12px
    }
}

@media(max-width:320px) {
    #table_Orderdetails tr td, #table_Orderdetails tr th {
        font-size: 11px !important
    }

    .emp-info li {
        font-size: 12px !important
    }

    .invoice-content p span {
        font-size: 11px !important
    }

    #OrderHistory .panel-body-title {
        font-size: 13px
    }
}

.featuredPostSlider, .slick-pager, .slider-nav {
    display: block;
    height: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

    .featuredPostSlider.slick-initialized, .slick-pager.slick-initialized, .slider-nav.slick-initialized {
        display: block;
        visibility: visible;
        height: auto
    }

.product_info_block .core-read-more-btn {
    position: static !important;
    padding: 3px 21px !important
}

.product_info_block .grid_price {
    margin-left: 0 !important
}

.prod_desc_tab > li > a, .title_back_btn > li > a {
    color: #333 !important
}

.prod_desc_tab > li.active > a {
    color: #2a8fc4 !important
}

.product_info_block .prd_cart.add_cart_center {
    float: none !important;
    text-align: left !important
}

/* Responsive Style */

@media(min-width:1200px) {
    .banner-section-text {
        padding: 130px 0
    }
}

@media (max-width:1300px) {
    .banner-section-content {
        bottom: 0;
        width: 95%;
        padding-left: 10px
    }

        .banner-section-content p {
            margin-bottom: 15px
        }

        .banner-section-content h1 {
            margin-bottom: 15px
        }

    .software-section-text-header {
        font-size: 20px
    }

    .software-section-text {
        width: 90%;
        font-size: 14px
    }

    .home-banner-section-content .carousel-caption {
        top: 0
    }

    .banner-section-content.about-us-banner-section-content {
        bottom: -15px
    }
}

@media (max-width:1199px) {
    .banner-section-text {
        font-size: 40px
    }

    .banner-section-content {
        bottom: auto;
        top: 30px;
        width: 95%;
        padding-left: 10px
    }

    .phone-number {
        padding-left: 10px
    }

    #darken {
        min-height: auto !important;
        box-shadow: inset 0 0 100px 510px rgb(62 70 81 / 92%)
    }

    .banner-section {
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 0 !important
    }

    .select-vehicle-width.col-sm-2 {
        width: 13% !important;
        margin-right: 8px
    }

    .breadcrumb-section {
        background-color: #000
    }

    ul.breadcrumb li {
        font-size: 14px
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .card-img-top {
        min-height: 153px !important;
        height: 153px !important;
        max-height: 153px !important
    }
}

@media (max-width:1174px) {
    .software-section-text {
        width: 100%;
        font-size: 14px
    }

    .dream-section-first-text p, .dream-section-second-text {
        font-size: 17px
    }
}

@media (max-width:991px) {
    .client-login a {
        padding-left: 30%;
        font-size: 11px
    }

    .client-login .welcome_submenu a {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .phone-number {
        display: none
    }

    .para {
        font-size: 16px
    }

    .home-banner-section-text {
        font-size: 30px
    }

        .home-banner-section-text span.banner-section-text-color {
            font-size: 30px
        }

    .cae-about-us-title {
        font-size: 30px
    }

    .home-banner-section-text span {
        font-size: 20px
    }

    .about-us-banner .banner-section-para {
        font-size: 16px
    }

    .about-store-img {
        width: 100%;
        margin-top: 10px;
        padding: 5px 15px
    }

    .mobile-phone-number {
        display: block;
        color: #fff;
        font-size: 18px;
        text-align: left;
        float: left;
        padding: 0 10px;
        width: 50%
    }

        .mobile-phone-number a {
            color: #fff;
            text-decoration: none
        }

    .menuicon {
        position: absolute;
        display: block;
        font-size: 28px;
        color: #fff;
        top: -46px;
        left: 25px
    }

        .menuicon.active .fa-bars:before {
            content: "\f00d"
        }

    .header-seach-section {
        width: 90%;
        float: none !important;
        position: relative;
        border: 0;
        box-shadow: 0 0 0;
        margin: 0 auto;
        padding: 10px 0;
        display: inline-block
    }

        .header-seach-section .form-group {
            width: 100%
        }

        .header-seach-section .form-control {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            padding-right: 40px
        }

        .header-seach-section .search-icon {
            position: absolute;
            right: 0;
            bottom: 10px;
            margin: 0
        }

    .mobile-menu-container {
        padding: 0
    }

    .mobile-menu-section {
        width: 100%;
        display: none
    }

        .mobile-menu-section.active {
            display: block
        }

    .banner-section-text {
        font-size: 35px
    }

    .order_history_section {
        text-align: right !important;
        margin-top: 10px
    }

    .banner-h-line {
        margin-top: 10px
    }

    .nav > li, form.navbar-form.navbar-left {
        margin-left: 20px !important
    }

    .navbar-nav > li:first-child a {
        padding-left: 15px
    }

    .sel-vehicle-text {
        display: block;
        margin-bottom: 20px
    }

    .font-size-h2 {
        font-size: 25px !important
    }

    .h2, h2 {
        font-size: 25px
    }

    .brands-section-text {
        font-size: 16px
    }

    .vehicle-section .dropdown {
        margin-right: 28px;
        width: 25%;
        display: inline-block;
        margin-bottom: 20px
    }

    .caret {
        margin-left: 7px !important
    }

    .select-vehicle-width.col-sm-2 {
        width: 20% !important;
        margin-bottom: 10px;
        margin-right: 8px
    }

    .vehicle-section button {
        padding-right: 5px !important
    }

    .one-stop-section {
        padding: 20px
    }

    .one-stop-section-list {
        line-height: 1.5;
        text-align: left;
        list-style-position: outside
    }

    .phone-number {
        padding-left: 0
    }

    .banner-section-content .banner-section-listing li, .banner-section-content p {
        font-size: 1.7vw !important;
        line-height: 1.4
    }

    .about-us-banner .banner-section-listing {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    ul.banner-section-listing {
        margin: 0
    }

    .banner-section-listing li {
        margin-bottom: 5px !important
    }

    .banner-section-content h1 {
        font-size: 4vw;
        margin: 0 !important;
        padding-bottom: 5px !important
    }

    .software-section-text {
        width: 100%;
        font-size: 10px
    }

    .dream-section-first-text h1 {
        font-size: 14px;
        font-weight: bolder
    }

    .dream-section-first-text p, .dream-section-second-text {
        font-size: 13px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .logo-img {
        width: auto;
        margin: 0 auto;
        display: block
    }

    .banner-section-content h1 {
        margin-top: 0 !important
    }

    .banner-section-listing li, .banner-section-para {
        font-size: 17px
    }

    .banner-section-para {
        line-height: 1.4
    }

    .banner-section-listing {
        line-height: 1
    }

    .address, .email, .footer-section, .hours, .phone, .store {
        font-size: 10px
    }

    .footer-hours-sat {
        padding-left: 0 !important
    }

    .software-section-img {
        min-height: 197px
    }
}

@media (max-width:767px) {
    .logo-img {
        width: auto;
        margin: 0 auto;
        display: block
    }

    .welcome-section-list {
        text-align: left
    }

        .welcome-section-list li {
            text-indent: -25px;
            margin-left: 20px
        }

    .banner-section-text span.banner-section-text-color {
        margin-top: 0;
        font-size: 30px;
        margin-bottom: 8px
    }

    .featured-products-section-red-text {
        font-size: 20px
    }

    .electric-parts-section-header, .home-more-section-header {
        font-size: 20px
    }

    .home-services-section h2 {
        font-size: 20px
    }

    .services-section-para {
        font-size: 16px
    }

    .electric-parts-section-listing, .electric-parts-section-para, .home-more-section-listing, .home-more-section-para {
        font-size: 16px
    }

    .banner-section-text span {
        font-size: 20px
    }

    .career-section p, .franchise-section p {
        font-size: 30px;
        font-family: Poppins-Bold;
        line-height: 1.1;
        margin-bottom: 20px
    }

    .career-section, .franchise-section {
        width: 100%
    }

    .banner-section-text {
        padding: 50px 0;
        font-size: 28px
    }

    .vehicle-section button {
        width: 100%;
        margin-top: 10px
    }

    .header-seach-section .form-group {
        display: inline-block
    }

    .header-seach-section {
        display: block
    }

        .header-seach-section .search-icon {
            bottom: 15px
        }

    .home-banner-section-content .carousel-caption {
        bottom: 20px
    }

    .banner-section-content {
        font-size: 12px;
        bottom: 0;
        top: auto;
        width: 95%;
        padding-left: 10px
    }

        .banner-section-content p {
            margin-bottom: 15px
        }

    .mobile-phone-number strong {
        display: block
    }

    .search-icon {
        margin-left: 0;
        margin-top: 5px
    }

    .client-login {
        width: 30%
    }

    .make_layoutloader {
        margin-left: 12px;
        margin-top: 0;
        height: 20px;
        position: absolute;
        top: 13px;
        left: 0
    }

    #darken {
        min-height: auto
    }

    .about-axles-img, .about-motor-img {
        padding-bottom: 10%
    }

    .about-motor-img, .about-steering-img {
        padding-top: 10%
    }

    .software-section {
        text-align: center
    }

    .software-section-text {
        width: 100%;
        font-size: 18px
    }

    .facilities-section p {
        font-size: 14px;
        line-height: 1.25;
        padding-left: 25px
    }

    .features-section-icon-text {
        padding-bottom: 25px
    }

    .dream-section-first-text h1 {
        font-size: 12px;
        font-weight: bolder
    }

    .dream-section-first-text p, .dream-section-second-text {
        font-size: 8px
    }

    .mobile-vehicle .select-vehicle-width {
        max-width: 100%;
        margin-right: 0
    }

    .sel-vehicle-text {
        font-size: 18px;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin-bottom: 0 !important
    }

        .sel-vehicle-text:after {
            content: '\f107';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900
        }

        .sel-vehicle-text.sel-vehicle-text-up:after {
            content: '\f106';
            font-family: 'Font Awesome 5 Free';
            font-weight: 900
        }

    .mobile-vehicle {
        display: none
    }

        .mobile-vehicle.active {
            display: block;
            margin-top: 10px
        }

    #slick-pager-show1 {
        background-color: #fff !important;
        width: 95% !important
    }

    #myBtn {
        z-index: 99999 !important
    }
}

@media (max-width:991px) {
    .product-sidebar {
        width: 100%;
        box-shadow: none !important
    }
}

@media (max-width:700px) {
    .client-login a {
        padding-left: 5px
    }
}

@media (max-width:600px) {
    .invoice-table-div {
        width: 100%;
        overflow-x: scroll
    }

    .invoice-table {
        table-layout: auto !important
    }
}

@media (max-width:550px) {
    .about-us-banner h1 {
        font-size: 3vw !important;
        padding-top: 2rem !important
    }

    .banner-section-content {
        font-size: 1.7vw !important
    }

    .dream-section-first-text h1 {
        font-size: 11px;
        font-weight: bolder
    }

    .dream-section-first-text p, .dream-section-second-text {
        font-size: 6px
    }
}

@media (max-width:500px) {
    .banner-section-content .banner-section-listing li, .banner-section-content p {
        font-size: 7px
    }
}

@media (max-width:450px) {
    .client-login {
        width: 65%
    }

    .banner-section-content .banner-section-listing li, .banner-section-content p {
        font-size: 6px
    }
}

@media (min-width:426px) and (max-width:767px) {
    .footer-hours-sat {
        padding-left: 45px !important
    }
}

@media (min-width:375px) and (max-width:425px) {
    .banner-section-content h1 {
        font-size: 2.5vw
    }
}

@media(max-width:425px) {
    .display_100_per {
        width: 100% !important
    }

    .pagination-container {
        float: none !important;
        width: 100% !important
    }

    .paginationjs-go-input {
        clear: left;
        margin-left: 0 !important;
        margin-top: 10px !important;
        float: left !important
    }

    .paginationjs .paginationjs-go-button {
        float: left !important;
        margin-top: 10px !important;
        margin-left: 10px
    }
}

@media (max-width:320px) {
    .about-store-img {
        width: 100%;
        padding-right: 0
    }

    .banner-section-content .banner-section-listing li, .banner-section-content p {
        font-size: 1.5vw !important
    }

    .banner-section-content h1 {
        font-size: 12px
    }

    .display_100_per {
        width: 100% !important
    }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input {
        margin-top: 10px
    }

    .paginationjs .paginationjs-go-input {
        margin-left: 0 !important
    }
}

.mobile-search-view {
    display: none !important
}

@media (max-width:400px) {
    .header-seach-section .form-control {
        font-size: 11px
    }
}

@media (max-width:540px) {
    .cart-icon {
        float: right;
        right: 14%
    }

    .mobile-phone-number {
        font-size: 15px !important
    }

    .menuicon {
        top: -118px !important
    }

    .logo-img {
        width: 75% !important;
        margin-bottom: 10px
    }

    .cart-section {
        text-align: center !important;
        padding-bottom: 10px
    }

    .client-login {
        background-size: contain !important
    }

    .cart-img {
        padding: 4px !important
    }

    .client-login {
        width: 50%
    }

    .home-banner-section-text {
        padding: 0;
        text-align: center
    }

    .header-seach-section {
        width: 75%
    }

    .banner-h-line {
        border-top: none !important
    }

    .mobile-search-view {
        display: block !important
    }

    .desktop-view-search {
        display: none
    }

    .dropdown-menu {
        top: 100% !important;
        max-height: 205px !important
    }

    .banner-h-line {
        display: none
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 18px
    }

    .menuicon {
        top: -114px !important
    }

    ul#dropdown_menu_product::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: #f5f5f5
    }

    ul#dropdown_menu_product::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5
    }

    ul#dropdown_menu_product::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d62929
    }

    .client-login {
        font-size: 16px !important
    }

        .client-login a {
            font-size: 16px !important
        }
}


/*Combain css*/

/* Content/css/pagination.css */
.paginationjs {
    line-height: 1.6;
    font-family: Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;
    font-size: 14px;
    box-sizing: initial
}

    .paginationjs:after {
        display: table;
        content: " ";
        clear: both
    }

    .paginationjs .paginationjs-pages {
        float: left
    }

        .paginationjs .paginationjs-pages ul {
            float: left;
            margin: 0;
            padding: 0
        }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav {
        float: left;
        margin-left: 10px;
        font-size: 14px
    }

    .paginationjs .paginationjs-pages li {
        float: left;
        border: 1px solid #aaa;
        border-right: none;
        list-style: none
    }

        .paginationjs .paginationjs-pages li > a {
            min-width: 30px;
            height: 28px;
            line-height: 28px;
            display: block;
            background: #fff;
            font-size: 14px;
            color: #333;
            text-decoration: none;
            text-align: center
        }

            .paginationjs .paginationjs-pages li > a:hover {
                background: #eee
            }

        .paginationjs .paginationjs-pages li.active {
            border: none
        }

            .paginationjs .paginationjs-pages li.active > a {
                height: 30px;
                line-height: 30px;
                background: #aaa;
                color: #fff
            }

        .paginationjs .paginationjs-pages li.disabled > a {
            opacity: .3
        }

            .paginationjs .paginationjs-pages li.disabled > a:hover {
                background: 0 0
            }

        .paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {
            border-radius: 3px 0 0 3px
        }

        .paginationjs .paginationjs-pages li:last-child {
            border-right: 1px solid #aaa;
            border-radius: 0 3px 3px 0
        }

            .paginationjs .paginationjs-pages li:last-child > a {
                border-radius: 0 3px 3px 0
            }

    .paginationjs .paginationjs-go-input > input[type=text] {
        width: 30px;
        height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        padding: 0;
        font-size: 14px;
        text-align: center;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        box-sizing: initial
    }

    .paginationjs .paginationjs-go-button > input[type=button] {
        min-width: 40px;
        height: 30px;
        line-height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        text-align: center;
        padding: 0 8px;
        font-size: 14px;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        color: #333;
        cursor: pointer;
        vertical-align: middle\9
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
        border-color: #289de9
    }

    .paginationjs .paginationjs-go-button > input[type=button]:hover {
        background-color: #f8f8f8
    }

    .paginationjs .paginationjs-nav {
        height: 30px;
        line-height: 30px
    }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input {
        margin-left: 5px\9
    }

    .paginationjs.paginationjs-small {
        font-size: 12px
    }

        .paginationjs.paginationjs-small .paginationjs-pages li > a {
            min-width: 26px;
            height: 24px;
            line-height: 24px;
            font-size: 12px
        }

        .paginationjs.paginationjs-small .paginationjs-pages li.active > a {
            height: 26px;
            line-height: 26px
        }

        .paginationjs.paginationjs-small .paginationjs-go-input {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
                width: 26px;
                height: 24px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-go-button {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
                min-width: 30px;
                height: 26px;
                line-height: 24px;
                padding: 0 6px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-nav {
            height: 26px;
            line-height: 26px;
            font-size: 12px
        }

    .paginationjs.paginationjs-big {
        font-size: 16px
    }

        .paginationjs.paginationjs-big .paginationjs-pages li > a {
            min-width: 36px;
            height: 34px;
            line-height: 34px;
            font-size: 16px
        }

        .paginationjs.paginationjs-big .paginationjs-pages li.active > a {
            height: 36px;
            line-height: 36px
        }

        .paginationjs.paginationjs-big .paginationjs-go-input {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
                width: 36px;
                height: 34px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-go-button {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
                min-width: 50px;
                height: 36px;
                line-height: 34px;
                padding: 0 12px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-nav {
            height: 36px;
            line-height: 36px;
            font-size: 16px
        }

    .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
        color: #289de9
    }

        .paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
            background: #e9f4fc
        }

    .paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
        background: #289de9;
        color: #fff
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
        background: 0 0
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button] {
        background: #289de9;
        border-color: #289de9;
        color: #fff
    }

    .paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-green .paginationjs-pages li {
        border-color: #449d44
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type=button]:hover {
        background-color: #3ca5ea
    }

    .paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
        color: #449d44
    }

        .paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
            background: #ebf4eb
        }

    .paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
        background: #449d44;
        color: #fff
    }

    .paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
        background: 0 0
    }

    .paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button] {
        background: #449d44;
        border-color: #449d44;
        color: #fff
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
        border-color: #ec971f
    }

    .paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type=button]:hover {
        background-color: #55a555
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
        color: #ec971f
    }

        .paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
            background: #fdf5e9
        }

    .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
        background: #ec971f;
        color: #fff
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
        background: 0 0
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button] {
        background: #ec971f;
        border-color: #ec971f;
        color: #fff
    }

    .paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-red .paginationjs-pages li {
        border-color: #c9302c
    }

    .paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type=button]:hover {
        background-color: #eea135
    }

    .paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
        color: #c9302c
    }

        .paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
            background: #faeaea
        }

    .paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
        background: #c9302c;
        color: #fff
    }

    .paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
        background: 0 0
    }

    .paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button] {
        background: #c9302c;
        border-color: #c9302c;
        color: #fff
    }

        .paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type=button]:hover {
            background-color: #ce4541
        }

    .paginationjs .paginationjs-pages li.paginationjs-next {
        border-right: 1px solid #aaa\9
    }

    .paginationjs .paginationjs-go-input > input[type=text] {
        line-height: 28px\9;
        vertical-align: middle\9
    }

    .paginationjs.paginationjs-big .paginationjs-pages li > a {
        line-height: 36px\9
    }

    .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
        height: 36px\9;
        line-height: 36px\9
    }
/*!
 * jquery-confirm v3.2.3 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

    .jconfirm .jconfirm-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

        .jconfirm .jconfirm-bg.jconfirm-bg-h {
            opacity: 0 !important
        }

    .jconfirm .jconfirm-scrollpane {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-perspective-origin: center;
        perspective-origin: center
    }

    .jconfirm .jconfirm-box {
        background: #fff;
        border-radius: 4px;
        position: relative;
        outline: none;
        padding: 15px 15px 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

@-webkit-keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

    .jconfirm .jconfirm-box.loading:before {
        content: '';
        position: absolute;
        left: 0;
        background: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 1
    }

    .jconfirm .jconfirm-box.loading:after {
        opacity: .6;
        content: '';
        height: 30px;
        width: 30px;
        border: solid 3px #fff0;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border-radius: 50%;
        -webkit-animation: jconfirm-spin 1s infinite linear;
        animation: jconfirm-spin 1s infinite linear;
        border-bottom-color: dodgerblue;
        top: 50%;
        margin-top: -15px;
        z-index: 2
    }

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none
}

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
        display: none
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
        opacity: 1
    }

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
        cursor: move
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        font-size: inherit;
        padding-bottom: 15px;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
            vertical-align: middle
        }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
            display: none
        }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: inherit;
        font-family: inherit;
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 15px
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
            display: none
        }

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
        max-width: 100%;
        height: auto
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
        display: none
    }

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

    .jconfirm .jconfirm-box .jconfirm-buttons > button {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        border-radius: 4px;
        min-height: 1em;
        outline: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,box-shadow 0.1s ease,background 0.1s ease;
        transition: opacity 0.1s ease,background-color 0.1s ease,color 0.1s ease,box-shadow 0.1s ease,background 0.1s ease;
        -webkit-tap-highlight-color: #fff0;
        border: none;
        background-image: none
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
            background-color: #3498db;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
                background-color: #2980b9;
                color: #FFF
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
            background-color: #2ecc71;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
                background-color: #27ae60;
                color: #FFF
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
            background-color: #e74c3c;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
                background-color: #c0392b;
                color: #FFF
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
            background-color: #f1c40f;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
                background-color: #f39c12;
                color: #FFF
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
            background-color: #ecf0f1;
            color: #000;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background-color: #bdc3c7;
                color: #000
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
            background-color: #9b59b6;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
                background-color: #8e44ad;
                color: #FFF
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
            background-color: #34495e;
            color: #FFF;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
                background-color: #2c3e50;
                color: #FFF
            }

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

    .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
        left: 5px;
        right: auto
    }

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    box-shadow: 0 2px 6px rgb(0 0 0 / .2);
    border-radius: 5px;
    max-width: 600px
}

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none
        }

            .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
                box-shadow: none;
                color: #333
            }

                .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #ddd
                }

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    box-shadow: 0 2px 6px rgb(0 0 0 / .2);
    background: #444;
    border-radius: 5px;
    color: #fff
}

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
            border: none;
            background-image: none;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none;
            -webkit-transition: background .1s;
            transition: background .1s;
            color: #fff
        }

            .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
                box-shadow: none;
                color: #fff;
                background: none
            }

                .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #666
                }

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation: glow 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@-webkit-keyframes glow {
    0%,100% {
        box-shadow: 0 0 3px red
    }

    50% {
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,100% {
        box-shadow: 0 0 3px red
    }

    50% {
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

    .jconfirm .jconfirm-box {
        opacity: 1;
        -webkit-transition-property: all;
        transition-property: all
    }

        .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            opacity: 0
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotate {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
            -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
            -webkit-transform: rotatey(90deg);
            -ms-transform: rotatey(90deg);
            transform: rotatey(90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
            -webkit-transform: rotatey(-90deg);
            -ms-transform: rotatey(-90deg);
            transform: rotatey(-90deg);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scaley {
            -webkit-transform: scaley(1.5);
            -ms-transform: scaley(1.5);
            transform: scaley(1.5);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            -webkit-transform: scalex(1.5);
            -ms-transform: scalex(1.5);
            transform: scalex(1.5);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-top {
            -webkit-transform: translate(0,-100px);
            -ms-transform: translate(0,-100px);
            transform: translate(0,-100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-left {
            -webkit-transform: translate(-100px,0);
            -ms-transform: translate(-100px,0);
            transform: translate(-100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-right {
            -webkit-transform: translate(100px,0);
            -ms-transform: translate(100px,0);
            transform: translate(100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom {
            -webkit-transform: translate(0,100px);
            -ms-transform: translate(0,100px);
            transform: translate(0,100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scale {
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-none {
            visibility: hidden
        }

    .jconfirm.jconfirm-supervan .jconfirm-bg {
        background-color: rgb(54 70 93 / .95)
    }

    .jconfirm.jconfirm-supervan .jconfirm-box {
        background-color: #fff0
    }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-weight: 400
        }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
                padding-bottom: 25px
            }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                margin-right: 8px;
                margin-left: 0
            }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
            text-align: center;
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
                font-size: 16px;
                border-radius: 2px;
                background: #303f53;
                text-shadow: none;
                border: none;
                color: #fff;
                padding: 10px;
                min-width: 100px
            }

    .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-material .jconfirm-bg {
        background-color: rgb(0 0 0 / .67)
    }

    .jconfirm.jconfirm-material .jconfirm-box {
        background-color: #fff;
        box-shadow: 0 7px 8px -4px rgb(0 0 0 / .2),0 13px 19px 2px rgb(0 0 0 / .14),0 5px 24px 4px rgb(0 0 0 / .12);
        padding: 30px 25px 10px 25px
    }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
            color: rgb(0 0 0 / .87)
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
            color: rgb(0 0 0 / .87);
            font-size: 22px;
            font-weight: 700
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
            color: rgb(0 0 0 / .87)
        }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
            text-align: right
        }

            .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
                text-transform: uppercase;
                font-weight: 500
            }

    .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-bg {
        background-color: rgb(0 0 0 / .21)
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box {
        background-color: #fff;
        box-shadow: 0 3px 8px 0 rgb(0 0 0 / .2);
        border: solid 1px rgb(0 0 0 / .4);
        padding: 15px 0 0
    }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
            color: rgb(0 0 0 / .87)
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
            color: rgb(0 0 0 / .87);
            font-size: 22px;
            font-weight: 700;
            padding-left: 15px;
            padding-right: 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
            color: rgb(0 0 0 / .87);
            padding: 0 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
            text-align: right;
            padding: 10px;
            margin: -5px 0 0;
            border-top: solid 1px #ddd;
            overflow: hidden;
            border-radius: 0 0 4px 4px
        }

            .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
                font-weight: 500
            }

    .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-modern .jconfirm-bg {
        background-color: slategray;
        opacity: .6
    }

    .jconfirm.jconfirm-modern .jconfirm-box {
        background-color: #fff;
        box-shadow: 0 7px 8px -4px rgb(0 0 0 / .2),0 13px 19px 2px rgb(0 0 0 / .14),0 5px 24px 4px rgb(0 0 0 / .12);
        padding: 30px 30px 15px
    }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
            color: rgb(0 0 0 / .87);
            top: 15px;
            right: 15px
        }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
            color: rgb(0 0 0 / .87);
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px
        }

            .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                -webkit-transition: -webkit-transform .5s;
                transition: transform .5s;
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
                display: block;
                margin-right: 0;
                margin-left: 0;
                margin-bottom: 10px;
                font-size: 69px;
                color: #aaa
            }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
            text-align: center;
            font-size: 15px;
            color: #777;
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: background .1s;
                transition: background .1s;
                padding: 10px 20px
            }

                .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
                    margin-left: 4px
                }

    .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
/* jquery.fancybox.min.css */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: #fff0;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: #fff0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: #fff0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: #fff0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgb(30 30 30 / .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: #fff0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgb(0 0 0 / .85) 0,rgb(0 0 0 / .3) 50%,rgb(0 0 0 / .15) 65%,rgb(0 0 0 / .075) 75.5%,rgb(0 0 0 / .037) 82.85%,rgb(0 0 0 / .019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: #fff0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: #fff0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: #fff0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgb(0 0 0 / .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: #fff0;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}
/* slick-theme.css */
/*.slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif?1448797674') center center no-repeat; }*/
@font-face {
    font-family: "slick";
    src: url('../fonts/slick.eot?1448797674');
    src: url('../fonts/slick.eot?&1448797674#iefix') format("embedded-opentype"), url('../fonts/slick.woff?1448797674') format("woff"), url('../fonts/slick.ttf?1448797674') format("truetype"), url('../fonts/slick.svg?1448797674#slick') format("svg");
    font-weight: normal;
    font-style: normal;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        background: #2a8fc4;
        color: #fff;
    }

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

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

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

.slick-prev {
    left: 5px;
}

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

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

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

.slick-next {
    right: 5px;
}

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

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

[dir="rtl"] .slick-next:before {
    content: "←";
}
/*.slick-slider { margin-bottom: 30px; }*/
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}

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

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

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

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

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

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: 0.75;
        }
/*slick.css*/
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: #fff0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.product_slider_view .slick-list {
    height: 310px !important
}

.slick-pager .slick-list, .slick-pager_new .slick-list, .slick-pager_unit .slick-list, .slick-pager_unit_home .slick-list, .slick-pager_get_unit_home .slick-list {
    height: 250px !important
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
    outline: 0
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: inline-block;
    width: 100%;
    text-align: center
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    max-height: 56px !important;
    border: 1px solid #fff0;
    cursor: pointer
}

a:focus {
    outline: none
}

.featureslider {
    position: relative
}

.featuredPostSlider, .featuredPostSlider_new, .featuredPostSlider_unit, .featuredPostSlider_unit_home, .featuredPostSlider_get_unit_home {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

    .featuredPostSlider img, .featuredPostSlider_new img, .featuredPostSlider_unit img, .featuredPostSlider_unit_home img, .featuredPostSlider_get_unit_home img {
        max-width: 400px;
        max-height: 310px;
        padding: 50px;
        margin-left: -25%
    }

    .featuredPostSlider h2, .featuredPostSlider_new h2, .featuredPostSlider_unit h2, .featuredPostSlider_unit_home h2, .featuredPostSlider_get_unit_home h2 {
        width: 65%;
        position: absolute;
        left: 5%;
        color: #fff;
        font-size: 36px
    }

#slick-pager, #slick-pager-show, #slick-pager-show1, #slick-pager-show2, #slick-pager-show3, #slick-pager-show4 {
    position: absolute;
    left: 5px;
    width: 11%;
    z-index: 9;
    display: inline-block;
    top: 0
}

    #slick-pager a, #slick-pager-show a, #slick-pager-show1 a, #slick-pager-show2 a, #slick-pager-show3 a, #slick-pager-show4 a {
        padding: 10px 15px;
        width: 100%;
        float: left;
        border-top: 1px solid rgb(255 255 255 / .6);
        color: #fff;
        text-decoration: none
    }

        #slick-pager a:hover, #slick-pager-show a:hover, #slick-pager-show1 a:hover, #slick-pager-show2 a:hover, #slick-pager-show3 a:hover, #slick-pager-show4 a:hover {
            text-decoration: none
        }

        #slick-pager a.active, #slick-pager-show a.active, #slick-pager-show1 a.active, #slick-pager-show2 a.active, #slick-pager-show3 a.active, #slick-pager-show4 a.active {
            background-color: #2a8cef
        }

        #slick-pager a h3, #slick-pager-show a h3, #slick-pager-show1 a h3, #slick-pager-show2 a h3, #slick-pager-show3 a h3, #slick-pager-show4 a h3 {
            font-size: 16px;
            font-family: "Lato",sans-serif;
            font-weight: 700;
            margin: 0 0 8px
        }

        #slick-pager a p, #slick-pager-show a p, #slick-pager-show1 a p, #slick-pager-show2 a p, #slick-pager-show3 a p, #slick-pager-show4 a p {
            font-family: "Lato",sans-serif;
            font-size: 13px;
            margin-bottom: 8px
        }

        #slick-pager a span.time, #slick-pager-show a span.time, #slick-pager-show1 a span.time, #slick-pager-show2 a span.time, #slick-pager-show3 a span.time, #slick-pager-show4 a span.time {
            font-family: "Lato",sans-serif;
            font-size: 10px
        }

    #slick-pager .slick-list .slick-track .slick-slide.slick-current, #slick-pager-show .slick-list .slick-track .slick-slide.slick-current, #slick-pager-show1 .slick-list .slick-track .slick-slide.slick-current, #slick-pager-show2 .slick-list .slick-track .slick-slide.slick-current, #slick-pager-show3 .slick-list .slick-track .slick-slide.slick-current, #slick-pager-show4 .slick-list .slick-track .slick-slide.slick-current {
        background-color: #d95123
    }

.slick-pager, .slick-pager_new, .slick-pager_unit, .slick-pager_unit_home, .slick-pager_get_unit_home {
    margin-top: 30px;
    margin-bottom: 0
}

.pagerNavigation i {
    float: left;
    width: 100%;
    margin-top: 4px;
    font-size: 20px
}

.pagerNavigationTop {
    color: #2474a9;
    font-size: 29px;
    text-align: center;
    position: relative;
    right: 0;
    width: 100%;
    cursor: pointer
}

.pagerNavigationBottom {
    bottom: -30px;
    position: absolute;
    color: #2474a9;
    width: 100%;
    left: 0;
    height: 30px;
    cursor: pointer;
    font-size: 29px;
    text-align: center
}

.product_slider {
    margin: 0;
    padding: 0
}

.product_slider_view {
    border: 1px solid #2474a9;
    width: 100%;
    float: left;
    min-height: 310px !important;
    overflow-x: hidden
}

.product_slider_thumb {
    width: 20%;
    float: right
}

@media (max-width:767px) {
    .slick-pager, .slick-pager_new, .slick-pager_unit, .slick-pager_unit_home, .slick-pager_get_unit_home {
        margin: 0
    }

    #slick-pager, #slick-pager-show, #slick-pager-show1, #slick-pager-show2, #slick-pager-show3, #slick-pager-show4 {
        background-color: #fff;
        width: 100%;
        position: relative
    }

        #slick-pager a, #slick-pager-show a, #slick-pager-show1 a, #slick-pager-show2 a, #slick-pager-show3 a, #slick-pager-show4 a {
            border-top: none;
            border-right: 1px solid rgb(255 255 255 / .6)
        }

        #slick-pager h3, #slick-pager-show h3, #slick-pager-show1 h3, #slick-pager-show2 h3, #slick-pager-show3 h3, #slick-pager-show4 h3 {
            font-size: 16px;
            margin: 0 0 12px
        }

    .product_slider_view {
        width: 100%;
        max-height: 280px;
        min-height: 280px
    }

    .slick-pager .slick-list {
        height: auto !important
    }

    .slick-slider .slick-list {
        border: 1px solid #333
    }

    .slick-slider .slick-list {
        border: 0 solid #333
    }

    .product_slider_view .slick-list.draggable {
        height: auto !important
    }

    img.slick-slide {
        height: 60px !important;
        width: 60px !important;
        margin: 4px 4px
    }

    .pagerNavigation i {
        display: none
    }

    .pagerNavigationBottom {
        display: none
    }
}

@media (max-width:480px) {
    img.slick-slide {
        height: 50px;
        margin: 4px 2px
    }

    .slick-pager .slick-list {
        height: 80px !important
    }
}