@charset "UTF-8";
/*
Theme Name: Hgp
Theme URI: #
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Az Home is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hgp
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');*/
.max_line_1,
.max_line_1 p,
.max_line_1 a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_2,
.max_line_2 a,
.max_line_2 p {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_3,
.max_line_3 a,
.max_line_3 p {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_4,
.max_line_4 p,
.max_line_4 a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_5,
.max_line_5 p,
.max_line_5 a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_6,
.max_line_6 p,
.max_line_6 a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    line-clamp: 6 !important;
    -webkit-box-orient: vertical !important;
}

.max_line_7,
.max_line_7 p,
.max_line_7 a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    line-clamp: 7 !important;
    -webkit-box-orient: vertical !important;
}

#hgp-section_footer {
    background-image: url("images/footer.jpg");
    background-size: cover;
    background-position: center center;
}

.footer {
    background-color: rgba(0, 0, 0, 0.6);
}
.section__title.heading {
    text-transform: uppercase;
}
.product-list.loading {
    opacity: 0.6;
    pointer-events: none;
}

.text--pull strong {
    color: #677279 !important;
    font-size: 14px !important;
}

.pagination {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.page-numbers.current {
    color: #00badb !important;
}

.promo-block__cta {
    background: #00badb;
    color: #ffffff;
}

.quick-links__image-ie-fix {
    max-width: 100px;
}

.article__image-wrapper img {
    width: 100%
}

[data-meteor-mounted="true"][data-meteor-platform="desktop"] .Meteor-Navigation__Link__desktop {
    padding: 17px 0px;
    border: 0px rgb(103, 114, 121);
    color: rgb(103, 114, 121);
}

.footer__newsletter-wrapper .form__submit.button.button--primary {
    text-align: center;
    line-height: 48px;
    font-weight: var(--text-font-bolder-weight);
    font-size: var(--base-text-font-size);
    cursor: pointer;
    border-radius: 2px;
    padding: 0 30px;
    transition: background .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
    display: inline-block;
    position: relative;
    background: var(--primary-button-background);
    color: var(--primary-button-text-color);
}

#meteor-desktop-nav {
    justify-content: flex-start;
    column-gap: 16px;
}

#meteor-desktop-nav > li {
    position: relative;
}

#meteor-desktop-nav > li li {
    position: initial;
}

.Meteor-Navigation__Link__desktop {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

#meteor-desktop-nav .sub-menu-pc {
    display: none;
}

#meteor-desktop-nav li:hover > .sub-menu-pc {
    display: block;
}

#meteor-desktop-nav > li > .sub-menu-pc {
    position: absolute;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    background: #fff;
    padding: 20px 0;
    left: 0;
    width: max-content;
    top: 100%;
}

.sub-menu-pc li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    gap: 8px;
}

.sub-menu-pc li a svg {
    transform: rotate(-90deg);
}

#meteor-desktop-nav > li > .sub-menu-pc .sub-menu-pc {
    position: absolute;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    background: #fff;
    padding: 20px 0;
    left: 100%;
    min-width: 260px;
    min-height: 100%;
    top: 0;
}

.newsletter_message {
    text-align: left;
}

.contact_notifi {
    text-align: center;
    margin-top: 12px;
}
.msg_success {
    color: green;
}

.msg_error {
    color: red;
}

.image-with-text__image-container img {
    width: 100%;
}
.collection__filter-checkbox a:hover {
    color: #1e2d7d;
}

.header__search-bar-wrapper {
    z-index: 9;
}

.gt_selector {
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-left: -4px;
    border: 0;
}

.collection__filter-checkbox-list {
    padding-left: 0 !important;
}

.product-item__action-button {
    text-align: center;
    line-height: 48px !important;
    font-weight: var(--text-font-bolder-weight) !important;
    font-size: var(--base-text-font-size) !important;
    cursor: pointer;
    border-radius: 2px !important;
    padding: 0 30px !important;
    transition: background .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
    display: inline-block !important;
    position: relative !important;
    color: var(--accent-color) !important;
    box-shadow: 0 0 0 1px var(--border-color) inset !important;
    background: #fff !important;
}
.submit-contact-btn {
    margin-top: 20px;
    display: block;
}

.announcement-bar__button {
    display: flex;
    align-items: center;
}

.announcement-bar__button_phone {
    background: #f00 !important;
    box-shadow: 0 1px #f00 !important;
}

.announcement-bar .social-media__item svg {
    opacity: 1;
}

.header__action-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header__action-item > svg {
    width: 32px;
    height: 32px;
}

.collection__filter-checkbox-list,
.collection__filter-sub-list { list-style: none; margin: 0; padding: 0; }
.collection__filter-sub-list { padding-left: 16px; }
.collection__filter-sub-list[hidden] { display: none; }

.cat-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cat-row a { flex: 1; padding: 8px 0; }
.is-current > .cat-row > a { font-weight: 600; color: #002060; }

.cat-toggle { width: 28px; height: 28px; border: 0; background: none; cursor: pointer; position: relative; }
.cat-toggle::before {
    content: ""; position: absolute; right: 2px; top: 8px;
    width: 7px; height: 7px;
    border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: rotate(45deg); transition: transform .2s;
}
.cat-toggle[aria-expanded="true"]::before { transform: rotate(-135deg); top: 11px; }
@media only screen and (max-width: 1000px) {
    .languague-footer {
        border: #fff 1px solid;
        padding: 4px 8px;
    }
    
    .footer__aside-last {
        flex-direction: column;
        gap: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    .header__search-bar-wrapper {
        max-width: 55%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 641px) {
    .logo_brand .quick-links__link {
        width: 33.333333333333336%;
    }

    .quick-links__image-ie-fix {
        max-width: 140px;
    }
}

@media screen and (min-width: 1000px) {
    .logo_brand .quick-links__link {
        width: 25.0%;
    }
}

@media (max-width: 768px) {
    #content[data-v-167b7ab0] .tab__date {
        justify-content: center;
        margin-top: 16px
    }

    .slideshow .flickity-page-dots {
        bottom: 10px;
    }
}