:root {
 --background-color--background-primary: var(--base-color-brand--white);
 --text-color--text-primary: var(--base-color-brand--rich-blue);
 --link-color--link-primary: var(--base-color-brand--rich-blue);
 --text-color--text-alt: var(--base-color-brand--white);
 --border-color--border-primary: var(--base-color-brand--rich-blue);
 --base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>: white;
 --base-color-brand--coral: #f07350;
 --base-color-brand--white: white;
 --base-color-brand--rich-blue: #14145a;
 --base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>: black;
 --black-archive\<deleted\|variable-dccb7db6\>: black;
 --background-color--background-secondary: var(
  --base-color-neutral--neutral-025
 );
 --background-color--background-alternate: var(
  --base-color-neutral--neutral-200
 );
 --link-color--link-alt: var(--base-color-brand--white);
 --background-color--background-tertiary: var(
  --base-color-neutral--neutral-050
 );
 --text-color--text-secondary: var(--base-color-neutral--neutral-500);
 --background-color--background-success: var(
  --base-color-system--success-green-light
 );
 --text-color--text-success: var(--base-color-system--success-green);
 --background-color--background-error: var(
  --base-color-system--error-red-light
 );
 --text-color--text-error: var(--base-color-system--error-red);
 --base-color-neutral--neutral-700: #45456b;
 --base-color-neutral--neutral-200: #dadae3;
 --base-color-neutral--neutral-025: #fafafb;
 --base-color-neutral--neutral-050: #f3f3f6;
 --base-color-neutral--neutral-100: #e8e8ee;
 --base-color-brand--bright-blue: #1e73d3;
 --base-color-brand--light-blue: #a5e1f0;
 --base-color-brand--warm-yellow: #ffbe0f;
 --base-color-brand--warm-red: #dc3255;
 --base-color-brand--slate-grey: #3c5f6e;
 --base-color-brand--blue-grey: #96aab9;
 --base-color-brand--light-grey: #c8c8cd;
 --base-color-neutral--neutral-300: #c4c4d2;
 --base-color-neutral--neutral-400: #a8a8bd;
 --base-color-neutral--neutral-500: #8a8aa8;
 --base-color-neutral--neutral-600: #646487;
 --base-color-neutral--neutral-800: #2f2f58;
 --base-color-system--success-green: #027a48;
 --base-color-system--success-green-light: #ecfdf3;
 --base-color-system--error-red: #b42318;
 --base-color-system--error-red-light: #fef3f2;
 --border-color--border-secondary: var(--base-color-neutral--neutral-400);
 --border-color--border-alt: var(--base-color-brand--white);
 --border-color--border-alt-secondary: var(--base-color-neutral--neutral-200);
 --link-color--link-secondary: var(--base-color-neutral--neutral-500);
 --link-color--link-alt-secondary: var(--base-color-neutral--neutral-300);
 --link-color--link-hover: var(--base-color-brand--coral);
 --text-color--text-alt-secondary: var(--base-color-neutral--neutral-300);
}
html {
 scrollbar-gutter: stable;
}
.site-header {
 position: fixed;
 width: 100%;
 z-index: 500;
 top: 0px;
}
.mobile-menu-bars,
.mobile-menu-toggle {
 display: none;
}
.container-large {
 width: 100%;
 max-width: 82rem;
 margin-left: auto;
 margin-right: auto;
}
.menu_component {
 grid-column-gap: 1.75%;
 grid-row-gap: 1.75%;
 display: flex;
}
.menu_left {
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 background-color: #fff;
 border-radius: 0.5rem;
 flex-flow: column;
 padding: 1rem;
 display: flex;
}
.menu_title {
 margin-bottom: 0.25rem;
 font-size: 1.125rem;
 font-weight: 500;
 font-family: sailec;
 line-height: 1.5;
 letter-spacing: -0.02em;
}
.menu_item {
 color: #14145aa6;
 font-weight: 400;
 line-height: 1.75;
 font-family: sailec;
 font-weight: 500;
 letter-spacing: -0.02em;
}
.menu_item a {
 color: #14145aa6;
}
.menu_item:hover {
 color: #f07350;
 text-decoration: underline;
}
.menu_center {
 background-color: #fff;
 border-radius: 0.5rem;
 flex-flow: column;
 flex: 1;
 justify-content: space-between;
 min-width: 28rem;
 padding: 1.75%;
 display: flex;
}
.menu_center_bottom {
 flex-flow: column;
 align-items: flex-start;
 display: flex;
 margin-top: 1rem;
}
.menu_brand-wrapper {
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 justify-content: space-between;
 align-items: stretch;
 display: flex;
}
.menu_brand-column {
 flex-flow: column;
 flex: 1;
 justify-content: flex-start;
 display: flex;
}
.button {
 text-decoration: none;
 grid-column-gap: 0.5rem;
 grid-row-gap: 0.5rem;
 color: #fff;
 background-color: #14145a;
 border: 1px solid #14145a;
 border-radius: 100vw;
 flex: none;
 justify-content: center;
 align-items: center;
 padding: 0.75rem 1.5rem;
 font-weight: 500;
 transition: all 0.2s;
 display: inline-flex;
}
.button:hover {
 background-color: var(--base-color-brand--coral);
 border-color: #14145a00;
 color: var(--base-color-brand--white);
}
.button.is-icon {
 grid-column-gap: 0.75rem;
 grid-row-gap: 0.75rem;
 justify-content: center;
 align-items: center;
 display: flex;
}
.button.is-link {
 color: #14145a;
 background-color: #0000;
 border-style: none;
 padding: 0.25rem 0;
 line-height: 1;
 text-decoration: none;
}
.button.is-link.is-icon {
 grid-column-gap: 0.5rem;
 grid-row-gap: 0.5rem;
 color: #14145a;
 text-decoration: underline;
}
.w-inline-block {
 max-width: 100%;
 display: inline-block;
}
.button.is-small {
 padding: 0.5rem 1.25rem;
}
.button.is-secondary {
 color: #14145a;
 background-color: #0000;
}
.button.is-secondary:hover {
 color: #fff;
 background-color: #f07350;
 border: none;
}
.menu_right {
 grid-column-gap: 1rem;
 grid-row-gap: 1rem;
 border-radius: 0.5rem;
 flex-flow: column;
 flex: 0 15%;
 display: flex;
}
.menu_img-wrapper {
 box-sizing: border-box;
 cursor: pointer;
 object-fit: cover;
 border-radius: 0.5rem;
 flex-flow: column;
 justify-content: space-between;
 align-items: stretch;
 height: 100%;
 padding: 8%;
 transition: background-color 0.2s;
 display: flex;
}
.text-weight-medium {
 font-weight: 500;
 font-family: "Sailec";
}
.menu_img-wrapper.is-ray-ban {
 background-image: url("../../../../../../../image/catalog/menu/sfx_menu-ray-ban.jpg");
 background-position: 50%;
 background-size: cover;
}
.menu_img-wrapper.is-ray-ban:hover {
 background-image: linear-gradient(#14145a0d, #14145a0d),
  url("../../../../../../../image/catalog/menu/sfx_menu-ray-ban.jpg");
 background-position: 0 0, 50%;
 background-size: auto, cover;
}
.menu_img-wrapper.is-oakley {
 background-image: url("../../../../../../../image/catalog/menu/sfx_menu-oakley.jpg");
 background-position: 50%;
 background-size: cover;
}
.menu_img-wrapper.is-oakley:hover {
 background-image: linear-gradient(#14145a0d, #14145a0d),
  url("../../../../../../../image/catalog/menu/sfx_menu-oakley.jpg");
 background-position: 0 0, 50%;
 background-size: auto, cover;
}
.menu_img-wrapper:hover {
 color: #f07350;
}
.icon-embed-xsmall {
 flex-direction: column;
 flex: none;
 justify-content: center;
 align-items: center;
 width: 1.5rem;
 height: 1.5rem;
 display: flex;
}
.icon-embed-xxsmall {
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 1rem;
 height: 1rem;
 display: flex;
}
.w-embed:before,
.w-embed:after {
 content: " ";
 grid-area: 1 / 1 / 2 / 2;
 display: table;
}
svg:not(:root) {
 overflow: hidden;
}
.w-embed:after {
 clear: both;
}
.button.is-link.is-icon:hover {
 color: #f07350;
 background: none;
 border: none;
}
.top-header-bar {
 background-color: #14145a;
 color: #fff;
 width: 100%;
 height: 2.5rem;
 font-size: 0.875rem;
 line-height: 1rem;
}
nav.page-navigation li .main_menu_title {
 color: #14145a;
}
.top-header-bar .free-shipping .small-text {
 text-transform: uppercase;
 display: inline-flex;
 align-items: center;
 height: 2.5rem;
 width: 100%;
 justify-content: center;
}
.top-header-bar .free-shipping .small-text span {
 height: 1.25rem;
 display: block;
}
.top-header-bar .free-shipping .small-text .inline-icon {
 padding-left: 0.625rem;
}
.top-header-bar .user-cart-settings-nav .user-commerce-links .cart-link {
 z-index: 550;
}
.top-header-bar .user-cart-settings-nav {
 display: inline-flex;
 width: 100%;
 justify-content: flex-end;
 height: 2.5rem;
 align-items: center;
 margin-top: 2px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu:before {
 position: absolute;
 content: "";
 height: 100px;
 width: 100%;
 background: #eaeaea;
 top: -14px;
 left: 0;
 border-radius: 10px;
 opacity: 0;
}
.top-header-bar .user-cart-settings-nav .page-links ul {
 list-style: none;
}
.top-header-bar .user-cart-settings-nav .page-links li {
 padding-right: 1.25rem;
}
.top-header-bar .user-cart-settings-nav .page-links li a {
 text-decoration: none;
}
.top-header-bar .user-cart-settings-nav .user-commerce-links {
 display: inline-flex;
 align-items: center;
}
.top-header-bar .user-cart-settings-nav .user-commerce-links .account-link {
 padding-right: 0.625rem;
}
.top-header-bar .user-cart-settings-nav .user-commerce-links .account-link svg {
 width: 1.5rem;
 height: 1.5rem;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .account-link
 svg
 g {
 transition: all 0.25s ease;
}
.top-header-bar .user-cart-settings-nav .language-select:hover {
 cursor: pointer;
}
.top-header-bar
 .user-cart-settings-nav
 .currency-select
 .currency-dropdown.visible {
 visibility: visible;
 opacity: 1;
}
.top-header-bar .user-cart-settings-nav .currency-select:hover {
 color: #f07350;
 cursor: pointer;
}
.top-header-bar .user-cart-settings-nav .currency-select:hover .select-arrow g {
 stroke: #f07350;
}
.top-header-bar .user-cart-settings-nav .user-commerce-links .cart-link {
 margin-right: 2.5rem;
 position: relative;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 > div:first-child
 svg {
 width: 1.5rem;
 height: 1.5rem;
 cursor: pointer;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 .cart-count-container {
 position: absolute;
 left: -2rem;
 top: 3.8rem;
 cursor: pointer;
 z-index: 99;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 .cart-count {
 position: absolute;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 width: 1.2rem;
 height: 1.2rem;
 background-color: #f07350;
 border-radius: 1.5rem;
 color: #fff;
 text-align: center;
 bottom: 2rem;
 left: 3rem;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 .cart-count
 span {
 line-height: 1rem;
}
.top-header-bar .user-cart-settings-nav .cart-link svg:hover path {
 fill: #f07350;
 cursor: pointer;
}
.cart-preview-hover .cart-preview .cart-header h5 {
 font-family: "Sailec";
 font-weight: 500;
 font-size: 32px;
 line-height: 1.5rem;
}
.cart-preview-hover .cart-preview .cart-header {
 padding: 1.25rem;
 border-bottom: 1px solid #d3dae8;
}
footer.cart-footer .rounded-button.orange-button {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 44px;
 gap: 8px;
 opacity: 1;
 border-radius: 100px;
 border-width: 1px;
 font-family: Sailec;
 font-weight: 500;
 font-style: Medium;
 font-size: 16px;
 letter-spacing: 0%;
}
.top-header-bar .user-cart-settings-nav .language-select .language-dropdown {
 transition: all 0.2s ease !important;
}
.navigation-search-bar {
 padding: 1.25rem 2.5rem;
}
.navigation-search-bar .search-button {
 background-color: #f07350;
 border-color: #f07350;
 color: #fff;
 display: inline-flex;
 align-items: center;
 padding: 0.25rem 1rem;
 cursor: pointer;
}
.navigation-search-bar .search-button:hover {
 background-color: #14145a;
 border-color: #14145a;
}
.navigation-search-bar .search-button span {
 margin-top: 2px;
 padding-left: 0.25rem;
}
.navigation-search-bar .search-button svg {
 max-height: 1.25rem;
}
.navigation-search-bar .search-button svg path {
 fill: #fff;
}
.navigation-search-bar .header-logo-container {
 text-align: center;
 position: inherit;
 height: 0;
}
.navigation-search-bar .header-logo-container svg {
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
}
.navigation-search-bar .header-logo-container svg path,
.navigation-search-bar .header-logo-container svg g {
 fill: #14145a;
}
.navigation-search-bar .page-navigation-container {
 float: right;
}
.navigation-search-bar .page-navigation-container .page-navigation ul {
 display: inline-flex;
 align-items: center;
 list-style: none;
}
.navigation-search-bar .page-navigation-container .page-navigation ul > li {
 position: relative;
 padding-left: 2.5rem;
 cursor: pointer;
 padding-top: 1rem;
 padding-bottom: 0.3rem;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 .main_menu_title {
 cursor: pointer;
}
.navigation-search-bar
 .top-header-bar
 .user-cart-settings-nav
 .cart-link
 svg
 path {
 fill: #14145a;
}
.common-home
 .navigation-search-bar.transparent-bg
 .page-navigation-container
 .page-navigation
 ul
 > li
 a:hover,
.common-home
 .navigation-search-bar.transparent-bg
 .page-navigation-container
 .page-navigation
 ul
 > li
 a:hover
 svg
 path,
.common-home
 .navigation-search-bar.transparent-bg
 .page-navigation-container
 .page-navigation
 .main_menu_title:hover,
.common-home
 .navigation-search-bar.transparent-bg
 .page-navigation-container
 .page-navigation
 .main_menu_title:hover
 svg
 path {
 color: #f07350;
 stroke: #f07350;
}
.navigation-search-bar.transparent-bg.transparent-toggle
 .page-navigation-container
 .main_menu_title
 svg
 path {
 stroke: #fff;
}
.navigation-search-bar.transparent-bg.transparent-toggle
 .top-header-bar
 .user-cart-settings-nav
 .cart-link
 svg
 path {
 fill: #fff;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu {
 border: 1px solid #d3dae8;
 position: absolute;
 right: 0;
 top: 3rem;
 background-color: #fff;
 box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
 border-radius: 0.75rem;
 visibility: hidden;
 opacity: 0;
 display: inline-flex;
 flex-direction: column;
 align-items: flex-start;
 padding: 1.25rem;
 transition: all 0.25s ease;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu
 ul,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu
 li {
 padding: 0;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu
 li {
 padding-bottom: 1rem;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu
 li:last-child {
 padding-bottom: 0;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .sub-menu
 li
 a {
 color: #14145a;
 white-space: nowrap;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .account-link
 a:hover
 svg
 path {
 fill: #f07350;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 > div:first-child:hover
 svg
 path {
 fill: #f07350;
 cursor: pointer;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 li:hover
 .main_menu_title,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 li:hover
 .main_menu_title
 svg
 path {
 text-decoration: none;
 color: #f07350;
 stroke: #f07350;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li:hover
 > .sub-menu {
 visibility: visible;
 opacity: 1;
 display: block;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 .sub-menu
 li:hover
 a {
 color: #f07350;
}
.navigation-search-bar.transparent-bg {
 background-color: transparent;
}
.navigation-search-bar.transparent-bg .search-button:hover svg path {
 fill: #fff;
}
.navigation-search-bar.transparent-bg .search-button svg {
 max-height: 1.25rem;
}
.navigation-search-bar.transparent-bg .search-button svg path {
 transition: all 0.15s ease;
}
.navigation-search-bar.transparent-bg .header-logo-container {
 text-align: center;
}
.navigation-search-bar.transparent-bg .header-logo-container svg path {
 fill: #fff;
}
.navigation-search-bar.transparent-bg .page-navigation-container {
 float: right;
}
.navigation-search-bar.transparent-bg
 .page-navigation-container
 .page-navigation
 ul {
 display: inline-flex;
 align-items: center;
 list-style: none;
}
.navigation-search-bar.transparent-bg
 .page-navigation-container
 .main_menu_title {
 color: #fff;
}
.extension-d_blog_module-category
 .navigation-search-bar.transparent-bg
 .page-navigation-container
 .main_menu_title {
 color: #14145a;
}
.navigation-search-bar.scrolled .header-logo-container svg path,
.navigation-search-bar.scrolled .header-logo-container svg g {
 fill: #14145a;
}
.navigation-search-bar.scrolled .header-logo-container svg path,
.navigation-search-bar.scrolled .header-logo-container svg {
 fill: #14145a;
}
.navigation-search-bar.scrolled
 .page-navigation-container
 ul
 .main_menu_title
 svg
 path,
.navigation-search-bar .page-navigation-container ul .main_menu_title svg path {
 stroke: #14145a;
}
.navigation-search-bar.scrolled {
 border-bottom: 1px solid #d3dae8;
}
.navigation-search-bar.scrolled .header-logo-container svg .lockup {
 display: none;
}
.search-dialogue.active {
 visibility: visible;
 opacity: 1;
}
.search-dialogue {
 visibility: hidden;
 opacity: 0;
 transition: all 0.25s ease;
 position: fixed;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.6);
 top: 0;
 z-index: 999;
 width: 100%;
}
.search-dialogue .search-dialogue-box {
 margin: 1.25rem;
 background-color: #fff;
 border-color: #d3dae8;
 border-radius: 0.75rem;
 max-height: calc(100vh - 3rem);
 overflow-y: scroll;
}
.search-dialogue .search-dialogue-box .search-bar-section {
 border-bottom: 1px solid #d3dae8;
 padding: 1.25rem;
}
.search-dialogue .search-dialogue-box .search-bar-section .main-header-search {
 width: 100%;
 display: flex;
 align-items: center;
}
.search-dialogue
 .search-dialogue-box
 .search-bar-section
 .main-header-search
 .search-button {
 border: none;
 background-color: transparent;
 outline: 0;
 cursor: pointer;
}
.search-dialogue
 .search-dialogue-box
 .search-bar-section
 .main-header-search
 .main-header-search-input {
 flex: 1 1 auto;
 padding-left: 1rem;
 font-size: 1.5rem;
 font-family: "Sailec Regular", sans-serif;
 color: #14145a;
 outline: 0;
 border: 0;
 margin-top: 0.25rem;
}
.search-dialogue
 .search-dialogue-box
 .search-bar-section
 .main-header-search
 .main-header-search-input::placeholder {
 color: #d3dae8;
}
.search-dialogue
 .search-dialogue-box
 .search-bar-section
 .close-search-dialogue {
 float: right;
 padding-top: 0.5rem;
 cursor: pointer;
}
.search-dialogue .dynamic-results-area .display-results {
 display: none;
}
.search-dialogue .dynamic-results-area .default-appearance {
 display: block;
}
.search-dialogue .dynamic-results-area .default-appearance .column-7,
.isearch-container .result_s {
 border-right: 1px solid #d3dae8;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .identify-model-diagram {
 padding: 1.25rem;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .identify-model-diagram
 .mobile-diagram,
svg.mobile-diagram {
 display: none;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .identify-model-diagram
 .desktop-diagram,
svg.desktop-diagram {
 display: block;
}
svg.desktop-diagram {
 max-width: 50rem;
}
.search-dialogue .dynamic-results-area .default-appearance .helper-links,
.helper-links.search_re {
 padding: 1.25rem;
 max-width: 38rem;
}
.helper-links.search_re {
 padding: 1.5rem 0 0 0;
}
button.close_video {
 background: none;
 border: none;
}
.sec_need .identify-model-diagram .diagram-container {
 max-width: 26rem;
}
.identify-modal,
.video-modal {
 display: none;
 position: fixed;
 z-index: 99999999;
 vertical-align: middle;
 top: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.6);
 bottom: 0;
 left: 0;
 text-align: center;
 width: 100%;
 transition: opacity 0.3s ease;
 overflow: auto;
 justify-content: center;
 align-items: center;
}
.close,
#videoModalclose {
 color: #e1e1e1;
 padding: 10px 0;
 right: 0;
 font-size: 6rem;
 font-weight: bold;
 z-index: 9994;
 width: 55px;
 height: 55px;
 line-height: 35px;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 cursor: pointer;
 text-align: right;
 float: right;
}
.close:hover,
#videoModalclose:hover,
#videoModalclose:focus,
.close:focus {
 color: #e1e1e1;
 text-decoration: none;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 cursor: pointer;
}
.quality-modal-content,
.video-modal-content {
 margin: auto;
 position: relative;
 width: 100%;
 max-width: 964px;
 outline: none;
}
.quality-modal-content video,
.video-modal-content video {
 width: 100%;
 height: auto;
}
.sm-column-12.text-right.dekstop-price {
 display: inherit;
}
.text-right.mobile-price {
 display: none;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .helper-links
 .rounded-button {
 width: 100%;
 text-align: center;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .helper-links
 .rounded-button
 a,
.search_re .rounded-button a {
 color: #14145a;
}
.helper-links .rounded-button {
 display: block;
 line-height: 2.5rem;
}
.helper-links .rounded-button > a {
 display: block;
 padding: 0;
}
ul.dropdown-menu a {
 background: #eeee;
}
.rounded-button {
 border-radius: 1.25rem;
 border: 1px solid;
 height: 2rem;
 display: inline-flex;
 justify-content: center;
 align-items: center;
}
.rounded-button a {
 text-decoration: none;
 display: inline-block;
 padding: 0.25rem 2.5rem 0 2.5rem;
 min-height: 18px;
}
.blue-button {
 border-color: #1e73dc;
 background-color: #1e73dc;
 transition: all 0.25s ease;
}
.more-sunglass .rounded-button.navy-button {
 background: none;
 color: #14145a;
}
.more-sunglass .rounded-button.navy-button:hover {
 color: #fff;
 background-color: #14145a;
 border-color: #14145a;
}
.more-sunglass .rounded-button.navy-button a {
 color: #14145a;
}
.more-sunglass .rounded-button.navy-button a:hover {
 color: #fff;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-item-title
 a,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 .mega-menu-item-title
 a {
 color: #14145a;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-item-title
 a:hover,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 .mega-menu-item-title
 a:hover {
 color: #f07350;
}
.navy-button {
 border-color: #14145a;
 background-color: #14145a;
 color: #fff;
}
.orange-button {
 border-color: #f07350;
 background-color: #f07350;
 color: #fff;
}
.orange-btn {
 background-color: #f07350;
 border-color: #f07350;
 color: #fff;
 padding: 0.75rem 2rem;
 cursor: pointer;
 border-radius: 2.25rem;
 gap: 0.5rem;
}
.blue-btn {
 background-color: #14145a;
 border-color: #14145a;
 color: #fff;
 padding: 0.5rem 1.5rem;
 cursor: pointer;
 border-radius: 2.25rem;
 gap: 0.5rem;
}
.white-btn {
 background: none;
 border-color: #14145a;
 color: #14145a;
 padding: 0.5rem 1.5rem;
 cursor: pointer;
 border-radius: 2.25rem;
 gap: 0.5rem;
}
.white-sec-btn {
 border-color: #fff;
 color: #fff;
 padding: 0.75rem 1.5rem;
 border-radius: 2.25rem;
 gap: 0.5rem;
 cursor: pointer;
}
.orange-btn:hover {
 background: #14145a;
 border-color: #14145a;
}
.blue-btn:hover,
.white-btn:hover,
.white-sec-btn:hover {
 background-color: #f07350;
 border-color: #f07350;
 color: #fff;
}
.white-btn:hover svg path {
 fill: #fff;
}
.mobile-menu-element {
 display: none;
}
.mobile-menu-element {
 position: fixed;
 top: 0;
 background-color: #fff;
 width: 100%;
 z-index: 300;
 height: 100vh;
}
.site-header .trustpilot-widget iframe {
 width: 430px !important;
 float: left;
 padding-left: 30px;
}
.flag-container-text {
 text-decoration: underline;
}
a {
 text-decoration: none;
}
.search_form.search-wrapper {
 width: 100% !important;
}
.main-header-search-input {
 width: 90%;
 padding-top: 5px;
 padding-bottom: 5px;
}
header {
 background: none !important;
}
.navigation-search-bar.scrolled {
 background-color: #fff;
}
.search-dialogue .search-dialogue-box {
 overflow-y: auto;
}
.search_form.search-wrapper {
 overflow: hidden;
 background-color: transparent;
}
.main-header-search .search_form.search-wrapper {
 background: #f07350;
}
.mobile-view {
 display: none !important;
}
.cart-preview-hover
 .cart-preview
 .cart-summary-item
 .product-row-top
 .cart-product-image
 img {
 left: 50%;
 transform: translate(-50%, -50%);
}
.cart-preview-hover
 .cart-preview
 .cart-summary-item
 .product-row-top
 .cart-product-image
 img {
 position: absolute;
 max-width: 100%;
 top: 50%;
}
.cart-preview-hover
 .top-header-bar
 .user-cart-settings-nav
 .cart-link
 svg
 path {
 fill: none !important;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link:hover
 svg
 g {
 fill: #f07350;
}
.cart-preview-hover
 .cart-preview
 .cart-summary-item
 .product-row-bottom
 .product-amount
 .increase-amount:hover
 path {
 fill: #14145a;
}
.cart-preview-hover
 .cart-preview
 .cart-summary-item
 .product-row-bottom
 .product-amount
 .increase-amount {
 cursor: pointer;
 top: 1.33px;
 position: relative;
}
.page-navigation-container nav > ul > .has-megaitem {
 position: static;
}
.page-navigation-container nav > ul > li:hover .mega-menu {
 opacity: 1;
 visibility: visible;
}
.mega-menu {
 position: absolute;
 min-width: 100%;
 padding: 2rem;
 background: #f7f7f8;
 box-shadow: 0 3px 6px 0 #00000012;
 border: 1px solid #e4e4e4;
 box-sizing: border-box;
 transform-origin: 0 0 0;
 left: 0;
 right: 0;
 opacity: 0;
 visibility: hidden;
 transition: 0.5s;
 z-index: 99;
 top: 100%;
 text-align: left;
}
.desc {
 color: #0b0b58;
}
.lense-img {
 width: 100%;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li.has-megaitem {
 position: static;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .first-width {
 width: 20%;
 border-right: 1px solid #ececec;
 position: inherit;
 padding-top: 0px;
 padding: 0px 25px 0px 0px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .mega-menu-item.first-width
 .shop-lense,
.desc a.shop-lense {
 width: 100%;
 float: left;
 color: #0b0b58;
 border: 1px solid #0b0b58;
 margin-top: 15px;
 margin-bottom: 15px;
 border-radius: 1.25rem;
 padding: 0 0.25rem;
 text-align: center;
 text-transform: capitalize;
 transition: all 0.3s ease 0s;
 height: 2rem;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-decoration: none;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .first-width
 p {
 margin-bottom: 0;
 color: #0b0b58;
 float: left;
 width: 100%;
 padding-bottom: 0;
 font-size: inherit;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands {
 width: 60%;
 position: inherit;
 display: unset;
 padding: -1px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-item-title,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 .mega-menu-item-title {
 font-size: 1.35rem;
 line-height: 24px;
 text-transform: capitalize;
 display: block;
 color: #0b0b58;
 padding: 0px;
 margin: 0px 0px 13px 0px;
 font-family: "Sailec Medium";
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub,
.navigation-search-bar.scrolled
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub {
 display: flex;
 flex-direction: row;
 padding: 0px;
 margin: 0px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub
 li {
 flex: 33.33%;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub
 li {
 flex: 33.33%;
 padding: 0px;
 margin: 0px;
 position: inherit;
 display: block;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub
 li
 > a {
 font-weight: 400;
 display: block;
 line-height: 35px;
 text-transform: capitalize;
 color: #0b0b58;
 position: relative;
 transition: all 0.3s ease 0s;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub
 li
 > a::after {
 position: absolute;
 content: "";
 top: 50%;
 left: 0;
 transform: translate(0px, -50%);
 height: 5px;
 width: 5px;
 border-radius: 50%;
 background: #261146;
 visibility: hidden;
 opacity: 0;
 transition: all 0.3s ease 0s;
}
.desc p {
 margin-bottom: 0;
 margin-top: 25px;
 padding: 0px;
 color: #14145a;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .desc
 a.shop-lense {
 width: 35%;
 padding: 0 1.25rem;
 color: #0b0b58;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord {
 border-left: 1px solid #ececec;
 width: 20%;
 padding: 0px;
 position: inherit;
 margin: 0px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 .mega-menu-item-title {
 padding-left: 25px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.mega-menu-sub.pl-25 {
 flex-direction: row;
 margin-bottom: 25px;
 padding-left: 25px;
 display: block;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.mega-menu-sub.pl-25
 li {
 position: inherit;
 display: block;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.mega-menu-sub.pl-25
 li {
 padding: 0px;
 margin: 0px;
 position: inherit;
 display: block;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.mega-menu-sub.pl-25
 li
 a {
 font-weight: 400;
 display: block;
 line-height: 35px;
 text-transform: capitalize;
 color: #0b0b58;
 position: relative;
 transition: all 0.3s ease 0s;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 .mega-menu-item-title {
 padding-left: 25px;
}
.navigation-search-bar .page-navigation-container .page-navigation ul {
 list-style: none;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.social-icon
 li {
 margin-right: 15px;
 border: 1px solid #0b0b58;
 background: #0b0b58;
 border-radius: 50%;
 padding: 5px 6px;
 position: unset;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.social-icon
 li
 a {
 color: #fff;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .featured-brands
 .mega-menu-sub
 li
 > a:hover {
 color: #f07350;
 text-decoration: none;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .mega-menu-item.first-width
 a.shop-lense:hover,
.desc a.shop-lense:hover,
.site-header
 .navigation-search-bar.transparent-bg.transparent-toggle
 .page-navigation-container
 .page-navigation
 ul
 > li
 .desc
 a.shop-lense:hover,
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 .desc
 a.shop-lense:hover {
 background-color: #0b0b58;
 text-decoration: none;
 color: #fff;
}
.navigation-search-bar.transparent-bg .search-button:hover {
 background-color: #f07350;
 border-color: #f07350;
 color: #fff;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.social-icon
 li:hover {
 background: #f07350;
 border: 1px solid #f07350;
 color: #fff;
}
#google_translate_element select.goog-te-combo {
 padding: 0 15px;
 width: 100%;
 border: 1px solid #14145a;
 border-radius: 50px;
 appearance: none;
 color: #14145a;
 font-family: "Sailec Regular";
 margin: 0;
 height: 42px;
}
section.three-step-search-section.desktop_section {
 display: block;
}
section.three-step-search-section.mobile_section {
 display: none;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.social-icon {
 margin-left: 25px;
}
.navigation-search-bar
 .page-navigation-container
 .page-navigation
 ul
 > li
 > .mega-menu
 .bord
 ul.social-icon
 li:nth-child(2) {
 padding: 5px 8px;
}
.flag-container.image_selection img,
.flag-mobile-container.image_selection img {
 width: calc(1.5rem - 4px);
 height: calc(1.5rem - 4px);
 top: 50%;
 border-radius: 50%;
}
.flag-container.image_selection {
 padding-right: 1.25rem;
}
.shipping-popup .close,
.shipping-mobile-popup .close {
 float: right;
 font-weight: bold;
 background: none;
 border: none;
}
.shipping-popup .close:hover,
.shipping-mobile-popup .close:hover,
.close:focus {
 color: #000;
 text-decoration: none;
 cursor: pointer;
}
.shipping-popup .modal-header,
.shipping-mobile-popup .modal-header {
 padding-bottom: 29px;
 display: block;
 flex-direction: row;
 float: unset;
 border-bottom: 1px solid #96aab9;
}
.shipping-popup h5.modal-title,
.shipping-mobile-popup h5.modal-title {
 float: left;
 text-align: left;
 color: #96aab9;
}
.shipping-popup .modal-header .close span,
.shipping-mobile-popup .modal-header .close span {
 font-size: 1.5rem;
}
.shipping-popup,
.shipping-mobile-popup {
 position: fixed;
 z-index: 1; 
 top: 40px; 
  right: 5%;
 width: 350px;
 height: auto;
 overflow: hidden;
 background-color: rgb(0, 0, 0); 
 color: #14145a;
 border-radius: 16px;
 background-color: #fff;
 border: 1.3px solid #14145a;
}
.shipping-popup .modal-content,
.shipping-mobile-popup .modal-content {
 margin: auto;
 padding: 20px;
 background: none;
 box-shadow: none;
 border: none;
 position: unset;
 border-radius: unset;
 max-height: unset;
}
.shipping-popup .modal-content svg path,
.shipping-mobile-popup .modal-content svg path {
 stroke: #f07350;
}
.shipping-popup .close,
.shipping-mobile-popup .close {
 color: #fff;
 float: right;
 font-size: 28px;
 font-weight: bold;
 background: none;
 border: none;
 text-align: right;
 position: unset;
 padding: 0px;
 height: unset;
 width: unset;
 margin-top: -7px;
}
.shipping-popup .close:hover,
.shipping-mobile-popup .close:hover,
.shipping-popup .close:focus,
.shipping-mobile-popup .close:focus {
 color: #000;
 text-decoration: none;
 cursor: pointer;
}
.shipping-popup .modal-header,
.shipping-mobile-popup.modal-header {
 padding-bottom: 29px;
 display: block;
 flex-direction: row;
 float: unset;
 border-bottom: 1px solid;
 min-height: inherit;
}
.shipping-popup div.modal-title,
.shipping-mobile-popup div.modal-title {
 float: left;
 text-align: left;
 color: #96aab9;
 font-weight: 100;
 font-family: "Sailec Regular";
 margin: 0px;
}
.shipping-popup .modal-header .close span,
.shipping-mobile-popup .modal-header .close span {
 font-size: 1.5rem;
}
.shipping-popup .currency_selections,
.shipping-mobile-popup .currency_selections {
 display: flex;
 padding: 25px 0 10px !important;
 justify-content: space-between;
}
.shipping-popup .modal-footer.up_prefrence .rounded-button.orange-button:hover,
.shipping-mobile-popup
 .modal-footer.up_prefrence
 .rounded-button.orange-button:hover {
 background: #14145a;
 border: 1px solid #14145a;
 color: #fff;
}
.shipping-popup .country_selection,
.shipping-mobile-popup .country_selection {
 padding-top: 20px;
 padding-bottom: 20px;
}
.shipping-popup .currency_select,
.shipping-mobile-popup .currency_select {
 padding-bottom: 20px;
}
.shipping-popup select#input-country,
.shipping-mobile-popup select#input-country {
 background: none;
}
.shipping-popup .modal-footer.up_prefrence .rounded-button.orange-button,
.shipping-mobile-popup
 .modal-footer.up_prefrence
 .rounded-button.orange-button {
 width: 100%;
}
.shipping-popup .select select,
.shipping-mobile-popup .select select {
 border-radius: 50px !important;
 color: #14145a;
 padding: 0 15px !important;
 height: 42px;
 width: 100%;
 padding-left: 20px;
 border: 1px solid !important;
}
.checkout-checkout .shipping-popup .modal-content,
.checkout-cart .shipping-popup .modal-content,
.checkout-checkout .shipping-mobile-popup .modal-content,
.checkout-cart .shipping-mobile-popup .modal-content {
 width: 100%;
}
.or_select.main_heading_selection {
 padding-top: 20px;
}
.checkout-checkout .shipping-popup .country_selection:after {
 top: 19.5%;
}
h3.or_select {
 padding-top: 20px;
 text-align: center;
 padding-bottom: 0px;
 font-size: 16px;
 font-weight: bold;
}
.flag-container.image_selection .goog-te-gadget img,
.flag-mobile-container.image_selection .goog-te-gadget img {
 width: auto;
 height: auto;
 border-radius: 0%;
}
#translateButton {
 padding-top: 6px;
}
#translateButton select.goog-te-combo {
 padding: 12px;
 width: 100%;
 border: 1px solid #14145a;
 border-radius: 50px;
 appearance: none;
 color: #14145a;
 font-family: "Sailec Regular";
}
.country_data input.dropdown-menu-search,
.language_change input.dropdown-menu-search,
.country_data input.dropdown-mobile-menu-search {
 display: block;
 font-family: inherit;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 width: 100%;
 height: auto;
 padding: 0.65rem 1.25rem;
 border: none;
 outline: none;
 color: var(--color-black);
 background-clip: padding-box;
 background-color: var(--color-light);
}
.shipping-popup .custom-select,
.shipping-mobile-popup .custom-select,
.custom-select-language {
 cursor: pointer;
 margin: 0 auto;
 position: relative;
 width: 100%;
 height: inherit;
 text-align: left;
 padding: 0;
 border: none;
}
.mobile-menu-element.active .cart-link-wrapper {
 display: none;
}
.shipping-popup .custom-select > span,
.custom-select-language > span,
.shipping-mobile-popup .custom-select > span {
 padding: 0 15px;
 font-size: 10pt !important;
 color: #14145a;
 border: 1px solid #14145a;
 border-radius: 50px;
 display: block;
 text-transform: capitalize;
 height: 40px;
 align-items: center;
 display: flex;
}
.shipping-popup .custom-select .drop,
.custom-select-language .drop,
.shipping-mobile-popup .custom-select .drop {
 max-height: 200px !important;
 overflow-y: auto;
}
.shipping-popup .custom-select .drop li a,
.custom-select-language .drop li a,
.shipping-mobile-popup .custom-select .drop li a {
 color: #14145a;
 display: block;
 padding: 6px 8px;
 text-decoration: none;
 transition: all 0.3s ease;
 text-transform: capitalize;
}
.shipping-popup .custom-select .drop,
.custom-select-language .drop,
.shipping-mobile-popup.custom-select .drop {
 list-style: none;
 pointer-events: none;
 font-size: 16px;
}
.shipping-popup .custom-select .drop,
.custom-select-language .drop,
.shipping-mobile-popup .custom-select .drop {
 background: #fff;
 box-shadow: 0 0 10px rgb(0 0 0 / 10%);
 display: none;
 left: 0;
 list-style: none;
 margin-top: 0;
 opacity: 0;
 padding-left: 0;
 pointer-events: none;
 position: absolute;
 right: 0;
 top: 100%;
 z-index: 2;
 padding: 10px;
 border-radius: 5px;
 font-size: 16px;
 overflow: hidden scroll;
}
.shipping-popup .custom-select .drop li a img,
.custom-select-language .drop li a img,
.shipping-mobile-popup .custom-select .drop li a img {
 border-radius: 50px;
 vertical-align: middle;
}
.shipping-popup .custom-select.active .drop,
.custom-select-language.active .drop,
.shipping-mobile-popup .custom-select.active .drop {
 display: block;
 opacity: 1;
 pointer-events: auto;
}
div#country2 span img,
div#country3 span img {
 border-radius: 50%;
 vertical-align: middle;
}
.checkout-cart .shipping-popup .country_selection:after,
.shipping-mobile-popup .country_selection:after {
 top: 21.5%;
}
.shipping-popup .main_heading_selection,
.shipping-mobile-popup .main_heading_selection {
 font-size: 16px;
 line-height: 1.75rem;
 font-family: "Sailec Medium";
 color: #14145a;
 padding-bottom: 0;
 margin: 0;
}
.or_select.main_heading_selection {
 padding-bottom: 20px;
 text-align: center;
}
.shipping-popup .modal-footer,
.shipping-mobile-popup .modal-footer {
 padding: 40px 0 0px;
 margin: 0px;
 text-align: unset;
 border: none;
}
.shipping-popup .modal-footer button.btn.btn-primary,
.shipping-mobile-popup .modal-footer button.btn.btn-primary {
 padding: 15px;
 text-align: right;
}
.shipping-popup
 .top-header-bar
 .user-cart-settings-nav
 .lang_chg
 .language-select,
.shipping-mobile-popup
 .top-header-bar
 .user-cart-settings-nav
 .lang_chg
 .language-select {
 padding-right: 0;
}

.flag-container.image_selection.desktop {
 display: block;
}
ul.isMobile {
 display: none;
}
.top-header-bar
 .user-cart-settings-nav
 .currency_select
 .currency-select
 Select {
 font-family: "Sailec Regular";
}
.top-header-bar
 .user-cart-settings-nav
 .lang_chg
 .language-select
 select.language_change.form-control {
 font-family: "Sailec Regular";
}
.product-title-section .product-title h1 small:after {
 content: unset !important;
}
section.product-extra-details h2.main_heading_sec {
 font-size: 20px;
}
.choose-lens-options .choose-lens-type .lens-type-option h3 {
 font-size: 14px;
 padding-bottom: 0px;
 font-family: "Sailec Regular";
 font-weight: 100;
}
button.gmtgc_button.gmtgc_refuse {
 visibility: hidden;
 display: none;
}
.img-responsive,
img {
 max-width: 100%;
}
.searh-diglog-buttons .rounded-button a {
 font-size: 0.875rem;
 display: flex;
 flex-direction: column;
}
.search_re .searh-diglog-buttons {
 display: block;
}
.search_re .searh-diglog-buttons .rounded-button a {
 flex-direction: row;
 align-items: center;
 vertical-align: middle;
 justify-content: space-between;
}
.search_re .rounded-button {
 margin-bottom: 0.5rem;
}
.search-dialogue
 .dynamic-results-area
 .helper-links
 .searh-diglog-buttons
 .rounded-button,
.search_re .rounded-button {
 padding: 1rem;
 text-align: left;
 font-family: "sailec medium";
 cursor: pointer;
 border-radius: 1rem;
 line-height: 24px;
 letter-spacing: -0.02px;
 margin-right: 0.75rem;
 height: 100%;
}
.search_re .rounded-button {
 margin-right: 0;
}
svg.svg_img {
 padding-top: 16px;
 height: 24px;
 width: 24px;
}
.search_re .rounded-button svg.svg_img {
 padding-top: 0;
}
a.isearch-product:hover {
 background: #e7e7ee;
 color: #14145a;
}
.searh-diglog-buttons {
 display: flex;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .helper-links
 .rounded-button:hover,
.search_re .rounded-button:hover {
 background: #e3e3ea;
}
.search-dialogue
 .dynamic-results-area
 .default-appearance
 .helper-links
 .rounded-button:hover
 a {
 color: #14145a;
}
.identify-model-diagram .heading-5 {
 margin-bottom: 1rem;
}
.range-modal .modal-container {
 max-width: 61rem;
}
section.range-modal .modal-container .how_works {
 text-align: center;
 margin-top: 2rem;
 display: block;
}
section.range-modal .modal-container .how_works a {
 gap: 0.5rem;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-decoration: underline;
}
.modal-container a.how_works:hover svg path,
section.range-modal .modal-container .how_works a:hover svg path {
 fill: #f07350;
}
.range-modal {
 position: fixed;
 display: none;
 top: 0;
 height: 100%;
 width: 100%;
 z-index: 500;
 left: 0;
}
.modal-container.active,
.range-modal.active {
 display: block;
}
section.range-modal .flex-grid {
 gap: 1rem;
}
.modal-background {
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.6);
}
.modal-container {
 position: absolute;
 display: none;
 background-color: #fff;
 border-radius: 1rem;
 width: calc(80% - 2rem);
 left: 50%;
 transform: translateX(-50%);
 padding: 2rem;
 z-index: 550;
 margin-top: 2.5rem;
 max-height: calc(100vh - 10rem);
 max-width: 56rem;
 overflow-y: auto;
}
section.range-modal .modal-container .how_works a {
 gap: 0.5rem;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 text-decoration: underline;
}
.modal-container a.how_works:hover svg path {
 fill: #f07350;
}
.close-mdl-btn {
 text-align: right;
 margin: 10px 10px 0 0px;
}
.close-mdl-btn svg {
 cursor: pointer;
}
.sec-heading {
 text-align: center;
 font-size: 1.5rem;
 line-height: 28.8px;
 letter-spacing: -0.02px;
 font-family: "Sailec";
 font-weight: 500;
 padding-bottom: 2rem;
}
section.range-modal .flex-grid {
 gap: 1rem;
}
.column-4.t_sec {
 border: 1px solid #14145a;
 border-radius: 1rem;
 padding: 1rem;
}
.t_sec .title {
 margin-bottom: 1rem;
}
.regular span {
 background: #a5e1f0;
 border-radius: 4px;
 padding: 0.25rem 0.75rem;
 color: #fff;
 font-size: 0.75rem;
}
h4.head_t {
 font-size: 1.5rem;
 font-family: "Sailec Bold";
 font-weight: 500;
 padding-bottom: 1rem;
}
.column-4.t_sec p {
 padding-bottom: 1.5rem;
}
.column-4.t_sec li {
 padding-bottom: 0.15rem;
}
a.range_li,
a.range_n_li {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
}
.range-modal .modal-container a.range_li:hover {
 color: #14145a;
}
a.range_li span,
a.range_n_li span {
 font-size: 0.875rem;
 font-weight: 500;
 font-family: "Sailec Medium";
}
.tooltip {
 position: relative;
 display: inline-block;
}
.tooltip .tooltiptext {
 visibility: hidden;
 width: 180px;
 background-color: #96aab9;
 color: #fff;
 text-align: center;
 border-radius: 2px;
 padding: 5px;
 position: absolute;
 z-index: 1;
 bottom: 125%;
 left: 50%;
 margin-left: -94px;
 opacity: 0;
 transition: opacity 0.3s;
 font-family: "Sailec Regular";
 font-weight: 100;
}
.tooltip .tooltiptext::after {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -10px;
 border-width: 10px;
 border-style: solid;
 border-color: #96aab9 transparent transparent transparent;
}
.regular span,
span.premium,
span.popular,
span.s_premium {
 background: #a5e1f0;
 border-radius: 4px;
 padding: 0.25rem 0.75rem;
 color: #fff;
 font-size: 0.75rem;
}
span.premium {
 background: #1e73d3;
}
span.popular {
 background: none;
 border: 1px solid #1e73d3;
 color: #1e73d3;
}
span.s_premium {
 background: #96aab9;
}
.ui-autocomplete-loading + #load-wrap {
 display: block;
}
#load-wrap {
 top: 29px;
 right: 50% !important;
 left: auto;
 display: none;
 background: no-repeat;
 height: auto;
 width: auto;
}
.loader-wrap {
 position: absolute;
 display: inline-block;
 text-align: center;
 top: 45%;
 left: 45%;
 z-index: 99;
}
#load-wrap .cssload-box-loading {
 height: 35px;
 width: 35px;
 border-top: 5px solid #3498db !important;
 border: 5px solid #eaeaea;
}
#load-wrap i.fa.fa-bolt {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #000;
 font-size: 12px;
}
.cssload-box-loading {
 border: 10px solid #fff;
 border-top: 10px solid #3498db;
 border-radius: 50%;
 width: 80px;
 height: 80px;
 animation: spin 1s linear infinite;
 z-index: 99;
}
.open-modal .modal.fade,
.open-video #helper_video,
.open-vid #h_video {
 display: block;
 opacity: 1;
 transition: all 0.3s ease;
}
.open-video #helper_video,
.open-vid #h_video {
 text-align: center;
}
#helperVideo,
#hVideo {
 height: 500px;
 width: 800px;
}
.modal {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 1040;
 display: none;
 overflow: auto;
 overflow-y: scroll;
}
.fade {
 opacity: 0;
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
div#translateButton > div > div {
 display: block !important;
}
div#translateButton > div > div + span {
 display: inline-block;
 vertical-align: middle;
}
.cart-preview-hover .cart-preview .cart-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-bottom: 1px solid var(--Border-tertiary, #f4f4f5);
 justify-content: space-between;
 opacity: 1;
 border-bottom-width: 1px;
 padding: 24px;
 z-index: 99;
}
.cart-preview-hover .cart-preview .cart-header svg {
 height: 24px !important;
 width: 24px !important;
 cursor: pointer;
}
.cart-preview-hover {
 visibility: hidden;
 opacity: 1;
}
.cart-preview-hover .cart-preview {
 position: fixed;
 right: 0;
 top: 0;
 width: 480px;
 height: 100dvh;
 max-height: 100dvh;
 background: #fff;
 display: flex;
 flex-direction: column;
 border-left: 1px solid #ddd;
 z-index: 9999;
 color: #14145a;
 overflow-y: auto;
 scrollbar-width: none;
 scroll-behavior: smooth;
}
#cart_content .guarntee_sec {
 width: 480px;
 height: 171px;
 gap: 16px;
 opacity: 1;
 border-top-width: 1px;
 padding: 24px;
 background: var(--Background-secondary, #fafafa);
 border-top: 1px solid var(--Background-tertiary, #f4f4f5);
}
#cart_content .img_sec {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 2px;
 gap: 8px;
}
/* .cart-footer .btn_sec {
 height: auto;
 gap: 16px;
 opacity: 1;
 border-top-width: 1px;
 padding: 1.5rem;
 align-items: center;
 border-top: 1px solid #14145a20;
} */
#cart_content .img_sec span {
 font-family: Sailec;
 font-weight: 500;
 font-style: Medium;
 font-size: 20px;
 line-height: 120%;
 letter-spacing: -3%;
 vertical-align: middle;
}
.cart-link-wrapper .overlay {
 position: fixed;
 top: 0;
 height: 100vh;
 width: 100%;
 left: 0;
 background: rgba(0, 0, 0, 0.9);
 z-index: 99;
 transition: all 0.3s ease;
 visibility: hidden;
 opacity: 0.6;
 transition: all 0.3s ease;
}
.top-header-bar
 .user-cart-settings-nav
 .user-commerce-links
 .cart-link
 .main_cart_details
 .cart-product-wrapper
 svg {
 width: 16px;
 height: 16px;
}
@keyframes spin {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(360deg);
 }
}
.site-footer {
 border-top: 1px solid #d3dae8;
}
.site-footer .social-media-footer-section {
 padding: 2.5rem 1.25rem;
 border-bottom: 1px solid #d3dae8;
}
.site-footer .social-media-intro {
 padding: 0 1.25rem;
}
.site-footer .contact-section {
 padding: 2.5rem 1.25rem;
}
.site-footer .contact-section .contact-details {
 padding: 0 1.25rem;
}
.site-footer .contact-section .contact-details .contact-items {
 display: inline-flex;
 align-items: baseline;
}
.site-footer .contact-section .contact-details .contact-items .contact-phone {
 display: flex;
 align-items: baseline;
 margin-right: 1.5rem;
 margin-left: 0;
}
.site-footer .contact-section .contact-details .contact-items .contact-mail {
 display: flex;
 align-items: baseline;
}
.site-footer .contact-section .review-details {
 padding: 0 1.25rem;
}
.site-footer .contact-section .review-details .review-items {
 display: flex;
}
.site-footer .contact-section .review-details .review-items a {
 text-decoration: none;
 margin-right: 1.5rem;
}
.site-footer .lower-footer {
 background-color: #14145a;
 border-bottom: 1px solid #96aab9;
}
.site-footer .lower-footer .lower-footer-link-section {
 padding: 2.5rem;
 color: #fff;
}
.site-footer .contact-section .review-details .review-items a svg path,
.site-footer .contact-section .review-details .review-items a svg g polygon {
 fill: #14145a;
}
.site-footer .contact-section .review-details .review-items a:hover svg path,
.site-footer
 .contact-section
 .review-details
 .review-items
 a:hover
 svg
 g
 polygon {
 fill: #f07350;
}
.site-footer .footer-details {
 background-color: #14145a;
}
.site-footer .footer-details .footer-info-text {
 color: #96aab9;
 padding: 2.5rem;
}
.site-footer .footer-details .footer-logo {
 text-align: center;
 margin: 1.5rem auto 0;
}
.site-footer .footer-details .footer-payment-logos {
 padding: 2.5rem;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}
.site-footer .footer-details .footer-payment-logos .footer-payment-icon {
 margin-left: 0.75rem;
}
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-phone
 img {
 padding-right: 0.75rem;
}
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-mail
 img {
 padding-right: 0.75rem;
}
.site-footer .lower-footer .lower-footer-link-section .lower-footer-links a {
 color: #a5e0f0;
 text-decoration: none;
 transition: color 0.25s ease;
 padding-bottom: 0.5rem;
 display: block;
}
.widget-info {
 display: inline-block;
 margin: 0 0 4px;
 vertical-align: middle;
}
.tp-widget-stars {
 margin: 0 12px 4px 0;
 width: 110px;
}
.tp-widget-trustscore {
 font-size: 18px;
}
.widget-info {
 display: inline-block;
}
.tp-widget-rating {
 margin-right: 8px;
 vertical-align: middle;
}
.tp-widget-stars {
 margin: 0 12px 4px 0;
 width: 110px;
}
.tp-widget-trustscore {
 font-size: 18px;
}
.social-media-intro {
 color: #14145a;
}
.rounded-button a {
 text-decoration: none;
 color: #fff;
 display: inline-block;
 padding: 0 2.5rem 0;
}
ul.pagination {
 display: flex;
 justify-content: center;
}
ul.pagination li {
 height: 3rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 0;
 border: 1px solid #d3dae8;
 background-color: #fff;
 cursor: pointer;
 border-right: 0;
 width: 3rem;
 text-align: center;
 overflow: hidden;
}
ul.pagination li a {
 text-align: center;
 padding: 1rem 0;
 cursor: pointer;
 display: block;
}
ul.pagination li.active {
 background-color: #14145a;
 color: #fff;
}
ul.pagination li a:hover {
 background-color: #f0f0f0;
 color: #f07350;
}
.featured-page-header {
 width: 100%;
 min-height: 40rem;
 max-height: 50rem;
 height: 85vh;
 position: relative;
}
div#top-header-transparent {
 height: 0;
}
.featured-page-header .background-image {
 height: 100%;
 width: 100%;
 background-size: cover;
 background-position: 50%;
 position: relative;
}
.banner-section .background-image-overlay {
 background: linear-gradient(180deg, rgba(0, 10, 27, 0), #000a1b);
}
.featured-page-header .background-image-overlay {
 position: absolute;
 top: 0;
 z-index: 10;
 height: 100%;
 width: 100%;
 background-color: rgba(0, 0, 0, 0.4);
}
.banner-section .text-container {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 position: absolute;
 bottom: 30px;
 width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display: block;
}
h1 {
 font-size: 2.375rem;
 line-height: 3.325rem;
}
h2 {
 font-size: 2rem;
 line-height: 2.8rem;
}
.search-filter.scrolled {
 position: fixed;
 width: calc(100% - 5rem);
 background-color: #fff;
 top: 7.4rem;
 z-index: 200;
}
.links-section {
 padding-top: 1.5rem;
}
.column-padding h4 {
 font-size: 1.25rem;
 line-height: 1.75rem;
 font-family: Sailec Medium;
 padding-bottom: 1.25rem;
 font-weight: 700;
}
.page-navigation {
 line-height: 1;
 font-size: 0.9rem;
}
.style-svg :not(emoji) {
 max-width: 100%;
 height: 100%;
}
/* p {
 font-family: Sailec Regular;
 padding-bottom: 1.25rem;
} */
/* h1,
h2 {
 font-family: Sailec Medium;
 padding-bottom: 1.25rem;
 font-weight: 700;
} */
.navigation-search-bar .search-button svg path {
 fill: #fff;
}
.navigation-search-bar.transparent-bg .search-button {
 background-color: #fff;
 border-color: #fff;
 color: #14145a;
}
.content-container.pad-2 p span u strong {
 font-weight: 700 !important;
}
.gs-yn .rounded-button {
 margin-bottom: 10px;
}
#ts-add-testimonial {
 margin-top: 100px;
}
#ts-add-testimonial h1 {
 color: #14145a;
}
#ts-add-testimonial p {
 color: #14145a;
}
#sitemap-title .sitemap-heading {
 font-family: "Open Sans", sans-serif;
 font-size: 36px;
}
#test-form-id h1.hide {
 display: block !important;
 margin-left: 0;
 margin-top: 0;
 text-align: center;
 font-size: 35px;
}
div#test-form-id div#\#notification {
 text-align: center;
}
#google_translate_element .skiptranslate.goog-te-gadget {
 white-space: pre-line;
}
#test-form-id form input {
 height: 45px;
}
#test-form-id form label {
 display: block !important;
 font-size: 12px;
 padding: 10px 0px;
 text-align: left;
 font-weight: 400;
}
.pad-2 p strong {
 font-weight: 700;
}
.pt140 {
 padding-top: 180px;
}
.content-container h4 {
 font-weight: 500;
 font-size: 20px;
 line-height: 1.2;
}
.content-container p {
 font-weight: 500;
 font-size: 16px;
 line-height: 1.2;
}
div#shipping-calculator .content-container p {
 font-size: 15px;
 color: #14145a;
}
.content-container table {
 line-height: 2px;
}
.content-container h3 {
 margin-top: 20px;
}
.internation tbody tr {
 line-height: 15px;
}
.internation {
 width: 100%;
}
.main_success {
 margin-top: -140px;
}
.Rtable--2cols > .Rtable-cell-parent {
 width: 50% !important;
}
.page-navigation-container .page-navigation {
 width: auto;
}
.page-navigation-container .page-navigation ul {
 font-size: 16px;
}
.lower-footer-link-section .lower-footer-links {
 line-height: 1;
}
.steps-container {
 padding-left: 25px;
 padding-right: 10px;
}
.content-container p strong {
 font-weight: 700;
}
.main_success {
 margin-top: 12px;
 margin-left: 25px;
}
.summary {
 font-weight: 700;
 font-size: 1.5rem;
 line-height: 2.1rem;
}
.hreview strong {
 font-weight: 700;
}
.model-heading {
 margin-top: 50px;
}
label.control-label {
 color: #666;
}
.row.sitemap ul {
 line-height: 1;
}
.pagination-results .text-left .pagination {
 margin-left: 400px;
}
.pagination-results {
 padding-bottom: 85px;
}
a.rounded-button.white-button {
 max-width: 100% !important;
}
.simple-heading .flex-grid .column-12 .content-container h1 {
 font-size: 30px;
 margin-top: 8px;
 margin-bottom: 0px;
}
.content-container ol li span b {
 font-weight: 700;
}
.results-list-navigation-element .page-numbers ul li.current-page {
 width: 2rem;
 padding: 1rem 0;
 text-align: center;
}
.results-list-navigation-element .page-numbers ul li.current-page {
 background-color: #14145a;
 color: #fff;
}
.footer-four-column .section-header {
 padding: 2.5rem;
 text-align: center;
}
.footer-four-column .section-header .four-step-title {
 padding-bottom: 0;
 font-size: 2rem;
 line-height: 2.8rem;
 font-family: Sailec Medium;
 font-weight: 700;
}
.footer-four-column .section-cta {
 text-align: center;
}
.footer-four-column .steps-container {
 padding: 0 1.25rem;
}
.footer-four-column .step-segment {
 padding: 0 1.25rem 1.25rem;
}
.footer-four-column .step-segment .step-image {
 display: flex;
 flex-direction: column;
 min-height: 8rem;
 justify-content: center;
 width: 85px;
}
.footer-four-column .step-segment .step-title {
 display: flex;
 justify-content: flex-start;
 align-items: baseline;
 padding: 0px;
}
.footer-four-column .step-segment .step-title .step-number {
 color: #f07350;
 padding-left: 0px;
 font-size: 2rem;
 line-height: 2.8rem;
 font-family: Sailec Medium;
 padding-bottom: 1.25rem;
 font-weight: 700;
}
.footer-four-column .step-segment .step-title .step-link {
 font-size: 1.25rem;
 line-height: 1.75rem;
 font-family: Sailec Medium;
 font-weight: 700;
 color: #14145a;
}
.footer-four-column .step-segment .step-title .step-link:hover {
 color: #f07350;
}
.footer-four-column .step-segment .step-description a {
 color: #f07350;
}
.footer-cls-1,
.footer-cls-2,
.footer-cls-3,
.footer-cls-4 {
 fill: #14145a;
}
.footer-layer-1 a:hover .footer-cls-1,
.footer-layer-2 a:hover .footer-cls-2,
.footer-layer-3 a:hover .footer-cls-3,
.footer-layer-4 a:hover .footer-cls-4 {
 fill: #f07350;
}
.site-footer .social-icon-row {
 display: flex;
 flex-direction: row;
}
.site-footer .social-icon {
 width: 30px;
 padding-right: 10px;
}
.site-footer .contact-phone a {
 color: #14145a;
}
.site-footer .contact-phone a:hover {
 color: #f07350;
}
.site-footer a:link {
 color: #14145a;
}
.site-footer a:link:hover {
 color: #f07350;
}
.site-footer .contact-section {
 border-top: 1px solid #e1e1e1;
}
.site-footer .planet-section .planet-banner {
 display: flex;
 justify-content: center;
}
.site-footer .planet-section .planet-banner .planet-icon {
 width: 200px;
 padding: 40px 0;
}
.instagram-cls,
.facebook-cls,
.youtube-cls {
 fill: #14145a;
}
.social-icon.instagram a .instagram-cls,
.social-icon.facebook a .facebook-cls,
.social-icon.youtube a .youtube-cls {
 fill: #14145a;
}
.social-icon.instagram a:hover .instagram-cls,
.social-icon.facebook a:hover .facebook-cls,
.social-icon.youtube a:hover .youtube-cls {
 fill: #f07350;
}
.site-footer .planet-section .planet-banner .planet-icon:hover .planet-cls {
 fill: #14145a;
}
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-phone
 a:hover
 svg
 path,
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-mail
 a:hover
 svg
 path {
 stroke: #fff;
 fill: #f07350;
}
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-phone
 a
 svg
 path,
.site-footer
 .contact-section
 .contact-details
 .contact-items
 .contact-mail
 a
 svg
 path {
 stroke: #fff;
 fill: #14145a;
}
.contact-phone {
 display: flex;
 align-items: baseline;
 margin-left: 2rem;
}
.first-page-element {
 padding-top: 8rem;
}
.no-top-padding {
 padding-top: 0;
}
path.tp-star__canvas {
 fill: #00b67a;
}
path.tp-star__canvas--half {
 fill: #00b67a;
}
.contact-phone svg {
 height: 18px;
}
.checkout-cart .top-header-bar .free-shipping .small-text svg,
.checkout-checkout .top-header-bar .free-shipping .small-text svg {
 width: auto;
 height: auto;
 padding-bottom: 0;
}
.contact-phone a:hover {
 color: #f07350;
}
.contact-phone a.second-phone-number {
 margin-left: 1.5rem;
}
.contact-phone a {
 color: #ffffff;
}
.contact-phone img.img-responsive {
 width: 6rem;
 padding: 0 5px;
}
a.trust_link {
 font-family: Sailec;
 font-weight: 400;
 font-size: 0.75rem;
 display: flex;
 align-items: center;
 justify-content: center;
}
.free-shipping .small-text a,
.free-shipping .small-text a svg path {
 color: #f07350;
 fill: #f07350;
}
.free-shipping .small-text a:hover,
.free-shipping .small-text a:hover svg path {
 color: #a5e0f0;
 fill: #a5e0f0;
}
.top-header-bar .user-cart-settings-nav .page-links li a {
 color: #ffffff;
}
.top-header-bar .user-cart-settings-nav .page-links li a:hover {
 color: #f07350;
}
select#brandSearchSelect {
 width: 100%;
 font-size: 16px;
 font-weight: bold;
 padding: 1em 5em 1em 1.5em;
 background: #14145a;
 color: white;
 border-radius: 30px;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-image: linear-gradient(45deg, transparent 50%, white 50%),
  linear-gradient(135deg, white 50%, transparent 50%);
 background-position: calc(100% - 20px) calc(1em + 2px),
  calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
 background-size: 5px 5px, 5px 5px, 1px 1.5em;
 background-repeat: no-repeat;
}
input.form-control.modelsrch,
.productsrch {
 width: 90%;
 border-radius: 2px;
 background-color: #14145a !important;
 color: #fff !important;
 font-size: 16px;
 font-weight: bold;
 padding: 0 20px !important;
 height: 50px;
 line-height: 15px;
 border-radius: 30px !important;
 outline: none;
}
input[type="text"].modelsrch::placeholder,
input[type="text"].modelsrch::placeholder {
 font-size: 16px;
 height: 50px;
 color: #d3d3d3 !important;
 line-height: 100%;
 height: 1.2em;
}
.mobile-menu-element.active
 .mobile-currency-select
 .currency_desktop_menu
 .currency-dropdown {
 margin-top: 0.5rem;
}
input.form-control.modelsrch.ui-autocomplete-input::placeholder {
 color: #ffffff !important;
}
input.form-control.productsrch.ui-autocomplete-input::placeholder {
 color: #ffffff !important;
}
.brand-search-bar .ui-autocomplete {
 background: #e1e1e1 !important;
 border: none !important;
 padding: 0px !important;
 z-index: 900;
 top: 0 !important;
 right: 0 !important;
 left: 0 !important;
 min-width: 300px !important;
 text-align: left;
 border-radius: 0px !important;
 -moz-border-radius: 0px !important;
 -webkit-border-radius: 0px !important;
 box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15) !important;
 -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15) !important;
 -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15) !important;
}
.brand-search-bar .ui-autocomplete .ui-menu-item .label {
 font-size: 16px !important;
}
input.hidden {
 display: none !important;
}
input[type="text"] {
 background: #f8f8f8;
 border: 1px solid #14145a;
 border-radius: 2px;
 padding-left: 5px;
}
.lens-width.steps:focus-visible,
select#brandSearchSelect:focus-visible {
 outline: none;
}
input.form-control.modelsrch,
.productsrch {
 width: 90% !important;
 border-radius: 2px;
 background-color: #14145a !important;
 color: #fff !important;
 font-size: 16px;
 font-weight: bold;
 padding: 0 20px !important;
 height: 50px;
 line-height: 15px;
 border-radius: 30px !important;
 outline: none;
}
input[type="text"].modelsrch::placeholder {
 font-size: 16px;
 height: 50px;
 color: #ffffff !important;
 line-height: 100%;
 height: 1.2em;
}
.part_search {
 width: 100% important;
}
.part_search > .part_search {
 width: 100%;
}

.three-step-search-section .flex-grid {
 justify-content: space-between;
}
.brandSearchRow {
 padding-left: 50px;
 padding-right: 50px;
}
#myBtn {
 display: none;
 position: fixed;
 margin-right: 0.5rem;
 left: 50%;
 transform: translate(-50%, 0);
 margin-top: 0.5rem;
 font-family: "Sailec Regular";
 z-index: 99;
 font-size: 0.75rem;
 border: none;
 outline: none;
 background: #fff;
 color: #14145a;
 cursor: pointer;
 padding: 0.25rem 0.5rem;
 text-align: center;
 align-items: center;
 border-radius: 50px;
 box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 15%);
}
#myBtn:hover svg path {
 fill: #fff;
}
.trustpilot_popup button {
 margin: 0px auto;
 margin-top: 20px;
}
.trustpilot_popup.active {
 opacity: 1;
 pointer-events: auto;
 display: block;
}
.trustpilot_popup.active {
 top: 0%;
}
.trustpilot_popup {
 position: fixed;
 top: 0px;
 pointer-events: none;
 opacity: 0;
 -webkit-transition: 0.3s;
 transition: 0.3s;
 width: calc(30% - 0rem);
 left: 50%;
 transform: translateX(-50%);
 padding: 10.5rem;
 z-index: 550;
 margin-top: 2.5rem;
 max-height: calc(100vh - 5rem);
 height: 75%;
}
.trustpilot_popup .close {
 text-align: right;
 cursor: pointer;
}
.top-header-bar .contact-phone {
 margin-left: 2.5rem;
}
#myBtn:hover {
 background-color: #f07350;
 color: #fff;
}
.contact-phone .trust_link:hover {
 background: none;
 color: #fff;
}
.contact-phone .trust_link:hover path.tp-star__canvas,
.contact-phone .trust_link:hover path.tp-star__canvas--half {
 fill: #00b67a;
}
.three-step-search-section {
 background: #91a9b9;
 padding: 50px 0px;
}
.three-step-search-section .section-header {
 padding: 0rem 2.5rem 2.5rem;
 text-align: center;
}
.three-step-search-section .section-header .four-step-.no-top-paddingtitle {
 padding-bottom: 0;
 font-size: 2rem;
 line-height: 2.8rem;
 font-family: Sailec Medium;
 font-weight: 700;
 color: #fff;
}
.shipping-popup .current-currency,
.shipping-mobile-popup .current-currency,
.shipping-popup .custom-select > span,
.shipping-mobile-popup .custom-select > span,
.custom-select-language > span,
.shipping-mobile-popup .language-select,
#google_translate_element select.goog-te-combo {
 border-radius: 50px !important;
 color: #14145a;
 background: transparent url(/image/contact-select-arrow.png) no-repeat 94% !important;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
select:focus,
select:focus-visible {
 outline: none !important;
 box-shadow: none !important;
}
