@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:"Rubik", sans-serif}a{display:inline-block;text-decoration:none}input{outline:none}input[type=submit]{cursor:pointer}ul{list-style:none}img{max-width:100%}p{font-size:15px}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 15px}input[type=text]{border-radius:3px}button{cursor:pointer}header{background-color:#212121}header .top_nav{border-bottom:1px solid #FFF}header .top_nav .container{display:flex;align-items:center;padding:10px 15px;color:#FFF;font-size:11px}header .top_nav .container a{color:#FFF;text-transform:uppercase}header .top_nav .container span{display:inline-block;margin:0 5px}header .top_nav .container .language_selector{position:relative}header .top_nav .container .language_selector p{display:inline-flex;align-items:center;text-transform:uppercase;cursor:pointer}header .top_nav .container .language_selector p svg{margin-right:5px}header .top_nav .container .language_selector ul{display:none;position:absolute;top:100%;max-width:fit-content;background-color:#FFF}header .top_nav .container .language_selector ul li{border-bottom:1px solid #CCC}header .top_nav .container .language_selector ul li a{width:100%;padding:10px;color:#212121;transition:0.3s all}header .top_nav .container .language_selector ul li a:hover{color:#FFF;background-color:#F00000}header .top_nav .container .language_selector ul li:last-of-type{border:none}header .top_nav.full .container{justify-content:space-between}header .top_nav.right .container{justify-content:flex-end}header .main_nav{display:flex;align-items:center;justify-content:space-between;column-gap:20px;padding:35px 0;color:#FFF}header .main_nav a{color:#FFF}header .main_nav a.main_logo img{max-width:200px}header .main_nav form{display:inline-flex;align-items:center;position:relative;max-width:500px;width:100%}header .main_nav form input{width:100%;height:40px}header .main_nav form input[type=text]{max-width:414px;padding:5px 15px;font-size:15px;color:#FFF;background-color:#212121;border:1px solid #FFF;border-right:none}header .main_nav form input[type=text]:focus{border:1px solid #F00000}header .main_nav form input[type=submit]{max-width:86px;font-size:12px;font-weight:bold;color:#212121;text-transform:uppercase;background-color:#F00000;border:1px solid #F00000;cursor:pointer;transition:0.5s all}header .main_nav form input[type=submit]:hover{color:#FFF}header .main_nav form ul{position:absolute;top:100%;left:0;width:100%;max-height:60vh;background-color:#FFF;z-index:11;overflow-y:auto}header .main_nav form ul li{width:100%;border-bottom:1px solid #dadada;transition:0.3s all}header .main_nav form ul li a{display:inline-flex;align-items:center;column-gap:25px;width:100%;padding:10px 15px}header .main_nav form ul li a .image{display:inline-block;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-size:contain}header .main_nav form ul li a p{display:flex;flex-wrap:wrap}header .main_nav form ul li a p span{display:inline-block;width:100%;color:#212121}header .main_nav form ul li:last-of-type{border-bottom:none}header .main_nav form ul li:hover{background-color:#f3f3f3}header .main_nav form ul li.template{display:none}header .main_nav form ul li.no_result{display:none}header .main_nav form ul li.no_result p{width:100%;padding:10px 15px;color:#212121}header .main_nav form ul::-webkit-scrollbar{width:5px}header .main_nav form ul::-webkit-scrollbar-thumb{background-color:#F00000;border-radius:25px}header .main_nav .cart_btn{display:inline-flex;align-items:center;max-width:135px;width:100%;min-height:1px}header .main_nav .cart_btn .icon_container{position:relative;max-width:fit-content;margin-right:10px}header .main_nav .cart_btn .icon_container .cart_counter{display:inline-flex;align-items:center;justify-content:center;position:absolute;width:15px;height:15px;top:-5px;right:-5px;font-size:10px;color:#212121;background-color:#dadada;border-radius:25px}header .main_nav .cart_btn p{display:inline-flex;flex-wrap:wrap}header .main_nav .cart_btn p span{width:100%;font-size:13px}@media screen and (max-width:1024px){header .main_nav{padding:25px 20px}header .main_nav form{display:none}}@media screen and (max-width:600px){header .main_nav .cart_btn{justify-content:end}header .main_nav .cart_btn p{display:none}}.bottom_nav{position:sticky;width:100%;height:50px;top:0;background-color:#aeadad;transition:0.3s all;z-index:10}.bottom_nav nav{height:100%;padding:0}.bottom_nav nav ul{display:flex;align-items:center;height:100%}.bottom_nav nav ul li{height:100%}.bottom_nav nav ul li a{display:inline-flex;align-items:center;height:100%;padding:0 20px;color:#FFF;font-weight:bold;transition:0.3s all}.bottom_nav nav ul li a.active,
.bottom_nav nav ul li a:hover{color:#212121;background-color:#F00000}@media screen and (max-width:600px){.bottom_nav nav ul li a{padding:0 15px;font-size:14px}}.general_hero{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:40vh;background-color:#212121;background-repeat:no-repeat;background-size:cover;background-position:center}.general_hero .container h1{color:#FFF;font-size:56px;text-transform:uppercase;text-align:center}.general_hero .container p{margin-top:10px;color:#FFF;font-size:25px;text-align:center}.general_hero .container form{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:50px;padding:30px 25px;background-color:#212121}.general_hero .container form>div{display:flex;align-items:center;position:relative;width:24%}.general_hero .container form>div p.selector{display:inline-flex;position:relative;align-items:center;font-size:15px;width:100%;margin:0;padding:12px 0;background-color:#FFF;cursor:pointer}.general_hero .container form>div p.selector span{display:inline-flex;align-items:center;color:#a9a9a9}.general_hero .container form>div p.selector span.step{display:inline-flex;align-items:center;justify-content:center;width:37px;border-right:1px solid #a9a9a9;white-space:nowrap}.general_hero .container form>div p.selector span.step_result{padding-left:10px}.general_hero .container form>div p.selector .arrow{display:inline-flex;align-items:center;justify-content:center;position:absolute;width:42px;height:20px;right:-10px;transform:rotate(90deg);background-color:#FFF}.general_hero .container form>div .custom_select{display:none;position:absolute;top:100%;width:100%;padding:5px;background-color:#f3f3f3}.general_hero .container form>div .custom_select input{width:100%;padding:5px;font-size:15px;border:1px solid #aeadad}.general_hero .container form>div .custom_select ul{margin-top:10px}.general_hero .container form>div .custom_select ul li{width:100%;padding:5px;cursor:pointer;margin:2px 0;transition:0.3s all}.general_hero .container form>div .custom_select ul li:hover{color:#FFF;background-color:#F00000}.general_hero .container form>div.buttons{justify-content:space-between}.general_hero .container form>div.buttons button{display:inline-flex;align-items:center;justify-content:center;height:42px;color:#FFF;font-weight:bold;text-transform:uppercase;background-color:#F00000;cursor:pointer;border:2px solid #F00000;transition:0.3s all}.general_hero .container form>div.buttons button svg{width:20px;height:20px;margin-right:5px;fill:#FFF;transition:0.3s all}.general_hero .container form>div.buttons button.submit{width:55%}.general_hero .container form>div.buttons button.reset{width:40%}.general_hero .container form>div.buttons button:hover{color:#F00000;background-color:#FFF}.general_hero .container form>div.buttons button:hover svg{fill:#F00000}footer{padding:100px 0 50px;background-color:#212121}footer .container{display:flex;width:100%;justify-content:space-between}footer .container .column h2{margin-bottom:20px;color:#FFF;font-size:14px}footer .container .column:nth-child(1){width:30%}footer .container .column:nth-child(1) .logo{margin-bottom:30px}footer .container .column:nth-child(1) .logo img{max-width:200px}footer .container .column:nth-child(1) .footer_socials{margin-top:50px}footer .container .column:nth-child(1) .footer_socials h2{text-transform:uppercase}footer .container .column:nth-child(1) .footer_socials ul{display:flex;align-items:center}footer .container .column:nth-child(1) .footer_socials ul li{margin-right:10px}footer .container .column:nth-child(1) .footer_socials ul li a svg{width:20px;height:20px;color:#a9a9a9;transition:0.3s all}footer .container .column:nth-child(1) .footer_socials ul li a:hover svg{color:#F00000}footer .container .column:nth-child(1) .footer_socials ul li:last-of-type{margin-right:0}footer .container .column:nth-child(2),
footer .container .column:nth-child(3){width:20%}footer .container .column:nth-child(2) ul li,
footer .container .column:nth-child(3) ul li{padding:5px 0}footer .container .column:nth-child(2) ul li a,
footer .container .column:nth-child(3) ul li a{color:#a9a9a9;transition:0.3s all}footer .container .column:nth-child(2) ul li a:hover,
footer .container .column:nth-child(3) ul li a:hover{color:#F00000}footer .container .column:nth-child(3) ul{list-style:disc}footer .container .column:nth-child(3) ul li::marker{color:#F00000}footer .container .column:nth-child(4){width:30%}footer .container .column:nth-child(4) .icon_txt{display:flex;align-items:flex-start;margin-bottom:15px;color:#FFF}footer .container .column:nth-child(4) .icon_txt .icon{width:14px;margin-right:15px}footer .container .column:nth-child(4) .icon_txt .icon svg{width:100%}@media screen and (max-width:1024px){footer .container{flex-wrap:wrap}footer .container .column{margin-bottom:35px}footer .container .column:nth-child(1){width:100%;text-align:center}footer .container .column:nth-child(1) .logo{margin-bottom:10px}footer .container .column:nth-child(1) .footer_socials{margin-top:20px;text-align:center}footer .container .column:nth-child(1) .footer_socials ul{justify-content:center}footer .container .column:nth-child(2){width:100%;text-align:center}footer .container .column:nth-child(3){display:none}footer .container .column:nth-child(4){width:100%}footer .container .column:nth-child(4) .icon_txt{justify-content:center}}.consent_banner{position:fixed;left:0;bottom:0;width:100%;padding:20px 100px;z-index:9999}.consent_banner.resolved{display:none}.consent_banner .consent_content p{color:#FFF;margin-bottom:25px}.consent_banner .consent_content p a{color:#FFF;font-weight:bold;text-decoration:underline}.consent_banner .consent_buttons button{display:inline-flex;align-items:center;height:35px;padding:5px 10px;margin-right:20px;color:#FFF;font-weight:bold;background-color:#e94a30;border:none;outline:2px solid #e94a30;line-height:0;border-radius:15px;cursor:pointer;transition:0.3s all}.consent_banner .consent_buttons button:hover{color:#e94a30;background-color:#FFF}.consent_banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:-1}@media screen and (max-width:500px){.consent_banner{padding:20px 40px}}.breadcrumbs{width:100%;padding:0 10px;margin-bottom:30px}.breadcrumbs a,
.breadcrumbs span{color:#212121;font-size:14px;transition:0.3s all}.breadcrumbs a.current,
.breadcrumbs span.current{color:#aeadad}.breadcrumbs span{margin:0 10px}.breadcrumbs a:hover{color:#F00000}.custom_popup{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999}.custom_popup .popup_content{position:relative;max-width:80%;max-height:80vh;min-width:400px;min-height:400px;padding:35px;background-color:#FFF;z-index:1;overflow:auto}.custom_popup .popup_content .close_it{position:absolute;top:10px;right:10px;cursor:pointer}.custom_popup .popup_content .close_it svg{transition:0.3s all}.custom_popup .popup_content .close_it:hover svg{color:#F00000}.custom_popup .image_content{max-width:80%;max-height:80vh;z-index:1}.custom_popup .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7}#added_preview .popup_content{width:100%;max-width:680px;min-width:340px;min-height:320px;margin:30px;padding:30px;position:relative;overflow:visible}#added_preview .popup_content>p{display:inline-flex;align-items:center;width:100%;margin-bottom:30px;font-size:15px}#added_preview .popup_content>p svg{width:25px;height:25px}#added_preview .popup_content .product_preview{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dadada}#added_preview .popup_content .product_preview img{max-width:25%}#added_preview .popup_content .product_preview .product_informations{width:70%}#added_preview .popup_content .product_preview .product_informations p{width:100%;margin-bottom:10px;font-weight:bold}#added_preview .popup_content .product_preview .product_informations p span{display:inline-block;margin-left:10px;font-weight:400}#added_preview .popup_content .product_preview .product_informations p.name{font-size:17px}#added_preview .popup_content .carts_details .details{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:15px}#added_preview .popup_content .carts_details .details .total{font-size:20px;font-weight:bold}#added_preview .popup_content .carts_details .details .total span{display:inline-block;margin-left:10px;font-weight:400}#added_preview .popup_content .carts_details .actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%}#added_preview .popup_content .carts_details .actions a{height:50px;padding:0 30px;border-radius:5px;line-height:50px;transition:0.3s all}#added_preview .popup_content .carts_details .actions a.close_it{position:relative;top:auto;right:auto;color:#FFF;background-color:#212121}#added_preview .popup_content .carts_details .actions a.close_it:hover{background-color:#F00000}#added_preview .popup_content .carts_details .actions a.goto_cart{color:#212121;background-color:#F00000}#added_preview .popup_content .carts_details .actions a.goto_cart:hover{color:#FFF}#added_preview .popup_content>.close_it{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;top:auto;bottom:100%;outline:none;border:none;right:0;background-color:#F00000}#added_preview .popup_content>.close_it svg{width:15px;height:15px;fill:#212121;transition:0.3s all}#added_preview .popup_content>.close_it:hover svg{fill:#FFF}@media screen and (max-width:800px){#added_preview .popup_content .carts_details .details p{width:100%;margin-bottom:10px}#added_preview .popup_content .carts_details .actions a{width:100%;text-align:center}#added_preview .popup_content .carts_details .actions a.close_it{margin-bottom:10px}}@media screen and (max-width:500px){#added_preview .popup_content .product_preview img{width:40%}#added_preview .popup_content .product_preview .product_informations{width:55%}}#logout_successful{position:fixed;padding:15px;top:50px;right:15px;z-index:9999;color:#FFF;background-color:#DD0017;border-radius:15px}.filters{display:flex;flex-wrap:wrap;position:sticky;width:26%;top:60px;background-color:#FFF}.filters .filter{width:100%;margin:0 20px 20px}.filters .filter h3{padding:20px 0 15px;margin-bottom:20px;font-size:16px;font-weight:500;text-transform:uppercase;border-bottom:1px solid #aeadad}.filters .filter ul{display:flex;flex-direction:column}.filters .filter ul li{width:fit-content;padding:10px;cursor:pointer;transition:0.3s all}.filters .filter ul li a{color:#212121;transition:0.3s all}.filters .filter ul li:first-of-type{padding-top:0}.filters .filter ul li:last-of-type{padding-bottom:0}.filters .filter ul li.active,
.filters .filter ul li:hover{color:#F00000}.filters .filter ul li.active a,
.filters .filter ul li:hover a{color:#F00000}.filters .filter label{display:inline-flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;font-size:15px}.filters .filter label .field_container{width:80%}.filters .filter label .field_container input{width:calc(100% - 20px);margin-left:10px;padding:5px 15px;font-size:15px;border:1px solid #dadada}.filters .filter label .field_container input:focus{border:1px solid #F00000}.filters .filter label .field_container.search{width:100%}.filters .filter label .field_container.search input{width:100%;padding:10px 15px}.filters .filter .submit_filter{margin-top:10px;padding:10px 30px;text-transform:uppercase;background-color:#F00000;color:#212121;border:none;transition:0.3s all;cursor:pointer}.filters .filter .submit_filter:hover{color:#FFF}.compatibilities_list{display:flex;flex-wrap:wrap;column-gap:2%;width:100%}.compatibilities_list .compatible{width:32%;margin-bottom:20px;padding:15px;border:2px solid #dadada;border-radius:10px;transition:0.3s all}.compatibilities_list .compatible .image{width:100%;height:250px;background-repeat:no-repeat;background-size:60%;background-position:center;transition:0.3s all}.compatibilities_list .compatible h3{color:#212121}.compatibilities_list .compatible p,
.compatibilities_list .compatible span{color:#aeadad;transition:0.3s all}.compatibilities_list .compatible span:hover{color:#F00000}.compatibilities_list .compatible:hover{box-shadow:0 0 5px 5px #aeadad}.compatibilities_list .compatible:hover .image{background-size:75%}.compatibilities_list .compatible:hover span{color:#F00000}.compatibilities_list .compatible.template{display:none}section.login{padding:30px 10px;background-color:#f3f3f3}section.login .login_container{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;position:relative;max-width:1100px;margin:40px auto}section.login .login_container .form_container,
section.login .login_container .register,
section.login .login_container .renew_password{width:40%}section.login .login_container .form_container h2,
section.login .login_container .register h2,
section.login .login_container .renew_password h2{margin-bottom:30px;font-size:30px;font-weight:400}section.login .login_container .form_container p,
section.login .login_container .register p,
section.login .login_container .renew_password p{margin-bottom:30px;font-size:15px}section.login .login_container .form_container form,
section.login .login_container .register form,
section.login .login_container .renew_password form{width:100%}section.login .login_container .form_container form label,
section.login .login_container .register form label,
section.login .login_container .renew_password form label{display:block;width:100%;margin-bottom:20px}section.login .login_container .form_container form label span,
section.login .login_container .register form label span,
section.login .login_container .renew_password form label span{display:block;margin-bottom:10px;font-size:15px;font-weight:500}section.login .login_container .form_container form label input,
section.login .login_container .register form label input,
section.login .login_container .renew_password form label input{width:100%;height:40px;padding:5px 15px;font-size:15px;background-color:#FFF;border:1px solid #dadada;transition:0.3s all}section.login .login_container .form_container form label input:focus,
section.login .login_container .register form label input:focus,
section.login .login_container .renew_password form label input:focus{border:1px solid #F00000}section.login .login_container .form_container form .actions,
section.login .login_container .register form .actions,
section.login .login_container .renew_password form .actions{display:flex;justify-content:space-between;margin-bottom:20px}section.login .login_container .form_container form .actions a,
section.login .login_container .register form .actions a,
section.login .login_container .renew_password form .actions a{color:#a9a9a9;transition:0.3s all}section.login .login_container .form_container form .actions a:hover,
section.login .login_container .register form .actions a:hover,
section.login .login_container .renew_password form .actions a:hover{color:#F00000}section.login .login_container .form_container form input[type=submit],
section.login .login_container .register form input[type=submit],
section.login .login_container .renew_password form input[type=submit]{min-width:130px;height:45px;margin-top:10px;color:#212121;font-size:15px;background-color:#F00000;border:none;border-radius:5px;transition:0.3s all}section.login .login_container .form_container form input[type=submit]:hover,
section.login .login_container .register form input[type=submit]:hover,
section.login .login_container .renew_password form input[type=submit]:hover{color:#FFF}section.login .login_container .form_container>.renew_password,
section.login .login_container .register>.renew_password,
section.login .login_container .renew_password>.renew_password{width:100%}section.login .login_container .form_container .renew_form,
section.login .login_container .form_container .forgot_password,
section.login .login_container .form_container .renew_password{display:none}section.login .login_container .form_container .renew_form a,
section.login .login_container .form_container .forgot_password a,
section.login .login_container .form_container .renew_password a{display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:45px;margin-top:10px;color:#FFF;font-size:15px;background-color:#626262;border:none;border-radius:5px;transition:0.3s all}section.login .login_container .form_container .renew_form a:hover,
section.login .login_container .form_container .forgot_password a:hover,
section.login .login_container .form_container .renew_password a:hover{background-color:#F00000}section.login .login_container .form_container .renew_open{display:none}section.login .login_container .form_container .renew_form{display:block}section.login .login_container .form_container .renew_form ul li{display:inline-flex;align-items:center;font-size:12px;color:#DD0017;transition:0.3s all}section.login .login_container .form_container .renew_form ul li .error{margin-right:5px;color:#DD0017}section.login .login_container .form_container .renew_form ul li .check{margin-right:5px;display:none;color:#169543}section.login .login_container .form_container .renew_form ul li.validated{color:#169543}section.login .login_container .form_container .renew_form ul li.validated .error{display:none}section.login .login_container .form_container .renew_form ul li.validated .check{display:inline-block}section.login .login_container .register a{display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:45px;margin-top:10px;color:#212121;font-size:15px;background-color:#F00000;border:none;border-radius:5px;transition:0.3s all}section.login .login_container .register a:hover{color:#FFF}section.login .login_container .split{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%)}section.login .login_container .split span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:absolute;top:50%;left:50%;border-radius:25px;background-color:#FFF;box-shadow:0 0 10px 3px #a9a9a9;transform:translate(-50%,-50%)}section.login .login_container .split:before{display:inline-block;position:absolute;content:'';width:1px;height:100%;background-color:#626262}section.login .login_container .success{display:none;color:#169543}section.login .login_container .error{display:none;color:#DD0017}@media screen and (max-width:1200px){section.login .login_container{max-width:800px;padding:0 20px}section.login .login_container .form_container, section.login .login_container .register{width:100%}section.login .login_container .split{position:relative;top:auto;left:auto;width:100%;height:auto;padding:80px 0;transform:none}section.login .login_container .split:before{display:inline-block;position:absolute;content:'';width:100%;height:1px;background-color:#626262}}@media screen and (max-width:500px){section.login .form_container form .actions{flex-direction:column}section.login .form_container form .actions a{margin-bottom:10px}section.login .form_container form .actions a:last-of-type{margin-bottom:0}}