/********** Template CSS **********/
:root {
    --primary: #0042a5;
    --light: #F5F5F5;
    --dark: #353535;
    --muted: #6c757d;

    /* Type scale — replaces ~45 ad-hoc font-size values (mixed px/rem/em)
       that had accumulated across style.css, responsive.css, and cart.css. */
    --fs-2xs: 0.625rem;  /* 10px */
    --fs-xs: 0.75rem;    /* 12px */
    --fs-sm: 0.875rem;   /* 14px */
    --fs-base: 1rem;     /* 16px */
    --fs-md: 1.125rem;   /* 18px */
    --fs-lg: 1.25rem;    /* 20px */
    --fs-xl: 1.5rem;     /* 24px */
    --fs-2xl: 1.75rem;   /* 28px */
    --fs-3xl: 2rem;      /* 32px */
    --fs-4xl: 2.25rem;   /* 36px */
    --fs-5xl: 2.8125rem; /* 45px */
}

.fw-medium {
    font-weight: 500 !important;
}


@media (max-width: 1024.98px) {

.fw-medium {
    font-weight: 500 !important;
		font-size: var(--fs-sm);
}
}
.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.back-to-top {
    position: fixed;
    display: flex !important;
    right: 40px;
    bottom: 40px;
    z-index: 99;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

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

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*** Button ***/
.btn {
    font-weight: 500;
    transition: .3s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #0042a5;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
/*** Topbar Action Icons (cart + my account) ***/
.topbar-actions {
    gap: 0;
}
.topbar-action-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #333;
    text-decoration: none;
    font-size: var(--fs-sm);
    font-weight: 500;
    padding: 4px 6px;
    line-height: 1;
    white-space: nowrap;
}
.topbar-action-btn:hover {
    color: #0042a5;
    text-decoration: none;
}
.topbar-action-btn .fa {
    font-size: 16px;
}
.topbar-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -7px;
    left: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    font-size: var(--fs-2xs);
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    background-color: #0042a5;
    border-radius: 8px;
    margin-right: -4px;
}
.topbar-label {
    font-size: var(--fs-xs);
    font-weight: 600;
}

/*** Navbar ***/
#topbar a.btn:hover {
    background-color: var(--primary)!important;
    color: var(--light);
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

/* Primary nav: uppercase reads cleaner with a bit of letter-spacing added,
   and needs a slightly smaller font-size to compensate for capitals'
   larger visual weight. Color is set once here (was previously redefined
   further down with var(--dark) — the navbar background is always white,
   so that second declaration was the only one that ever actually applied). */
.navbar-light .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 15px 0;
    color: var(--dark);
    font-size: var(--fs-sm);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    outline: none;
}

.navbar {
    transition: all 0.3s ease !important;
}

.navbar.fixed-top,
.navbar.fixed-top .container {
    height: 100px;
    transition: all 0.3s ease !important;
}

.navbar:not(.fixed-top) {
    background-color: #fff;
}

.navbar.fixed-top {
    background-color: rgba(255,255,255,0.9);
}

.navbar.fixed-top .navbar-brand {
    transform: scale(0.6);
    transition: all 0.2s ease !important;
}

@media (max-width: 1200.98px) {
    .navbar-light .navbar-nav .nav-link {
        margin-right: 15px;
        font-size: var(--fs-sm);
    }
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary);
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: var(--dark);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (max-width: 991.98px) {
    .navbar-light .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE; background-color: #fff !important;
    }
}

@media (max-width: 1088px) {
    #topbar .container {
        padding: 0px 10px;
    }
    
    .navbar .container {
        margin: 0 auto;
        width: 100%;
    }

    .navbar.fixed-top {
        height: 100px;
    }
    
    .navbar.fixed-top .navbar-brand {
        transform: scale(0.85);
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }

    /* Subnav (category dropdown): normal case and a step down in size/weight
       from the uppercase primary nav, so the hierarchy is unambiguous. */
    .navbar .dropdown-menu .dropdown-item {
        font-size: var(--fs-sm);
        font-weight: 400;
        text-transform: none;
        padding: 8px 20px;
    }

    .navbar .dropdown-menu .dropdown-item:hover,
    .navbar .dropdown-menu .dropdown-item:focus {
        color: var(--primary);
        background-color: var(--light);
    }
}

@media (max-width: 992px) {
    .navbar.fixed-top .container {
        margin-top: -29px;
    }

    .navbar.fixed-top #navbarCollapse {
        transform: translateY(-22px)
    }
}

/*** Header ***/
@media (max-width: 810.98px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }
    
    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item h5,
    .header-carousel .owl-carousel-item p {
        font-size: var(--fs-sm) !important;
        font-weight: 400 !important;
    }

    .header-carousel .owl-carousel-item h1 {
        font-size: var(--fs-2xl);
        font-weight: 600;
    }
}

/* Was previously nested inside the @media block above by mistake, so it
   only applied under 810.98px wide — moved out to apply everywhere. */
small, .small {
    font-size: .75em;
}

/* Muted helper text under form fields (minimums, notes, disclaimers) so it
   reads as secondary information instead of competing with labels/inputs. */
.form-hint {
    color: var(--muted);
    display: inline-block;
    margin-top: 4px;
}

/* Destination-zip lookup (cart/checkout shipping summary): sized for a zip
   code, not for its own placeholder text -- the placeholder is a step
   smaller and muted so "Destination Zip" recedes instead of reading as
   bold, high-contrast text competing with the actual field value. */
.zip-input {
    max-width: 9.5em;
}
.zip-input::placeholder {
    font-size: var(--fs-2xs);
    font-weight: 400;
    color: var(--muted);
}

@media (max-width: 767.98px) {
    /* Stack the zip input and buttons vertically instead of trying to fit
       them on one row -- a screenshot showed the input growing to fill the
       row and squeezing the Calculate button's text off the edge instead of
       wrapping cleanly. Each control gets its own full-width line, which
       can't overflow regardless of how much text/space anything needs. */
    .zip-form {
        width: 100%;
        flex-direction: column;
        /* the markup also carries Bootstrap's align-items-center utility,
           which sets align-items with !important -- this has to match it
           to actually win, or the buttons stay shrunk to their text width
           instead of stretching to fill the stacked column. */
        align-items: stretch !important;
    }
    .zip-form .zip-input {
        max-width: none;
        width: 100%;
    }
    .zip-form .btn {
        width: 100%;
    }
}

.header-carousel .owl-nav {
    position: absolute;
    width: 200px;
    height: 45px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    font-size: 22px;
    transition: .5s;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.header-carousel .owl-dots {
    position: absolute;
    height: 45px;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #FFFFFF;
    transition: .5s;
}

.header-carousel .owl-dot::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 4px;
    left: 4px;
    background: transparent;
    border: 1px solid #FFFFFF;
}

.header-carousel .owl-dot.active {
    background: var(--primary);
    border-color: var(--primary);
}

.page-header {
    background: linear-gradient(rgba(53, 53, 53, .7), rgba(53, 53, 53, .7)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}


/*** Section Title ***/
.section-title {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 2rem;
    width: 100vw;
    height: 200px;
    background: none;
    /* Add display flex for vertical centering */
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/Wychmere-Harbor.jpg') center center no-repeat;
    background-size: cover;
    opacity: 0.25;
    z-index: -1;
}

.section-title > * {
    position: relative;
    z-index: 1;
}

.section-title h1 {
    position: relative;
    display: inline-block;
    padding: 0 100px;
    font-size: var(--fs-3xl);
    margin: 0;
    color: var(--dark);
    /* Add text shadow for better contrast */
    text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8);
}

.section-title.text-start h1 {
    padding-left: 0;
}

/*.section-title h1::before,
.section-title h1::after {
    position: absolute;
    content: "";
    width: 45px;
    height: 1px;
    bottom: 0;
    background: var(--dark);
}

.section-title h1::before {
    left: 0;
}

.section-title h1::after {
    right: 0;
}

.section-title.text-start h1::before {
    display: none;
}*/


/*** Content container top padding (when no section-title present) ***/
.container-xxl > .container:first-child:not(:has(.section-title)) {
    padding-top: 1.5rem;
}

/*** About ***/
@media (min-width: 992px) {
    .container.about {
        max-width: 100% !important;
    }

    .about-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .about-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .about-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Service ***/
.service-item img {
    transition: .5s;
}

.service-item:hover img {
    transform: scale(1.1);
}


/*** Feature ***/
@media (min-width: 992px) {
    .container.feature {
        max-width: 100% !important;
    }

    .feature-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .feature-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .feature-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Project Portfolio ***/
#portfolio-flters li {
    display: inline-block;
    font-weight: 500;
    color: var(--dark);
    cursor: pointer;
    transition: .5s;
    border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
    color: var(--primary);
    border-color: var(--primary);
}

.portfolio-item img {
    transition: .5s;
}

.portfolio-item:hover img {
    transform: scale(1.1);
}

.portfolio-item .portfolio-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 0;
    bottom: 20%;
    left: 50%;
    background: rgba(255, 255, 255, .7);
    transition: .5s;
}

.portfolio-item:hover .portfolio-overlay {
    width: 100%;
    height: 100%;
    left: 0;
}

.portfolio-item .portfolio-overlay .btn {
    opacity: 0;
}

.portfolio-item:hover .portfolio-overlay .btn {
    opacity: 1;
}


