.region--colored-background {
    background-color: rgba(5, 53, 104, 0.95);
}

.region--gray-background {
    background-color: rgba(7, 173, 214, .1);
}

.onscroll .header.js-fixed.region--colored-background {
    background-color: rgba(5, 53, 104, 0.95);
}

a.button,
.button>a,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    color: #fff;
    background-color: #99cc33;
}

a.button:hover,
a.button:focus,
.button>a:hover,
.button>a:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    background-color: #fff;
    border-color: #99cc33;
    color: #99cc33;
}

.case-study-link a:link,
.case-study-link a:visited {
    color: rgba(5, 53, 104, 1);
    font-weight: 700;
}

.case-study-link a:hover,
.case-study-link a:focus {
    color: #99cc33;
    text-decoration: underline;
}

a.manual-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 23px;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 1px 0;
    text-align: center;
    background-color: transparent;
    max-width: 160px;
}

a.manual-button {
    color: #fff;
    background-color: #0058B1;
    border-color: rgba(5, 53, 104, 0.95);
}

a.manual-button:hover {
    background-color: #fff;
    border-color: rgba(5, 53, 104, 0.95);
    color: #0058B1;
}


a.brochure-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 23px;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 1px 0;
    text-align: center;
    background-color: transparent;
    max-width: 160px;
}

a.brochure-button {
    color: #fff;
    background-color: #01A9C1;
    border-color: rgba(5, 53, 104, 0.95);
}

a.brochure-button:hover {
    background-color: #fff;
    border-color: rgba(5, 53, 104, 0.95);
    color: #01A9C1;
}

a.compare-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 23px;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 1px 0;
    text-align: center;
    background-color: transparent;
    max-width: 160px;
}

a.compare-button {
    color: #fff;
    background-color: #ff5e0c;
    border-color: rgba(5, 53, 104, 0.95);
}

a.compare-button:hover {
    background-color: #fff;
    border-color: rgba(5, 53, 104, 0.95);
    color: #ff5e0c;
}

rgba(5, 53, 104, 0.95)

#contact-sales {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

a.sales-button {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 23px;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 1px 0;
    text-align: center;
    background-color: transparent;
    max-width: 160px;
}

a.sales-button {
    background-color: #99cc33;
    border-color: rgba(5, 53, 104, 0.95);
    color: #fff;
}

a.sales-button:hover {
    background-color: #fff;
    border-color: rgba(5, 53, 104, 0.95);
    color: #99cc33;
}



a.button.button--hover-style-2:before,
.button.button--hover-style-2>a:before {
    background-color: #fff;
    border-color: #99cc33;
    color: #99cc33
}

.blockquote {
    display: none;
}

.blockquote::before {
    display: none;
}

.tp-caption__button {
    background-color: rgba(5, 53, 104, 0.95);
    border-color: #767676;
}

.tp-caption__button:hover {
    background-color: #99cc33;
    border-color: #767676;
}

.partners {
    margin-bottom: 35px;
}

.news-article {
    margin-bottom: 25px;
}

.news-article:after {
    content: "";
    /* This is necessary for the pseudo element to work. */
    display: block;
    /* This will put the pseudo element on its own line. */
    margin: 0 auto;
    /* This will center the border. */
    width: 50%;
    /* Change this to whatever width you want. */
    padding-top: 20px;
    /* This creates some space between the element and the border. */
    border-bottom: 1px solid black;
    /* This creates the border. Replace black with whatever color you want.*/
}


.M11000 {
    color: #fff;
    background-color: #193b68;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.surface {
    color: #fff;
    background-color: #62b5dd;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.M1000 {
    color: #fff;
    background-color: #5ea3cd;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.M2500 {
    color: #fff;
    background-color: #076b9c;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.M6000 {
    color: #fff;
    background-color: #005b87;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.M6900 {
    color: #fff;
    background-color: #02537a;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

.not-applicable {
    color: #fff;
    background-color: #8e4e00;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
}

#taxonomy-icon {
    margin-bottom: 15px;
}

.image-style-icon-display img {
    display: inline;
    padding-right: 3px;
}

