@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@font-face {
    font-family: 'neue_haas_grotesk_display75Bd';
    src: url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-bold-webfont-ebe8a522d0ea9c5912fa490f7f23cf72.woff2") format('woff2'),
        url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-bold-webfont-9e3dabe0ff2c60c54c947106710c8986.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neue_haas_grotesk_disp65roman';
    src: url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-mediu-webfont-b6f8bcaa826e965e408468840c379e3c.woff2") format('woff2'),
        url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-mediu-webfont-765d6c5fa958f6345813aa3bf2392e66.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neue_haas_grotesk_disp55roman';
    src: url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-roman-webfont-b8e40fc62a8a230cc8fb211db6d425c8.woff2") format('woff2'),
        url("../fonts/FontNeueHaasGrotesk/neuehaasdisplay-roman-webfont-b975e137bc0ad2519e19b41378c8ce3d.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}


:root {
    /* ------------CHARTE SECURO------------- */
    --securo-yellow: #fcba12;
    --securo-yellow2: #fff200;
    --securo-dark: #000;
    --securo-dark2: #292929;
    --securo-gray: #6e6e5e;
    --securo-light-gray: #DFDFDF;

    /* ------------TEMPLATE------------- */

    --ltn__primary-color: var(--securo-dark);
    --ltn__primary-color-2: var(--securo-dark);
    --ltn__primary-color-3: var(--securo-dark2);
    --ltn__secondary-color: var(--securo-yellow);
    --ltn__secondary-color-2: var(--securo-yellow);
    --ltn__secondary-color-3: var(--securo-yellow);



    /* ------BASIC------ */
    --white: #fff;
    --ltn__heading-color: var(--securo-dark);
    --ltn__paragraph-color: var(--securo-dark2);
    --ltn__color-1: #d1d1d1;
    --section-bg-1: #f1f2f2;
    --section-bg-2: #121212;
    --ltn__heading-font: 'neue_haas_grotesk_display75Bd', 'Arial', sans-serif;
    --ltn__body-font: "Inter", sans-serif;
    --ltn__body-font-bold: 'neue_haas_grotesk_disp65roman', 'Arial', sans-serif;
}

.equal-height>[class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.equal-height.row {
    overflow: hidden;
}

* {
    -webkit-tap-highlight-color: transparent;
}

body p {
    hyphens: none !important;
    text-align: justify !important;
    letter-spacing: 1px;
}
body ul li,body ol li{
    letter-spacing: 1px;
}

button.close {
    background: var(--securo-dark);
    color: var(--white);
}

body.modal-open {
    overflow: inherit !important;
    padding-right: 0 !important;
}

.body-font {
    font-family: var(--ltn__body-font) !important;
}

.body-font-bold {
    font-family: var(--ltn__body-font) !important;
    font-weight: 700;
}

.title-font {
    font-family: var(--ltn__heading-font) !important;
}

.bg-yellow-section {
    background-color: var(--securo-yellow) !important;
}

.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;

}
.fz-10{
    font-size: 10px!important;
}
.fz-12{
    font-size: 12px!important;
}
.fz-14{
    font-size: 14px!important;
}
.font-italic {
    font-style: italic !important; }


.bg-yellow-section h2,
.bg-yellow-section p {
    color: var(--securo-dark) !important;
}

.bg-yellow-section .call-to-circle-1,
.bg-yellow-section .call-to-circle-2 {
    background: var(--securo-yellow2);
}

.bg-yellow-section .call-to-bg-icon,
.bg-yellow-section span {
    color: var(--securo-dark);
    opacity: 1;
}

.bg-overlay-theme-black-60:before {
    background: rgba(0, 0, 0, 0.6);
}

.bg-overlay-theme-black-70:before {
    background: rgba(0, 0, 0, 0.7);
}

.bg-overlay-theme-black-80:before {
    background: rgba(0, 0, 0, 0.8);
}

.bg-overlay-theme-black-90:before {
    background: rgba(0, 0, 0, 0.9);
}

.get-a-free-service-inner.bg-yellow-section .section-title-area .section-title {
    border-color: var(--securo-dark);
}

.bg-overlay-theme-90:before {
    background-color: var(--securo-yellow);
}


.before-bg-top {
    position: relative;
}

.before-bg-top:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 20%;
    left: 0;
    top: 0;
    background-color: var(--securo-dark);
}

.opacity-50 {
    opacity: .5;
}

.fw-500 {
    font-weight: 500;
}

.fit-content {
    width: fit-content;
}

.slick-arrow-3 .slick-prev,
.slick-arrow-3 .slick-arrow:hover {
    border-color: var(--securo-yellow);
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-dark {
    background-color: var(--securo-dark) !important;
}

.before-bg-1 {
    background-color: var(--securo-dark);
}

.before-bg-1:before {

    background-color: var(--securo-dark);
}

.ltn__service-item-1 {
    background-color: transparent;
}

.ltn__service-item-2 hr {
    margin-top: 15px;
    margin-bottom: 15px;
}
.ltn__service-item-2 h5{
    font-family: var(--ltn__body-font);
    font-size: 17px;
}
.ltn__service-item-2 p{
    font-size: 15px;
}
.white-color {
    color: var(--white);
}

.text-dark {
    color: var(--securo-dark) !important;
}

.text-dark2 {
    color: var(--securo-dark2) !important;
}

.text-grey {
    color: var(--securo-gray) !important;
}

.text-primary,
.text-yellow,
.yellow {
    color: var(--securo-yellow);
}

.dark {
    color: var(--securo-dark);
}

.ml-auto {
    margin-left: auto;
}


.fz-34 {
    font-size: 34px;
}

.fz-50 {
    font-size: 50px;
}

.fz-25 {
    font-size: 25px;
}

.text-underline {
    text-decoration: underline;
}

.border-img {
    border: 4px solid var(--securo-yellow) !important;
}
.xs-border-img {
    border: 3px solid var(--securo-yellow) !important;
}
.xs-border-img-dark {
    border: 2px solid var(--securo-dark) !important;
}
.border-top-yellow {
    border-top: 12px solid var(--securo-yellow);

}

.sm-border-top-yellow {
    border-top: 4px solid var(--securo-yellow);

}

.sm-border-bottom-yellow {
    border-bottom: 4px solid var(--securo-yellow);

}

.xs-border-top-yellow {
    border-top: 2px solid var(--securo-yellow);

}

.xs-border-bottom-yellow {
    border-bottom: 2px solid var(--securo-yellow);

}
.xs-border-bottom-white {
    border-bottom: 2px solid var(--white);

}
a.xs-border-bottom-white:hover{
    border-bottom: 2px solid var(--securo-yellow);
}
.xs-border-bottom-dark {
    border-bottom: 2px solid var(--securo-dark);

}
a.xs-border-bottom-dark:hover{
    border-bottom: 2px solid var(--securo-yellow);
}
.xs-border-top-dark2 {
    border-top: 2px solid var(--securo-dark2);

}

.xs-border-bottom-dark2 {
    border-bottom: 2px solid var(--securo-dark2);

}

.sm-border-bottom-dark2 {
    border-bottom: 4px solid var(--securo-dark2);

}
.sm-border-top-grey {
    border-top: 4px solid var(--securo-light-gray);

}
.sm-border-bottom-grey {
    border-bottom: 4px solid var(--securo-light-gray);

}

.xs-border-bottom-grey {
    border-bottom: 2px solid var(--securo-light-gray);

}
.xs-border-top-grey {
    border-top: 2px solid var(--securo-light-gray);

}
.list-unstyled,
.list-unstyled li {
    padding-left: 0;
    list-style: none !important;
}

ol>li {
    list-style: decimal;
}

ol>li::marker {
    font-size: 16px;
    font-weight: bold;
}

.nb-list-elem {
    font-weight: bold;
}
.glasses-slider{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    height: 0;
}
.glasses-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
    height: auto;
}
.glasses-slider .slick-dots li {
    border-radius: 0;
    height: 5px;
    width: 80px;
}

.glasses-slider .slide {
    margin-bottom: 30px;
}


.section-title-area .section-title {
    padding-bottom: 20px;
    /* width: fit-content; */
    border-bottom: 4px solid var(--securo-yellow);
}
.section-title-area .section-title span {
   padding-left: 5px;
}
.section-title-style-3 {
    align-items: start;
}

.ltn__section-title-2 p {
    border: none;
    padding: 0 !important;
    max-width: 95% !important;
}

.list-unstyled .icon {
    width: 30px;
    max-width: 30px;
    min-width: 30px;
    margin-right: 20px !important;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover,
.nice-select .option {
    color: var(--securo-dark);
}


/* HOVER EFFECT */

.hover-effect:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    background: var(--securo-yellow);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.hover-effect:hover:after {
    width: 100%;
    left: 0;
}

.text-link.hover-effect:after{
    height: 2px;
}

/* ----------BUTTONS----- */

.btn {
    padding: 12px 35px !important;
}


.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
}

.btn-sm {
    font-size: 14px;
    padding: 5px 10px !important;
    font-weight: bold;
    font-family: var(--ltn__body-font) !important;
    font-weight: 700;
}

.btn-link {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    width: fit-content;
    text-decoration: none;
    color: var(--securo-dark);
    font-size: 14px;
    transition: color 0.2s ease-in-out;
    padding-bottom: 5px;
}

.theme-btn-2 {
    border: 1px solid var(--ltn__heading-color);
}

.theme-btn-2:hover {
    background-color: var(--securo-yellow);
    color: var(--ltn__heading-color);
    border: 1px solid var(--securo-yellow);
}

.btn-effect-2:after {
    left: 0;
    background-color: var(--securo-yellow);
    color: var(--white);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
}

.theme-btn-3 {
    background-color: var(--securo-yellow);
    border: 1px solid var(--securo-yellow);
}

.theme-btn-5 {
    background-color: var(--securo-yellow);
    color: var(--securo-dark);
    border: 1px solid var(--securo-yellow);
}

.theme-btn-5:hover {
    background-color: var(--white);
    color: var(--securo-dark);
    border: 1px solid var(--white);
}

.btn-effect-5:after {
    color: var(--white);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--white);
}