/*** Quote ***/
@media (min-width: 992px) {
    .container.quote {
        max-width: 100% !important;
    }

    .quote-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .quote-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .quote-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Team ***/
.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.team-item .team-social {
    position: absolute;
    width: 38px;
    top: 50%;
    left: -38px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    transition: .5s;
}

.team-item .team-social .btn {
    color: var(--primary);
    background: #FFFFFF;
}

.team-item .team-social .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.team-item:hover .team-social {
    left: 0;
}


/*** Testimonial ***/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-item .testimonial-text {
    border: 5px solid var(--light);
    transform: scale(.8);
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    transform: scale(1);
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 350px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

.testimonial-carousel:hover .owl-nav {
    width: 300px;
    opacity: 1;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    position: relative;
    color: var(--primary);
    font-size: 45px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: var(--dark);
}


/*** Contact ***/
@media (min-width: 992px) {
    .container.contact {
        max-width: 100% !important;
    }

    .contact-text  {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .contact-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .contact-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Footer ***/
.footer {
    /*background: linear-gradient(rgb(138 172 190), rgba(53, 53, 53, .7));*/
    background: linear-gradient(0deg, #003d5c 0%, #005580 100%);
    background-size: cover;
    color: #ddd !important;
}

.footer a,
.footer h4 {
    color: #ddd !important;
    transition: .3s;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #FFFFFF;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--light);
}

.footer ul {
    list-style: none;
}

.footer li a {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #ddd;
    font-size: var(--fs-sm);
    font-weight: normal;
    text-transform: capitalize;
}

.footer li a::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer a:hover {
    color: #fff !important;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: var(--fs-sm);
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    text-decoration: underline !important;
}

/* ---- Merged from stylesheet.css (2026-02-05) ---- */
body {
    font-family: "Open Sans",Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #333;
    font-size: var(--fs-base);
    line-height: 1.5;
    position: relative;
    background: #FFF;
}
:focus {
    outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #0042a5;
    font-family: "Open Sans",sans-serif;
}
/* default font size */
.fa {
    font-size: 16px;
}
/* Override the bootstrap defaults */
h1 {
    font-size: var(--fs-xl);
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}

@media (max-width: 810px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 810px) {
    .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 810px) {
    .col-md-5 {
        flex: 0 0 auto;
        width: 100%;
    }
}
/*@media (min-width: 790px) {
.container, .container-sm, .container-md {
    max-width: 720px;
}
}
@media (min-width: 890px) {
.container, .container-sm, .container-md {
    max-width: 820px;
}
}
@media (min-width: 992px) {
.container-sm, .container-md, .container-lg {
    max-width: 960px;
}
}
@media (min-width: 1400px) {
.container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
}
}*/
p { text-transform:none;
}
.service-item {
    font-size: var(--fs-sm);
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Open Sans",sans-serif;
    padding: 5px 0;
}
@media (max-width: 990px) {
.service-item {
    font-size: var(--fs-sm);
    font-weight: 500;
    text-transform: capitalize;
    font-family: "Open Sans",sans-serif;
    padding: 5px 0;
}
.service-item h1 {
    font-size: var(--fs-3xl);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    padding: 5px 0;
}
.service-item .mb-3 {
    margin-bottom: .5rem!important;
}
h1 {
    font-size: var(--fs-xl);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
}
@media (max-width: 844px) {
.table>:not(caption)>*>* {
    padding: 0.5rem 0.25rem!important;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
}
@media (max-width: 960.98px) {
.service-item h1 {
    font-size: var(--fs-4xl);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    padding: 5px 0;
}
.service-item .mb-3 {
    margin-bottom: .5rem!important;
}
h1 {
    font-size: var(--fs-md);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
p {
    font-size: var(--fs-sm);
}
.contentlink {
    font-size: var(--fs-sm);
}
.about-text ul {
    font-size: var(--fs-sm) !important;
}

#description ul {
    font-size: var(--fs-sm) !important;
}
.service-item {
    font-size: var(--fs-sm);
}
.btn {
    color: #0042a5;
    font-weight: 400;
    border: 0px solid #0042a5;
    display: inline-block;
    background: rgba(255, 255, 255, 0);
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.25rem!important;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
}
@media (max-width: 460px) {
p {
    font-size: var(--fs-xs);
}
.contentlink {
    font-size: var(--fs-xs);
}
.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: var(--fs-xs);
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0px;
  appearance: none;
}
}
@media (max-width: 360px) {
p {
    font-size: var(--fs-2xs);
}
.contentlink {
    font-size: var(--fs-2xs);
}
}
@media (max-width: 460px) {
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 0.0!important;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.0!important;
    right: 0px!important;
    line-height: 9px;
    font-size: 0.8em;
}
.service-item h1 {
    font-size: var(--fs-2xl);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    padding: 5px 0;
}
.service-item .mb-3 {
    margin-bottom: .5rem!important;
}
h1 {
  padding: 15px 0;
    font-size: var(--fs-sm);
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.125rem!important;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
}
h2 {
    font-size: var(--fs-xl);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}
h3 {
    font-size: var(--fs-lg);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}

@media (max-width: 810px) {
h2 {
    font-size: var(--fs-lg);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}
h3 {
    font-size: var(--fs-base);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}
}
@media (max-width: 460px) {
h2 {
    font-size: var(--fs-base);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}
h3 {
    font-size: var(--fs-sm);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}
}
h4 {
    font-size: var(--fs-base);
}
h5 {
    font-size: var(--fs-sm);
}
@media (max-width: 1024.98px) {
h5 {
    font-size: var(--fs-xs);
}
}
h6 {
    font-size: var(--fs-xs);
}
h5.modal-title {
    color: #0042a5 !important;
    font-size: var(--fs-lg);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0;
    line-height: 1.5;
}

@media (max-width: 460px) {
h5.modal-title {
    color: #0042a5 !important;
    font-size: var(--fs-sm);
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0;
    line-height: 1.5;
}
}
b, strong {
    font-weight: 600;
}
a.contentlink  {
    color: #0042a5;
    text-decoration: underline !important;
    font-weight: 500;
}
a:hover.contentlink  {
    text-decoration: none !important;
    color: #D2142F !important;
    font-weight: 500;
}
a:active.contentlink {
    outline: 0;
    color: rgb(58, 181, 74);
    font-weight: 500;
}
a {
    color: #000;
    text-decoration: none !important;
}
a.accordion-toggle {
    color: #0042a5;
    font-weight: 600;
}
a.accordion-toggle.collapsed {
    color: #646464;
    font-weight: normal;
}
a:hover {
    text-decoration: none;
    color: #0042a5;
}
a:active {
    outline: 0;
    color: rgb(58, 181, 74);
    font-weight: 500;
}
legend {
    background: #e6e6e6;
    font-size: var(--fs-base);
    font-family: "Open Sans",sans-serif;
    padding: 15px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #000;
    border: 0;
    font-weight: 600;
}
/* alert start*/
.alert {
    padding: 8px 14px 8px 14px;
}
/* alert end */
label {
    font-size: var(--fs-sm);
    font-weight: 500;
    margin: 3px 0;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #2A0000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.box {
    margin: 0 -20px;
}

.step-heading {
    text-align:center;
    margin: 0 10px;
    font-size: var(--fs-base);
    font-weight: 600;
}
.errors {
    text-align:center;
    margin: 0 10px;
    font-size: var(--fs-base);
    font-weight: 600; color:#FF0000;
}
.errors ul{
    list-style-type: none;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: var(--fs-sm);
    /*-moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;*/
    border: 1px solid #ddd;
    font-size: var(--fs-sm);
    font-weight:bold;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    border: none;
}
.input-group .input-group-addon {
    font-size: var(--fs-xs);
    height: 30px;
}
#accordion .input-group-btn .btn {
    margin-left: 10px;
    float: left;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}
.nav-tabs {
    margin-bottom: 15px;
}
/* top */

.list-inline > li:before {
    background: url(../image/pipe.png);
}
#top .container {
    padding: 0 20px;
}
#top .btn-link, #top-links a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 0px 7px 0;
    display: inline-block;
}
#top-links li .fa {
    font-size: 12px;
    margin: 0 5px 0 0;
}
#top-links > li {
    padding: 0 11px;
}
#top .btn-link:hover, #top-links a:hover {
    color: #fff;
}
#top-links .dropdown-menu a {
    text-shadow: none;
}
#top-links .dropdown-menu a:hover {
    color: #FFF;
}
#top .btn-link strong {
    font-size: var(--fs-sm);
    line-height: 14px;
}
#top-links ul {
    float: left;
}
#top-links a + a {
    margin-left: 15px;
}
#top-links .dropdown-menu {
    text-align: left;
    margin-top: 2px;
}
#top-links .dropdown-menu li a {
    padding: 1px 10px;
    color: #000;
    display: block;
}
#top-links .dropdown-menu li a:hover {
    background: none;
    color: #fff;
    background: #0042a5;
}
#top-links .dropdown.open .dropdown-toggle {
    background: none;
}
.list-inline {
    margin: 10px -5px 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.wel-come-msg {
    color: #fff;
    float: left;
    padding: 12px 20px 10px 0;
}
.header-top {
    background: #0042a5;  margin-top: 50px; margin-bottom: 0px;
}
.language .btn.btn-link.dropdown-toggle, .currency .btn.btn-link {
    padding: 12px 20px 10px 0px;
    background-color: rgba(255, 255, 255, 0);
}
.language, .currency {
    float: left;
}
.language .dropdown-menu, .currency .dropdown-menu {
    left: 0;
    margin: 0;
    right: auto;
    text-align: left;
}
.language li a, .currency li a {
    padding: 3px 10px;
    color: #000;
}
.language li a:hover, .currency li .btn-link:hover {
    color: #fff;
    background-color: #0042a5;
}
.currency-select.btn.btn-link.btn-block {
    font-weight: normal;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    color: #ffffff;
    background: #0042a5;
}
#top #currency .currency-select {
    text-align: left;
}
#top #currency .currency-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #0042a5;
    background-image: linear-gradient(to bottom, #0042a5, #1f90bb);
    background-repeat: repeat-x;
}
.currency .btn-link, .language .btn-link, .currency .btn-link:hover {
    background: none;
    text-decoration: none;
    color: #fff;
}
.currency .btn-link:hover, .language .btn-link:hover {
    color: #fff;
}
.currency .btn-link .fa, .language .btn-link .fa {
    margin: 0 10px;
}
.currency .btn-link:hover .fa, .language .btn-link:hover .fa {
    color: #fff;
}
/* CSS for Header Start */