.block-search input.form-search {
    padding: 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    width: 65%;
    color: #363636;
    margin: 0;
    margin-left: 35%;
}

.header__section .block-search {
    padding-top: 8px;
}

#block-corporateplus-search .block {
    padding: 0 0 5px 0;
    padding-top: 0px;
}

#block-topheaderblocksearchbutton .paragraph>.paragraph__column {
    padding-bottom: 5px;
}

#home-banner {
    position: absolute;
    top: 60px;
    height: auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

#home-banner h1,
#home-banner h2 {
    font-size: 3em;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}

.main-content__section,
.sidebar__section {
    padding: 30px 0;
}

.rc-group-left h3 {
    text-align: center;
    color: #fff;
    margin: 5px 0px;
}

.feature-teaser {
    color: #fff;
    margin: 5px 10px;
    text-align: center;
    line-height: 1.2;
    font-size: 1.2em;
}
.block-gtranslate {
float: right;
}
/*.feature-box-front h2, .feature-box-front-oskar h2, .feature-box-front-brizo h2 {text-align: center; color:#fff; margin: 5px 0px;font-size: 2em;}
.feature-box-front-oskar h3, .feature-box-front-brizo h3, .feature-box-front h3 {color: #fff;}*/

.feature-box-front h2 a:link,
.feature-box-front-oskar h2 a:link,
.feature-box-front-brizo h2 a:link,
.feature-box-front-brizo h2 a:visited,
.feature-box-front h2 a:visited,
.feature-box-front-oskar h2 a:visited {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin: 5px 0px;
    font-size: 1em;
}

.feature-box-front-oskar h3 a:link,
.feature-box-front-brizo h3 a:link,
.feature-box-front h3 a:link,
.feature-box-front-oskar h3 a:visited,
.feature-box-front-brizo h3 a:visited,
.feature-box-front h3 a:visited,
.feature-box-front-oskar a:link,
.feature-box-front-brizo a:link,
.feature-box-front a:link,
.feature-box-front-oskar a:visited,
.feature-box-front-brizo a:visited,
.feature-box-front a:visited {
    color: rgba(255, 255, 255, 1);
}

.feature-box-front h2 a:hover,
.feature-box-front-oskar h2 a:hover,
.feature-box-front-brizo h2 a:hover,
.feature-box-front-oskar h3 a:hover,
.feature-box-front-brizo h3 a:hover,
.feature-box-front h3 a:hover,
.feature-box-front-oskar a:hover,
.feature-box-front-brizo a:hover,
.feature-box-front a:hover {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}

.feature-box-front-oskar .btn-primary,
.feature-box-front-brizo .btn-primary,
.feature-box-front .btn-primary {
    margin: 10px 0px;
    text-align: center;
}

.feature-box-front-oskar .btn,
.feature-box-front-brizo .btn,
.feature-box-front .btn {
    display: block;
    margin-left: auto;
    width: 75%;
    margin-top: 2em;
}

.feature-box-front-oskar,
.feature-box-front-brizo,
.feature-box-front {
    cursor: pointer;
    height: 250px;
    margin: 25px 0px;
    max-height: 500px;
    max-width: 400px;
    text-align: center;
    padding: 10px 0 0 0;
}


.rc-group-left,
.rc-group-right {
    margin-top: 10%;
    margin-bottom: auto;
    display: block;
}


.header-container ul.menu li a,
.header-container ul.menu li>span {
    font-size: 12px;
}

ul.sf-menu .sf-sub-indicator::after {
    content: "\f078";
    font-family: 'FontAwesome';
    left: 50%;
    margin-left: -3px;
    font-size: 7px;
}

.banner-video iframe {
    width: 750px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
}

.banner-video .view-content {
    display: flex;
    justify-content: center;
}



.webform-submission-best-of-the-best-2021-form {
    padding: 10px 45px;
    background: #f2f2f2;
}

.webform-submission-best-of-the-best-2021-form select {
    margin: 0px;
}



#block-apolloroverxmriibannerblock {
    background-image: url('/sites/default/files/2021-08/Ocean-Background.jpg');
    background-position: bottom;
    padding: 50px 200px 0;
    background-repeat: no-repeat;
    background-repeat: repeat-x;
}

