:root {
    --btn-primary-color: #373c3e;

    --btn-primary-height-md: 40px;
    --btn-primary-height-xl: 50px;

    --btn-primary-radius-md: 3px;
    --btn-primary-radius-xl: 25px;

    --btn-filter-height: 40px;
    --btn-filter-radius: 22px;

    --checkout-grey: #1f1f1f;

    --grey: #373C3E;
    --lightgrey: #373C3E4D;
    --gold: #BA8830;
    --green: #53b266;

    --line: rgba(55, 60, 62, 0.3);

    --accent: #BA8830;
    --hover: #BA8830;
    --bg-grey: #f4f4f4;

    --btn-padding-left: 21px;
    --btn-padding-right: 21px;

    --light-blue: #149ad7;
}

html, body {
    padding-bottom: 150px;
}

.lightblue {
    background: var(--light-blue);
    color: #ffffff;
    border: 0px;
    padding: 10px 15px;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 44px;
    letter-spacing: 0;
    line-height: 1.1;
}

h2 {
    font-family: 'Eurostile', 'Roboto', sans-serif;
    font-size: 32px;
    line-height: 1.1;
}

h3 {
    font-family: 'Eurostile', 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 1.1;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.1;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

.roboto-14px {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.1;
}

.roboto-18px {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.1;
}

.fa-check {
    color: var(--green);
    line-height: 28px;
}

.grey {
    color: var(--grey);
}

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

p.breadcrumbs {
    font: normal normal normal 13px/21px Roboto;
    line-height: 1.3;

}

body .products, .grid-container-productpage-holder {
    font: normal normal normal 14px/21px Roboto;
    line-height: 1.3;
}

body .information, p {
    font: normal normal normal 16px/28px Roboto;
    line-height: 1.5;
    color: #373c3e;
}

select {
    width: 100% !important;
    max-width: 153px !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    line-height: 40px;
    height: 38px;
    padding-left: 10px;
    background: var(--bg-grey);
}

.col3 select {
    display: block;

}

textarea {
    width: 100% !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    min-height: 100px;
    background: var(--bg-grey);
    padding: 10px;
}

input[type="number"], #product_qty {
    width: 58px !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    line-height: 30px;
    height: 40px;
    padding-left: 21px;
    background: #FFFFFF;
    margin-right: 10px;

}

label[for="product_qty"] {
    display: none;
}

.spacer1010 {
    height: 10px;
    width: 10px;
}

.spacer2020 {
    height: 20px;
    width: 20px;
}

.spacer3030 {
    height: 40px;
    width: 40px;
}

.spacer4040 {
    height: 40px;
    width: 40px;
}

.spacer5050 {
    height: 50px;
    width: 50px;
}




.product-image:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}