.header-inner {
    width: 100%;margin-top: 35px;
}
.header-contact {
    display: inline-block;
}
.respo-header-middle, .top-toggle {
    display: none;
}
.header-inner .header-left {
    width: auto;
    padding: 0;
    margin: 22px 0;
}
.header-inner .header-right {
    padding: 0;
    float: right;
    width: auto;
    margin: 35px 0;
}
/* logo */
#logo {
    margin: 0; width:190px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
@media (max-width: 1200px) {
#logo {
    margin: 0; width:150px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
}
@media (max-width: 1088px) {
#logo {
    margin: 0; width:130px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
}
@media (max-width: 1000px) {
#logo {
    margin: 0; width:150px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
}
@media (max-width: 460px) {
#logo {
    margin: 0; width:150px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
    height: 100px;
    transition: height .5s;
}
.shadow-sm #logo {
    width: 120px;
	
    -webkit-transition: scale(1.0) rotate(0.01deg);
       -moz-transition: scale(1.0) rotate(0.01deg);
         -o-transition: scale(1.0) rotate(0.01deg);
            transform: scale(1.0) rotate(0.01deg);
}
}
.social-top {
    color: #404041 !important;
}
@media (max-width: 479px) {
.shadow-sm  #logo {
    margin: 15px 0px 0px 0px !important;
}
}
/* search */
.header-right #search .input-lg {
    height: 45px;
    width: 300px;
    line-height: 45px;
    border-radius: 0;
    border: 1px solid #e5e5e5;
}
.header-right #search .btn-lg {
    padding: 16px 30px;
    text-shadow: none;
    background: #0042a5;
    border-radius: 0;
    border: 0;
    color: #323131;
    margin: 0px;
}
#search {
    float: left;
}
#search.input-group {
    position: static;
}
#search .btn {
    background: #0042a5;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 16px;
    border-radius: inherit;
}
#search .btn {
    background: #000;
}
#search {
    border-radius: 0;
    border: none;
    height: 45px;
    line-height: 12px;
}

/* Shopping cart */
#shopping-cart .input-group input {
    text-align: center;
}

#shopping-cart a.productLink {
    color: var(--primary);
    font-weight: bold;
}

/* Spinner overlay container */
#loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
    color: var(--primary);
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it appears above everything */
}

/* Disable interaction with the table */
#shopping-cart.loading {
    pointer-events: none; /* Disable all interactions */
    opacity: 0.5; /* Fade out the table */
}

/* Cart */
#cart {
    margin-bottom: 10px;
}
#cart > .btn {
    font-size: var(--fs-xs);
    line-height: 18px;
    color: #FFF;
}
#cart > .btn:hover .fa {
    color: #666;
}
#cart .img-thumbnail {
    max-width: none;
    width: auto;
}
.header-right #cart > .btn {
    font-size: var(--fs-xs);
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #999;
    background: none;
    border: 0;
    text-shadow: none;
    margin: 0 auto;
    width: auto;
    -ms-text-align-last: auto;
    text-align: left;
    padding: 0;
}
.header-right #cart {
    float: right;
    margin: 0;
}
.header-right #cart .dropdown-menu {
    margin: 0;
    top: 65px;
    border-top: 2px solid #0042a5;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.header-right .fa-caret-down {
    padding: 0px 0px 0 10px;
    color: #aaabab;
}
.header-right .fa-caret-down:hover {
    color: #fff;
}
.header-right #search {
    float: left;
    clear: right;
    margin: 0 25px 0 0;
    background: #fff;
}
.header-right #search .btn-lg:hover .fa {
    color: #666;
}
#cart-total {
    background: url("../image/sprite.png") no-repeat scroll 0 0;
    padding: 3px 0px 0px 62px;
    margin: 3px 0 0;
    display: block;
}
#cart-total > span {
    font-family: '"Open Sans",sans-serif';
    color: #0042a5;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--fs-sm);
    letter-spacing: 0.5px;
}
#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}
#cart.open > .btn:hover {
    color: #444;
}
#cart .dropdown-menu {
    background: #fff;
    z-index: 1001;
}
#cart .dropdown-menu {
    width: 600px;
    padding: 10px;
}
#cart .dropdown-menu table {
    margin-bottom: 10px;
}
#cart .dropdown-menu table.table-bordered, #cart .dropdown-menu table.table-bordered td, #cart .dropdown-menu table.table-striped td {
    border: none;
    padding: 4px;
    vertical-align: top;
    background: none;
}
#cart .dropdown-menu table.table-bordered {
    border-top: 1px solid #ddd;
}
#cart .dropdown-menu table.table-striped .btn-danger {
    padding: 0px 3px;
    background: none;
    border: none
}
#cart .dropdown-menu table.table-striped .btn-danger .fa, #cart .dropdown-menu table.table-striped .btn-danger:hover .fa {
    font-size: 12px;
    color: red;
}
#cart .dropdown-menu li p {
    padding: 10px 0;
    margin: 0;
}
#cart .btn-viewcart a, #cart .btn-checkout a {
    color: #fff;
    background: #0042a5;
    display: inline-block;
    padding: 6px 15px;
}
#cart .btn-viewcart a:hover, #cart .btn-checkout a:hover {
    background: #23282a;
}
#cart strong {
    font-weight: 400;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}
/* CSS for Header End */





/* content */
.content {
    min-height: 300px;
        margin-top: 25px;
}
.bodycontent {
    min-height: 300px;
        margin-top: 275px;
}
#content {
        margin-top: 250px;
    min-height: 300px;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    text-align: center;
}
.marketing h2 {
    padding: 30px 0 20px;
    margin: 0;
}
.marketing .col-lg-4 p {
    margin: 0 15px 25px 15px;
}
.marketing img.img-circle {
    margin-bottom: 10px;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 0;
}
/* CSS for CMS-Banner Start */
.cms_banner {
    margin: 10px 20px 0;
    position:relative;
}

.bannertext{
    position:absolute;
    top:35%;
    left:10%;
    text-align:left;
}
.bannertext > h2 {
    font-size: var(--fs-base);
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.bannertext > p {
    color: #000;
    font-size: var(--fs-xs);
}
.img-responsive {
    margin: 0;	
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
}
.cms_searvice {
    margin-bottom: 70px;
    border-bottom: 1px solid #333;
    padding: 20px 0;
}
.cms-banner-right .Sub-right {
    opacity: 1;
}
#subbanner6 {
    margin-top: 25px;
}
.banner {
    overflow: hidden;
    margin: 20px 0 0 ;
}
.sub-hover:hover img {
    transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
}
.cms-block1, .cms-block2, .cms-block3, .cms-block4 {
    background: url("../image/cms-icon.png") no-repeat scroll 0px 37px;
    padding: 35px 0px 30px 60px;
    transition: all ease 0.3s;
}
.cms-block1 > h4, .cms-block2 > h4, .cms-block3 > h4, .cms-block4 > h4 {
    color: #fff;
    font-size: var(--fs-base);
    margin: 0;
    font-weight: 600;
    transition: all ease 0.3s;
}
.cms-block1:hover > h4, .cms-block2:hover > h4, .cms-block3:hover > h4, .cms-block4:hover > h4 {
    color: #0042a5;
}
.cms-block1 > p, .cms-block2 > p, .cms-block3 > p, .cms-block4 > p {
    margin: 0;
    transition: all ease 0.3s;
}
.cms-block1:hover > p, .cms-block2:hover > p, .cms-block3:hover > p, .cms-block4:hover > p {
    color: #fff;
    margin: 0;
}
.cms-block2 {
    background-position: 0px -65px !important;
}
.cms-block3 {
    background-position: 0px -163px !important;
}
.cms-block4 {
    background-position: 0px -265px !important;
}
.right-bottom-banner {
    margin-top: 20px;
}
.sub-banner-top {
    margin-top: 100px;
}
/* CSS for CMS-Banner End */
#center {
    padding-top: 0px;
}
/* prlx start*/
.parallax-container {
    position: relative;
    overflow: hidden;
    height: auto;
    margin-top: 100px;
}
.parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translate3d(0, 0, 0);
    transform: translateX(-50%);
}
/*testimonial*/
.owl-item li {
    list-style: outside none none;
}
#testimonial {
    background: transparent none repeat scroll 0 0;
    text-align: center;
}
.testimonial-image {
    border-radius: 50%;
    margin-top: 100px;
}
.testimonial-desc {
    margin: 0 100px 100px;
    font-weight: 400;
    font-size: var(--fs-base);
    line-height: 24px;
}
.testimonial-name h2 {
    font-family: "Open Sans",sans-serif;
    font-size: var(--fs-3xl);
    text-transform: none;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
}
.testimonial-designation {
    color: #0042a5;
}
.testimonial-name {
    margin-top: 20px;
}
#testimonial .owl-controls .owl-page {
    padding: 3px;
}
#testimonial .owl-controls .owl-page span {
    background: #999;
    height: 6px;
    width: 6px;
}
#testimonial .owl-controls .owl-page.active span, #testimonial .owl-controls .owl-page span:hover {
    background: #0042a5;
}
#testimonial .owl-controls .owl-page:hover, #testimonial .owl-controls .owl-page.active {
    border: 2px solid #0042a5;
}
.home-slider .owl-controls .owl-page.active span {
    cursor: default;
}
#testimonial .owl-pagination {
    position: absolute;
    width: 100%;
    bottom: -60px;
}
#testimonial .owl-controls .owl-page {
    margin: 10px 6px;
    display: inline-block;
    border: 2px solid #999;
}
/* testimonial  end*/
/* prlx end*/