.btn-effect-5:hover::after {
    width: 100%;
}

.ltn__top-bar-menu .theme-btn-7,
.ltn__top-bar-menu .theme-btn-6 {
    transition: all 0.4s ease-in-out;
}

.theme-btn-6,
.theme-btn-6:focus {
    background-color: var(--securo-dark);
    color: var(--white);
    border: 1px solid var(--securo-dark);
    box-shadow: none;
}

.theme-btn-6:hover {
    background-color: var(--white);
    color: var(--securo-dark);
    border: 1px solid var(--white);

}

/* BTN EFFECT 8*/
.theme-btn-8 {
    background-color: var(--white);
    color: var(--securo-dark);
    border: 1px solid var(--white);
}

.theme-btn-8:hover {
    background-color: var(--securo-yellow);
    color: var(--securo-dark);
    border: 1px solid var(--securo-yellow);
}

.btn-effect-8:after {
    color: var(--securo-yellow);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--securo-yellow);
}

.btn-effect-8:hover::after {
    width: 100%;
}


.sticky-active .ltn__top-bar-menu .theme-btn-6 {
    background-color: var(--securo-yellow);
    color: var(--securo-dark) !important;
    border: 1px solid var(--securo-yellow);
}

.sticky-active .ltn__top-bar-menu .theme-btn-6:hover {
    background-color: var(--white);
    color: var(--securo-dark) !important;
    border: 1px solid var(--white);
}


/* MEGA MENU ELEM */
.mega-menu-elem li {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px !important;
    padding: 0 0 10px 0 !important;

}

.mega-menu-elem li .hover-effect {
    display: flex;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 4px;
    padding-bottom: 0px;
    /* position: relative; */
}

.mega-menu-elem li .hover-effect:hover {
    border-color: var(--securo-dark) !important;
}

.mega-menu-elem li a span {
    font-family: var(--ltn__body-font);
    display: flex;
    align-items: start;
    /* text-transform: uppercase; */
    font-weight: 700;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 18px;
}

.mega-menu-elem li a {
    padding-bottom: 0;

}

.mega-menu-elem li a small {
    margin-top: 10px !important;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
}

.btn-effect-6:after {
    color: var(--white);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--white);
}

.btn-effect-6:hover::after {
    width: 100%;
}

/* Button 7 */



.theme-btn-7,
.theme-btn-7:focus {
    background-color: var(--white);
    color: var(--securo-dark) !important;
    border: 1px solid var(--white);
    box-shadow: none;
}

.theme-btn-7:hover {
    background-color: var(--securo-dark);
    color: var(--white) !important;
    border: 1px solid var(--securo-dark);
}

.theme-btn-7 i {
    transition: all 0.4s ease-in-out;
}

.theme-btn-7:hover i {
    color: var(--white) !important;

}

.sticky-active .ltn__top-bar-menu .theme-btn-7:hover i {
    color: var(--securo-dark) !important;

}

.sticky-active .ltn__top-bar-menu .theme-btn-7:hover {
    background-color: var(--securo-yellow);
    color: var(--securo-dark) !important;
    border: 1px solid var(--securo-yellow);
}

.btn-effect-7:after {
    color: var(--securo-dark);
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--securo-dark);
}

.btn-effect-7:hover::after {
    width: 100%;
}

.call-to-action-2 {
    background-color: var(--securo-yellow);
}



.js-change-glasses-btn .btn-link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    left: 0;
    position: absolute;
    background: var(--securo-yellow);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.before-bg-right:before,
.before-bg-left:before {
    background-color: var(--securo-yellow);
}

.btn-link:hover {
    text-decoration: none;
    color: var(--securo-dark);
}