/* media query mobile */
@media (max-width: 600px) {

    h1 {
        font-size: 36px;
        line-height: 1.1;
    }

    h2 {
        font-size: 28px;
        line-height: 1.1;
    }

    h3 {
        font-size: 18px;
        line-height: 1.1;
    }

    h4 {
        font-size: 20px;
        line-height: 1.1;
    }

    body .products {
        font-size: 14px;
        line-height: 1.3;
    }
    body .information {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* buttons */
.btn-identity-accent {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    background-color: var(--gold);
    color: white;
    height: var(--btn-primary-height-xl);
    border-radius: var(--btn-primary-radius-xl);
    border: 0;
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
}

.btn-filter {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    background-color: white;
    color: var(--grey);
    height: var(--btn-filter-height);
    border-radius: var(--btn-filter-radius);
    border: 1px solid var(--lightgrey);
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
}

.btn-default-color {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    background-color: var(--grey);
    color: white;
    height: var(--btn-primary-height-md);
    border-radius: var(--btn-primary-radius-md);
    border: 0;
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
}


.btn-add-to-cart {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 19px;
    background-color: var(--light-blue);
    color: white;
    height: var(--btn-primary-height-md);
    border-radius: var(--btn-primary-radius-md);
    border: 0;
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
}

.btn-order-xl {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    background-color: var(--light-blue);
    color: white;
    height: var(--btn-primary-height-xl);
    border-radius: var(--btn-primary-radius-xl);
    border: 0;
    padding-left: var(--btn-padding-left);
    padding-right: var(--btn-padding-right);
}

/* used for checkout, and optional for productimages */
.shadow1 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

nav {
    /*box-shadow: 0px 0px 8px #000014 !important;*/
}

.bg {
    background: var(--bg-grey);
}

.bgnav {
}

.bgnav, .bgfooter {
    background: #fff;
    overflow: auto;
}

.headerimage {
    width: 100%;
    height: 450px;
    object-fit: cover;
}


.top-nav {
    height: 100px;
    background: #fff !important;
}

.nav-container {
    max-width: 1400px;
    margin: 0 auto; /* Center the container */
}

.brand-image {
    height: 68px;
    width: 90px;
    max-width: 90px;
}

.middle-section {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    color: #373c3e;
    text-align: center;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0px;
    opacity: 1;
}

.center-nav {
    justify-content: center;
}

.iconsearch {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.iconbasket, .iconbasket img {
    width: 20px;
    height: 20px;
    color: #FFFFFF !important;
}

.iconbasket:after {
    content: attr(data-count);
    position: relative;
    right: -10px;
    top: -30px;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 50%;
    background: var(--gold);
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    border: 0;
}

.navbar-nav .nav-item {
    margin-right: 25px;
}



/* footer */

/* Custom Styles */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    line-height: 80px;
}

.footer-text {
    flex: 1;
    max-width: 250px;
    margin-right: 20px;
    align-items: center;
}

.footer-text p {
    letter-spacing: 0;
    color: #373c3e;
    text-align: left;
    font: normal normal normal 14px/18px Roboto;
    opacity: 1;
    line-height: 80px;
    margin: 0;
    padding: 0;
}

.footer-logo {
    width: 155px;
    margin-right: 20px;
}

.footer-links {
    margin-left: auto;
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    /* Removed flex-direction: column; */
}

.footer-links ul li {
    margin-right: 15px;
}

.footer-links ul li:last-child {
    margin-right: 0;
}

.footer-links ul li a {
    color: #373c3e;
    text-decoration: none;
    font: normal normal normal 14px/18px Roboto;
    opacity: 1;
}

/* USPs */

.bguspcontainer {
    background: #373c3e;
}

.usp-container {
    display: grid;
    width: 100%;
    max-width: 1400px;
    height: 240px;
    /*grid 4 columns*/
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}

.usp {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    border: 0px solid #ccc;
    margin: 0px;
    height: 240px;
}

.usp-icon {
    margin-bottom: 30px;
}

.usp h3 {
    color: #fff;
}

/* Based on site data */
header {
    max-height: 500px;
}

.site-header .site-header__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.site-header {
    position: relative;
    width: 100%;
}
.site-header:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 50, 121, 0.7)), color-stop(50%, rgba(20, 154, 215, 0.39)), to(rgba(20, 154, 215, 0)));
    background: linear-gradient(to right, rgba(26, 50, 121, 0.7) 0%, rgba(20, 154, 215, 0.39) 50%, rgba(20, 154, 215, 0) 100%);
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.site-header:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 50, 121, 0)), to(rgba(26, 41, 85, 0.6)));
    background: linear-gradient(to bottom, rgba(26, 50, 121, 0) 0%, rgba(26, 41, 85, 0.6) 100%);
    content: "";
    height: 200px;
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.site-header--sm {
    min-height: 500px;
}
@media (max-width: 991.98px) {
    .site-header--sm {
        min-height: auto;
    }
}
.site-header--sm:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 50, 121, 0.85)), color-stop(35%, rgba(20, 154, 215, 0.7)), to(rgba(20, 154, 215, 0)));
    background: linear-gradient(to right, rgba(26, 50, 121, 0.85) 0%, rgba(20, 154, 215, 0.7) 35%, rgba(20, 154, 215, 0) 100%);
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.site-header--sm .site-header__image {
    position: relative;

}
.site-header--sm .site-header__meta {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 30px;
}
@media (max-width: 991.98px) {
    .site-header--sm .site-header__meta {
        right: auto;
        bottom: auto;
        left: auto;
        padding-top: 185px;
        padding-bottom: 70px;
    }
}
.site-header--lg {
    min-height: 800px;
}
@media (max-width: 991.98px) {
    .site-header--lg {
        min-height: auto;
    }
}
.site-header--lg .site-header__meta {
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991.98px) {
    .site-header--lg .site-header__meta {
        padding-top: 200px;
        padding-bottom: 190px;
        top: auto;
        right: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.site-header .site-header__inner {
    position: relative;
    height: 100%;
    min-height: inherit;
}
.site-header .site-header__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.site-header .site-header__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.site-header .site-header__meta {
    margin: 0 auto;
    padding-right: 17.5px;
    padding-left: 17.5px;
    position: absolute;
    max-width: 1225px;
    width: 100%;
    z-index: 2;
}
@media (max-width: 991.98px) {
    .site-header .site-header__meta {
        position: relative;
    }
}
.site-header .site-header__meta .txt-link {
    margin-bottom: 10px;
}

.page-template-page-contact .site-header--sm,
.blog .site-header--sm,
.single-post .site-header--sm {
    min-height: 590px;
}
@media (max-width: 991.98px) {
    .page-template-page-contact .site-header--sm,
    .blog .site-header--sm,
    .single-post .site-header--sm {
        min-height: auto;
    }
}
.page-template-page-contact .site-header--sm .site-header__meta,
.blog .site-header--sm .site-header__meta,
.single-post .site-header--sm .site-header__meta {
    top: calc(50% + 45px);
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991.98px) {
    .page-template-page-contact .site-header--sm .site-header__meta,
    .blog .site-header--sm .site-header__meta,
    .single-post .site-header--sm .site-header__meta {
        padding-top: 185px;
        padding-bottom: 140px;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (min-width: 768px) {
    .header-bar {
        background: linear-gradient(180deg, rgba(26, 50, 121, 0) 0%, rgb(26, 50, 121) 130px);
        height: 250px;
        margin-top: -130px;
        position: relative;
        z-index: 1;
    }
}

.site-header__video {
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.site-header__video iframe {
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
}

.element-heading {
    font-family: "aglet-sans", sans-serif;
}


label {
    color: var(--grey) !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 10pt;
}



/**/

.custom-input {
    border: none; /* Remove default border */
    border-radius: 25px; /* Rounded corners */
    padding: 15px 20px; /* Padding */
    width: 100%; /* Full width */
    background-color: #f3f4f6; /* Background color */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease; /* Smooth transition for hover effect */
}

.custom-input:focus {
    outline: none; /* Remove outline on focus */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Enhanced box shadow on focus */
}

.custom-input::placeholder {
    color: #a6acb9; /* Placeholder color */
}

.custom-input:focus::placeholder {
    color: transparent; /* Hide placeholder on focus */
}

.btn-custom {
    border-radius: 25px; /* Rounded corners */
    padding: 12px 24px; /* Padding */
    background-color: #4caf50; /* Background color */
    border: none; /* Remove border */
    color: white; /* Text color */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

.btn-custom:hover {
    background-color: #45a049; /* Darker background color on hover */
}

/* Custom select styling */
select.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 25px;
    background-color: #f3f4f6;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    min-width: 200px !important;
    max-width: none !important;
    width: auto !important;
    outline: none;
    cursor: pointer;
}


/* Style the arrow icon */
.custom-select:after {
    content: '\25BC';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
}

/* Style for disabled select */
.custom-select[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}