.tab-banner {
    margin-bottom: 50px;
}
/* footer */
footer {
    margin-top: 1px;
}
footer-block {
    padding-top: 10px;
}
#bottom-footer {
    border-top: 1px solid #333;
    padding: 30px 0;
    text-align: center;
}
.footer-bottom {
    color: #a2a2a2;
    margin-top: 60px;
}
.footer-link > li:first-child {
    border: medium none;
}
.footer-link > li {
    border-left: 1px solid;
    display: inline-block;
    line-height: 14px;
    list-style: outside none none;
    padding: 0 15px;
}
footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}
footer, footer a, .footer-bottom a {
    color: #999;
    background: #512c1d;
    line-height: 28px;
    font-weight: 400;
}
.footer-bottom a {
    line-height: 0;
}
.footer-services {
    margin-top: 60px;
}
/* footer cms start */
footer h5 {
    font-family: "Open Sans",sans-serif;
    font-size: var(--fs-sm);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0px 0 20px;
}
footer ul {
    padding: 0;
    margin-top: 4px;
}
footer ul li {
    padding: 1px 0;
}
/* breadcrumb */
.breadcrumb {
    padding: 300px 10px 10px 10px !important;
    margin: 0 0 10px !important;
    text-align: center;
}
.breadcrumb h1 {
    font-size: var(--fs-2xl);
    font-weight: 600;
    text-transform: none;
    color: #000;
    margin: 0 0 5px;
    position: relative;
}
.breadcrumb a {
    color: #4c2218;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: relative !important;
    font-weight: bold;
}
.breadcrumb a:hover {
    border: none !important;
    color: #d58569;
}
.breadcrumb >ul> li + li::before {
    content: "";
    font-family: "FontAwesome";
    padding: 0 8px;
    position: relative;
    color: #4c2218;
	
}
.breadcrumb>ul>li {
    color: #4c2218;
}
.detailbreadcrumb h1 {
    font-size: var(--fs-2xl);
    font-weight: 600;
    text-transform: none;
    color: #000;
    margin: 0 0 5px;
    position: relative;
}
.detailbreadcrumb a {
    color: var(--bs-gray);
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: relative !important;
    font-weight: bold;
}
.detailbreadcrumb a:hover {
    border: none !important;
    color: #D2142F;
}
.detailbreadcrumb >ul> li + li::before {
    content: "";
    font-family: "FontAwesome";
    padding: 0 8px;
    position: relative;
    color: var(--bs-gray);
	
}
.detailbreadcrumb>ul>li {
    color: #0042a5 !important;
    font-weight: bold;
}
.detailbreadcrumb>ul>li {
    display: inline-block;
}
.pagination {
    margin: 0;
}
/* buttons */

.viewmore {
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.buttons {
    margin: 1em 0;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: var(--fs-xs);
    font-weight: normal;
}
/* .btn-group size variants removed - using Bootstrap defaults */

.btn-default {
    color: #0042a5;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.btn-primary {
    color: #ffffff;
    background: #005580;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
    border-radius: 5px;
}
.btn:hover {
    background: #005580;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    /*transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;*/
}
/*.input-group {
    display: inline-block;
    margin: 0 0 0 5px;
}
.input-group .btn {
    float: left;
    margin-left: 10px;
    padding: 11px 14px;
}*/
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background: #003d5c!important;
    color: #ffffff;
}
.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #ffffff;
    background-color: #0e1011;
    border: none;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #0042a5;
}
.btn-success {
    color: #ffffff;
    background-color: #5bb75b;
}
.btn-info {
    background: #39AAB0;
    color: #fff;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background: #454851;
    color: #fff
}
/* list group */

#column-left .list-group a.last, #column-right .list-group a.last {
    border: none;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #0042a5;
    background: none;
    border: none;
}
/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}
/* product list */
.customtab .product-thumb {
    margin: 0 0 30px;
    text-align: center;
}
#related-slidertab .owl-wrapper-outer .product-thumb {
    margin: 0 10px;
}
.owl-wrapper-outer .product-thumb {
    margin: 0 10px;
}
.grid-list-wrapper .product-thumb {
    margin: 0 10px;
}
.left-sidebar-widget .product-thumb:hover .img-responsive {
    transform: none;
    transition: none;
}
.product-thumb {
    margin: 0 0 60px;
    overflow: hidden;
    text-align: center;
}
.product-thumb a img {
    display: block;
    width: 100%;
    /*position: relative;
    max-width: none;
    height: calc(100vh - 750px);
    object-fit: contain !important;
    object-position: 50% 50%;
    overflow: hidden;*/
}


@media (max-width: 810px) {
.product-thumb a img {
    display: block;
    width: 100%;
    position: relative;
    max-width: none;
    /*height: calc(100vh - 650px);*/
    object-fit: contain !important;
    object-position: 50% 50%;
    overflow: hidden;
}
}
.product-thumb a img + img {
    display: none;
}
.product-thumb:hover a img {
    display: none;
}
.product-thumb:hover a img + img {
    display: block;
}
.image.product-imageblock > a {
    background: #ffffff none repeat scroll 0 0;
    overflow: hidden;
}
.product-thumb .image {
    text-align: center;
}
.product-thumb .image a {
    display: block;
}
.product-grid .product-thumb .image {
    float: none;
}
.product-thumb .button-group > li {
    list-style: outside none none;
    display: inline;
}
.addtocart-btn {
    display: table-cell;
}
.addtocart-btn > a {
    color: #ffffff;
    font-weight: 400;
    padding: 0 16px;
}
.product-list .product-thumb .image {
    float: left;
    background: #F5F5F5;
    margin: 0 20px 0 0;
}
.product-thumb .product-name {
    font-weight: 600;
    margin: 5px 0 5px;
}
.product-list .product-thumb .product-name {
    margin: 0 0 10px;
}
.product-list .product-desc {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e5e5;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 0 10px;
    padding: 25px 0;
    margin: 25px 0;
}
.product-list .product-thumb .caption {
    float: left;
    width: 64%;
    padding: 0;
    text-align: left;
    margin: 0 0 0 10px;
}
.content .product-list .product-thumb .product-price {
    float: none;
    margin: 0 0 10px;
}
.product-list .product-thumb .button-group .wishlist, .product-list .product-thumb .button-group .compare .product-list .product-thumb .button-group.addtocart-btn, .product-list .product-thumb .button-group .quick-view {
    height: 40px;
    width: 40px;
    padding: 0;
}
.content .product-list .product-thumb .rating {
    float: none;
    display: inline-block;
    margin: 0 0 10px;
}
.product-list .product-thumb {
    margin: 0 0 30px;
    padding: 0 0 20px;
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}
.riview {
    margin-left: 15px;
}
.rating {
    margin-top: 15px;
}
.rating .fa-stack {
    font-size: 8px;
    vertical-align: 1px;
}
span.fa-stack .fa-star.fa-stack-2x::before {
    color: #ffc000;
    content: "";
    font-size: 13px;
}
.fa-star::before {
    content: "";
}
span.fa-stack .fa-star-o::before {
    color: #9f9f9f;
    font-size: 13px;
    content: "";
}
.fa-star-o::before {
    content: "";
}
span.fa-stack {
    height: 14px;
    line-height: 14px;
    width: 10px;
}
.fa-stack {
    width: 9px;
    height: 10px;
    margin: 0 1px;
}
.rating .fa fa-star, .productinfo-tab .fa fa-star {
    color: #0042a5;
}
.fa.fa-star.fa-stack-2x {
    color: #0042a5;
}
h2.price {
    margin: 0;
}
.product-thumb.transition {
    text-align: center;
}
.product-thumb .price {
    color: #121212;
    font-weight: 600;
    margin: 0;
    font-size: var(--fs-base);
}
.less {
    color: #0042a5;
    font-weight: 400;
    margin-left: 10px;
    text-decoration: line-through;
}
.product-thumb .price-tax {
    color: #999;
    font-size: var(--fs-xs);
    display: none;
}
.product-list .button-group.grid-btn {
    display: none;
}
.product-grid .button-group.list-btn {
    display: none;
}
.button-group.list-btn > li {
    display: inline-block;
}
.tab-content .product-grid .product-thumb > .button-group, .content .product-slider .product-thumb > .button-group, .content .product-grid .product-thumb > .button-group, .column-left .product-grid .product-thumb .product-imageblock .button-group, .column-right .product-grid .product-thumb .product-imageblock .button-group, .column-left .product-slider .product-thumb .product-imageblock .button-group, .column-right .product-slider .product-thumb .product-imageblock .button-group {
    display: none;
}
.content .product-slider .product-thumb .product-imageblock .button-group, .content .product-grid .product-thumb .product-imageblock .button-group {
    opacity: 0;
    padding: 0 20px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: absolute;
}
.content .product-thumb:hover .product-imageblock .button-group {
    opacity: 1;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    left: 0;
    right: 0;
    bottom: 10px;
}
.content .product-thumb .product-imageblock .button-group {
    opacity: 1;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    left: 0;
    right: 0;
    bottom: 10px;
}
.product-slider .product-thumb .product-imageblock, .content .product-grid .product-thumb .product-imageblock {
    position: relative;
    overflow: hidden;
}
.content .product-grid .product-grid-item {
    padding: 0;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
.button-group li button .fa, button .fa {
    color: #fff;
}
.product-thumb .button-group .addtocart-btn:hover, .product-thumb .button-group .wishlist:hover, .product-thumb .button-group .compare:hover, .product-thumb .button-group .quick-view:hover {
    background: #000;
    color: #ffffff;
}
.product-thumb .button-group .wishlist, .product-thumb .button-group .compare, .product-thumb .button-group .quick-view {
    background: #0042a5 none repeat scroll 0 0;
    margin: 2px 0;
    overflow: hidden;
    height: 40px;
    width: 40px;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
    color: #fff;
}
.product-list .addtocart-btn {
    padding: 10px 12px !important;
}
.product-thumb .button-group .addtocart-btn {
    background: #0042a5 none repeat scroll 0 0;
    margin: 2px 0;
    overflow: hidden;
    margin-top: 10px;
    padding: 13px 25px;
    color: #fff;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.product-list .product-thumb .button-group .addtocart-btn {
    display: inline;
}
.thumbnails {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > img {
    width: 100%;
}
.image-additional a {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #ece4d8;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    display: inline-block;
}
#product-thumbnail .item {
    text-align: center;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }
    #column-left + .content .product-layout .col-md-3 {
        width: 50%;
    }
    #column-left + .content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
    .content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}
