/* body{    font-family: Sailec Regular,sans-serif!important;} */
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: .5rem;
    flex-flow: column;
    padding: 1rem;
    display: flex;
}
.menu_title {
    margin-bottom: .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: .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;
}
.spacer-xxsmall {
    width: 100%;
    padding-top: .5rem;
}
.h-style-3 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
}
.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 {
    color: var(--base-color-neutral--white);
    text-align: center;
    background-color: #14145a;
    border: 1px solid #14145a;
    border-radius: 100vw;
    padding: .75rem 1.5rem;
    text-decoration: none;
}
.button.is-icon {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.button.is-link {
    color: #14145a;
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none;
}
.button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #14145a;
    text-decoration: underline;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.button.is-small {
    padding: .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: .5rem;
    flex-flow: column;
    flex: 0 15%;
    display: flex;
}
.menu_img-wrapper {
    box-sizing: border-box;
    cursor: pointer;
    object-fit: cover;
    border-radius: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    padding: 8%;
    transition: background-color .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;
}
.container-xlarge {
    width: 100%;
    max-width: 112rem;
    margin-left: auto;
    margin-right: auto;
}
.section-padding-small {
    padding: 2rem;
}
.feature_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    height: 70vh;
    max-height: 44rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
}
.feature-img-wrapper {
    border-radius: 1rem;
    flex: 0 auto;
    width: 50%;
    overflow: hidden;
}

.section-padding-medium {
    padding: 4rem 2rem;
}
.h-style-2{
    font-family: 'Sailec';
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}
.spacer-large {
    width: 100%;
    padding-top: 3rem;
}

.product_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.product_img-wrapper {
    aspect-ratio: 3 / 2;
    border-radius: 1rem;
    overflow: hidden;
}
.product_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.text-size-small {
    font-size: .875rem;
}
.product_content .h-style-6{
    padding-bottom: 0;
}
.spacer-small {
    width: 100%;
    padding-top: 1.5rem;
}
.text-size-medium {
    font-size: 1.125rem;
    line-height: 1.5;
}
.h-style-6 {
    font-family: 'Sailec';
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.02rem;
}


.spacer-xsmall {
    width: 100%;
    padding-top: 1rem;
}
.product_title {
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Sailec';
}
.top-header-bar {

    background-color: #14145a;

    color: #fff;

    width: 100%;

    height: 2.5rem;

    font-size: 0.875rem;

    line-height: 1rem;

}

.account-success .box-no-advanced.box .box-content {

    border: 2px solid #23966a!important;

    max-width: 300px!important;

    border-radius: 8px!important;

    -webkit-border-radius: 8px!important;

    -moz-border-radius: 8px!important;

}

.account-success .box-no-advanced.box .box-content .list-group {

    list-style: none;

    margin: 0px;

    padding: 10px 0px;

    text-align: center;

}

.account-success .box-no-advanced.box .box-content a {

    color: #428bca;

    text-decoration: none;

    display: block;

    padding: 0px 30px 0px 30px;

    line-height: 35px;

    margin-top: 5px;

}



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: 9999999999;

}

.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 .language-select {

    transition: all 0.25s ease;

    padding-right: 1.25rem;

    position: relative;

}



.top-header-bar .user-cart-settings-nav .currency-select {

    padding-right: 1.25rem;

    transition: all 0.25s ease;

    position: relative;

}

.top-header-bar .user-cart-settings-nav .currency-select .select-arrow {

    width: 0.5rem;

    height: 0.5rem;

}

.top-header-bar .user-cart-settings-nav .currency-select .select-arrow g {

    transition: stroke 0.25s ease;

}



.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;

	/* cursor:pointer; */

}

.top-header-bar .user-cart-settings-nav .user-commerce-links .cart-link > div:first-child svg {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    /* width: 16px;
    height: 16px; */

}



/* .top-header-bar .user-cart-settings-nav .user-commerce-links .cart-link svg g {

    transition: all 0.25s ease;

} */

.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 path {

    fill: #fff;

} */
.top-header-bar .user-cart-settings-nav .cart-link svg:hover path{
    fill: #f07350;
    cursor: pointer;
}