#block-apolloroverxmriibannerblock h1,
#block-apolloroverxmriibannerblock p {
    color: white;
    text-align: left;
}

#block-apolloroverxmriibannerblock p {
    font-size: 2rem;
    margin-top: 30px;
}

.page-node-137 .webform-submission-form {
    width: fit-content;
}

.page-node-137 .webform-submission-form label,
.page-node-262 .webform-submission-form label {
    color: white;
    font-size: 1em;
}

.page-node-137 .field--name-node-title,
.page-node-262 #block-views-block-page-header-banner-block-1 {
    display: none;
}

.page-node-137 .webform-submission-form .webform-button--submit,
a.free-quote-button,
.page-node-262 .webform-submission-form .webform-button--submit {
    background: #de0000;
    color: white;
    border-radius: 15px;
}

a.free-quote-button {
    padding: 10px 10px;
    border: 1px solid;
    border-color: #de0000;
}

.page-node-137 .webform-submission-form .webform-button--submit:hover,
.page-node-262 .webform-submission-form .webform-button--submit:hover,
a.free-quote-button:hover {
    background: white;
    border-color: #de0000;
    color: #de0000;

}

.form-type-tel .iti {
    width: 100%;
}

.appllo-image {
    margin-top: -20rem;
}

.header-top__container {
    border-bottom: 0;
}


/* ==========================================================================
   Case Study V2 – duplicate_of_case_studies_v2 (block_1 class: case-study-v2)
   and case_studies_v2 (block_1 auto-class: view-case-studies-v2)
   ========================================================================== */

/* ── Page intro & mini-title (existing styles, preserved) ── */

.case-study-v2 .page-intro,
.view-case-studies-v2 .page-intro,
.view-case-studies-v2 .page-intro {
    font-size: 1.5rem;
    text-transform: none;
    color: #666;
    font-style: italic;
    font-family: 'Lato', 'helvetica', 'arial', sans-serif;
    font-weight: 300;
    margin: 0 1em 0em;
    text-align: center;
    line-height: 1.5
}

.case-study-v2 .all-caps-mini-title,
.view-case-studies-v2 .all-caps-mini-title,
.case-study-v2 .all-caps-mini-title p,
.view-case-studies-v2 .all-caps-mini-title p {
    margin-bottom: 0px;
}

.case-study-v2 .all-caps-mini-title,
.view-case-studies-v2 .all-caps-mini-title {
    font-size: 1.1em;
    letter-spacing: 0.5px;
}

/* ── Exposed filters as horizontal tabs ── */

.case-study-v2 .views-exposed-form,
.view-case-studies-v2 .views-exposed-form {
    margin-bottom: 2em;
}

.case-study-v2 .views-exposed-form .form--inline,
.view-case-studies-v2 .views-exposed-form .form--inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 0;
}

.case-study-v2 .views-exposed-form .form--inline > .form-item,
.view-case-studies-v2 .views-exposed-form .form--inline > .form-item {
    margin: 0;
}

/* Hide the filter label — the tabs are self-explanatory */
.case-study-v2 .views-exposed-form .form--inline > .form-item > label,
.view-case-studies-v2 .views-exposed-form .form--inline > .form-item > label {
    display: none;
}

/* Hide the default submit/reset buttons — auto-submit or tabs handle it */
.case-study-v2 .views-exposed-form .form-actions,
.view-case-studies-v2 .views-exposed-form .form-actions {
    display: none;
}

/* Style the select dropdown as tabs (if using <select>) */
.case-study-v2 .views-exposed-form select,
.view-case-studies-v2 .views-exposed-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 50px;
    padding: 10px 30px;
    font-family: 'montserrat', 'helvetica', 'arial', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease;
}

.case-study-v2 .views-exposed-form select:hover,
.view-case-studies-v2 .views-exposed-form select:hover,
.case-study-v2 .views-exposed-form select:focus,
.view-case-studies-v2 .views-exposed-form select:focus {
    border-color: #0058B1;
    color: #0058B1;
    outline: none;
}

