@charset "utf-8";

/**
 * Narda-MITEQ site stylesheet
 *
 * Organization
 *  1. Fonts
 *  2. Base elements and resets
 *  3. Site shell and header
 *  4. Navigation
 *  5. Slider and breadcrumbs
 *  6. Main content
 *  7. Sidebar and local forms
 *  8. Footer
 *  9. Animation and responsive overrides
 * 10. Third-party date-picker and form CSS
 * 11. Site components and page-specific styles
 * 12. Utilities and integrations
 *
 * Maintenance conventions
 * - Rules remain in their original cascade order to avoid visual regressions.
 * - Declarations are alphabetized when doing so is cascade-safe.
 * - Shorthand/longhand pairs, duplicate fallbacks, and commented alternatives retain
 *   their required relative order.
 * - Third-party styles are isolated and clearly labeled. Prefer placing local
 *   overrides after the relevant vendor section rather than editing vendor rules.
 */

/* ==========================================================================
   1. Fonts
   ========================================================================== */

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("/fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 500;
    src: url("/fonts/OpenSans-Medium.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url("/fonts/OpenSans-SemiBold.ttf") format("truetype");
}

/* ==========================================================================
   2. Base elements and resets
   ========================================================================== */

* {
    box-sizing: border-box;
}

html {
    font-family: "Open Sans", Helvetica, sans-serif;
}

body {
    background: #e9e9e9;
    color: #000;
    font-family: "Open Sans", Helvetica, sans-serif;
    line-height: 1.5;
    margin: 0;
}

a {
    color: #222;
    font-family: IBMPlexSans, Helvetica, Arial, sans-serif;
    font-size: 16px;
}

hr {
    color: #d43246;
}

/*
 * Reset unordered lists without adding visual bullets globally.
 * Content bullets are defined only inside .main-content below.
 */

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box_oc ul li {
    list-style: none;
}

ul li a {
    color: #222;
}

td img {
    display: block;
}

/* ==========================================================================
   3. Site shell and header
   ========================================================================== */

/* --- Site shell --- */

.page-wrap {
    background: #fff;
    margin: 0 auto;
    max-width: 1088px;
}

/* --- Header layout and tools --- */

.site-header {
    background: #fff;
    position: relative;
    z-index: 50;
}

.header-main {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    min-height: 89px;
    padding: 5px 28px 0;
}

.logo-area {
    width: 420px;
}

.logo-area img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 340px;
}

.header-right {
    flex: 1;
    text-align: right;
}

.header-tools {
    align-items: flex-start;
    display: flex;
    font-size: 11px;
    gap: 18px;
    justify-content: flex-end;
    margin-top: 0;
}

.header-search-stack {
    align-items: center;
    column-gap: 4px;
    display: grid;
    grid-template-columns: auto 150px auto;
    row-gap: 3px;
}

.translate-form,
.search-form {
    align-items: center;
    display: flex;
    gap: 4px;
    margin: 0;
}

.search-form {
    display: contents;
}

.header-tools label {
    color: #d3293f;
    text-align: right;
    white-space: nowrap;
}

.header-tools select,
.header-tools input,
.header-tools button {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 11px;
}

.header-tools select {
    background: #fff;
    border: 1px solid #bbb;
    height: 16px;
    width: 122px;
}

.header-tools input {
    border: 1px solid #888;
    height: 16px;
    padding: 2px 1px;
    width: 150px;
}

.header-tools button {
    background: #f3f3f3;
    border: 1px solid #777;
    color: #000;
    cursor: pointer;
    height: 22px;
    padding: 0;
    text-align: center;
    width: 34px;
}

.part-search-form input {
    width: 150px;
}

.clearboth {
        clear: both;
}

/* ==========================================================================
   4. Navigation
   ========================================================================== */

/* --- Utility navigation --- */

.utility-nav {
    margin-top: 34px;
    padding-right: 55px;
}

.utility-nav > ul,
.primary-nav > ul,
.industry-nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-nav ul li,
.utility-nav ul li {
    list-style: none;
}

.utility-nav > ul {
    align-items: center;
    display: flex;
    gap: 22px;
    justify-content: flex-end;
}

.utility-nav > ul > li {
    position: relative;
}