/* .cart-preview-hover {
visibility: visible;
    opacity: 1;
    transition: all 0.1s ease;
    position: fixed;
    z-index: 99;
    right: 0;
    color: #14145a;
    width: 480px;
    height: 100vh;
    top: 0;
    padding: 24px;
    background: #FFFFFF;
} */
.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 {

    background-color: #fff;

    border: 1px solid #d3dae8;

    border-radius: 1rem;

    margin: 1.25rem 0 0 0;

    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

} */

.cart-preview-hover .cart-preview .cart-header {

    padding: 1.25rem;

    border-bottom: 1px solid #d3dae8;

}

footer.cart-footer .rounded-button.orange-button {
    /* width: auto; */
    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 .page-navigation-container .page-navigation ul > li a,.navigation-search-bar .page-navigation-container .page-navigation ul > li div  {

    text-decoration: none;

    color: #14145a;

    transition: all 0.25s ease;

    padding-bottom: 0 !important;

} */
/* 
.navigation-search-bar .page-navigation-container .page-navigation ul > li a, .navigation-search-bar .page-navigation-container .page-navigation ul > li div  {

    color:#14145a

 } */

/* 

.navigation-search-bar .page-navigation-container .page-navigation ul > li a:hover,.navigation-search-bar .page-navigation-container .page-navigation ul > li a:hover svg path,.navigation-search-bar .page-navigation-container .page-navigation ul > li div:hover, .navigation-search-bar .page-navigation-container .page-navigation ul > li div:hover svg path {

    color: #f07350;

    stroke: #f07350;

} */



.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;
}
/* .cart-preview svg:hover path, .cart-preview svg:hover g{
       fill: #f07350;
       cursor: pointer !important;
} */

.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: 500;
    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 {

    /* position: absolute; */

    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;

    /* font-size: 35px; */

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

    cursor: pointer;

    /* text-align: center; */

}



.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%;

    /* margin-bottom: unset; */

    text-align: center;

}

.search-dialogue .dynamic-results-area .default-appearance .helper-links .rounded-button a,

.search_re .rounded-button a {

    color: #14145a;

}

/* .search-dialogue .dynamic-results-area .default-appearance .helper-links .rounded-button:last-child {

    margin-bottom: 0px;

} */

.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;

    /* transition: all 0.25s ease; */

    justify-content: center;

    align-items: center;

}



.rounded-button a {

    text-decoration: none;

    /* //color: #fff; */

    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 {

    background: none;

} */

.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 {

    /* margin-left: 0.5rem; */

    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;

    /* transform: perspective(600px) rotateX(0deg); */

}



.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;

    /* font-weight: 700; */

    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 {

    /* display: inline-flex; */

    /* align-items: center; */

    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 li a:hover {

    color: #f07350;

} */

.navigation-search-bar .page-navigation-container .page-navigation ul > li > .mega-menu .bord ul.social-icon {

    margin-left: 25px;

}



/*.navigation-search-bar.transparent-bg.transparent-toggle .page-navigation-container .page-navigation ul > li a:hover {

    color: #f07350;

}

.navigation-search-bar.transparent-bg.transparent-toggle .page-navigation-container .page-navigation ul > li a:hover svg path{

    stroke: #f07350;

}   */





.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;

}





/* Modal Content */





/* The Close Button */

.shipping-popup .close,

.shipping-mobile-popup .close {

/* color: #aaaaaa; */

float: right;

/* font-size: 28px; */

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; /* Stay in place */z-index: 1; /* Sit on top */top: 40px; /* Location of the box */right: 5%;/* top: 0; */width: 350px; /* Full width */height: auto; /* Full height */overflow: hidden; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */color: #14145a; /* Black w/ opacity */border-radius: 16px;background-color: #fff; border: 1.3px solid #14145a;}



/* Modal Content */

.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;

}



/* The Close Button */

.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 .current-currency:after,

.shipping-mobile-popup .current-currency:after {

  content: '\f078';

  font: normal normal normal 15px/1 FontAwesome;

  color: #14145a;

  top: 41.5%;

  height: 34px;

  padding: 0px 0px 0px 16.5rem;

  position: absolute;

  pointer-events: none;

}
 */




.top-header-bar .user-cart-settings-nav .currency_select .currency-select {

  padding-right: 0;

}



.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%;

  /* appearance:none; */

  padding-left: 20px;

  border: 1px solid!important;

  /* background: none !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%;

}



/* .shipping-popup .country_selection:after,

.shipping-mobile-popup .country_selection:after {

  content: '\f078';

  font: normal normal normal 15px/1 FontAwesome;

  color: #14145a;

  top: 28%;

  height: 34px;

  padding: 0px 0px 0px 16.5rem;

  position: absolute;

  pointer-events: none;

} */

/* .shipping-popup .country_selection:after {

    top: 20.9%;

} */

.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: 20px; */

	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,

.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 {

	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,

.shipping-mobile-popup .custom-select > span {

	/* line-height: 43px !important; */

	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,

.shipping-mobile-popup .custom-select .drop {

	max-height: 267px;

}

.shipping-popup .custom-select .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;

  vertical-align: middle;



}

.shipping-popup .custom-select .drop,

.shipping-mobile-popup.custom-select .drop {

	list-style: none;

	pointer-events: none;

	font-size: 16px;

}

.shipping-popup .custom-select .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,

.shipping-mobile-popup .custom-select .drop li a img {

    border-radius: 50px;

    vertical-align: middle;

}

.shipping-popup .custom-select.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: 30%; */

   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;

}

.top-header-bar .user-cart-settings-nav .lang_chg .language-select {

  padding-right: 0;

}

/* .shipping-popup .language-select:after,

.shipping-mobile-popup .language-select:after {

  content: '\f078';

  font: normal normal normal 15px/1 FontAwesome;

  color: #14145a;

  top: 41.5%;

  height: 34px;

  padding: 0px 0px 0px 16.5rem;

  position: absolute;

  pointer-events: none;

} */

.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;

}