/* Style BEF radio buttons / links as tab pills */
.case-study-v2 .bef-exposed-form .form-radios,
.view-case-studies-v2 .bef-exposed-form .form-radios,
.case-study-v2 .bef-exposed-form .bef-links,
.view-case-studies-v2 .bef-exposed-form .bef-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 0;
    margin: 0 auto 2em;
    list-style: none;
}

.case-study-v2 .bef-exposed-form .form-radios .form-item,
.view-case-studies-v2 .bef-exposed-form .form-radios .form-item,
.case-study-v2 .bef-exposed-form .bef-links .bef-link-active,
.view-case-studies-v2 .bef-exposed-form .bef-links .bef-link-active,
.case-study-v2 .bef-exposed-form .bef-links a,
.view-case-studies-v2 .bef-exposed-form .bef-links a {
    margin: 0;
}

/* Hide native radio inputs */
.case-study-v2 .bef-exposed-form .form-radios input[type="radio"],
.view-case-studies-v2 .bef-exposed-form .form-radios input[type="radio"] {
    display: none;
}

/* Tab pill style for radio labels */
.case-study-v2 .bef-exposed-form .form-radios label,
.view-case-studies-v2 .bef-exposed-form .form-radios label {
    display: inline-block;
    padding: 10px 24px;
    border: 2px solid #e5e5e5;
    border-radius: 50px;
    font-family: 'montserrat', 'helvetica', 'arial', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #fff;
    line-height: 1;
}

.case-study-v2 .bef-exposed-form .form-radios label:hover,
.view-case-studies-v2 .bef-exposed-form .form-radios label:hover {
    border-color: #0058B1;
    color: #0058B1;
}

/* Active/checked radio tab */
.case-study-v2 .bef-exposed-form .form-radios input[type="radio"]:checked + label,
.view-case-studies-v2 .bef-exposed-form .form-radios input[type="radio"]:checked + label {
    background-color: #0058B1;
    border-color: #0058B1;
    color: #fff;
}

/* BEF links style (if using links widget instead of radios) */
.case-study-v2 .bef-exposed-form .bef-links a,
.view-case-studies-v2 .bef-exposed-form .bef-links a {
    display: inline-block;
    padding: 10px 24px;
    border: 2px solid #e5e5e5;
    border-radius: 50px;
    font-family: 'montserrat', 'helvetica', 'arial', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    text-decoration: none;
    transition: all 0.25s ease;
    background: #fff;
    line-height: 1;
}

.case-study-v2 .bef-exposed-form .bef-links a:hover,
.view-case-studies-v2 .bef-exposed-form .bef-links a:hover {
    border-color: #0058B1;
    color: #0058B1;
}

.case-study-v2 .bef-exposed-form .bef-links a.bef-link-active,
.view-case-studies-v2 .bef-exposed-form .bef-links a.bef-link-active,
.case-study-v2 .bef-exposed-form .bef-links a.is-active,
.view-case-studies-v2 .bef-exposed-form .bef-links a.is-active {
    background-color: #0058B1;
    border-color: #0058B1;
    color: #fff;
}

/* ── Flex grid for case study cards ── */

.case-study-v2 .view-content,
.view-case-studies-v2 .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.case-study-v2 .views-row,
.view-case-studies-v2 .views-row {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-height: auto;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}

.case-study-v2 .views-row:hover,
.view-case-studies-v2 .views-row:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* ── DS 1-col-stacked teaser: strip Bootstrap grid gutters ── */