.qty-label {
    float: left;
    margin: 10px 10px 0 0;
}
.productpage-qty {
    width: 50px;
}
.productpage-title {
    font-weight: bold;
    text-transform: none;
    font-size: var(--fs-2xl);
}
.product-slider.owl-carousel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible;
}
.product-slider.owl-carousel .owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
}
.content .blog-wrapper .owl-buttons {
    position: absolute;
    top: 60%;
    width: 100%;
}
.product-slider.owl-carousel .owl-buttons div {
    font-size: 0;
}
.product-slider.owl-carousel .owl-buttons > div {
    background: url("../image/sprite.png") no-repeat 0 0;
    height: 20px;
    width: 20px
}
.content .blog-wrapper .owl-buttons > div.owl-next, .product-slider.owl-carousel .owl-buttons > div.owl-next {
    background-position: -3px -160px;
    right: -50px;
    height: 43px;
    width: 43px;
}
#related-slidertab .owl-next {
    right: 0;
}
#related-slidertab .owl-prev {
    left: 0;
}
.content .blog-wrapper .owl-buttons > div.owl-next:hover, .product-slider.owl-carousel .owl-buttons > div.owl-next:hover {
    background-position: -3px -217px;
    border-color: #0042a5;
}
.content .blog-wrapper .owl-buttons > div.owl-prev, .product-slider.owl-carousel .owl-buttons > div.owl-prev {
    background-position: -3px -47px;
    left: -50px;
    height: 43px;
    width: 43px;
}
.content .blog-wrapper .owl-buttons > div.owl-prev:hover, .product-slider.owl-carousel .owl-buttons > div.owl-prev:hover {
    background-position: -3px -104px;
    border-color: #0042a5;
}
#product-thumbnail.owl-carousel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 auto 30px;
}
#product-thumbnail.owl-carousel .owl-buttons {
    position: absolute;
    top: 58%;
    width: 100%;
}
#product-thumbnail.owl-carousel .owl-buttons div {
    opacity: 0;
    font-size: 0;
    height: 20px;
}
#product-thumbnail.owl-carousel:hover .owl-buttons div {
    opacity: 1;
}
#product-thumbnail.owl-carousel .owl-buttons > div:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    font-weight: normal;
    padding: 4px 10px;
    color: #fff;
    background-color: #000;
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:before {
    content: '\f105';
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:before {
    content: '\f104';
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:hover:before, #product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:hover:before {
    background-color: #0042a5;
}
#product-thumbnail.owl-carousel .owl-buttons .owl-next, #product-thumbnail.owl-carousel:hover .owl-buttons .owl-next {
    right: 0;
    left: auto;
}
#product-thumbnail.owl-carousel .owl-buttons .owl-prev, #product-thumbnail.owl-carousel:hover .owl-buttons .owl-prev {
    left: 0;
}
#product-thumbnail.owl-carousel .image-additional a {
    margin-bottom: 0;
}
/* CSS for Custom Tab */
.customtab-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
    width: 100%;
    margin-top: -25px;
}
.customtab-wrapper ul {
    margin: 0;
}
.customtab .tab {
    list-style-type: none;
    display: inline;
}
#tabs {
    text-align: center;
}
.tab:first-child::before {
    content: "";
}
.tab a {
    padding: 14px 20px;
    display: inline-block;
    font-size: var(--fs-sm);
    font-weight: 400;
    margin-top: 40px;
    color: #727883;
}
.tab a.selected, .tab a:hover {
    color: #0042a5;
}
.customtab-inner {
    padding: 0;
}
.customtab .product-slider.owl-carousel .owl-buttons {
    top: -60px;
}



/* CSS for sidebar  block start */ 
.col-sm-3.hidden-xs.column-left {
    padding: 0 20px 0 0;
}
.col-sm-3.hidden-xs.column-right {
    padding-left: 20px;
}
.left-sidebar-widget ul > li {
    overflow: hidden;
    list-style: none;
}
.left-sidebar-widget, .right-sidebar-widget {
    margin-bottom: 45px;
}
.column-left .columnblock-title, .column-right .columnblock-title {
    font-size: var(--fs-lg);
    font-family: "Open Sans",sans-serif;
    color: #000;
    margin-bottom: 15px;
    padding: 0 0 20px;
    font-weight: 600;
    border-bottom: 1px solid #0042a5;
}
.column-left .list-group, .column-right .list-group {
    margin: 0 0 20px;
}
.left-sidebar-widget .product-thumb {
    margin: 0;
    padding: 0;
}
.left-sidebar-widget .image.product-imageblock {
    margin: 0;
    padding: 0;
}
.left-sidebar-widget .product-thumb {
    border: medium none;
}
.left-sidebar-widget .product-name {
    font-size: var(--fs-sm);
    font-weight: 400;
    margin: 0;
}
.left-sidebar-widget .price.product-price {
    color: #121212;
    font-weight: bold;
    margin: 10px 0;
}
.left-sidebar-widget .product-layout {
    margin: 15px 0;
}
/* CSS for sidebar  block end */ 