.utility-nav > ul > li > a {
    color: #d43246;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.utility-nav > ul > li > a:hover,
.utility-nav > ul > li > a:focus {
    text-decoration: underline;
}

.utility-has-submenu > a::after {
    margin-left: 6px;
    font-size: 11px;
    /* content: "\25BE"; */
}

.utility-nav .utility-submenu,
.utility-nav .submenu {
    background: #eef4f6;
    border: 1px solid #b6c9d0;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
    display: none;
    left: 50%;
    list-style: none;
    margin: 0;
    min-width: 260px;
    padding: 0;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    z-index: 250;
}

.utility-has-submenu:hover > .utility-submenu,
.utility-has-submenu:focus-within > .utility-submenu,
.utility-has-submenu:hover > .submenu,
.utility-has-submenu:focus-within > .submenu {
    display: block;
}

.utility-nav .utility-submenu li,
.utility-nav .submenu li {
    border-bottom: 1px solid #d4e0e4;
    display: block;
    width: 100%;
}

.utility-nav .utility-submenu li:last-child,
.utility-nav .submenu li:last-child {
    border-bottom: 0;
}

.utility-nav .utility-submenu a,
.utility-nav .submenu a {
    background: #eef4f6;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.2;
    padding: 7px 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.utility-nav .utility-submenu a:hover,
.utility-nav .utility-submenu a:focus,
.utility-nav .submenu a:hover,
.utility-nav .submenu a:focus {
    background: #587f8d;
    color: #fff;
    text-decoration: none;
}

.bm { /* bottom menu links */
	text-decoration: none;
}

/* --- Primary navigation --- */

.primary-nav {
    background: #c6d7de;
    border-bottom: 1px solid #c2d2d8;
    border-top: 1px solid #d8e3e7;
    padding: 0 40px;
    position: relative;
    width: 100%;
    z-index: 100;
}

.primary-menu {
    display: grid;
    /* grid-template-columns: 1.18fr 1.28fr 1.28fr 1.02fr 1.40fr 1.14fr; */
    grid-template-columns: 1.21fr 1.21fr 1.21fr 1.21fr 1.21fr 1.21fr;
    /* grid-template-columns: 1.08fr 1.28fr 1.28fr 0.92fr 1.55fr 1.09fr; */
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.primary-menu > li {
    min-width: 0;
    position: relative;
}

.primary-menu > li:not(:first-child)::before {
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.3);
    content: "";
    /* transform: skewX(-24deg); */
    transform-origin: center;
}

.primary-menu > li > a {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 15px;
    font-weight: bold;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.16;
    min-height: 65px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
}

.primary-menu > li > a:hover,
.primary-menu > li > a:focus,
.primary-menu > li:focus-within > a,
.primary-menu > li:hover > a {
    background: #b7ccd4;
    /* background: #587f8d; */
    /* color: #fff; */
    /* text-shadow: 2px 2px 5px #000; */
    font-weight: bold;
}

/* --- Submenu indicators --- */

.has-submenu > a::after {
    margin-left: 6px;
    font-size: 11px;
    /* content: "\25BE"; */
}

/* --- Shared dropdown menus --- */

.submenu {
    background: #eef4f6;
    border: 1px solid #b6c9d0;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 230px;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 200;
}

.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu {
    display: block;
}

.submenu li {
    border-bottom: 1px solid #d4e0e4;
    display: block;
}

.submenu li:last-child {
    border-bottom: 0;
}

.submenu a {
    display: block;
    padding: 4px 14px;
    color: #000;
    background: #eef4f6;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    /* text-transform: uppercase; */
    letter-spacing: 0;
    white-space: nowrap;
}

.submenu a:hover,
.submenu a:focus {
    background: #587f8d;
    color: #fff;
}

/* --- Industry navigation --- */

.industry-nav {
    background: #e9e9e9;
    border-bottom: 1px solid #c7d2d7;
    position: relative;
    width: 100%;
    z-index: 40;
}

.industry-nav > ul {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.industry-nav > ul > li {
    display: block;
    position: relative;
}

.industry-nav > ul > li:not(:first-child)::before {
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;
    width: 1px;
    background: rgba(23, 103, 191, 0.45);
    content: "";
    /* transform: skewX(-24deg); */
    transform-origin: center;
}

.industry-nav a {
    color: #1767bf;
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.2;
    padding: 6px 22px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.industry-nav a:hover,
.industry-nav a:focus,
.industry-nav > ul > li:hover > a,
.industry-nav > ul > li:focus-within > a {
    text-decoration: underline;
}

.industry-nav .submenu {
    min-width: 220px;
}

.industry-nav .submenu a {
    color: #1767bf;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.industry-nav .submenu a:hover,
.industry-nav .submenu a:focus {
    background: #587f8d;
    color: #fff;
}

/* ==========================================================================
   5. Slider and breadcrumbs
   ========================================================================== */

/* --- Hero slider --- */

.slider {
    background: #000;
    height: 376px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.slide {
    height: 360px;
    left: 54px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 8px;
    transition: opacity 0.7s ease-in-out;
    width: 980px;
    z-index: 1;
}

.slide.active-slide {
    opacity: 1;
    pointer-events: auto;
    z-index: 3;
}

.slide a {
    color: #fff;
    display: block;
    height: 360px;
    position: relative;
    text-decoration: none;
    width: 980px;
}

.slide img {
    display: block;
    height: 360px;
    object-fit: cover;
    width: 980px;
}

.slide-text {
    background: rgba(0, 0, 0, 0.72);
    bottom: 34px;
    color: #fff;
    left: 74px;
    max-width: 430px;
    opacity: 0;
    padding: 16px 20px;
    position: absolute;
    text-align: left;
    transform: translateX(-40px);
}

.active-slide .slide-text {
    animation: fly-text 0.8s ease forwards;
}

.slide-title,
.slide-description {
    display: block;
}

.slide-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.15;
    margin-bottom: 4px;
}

.slide-description {
    font-size: 18px;
    line-height: 1.3;
}

.slider-button {
	visibility: hidden;	
	/*
    background: transparent;
    border: 0;
    color: #ccc;
    cursor: pointer;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 52px;
    height: 60px;
    line-height: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    z-index: 20;
    */
}

.slider-button:hover,
.slider-button:focus {
    color: #d3293f;
    outline: none;
}

.slider-button:focus {
    outline: 2px solid #d3293f;
    outline-offset: 2px;
}

.slider-button-prev {
    left: 56px;
}

.slider-button-next {
    right: 56px;
}

/* --- Breadcrumbs --- */

.breadcrumbs {
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 5px 20px;
    width: 100%;
}

.breadcrumbs li {
    background: url(/images/sepp.jpg) no-repeat 100% 2px;
    float: left;
    list-style: none;
    margin: 0 5px 0 0px;
    padding-right: 15px;
}

.breadcrumbsep {
    color: #888;
    float: left;
    font-size: 14px;
    position: relative;
}

.blast {
    background: none !important;
    cursor: none;
    padding-right: 15px;
}

.breadcrumbs a {
    color: #666666;
    float: left;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 10px;
    position: relative;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #000;
    text-decoration: underline;
}

.breadcrumbs .blast a {
    color: #969696;
    cursor: none;
}

.breadcrumbs .blast a:hover {
    text-decoration: none !important;
}

/* ==========================================================================
   6. Main content
   ========================================================================== */

/* --- Page layout --- */

.page-layout {
    display: grid;
    gap: 10px;
    grid-template-columns: 7fr 3fr;
    padding: 0px 13px 7px;
}

.main-content,
.sidebar {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
}

.main-content h1,
.main-content h2,
.main-content h3,
.sidebar h1,
.sidebar h2,
.sidebar h3 {
    margin-top: 0;
}

.main-content .product_box {
    background: #fff;
    border: 1px solid #d9e2e8;
    margin-bottom: 22px;
    padding: 18px 20px;
}

.main-content .product_box:last-child {
    margin-bottom: 0;
}

/* Show custom bullets only in main content lists, not in navigation menus. */

/* --- Content list bullets --- */

.main-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-content ul li {
    display: flow-root;
    list-style: none;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}

.main-content ul li::before {
    background: #1767bf;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 6px;
}

/* --- Content modules --- */

.page_title {
    color: #123b66;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 16px;
}

.ownlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ownlist li {
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}

.ownlist li::before {
    background: #1767bf;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 6px;
}

.ownlist li:last-child {
    margin-bottom: 0;
}

.ownlist a {
    font-weight: bold;
    text-decoration: none;
}

.ownlist a:hover,
.ownlist a:focus {
    text-decoration: underline;
}

.featuredproducts {
    background: #fff;
}

.newprodimg img,
.floatl {
    display: block;
    height: auto;
    max-width: 100%;
}

.newprodimg {
    margin-bottom: 12px;
    text-align: center;
}

.newprodtext {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 12px;
}

.fsf_mod_faqs_scroll,
.fsf_mod_faqs_cont {
    margin: 0;
}

.fsf_mod_faqs_title {
    border-bottom: 1px solid #e1e7ec;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.fsf_mod_faqs_cont:last-child .fsf_mod_faqs_title,
.fsf_mod_faqs_title:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.fullwidthjust {
    text-align: justify;
    -moz-text-align-last: justify;
}

.pad10 {
    padding: 0;
}

/* ==========================================================================
   7. Sidebar and local forms
   ========================================================================== */

.sidebar {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
}

.sidebar-block {
    background: #fff;
    border: 1px solid #d9e2e8;
    margin-bottom: 20px;
    padding: 5px 10px 15px;
}

.sidebar-block:last-child {
    margin-bottom: 0;
}

.sidebar-block h2 {
    /*
     * margin: 0 0 14px;
     * padding-bottom: 8px;
     * border-bottom: 1px solid #dbe4ea;
     */
    color: #d43246;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}

.sidebar-block p,
.sidebar-block form {
    margin-bottom: 0;
    margin-top: 0;
}

.sidebar .pb20 {
    display: flex;
    gap: 8px;
    margin: 0;
}

.sidebar .pb20 .search {
    margin: 0;
}

.sidebar .pb20 input[type="text"] {
    background: #fff;
    border: 1px solid #c8d3dc;
    flex: 1;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 14px;
    min-width: 0;
    padding: 10px 12px;
}

.sidebar .pb20 input[type="submit"] {
    background: #1767bf;
    border: 1px solid #1767bf;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font-weight: bold;
    padding: 10px 14px;
}

.sidebar .pb20 input[type="submit"]:hover,
.sidebar .pb20 input[type="submit"]:focus {
    background: #0f4e92;
}

.sidebar-image-block {
    text-align: center;
}

.leftbarimgs {
    display: block;
    margin: 0 auto;
}

.sib-form-container {
    margin-top: 0;
}

#sib-container {
    margin: 0 auto;
    max-width: 100% !important;
}

.sib-form-message-panel {
    max-width: 100% !important;
}

/* ==========================================================================
   8. Footer
   ========================================================================== */

.site-footer {
    background: #fff;
    border-top: 1px solid #cfcfcf;
    color: #333;
    padding: 0;
}

.footer-inner {
    padding: 24px 28px 26px;
}

.footer-top {
    border-bottom: 1px solid #d7dde2;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.footer-column h3 {
    color: #123b66;
    font-size: 17px;
    line-height: 1.25;
    margin: 0 0 12px;
}

.footer-company-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-company-list li {
    margin-bottom: 8px;
}

.footer-company-list li:last-child {
    margin-bottom: 0;
}

.footer-company-list a {
    color: #000;
    text-decoration: none;
}

.footer-company-list a:hover,
.footer-company-list a:focus {
    color: #d3293f;
    text-decoration: underline;
}

.footer-middle {
    margin-bottom: 18px;
    text-align: center;
}

.footer-address {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 14px;
}

.footer-social {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 0;
}

.footer-social a {
    align-items: center;
    background: #333;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    text-decoration: none;
    width: 34px;
}

.footer-social a:hover,
.footer-social a:focus {
    background: #d3293f;
}

.social-icon {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.footer-bottom {
    text-align: center;
}

.footer-copyright {
    font-size: 13px;
    margin: 0 0 14px;
}

.footer-copyright a {
    color: #000;
    text-decoration: underline;
}

.footer-copyright a:hover,
.footer-copyright a:focus {
    color: #d3293f;
}

.footer-disclaimer {
    color: #555;
    font-size: 12px;
    line-height: 1.45;
    margin: 0 auto;
    max-width: 900px;
}

.footer-disclaimer p {
    margin: 4px 0;
}

/* ==========================================================================
   9. Animation and responsive overrides
   ========================================================================== */

/* --- Animations --- */

@keyframes fly-text {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* --- Responsive: tablet and smaller --- */

@media (max-width: 900px) {
    .header-main {
        display: block;
        min-height: 0;
    }

    .header-right {
        text-align: left;
    }

    .header-tools {
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 12px;
    }

    .header-search-stack {
        width: auto;
    }

    .utility-nav {
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .utility-nav > ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .utility-nav .utility-submenu,
    .utility-nav .submenu {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
        display: none;
        min-width: 0;
        position: static;
        transform: none;
        width: 100%;
    }

    .utility-has-submenu:hover > .utility-submenu,
    .utility-has-submenu:focus-within > .utility-submenu,
    .utility-has-submenu:hover > .submenu,
    .utility-has-submenu:focus-within > .submenu {
        display: block;
    }

    .utility-nav .utility-submenu a,
    .utility-nav .submenu a {
        text-align: center;
        white-space: normal;
    }

    .primary-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-nav > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 0;
        justify-content: center;
    }

    .primary-menu > li,
    .industry-nav > ul > li {
        display: block;
    }

    .primary-menu > li::before,
    .industry-nav > ul > li::before {
        display: none;
    }

    .primary-menu > li > a {
        font-size: 16px;
        white-space: normal;
    }

    .industry-nav a {
        font-size: 14px;
        white-space: normal;
    }

    .submenu {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
        display: none;
        min-width: 0;
        position: static;
        width: 100%;
    }

    .has-submenu:hover > .submenu,
    .has-submenu:focus-within > .submenu {
        display: block;
    }

    .submenu a {
        text-align: center;
        white-space: normal;
    }

    .industry-nav .submenu a {
        text-align: left;
        text-transform: uppercase;
        white-space: normal;
    }

    .slider {
        height: auto;
        padding: 20px 28px;
    }

    .slide {
        display: none;
        height: auto;
        left: auto;
        opacity: 1;
        pointer-events: auto;
        position: relative;
        top: auto;
        transition: none;
        width: 100%;
    }

    .slide.active-slide {
        display: block;
    }

    .slide a {
        height: auto;
        width: 100%;
    }

    .slide img {
        height: auto;
        width: 100%;
    }

    .slide-text {
        bottom: 8%;
        left: 8%;
        max-width: none;
        right: 8%;
    }

    .slider-button {
        display: none;
    }

    .page-layout {
        grid-template-columns: 1fr;
        padding: 20px 20px 22px;
    }

    .sidebar .pb20 {
        display: block;
    }

    .sidebar .pb20 input[type="text"] {
        margin-bottom: 8px;
    }

    .footer-top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* --- Responsive: mobile --- */

@media (max-width: 560px) {
    .header-main,
    .page-layout,
    .site-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-tools {
        display: block;
    }

    .translate-form,
    .search-form {
        margin-bottom: 8px;
    }

    .primary-menu {
        grid-template-columns: 1fr;
    }

    .industry-nav > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 0;
        justify-content: center;
    }

    .primary-menu > li > a,
    .industry-nav a {
        min-height: 44px;
        padding: 10px 12px;
    }

    .slider {
        padding-left: 16px;
        padding-right: 16px;
    }

    .slide-title {
        font-size: 22px;
    }

    .slide-description {
        font-size: 15px;
    }

    .main-content,
    .sidebar {
        padding: 18px 16px;
    }

    .sidebar-block {
        padding: 15px 0px 15px;
    }

    .page_title {
        font-size: 22px;
    }

    .footer-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .footer-top {
        gap: 18px;
        grid-template-columns: 1fr;
    }

    .footer-links ul {
        display: block;
    }

    .footer-links li {
        margin-bottom: 8px;
    }
}

/* ==========================================================================
   10. Third-party date-picker and form CSS
   ========================================================================== */

/* --- Pikaday base styles --- */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    /* font-family: "Helvetica Neue", Helvetica, 'Open Sans', sans-serif; */
    font-family: "Open Sans", Helvetica, sans-serif;
}

/*
 * clear child float (pika-lendar), using the famous micro clearfix hack
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */

.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
    position: absolute;
}

.pika-lendar {
    float: left;
    margin: 8px;
    width: 240px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px;
    position: relative;
    z-index: 9999;
}

.pika-title select {
    cursor: pointer;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 5px;
    z-index: 9998;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
    float: left;
}

.pika-next,
.is-rtl .pika-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
    float: right;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

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

.pika-table th,
.pika-table td {
    padding: 0;
    width: 14.285714285714286%;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}

.pika-button {
    background: #f5f5f5;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: initial;
    line-height: 15px;
    margin: 0;
    outline: none;
    padding: 5px;
    text-align: right;
    width: 100%;
}

.pika-week {
    color: #999;
    font-size: 11px;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    background: #33aaff;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px #178fe5;
    color: #fff;
    font-weight: bold;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    background: #6CB31D;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
}

.is-endrange .pika-button {
    background: #33aaff;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
}

.is-disabled .pika-button {
    color: #999;
    cursor: default;
    opacity: .3;
    pointer-events: none;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    cursor: default;
    pointer-events: none;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    background: #ff8000;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
}

/* styling for abbr */

.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/* --- Brevo Pikaday overrides --- */

.pika-single {
    color: #3c4858;
}

.pika-button {
    background: #fff;
    color: #3c4858;
}

.sib-is-today .pika-button {
    color: #0092ff;
}

.sib-is-selected .pika-button {
    color: #fff;
}

.sib-is-today:hover .pika-button {
    color: #fff;
}

.sib-is-selected .pika-button,
.sib-has-event .pika-button {
    background: #0092ff;
}

.pika-button:hover,
.pika-row.sib-pick-whole-week:hover .pika-button {
    background: #0092ff;
}

.pika-table abbr {
    color: #8390a4;
    cursor: default;
    text-decoration: none;
}

.pika-label {
    font-size: 0;
}

.pika-title select {
    opacity: 1;
    position: initial;
    z-index: inherit;
}

/* --- Brevo SMS field and country flags --- */

.sib-sms-tooltip {
    margin-left: 8px;
    position: relative;
}

.sib-sms-tooltip__box {
    background-color: #333;
    border-radius: 5px;
    bottom: 100%;
    color: #fff;
    display: none;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    right: calc(100% - 60px);
    width: 200px;
}

.sib-sms-tooltip:hover .sib-sms-tooltip__box {
    display: block;
}

.sib-sms-tooltip__icon {
    border-radius: 50%;
    color: #4da6e0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    padding: 3px;
    width: 24px;
}

.sib-container--medium.sib-container--horizontal .sib-sms-tooltip,
.sib-container--small .sib-sms-tooltip {
    align-items: center;
    background: #687484;
    border-radius: 100%;
    bottom: 0;
    display: flex;
    height: 18px;
    justify-content: center;
    margin: 12px 8px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 18px;
}

.sib-container--medium.sib-container--horizontal .sib-sms-tooltip__icon,
.sib-container--small .sib-sms-tooltip__icon {
    color: #fff;
    font-size: 16px;
}

.sib-sms-input-wrapper {
    align-items: center;
    display: flex;
    position: relative;
}

.sib-sms-field .form__label-row--horizontal {
    flex-wrap: wrap;
}

.sib-flag {
    background: url("https://static.brevo.com/images/flags.png") no-repeat;
    display: inline-block;
    height: 32px;
    min-width: 2rem;
    width: 32px;
}

.sib-flag.sib-flag-ad {
    background-position: -3px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ae {
    background-position: -36px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-af {
    background-position: -69px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ag {
    background-position: -102px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ai {
    background-position: -135px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-al {
    background-position: -168px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-am {
    background-position: -201px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ao {
    background-position: -234px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-aq {
    background-position: -267px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ar {
    background-position: -300px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-as {
    background-position: -333px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-at {
    background-position: -366px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-au {
    background-position: -399px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-aw {
    background-position: -432px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ax {
    background-position: -465px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-az {
    background-position: -498px 0px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ba {
    background-position: -3px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bb {
    background-position: -36px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bd {
    background-position: -69px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-be {
    background-position: -102px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bf {
    background-position: -135px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bg {
    background-position: -168px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bh {
    background-position: -201px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bi {
    background-position: -234px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bj {
    background-position: -267px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bl {
    background-position: -300px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bm {
    background-position: -333px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bn {
    background-position: -366px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bo {
    background-position: -399px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bq {
    background-position: -432px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-br {
    background-position: -465px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bs {
    background-position: -498px -33px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bt {
    background-position: -3px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bv {
    background-position: -36px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bw {
    background-position: -69px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-by {
    background-position: -102px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-bz {
    background-position: -135px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ca {
    background-position: -168px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cc {
    background-position: -201px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cd {
    background-position: -234px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cf {
    background-position: -267px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cg {
    background-position: -300px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ch {
    background-position: -333px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ci {
    background-position: -366px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ck {
    background-position: -399px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cl {
    background-position: -432px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cm {
    background-position: -465px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cn {
    background-position: -498px -66px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-co {
    background-position: -3px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cr {
    background-position: -36px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cu {
    background-position: -69px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cv {
    background-position: -102px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cw {
    background-position: -135px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cx {
    background-position: -168px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cy {
    background-position: -201px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-cz {
    background-position: -234px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-de {
    background-position: -267px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-dj {
    background-position: -300px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-dk {
    background-position: -333px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-dm {
    background-position: -366px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-do {
    background-position: -399px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-dz {
    background-position: -432px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ec {
    background-position: -465px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ee {
    background-position: -498px -99px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-eg {
    background-position: -3px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-eh {
    background-position: -36px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-er {
    background-position: -69px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-es {
    background-position: -102px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-et {
    background-position: -135px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fi {
    background-position: -168px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fj {
    background-position: -201px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fk {
    background-position: -234px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fm {
    background-position: -267px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fo {
    background-position: -300px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-fr {
    background-position: -333px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ga {
    background-position: -366px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gb {
    background-position: -399px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gd {
    background-position: -432px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ge {
    background-position: -465px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gf {
    background-position: -498px -132px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gg {
    background-position: -3px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gh {
    background-position: -36px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gi {
    background-position: -69px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gl {
    background-position: -102px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gm {
    background-position: -135px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gn {
    background-position: -168px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gp {
    background-position: -201px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gq {
    background-position: -234px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gr {
    background-position: -267px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gs {
    background-position: -300px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gt {
    background-position: -333px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gu {
    background-position: -366px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gw {
    background-position: -399px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-gy {
    background-position: -432px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-hk {
    background-position: -465px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-hm {
    background-position: -498px -165px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-hn {
    background-position: -3px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-hr {
    background-position: -36px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ht {
    background-position: -69px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-hu {
    background-position: -102px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-id {
    background-position: -135px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ie {
    background-position: -168px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-il {
    background-position: -201px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-im {
    background-position: -234px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-in {
    background-position: -267px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-io {
    background-position: -300px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-iq {
    background-position: -333px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ir {
    background-position: -366px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-is {
    background-position: -399px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-it {
    background-position: -432px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-je {
    background-position: -465px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-jm {
    background-position: -498px -198px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-jo {
    background-position: -3px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-jp {
    background-position: -36px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ke {
    background-position: -69px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kg {
    background-position: -102px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kh {
    background-position: -135px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ki {
    background-position: -168px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-km {
    background-position: -201px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kn {
    background-position: -234px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kp {
    background-position: -267px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kr {
    background-position: -300px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kw {
    background-position: -333px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ky {
    background-position: -366px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-kz {
    background-position: -399px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-la {
    background-position: -432px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lb {
    background-position: -465px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lc {
    background-position: -498px -231px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-li {
    background-position: -3px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lk {
    background-position: -36px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lr {
    background-position: -69px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ls {
    background-position: -102px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lt {
    background-position: -135px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lu {
    background-position: -168px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-lv {
    background-position: -201px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ly {
    background-position: -234px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ma {
    background-position: -267px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mc {
    background-position: -300px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-md {
    background-position: -333px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-me {
    background-position: -366px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mf {
    background-position: -399px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mg {
    background-position: -432px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mh {
    background-position: -465px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mk {
    background-position: -498px -264px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ml {
    background-position: -3px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mm {
    background-position: -36px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mn {
    background-position: -69px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mo {
    background-position: -102px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mp {
    background-position: -135px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mq {
    background-position: -168px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mr {
    background-position: -201px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ms {
    background-position: -234px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mt {
    background-position: -267px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mu {
    background-position: -300px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mv {
    background-position: -333px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mw {
    background-position: -366px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mx {
    background-position: -399px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-my {
    background-position: -432px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-mz {
    background-position: -465px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-na {
    background-position: -498px -297px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nc {
    background-position: -3px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ne {
    background-position: -36px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nf {
    background-position: -69px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ng {
    background-position: -102px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ni {
    background-position: -135px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nl {
    background-position: -168px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-no {
    background-position: -201px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-np {
    background-position: -234px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nr {
    background-position: -267px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nu {
    background-position: -300px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-nz {
    background-position: -333px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-om {
    background-position: -366px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pa {
    background-position: -399px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pe {
    background-position: -432px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pf {
    background-position: -465px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pg {
    background-position: -498px -330px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ph {
    background-position: -3px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pk {
    background-position: -36px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pl {
    background-position: -69px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pm {
    background-position: -102px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pn {
    background-position: -135px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pr {
    background-position: -168px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ps {
    background-position: -201px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pt {
    background-position: -234px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-pw {
    background-position: -267px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-py {
    background-position: -300px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-qa {
    background-position: -333px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-re {
    background-position: -366px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ro {
    background-position: -399px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-rs {
    background-position: -432px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ru {
    background-position: -465px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-rw {
    background-position: -498px -363px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sa {
    background-position: -3px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sb {
    background-position: -36px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sc {
    background-position: -69px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sd {
    background-position: -102px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-se {
    background-position: -135px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sg {
    background-position: -168px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sh {
    background-position: -201px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-si {
    background-position: -234px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sj {
    background-position: -267px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sk {
    background-position: -300px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sl {
    background-position: -333px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sm {
    background-position: -366px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sn {
    background-position: -399px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-so {
    background-position: -432px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sr {
    background-position: -465px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ss {
    background-position: -498px -396px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-st {
    background-position: -3px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sv {
    background-position: -36px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sx {
    background-position: -69px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sy {
    background-position: -102px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-sz {
    background-position: -135px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tc {
    background-position: -168px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-td {
    background-position: -201px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tf {
    background-position: -234px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tg {
    background-position: -267px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-th {
    background-position: -300px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tj {
    background-position: -333px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tk {
    background-position: -366px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tl {
    background-position: -399px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tm {
    background-position: -432px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tn {
    background-position: -465px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-to {
    background-position: -498px -429px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tr {
    background-position: -3px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tt {
    background-position: -36px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tv {
    background-position: -69px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tw {
    background-position: -102px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-tz {
    background-position: -135px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ua {
    background-position: -168px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ug {
    background-position: -201px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-um {
    background-position: -234px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-us {
    background-position: -267px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-uy {
    background-position: -300px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-uz {
    background-position: -333px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-va {
    background-position: -366px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-vc {
    background-position: -399px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ve {
    background-position: -432px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-vg {
    background-position: -465px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-vi {
    background-position: -498px -462px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-vn {
    background-position: -3px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-vu {
    background-position: -36px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-wf {
    background-position: -69px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ws {
    background-position: -102px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-xk {
    background-position: -135px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-ye {
    background-position: -168px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-yt {
    background-position: -201px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-za {
    background-position: -234px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-zm {
    background-position: -267px -495px;
    height: 30px;
    width: 30px;
}

.sib-flag.sib-flag-zw {
    background-position: -300px -495px;
    height: 30px;
    width: 30px;
}

.sib-sms-select {
    display: flex;
    font-size: 14px;
    position: relative;
    width: 100%;
}

.sib-container--medium.sib-container--horizontal .sib-sms-select,
.sib-container--small .sib-sms-select {
    flex-direction: column;
}

.sib-sms-select__title {
    align-items: center;
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 3em;
    margin-right: 8px;
    max-width: 60px;
    padding: 8px 16px 8px 8px;
    position: relative;
    text-align: left;
    width: 100%;
}

.sib-sms-select__title::after {
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid #000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 5px;
    width: 0;
}

.sib-sms-select__title>.sib-sms-select__label-text {
    display: none;
}

.sib-container--medium.sib-container--horizontal .sib-sms-select__title,
.sib-container--small .sib-sms-select__title {
    margin-bottom: .5rem;
    margin-right: 0;
    max-width: 100%;
}

.sib-container--medium.sib-container--horizontal .sib-sms-select__title::after,
.sib-container--small .sib-sms-select__title::after {
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid #000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 8px;
    width: 0;
}

.sib-container--medium.sib-container--horizontal .sib-sms-select__title>.sib-sms-select__label-text,
.sib-container--small .sib-sms-select__title>.sib-sms-select__label-text {
    display: block;
}

.sib-sms-select__list {
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    box-sizing: border-box;
    display: none;
    height: 0;
    list-style: none;
    margin: 8px 0 0 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.sib-sms-select__list.sib-is-open {
    display: block;
    height: auto;
    max-height: 250px;
    opacity: 1;
    overflow: scroll;
}

.sib-sms-select__list li {
    align-items: center;
    border-bottom: 1px solid #c0ccda;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding: 8px;
}

.sib-sms-select__list li:hover,
.sib-sms-select__list li.sib-is-selected {
    background-color: #8ed8fd;
}

.sib-sms-select__number-input {
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    display: flex;
    height: 3em;
    width: 100%;
}

.sib-sms-select__calling-code {
    border-bottom: 0;
    border-left: 0;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #c0ccda;
    border-top: 0;
    color: inherit;
    font-size: inherit;
    height: 100%;
    line-height: 1.8em;
    max-width: 70px;
    outline: none;
    padding: 8px;
    text-align: center;
}

.sib-container--medium.sib-container--horizontal .sib-sms-select__calling-code,
.sib-container--small .sib-sms-select__calling-code {
    max-width: 50px;
    padding: 8px 4px;
}

.sib-sms-select__phone-number {
    border-radius: 3px;
    border: 0;
    font-size: inherit;
    height: 100%;
    outline: 0;
    padding: 8px;
    width: calc(100% - 70px);
}

.sib-sms-select__label-text {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 480px) {
    .sib-sms-select {
        display: block;
    }

    .sib-sms-select__title {
        display: inline-block;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .sib-container--small .sib-sms-select__title {
        display: flex;
    }

    .sib-container--small .sib-sms-select__title .sib-flag {
        bottom: 0;
        margin-left: 0;
    }

    .sib-container--small .sib-sms-select__title .sib-sms-select__label-text {
        margin-left: .5rem;
        padding-bottom: 0;
    }

    .sib-sms-select__title::after {
        border-left: 5px solid rgba(0,0,0,0);
        border-right: 5px solid rgba(0,0,0,0);
        border-top: 5px solid #000;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 0;
    }

    .sib-sms-select__title__phone-number {
        padding-right: 45px;
    }

    .sib-sms-select__title>.sib-flag {
        bottom: 4px;
        float: left;
        margin-left: 10px;
        position: relative;
    }

    .sib-sms-select__title>.sib-sms-select__label-text {
        display: inline-block;
        float: left;
        font-size: 20px;
        margin-left: 18px;
        max-width: 70%;
        padding-bottom: 5px;
    }
}

.sib-popup .sib-container--small #sib-form .sib-sms-input-wrapper .sib-sms-select__title {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
}

.sib-popup .sib-container--small #sib-form .sib-sms-input-wrapper .sib-sms-select__title::after {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" class=\"V5oCQcAfDAoMm77TaZq0\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\"></path></svg>") no-repeat center center;
    background-size: contain;
    border: 0;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}

.sib-popup .sib-container--small #sib-form .sib-sms-input-wrapper .sib-sms-select__title__phone-number {
    padding-right: 45px;
}

.sib-popup .sib-container--small #sib-form .sib-sms-input-wrapper .sib-sms-select__title>.sib-flag {
    bottom: 4px;
    float: left;
    margin-left: 10px;
    position: relative;
}

.sib-popup .sib-container--small #sib-form .sib-sms-input-wrapper .sib-sms-select__title .sib-sms-select__label-text {
    display: inline-block;
    float: left;
    font-size: 20px;
    margin-left: 18px;
    max-width: 70%;
    padding-bottom: 5px;
}

.sib-popup .sib-sms-select {
    display: flex;
    font-size: 14px;
    position: relative;
    width: 100%;
}

.sib-container--medium.sib-container--horizontal .sib-popup .sib-sms-select,
.sib-container--small .sib-popup .sib-sms-select {
    flex-direction: column;
}

.sib-popup .sib-sms-select__title {
    align-items: center;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 3em;
    margin-right: 8px;
    max-width: 60px;
    padding: 8px 16px 8px 8px;
    position: relative;
    text-align: left;
    width: 100%;
}

.sib-popup .sib-sms-select__title::after {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" class=\"V5oCQcAfDAoMm77TaZq0\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\"></path></svg>") no-repeat center center;
    background-size: contain;
    border: 0;
    content: "";
    display: block;
    height: 16px;
    margin-left: 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}

.sib-popup .sib-sms-select__title>.sib-popup .sib-sms-select__label-text {
    display: none;
}

.sib-container--medium.sib-container--horizontal .sib-popup .sib-sms-select__title,
.sib-container--small .sib-popup .sib-sms-select__title {
    margin-bottom: .5rem;
    margin-right: 0;
    max-width: 100%;
}

.sib-container--medium.sib-container--horizontal .sib-popup .sib-sms-select__title::after,
.sib-container--small .sib-popup .sib-sms-select__title::after {
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid #000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 8px;
    width: 0;
}

.sib-container--medium.sib-container--horizontal .sib-popup .sib-sms-select__title>.sib-popup .sib-sms-select__label-text,
.sib-container--small .sib-popup .sib-sms-select__title>.sib-popup .sib-sms-select__label-text {
    display: block;
}

.sib-popup .sib-sms-select__list {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    box-sizing: border-box;
    display: none;
    height: 0;
    list-style: none;
    margin: 8px 0 0 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.sib-popup .sib-sms-select__list.sib-is-open {
    display: block;
    height: auto;
    max-height: 250px;
    opacity: 1;
    overflow: scroll;
}

.sib-popup .sib-sms-select__list li {
    align-items: center;
    border-bottom: 1px solid #cfcfcf;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    padding: 8px;
}

.sib-popup .sib-sms-select__list li:hover,
.sib-popup .sib-sms-select__list li.sib-is-selected {
    background-color: #8ed8fd;
}

.sib-popup .sib-sms-select__number-input {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    display: flex;
    height: 3em;
    overflow: hidden;
    width: 100%;
}

.sib-popup .sib-sms-select__calling-code {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: inherit;
    font-size: inherit;
    height: 100%;
    line-height: 1.8em;
    max-width: 60px;
    outline: none;
    padding: 8px 4px 8px 8px;
    text-align: center;
}

.sib-container--medium.sib-container--horizontal .sib-popup .sib-sms-select__calling-code,
.sib-container--small .sib-popup .sib-sms-select__calling-code {
    max-width: 50px;
    padding: 8px 4px;
}

.sib-popup .sib-sms-select__phone-number {
    border-radius: 0;
    border: 0;
    font-size: inherit;
    height: 100%;
    outline: 0;
    padding: 8px 8px 8px 4px;
    width: calc(100% - 60px);
}

.sib-popup .sib-sms-select__label-text {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 480px) {
    .sib-popup .sib-sms-select {
        display: block;
    }

    .sib-popup .sib-sms-select__title {
        display: inline-block;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .sib-container--small .sib-popup .sib-sms-select__title {
        display: flex;
    }

    .sib-container--small .sib-popup .sib-sms-select__title .sib-flag {
        bottom: 0;
        margin-left: 0;
    }

    .sib-container--small .sib-popup .sib-sms-select__title .sib-sms-select__label-text {
        margin-left: .5rem;
        padding-bottom: 0;
    }

    .sib-popup .sib-sms-select__title::after {
        background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" class=\"V5oCQcAfDAoMm77TaZq0\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\"></path></svg>") no-repeat center center;
        background-size: contain;
        border: 0;
        content: "";
        display: block;
        height: 16px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
    }

    .sib-popup .sib-sms-select__title__phone-number {
        padding-right: 45px;
    }

    .sib-popup .sib-sms-select__title>.sib-flag {
        bottom: 4px;
        float: left;
        margin-left: 10px;
        position: relative;
    }

    .sib-popup .sib-sms-select__title>.sib-popup .sib-sms-select__label-text {
        display: inline-block;
        float: left;
        font-size: 20px;
        margin-left: 18px;
        max-width: 70%;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 480px) {
    .sib-sms-tooltip {
        height: 18px;
        position: absolute;
        right: 12px;
        top: 56%;
        width: 18px;
    }

    .sib-sms-tooltip__icon {
        background: rgba(0,0,0,0);
        color: #fff;
        display: block;
        font-size: 12px !important;
        height: 24px;
        padding: 4px;
        text-align: center;
        width: 24px;
    }
}

@media screen and (max-width: 375px) {
    .g-recaptcha.sib-visible-recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.sib-form *,
.sib-form ::after,
.sib-form ::before {
    box-sizing: border-box;
}

.sib-form {
    background-attachment: fixed;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.sib-form__declaration {
    align-items: center;
    display: flex;
    padding: 0 16px;
}

.sib-form__declaration .declaration-block-icon {
    display: flex;
    margin: 0;
    padding: 0 16px 0 0;
}

.sib-form__declaration .declaration-block-icon [class^=svgIcon] {
    height: 65px;
    width: 65px;
}

.sib-form__declaration p {
    line-height: 1.5em;
    margin: 0;
}

.sib-form--blockPosition {
    position: relative;
}

.sib-form ul,
.sib-form ol {
    padding: 0;
}

#sib-container {
    background: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 17px;
    width: 100%;
}

#sib-form {
    text-align: left;
}

#sib-form .entry__choice label {
    display: unset;
}

.sib-menu {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    display: none;
    left: 0;
    margin-top: 8px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.sib-menu .entry__choice {
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.sib-menu__item-list {
    border: none;
    box-shadow: none;
    list-style: none;
    margin: 0;
    margin-top: 8px;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 0;
}

.sib-menu__item {
    cursor: pointer;
    line-height: 1.5em;
    overflow: hidden;
    padding: 4px 16px;
}

.sib-menu__item:hover {
    background-color: #8ed8fd;
}

.sib-menu__apply {
    padding: 8px 12px 12px 0;
    text-align: right;
}

@media screen and (max-width: 375px) {
    .sib-menu__apply {
        display: flex;
        flex-direction: column-reverse;
        padding: 8px;
    }
}

.sib-menu__apply button {
    padding: 8px 16px;
}

.sib-menu__separator {
    font-size: 20px;
    vertical-align: sub;
}

.sib-menu__select {
    padding: 0px 7px;
}

.sib-menu__selectTextAlign {
    padding: 0px 15px !important;
}

.sib-menu__select button {
    padding: 8px 5px;
}

.sib-menu .input_replaced {
    margin: 0;
    opacity: 0;
    position: static;
    width: 0px;
}

.sib-menu .sib-multiselect__label {
    width: 100%;
}

.sib-menu .sib-multiselect__label-text {
    text-indent: 0;
}

#sib-other-container .entry__controls--other {
    margin-left: 1.5em;
}

#sib-other-container .entry__choice--other {
    width: 100%;
}

#sib-other-container #sib-other-reason {
    border: 1px solid #687484;
    padding: 8px;
    resize: vertical;
    width: 100%;
}

.checkbox__label {
    word-wrap: break-word;
}

.checkbox.checkbox_tick_positive::before {
    left: calc(50% - 1px);
}

.input_display {
    line-height: 1.5rem;
}

.entry__choice {
    font-family: Roboto,sans-serif;
    margin-bottom: 3px;
    width: 100%;
    word-wrap: break-all;
    word-wrap: break-word;
}

.entry__label {
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}

.entry__label_optin {
    display: inline;
}

.entry__label>* {
    float: left;
}

.entry__label::after {
    color: #ff4949;
    content: attr(data-required);
    display: inline;
    font-size: 1em;
    text-decoration: none;
    word-wrap: break-all;
    word-wrap: break-word;
}

.entry__specification {
    margin: 10px 0;
}

.entry__controls {
    margin: 0;
}

.entry__error {
    background: rgba(0,0,0,0);
    display: none;
    margin-bottom: 6px;
    margin-top: 6px;
}

.sib-entry_mcq .entry__controls {
    background: rgba(0,0,0,0);
    border: none;
    display: block;
    outline: none;
}

.sib-form-block {
    outline: none;
    padding: 0 16px;
    word-wrap: break-word;
}

.sib-form-block p,
.sib-form-block ol,
.sib-form-block ul {
    line-height: 1.5em;
    margin: 0;
    text-align: inherit;
}

.sib-form-block ol,
.sib-form-block ul {
    list-style-position: inside;
}

.sib-form-block__button {
    border: none;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    overflow-wrap: break-word;
    padding: 8px 18px;
}

.sib-form-block__button-disabled {
    opacity: .5;
}

.sib-form-block__button-with-loader {
    line-height: 23px;
    min-height: 40px;
}

.sib-image-form-block {
    padding: 2px;
}

.sib-image-form-block a {
    display: block;
    overflow: hidden;
}

.sib-image-form-block img {
    max-width: 100%;
}

.sib-divider-form-block {
    border: 0;
    margin: 0;
}

.form__label-row {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.form__label-row--horizontal {
    align-items: flex-start;
    flex-direction: row;
    margin: 10px 0;
}

.form__label-row--horizontal>*:first-child {
    margin-right: 20px;
}

.form__label-row--horizontal>* {
    flex-grow: 1;
    width: 50%;
}

.input {
    width: calc(100% - 1rem);
}

.input--multiselect {
    line-height: 37px;
    overflow: hidden;
    padding-right: 32px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.input--multiselect::before {
    border: 8px solid rgba(0,0,0,0);
    border-top-color: #343f4e;
    content: "";
    position: absolute;
    right: 8px;
    top: calc(50% - 4px);
}

.input--select {
    position: relative;
    width: 100%;
}

.input--select::before,
.input--select::after {
    content: "";
    position: absolute;
    right: 8px;
}

.input--select::before {
    border: 5px solid rgba(0,0,0,0);
    border-bottom-color: #343f4e;
    top: calc(50% - 12px);
}

.input--select::after {
    border: 5px solid rgba(0,0,0,0);
    border-top-color: #343f4e;
    top: calc(50% + 2px);
}

.input--hidden {
    display: none !important;
}

.input--centerText {
    align-items: center;
    display: flex;
}

.input__rtl[type=text]::placeholder {
    text-align: right !important;
}

.input__textareaRtl::placeholder {
    text-align: right !important;
}

input::-webkit-input-placeholder {
    color: #bfcad8;
}

input::-moz-placeholder {
    color: #bfcad8;
}

input:-ms-input-placeholder {
    color: #bfcad8;
}

input:-moz-placeholder {
    color: #bfcad8;
}

textarea.input {
    padding: calc(.5rem - 1px);
}

.sib-form-container a {
    color: #2bb2fc;
    text-decoration: underline;
}

.sib-sms-input {
    align-items: center;
    display: flex;
    width: 100%;
}

.sib-sms-input .sib-smscode-select {
    flex-shrink: 0;
    margin-right: 10px;
    width: 70px;
}

.sib-sms-input .entry__controls {
    width: 100%;
}

.sib-sms-input .sib-menu__item {
    padding: 4px 2px;
}

.form__entry {
    margin-left: 0;
    padding-left: 0;
    position: static;
}

.sib-panel {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #3c4858;
    margin: 24px 0;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    width: 100%;
}

.sib-panel--active {
    display: block;
}

.sib-panel--inactive {
    display: none;
}

.sib-panel__text {
    font-weight: 600;
    margin: 0;
    text-align: left;
}

.sib-panel__link {
    color: #3c4858;
    cursor: pointer;
    padding: 0 5px;
    text-decoration: underline;
}

.sib-panel__close-icon {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 12px;
}

.sib-form-message-panel {
    border: 1px solid;
    display: none;
    margin: 0 0 1.25rem 0;
    padding: .4375rem;
    width: 100%;
}

.sib-form-message-panel--active {
    display: inline-block;
}

.sib-form-message-panel__text {
    align-items: center;
    display: flex;
    margin: 0;
    padding: .5rem;
}

.sib-form-message-panel__text .sib-icon {
    contain: strict;
    display: inline-block;
    fill: currentColor;
}

.sib-form-message-panel__text .sib-notification__icon {
    flex-shrink: 0;
    height: 1.5em;
    margin-right: calc(1rem - 1px);
    width: 1.5em;
}

.sib-loader {
    display: inline-block;
    height: 64px;
    position: relative;
    width: 64px;
}

.checkbox_tick_positive:before {
    left: 49%;
}

@media screen and (max-width: 500px) {
    #sib-container {
        padding: 32px 9px 32px;
    }

    .form__label-row--horizontal {
        flex-direction: column;
    }

    .form__label-row--horizontal>* {
        width: 100%;
    }
}

.sib-loader div {
    animation: loader 1.2s linear infinite;
    background: #fff;
    border-radius: 50%;
    height: 5px;
    position: absolute;
    width: 5px;
}

.sib-loader div:nth-child(1) {
    animation-delay: 0s;
    left: 53px;
    top: 29px;
}

.sib-loader div:nth-child(2) {
    animation-delay: -0.1s;
    left: 50px;
    top: 18px;
}

.sib-loader div:nth-child(3) {
    animation-delay: -0.2s;
    left: 41px;
    top: 9px;
}

.sib-loader div:nth-child(4) {
    animation-delay: -0.3s;
    left: 29px;
    top: 6px;
}

.sib-loader div:nth-child(5) {
    animation-delay: -0.4s;
    left: 18px;
    top: 9px;
}

.sib-loader div:nth-child(6) {
    animation-delay: -0.5s;
    left: 9px;
    top: 18px;
}

.sib-loader div:nth-child(7) {
    animation-delay: -0.6s;
    left: 6px;
    top: 29px;
}

.sib-loader div:nth-child(8) {
    animation-delay: -0.7s;
    left: 9px;
    top: 41px;
}

.sib-loader div:nth-child(9) {
    animation-delay: -0.8s;
    left: 18px;
    top: 50px;
}

.sib-loader div:nth-child(10) {
    animation-delay: -0.9s;
    left: 29px;
    top: 53px;
}

.sib-loader div:nth-child(11) {
    animation-delay: -1s;
    left: 41px;
    top: 50px;
}

.sib-loader div:nth-child(12) {
    animation-delay: -1.1s;
    left: 50px;
    top: 41px;
}

.entry__choice label p {
    display: inline;
}

@keyframes loader {
    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

@media screen and (max-width: 400px) {
    #sib-container {
        padding: 32px 0px 32px;
    }
}

@media screen and (max-width: 480px) {
    .sib-image-form-block img {
        height: auto !important;
    }
}

.progress-indicator {
    background: rgba(0,0,0,0);
}

.sib-hide-loader-icon {
    display: none;
}

/* --- Brevo form framework --- */

.sib-form ::-webkit-input-placeholder {
    color: #c0ccda;
    opacity: 1;
}

.sib-form ::-moz-placeholder {
    color: #c0ccda;
    opacity: 1;
}

.sib-form :-ms-input-placeholder {
    color: #c0ccda;
    opacity: 1;
}

.sib-form ::-ms-input-placeholder {
    color: #c0ccda;
    opacity: 1;
}

.sib-form ::placeholder {
    color: #c0ccda;
    opacity: 1;
}

.sib-form .sib-form_fieldset {
    display: table-row-group;
}

.sib-form .fieldset__separator {
    display: table-row;
}

.sib-form .fieldset__separator:after,
.sib-form .fieldset__separator:before {
    background: #c0ccda;
    background-clip: padding-box;
    border: solid rgba(0,0,0,0);
    border-width: calc(4rem - 1px) 0 4rem;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    display: table-cell;
    height: 1px;
}

.sib-form .form__fieldset {
    border: 0;
    display: table-row;
    padding: 0;
}

.sib-form .form__fieldset:first-child .form__entries,
.sib-form .form__fieldset:first-child .form__legend {
    padding-top: 0;
}

.sib-form .form__entries,
.sib-form .form__legend {
    display: table-cell;
    margin: 0;
    padding-top: 4rem;
    vertical-align: top;
}

.sib-form .form__legend {
    font-size: 1.14869835rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding-right: 2.5rem;
}

@media (max-width: 45rem) {
    .sib-form .fieldset__separator,
    .sib-form .form__entries,
    .sib-form .form__fieldset,
    .sib-form .form__legend,
    .sib-form .sib-form_fieldset {
        display: block;
    }

    .sib-form .form__legend {
        padding-bottom: .5rem;
        padding-right: 0;
    }

    .sib-form .form__entries {
        padding-top: 0;
    }

    .sib-form .fieldset__separator {
        border: 0;
    }
}

.sib-form .form__entry {
    border: 0;
    margin: 0 auto;
    max-width: 250px;
    padding: 0;
    position: relative;
}

.sib-form .form__entry:not(:first-child) {
    margin-top: 1.5rem;
}

.sib-form .entry__label+.form__entry {
    margin-top: 0;
}

.sib-form .entry__label {
    display: table;
    font-weight: 700;
    padding: 0;
    white-space: normal;
}

.sib-form .form__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.25rem -0.75rem;
}

.sib-form .form__row:not(:first-child) {
    margin-top: 1.25rem;
}

.sib-form .entry__label+.form__row {
    margin-top: -0.25rem;
}

.sib-form .form__row>.form__entry {
    margin: .25rem .75rem;
}

.sib-form .entry__optional-indicator {
    color: #687484;
    font-size: .87055056rem;
    font-weight: 400;
    line-height: 1rem;
}

.sib-form .entry__field {
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: .25rem 0;
    max-width: 100%;
}

.sib-form .sib-form-pages .entry__field {
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: .25rem 0;
    max-width: 100%;
    overflow: hidden;
}

.sib-form .entry__field:focus-within {
    box-shadow: 0 0 0 2px #c9e1f4;
}

.sib-form .input,
.sib-form .input__affix {
    background: none;
    border: 0;
    font: inherit;
    margin: 0;
}

.sib-form .input:first-child,
.sib-form .input__affix:first-child {
    padding-left: .5rem;
}

.sib-form .input:last-child,
.sib-form .input__affix:last-child {
    padding-right: .5rem;
}

.sib-form .input,
.sib-form .input__button {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    outline: 0;
}

.sib-form .input:not(textarea),
.sib-form .input__button {
    height: calc(2.5rem - 2px);
}

.sib-form .input__affix {
    color: #687484;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.sib-form .input__button {
    cursor: pointer;
    padding: 0 .5rem;
}

.sib-form .input__button[type=submit] {
    border-bottom-left-radius: 0;
    border-left: 1px solid #c0ccda;
    border-top-left-radius: 0;
    color: inherit;
    margin-left: .5rem;
}

.sib-form .input__button .sib-icon {
    height: 1.5rem;
    vertical-align: bottom;
    width: 1.5rem;
}

.sib-form .input {
    box-shadow: none;
    min-width: 1px;
    padding: 0;
}

.sib-form textarea.input {
    padding: calc(.5rem - 1px);
}

.sib-form select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 286.1 167%27%3E%3Cpath d=%27M24.1 0h238c21.4 0 32.1 25.9 17 41l-119 119c-9.4 9.4-24.6 9.4-33.9 0L7.1 41C-8 25.9 2.7 0 24.1 0z%27 fill=%27%233c4858%27/%3E%3C/svg%3E");
    background-position: right .65em top 50%;
    background-repeat: no-repeat;
    background-size: .65em auto;
}

.sib-form .sib-form-pages select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" class=\"V5oCQcAfDAoMm77TaZq0\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 6 4 4 4-4\"></path></svg>") no-repeat right 7.5px center;
    background-size: 16px 16px;
}

.sib-form select.input:first-child,
.sib-form select.input:last-child {
    padding-right: calc(2rem - 1px);
}

.sib-form .sib-entry_block .entry__field,
.sib-form .form__row .entry__field,
.sib-form .sib-form_block .entry__field {
    display: -webkit-flex;
    display: flex;
}

.sib-form .sib-entry_block .input,
.sib-form .form__row .input,
.sib-form .sib-form_block .input {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.sib-form .sib-entry_phrasing,
.sib-form .sib-entry_phrasing .entry__label,
.sib-form .sib-entry_phrasing .entry__specification {
    display: inline-block;
}

.sib-form .sib-entry_phrasing .entry__label {
    font-weight: 400;
}

.sib-form .sib-entry_errored {
    margin-left: -0.5rem;
    padding-left: .5rem;
}

.sib-form .sib-entry_errored:before {
    background: #ff4949;
    bottom: 0;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: .25rem;
}

.sib-form .entry__error,
.sib-form .entry__label,
.sib-form .entry__specification,
.sib-form .form__error {
    max-width: 40em;
}

.sib-form .entry__error,
.sib-form .entry__specification,
.sib-form .form__error {
    display: block;
}

.sib-form .entry__choice+.entry__error,
.sib-form .entry__choice+.entry__specification,
.sib-form .entry__error+.entry__error,
.sib-form .entry__error+.entry__specification,
.sib-form .entry__specification+.entry__error,
.sib-form .entry__specification+.entry__specification {
    margin-top: .5rem;
}

.sib-form .entry__label+.entry__specification {
    margin-top: 4px;
}

.sib-form .entry__error {
    color: #ff4949;
    display: none;
    font-size: .87055056rem;
    line-height: 1rem;
}

.sib-form .entry__specification {
    color: #687484;
    margin: 0;
}

.sib-form .entry__choice {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.sib-form .entry__choice .checkbox,
.sib-form .entry__choice .radio-button {
    margin-right: .5em;
}

.sib-form .entry__choice .sib-toggletip {
    text-indent: 0;
}

.sib-form .entry__choice:not(:first-child) {
    margin-top: .5rem;
}

.sib-form .entry__choices.menu {
    margin-top: 2px;
    max-height: 20rem;
    overflow: auto;
    padding: .5rem;
}

.sib-form .checkbox,
.sib-form .radio-button {
    background: #fff;
    border: 1px solid #687484;
    cursor: pointer;
    display: inline-block;
    height: 1em;
    position: relative;
    vertical-align: -0.125em;
    width: 1em;
}

.sib-form .checkbox {
    border-radius: 3px;
}

.sib-form .radio-button {
    border-radius: 50%;
}

.sib-form .radio-button:before {
    border-radius: 50%;
    bottom: 2px;
    content: "";
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.sib-form .checkbox_tick_negative:after,
.sib-form .checkbox_tick_negative:before {
    border: solid #fff;
    border-width: 0 0 0 2px;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
}

.sib-form .checkbox_tick_negative:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sib-form .checkbox_tick_negative:before,
.sib-form .checkbox_tick_positive:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sib-form .checkbox_tick_positive:before {
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    bottom: 1px;
    content: "";
    left: 50%;
    margin-left: -25%;
    position: absolute;
    top: 1px;
    -webkit-transform-origin: 80% 45%;
    transform-origin: 80% 45%;
    width: 50%;
}

.sib-form .input_replaced {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.sib-form .input_replaced:checked+.checkbox_tick_positive {
    background: #13ce66;
    border-color: #13ce66;
}

.sib-form .input_replaced:checked+.checkbox_tick_negative {
    background: #ff4949;
    border-color: #ff4949;
}

.sib-form .input_replaced:checked+.radio-button {
    border-color: #0092ff;
}

.sib-form .input_replaced:checked+.radio-button:before {
    background: #0092ff;
}

.sib-form .input_replaced:indeterminate+.checkbox {
    background: #fff;
    border-color: #687484;
}

.sib-form .input_replaced:indeterminate+.checkbox:before {
    background: #687484;
    border: 0;
    content: "";
    height: 2px;
    left: 2px;
    margin: -1px 0 0;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: none;
    transform: none;
    width: auto;
}

.sib-form .input_replaced:indeterminate+.checkbox:after {
    content: normal;
}

.sib-form .input_replaced:active+.checkbox,
.sib-form .input_replaced:active+.radio-button,
.sib-form .input_replaced:focus+.checkbox,
.sib-form .input_replaced:focus+.radio-button {
    box-shadow: 0 0 0 2px #c9e1f4;
}

.sib-form .choice__form {
    border: 0;
    margin: 0;
    padding: 0;
}

.sib-form .choice__form[disabled] {
    display: none;
}

.sib-form .entry__choice+.choice__form {
    border-left: 2px solid #c0ccda;
    margin-left: calc(.5em - 1px);
    padding: .5rem calc(.5rem + .5em - 1px);
}

.sib-form ::-ms-reveal {
    display: none;
}

.sib-form ::-webkit-inner-spin-button,
.sib-form ::-webkit-search-decoration {
    display: none;
}

.sib-form [type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.sib-form .input[readonly] {
    background-color: #f9fafc;
}

.sib-form .input[type=text]+.input__password-toggler {
    color: #0092ff;
}

.sib-form .sib-ap-nostyle-input-icon {
    display: none;
}

.sib-form .sib-ap-nostyle-dropdown-menu {
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    list-style: none;
    margin: 0;
    max-width: 100vw;
    min-width: 100%;
    padding: calc(.5rem - 1px) 0;
}

.sib-form .sib-ap-nostyle-dropdown-menu.sib-collapsible__content {
    position: absolute;
    top: 100%;
    z-index: 1;
}

.sib-form .sib-ap-nostyle-dropdown-menu.sib-collapsible__content:not(.sib-collapsible__content_toggled) {
    display: none;
}

.sib-form .sib-ap-nostyle-dropdown-menu em {
    font-style: normal;
    font-weight: 700;
}

.sib-form .sib-ap-nostyle-input {
    padding-right: .5rem;
}

.sib-form .sib-ap-nostyle-suggestion {
    color: inherit;
    cursor: default;
    display: block;
    overflow: hidden;
    padding: .5rem 1rem;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sib-form .sib-ap-nostyle-cursor,
.sib-form .sib-ap-nostyle-suggestion:focus,
.sib-form .sib-ap-nostyle-suggestion:hover {
    background: #eff2f7;
}

.sib-form .sib-ap-footer {
    display: none;
}

.sib-form .menu {
    background: #fff;
    border: 1px solid #c0ccda;
    border-radius: 3px;
    list-style: none;
    margin: 0;
    max-width: 100vw;
    min-width: 100%;
    padding: calc(.5rem - 1px) 0;
}

.sib-form .menu.sib-collapsible__content {
    position: absolute;
    top: 100%;
    z-index: 1;
}

.sib-form .menu.sib-collapsible__content:not(.sib-collapsible__content_toggled) {
    display: none;
}

.sib-form .menu__content,
.sib-form .menu__heading {
    margin: 1rem;
    padding: 0;
}

.sib-form .menu__content:first-child,
.sib-form .menu__heading:first-child {
    margin-top: .5rem;
}

.sib-form .menu__content:last-child,
.sib-form .menu__heading:last-child {
    margin-bottom: .5rem;
}

.sib-form .menu__heading {
    font-size: 1.31950791rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.sib-form .menu__content {
    list-style: none;
}

.sib-form .menu__icon {
    color: #8492a6;
    height: 1em;
    margin-right: .5rem;
    vertical-align: -0.125em;
    width: 1em;
}

.sib-form .menu__control {
    color: inherit;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: .5rem 1rem;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sib-form .menu__control:focus,
.sib-form .menu__control:hover {
    background: #eff2f7;
}

.sib-form .menu__divider {
    border: 0;
    border-top: 1px solid #c0ccda;
    margin: .5rem 0;
}

.sib-form .clickable_button,
.sib-form .clickable_link {
    font: inherit;
    margin: 0;
}

.sib-form .clickable_button.sib-collapsible__trigger:before,
.sib-form .clickable_link.sib-collapsible__trigger:before {
    border-bottom: 0;
    border-left: .25rem solid rgba(0,0,0,0);
    border-right: .25rem solid rgba(0,0,0,0);
    border-top: .25rem solid;
    content: "";
    float: right;
    margin: .625rem 0 0 .25em;
}

.sib-form .clickable_button.sib-collapsible__trigger_toggled:before,
.sib-form .clickable_link.sib-collapsible__trigger_toggled:before {
    border-bottom: .25rem solid;
    border-top: 0;
}

.sib-form .clickable_button:not([disabled]),
.sib-form .clickable_link:not([disabled]) {
    cursor: pointer;
}

.sib-form .clickable_button {
    background: #0092ff;
    border: 1px solid #0092ff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    outline: 0;
    padding: calc(.5rem - 1px) calc(1rem - 1px);
    text-decoration: none;
}

.sib-form .clickable_button.sib-collapsible__trigger {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sib-form .clickable_button[disabled] {
    opacity: .5;
}

.sib-form .clickable_button:focus {
    box-shadow: 0 0 0 2px #c9e1f4;
}

.sib-form .clickable_button:focus:not([disabled]),
.sib-form .clickable_button:hover:not([disabled]) {
    background: #007cd9;
    border-color: #007cd9;
}

.sib-form .clickable_ghost {
    background: none;
    border-color: #c0ccda;
    color: #3c4858;
}

.sib-form .clickable_ghost:focus:not([disabled]),
.sib-form .clickable_ghost:hover:not([disabled]) {
    background: none;
    border-color: #8492a6;
}

.sib-form .clickable_dropdown {
    display: inline-block;
    position: relative;
}

.sib-form .clickable_dropdown .menu {
    margin-top: 2px;
}

.sib-form .clickable_dropdown .menu_left {
    left: 0;
}

.sib-form .clickable_dropdown .menu_right {
    right: 0;
}

.sib-form .clickable_block {
    width: 100%;
}

.sib-form .clickable_cta {
    border-radius: 9999em;
}

.sib-form .clickable_link {
    background: none;
    border: 0;
    color: #0092ff;
    display: inline;
    padding: 0;
    text-decoration: none;
}

.sib-form .clickable_link:focus,
.sib-form .clickable_link:hover {
    color: #007cd9;
    text-decoration: underline;
}

.sib-form .clickable_link:focus {
    outline: 0;
}

.sib-form .clickable_sneaky,
.sib-form .clickable_sneaky:focus,
.sib-form .clickable_sneaky:hover {
    color: inherit;
}

.sib-form .clickable_plan {
    color: #0092ff;
}

.sib-form .clickable_plan:focus,
.sib-form .clickable_plan:hover {
    color: #007cd9;
}

.sib-form .clickable_destructive {
    background: #ff4949;
    border-color: #ff4949;
}

.sib-form .clickable_destructive:focus:not([disabled]),
.sib-form .clickable_destructive:hover:not([disabled]) {
    background: #d93e3e;
    border-color: #d93e3e;
}

.sib-form .clickable__group {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sib-form .clickable__group .clickable_button:focus,
.sib-form .clickable__group .clickable_button:hover {
    position: relative;
}

.sib-form .clickable__group .clickable_button:not(:first-child),
.sib-form .clickable__group .clickable_dropdown:not(:first-child) .clickable_button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
}

.sib-form .clickable__group>.clickable_button:not(:last-child),
.sib-form .clickable__group>.clickable_dropdown:not(:last-child) .clickable_button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.sib-form .clickable__group>.clickable_dropdown:not(:last-child) .clickable_link,
.sib-form .clickable__group>.clickable_link:not(:last-child) {
    margin-right: 1.5em;
    position: relative;
}

.sib-form .clickable__group>.clickable_dropdown:not(:last-child) .clickable_link:after,
.sib-form .clickable__group>.clickable_link:not(:last-child):after {
    background: #c0ccda;
    border-radius: 50%;
    content: "";
    cursor: auto;
    display: inline-block;
    height: .25rem;
    pointer-events: none;
    position: absolute;
    right: -0.9em;
    top: .7em;
    width: .25rem;
}

.sib-form .clickable__icon {
    height: 1.5rem;
    vertical-align: bottom;
    width: 1.5rem;
}

.sib-form .clickable__icon:not(.sib-icon_standalone) {
    margin-right: calc(.7002rem - 1px);
}

.sib-form .progress-indicator {
    -webkit-align-items: center;
    align-items: center;
    background: rgba(255,255,255,.9);
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

.sib-form .progress-indicator .progress-indicator__icon {
    fill: #0092ff;
    height: 2rem;
    width: 2rem;
}

.sib-form .progress-indicator_small .progress-indicator__icon {
    height: 1rem;
    width: 1rem;
}

.sib-form .progress-indicator__icon {
    -webkit-animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
    animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
}

@-webkit-keyframes indicator-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes indicator-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/* --- Newsletter form site overrides --- */

#sib-container {
    background: #fff;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    margin: 0 auto;
    padding: 17px;
    width: 100%;
}

#sib-container input:-ms-input-placeholder {
    color: #c0ccda;
    font-family: "Open Sans", Helvetica, sans-serif;
    text-align: left;
}

#sib-container input::placeholder {
    color: #c0ccda;
    font-family: "Open Sans", Helvetica, sans-serif;
    text-align: left;
}

#sib-container textarea::placeholder {
    color: #c0ccda;
    font-family: "Open Sans", Helvetica, sans-serif;
    text-align: left;
}

#sib-container a {
    color: #2BB2FC;
    text-decoration: underline;
}

/* ==========================================================================
   11. Site components and page-specific styles
   ========================================================================== */

/* --- Buttons --- */

.sidebarbutton {
  background-color: #c6d7de;
  border: 1px solid #a8bcc5;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.22);
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  max-width: 100%;
  min-height: 36px;
  overflow-wrap: break-word;
  padding: 6px 6px;
  text-align: center;
  text-decoration: none;
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease,
    background-color 0.15s ease;
  width: 195px;
}

.sidebarbutton:hover {
  background-color: #b8ccd4;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.26);
  transform: translateY(-1px);
}

.sidebarbutton:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  transform: translateY(1px);
}

.sidebaricon {
	height: auto;
	padding-right: 10px;
	vertical-align: center;
	width: 30px;
}

/* --- Call-to-action buttons --- */

/* Shared button appearance */
.qbutton,
.qrbutton {
    background-color: #d43246;
    box-shadow:
        0 8px 16px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    transition:
        background-color 0.4s ease,
        box-shadow 0.4s ease,
        color 0.4s ease;
}

/* Large call-to-action button */
.qbutton {
    border-radius: 10px;
    font-size: 22px;
    padding: 10px;
}

/* Compact call-to-action button */
.qrbutton {
    border-radius: 5px;
    font-size: 11px;
    padding: 5px;
}

/* Shared interactive state */
.qbutton:hover,
.qbutton:focus,
.qrbutton:hover,
.qrbutton:focus {
    background-color: #4caf50;
    box-shadow:
        0 12px 16px 0 rgba(0, 0, 0, 0.24),
        0 17px 50px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
}

/* --- Career and About pages --- */

.careerheader {
    background-color: #cdcdcd;
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

.careerheader {
    background: transparent linear-gradient(to bottom, #d43246 0%, #b21024 100%) repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 2px;
    padding-left: 10px;
    text-align: left;
    width: 99%;
}

.careerheader a {
    background: transparent repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.careerheader a:hover {
    background-color: #fff;
    border: 1px solid #d43246;
    border-radius: 8px;
    color: #d43246;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: -1px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.aboutusbottom {
    column-gap: 1px;
    column-rule: 1px solid #d43246;
    display: flex;
    flex-wrap: wrap;
    width: 636px;
}

.aboutuscol {
    align-items: center;
    flex: 1 0 18%;
    justify-content: center;
    margin: 0 1px 0 4px;
}

.aboutuscolhead {
    color: #d43246;
    font-weight: bold;
}

.expertise {
    background: #d43246;
    color: #fff;
    float: left;
    font-size: 20px;
    margin: 12px 0;
    padding: 2px 0;
    width: 99%;
}

.rightborderred {
    border-right: 2px solid #d43246;
}

.addressfooter {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    width: 1088px;
}

.notrfqcartm0 {
    margin: 0 auto;
}

.pl25 {
    padding-left: 25px;
}

.floatl {
    float: none;
    margin: 4px 16px 10px 0;
}

.floatr {
    float: right;
}

/* --- Product tables --- */

.product-table {
    -moz-border-bottom-colors: none;
    border-collapse: collapse;
    border-color: #eee #eee #0087ea;
    border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    border-style: solid;
    -moz-border-top-colors: none;
    border-width: 1px 1px 2px;
    font-family: "Open Sans", Helvetica, sans-serif;
    margin: 25px auto;
    width: 100%;
}

.product-table th {
    background: #d43246 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
}

.product-table th,
.product-table td {
    border: 1px solid #eee;
    border-collapse: collapse;
    padding: 8px 10px;
}

.product-table td {
    color: #000;
}

/* --- News and new-product modules --- */

.newprodnotifyheader {
    background-color: #cdcdcd;
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

.newprodheader {
    background: transparent linear-gradient(to bottom, #d43246 0%, #b21024 100%) repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 2px;
    text-align: center;
    width: 99%;
}

.newprodheader a {
    background: transparent repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.newprodheader a:hover {
    background-color: #fff;
    border: 1px solid #d43246;
    border-radius: 8px;
    color: #d43246;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: -1px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.homenews {
    font: bold 10px "Cabin", sans-serif;
}

#homenewscal {
    padding: 25px 0 5px 0;
    width: 500px;
}

.homenewscal {
    padding: 25px 0 5px 0;
    width: 500px;
}

.homenewsimg {
    background-color: inherit;
    display: block;
    float: left;
    width: 250px;
}

.homenewsimg a {
    background-color: inherit;
}

#homenewsimg a img {
    background-color: inherit;
    border: 0;
}

.homenewstxt {
    background-color: inherit;
    display: block;
    float: left;
    line-height: 1.3;
    width: 400px;
}

.homenewsspace {
    background-color: inherit;
    display: block;
    float: left;
    padding: 5px;
}

.newseven,
.newsodd {
    background-color: #fff;
    border: 2px dotted #ddd;
}

.newsodd,
.newseven {
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 96%;
}

.bnews {
    background-color: inherit;
    font-weight: bold;
}

/* --- Representatives and contact pages --- */

.replistcomp {
    color: #0000ff;
}

.replistsize {
    font-size: 13px;
}

.replistoffice {
    color: #ff0000;
    text-decoration: underline;
}

.contactustop {
    width: 95%;
}

.contactusreplist {
    font-size: 16px;
    font-weight: bold;
}

.contactuscform {
    color: #d43246;
    font-size: 20px;
    font-weight: bold;
}

.contactformcountry {
    text-align: left;
    vertical-align: middle;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.vab {
    vertical-align: bottom;
}

.vat {
    vertical-align: top;
}

.ail {
    align-items: start;
    background-color: #fff;
}

/* ==========================================================================
   12. Utilities and integrations
   ========================================================================== */

/* --- Sizing, spacing, and alignment utilities --- */

.w5 {
    width: 5px;
}

.w10 {
    width: 10px;
}

.w30 {
    width: 30px;
}

.w50 {
    width: 50px;
}

.w75 {
    width: 75px;
}

.w125 {
    width: 125px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w275 {
    width: 275px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}

.w700 {
    width: 700px;
}

.w800 {
    width: 800px;
}

.w1000 {
    width: 1000px;
}

.w1070 {
    width: 1070px;
}

.w50p {
    width: 50%;
}

.w100p {
    width: 100%;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.opt15 {
    border: 1px solid #000;
    width: 15%;
}

.opt35 {
    border: 1px solid #000;
    width: 35%;
}

.opt50 {
    border: 1px solid #000;
    width: 50%;
}

/* --- View-model and availability utilities --- */

.vmmain {
    margin: 0 auto;
    width: 1088px;
}

.availopts {
    background-color: #fff;
    padding: 2px;
    width: 96%;
}

.viewmoddoc {
    font-size: 20px;
    font-weight: bold;
}

.vmimage {
    padding-top: 25px;
}

.showitemtop {
    vertical-align: top;
    width: 406px;
}

.showitemdocs {
    padding-top: 30px;
    vertical-align: top;
}

.simmodels {
    float: right;
    padding-top: 0px;
    vertical-align: top;
}

.tdnowrap2 {
    vertical-align: top;
    white-space: nowrap;
}

/* --- Google Translate integration --- */

#TranslateOuter {
    display: block;
    float: right;
    padding: 0px 30px;
}

#Translate {
    color: #d43246;
    float: left;
    font-size: 11px;
    padding-top: 4px;
}

#google_translate_element {
    height: 20px;
}

#google_translate_element a {
    font-size: 12px;
}

.goog-te-gadget-icon {
    display: none;
}

.goog-te-gadget-simple {
    background-color: #fff;
    border-top: 1px solid #9B9B9B;
    font-size: 9pt;
    display: inline-block;
    cursor: pointer;
    /* margin-top: 2px; */
}

.goog-te-gadget {
    font-size: 10px;
    white-space: nowrap;
}

/* --- Product-page utilities and components --- */

.snpbpt {
    float: left;
    margin: 10px 0 2px 0;
    width: 100%;
}

.blast {
    background: none !important;
    cursor: none;
    padding-right: 15px;
}

.prodpageimg {
    background: inherit;
    float: left;
    padding: 0 30px 20px 0;
}

.prodpagebox {
    background-color: #ddd;
    padding: 15px;
}

.prodpagebox a {
    color: #d43246;
    font-size: 20px;
}

.product_box h3.h {
    color: #d43246 !important;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase !important;
}

.product_box h3 {
    color: #222222;
    font: 16px/34px Arial,sans-serif;
}

.product_events {
    border-radius: 6px;
    margin: 0 0 20px;
    padding: 0 3%;
    width: 90%;
}

dialog {
    background: #f9f9f9;
    padding: 15px;
    border: 0;
    border-radius: 6px;
}

dialog::backdrop {
    background: transparent;
}

dialog img {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
}