.case-study-v2 .views-row .node,
.view-case-studies-v2 .views-row .node {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.case-study-v2 .views-row .node.row,
.view-case-studies-v2 .views-row .node.row {
    margin-left: 0;
    margin-right: 0;
}

.case-study-v2 .views-row .bs-region,
.view-case-studies-v2 .views-row .bs-region,
.case-study-v2 .views-row [class*="col-"],
.view-case-studies-v2 .views-row [class*="col-"] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* ── Image: fill card width, respect image style aspect ratio ── */

.case-study-v2 .views-row .field--name-field-case-study-image,
.view-case-studies-v2 .views-row .field--name-field-case-study-image,
.case-study-v2 .views-row .field--type-image,
.view-case-studies-v2 .views-row .field--type-image {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    flex-shrink: 0;
}

.case-study-v2 .views-row .field--name-field-case-study-image .field__item,
.view-case-studies-v2 .views-row .field--name-field-case-study-image .field__item,
.case-study-v2 .views-row .field--type-image .field__item,
.view-case-studies-v2 .views-row .field--type-image .field__item {
    width: 100%;
    line-height: 0;
}

.case-study-v2 .views-row .field--name-field-case-study-image a,
.view-case-studies-v2 .views-row .field--name-field-case-study-image a,
.case-study-v2 .views-row .field--type-image a,
.view-case-studies-v2 .views-row .field--type-image a {
    display: block;
    width: 100%;
    line-height: 0;
}

.case-study-v2 .views-row .field--name-field-case-study-image img,
.view-case-studies-v2 .views-row .field--name-field-case-study-image img,
.case-study-v2 .views-row .field--type-image img,
.view-case-studies-v2 .views-row .field--type-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

/* ── Card title (DS all-caps-mini-title field) ── */

.case-study-v2 .views-row .all-caps-mini-title,
.view-case-studies-v2 .views-row .all-caps-mini-title {
    padding: 20px 20px 0;
    text-align: center;
    font-size: 1.1em;
    letter-spacing: 0.5px;
    flex: 1;
}

.case-study-v2 .views-row .all-caps-mini-title a,
.view-case-studies-v2 .views-row .all-caps-mini-title a {
    color: #333;
    text-decoration: none;
}

.case-study-v2 .views-row .all-caps-mini-title a:hover,
.view-case-studies-v2 .views-row .all-caps-mini-title a:hover {
    color: #0058B1;
}

/* ── Centered button (DS node-link field) ── */

.case-study-v2 .views-row .field--name-node-link,
.view-case-studies-v2 .views-row .field--name-node-link {
    text-align: center;
    padding: 15px 20px 25px;
    margin-top: auto;
}

.case-study-v2 .views-row .field--name-node-link a,
.view-case-studies-v2 .views-row .field--name-node-link a {
    text-transform: uppercase;
    display: inline-block;
}

/* ── Responsive breakpoints ── */

/* Tablet: 2 columns */
@media only screen and (max-width: 991px) {
    .case-study-v2 .views-row,
    .view-case-studies-v2 .views-row {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

/* Mobile: 1 column */
@media only screen and (max-width: 600px) {
    .case-study-v2 .view-content,
    .view-case-studies-v2 .view-content {
        gap: 20px;
    }

    .case-study-v2 .views-row,
    .view-case-studies-v2 .views-row {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .case-study-v2 .bef-exposed-form .form-radios,
    .view-case-studies-v2 .bef-exposed-form .form-radios,
    .case-study-v2 .bef-exposed-form .bef-links,
    .view-case-studies-v2 .bef-exposed-form .bef-links {
        gap: 6px;
    }

    .case-study-v2 .bef-exposed-form .form-radios label,
    .view-case-studies-v2 .bef-exposed-form .form-radios label,
    .case-study-v2 .bef-exposed-form .bef-links a,
    .view-case-studies-v2 .bef-exposed-form .bef-links a {
        padding: 8px 16px;
        font-size: 12px;
    }

    .case-study-v2 .views-exposed-form select,
    .view-case-studies-v2 .views-exposed-form select {
        width: 100%;
        text-align: center;
    }
}


form.webform-submission-nemo-v-form-node-50-form,
form.webform-submission-nemo-s-form-node-56-form {
    width: 50%;
    margin: auto;
}

@media only screen and (max-width: 768px) {

    form.webform-submission-nemo-v-form-node-50-form,
    form.webform-submission-nemo-s-form-node-56-form {
        width: 100%;
        margin: auto;
    }
}


.sgmpopup-content-wrapper {
    border-color: #133F70;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(19, 63, 112, 0.29);
    box-shadow: 0px 0px 18px 2px rgba(19, 63, 112, 0.29);
}

.sgmpopup-content-wrapper a {
    font-weight: 600;
}

.sgmpopup-arrow-inner {
    border-top-color: #133F70;
}

.view-partner-google-map .partner-view-info {
    scroll-margin-top: 200px;
}

.gm-style {
    font-family: 'Lato', 'helvetica', 'arial', sans-serif;
    ;
}

.view-id-partner_google_map .view-content .views-row {
    -webkit-box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 0px 23px -5px rgba(0, 0, 0, 0.48);
    padding: 50px;
    margin-bottom: 50px;
}

.partner-view-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*--------------- --------------- ---------------  */
/*-------------------- new featured block ----------------------  */
/*--------------- --------------- ---------------  */

.new-featured-block {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: space-evenly;
}

.new-featured-block .product-image {
    width: 20%;
    text-align: center;
}

.new-featured-block .product-info {
    width: 45%;
}

.view-new-featured-product {
    background: url(/sites/default/files/2021-11/featured-product.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    margin-top: 100px;
}

.view-new-featured-product .view-content {
    background: rgba(18, 63, 112, 0.46);
    padding: 50px 50px 50px 0;
}

.view-new-featured-product .view-content .views-row p,
.view-new-featured-product .view-content .views-row h2,
.view-new-featured-product .view-content .views-row li {
    color: white;
}

.view-new-featured-product .view-content .views-row h2 {
    text-align: left;
}

.view-new-featured-product .featured-subheading {
    line-height: 0.1;
    margin-bottom: 0;
    padding: 0;
}

.new-featured-block ul {
    list-style-type: disc;
    list-style-image: none;
}

.new-featured-block .product-image img {
    margin-top: -150px;
}

.new-featured-block .product-info a {
    background: red;
    padding: 10px;
    color: white;
}

.new-featured-block .product-info a:hover {
    background: white;
    color: red;
}

.view-featured-on-home-page-products .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.view-featured-on-home-page-products .view-content h4 a {
    color: #0058B1;
}



.best-seller-product-view .view-header {
    padding: 30px;
    text-align: center;
    background-color: #133F70;
    margin-top: 50px;
    margin-bottom: 50px;

}

.best-seller-product-view .view-header h3 {
    color: white;
}

#block-videoblock {
    display: none;
}

.spb-popup-main-wrapper {
    border: none;
    background: none;
}

.block-popupintroducingtheapollox-modal .spb_center {
    background-image: url(/sites/default/files/2023-05/xeos-back-1.jpeg);
    padding: 30px;
    background-size: cover;
}
.block-popupintroducingtheapollox-modal .spb-controls {
    right: 10px;
    top: 0;
}

.block-popupintroducingtheapollox-modal .spb_center h2 span,
.block-popupintroducingtheapollox-modal .spb_center  p {
    color: white;
}




#block-homepagebanner {
    height: 250px;
    display: flex;
    align-items: center;
    padding-left: 150px;
}

#block-homepagebanner h1,
#block-homepagebanner p {
    color: white;
    text-align: left;
}

#block-homepagebanner p {
    font-style: italic;
    font-family: 'Lato', 'helvetica', 'arial', sans-serif;
}

#block-homepagebanner a,
.block-popupintroducingtheapollox-modal .spb_center a {
    background: red;
    width: fit-content;
    width: -moz-fit-content;
    padding: 10px 20px;
    color: white;
}

#block-homepagebanner a:hover,
.block-popupintroducingtheapollox-modal .spb_center a:hover {
    background: white;
    color: red;
}


/* .page-node-252 #banner .container-fluid {

background-image: linear-gradient(
    90deg, rgba(19, 63, 112,0.8) 40%, rgba(19, 63, 112,0.5) 60%);
} */
#block-videoblockonhomepage {
    background-image: url(/sites/default/files/2021-11/video-banner-bg.jpg);
    height: 480px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#block-videoblockonhomepage .sub-heading {
    text-transform: uppercase;
    line-height: 0.1;
}