/* CSS for content Start */
.column-block {
    margin: 0 0 20px;
}
.category_block ul {
    padding: 0;
    margin: 0;
}
.category_block ul ul {
    padding: 0 0 0 15px;
}
.category_block ul li {
    list-style-type: none;
    padding: 5px 0;
}
.category_block ul li:last-child {
    border-bottom: none;
}
.category_block ul li p.list-group-item {
    display: inline-block;
    border: none;
    padding: 5px 0;
    width: 100%;
}
.category_block .list-group-item:hover {
    background: none;
}
.information-block ul li {
    padding: 5px 0;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
}
.category_block .hitarea {
    float: right;
}
.category_block .hitarea.expandable-hitarea {
    height: 20px;
    width: 20px;
    z-index: 9;
    text-align: center;
    cursor: pointer;
    position: static;
}
.category_block .hitarea.collapsable-hitarea {
    height: 20px;
    width: 20px;
    z-index: 9;
    text-align: center;
    cursor: pointer;
    position: static;
}
.category_block .hitarea.expandable-hitarea:before {
    font-family: 'FontAwesome';
    content: '\f067';
    color: #999999;
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
}
.category_block .hitarea.collapsable-hitarea:before {
    font-family: 'FontAwesome';
    content: '\f068';
    color: #999999;
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
}
a.list-group-item {
    font-weight: bold;
}
p.list-group-item {
    font-weight: bold;
}
.filter .panel-footer {
    padding: 0;
}
.filter-block .checkbox {
    margin: 6px 0;
    font-weight: 400;
}
.filter-block .checkbox:hover {
    color: #0042a5;
}
.product-thumb .product-name a {
    font-size: var(--fs-sm);
    color: #666;
    font-weight: bold;
}
.product-list .product-thumb .product-name a {
    font-size: var(--fs-sm);
}
.product-thumb:hover .product-name a {
    color: #0042a5;
}
.product-grid .product-desc {
    display: none;
}
.category-title {
    text-transform: uppercase;
}
.category-banner .img-thumbnail {
    border: none;
    padding: 0;
}
.category-banner .category-desc {
    margin: 10px 0;
}
.category-page-wrapper {
    display: inline-block;
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 20px;
}
.category-page-wrapper .form-control {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}
.list-grid-wrapper {
    float: right;
    padding: 0;
    width: auto;
}
.category-page-wrapper .control-label {
    float: left;
    font-weight: bold;
}
.limit .form-control, .sort-inner .form-control {
    border: 0 none !important;
}
.limit, .sort-inner {
    float: left;
    padding-left: 10px;
}
.limit::before, .sort-inner:before {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 8px;
    top: 0px;
}
.page-wrapper {
    width: auto;
    padding: 0 0 0 20px;
    display: inline-block;
    border-left: 1px solid #d9d9d9;
}
#input-sort:before {
    content: "\f054";
    font-family: "Fontawesome";
}
.sort-wrapper {
    width: auto;
    margin: 0px 10px 0 0;
    padding: 0 0px 0 0;
    border: none;
    display: inline-block;
}
.pagination-inner {
    float: right;
}
#compare-total {
    border-right: 1px solid #d9d9d9;
    margin: 10px 10px 10px 0;
    padding-right: 15px;
}
.btn.btn-default.list, .btn.btn-default.grid {
    padding: 8px 16px;
    border: none;
}
.btn.btn-default.list.active {
    background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll -28px -35px;
}
.btn.btn-default.list {
    background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll -28px 0px;
}
.btn.btn-default.grid.active {
    background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll 5px -35px;
}
.btn.btn-default.grid {
    background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll 5px 0px;
}
.result-inner {
    float: left;
    margin: 10px;
}
.grid-list-wrapper .product-grid {
    padding-bottom: 60px;
}
.grid-list-wrapper {
    margin: 15px -10px;
}
.category-page-wrapper .page-wrapper .form-control {
    width: 50px;
}
.content .blog-heading h3, .productblock-title, .client-title, .contactus-title, .team-title, .about-title {
    font-size: var(--fs-xl);
    clear: both;
    margin: 20px 0 0px;
    display: inline-block;
    width: 100%;
    padding: 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
}
.title-subline {
    font-size: var(--fs-base);
    clear: both;
    color: #62646c;
    margin: 10px 0px 60px;
    display: inline-block;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    text-align: center;
}
.brand-logo.owl-carousel .img-responsive {
    display: inline-block;
}
#product .addtocart {
    margin: 0 10px;
}
span.review-count, span.review-edit {
    margin: 0px 5px;
    display: inline-block;
}
.rating.product .fa-stack {
    vertical-align: 1px;
}
.productinfo-tab {
    margin: 25px 0 -20px;
}
.nav-tabs {
    padding: 0;
    margin: 0;
}
.nav-tabs>li>a {
    padding: 10px 20px;
    margin: 0;
    border: 0;
    color: #0042a5;
}
.nav-tabs>li>a:hover {
    background: #000;
    padding: 10px 20px;
    margin:0;
    color: #fff;	
}
.nav-tabs>li.active>a {
    background: #000;
    padding: 10px 20px;
    margin:0;
    color: #fff;
}
.productinfo-tab .tab-content {
    border-style: solid;
    border-width: 2px 0 0;
    overflow: hidden;
    padding: 25px;
    border: 1px solid #CCC;
    border-top: 2px solid #000;
}
.label-title {
    font-weight: bold;
    margin: 0 5px 0 0;
}
.qty {
    display: inline-block;
    margin: 25px 0;
    width: auto;
}
.qty > input {
    border: 1px solid #ddd;
    padding: 8px;
    width: 60px;
    margin: 0 10px
}
#product .button-group.list-btn {
    float: right;
    margin: 0 10px;
}
.col-sm-7.prodetail {
    padding: 0 0 0 20px;
}
.productinfo-details-top, .productinfo-details-bottom {
    line-height: 25px;
    overflow: hidden;
}
.required .form-control {
    max-width: 100%;
}
.sort-wrapper .control-label, .page-wrapper .control-label {
    padding: 0;
    margin: 0;
}
#input-quantity {
    float: left;
    margin: 10px 0;
}
#product {
    clear: both;
    margin-top: 35px;
}
#product button {
    background: #0042a5 none repeat scroll 0 0;
    height: 40px;
    width: 40px;
}
#product .custom-qty {
    margin: 20px 0;
}
.input-text.qty {
    padding: 10px;
    width: 80px;
}
#product button:hover {
    background: #23282A none repeat scroll 0 0;
}
.product .product-desc {
    font-size: var(--fs-xs);
}
.product .product_info li label {
    font-weight: bold;
    font-size: var(--fs-xs);
    width: 85px;
}
.product .product_info li span {
    font-weight: normal;
    margin-left: 20px;
}
.productpage-price {
    font-size: var(--fs-md);
    color: #000;
    font-weight: bold;
    margin: 10px 0;
}
.brand-block {
    margin: 0 0 20px;
}
.brandproduct-title {
    background: #f1f1f1;
    padding: 8px;
}
.search-criteria, .search-desc {
    margin: 10px 0;
}
button.btn.btn-default.btn-lg span {
    font-size: var(--fs-sm);
    letter-spacing: 1px;
    color: #ffffff;
}
.box-block {
    border: 1px solid #ddd;
    padding: 10px;
    background: #F5F5F5;
    margin: 0 0 10px;
}
/* CSS for content End */


/*brand logo*/
#brand_carouse .owl-item {
    opacity: 0.5;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
#brand_carouse .owl-item:hover {
    opacity: 1;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
/* end*/

#scrollup {
    background: url("../image/scroll.png") no-repeat;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 9999;
}
/* CSS for Footer-Top CMS start */
.footer-top-cms {
    min-height: 400px;
    padding: 140px 0;
    margin-top: 100px;
    text-align: center;
}
.footer-top-cms h5 {
    font-family: "Open Sans",sans-serif;
    font-size: var(--fs-xl);
    color: #000;
    line-height: 35px;
    font-weight: 600;
    margin: 4px 15px 0 0;
}
.footer-logo {
    float: left;
}
.footer-bottom-cms {
    margin: 10px 0;
    width: 100%;
}
.footer-payment ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-payment li {
    margin: 0 10px 0 0;
    list-style-type: none;
    display: inline;
}
.footer-payment li:last-child {
    margin: 0;
}
.footer-desc {
    display: inline-block;
    margin: 20px 40px 0 0;
}
.newslatter input {
    height: 70px;
    width: 500px !important;
    border-right: 0 none;
    border: 1px solid #e6e6e6;
}
.newslatter .btn.btn-large.btn-primary {
    padding: 23px 50px;
    font-size: var(--fs-base);
    margin-left: 0px;
    color: #fff;
    letter-spacing: 1px;
    background-color: #0042a5;
    font-weight: 600;
}
.newslatter .btn.btn-large.btn-primary:hover {
    color: #fff;
    background-color: #000;
}
.footer-social {
    display: inline-block;
    margin-top: 30px;
}
.newslatter h5, .footer-social h5 {
    margin: 0 0 10px;
    font-size: var(--fs-4xl);
}
.newslatter .title-subline, .footer-social .title-subline {
    color: #0042a5;
    margin: 0px 0 30px;
}
.footer-social ul {
    padding: 0;
    margin: 0;
}
.footer-social li {
    float: left;
    list-style-type: none;
    margin: 0 8px 0 0;
}
.footer-social li a {
    border: 1px solid #512c1d;
    height: 48px;
    width: 48px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #512c1d;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.footer-social li a:hover {
    border: 1px solid #0042a5;
    background-color: #0042a5;
    color: #fff;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.footer-social li a .fa {
    font-size: 20px;
}
/* CSS for Footer-Top CMS end */

/* CSS for Footer-bottom CMS start */

.footer-bottom .copyright {
    padding: 3px 0;
}
/* CSS for Footer-bottom CMS end */


/* CSS for Footer-Right CMS start */
.footer-contact ul {
    margin: 0;
    padding: 0;
}
.footer-contact ul li {
    list-style-type: none;
    padding: 0
}
.footer-contact .fa {
    margin: 0 5px 0 0;
    float: left;
    clear: both;
    color: #999;
    text-align: center;
    line-height: 26px;
    width: 15px;
}
.footer-contact .fa.fa-mobile {
    font-size: 18px;
}
.footer-contact .fa.fa-map-marker {
    font-size: 15px;
}
.footer-contact .fa.fa-envelope {
    font-size: 11px;
}
.footer-contact span {
    float: left;
    padding: 1px;
}
/* CSS for Footer-Right CMS end */