/* a.prev.second-slide svg path,a.next.second-slide svg path {

    fill: #f07350;

} */

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;
}


/* ----------- start lense range popup  -------------------- */
.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;
}

@media screen and (max-width: 770px) {
  .modal-container {
    width: 90%;
    }
}
@media screen and (max-width: 575px) {
  .range-modal .modal-container {
    max-width: 50rem;
    width: 77%;
  }
}
/* ----------- end lense range popup  -------------------- */

@media screen and (min-width: 1080px) {

    .mobile-menu-bars, .mobile-menu-toggle {

        display: none;

    }

}



.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);
    /* width: 450px; */
    /* height: 90px; */
    justify-content: space-between;
    angle: 0 deg;
    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;
    /* box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1); */
    z-index: 9999;
    color: #14145a;
}
#cart_content .guarntee_sec {
    width: 480px;
    height: 171px;
    gap: 16px;
    angle: 0 deg;
    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;
}
/* a {
    color: #f07350;
}

a:hover {
    color: #14145a;
}
.main_menu_title a,a.brand-card-link {
    color: #14145a;
}

.main_menu_title a:hover,a.brand-card-link:hover {
    color: #f07350;
} */
.cart-footer .btn_sec {
    /* width: auto; */
    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;
leading-trim: CAP_HEIGHT;
line-height: 120%;
letter-spacing: -3%;
vertical-align: middle;

}
/* .cart-footer .btn_sec{
    width: 480px;
    height: 163px;
    gap: 16px;
    angle: 0 deg;
    opacity: 1;
    border-top-width: 1px;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
} */
/* #cart_content .img_sec  img{
    width: 16px;
} */
.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: .75rem;

}



.site-footer .contact-section .contact-details .contact-items .contact-mail img {

    padding-right: .75rem;

}



.site-footer .lower-footer .lower-footer-link-section .lower-footer-links a {

    color: #a5e0f0;

    text-decoration: none;

    transition: color .25s ease;

    padding-bottom: .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.25rem 2.5rem 0; */
    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-left: 0; / */

    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:last-child {

    border-right: 1px solid #d3dae8;

    border-top-right-radius: 1.5rem;

    border-bottom-right-radius: 1.5rem;

}*/

/*ul.pagination li:first-child {

    border-top-left-radius: 1.5rem;

    border-bottom-left-radius: 1.5rem;

}*/

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;

    /* z-index: 20; */

    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;

}



/*Add Css*/

.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;

}



/*Add Css*/

.page-navigation{

    line-height: 1;

     font-size: 0.9rem;

}

.style-svg :not(emoji) {

    max-width: 100%;

    height: 100%;

    }