/* HEADER */
.ltn__header-top-area .ltn__top-bar-menu i,
.ltn__header-top-area .ltn__top-bar-menu a.nav-link {
    color: var(--securo-dark);
}
.ltn__header-top-area .ltn__top-bar-menu i{
    font-size: 16px!important;
    margin-bottom: 1px;
}
.ltn__header-top-area .ltn__top-bar-menu li a{
    display: flex;
    align-items: center;
    letter-spacing: 0px;
    font-weight: 600;
}
.ltn__header-4 .ltn__header-middle-area.sticky-active {
    /* height: 140px; */
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .header-menu-container {
    padding-top: 10px;
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .hover-effect:after {
    background: var(--securo-dark);
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .mega-menu .hover-effect:after {
    background: var(--securo-yellow);
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .ltn__header-top-area {
    background: var(--securo-dark);
}


.ltn__header-4 .ltn__header-middle-area.sticky-active .ltn__header-top-area .ltn__top-bar-menu a {
    color: var(--white);
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .ltn__header-top-area .ltn__top-bar-menu a:hover {
    color: var(--securo-yellow);
}

.ltn__header-4 .ltn__header-middle-area.sticky-active .ltn__header-top-area .ltn__top-bar-menu i {
    color: var(--securo-yellow);
}

.ltn__header-top-area {
    background: var(--securo-yellow);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltn__header-top-area .ltn__top-bar-menu a:hover {
    color: var(--securo-dark2);
}


.header-menu-container {
    padding-top: 22px;
}

.sticky-active {
    -webkit-box-shadow: 0 10px 50px 0 rgba(241, 204, 81, 0.1);
    box-shadow: 0 10px 50px 0 rgba(241, 204, 81, 0.1);
}

.sticky-active .ltn__main-menu li>ul {
    border-top: 4px solid var(--securo-dark);
    background-color: var(--securo-dark) !important;
}


.sticky-active .ltn__main-menu li:hover ul.mega-menu {
    top: 89px;
}

.ltn__header-top-area.bg-yellow-section * {
    color: var(--securo-dark);
}

.ltn__main-menu>ul>li>a {
    padding: 2px 10px !important;
}

.ltn__main-menu>ul>li {
    margin-right: 40px;
}

.ltn__header-options .mini-cart-icon a {
    color: var(--white);
}

.ltn__header-options .mini-cart-icon a:hover {
    color: var(--securo-yellow);
}

.ltn__main-menu>ul>li>a {
    font-weight: 500;
}

.mega-menu>li>a span {
    text-transform: uppercase;
    font-size: 13px;
}

.mega-menu>li>a {
    background: transparent;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 190px;
}

.mega-menu>li>a:hover {
    color: var(--white);
}

.mega-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--securo-dark) !important;
    color: var(--white);
    padding: 30px 10px !important;
}

.sticky-active.ltn__sticky-bg-primary {
    background-color: var(--securo-yellow);
    border-bottom: 4px solid var(--securo-dark2);
}

.fix-logo {
    display: contents;
    visibility: visible;
    opacity: 1;
}

.sticky-logo {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.sticky-active .sticky-logo {
    display: contents;
    visibility: visible;
    opacity: 1;
}

.sticky-active .fix-logo {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.menu-color-white .ltn__main-menu>ul>li>a.btn{
    color: var(--securo-dark);
    padding: 5px 20px!important;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
    font-size: 16px;
}
.menu-color-white .ltn__main-menu>ul>li>a.btn:hover{
    color: var(--white);
    border-color:var(--securo-dark);
}
.sticky-active.ltn__sticky-bg-primary .menu-color-white .ltn__main-menu>ul>li>a {
    color: var(--securo-dark);
}

.sticky-active .menu-color-white .ltn__main-menu>ul>li>a.btn{
    background: var(--securo-dark);
    color: var(--white);
}
.sticky-active .menu-color-white .ltn__main-menu>ul>li>a.btn:hover{
    color: var(--securo-dark);
    border-color: var(--white);
}
.sticky-active .menu-color-white .ltn__main-menu>ul>li>a.btn-effect-3:after{
    background: var(--white);

}

.ltn__utilize-menu>ul>li {
    position: relative !important;
}
.ltn__utilize-mobile-menu{
    max-height: 100vw;
    min-height: 100%;
    overflow-y: scroll;

}
.ltn__utilize-mobile-menu .ltn__utilize-menu-inner {
    max-height: 85vh;
}

.ltn__utilize-mobile-menu .ltn__utilize-menu-inner .mega-menu-parent.active .mega-menu {
    display: flex !important;
    padding: 15px 0 0 0 !important;
}

.ltn__utilize-mobile-menu .ltn__utilize-menu>ul>li {
    list-style: none;
}


.ltn__utilize-mobile-menu .mega-menu-elem li a span {
    align-items: center;
}

.ltn__utilize-mobile-menu .ltn__utilize-menu>ul>li>a {
    font-family: var(--ltn__heading-font);
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: normal;
}

.ltn__utilize-mobile-menu .lang-switcher{
    font-size: 18px;
}

.ltn__main-menu>ul>li>a,
.mega-menu>li>a {
    font-family: var(--ltn__body-font);
    font-weight: 700;
    font-size: 16px;
    text-transform: initial;
    letter-spacing: normal;
}

.mega-menu>li>a span {
    font-size: 14px;
}

/* SLIDER/HOME (home 1) */

.home-slider-bg-1 {
    background-image: url(../images/bg-home-para.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.home-slider-bg-1 .slick-arrow i {
    color: var(--white);
}

.ltn__slide-item-2 .slide-title {
    line-height: 1.2;
    font-size: 55px;
}

.slide-btn a {

    margin-top: -100px;
}




.ltn__product-pointer.ltn__product-pointer-3 {
    top: 25%;
}


/* HOME HEADER GRID */
.ltn__slide-item-inner .ltn__feature-item .ltn__feature-icon {
    font-size: 40px;
}

.ltn__slide-item-inner .ltn__feature-item {
    background-image: url("../images/glasses-right-dark-0212cfe4084b9edac629b388295066d3.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 140px 0px;
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.ltn__slide-item-inner .home-element-container>div:nth-child(1) .ltn__feature-item,
.ltn__slide-item-inner .home-element-container>div:nth-child(4) .ltn__feature-item {
    background-image: url("../images/glasses-left-dark-6026e63b7706f2f6c1878f401ff9e12f.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -140px 0px;
    background-color: rgba(0, 0, 0, 0.8) !important;
}

.ltn__slide-item-inner .home-element-container>div:nth-child(2) .ltn__feature-item,
.ltn__slide-item-inner .home-element-container>div:nth-child(5) .ltn__feature-item {
    background-image: url("../images/glasses-front-full-c78a65313da5a889df0d88d5a3c1e7e3.png") !important;
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: center 20px;
    background-color: rgba(0, 0, 0, 0.8) !important;
}



.slider-item-link-container {
    padding: 30px;
}

/* SLIDER HOME (home 4) */


.slide-title {
    font-size: 35px !important;
}

.ltn__feature-item-5 {
    padding: 30px;
}

.ltn__feature-item-5 .ltn__feature-icon {
    font-size: 40px;
    margin-bottom: 20px;
}

.ltn__feature-item-5 .ltn__feature-icon span::before {
    content: none;
}


.ltn__feature-item-5:hover .btn-wrapper {
    bottom: -50px;
}

.ltn__feature-item-5 .btn-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    min-height: 50px;
}

.ltn__slide-item-2--- {
    /* height: 800px!important; */
}

/* HOME AVANTAGES */

.about-us-img-info-2 {
    margin-left: 0;
    bottom: -15px;
    left: -15px;
}

/* home section */
.ltn__feature-item-3::before {
    content: none;
}

.ltn__feature-item-6 {
    min-height: 255px;
}

.ltn__service-area .ltn__service-item-2 {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__feature-item-7 {
    border: 2px solid var(--securo-light-gray) !important;
    box-shadow: none;
}

.ltn__feature-item-3 {
    padding: 0;
    border: 2px solid var(--securo-light-gray);
}

.ltn__feature-item-3.box-padding {
    padding: 35px 22px 15px !important;
}

.ltn__feature-item-3.no-hover:hover {
    box-shadow: none !important;
}

.ltn__feature-item-3:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ltn__feature-item-3.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid var(--securo-yellow);
}


.ltn__feature-item-3 a {
    padding: 35px 22px 15px;

}

.js-glasses-img-container .single-glasses-img {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.js-glasses-img-container .single-glasses-img.active {
    height: 100%;
    visibility: visible;
    opacity: 1;
}

.ltn__feature-item-6 .ltn__feature-info .ltn__service-btn {
    color: var(--securo-yellow);
}

::marker {
    color: var(--securo-yellow);
}

.bg-dark .ltn__feature-info p,
.bg-dark h3,
.bg-dark .ltn__feature-info a {
    color: var(--white);
}

.ltn__feature-item-6 {
    border: 1px solid var(--securo-dark);
}

.ltn__img-slide-item-3 .btn-wrapper .btn {
    padding: 15px 15px 15px;
}

.get-a-free-service-inner {
    padding-left: 80px;
}

.ltn__img-slide-item-3 .ltn__img-slide-info {
    padding: 30px 25px;
}

.ltn__blog-title {
    font-size: 18px !important;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
    color: var(--securo-dark);
    font-weight: 700;
    font-family: var(--ltn__heading-font);
}

.blog-content p,
.blog-content li {
    color: var(--ltn__paragraph-color) !important;
}



.box-shadow-1 {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
}

.ltn__pricing-plan-item ul {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ltn__pricing-plan-item ul li {
    list-style: square;
    font-size: 16px;
    line-height: 18px;
}

.ltn__pricing-plan-item .pricing-title {
    position: relative;
    width: fit-content;
    height: fit-content;
    line-height: normal;
    margin: 30px auto;
}

.pricing-title:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    background: var(--securo-yellow);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 100%;
}

.ltn__pricing-plan-item .pricing-price {
    height: 100%;
    line-height: normal;
}

.ltn__pricing-plan-item .pricing-price h4 {
    font-size: 16px;
    font-family: var(--ltn__body-font);
    color: var(--securo-dark2) !important;
}

.pricing-price .price {
    font-size: 30px;
    margin-right: 50px;
}

.pricing-price .price sup {
    font-size: 22px;
    top: -0.3em;
}

.modal-header .close {
    right: 30px;
    top: 25px;
}

.quote-modal-desc {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
}


/*.ltn__pricing-plan-item .pricing-price h2 {*/
/*    padding: 20px 0;*/
/*}*/

/*.ltn__pricing-plan-item.active-price .btn-wrapper .btn,*/
/*.ltn__pricing-plan-item.active .btn-wrapper .btn {*/
/*    background-color: var(--securo-dark);*/
/*}*/



.ltn__pricing-plan-item .btn-effect-1 {

    align-self: center;
    display: flex;
    width: fit-content;
    margin: 20px 0;
}

.ltn__pricing-plan-item.active-price .btn-effect-1,
.ltn__pricing-plan-item.active .btn-effect-1 {
    background-color: var(--securo-yellow);
    color: var(--white);

}

.ltn__pricing-plan-item.active-price .btn-effect-1:hover,
.ltn__pricing-plan-item.active .btn-effect-1:hover {
    background-color: var(--white);
    color: var(--securo-dark);
    border-color: var(--securo-dark);
}

.ltn__pricing-plan-item.active-price .btn-wrapper .btn:hover,
.ltn__pricing-plan-item.active .btn-wrapper .btn:hover {
    background-color: var(--securo-yellow);
}

.forfaits-produits .product-img {
    z-index: 50;
}

.ltn__contact-address-item-3 {
    min-height: 325px;
}
.ltn__contact-address-item-3{
    padding: 40px 20px;
}
.contact-info-container{
    padding: 30px 25px;
}

/* cart */

.ltn__utilize {
    width: 450px;
    padding-top: 5px;
}

.mini-cart-footer {
    margin-top: auto;
}

.mini-cart-item {
    border-top: 2px solid var(--securo-light-gray);
}
.mini-cart-item:not(:first-child){
    padding-top: 20px!important;
}
.mini-cart-sub-total{
    border-top: 4px solid var(--securo-yellow);
    border-bottom: 4px solid var(--securo-light-gray);
    padding: 15px 0;
}
.cart-total-container  {
    /* border-top: 4px solid var(--securo-yellow); */
    border-bottom: 4px solid var(--securo-light-gray);
    padding: 0 0 10px 0;
    margin-bottom: 15px;
}
.mini-cart-sub-total h5{
    font-size: 14px;
    font-family: var(--ltn__body-font);
}
.cart-total-container h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-family: var(--ltn__body-font);
}
.mini-cart-sub-total span, .cart-total-container span{
    color: var(--securo-dark)!important;
}


.mini-cart-item-delete {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--securo-dark);
    color: var(--white);
    border-radius: 0;
    position: relative;
    top: 0px;
    left: 0;
    box-shadow: none;
}

.mini-cart-item-delete i {
    font-weight: bold;
    line-height: 2;
}
.mini-cart-item-delete:hover {
    background-color: var(--securo-yellow);
}
.mini-cart-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
}
.mini-cart-info h6{
    font-size: 14px;
}
.mini-cart-info .bundle-name, .cart-product-info .bundle-name, .single-package-details .bundle-name, .single-package .bundle-name{
    font-size: 15px;
    font-weight: 600;
    color: var(--securo-dark2);
    margin-bottom: 0;
    text-align: start!important;
    line-height: normal;
}
.single-package-details h6{
    font-size: 14px;
    font-family: var(--ltn__body-font);

}
.mini-cart-info .price{
    font-size: 14px;
}
.mini-cart-quantity {
    margin-top: 15px;
}
.sm-quantity{
    height: 35px !important;
    line-height: 29px !important;
    max-width: 150px;
}
.sm-quantity .cart-plus-minus,.sm-quantity .dec.qtybutton,.sm-quantity .inc.qtybutton{
    font-size: 16px;
}
.sm-quantity input[type="text"].cart-plus-minus-box{
    font-size: 14px;
}
.ltn__utilize-cart-menu .ltn__utilize-menu-title{
    font-size: 16px;
}
.mini-cart-product-area{
    max-height: calc(100% - 220px) !important;
    padding-right: 10px;
}
.ltn__utilize-cart-menu .ltn__utilize-menu-inner{
    padding-right: 15px;
}
.ltn__utilize-cart-menu .ltn__utilize-menu-head .ltn__utilize-close{
    font-size: 25px;
    line-height: normal;
    margin-bottom: 2px;
}
.mini-cart-footer .btn-wrapper{
    padding-top: 15px;
}
.price, .letter-spacing{
    letter-spacing: 0;
}
/* scroll up */
#scrollUp {
    z-index: 500 !important;
}

/* FOOTER */
.ltn__footer-color-1 .footer-menu ul li {
    color: var(--white);
}

.footer-menu ul li a {
    padding-bottom: 10px;
}

.footer-menu ul li:hover a {
    padding-left: 0;
    color: var(--white);
}

.footer-menu ul li a::before {
    content: '';
}

.footer-phone {
    border: 0px solid var(--white);
    background: var(--white);
    color: var(--securo-dark);
    min-height: fit-content;
}

.footer-phone p,
.footer-phone h5 {

    color: var(--securo-dark);
}


.footer-phone.ltn__contact-address-item-3 i {
    color: var(--securo-yellow);
}

.ltn__copyright-menu ul li{
    font-family: var(--ltn__body-font);
}
/* PRODUCT IMG */

.catalogue-section .product-img {
    min-height: 250px;
}

.catalogue-section .product-img a.img-link {
    display: flex;
    height: 100%;
}

.product-color {
    display: flex;
    align-items: center;
    justify-content: center;

}

.product-color .color {
    display: flex;


}

.product-color .color:not(:first-child) {
    margin-left: 5px;


}

.product-color .color a {
    display: flex;
    width: 15px;
    height: 15px;
    border: 2px solid var(--securo-dark);
    border-radius: 50%;
    background: var(--securo-dark2);
    transition: all 0.3s ease-in-out;
}

.shop-details-info .product-color .color a {

    width: 22px;
    height: 22px;

}

.single-large-img {
    max-height: 500px;
}

.single-large-img a {
    max-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-title {

    text-transform: uppercase;
}

.full-width-img {
    position: relative;
    right: -20%;
    width: 130%;
}

.full-width-img img {
    width: 100%;
}

.single-industry {
    padding: 15px;
    margin-top: 25px;
}

.single-industry i {
    font-size: 50px;
    margin-bottom: 15px;
}

.single-industry h3 {
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
}

.single-industry .ltn__img-slide-info-brief {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.single-industry .ltn__img-slide-info-brief p {
    text-align: center;
}

.ltn__img-slide-info-brief p {
    font-size: 12px;
    font-weight: bold;
}

.bg-gray {
    background: var(--securo-dark2);
}

.bg-gray p,
.bg-gray h2,
.bg-gray h3,
.bg-dark p,
.bg-dark h2,
.bg-dark li,
.footer-title {
    color: var(--white);
}

.footer-title {
    font-size: 18px;
    margin-bottom: 15px;
}

.footer-company p {
    line-height: normal;
}

.call-to-circle-1 {
    background: #404040;
}

h3,
.ltn__faq-inner .card .ltn__card-title {
    letter-spacing: 1px;
    font-family: var(--ltn__body-font);
}
.ltn__faq-inner .card .ltn__card-title{
    font-size: 16px;
}
.btnClick small {
    line-height: 18px;
    display: inline-block;
}

.btnClick:hover {
    cursor: pointer;
}

.ans {
    margin-bottom: 0;
    font-size: 60px;
    color: var(--securo-dark) !important;
    line-height: 60px;
}

.card,
.ltn__faq-inner-2 {
    background-color: transparent;
}

.ltn__faq-inner-2 .card {
    border-bottom: 2px solid var(--securo-light-gray);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 20px 0;
}

.ltn__faq-inner .card .ltn__card-title {
    padding-left: 0;
}

.ltn__faq-inner-2 .card .card-body {
    padding: 10px 40px 15px 20px;
}

.ltn__faq-inner-2 .card .card-body *:last-child {
    margin-bottom: 0;
}

.ltn__faq-inner-2 .card .ltn__card-title::before {
    background-color: transparent;
    color: var(--securo-yellow);
}

.card-body div:nth-child(1) {
    padding-left: 25px;
}

.card-body p {
    padding-left: 10px;
    font-style: italic;
}

.card-body i {
    color: var(--securo-yellow) !important;
    transform: rotate(90deg);
}

.ltn__politique-area span,
.ltn__politique-area a {
    color: var(--securo-dark) !important;
    font-weight: bold;
    font-family: var(--ltn__body-font);
}

.ltn__politique-area a {
    text-decoration: underline;
}

.ltn__politique-area a:hover {
    color: var(--securo-yellow) !important;
}

.mini-cart-quantity {
    color: var(--securo-yellow) !important;
}

.pricing-price {
    border-top: 4px solid var(--securo-yellow) !important;
}

.cart-all-selection .single-item {

    padding: 15px 0;
    border-bottom: 1px solid var(--ltn__color-1);
}

.cart-coupon input {
    height: 50px;
}
.coupon-title{
    color: var(--securo-gray);
    font-size: 12px;
}
.single-coupon a {
    font-size: 11px;
    background-color: var(--securo-light-gray);
    padding: 5px 10px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    color: var(--securo-dark2);
}
.single-coupon a:hover{
    color: var(--securo-dark2);
}

.single-coupon a i{
    font-size: 7px;
    height: fit-content;
    margin: 0;
    padding: 0 0 0 5px;
    line-height: normal;
    margin-top: 1px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    color: var(--securo-dark2);
}
.single-coupon a:hover i{
    color: var(--securo-dark);
    font-weight: 900;
}

.cart-product-remove span {
    width: 20px;
    height: 20px;
    background-color: var(--securo-dark);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 10px;
    font-size: 10px;
    transition: all 0.3s ease;
}

.cart-product-remove span:hover {
    cursor: pointer;
    background-color: var(--securo-yellow);
}
.cart-product-remove span i{
    line-height: 2;
}
.shoping-cart-table td {
    padding: 20px 0;
}

.shoping-cart-table td.cart-product-image {
    width: 100px;
}

.shoping-cart-table td.cart-product-info {
    padding-left: 20px;
    max-width: 600px;
    min-width: 600px;
    width: 600px;
}

.shoping-cart-table td.cart-product-quantity {
    max-width: 140px;
    min-width: 140px;
    width: 140px;
}

.shoping-cart-table td.cart-product-remove {
    max-width: 40px;
    min-width: 40px;
    width: 40px;
}

.shoping-cart-total .table tr:nth-child(odd),
.shoping-cart-total .table tr:nth-child(even) {
    background: transparent;
    color: var(--securo-dark);
    /* text-transform: uppercase; */
    border-color: var(--securo-light-gray);
    font-size: 15px;
}

.shoping-cart-total .table tr td:first-child{
    padding-left: 0;
}
.shoping-cart-total .table tr td:last-child{
    padding-right: 0;
}
.shoping-cart-total .table tr:last-child {
    border-top: 4px solid var(--securo-yellow);
}
.shoping-cart-total{
    max-width: 480px;
    min-width: 480px;
}

.province-modal .small{
line-height: normal;
letter-spacing: normal;
}

.noselect, .dec.qtybutton, .inc.qtybutton {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
.word-wrap{
    word-wrap: break-word;
    overflow: hidden;
    max-width: 100%;
}
/* LENSES SECTION */
.lenses-section p {
    hyphens: none;
}

/* INPUT */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
.input-item .nice-select {
    border: 2px solid var(--securo-light-gray) !important;
}

.input-item.ltn__custom-icon::before{
    top: 48px;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="submit"], textarea,.input-item .nice-select{
    margin-top: 15px;
    margin-bottom: 5px;
}

input[type="text"].cart-plus-minus-box {
    border: none !important;
    margin-top: 0!important;
}

.input-item .nice-select .current {
    font-weight: 400;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
}
.nice-select .option{
    font-weight: 500;
}
.input-item .nice-select:not(.active) .current {
    font-size: 14px;
    color: #b5b1b1 !important;
}
select option[value=""] {
    color: red;
}

.input-item-company.ltn__custom-icon::before{
    content: "\f0b1";
}
.sm-input input{
    height: 50px;
    max-width: 50px;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    margin-top: 0;
}


.nice-select span.current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
}

.consent-container p, .consent-container > div{
    margin-top: 0!important;
}

.contact-form-box{
    padding: 40px 25px;
}
textarea + label.error{
    margin-bottom: 20px;
}
/* LOOKBOOK */

.masonry {
    columns: 4;
    column-gap: 16px;
}


.masonry .grid {
    display: inline-block;
    margin-bottom: 16px;
    position: relative;

}

.masonry .grid:before {
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.masonry .grid img {
    width: 100%;
}

.masonry .grid__title {
    font-size: 28px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.masonry .grid__author {
    font-size: 14px;
    font-weight: 300;
}

.masonry .grid__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.masonry .grid__body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.masonry .grid__tag {
    background-color: var(--white);
    border: 1px solid var(--securo-light-gray);
    color: var(--securo-dark);
    font-weight: bold;
    padding: 5px 15px;
    /* margin-bottom: 5px; */
    font-size: 15px;
}

.masonry .grid__tag.tag-more {
    background-color: var(--securo-dark);
    border: 2px solid var(--securo-dark);
    color: var(--securo-yellow);
    box-shadow: none;
    font-weight: normal;
    padding: 5px 10px;
}

.mt-auto {
    margin-top: auto;
}

.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-img+.ltn__blog-brief,
.ltn__blog-item-3 h4 {
    background-color: var(--securo-dark);
    color: #fff;
}

.ltn__blog-item-3 .ltn__blog-meta-btn,
.ltn__blog-item-4 .ltn__blog-meta-btn {
    border-top: 4px solid;
    border-color: var(--securo-yellow);
}

.ltn__blog-item-3 .ltn__blog-btn,
.ltn__blog-item-4 .ltn__blog-btn,
.ltn__blog-meta li i {
    color: var(--securo-yellow);
}

.ltn__blog-item-3 .ltn__blog-brief {
    box-shadow: none;
}

.ltn__blog-item-3 .ltn__blog-brief:hover {
    cursor: pointer;
}

.ltn__blog-btn a {
    transition: all 0.3s ease 0s;
    padding-bottom: 5px;
}

.ltn__blog-btn .hover-effect:after {
    height: 2px;
}

/* .ltn__blog-btn a.hover-effect:hover {
    text-decoration: underline;
    transition: all 0.3s ease 0s;
} */

.ltn__blog-details-inner h5:not(:first-child) {
    text-transform: uppercase;
    font-size: 16px;
}

/* GLOWCOOKIE */
.glowCookies__banner__3 {
    padding: 25px 20px !important;
}

.glowCookies__banner__3>h3 {
    font-size: 18px !important;
    text-transform: uppercase;
    font-family: var(--ltn__heading-font);
    font-weight: 700;
    line-height: 1.3;
}

.glowCookies__banner__3 .btn__section button {
    padding: 15px 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
}

.glowCookies__banner__3>p {
    font-size: 14px !important;
}


/* --------------------SLIDER----------------------- */

.rts-banner-main-area-swiper {
    position: relative;
}

.rts-banner-main-area-swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
}

.rts-banner-main-area-swiper .swiper-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto !important;
    left: auto !important;
    margin: 0;
}




.rts-banner-main-area-swiper .swiper-pagination-bullet {
    padding: 40px 80px;
    border-radius: 0;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 4px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    opacity: 1;
    text-transform: uppercase;
    background: white;
    letter-spacing: 0.05em;
    margin: 0 !important;
}



.rts-banner-main-area-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
}

.rts-banner-main-area-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    position: absolute;
    left: 50%;
    bottom: 25px;
    content: "";
    height: 1px;
    background: #0C0A0A;
    width: 51%;
    transform: translateX(-50%);
}


.rts-banner-main-area-swiper .swiper-slide.swiper-slide-active .banner-one-wrapper {
    opacity: 1;
}

.swiper-slide {
    height: auto !important;
}

.swiper-content {
    height: 100% !important;
}


.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px;
}

.bg_image--1 {
    background-image:  image-set(
    url("../images/bg-slider-dff4c84687fdc49f93cb4bf0ebf89acc.webp") type('image/webp'),
    url("../images/bg-slider-e3c8414864f22d197ecd9bda2aabf195.jpg") type('image/jpg'));
}

.bg_image--2 {
    background-image: image-set(
        url("../images/bg-slider2-bb4879e7cd746113eebbb8d557660e00.webp") type('image/webp'),
        url("../images/bg-slider2-270a664da88bd6aeac54301a8c6e3cac.jpg") type('image/jpg'));
}

.bg_image--3 {
    background-image: image-set(
        url("../images/bg-slider3-19da787daf0ceb42f7f475bf8ece5f2e.webp") type('image/webp'),
        url("../images/bg-slider3-eda33fdd04e41fb27a5d601ea35d1008.jpg") type('image/jpg'));
}

.rts-section-gap {
    padding: 330px 0 280px;
}


.shoping-cart-total table tr td:last-child {
    text-align: end;
}



.rts-banner-one {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.rts-banner-one .banner-shape-area .shape {
    position: absolute;
    z-index: -1;
    top: 0;
}

.rts-banner-one::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: linear-gradient(90deg, #101010 2.78%, rgba(16, 16, 16, 0) 81.61%);
}

.home-actions-container {
    width: 100%;
    padding: 0;
    position: absolute;
    bottom: 30px;
    z-index: 5;
}

.home-actions-container .ltn__feature-item-3 {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.home-actions-container .ltn__feature-item-3 a {
    padding: 25px 22px 0px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.home-actions-container .ltn__feature-item-3 p {
    margin-bottom: 0;
}

.home-actions-container .ltn__feature-item-3 h6 {
    font-size: 16px;
}

.jssocials-share-link {
    background-color: var(--section-bg-1);
    color: var(--ltn__paragraph-color) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 0 !important;
    border: 0 !important;
}

.jssocials-share-link:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white) !important;
}

.jssocials-share-link i {
    font-size: 16px;
}

.jssocials-share-link:hover .x-twitter {
    background-image: url("../images/x-twitter-white-d378abbb4c0937b9c69eb0e96aaa7a06.svg");
}

.x-twitter {
    display: inline-block;
    width: 16px !important;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../images/x-twitter-b688626b5718bbee6d95b2a4a093637d.svg");
}

.call-to-action-inner-2 h2{
    font-size: 26px;
}
/* RESPONSIVE */


@media (max-width: 1401px) {
    .full-width-img {
        position: relative;
        right: -15%;
        width: 110%;
    }


}

@media (max-width: 991px) {
    .full-width-img {
        position: static;
        right: 0;
        width: 50%;
        margin-top: -40px;
    }

    .about-img-left {
        max-height: 510px;
        overflow: hidden;
    }

    .shop-online-packages .ltn__pricing-plan-item.active {
        transform: scale(1);
    }

    /* .cart-coupon input{
        max-width: 300px;
    } */
    .cart-product-image img {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
    }

    .cart-product-image {
        width: 100%;
        max-height: 150px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .cart-product-quantity,
    .cart-plus-minus {

        width: 100%;
    }
    .call-to-action-inner-2 h2{
        font-size: 24px;
    }
}

@media (min-width: 767px) {

    .w-md-fit-content {
        width: fit-content !important;
    }

}

@media (max-width: 768px) {
    .full-width-img {
        width: 90%;
        margin-top: 30px;
    }

    .rts-section-gap {
        padding: 310px 0 480px;
    }
    .ltn__faq-inner .card-body div:nth-child(1){
        margin-left: 0;
        padding-left: 0px!important;
    }
    .pb-120, .pb-80{
        padding-bottom: 100px;
    }
    .pt-120, .pt-115{
        padding-top: 100px;
    }
    .confirmation-details-container .checkout-packages-container .sm-input{
        display: flex;
    }
    .confirmation-details-container .checkout-packages-container .sm-input input{
        height: fit-content;
        width: fit-content;
        padding: 0;
        margin: 0;
        border: none!important;
        font-size: 14px;
        line-height: normal;
        text-align: start;
        max-width: 30px;
    }
}


@media (max-width: 1200px) {
    .masonry {
        columns: 3;
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (max-width: 992px) {
    .masonry {
        columns: 2;
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 33.3%;
    }
}

@media only screen and (max-width: 575px) {
    .rts-banner-main-area-swiper .swiper-pagination {
        display: none;
    }

    .ltn__utilize {
        width: 100vw;
    }

    .full-width-img {
        width: 80%;
    }

    .mt-50 {
        margin-top: 30px;
    }

    .masonry .grid__body {
        padding: 10px !important;
    }
    .pb-120, .pb-80{
        padding-bottom: 70px;
    }
    .pt-120, .pt-115{
        padding-top: 70px;
    }
  
}



@media only screen and (max-width: 1199px) {
    .rts-banner-main-area-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        display: none;
    }

    .rts-banner-main-area-swiper .swiper-pagination-bullet {
        padding: 30px;
    }
}

.rts-banner-main-area-swiper .swiper-pagination-bullet-active {
    color: #000;
    background: #fff;
}

@media only screen and (max-width: 1199px) {
    .rts-banner-main-area-swiper .swiper-pagination-bullet-active {
        color: var(--color-primary);
    }
 =
}

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

    .me-lg-30 {
        margin-right: 30px !important;
    }

    .w-lg-fit-content {
        width: fit-content !important;
    }

    .col-lg {
        flex: 1 0 0%;
    }

    .col-lg-5-items {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rts-section-gap {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rts-section-gap {
        padding: 60px 0;
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .ans {
        font-size: 40px;
        line-height: 40px;
    }

    .ltn__breadcrumb-area-2 {
        padding-top: 200px;
    }

    .shoping-cart-total {
        max-width: 100%;
    }


    .rts-banner-main-area-swiper .swiper-pagination-bullet {
        padding: 20px 10px;
        font-size: 13px;
    }

    .cart-coupon input {
        max-width: 100%;
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 1670px) {
    .home-actions-container .ltn__feature-item-3 a {
        padding: 25px 15px 0px;
    }

    .home-actions-container .ltn__feature-item-3 h6 {
        font-size: 15px;
    }

    .home-actions-container .ltn__feature-item-3 i {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1435px) {
    .home-actions-container .ltn__feature-item-3 a {
        padding: 25px 10px 0px;
    }

    .home-actions-container .ltn__feature-item-3 h6 {
        font-size: 14px;
    }

    .home-actions-container .ltn__feature-item-3 i {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1400px) {
    .home-actions-container {
        width: 80%;
        left: 9%;

    }

    .ltn__main-menu>ul>li {
        margin-right: 30px;
    }
    .ltn__main-menu>ul>li a{
       font-size: 14px;
    }
    .home-actions-container .ltn__feature-item-3 a {
        padding: 25px 22px 0px;
    }

    .home-actions-container .ltn__feature-item-3 h6 {
        font-size: 15px;
    }

    .rts-section-gap {
        padding: 310px 0 380px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .ltn__main-menu>ul>li {
        margin-right: 30px !important;
    }

    .ltn__header-6 .ltn__main-menu>ul>li:last-child {
        margin-right: 0px !important;
    }
}



@media only screen and (max-width: 960px) {
    .home-actions-container {
        width: 90%;
        left: 5%;

    }

}

@media only screen and (max-width: 890px) {
    .home-actions-container {
        width: 100%;
        left: 0;

    }

}


@media (max-width: 625px) {
    .ltn__copyright-menu ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    
    }
    .ltn__copyright-menu ul li{
        margin: 0!important;
    
    }
    .ltn__copyright-menu{
        margin-top: 0;
    }
}

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

    .rts-section-gap {
        padding: 290px 0 40px;
    }

    .slide-title {
        font-size: 20px !important;
    }

    .bg_image--3 {
        background-position: 60%;
    }

    .bg_image--1 {
        background-position: 60%;
    }

    .bg_image--2 {
        background-position: 70%;
    }

    .row-cols-5>* {
        flex: 0 0 auto;
        width: 100%;
    }

    .glasses-slider .slick-dots li {
        width: 40px;
    }
}

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

    .ltn__top-bar-menu ul li {
        margin: 0 10px 0 0;
    }
}


@media (max-width: 320px) {
    .glasses-slider .slick-dots li {
        width: 20px;
    }
}


/* ACHAT EN LIGNE */

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}


.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: var(--securo-yellow);
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: var(--securo-yellow);
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    font-size: 15px;
    width: 33.33%;
    float: left;
    position: relative;
    font-weight: 400;
    color: var(--ltn__paragraph-color);
}
#progressbar li p{
    position: relative;
    color: var(--ltn__paragraph-color);
    text-align: center;
    width: fit-content;
}
#progressbar .active , #progressbar .active p{
    color: var(--securo-yellow);
}
#progressbar .completed, #progressbar .completed p{
    color: var(--securo-dark)!important;
}

#progressbar #account:before {
    font-family: var(--ltn__heading-font);
    content: "1";
    display: flex;
    align-items: center;
    justify-content: center;
}

#progressbar #personal:before {
    font-family: var(--ltn__heading-font);
    content: "2";
    display: flex;
    align-items: center;
    justify-content: center;
}

#progressbar #payment:before {
    font-family: var(--ltn__heading-font);
    content: "3";
    display: flex;
    align-items: center;
    justify-content: center;
}

#progressbar #confirm:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    /* border-radius: 50%; */
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: var(--securo-yellow)
}
#progressbar li.completed:before,
#progressbar li.completed:after {
    background: var(--securo-dark2)!important;
}

#progressbar .progressbar-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#progressbar .progressbar-link + p{
   transition: all 0.3s ease-in-out;
}

#progressbar .progressbar-link + p:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    background: var(--securo-yellow);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

#progressbar .progressbar-link:hover + p:after{
    width: 100%;
    left: 0;
}