/* CSS for Blog Start */
/* CSS for Blog Sidebar Start */
#column-left .blog .blog-heading, #column-right .blog .blog-heading {
    padding: 0;
}
#column-left .blog .blog-inner, #column-right .blog .blog-inner {
    border: 1px solid #ddd;
    margin: 0 0 20px;
    padding: 20px 20px;
    background: #F5F5F5;
}
#column-left .blog-name h2, #column-right .blog-name h2 {
    font-family: "Open Sans",sans-serif;
    font-size: var(--fs-xs);
    color: #1b1b1b;
    text-transform: capitalize;
    font-weight: normal;
    margin: 0 0 5px;
}
#column-left .blog-name h2:hover, #column-right .blog-name h2:hover {
    color: #0042a5;
}
#column-left .blog-content, #column-right .blog-content {
    overflow: hidden;
}
#column-left .blog-content .blog-desc, #column-left .blog-content .blog-more, #column-right .blog-content .blog-desc, #column-right .blog-content .blog-more {
    display: none;
}
#column-left .blog-image img, #column-right .blog-image img {
    width: 100%;
    height: auto;
}
#column-left .blog-wrapper .blog-image .blog-date, #column-left .blog-wrapper .blog-image .blog-readmore, #column-left .blog-wrapper .blog-readmore, #column-right .blog-wrapper .blog-image .blog-date, #column-right .blog-wrapper .blog-image .blog-readmore, #column-right .blog-wrapper .blog-readmore {
    display: none;
}
.tagcloud li > a {
    border: 1px solid #c9c7bc;
    line-height: 45px;
    padding: 8px 13px;
}
.tagcloud li > a:hover {
    border: 1px solid #0042a5;
    color: #0042a5;
}
.tagcloud li {
    display: inline;
    list-style: outside none none;
    margin: 2px;
    overflow: hidden;
}
#latestblog .clickable .owl-buttons .fa.fa-angle-right, #latestblog .clickable .owl-buttons .fa.fa-angle-left {
    font-size: 24px;
}
#latestblog .owl-controls .owl-buttons .owl-prev, #latestblog .owl-controls .owl-buttons .owl-next {
    top: -54px;
}
#latestblog .owl-carousel .owl-buttons .owl-prev {
    right: 36px;
}
/* CSS for Blog Sidebar End */

/* CSS for Blog content Start */

.content .blog .blog-wrapper li {
    padding: 0 15px;
}
.content .blog-image img {
    width: 100%;
    height: auto;
}
.content .blog-wrapper .owl-buttons > div {
    background: url("../image/sprite.png") no-repeat 0 0;
    height: 20px;
    width: 20px;
    font-size: 0;
    text-indent: -9999px;
}
#blog .right-sidebar-widget .blog-content {
    background: none;
}
.index .blog-content {
    padding-bottom: 0px;
}
.blog .owl-pagination {
    top: 0px !important;
}
.blog-content {
    margin: 10px 0 0;
    padding-bottom: 70px;
    font-family: "Open Sans",sans-serif;
}
.blog-name {
    font-size: var(--fs-base);
    font-weight: 400;
    text-transform: none;
}
.blog-name h2:hover {
    color: #0042a5;
}
.content .blog-wrapper .blog-image {
    position: relative;
}
.content .blog-wrapper .blog-content {
    text-align: left;
}
.content .blog-wrapper .blog-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition-duration: 500ms;
}
.content .blog-wrapper .item:hover .blog-hover {
    opacity: 1;
    transition-duration: 500ms;
}
.content .blog-wrapper .blog-readmore-outer {
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;
    text-align: center;
    opacity: 0;
    transition-duration: 500ms;
}
.content .blog-wrapper .item:hover .blog-readmore-outer {
    opacity: 1;
    transition-duration: 500ms;
}
.content .blog-wrapper .blog-readmore-outer .blog-readmore {
    padding: 8px 15px;
    color: #fff;
}
.content .blog-wrapper .blog-image .blog-date {
    padding: 7px 15px;
    background: rgba(14, 16, 17, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.blog_img > img {
    max-width: 100%;
}
.blog-comment {
    font-style: italic;
}
.blog-readmore {
    color: #0042a5;
    padding: 10px 25px;
    font-size: var(--fs-sm);
    font-weight: 400;
    margin: 15px 0 0;
    border: 1px solid #0042a5;
    display: inline-block;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.blog-readmore:hover {
    background: #0042a5;
    color: #fff;
    transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.index .blog-desc {
    margin: 10px 0 0;
    padding: 10px 0;
    border-top: 1px solid #ECECEC;
}
.blog-desc {
    margin: 20px 0;
}
.blog-name > a {
    display: inline-block;
    margin: 22px 0 0;
    overflow: hidden;
    font-size: var(--fs-xl);
    font-weight: 600;
    text-transform: initial;
}
.index .blog-name > a {
    display: inline-block;
    margin: 12px 0 0;
    overflow: hidden;
    font-size: var(--fs-xl);
    font-weight: 600;
    text-transform: initial;
}
.index .blog-name > a {
    font-size: var(--fs-sm);
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.index .blog-date {
    float: right;
}
.blog-date {
    color: #000;
    display: inline-block;
    font-weight: 400;
}
.blog-content .blog-author {
    font-style: italic;
    padding: 0 15px 0 0;
}
.author-avatar {
    float: left;
    margin-right: 20px;
    width: 80px;
}
.comment {
    list-style: outside none none;
    display: inline-block;
}
.author-about {
    display: inline-block;
    margin: 50px 0;
}
.author-name {
    display: inline-block;
    margin-top: 0;
}
.comment-reply {
    float: right;
}
article, .author {
    border-top: 1px solid #e6e6e6;
    margin: 10px 0;
    padding-top: 20px;
    display: inline-block;
}
.comment-title, .author-about-title, #reply-title {
    margin: 0 0 15px;
}
.comment-list {
    margin: 0 0 30px;
}
.comment-avatar {
    float: left;
    margin-right: 20px;
    width: 80px;
}
.right-sidebar-widget .blog-name > a {
    font-size: var(--fs-md);
    margin: 15px 0 0;
}
.right-sidebar-widget .latestblog .owl-prev {
    background-position: 0px -114px;
    right: -50px;
    left: auto;
    height: 30px;
    width: 34px;
    opacity: 1;
}
.right-sidebar-widget .latestblog .owl-next {
    background-position: 0px -114px;
    right: -50px;
    left: auto;
    height: 30px;
    width: 34px;
    opacity: 1;
}
/* CSS for Blog content End */


/* CSS for Blog-List Start */
.blog-list-item {
    margin: 0 0 20px;
}
.blog-list-item .blog-list-image img {
    width: 100%;
    height: auto;
}
.blog-list-item .blog-listname h2 {
    margin: 20px 0 10px;
    font-weight: bold;
}
.blog-list-item .blog-listname h2:hover {
    color: #39AAB0;
}
.blog-list-image {
    position: relative;
}
.blog-list-item .blog-list-image .blog-list-date {
    padding: 7px 15px;
    background: rgba(57, 170, 176, 0.5);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.blog-list-item .blog-list-image .blog-list-readmore {
    position: absolute;
    right: 0;
    left: 0;
    top: 45%;
    text-align: center;
    opacity: 0;
    transition-duration: 500ms;
}
.blog-list-item:hover .blog-list-readmore {
    opacity: 1;
    transition-duration: 500ms;
}
.blog-list-item .blog-list-image .blog-list-readmore .readmore {
    padding: 8px 15px;
    background: #000000;
    color: #fff;
}
.blog-list-item .blog-list-image .bloglist-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition-duration: 500ms;
}
.blog-list-item:hover .bloglist-hover {
    opacity: 1;
    transition-duration: 500ms;
}
/* CSS for Blog-List End */

/* CSS for Single-Blog-List Start  */

.singleblog-desc {
    margin: 20px 0;
}
.singleblog-image {
    position: relative
}
.singleblog-image img {
    max-width: 100%;
    height: auto;
}
.singleblog-title {
    margin: 10px 0 0;
    font-weight: 600;
}
.single-blog-share {
    margin: 0 0 10px;
}
.singleblog-date {
    padding: 7px 15px;
    background: rgba(57, 170, 176, 0.5);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* CSS for Single-Blog-List End  */

/* CSS for Blog end */

/* CSS for Blog List More Start */
#blogList li {
    display: none;
}
.load-more-wrapper {
    display: inline-block;
    text-align;
    text-align: center;
    width: 100%;
}
.loadMore, .showLess {
    display: inline-block;
    color: #ffffff;
    background: #39AAB0;
}
.loadMore:hover, .showLess:hover {
    background: #454851;
}
#loadMore, #showLess {
    color: #fff;
    cursor: pointer;
    padding: 6px 15px;
}
.none {
    display: none;
}
.blog-meta > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.u-url {
    color: #0042a5;
    text-transform: capitalize;
}
.blog-meta {
    padding: 0;
    width: 100%;
    display: inline-block;
}
.blog-readmore {
    display: inline-block;
}
.blog-meta li i {
    margin: 0 5px 0 0;
}
button {
    border: 0px none;
}
input, select, textarea {
    border: 1px  solid #808080;
    border-radius: 4px;
    padding: 5px;
    /*margin: 5px 0;*/
    color: #0042a5; font-weight:600;
}
.newslatter input {
    border: 0 none !important;
    padding: 0 24px;
}
.blog_img {
    height: 400px;
    overflow: hidden;
}
.video.blog_img {
    height: auto;
}
video {
    width: 100%;
}
#commentform input {
    width: 385px;
}
#submit {
    background: #0042a5 none repeat scroll 0 0;
    height: 32px;
    border: none;
    color: #fff;
    width: 100px;
    text-transform: capitalize;
    float: right;
}
#submit:hover {
    background-color: #23282a;
}
#commentform label {
    margin-bottom: 30px;
    vertical-align: top;
    width: 200px;
}
/*   Slder Navigation Arrow	*/