/* Add css  */



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

    .banner-section .text-container .header p {

        width: 330px;

        font-size: 20px;

    }

    h1 {

        font-size: 2rem;

        line-height: 2.8rem;

    }

    .video-switcher-section .lens-installation-description, 

    .video-switcher-section .video-selector-container {

        padding: 2.5rem;

    }

}





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

    .banner-section .text-container .tagline h2 {

        display: initial;

        font-size: 5rem;

        line-height: 4rem;

    }

    .BeaconFabButtonFrame--left {

        bottom: 71px !important;

    }

    .featured-page-header {

        height: 30rem;

        min-height: 10rem;

    }

    .banner-section .text-container {

        display: initial;

    }

    .banner-section .text-container .header p {

        text-align: center;

        width: auto;

        padding-right: 10px;

        padding-left: 10px;

    }

    .site-footer .social-media-footer-section {

    padding: 0.75rem 0.75rem 1.25rem;

    border-bottom: 1px solid #d3dae8;

  }

  .site-footer .social-media-intro {

    padding: 0.75rem;

}

p {

    font-family: Sailec Regular;

    padding-bottom: 1.25rem;

}

section.four-column-steps-section {

        margin: 0;

    }

    .mobile-menu-bars + ul {

        display: none;

    }

    .video-switcher-section .lens-installation-description, 

    .video-switcher-section .video-selector-container {

        padding: 1.5rem;

    }

    .video-switcher-section .lens-installation-description {

        padding-bottom: 0;

    }

    .site-footer .footer-details .footer-payment-logos {

        padding: 0 1.25rem 1.25rem;

        justify-content: center;

    }

    .site-footer .footer-details .footer-info-text {

        padding: 1.25rem;

        text-align: center;

    }

}



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.transparent-bg .search-button {

   /* background-color: #f07350;

    border-color: #f07350;*/

}

.navigation-search-bar .search-button svg path {

    fill: #fff;

}







/* this is new code */

.navigation-search-bar.transparent-bg .search-button {

    background-color: #fff;

    border-color: #fff;

    color: #14145a;

}

/* this is new code */



/*.column-8.lg-column-12 .pagination{

    margin-bottom: -25px;

}*/

.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;

}





/*-------16-11-2021------*/





#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: 565px; */

    /* width: 418px; */
    /* width: 600px; */
    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;

}



 /* [START] SFx Footer Four Column  */

.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;

}

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

    .footer-four-column .section-header {

        padding: 1.25rem;

    }

    .video-switcher-section .lens-installation-description p {

        padding-bottom: 0.45rem;

    }

    

}

.footer-four-column .steps-container {

    padding: 0 1.25rem;

}

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

    .footer-four-column .steps-container {

        padding: 0 0.75rem;

    }

}

.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;

}

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

    .footer-four-column .step-segment {

        padding: 0 0.75rem;

    }

}



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

  .footer-four-column .step-segment .step-title {

    justify-content: center;

  }

}

.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 {

	/* background-image: url("image/assets/sgf_1ftp-banner_img.jpg"); */

	display: flex;

  /* align-items: center; */

  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;

}



/* [START] SFx Footer Four Column  */



/* [START]Contact Phone Header  */

.contact-phone {

    display: flex;

    align-items: baseline;

    margin-left: 2rem;

	/* margin-top:2px; */

}

.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;

    /* width:100%; */

}

.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:hover path {

     stroke: #f07350; 

    fill: #f07350;

} */

.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;

}