.progress {
    height: 20px
}



.custom-checkbox-input {
    display: none;
}

.custom-checkbox-text {
    cursor: pointer;
    user-select: none;
}
.custom-checkbox-input:checked~.custom-checkbox-text{
    background-color: red;
}
.custom-checkbox-input:checked~.ltn__feature-item{
    border: 2px solid var(--securo-yellow)!important;
   
}
.custom-checkbox  .ltn__feature-item:hover{
    cursor: pointer!important;
   
}

.custom-checkbox .ltn__feature-info p{
    /* max-width: 75%; */
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
}

.basic-package-container p{
    font-size: 14px;
    line-height: 18px;
}
.basic-package-container ul{
  margin-left: -5px;
}

/* CUSTOM REG CHECKBOX */
 input.custom-reg-checkbox[type=checkbox] {
    position: relative;
    top: -1px;
      border: 2px solid #000;
      border-radius: 2px;
      background: none;
      cursor: pointer;
      line-height: 0;
      margin: 2px .6em 0 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      min-width: 20px;
      -webkit-appearance: none;
    opacity: .5;
  }
  
  input.custom-reg-checkbox[type=checkbox]:hover {
    opacity: 1;
  }
  
  input.custom-reg-checkbox[type=checkbox]:checked {
    background-color: var(--securo-yellow);
    border-color: var(--securo-yellow);
    opacity: 1;
  }
  
  input.custom-reg-checkbox[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px 0 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
  }

  .custom-reg-checkbox-container label{
    color: var(--securo-dark2);
    line-height: normal;
  }

  /* CHECKOUT */
  .checkout-packages-container .single-package:first-child{
    padding-top: 0!important;
  }

  .checkout-packages-container .single-package:last-child{
    border-width: 4px!important;
  }
  .confirmation-details-container .checkout-packages-container .single-package:last-child{
    border-bottom: none;
  }
  .checkout-packages-container .mini-cart-item:last-child{
    border-bottom: 4px solid var(--securo-light-gray)!important;
    padding-bottom: 20px!important;
    margin-bottom: 0;
  }
  .checkout-packages-container .single-package h6{
    font-size: 14px;
  }
  .checkout-packages-container .single-package .price{
    line-height: normal;
    font-size: 14px;
  }
  .user-package-detail-container .single-user-package-detail:not(:first-child){
    margin-top: 20px;
  }
  .user-package-detail-container .single-user-package-detail:not(:first-child) h6{
    border-top: 2px solid var(--securo-light-gray);
    padding-top: 15px;
  }
  .checkout-coupon input{
    height: 50px;
    margin-bottom: 0;
  }
  .checkout-card-container .card-intro{
    letter-spacing: normal;
  }
  .checkout-card-container .custom-reg-checkbox-container label{
    font-size: 12px;
    line-height: normal;
  }
  .users-modal .user-package-detail-container .single-user-package-detail:not(:last-child) .email-container{
    border-bottom: 2px solid var(--securo-light-gray);
    padding-bottom: 15px;

  }