.home-slider.owl-carousel {
    border: none;
    box-shadow: none;
    background: none;
    border-radius: 0;
    margin: 250px 0 0 0;
}
.home-slider .owl-controls {
    bottom: 15px;
    position: absolute;
    width: 100%;
    display: none !important;
}
.owl-carousel .owl-wrapper-outer {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.home-slider .owl-pagination {
    top: 60px;
}
.home-slider .owl-buttons {
    bottom: 310px;
    position: relative;
}
.home-slider .owl-prev {
    font-size: 0;
    height: 64px;
    position: absolute;
    width: 80px;
    left: 100px;
}
.home-slider .owl-prev {
    cursor: pointer;
}
.mainbanner .owl-carousel .owl-buttons .owl-prev {
    left: 50px;
}
.mainbanner .owl-carousel .owl-buttons .owl-next {
    right: 50px;
}
.mainbanner .owl-prev {
    background: url("../image/left_arrow.png") no-repeat 0 0;
}
.mainbanner .owl-next {
    background: url("../image/right_arrow.png") no-repeat 0 0;
}
.home-slider .owl-next {
    font-size: 0;
    height: 64px;
    position: absolute;
    width: 80px;
}
.home-slider .owl-next {
    /*cursor:url("../image/right_arrow.png"), auto !important
    */
    cursor: pointer;
}
.home-slider .owl-controls .owl-page {
    padding: 3px;
    border: 2px solid #999;
}
.home-slider .owl-controls .owl-page span {
    background: #999;
    height: 6px;
    width: 6px;
}
.home-slider .owl-controls .owl-page.active span, .home-slider .owl-controls .owl-page span:hover {
    background: #0042a5;
}
.home-slider .owl-controls .owl-page:hover, .home-slider .owl-controls .owl-page.active {
    border: 2px solid #0042a5;
}
.home-slider .owl-controls .owl-page.active span {
    cursor: default;
}
.brand-logo.owl-carousel .owl-buttons div {
    background: url("../image/sprite.png") no-repeat 0 0;
    font-size: 0;
    top: 40%;
    height: 43px;
    width: 43px;
}
.brand-logo.owl-carousel .owl-buttons .owl-prev {
    background-position: -3px -47px;
    left: -50px;
}
.brand-logo.owl-carousel .owl-buttons .owl-prev:hover {
    background-position: -3px -104px;
}
.brand-logo.owl-carousel .owl-buttons .owl-next {
    background-position: -3px -160px;
    right: -50px;
}
.brand-logo.owl-carousel .owl-buttons .owl-next:hover {
    background-position: -3px -217px;
}
/*   contact page	*/

.contact .contactus-title {
    margin: 0 0 30px 0;
}
.contact .contact-desc {
    margin: 0 0 90px;
}
.complaint, .email, .time {
    text-align: center;
    border-left: 1px solid #b9b9b9;
}
.complaint .tf, .email .tf, .time .tf {
    background: rgba(0, 0, 0, 0) url("../image/about-icon.png") no-repeat scroll center 0;
    padding: 38px 0 0;
}
.email .tf {
    background-position: center -63px;
}
.time .tf {
    background-position: center -123px;
}
.complaint {
    border: 0 none;
}
.forgot {
    display: inline-block;
    margin: 10px 0;
}
.main-form input, .main-form textarea, .leave-form input, .leave-form textarea {
    margin: 0 0 30px;
    padding: 10px;
    width: 100%;
    background-color: #e6e6e6;
    max-width: 100%;
    display: inline-block;
}
.main-form form {
    margin: 60px auto;
}
.main-form {
    margin: 90px 50px 0;
}
.map {
    margin: 100px 50px 0px;
}
/*   contact page end	*/




/*about page start*/

.aboutus-title {
    font-family: "Open Sans",sans-serif;
    font-size: var(--fs-xl);
    font-weight: 600;
    margin: 0 0 20px 25px;
}
.desc > p {
    line-height: 26px;
    margin: 0 0 0 30px;
}
.social > li {
    display: inline-block;
    list-style: outside none none;
    height: 42px;
    width: 42px;
    transition: all 1s ease 0s;
}
.social > li:hover {
    background: #0042a5 none repeat scroll 0 0;
    color: #fff;
}
.social > li:hover a {
    color: #fff;
}
.social li a .fa {
    font-size: 20px;
    padding: 10px;
}
.text-box {
    text-align: center;
}
.text-box .name {
    margin: 27px 0 3px;
}
.deg {
    font-size: var(--fs-xs);
    font-weight: 400;
    color: #0042a5;
    margin: 0 0 20px;
}
.team .team-desc, .about-desc {
    margin: 0 0 50px;
}
.product-desc > ul {
    padding-left: 2rem!important;
    margin: 0;
}
.skill ul {
    padding-right: 15px;
}
.skill li {
    list-style: outside none none;
    margin-bottom: 14px;
}
.mission {
    padding: 0 20px;
}
.who-we-are {
    padding-left: 15px;
}
.purchase-title {
    font-size: var(--fs-xl);
    font-weight: 600;
}
.purchase {
    border: 1px solid #0042a5;
    padding: 30px;
    text-align: center;
    margin-top: 80px;
}
.purchase a {
    background: #0042a5 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    padding: 10px;
}
.purchase > button {
    background: #0042a5 none repeat scroll 0 0;
    margin: 10px 0;
}
.work li {
    list-style: outside none none;
    margin-bottom: 47px;
}
.team {
    margin: 0 -30px;
}
.team-title {
    margin-bottom: 30px;
}
.team1, .team2, .team3, .team4 {
    padding: 30px;
}
.team-social {
    position: absolute;
    left: 20px;
    bottom: 45px;
    display: none;
}
.team-social .fa.fa-facebook, .team-social .fa.fa-twitter, .team-social .fa.fa-google-plus, .team-social .fa.fa-linkedin, .team-social .fa.fa-pinterest-p, .team-social .fa.fa-instagram {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    width: 33px;
}
.team-social .fa-facebook {
    background: #3c5b9b none repeat scroll 0 0;
    border: 2px solid #3c5b9b;
}
.team-social .fa-facebook:hover {
    background: #fff none repeat scroll 0 0;
    color: #3c5b9b
}
.team-social .fa-twitter {
    background: #359bed none repeat scroll 0 0;
    border: 2px solid #359bed;
}
.team-social .fa-twitter:hover {
    background: #fff none repeat scroll 0 0;
    color: #359bed;
}
.team-social .fa-google-plus {
    background: #e33729 none repeat scroll 0 0;
    border: 2px solid #e33729;
}
.team-social .fa-google-plus:hover {
    background: #fff none repeat scroll 0 0;
    color: #e33729;
}
.team-social .fa-linkedin {
    background: #027ba5 none repeat scroll 0 0;
    border: 2px solid #027ba5;
}
.team-social .fa-linkedin:hover {
    background: #fff none repeat scroll 0 0;
    color: #027ba5;
}
.team-social .fa-pinterest-p {
    background: #cb2027 none repeat scroll 0 0;
    border: 2px solid #cb2027;
}
.team-social .fa-pinterest-p:hover {
    background: #fff none repeat scroll 0 0;
    color: #cb2027;
}
.team-social .fa-instagram {
    background: #3f729b none repeat scroll 0 0;
    border: 2px solid #3f729b;
}
.team-social .fa-instagram:hover {
    background: #fff none repeat scroll 0 0;
    color: #3f729b;
}
.team .img-responsive {
    width: 100%;
    border-radius: 50%;
}
#progress1 > h4, #progress2 > h4, #progress3 > h4, #progress4 > h4, #progress5 > h4 {
    color: #313743;
    font-weight: 400;
    margin: 0 0 -45px;
    padding: 15px;
}
div.dioprogress_padding {
    padding: 0;
}
div.dioprogress_size_l {
    height: 45px;
}
.loader {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 100%;
    background: #fff;
}
.preloader.loader > img {
    height: 256px;
    width: 256px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 40%;
}
/*about page end*/
#minicart {
    width: 300px;
    height: 100px;
    border: 1px solid rgb(86, 36, 0);
    margin-top: 3px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    background-color: rgb(255, 255, 255);
    font-size: var(--fs-xs);
    color: rgb(0, 0, 0);
    font-weight: normal;
}
#minicart #thumb {
    width: 80px;
    float: left;
    height: 80px;
    border: 1px solid rgb(204, 204, 204);
    margin-right: 5px;
}
#minicart div, h4 {
    text-align: center;
}
a.product1, a.product1:link, a.product1:active, a.product1:visited {
    color: rgb(102, 102, 102);
    font-weight: normal;
    font-size: var(--fs-xs);
    border-right: 0px solid rgb(204, 204, 204);
    text-decoration: none;
    text-align: center;
}
#checkout {
    float:none;

}
div[id^=selected_shipping] {
    display: none;
    font-weight: bold;
    text-align: left;
    margin: 10px 0;
}

div[id^=selected_billing] {
    display: none;
    font-weight: bold;
    text-align: left;
    margin: 10px 0;
}

/*** Order / cart item options ***/
.item-option {
    font-size: 0.8em;
}