#block-videoblockonhomepage h2,
#block-videoblockonhomepage p {
    color: white;
    text-align: center;
}

#home-video {
    cursor: pointer;
}

.new-product-category-view .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 150px;
    padding: 100px 150px 0;
}

.new-product-category-view .view-content .views-field-field-product-group-image {
    min-height: 250px;
}

.new-product-category-view .view-content .views-row {
    margin-bottom: 50px;
}

.new-product-category-view .view-header h3 {
    text-align: center;
    color: #0058B1;
    margin-top: 80px;
}

.page-node-252 .main-content__container .content {
    margin-top: 50px;
}

.page-node-137 a.button,
.page-node-262 a.button {
    background-color: red;
    border: red 1px solid;
    border-radius: 15px;

}

.page-node-137 a.button:hover,
.page-node-262 a.button:hover {
    color: red;
    background-color: white;
}

.page-node-137 #block-views-block-page-header-banner-block-1 {
    display: none;
}

.header-top-highlighted__section #block-leadfeeder {
    padding: 0;
}

.gtranslate {
    text-align: right;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.gtranslate select {
    width: auto;
}

/*canada*/
.gtranslate a.gtflag:nth-child(7) {
    order: 1;
}

/*France*/
.gtranslate a.gtflag:nth-child(9) {
    order: 2;
    background-position: -200px -100px !important;
}

/*Spain*/
.gtranslate a.gtflag:nth-child(14) {
    order: 3;
}

/*Germany*/
.gtranslate a.gtflag:nth-child(10) {
    order: 4;
}

/*China*/
.gtranslate a.gtflag:nth-child(8) {
    order: 5;
    background-position: -300px 0 !important;
}

/*Japan*/
.gtranslate a.gtflag:nth-child(11) {
    order: 6;
}

/*Korea*/
.gtranslate a.gtflag:nth-child(12) {
    order: 7;
}

/*Norway*/
.gtranslate a.gtflag:nth-child(13) {
    order: 7;
}


/*--------------- --------------- ---------------  */
/*-------------------- Video ----------------------  */
/*--------------- --------------- ---------------  */

.view-id-view_gallery .view-content ul li.col-md-3.col-sm-6.col-xs-12::marker {
    content: "";
}

.view-id-view_gallery .view-content iframe {
    width: 400px;
    height: 200px;
}

.view-id-view_gallery .view-content ul li {
    margin: 40px 0;
}

.view-id-view_gallery .view-content ul li p {
    font-family: 'montserrat', 'arial', sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: #333333;
    letter-spacing: 0.5px;
}

.spb-controls {
    right: -65px;
    top: -40px;
}


@media (max-width: 1200px) {
    .new-featured-block .product-info {
        width: 50%;
    }
}


@media (max-width: 767px) {

    .feature-box-front-oskar,
    .feature-box-front-brizo,
    .feature-box-front {
        height: auto;
        max-height: auto;
    }

    .feature-box-front-oskar .btn,
    .feature-box-front-brizo .btn,
    .feature-box-front .btn {
        margin-right: auto;
    }

    .appllo-image {
        margin-top: 0rem;
    }

    .new-featured-block {
        display: block;
    }

    .new-featured-block .product-image {
        width: 30%;
        margin: auto;
    }

    .new-featured-block .product-info {
        width: auto;
        padding: 40px;
    }

    .new-featured-block div:nth-child(3) {
        padding: 0 40px;
    }

    .new-featured-block .product-image img {
        margin-top: -100px;
    }

    .new-product-category-view .view-content {
        padding: 50px 10px 0;
    }
}

@media (max-width: 985px) {
    #home-banner h1 {
        font-size: 2em;
    }

    #home-banner h2 {
        font-size: 1.5em;
    }

    #home-banner {
        top: 30px;
    }

    .hff-33 h1,
    h1 {
        font-size: 2em;
    }

    #block-frontpagefeatured {
        padding-bottom: 10px;
    }

    #block-apolloroverxmriibannerblock {
        padding: 0 50px;
    }
}

@media (max-width: 568px) {
    #home-banner {
        position: relative;
        background-color: #286090;
        top: 0px;
    }

    #block-homepagebanner {
        padding-left: 50px;
    }
}

@media (max-width: 414px) {

    #home-banner h1,
    #home-banner h2 {
        font-size: 1.5em;
    }

    #block-apolloroverxmriibannerblock {
        padding: 0 10px;
    }
}