/* CONDITIONS MODAL */

.conditions-modal .conditions-modal-content h5{
    font-family: var(--ltn__body-font);
    font-size: 17px;
}
.conditions-modal .conditions-modal-content p, .conditions-modal .conditions-modal-content li{
    line-height: 20px;
    font-size: 15px;
    text-align: start !important;
}


/* DEMO IFRAME */

.form-iframe-container {
    position: relative;
}
.form-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#submit_message, #error_message{ font-size:14px; height: 50px; display: none; line-height: 50px; color:#202020; font-weight: 500; left:50%; bottom:40px; background-color:#fff; position: fixed; border-radius: 10px; box-shadow:15px 30px 80px 4px rgba(0,0,0,0.18); margin:0; padding: 0 30px 0 0; border:none; cursor: pointer; width: auto; z-index: 1500; -ms-transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); transform: translateX(-50%) translateZ(0); -webkit-transition: bottom 0.3s, box-shadow 0.3s; -moz-transition: bottom 0.3s, box-shadow 0.3s; transition: bottom 0.3s, box-shadow 0.3s; }
#submit_message i, #error_message i{ display: block; float: left; position: relative; left: -2px; color:#fff; line-height: 50px; width: 50px; height: 50px; text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background:#c41f1f; }
#submit_message i{ background:#7fb924; }
#submit_message span, #error_message span{ padding-left:10px; }
#submit_message:hover, #error_message:hover{ bottom:37px; box-shadow:3px 5px 10px 0px rgba(0,0,0,0.1);  }
@media only screen and (max-width: 1110px){ #submit_message, #error_message{ width: 90%; max-width: 500px; font-size: 13px; letter-spacing: -0.4px; } }
@media only screen and (max-width: 480px){ #submit_message span, #error_message span{ font-size: 12px; width: 75%; width: calc(100% - 50px); position: absolute; top: 50%; display: inline-block; line-height: 14px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }
@media only screen and (min-width: 1450px){ body.left-side-menu-active #submit_message, body.left-side-menu-active #error_message{ left: calc(50% + 150px); } }
@media only screen and (max-width: 580px){ #submit_message, #error_message{ display: none; } }
button[type="submit"]{ position: relative; overflow: hidden; }
button[type="submit"] span.loader{ background-color:inherit; border-radius: inherit; }
button[type="submit"].loading span.loader:before{ width: 20px; height: 20px; margin: 0 auto; content:''; position: absolute; top:50%; left: 50%; margin-top:-10px; margin-left:-10px; border: 1px solid rgb(255,255,255); border-radius: 50%; z-index: 2; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 650ms infinite linear; -o-animation: cssload-spin 650ms infinite linear; -ms-animation: cssload-spin 650ms infinite linear; -webkit-animation: cssload-spin 650ms infinite linear; -moz-animation: cssload-spin 650ms infinite linear; }
button[type="submit"].loading span.loader:after{ background-color:inherit; border-radius: inherit; width: 100%; height: 100%; position: absolute; left:0; top:0; content:''; z-index: 1; }
button[type="submit"].loading.dark-loading span.loader:before{ border: 1px solid rgb(0,0,0); border-left-color: transparent; border-right-color: transparent; }
@keyframes cssload-spin{ 100%{ transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes cssload-spin{ 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes cssload-spin{ 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin{ 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes cssload-spin{ 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); } }

.btn-style-three-inverse {
    position: relative;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    color: #ffffff;
    padding: 12px 40px;
    font-weight: 600;
    overflow: hidden;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid var(--ltn__primary-color);
    background-color: var(--ltn__primary-color);
}
.btn-bg-secondary{
    border: 1px solid lightgray;
    background-color: lightgray;
}
.btn-style-three-cancel{

}
#modalConfirmDeleteBundle {
    z-index: 999999;
}
.h4-title, .h5-title {
    color : var(--ltn__paragraph-color);
    font-size: 1.30em;
    font-weight: normal;
    line-height: 1.6em;
}
label.error{
    color: red;
}
.checkout-bundle-error  {
    margin-top: 20px;
    border-top: 1px solid var(--light-gray);
}
.checkout-bundle-error p {
    font-style: italic;
    font-size: 12px;
    color: #de0909;
    line-height: 13px;
}

.cart__empty {
    margin-left: 0px;
    margin-right: 0px;
}
.details-facturation-container, .checkout-total-header-container, #content-page-cart {
    padding-top: 30px;
}
input[readonly] {
    cursor: not-allowed;
}