/* [END]Contact Phone Header  */



  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;

    

 }



 @media (max-width: 768px){

    .manufacturer-list ul{

      width: 100%!important;

      text-align: center;

    }

    ul.isMobile {

        display: inherit;

    }

    body.information-contact-success .table-responsive {

        padding-top: 12rem;

    }

    body.information-contact-success .contact_us_image {

        height: 80%;

        width: 80%;

    }

    input[type="text"].modelsrch::placeholder {

        font-size: 16px;

      color:  #D3D3D3;

      vertical-align: middle;

      line-height:normal!important;

      }

      .site-footer .flex-grid {

        column-gap: 25px;

        row-gap: 25px;

    }

    

    .site-footer .flex-grid .column-3.md-column-6.sm-column-12 {

        background: #fafafa;

        border-radius: 16px;

    }

    

    footer.site-footer .footer-four-column .step-segment {padding: 24px;}

    

    footer.site-footer .steps-container {

        padding: 32px;

    }

    

    footer.site-footer .footer-four-column .step-segment .step-image {

        margin: unset !important;

    }

    footer.site-footer .footer-four-column .step-segment .step-description, footer.site-footer .footer-four-column .step-segment .step-title {

        text-align: left !important;

        justify-content: left;

    }

    .step-description svg {

        display: block !important;

        padding-top: 0px !important;

    }



    

    .step-description svg path {

        fill: #14145a;

    }

    .cart-preview-hover .cart-preview{
       width: 357px;   
    }

    .cart-footer .btn_sec{
        padding: 1rem !important;
    }

    }

   

	.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;

        /*background-color: #f07350;*/

    }

    input.form-control.productsrch.ui-autocomplete-input::placeholder {

        color: #ffffff !important;

        /*background-color: #f07350;*/

    }



/**********18 May 2019************/





.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%;

}

.manufacturer-list ul li{

  list-style: none;

  font-size: 16px;



}

.manufacturer-list ul li a{

  display: block;



}

.manufacturer-list ul li:hover {

    background-color: #e1e1e1!important;

    color: #ffffff;



}

.manufacturer-list ul li:hover a{

    font-weight: bold!important;

}

.manufacturer-list ul li a:hover{

   cursor: pointer;

}

.manufacturer-list .manufacturer-content{

  margin: 0 auto;

}



.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;

    /* bottom: 82%; */

    /* right: calc(100% - 52.5%); */

    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;

  }

  /* Spacing Utility Classes - Desktop First */

/* Padding Bottom (pb) */
.pb-0-25 { padding-bottom: 0.25rem; }
.pb-0-5  { padding-bottom: 0.5rem; }
.pb-0-75 { padding-bottom: 0.75rem; }
.pb-1    { padding-bottom: 1rem; }
.pb-1-5  { padding-bottom: 1.5rem; }
.pb-2    { padding-bottom: 2rem; }
.pb-3    { padding-bottom: 3rem; }
.pb-4    { padding-bottom: 4rem; }
.pb-5    { padding-bottom: 5rem; }
.pb-6    { padding-bottom: 6rem; }

/* Padding Top (pt) */
.pt-0-25 { padding-top: 0.25rem; }
.pt-0-5  { padding-top: 0.5rem; }
.pt-0-75 { padding-top: 0.75rem; }
.pt-1    { padding-top: 1rem; }
.pt-1-5  { padding-top: 1.5rem; }
.pt-2    { padding-top: 2rem; }
.pt-3    { padding-top: 3rem; }
.pt-4    { padding-top: 4rem; }
.pt-5    { padding-top: 5rem; }
.pt-6    { padding-top: 6rem; }

/* Margin Top (mt) */
.mt-0-25 { margin-top: 0.25rem; }
.mt-0-5  { margin-top: 0.5rem; }
.mt-0-75 { margin-top: 0.75rem; }
.mt-1    { margin-top: 1rem; }
.mt-1-5  { margin-top: 1.5rem; }
.mt-2    { margin-top: 2rem; }
.mt-3    { margin-top: 3rem; }
.mt-4    { margin-top: 4rem; }
.mt-5    { margin-top: 5rem; }
.mt-6    { margin-top: 6rem; }

/* Margin Bottom (mb) */
.mb-0-25 { margin-bottom: 0.25rem; }
.mb-0-5  { margin-bottom: 0.5rem; }
.mb-0-75 { margin-bottom: 0.75rem; }
.mb-1    { margin-bottom: 1rem; }
.mb-1-5  { margin-bottom: 1.5rem; }
.mb-2    { margin-bottom: 2rem; }
.mb-3    { margin-bottom: 3rem; }
.mb-4    { margin-bottom: 4rem; }
.mb-5    { margin-bottom: 5rem; }
.mb-6    { margin-bottom: 6rem; }
.shipping-popup .current-currency, .shipping-mobile-popup .current-currency,
.shipping-popup .custom-select > span, .shipping-mobile-popup .custom-select > span,
.shipping-mobile-popup .language-select, #google_translate_element select.goog-te-combo, .select select{
    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;
}