/* Liste des parties du custom CSS pour accès rapide */ /* THEME CODE */ /* TO BE SORTED */ /* GLOBAL CLASSES */ /* Font Import */ /* Icons */ /* Animations */ /* Element Sizes */ /* Background Color */ /* Text Color */ /* Font Size */ /* Flexbox and Display */ /* Margin / Padding */ /* Lists */ /* Box Shadow */ /* Borders */ /* Buttons */ /* Note - Warn */ /* Fancybox */ /* TOPBAR */ /* NAVIGATION */ /* Searchbox */ /* Main Menu */ /* Menu Icons */ /* HEADER */ /* BLOCKCART */ /* BLOCKCART CROSSSELLING */ /* DISCOUNT */ /* HOMEPAGE */ /* Homepage Slider */ /* Homepage Special Slider */ /* Homepage New Item Slider */ /* Homepage Brands Slider */ /* Homepage Featured Grid */ /* BREADCRUMB */ /* LEFT COLUMN */ /* Product Modules */ /* RIGHT COLUMN */ /* BLOG */ /* PRODUCT */ /* Product Availability */ /* HOMECOMMENTS */ /* MY ACCOUNT */ /* BRANDS */ /* ORDER */ /* Order Payment */ /* Order Address */ /* Order Confirmation */ /* ORDER HISTORY */ /* PRODUCT PAGE */ /* Product Page Primary Block */ /* Product Page Content */ /* Product Page Download */ /* Product Page Customization */ /* ACCORDION */ /* PRODUCT LIST : GLOBAL */ /* PRODUCT LIST : LIST */ /* PRODUCT LIST : GRID */ /* PRODUCT LIST : SLIDE */ /* ADDRESSES */ /* BLOG COMMENTS */ /* WISHLIST */ /* RIGHTBAR */ /* ADVANCED SEARCH FILTERS */ /* 404 PAGE */ /* JOLISEARCH MODULE */ /* CUSTOM CODE FOR PRODUCT DESCRIPTION */ /* HOLIDAY MODE */ /* PRODUCT RETURN */ /* PRODUCT LIST : ID PRODUCT */ /* CHARACTERISTICS TABLE */ /* INCIDENCES */ /* ADMIN INCIDENCES */ /* RGPD */ /* CAPTCHA */ /* TOP BANNER */ /* GLS */ /* MODE SELECTOR */ /* OS COMPARATIVE */ /* COMPARATIVE TABLE */ /* POWER SUPPLY CALCULATOR */ /* TOOLTIP */ /* COVID-19 ALERT */ /* COVID-19 CMS PAGE */ /* THEME CODE */ body{font-family:"Open Sans", Tahoma, sans-serif, Arial;font-weight:400;}.price,#our_price_display,.old_price,.sale_percentage{font-weight:400;}.product_list.list .ajax_add_to_cart_button, .product_list.list .view_button,#create-account_form .submit .btn_primary, #login_form .submit .btn_primary, .camera_caption_box .btn_primary, .iosSlider_text .btn_primary{font-family:"Open Sans", Tahoma, sans-serif, Arial;font-weight:400;}.btn-default.btn_primary, .btn-medium.btn_primary, .btn-large.btn_primary{text-transform: uppercase;}.style_wide .ma_level_1{font-family: "Open Sans";font-weight:400;}.advanced_style_wide .advanced_ma_level_1{font-family: "Montserrat";font-weight:400;}#st_advanced_menu_wrap .advanced_ma_level_0{height: 50px;padding-top: 7px;padding-bottom: 7px;}.advanced_ma_level_0 .icon-down-dir-2{top:34%;}#st_advanced_menu_wrap .advanced_ma_level_0 .cate_label{top: 1px;}.block .title_block, .idTabs a,.product_accordion_title,.heading,.page-heading,.page-subheading,.pc_slider_tabs a, #home-page-tabs li a, #home-page-tabs li span,.product_main_name{font-weight:500;text-transform: uppercase;font-family: "Montserrat";}#st_mega_menu .ma_level_0{text-transform: uppercase;font-family: "Open Sans";font-weight:400;}#stmobilemenu .ma_level_0{text-transform: uppercase;font-family: "Open Sans";}.style_wide .ma_level_1{text-transform: uppercase;}.product_main_name{font-family:"Montserrat";font-weight:500;}.product_main_name{font-size: 19px;}#st_advanced_menu_wrap .advanced_ma_level_0, .mobile_bar_tri_text, #st_advanced_menu_column_mobile{text-transform: uppercase;font-family: "Montserrat";font-weight:400;}#stmobileadvancedmenu .mo_advanced_ma_level_0{text-transform: uppercase;font-family: "Montserrat";}.advanced_style_wide .advanced_ma_level_1{text-transform: uppercase;}.advanced_style_wide .advanced_ma_level_1{font-family: "Montserrat";font-weight:400;}.advanced_mv_item{font-family: "Montserrat";font-weight:400;}#st_advanced_menu_column_desktop .advanced_ma_level_0{text-transform: none;font-family: "Montserrat";font-weight:400;;}#footer-primary .block .title_block, #footer-primary .block a.title_block, #footer-primary .block .title_block a{color: #ffffff;}a:active,a:hover, #layered_block_left ul li a:hover, #product_comments_block_extra a:hover, .breadcrumb a:hover, a.color_666:hover, .pc_slider_tabs a.selected, #footer_info a:hover, .blog_info a:hover, .block .title_block a:hover, div.pagination .showall .show_all_products:hover, .content_sortPagiBar .display li.selected a, .content_sortPagiBar .display_m li.selected a, .content_sortPagiBar .display li a:hover, .content_sortPagiBar .display_m li a:hover, #home-page-tabs > li.active a, #home-page-tabs li a:hover, .fancybox-skin .fancybox-close:hover{color: #0096b1;}.price, #our_price_display, .sale_percentage{color: #333333;}.old_price,#old_price_display{color: #777777;}.breadcrumb a:hover{color: #0096b1;}a.icon_wrap, .icon_wrap,.shopping_cart .ajax_cart_right{color: #333333;}a.icon_wrap.active,.icon_wrap.active,a.icon_wrap:hover,.icon_wrap:hover,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart:hover .icon_wrap,.shopping_cart_style_1 .shopping_cart:hover .icon_wrap,.shopping_cart.active .icon_wrap,.myaccount-link-list a:hover .icon_wrap{color: #ffffff;}a.icon_wrap.active,.icon_wrap.active,a.icon_wrap:hover,.icon_wrap:hover,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart:hover .icon_wrap,.shopping_cart.active .icon_wrap,.myaccount-link-list a:hover .icon_wrap{background-color: #0096b1;}.submit_searchbox:hover,.searchbox_inner.active .search_query,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart.active .icon_wrap,.shopping_cart:hover .icon_wrap{border-color:#0096b1;}#rightbar{top:auto; bottom:40%;}.hover_fly a,.hover_fly a:hover,.hover_fly a:first-child,.hover_fly a:first-child:hover{color:#ffffff!important;}.itemlist_action a.ajax_add_to_cart_button,.itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.view_button,.itemlist_action a.view_button:hover{color:#ffffff;}.hover_fly a:first-child{background-color: #7eb90d;}.hover_fly a:hover{background-color: #7eb90d!important;}.itemlist_action a.ajax_add_to_cart_button,.itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.view_button,.itemlist_action a.view_button:hover{background-color: #7eb90d;}.btn-default:hover, .btn-default.active, .btn-medium:hover, .btn-medium.active, .btn-large:hover, .btn-large.active, input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active, .itemlist_action .ajax_add_to_cart_button:hover, .itemlist_action .ajax_add_to_cart_button.active, .itemlist_action .view_button:hover, .itemlist_action .view_button.active{color: #ffffff;background-color: #0096b1;border-color:#0096b1;}.product_list.list .button.ajax_add_to_cart_button, .btn-default.btn_primary, .btn-medium.btn_primary, .btn-large.btn_primary {color: #ffffff;background-color: #7eb90d;border-color:#7eb90d;}.product_list.list .button.ajax_add_to_cart_button:hover,.product_list.list .button.ajax_add_to_cart_button.active, .itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.ajax_add_to_cart_button.active, .btn-default.btn_primary:hover, .btn-default.btn_primary.active, .btn-medium.btn_primary:hover, .btn-medium.btn_primary.active, .btn-large.btn_primary:hover, .btn-large.btn_primary.active{color: #ffffff;background-color: #81c700;border-color:#81c700;}#top_bar .header_item{color:#cccccc;}#top_bar .header_item,#top_bar a.header_item, #top_bar .dropdown_tri_inner, #top_bar .shopping_cart .icon_wrap, #top_bar .shopping_cart .ajax_cart_right{color:#cccccc;}#top_bar .dropdown_tri_inner b{border-color: #cccccc transparent transparent;}#top_bar a.header_item:hover,#top_bar .open .dropdown_tri_inner{background-color:#ffffff;}.dropdown_list li a:hover{background-color:#ffffff;}#top_bar{background-color:#485A77;}#top_bar #header_user_info a, #top_bar #header_user_info span, #stsocial_list_topbar li a, #contact-link a, .shop-phone, #top_bar .dropdown_tri_inner,#top_bar .shopping_cart_style_1 .shopping_cart, .currency_selector, .language_selector{border-color:#485A77;}#top_bar #header_user_info a, #top_bar #header_user_info span, #stsocial_list_topbar li a, #contact-link a, .shop-phone, #top_bar .dropdown_tri_inner, #top_bar .shopping_cart_style_1 .shopping_cart, .currency_selector, .language_selector{padding-top:8px;padding-bottom:8px;}#page_header .blockcart_wrap .cart_block{top:35px;}#top_bar {border-bottom-width:1px;border-bottom-style: solid;}#top_bar, #top_bar .container{border-bottom-color:#bfbfbf;}.sttlevel0.current .ma_level_0, .sttlevel0.active .ma_level_0{background-color:#333333;}#st_advanced_menu_wrap .advanced_ma_level_0{color:#444444;}#main_menu_widgets #search_block_top.quick_search_simple .submit_searchbox,#main_menu_widgets a.header_item,#main_menu_widgets .shopping_cart .icon_wrap, #main_menu_widgets .shopping_cart, #main_menu_widgets .shopping_cart .ajax_cart_right{color:#444444;}#st_advanced_menu_wrap .advanced_ml_level_0.current .advanced_ma_level_0,#st_advanced_menu_wrap .advanced_ma_level_0:hover,#main_menu_widgets a.header_item:hover,#main_menu_widgets .shopping_cart:hover .icon_wrap,#main_menu_widgets .shopping_cart.active .icon_wrap, #main_menu_widgets .shopping_cart:hover, #main_menu_widgets .shopping_cart.active, #main_menu_widgets .shopping_cart:hover .ajax_cart_right, #main_menu_widgets .shopping_cart.active .ajax_cart_right{color:#ffffff;border-bottom-color:#ffffff;}#st_advanced_menu_wrap .advanced_ml_level_0.current .advanced_ma_level_0{background-color:#333333;}#st_advanced_menu_container{background-color:#ffffff;}#st_advanced_menu_container.sticky{background: #ffffff;background:rgba(255,255,255,1);}#page_header.has_sticky{padding-bottom:50px;}#st_advanced_menu_wrap .stadvancedmenu_sub{border-top-width:0px;}#st_advanced_menu_wrap .advanced_ma_level_0{margin-bottom:-0px;border-bottom-width:0px;}#st_advanced_menu_container{border-bottom-width:0px;}#st_advanced_menu_column_desktop .advanced_ml_level_0.current .advanced_ma_level_0{background-color:#fbfbfb;}#st_advanced_menu_column_desktop,#st_advanced_menu_column_mobile{border:1px solid #bfbfbf;}#st_advanced_menu_column_desktop .advanced_ml_level_0, #st_advanced_menu_column_mobile .mo_advanced_ml_level_0, #st_advanced_menu_column_mobile .mo_advanced_sub_li{border-bottom:1px solid #bfbfbf;}#st_advanced_menu_column_desktop .advanced_ml_level_0:last-child,#st_advanced_menu_column_mobile .mo_advanced_ml_level_0:last-child, #st_advanced_menu_column_mobile .mo_advanced_sub_li:last-child{border-bottom:none;}#footer-primary, #footer-primary .container{border-top-color:#e5e5e5;}.footer-container #footer_info,.footer-container #footer_info a{color:#ffffff;}.footer-container #footer_info a:hover{color:#ffffff;}#footer{color:#3b3b3b;}#footer a{color:#ffffff;}#footer a:hover{color:#0096b1;}body{background-attachment: fixed;}#page_header{background-color:#ffffff;}body#index.mobile_device #page_header.transparent_header{background-color:#ffffff;}@media only screen and (max-width: 991px) {body#index #page_header.transparent_header{background-color:#ffffff;}}#header .wide_container,#top_extra .wide_container{background-color:#ffffff;}#footer-top {border-top-width:2px;border-top-style: solid;}#footer-top, #footer-top .container{border-top-color:#e5e5e5;}#footer-top{background-color:#ffffff;}#footer-primary{background-color:#3b3b3b;}#footer-primary .wide_container{background-color:#3b3b3b;}#footer-secondary{background-color:#3B3B3B;}#footer-secondary .wide_container{background-color:#3B3B3B;}.footer-container #footer_info{background-color:#222222;}.footer-container #footer_info, .footer-container #footer_info .container{border-top: none;}span.new{border:none;width:40px;height:40px;line-height:40px;top:0;}span.new i{position:static;left:auto;}span.new{-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}span.new{background-color:#00A161;border-color:#00A161;}span.new{width:54px;height:54px;line-height:54px;}span.new{top:5px;}span.new{right:5px;}.is_rtl span.new{right: auto;left: 5px;}span.on_sale{border:none;width:40px;height:40px;line-height:40px;top:0;}span.on_sale i{position:static;left:auto;}span.on_sale{-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}span.on_sale{background-color:#ff8a00;border-color:#ff8a00;}span.on_sale{width:54px;height:54px;line-height:54px;}span.on_sale{top:5px;}span.on_sale{left:5px;}.is_rtl span.on_sale{left: auto;right: 5px;}span.sale_percentage_sticker{bottom: 54px;}span.sale_percentage_sticker{right: 5px;}span.sold_out{font-family: "Montserrat";}#more_info_tabs a.selected{ background-color: #ffffff; }#more_info_sheets, #right_more_info_block .product_accordion .pa_content{ background-color: #ffffff; }.main_content_area{ padding-top: 16px; }body#index .main_content_area,body#module-stblog-default .main_content_area{ padding-top: 0px; }#page_wrapper{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}#page_header #mobile_bar,#page_header.sticky_mh #mobile_bar{ background-color: #ffffff;}#page_header.sticky_mh #mobile_bar, body#index #page_header.transparent-mobile-header.sticky_mh #mobile_bar{background-color: #ffffff;background:rgba(255,255,255,0);}.top-pagination-content ul.pagination li > a:hover, .bottom-pagination-content ul.pagination li > a:hover, .bottom-blog-pagination ul.pagination li > a:hover, .bottom-blog-mycomments-pagination ul.pagination li > a:hover, .top-pagination-content ul.pagination .current > a, .top-pagination-content ul.pagination .current > span, .bottom-pagination-content ul.pagination .current > a, .bottom-pagination-content ul.pagination .current > span, .bottom-blog-pagination ul.pagination .current > a, .bottom-blog-pagination ul.pagination .current > span, .bottom-blog-mycomments-pagination ul.pagination .current > a, .bottom-blog-mycomments-pagination ul.pagination .current > span{ color: #ffffff; }.top-pagination-content ul.pagination li > a:hover, .bottom-pagination-content ul.pagination li > a:hover, .bottom-blog-pagination ul.pagination li > a:hover, .bottom-blog-mycomments-pagination ul.pagination li > a:hover, .top-pagination-content ul.pagination .current > a, .top-pagination-content ul.pagination .current > span, .bottom-pagination-content ul.pagination .current > a, .bottom-pagination-content ul.pagination .current > span, .bottom-blog-pagination ul.pagination .current > a, .bottom-blog-pagination ul.pagination .current > span, .bottom-blog-mycomments-pagination ul.pagination .current > a, .bottom-blog-mycomments-pagination ul.pagination .current > span{ background-color: #0096b1; }#mobile_header_logo img{max-width: 600px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 530px;}@media (max-width: 767px) {#mobile_header_logo img{max-width: 330px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 238px;}}@media (max-width: 480px) {#mobile_header_logo img{max-width: 180px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 106px;}}body{font-family:"Open Sans", Tahoma, sans-serif, Arial;font-weight:400;}.price,#our_price_display,.old_price,.sale_percentage{font-weight:400;}.product_list.list .ajax_add_to_cart_button, .product_list.list .view_button,#create-account_form .submit .btn_primary, #login_form .submit .btn_primary, .camera_caption_box .btn_primary, .iosSlider_text .btn_primary{font-family:"Montserrat","Open Sans", Tahoma, sans-serif, Arial;font-weight:400;}.btn-default.btn_primary, .btn-medium.btn_primary, .btn-large.btn_primary{text-transform: uppercase;}.style_wide .ma_level_1{font-family: "Open Sans";font-weight:400;}.advanced_style_wide .advanced_ma_level_1{font-family: "Montserrat";font-weight:400;}#st_advanced_menu_wrap .advanced_ma_level_0{height: 50px;padding-top: 7px;padding-bottom: 7px;}.advanced_ma_level_0 .icon-down-dir-2{top:34%;}#st_advanced_menu_wrap .advanced_ma_level_0 .cate_label{top: 1px;}.block .title_block, .idTabs a,.product_accordion_title,.heading,.page-heading,.page-subheading,.pc_slider_tabs a, #home-page-tabs li a, #home-page-tabs li span,.product_main_name{font-weight:500;text-transform: initial;font-family: "Montserrat", "Open Sans", sans-serif;}#st_mega_menu .ma_level_0{text-transform: uppercase;font-family: "Open Sans";font-weight:400;}#stmobilemenu .ma_level_0{text-transform: uppercase;font-family: "Open Sans";}.style_wide .ma_level_1{text-transform: uppercase;}.product_main_name{font-family:"Montserrat", "Open Sans", sans-serif;font-weight:500;}.product_main_name{font-size: 19px;}#st_advanced_menu_wrap .advanced_ma_level_0, .mobile_bar_tri_text, #st_advanced_menu_column_mobile{text-transform: uppercase;font-family: "Montserrat";font-weight:400;}#stmobileadvancedmenu .mo_advanced_ma_level_0{text-transform: uppercase;font-family: "Montserrat";}.advanced_style_wide .advanced_ma_level_1{text-transform: uppercase;}.advanced_style_wide .advanced_ma_level_1{font-family: "Montserrat";font-weight:400;}.advanced_mv_item{font-family: "Montserrat";font-weight:400;}#st_advanced_menu_column_desktop .advanced_ma_level_0{text-transform: none;font-family: "Montserrat";font-weight:400;;}#footer-primary .block .title_block, #footer-primary .block a.title_block, #footer-primary .block .title_block a{color: #ffffff;}a:active,a:hover, #layered_block_left ul li a:hover, #product_comments_block_extra a:hover, .breadcrumb a:hover, a.coaflor_666:hover, .pc_slider_tabs a.selected, #footer_info a:hover, .blog_info a:hover, .block .title_block a:hover, div.pagination .showall .show_all_products:hover, .content_sortPagiBar .display li.selected a, .content_sortPagiBar .display_m li.selected a, .content_sortPagiBar .display li a:hover, .content_sortPagiBar .display_m li a:hover, #home-page-tabs > li.active a, #home-page-tabs li a:hover, .fancybox-skin .fancybox-close:hover{color: #008acc;}.price, #our_price_display, .sale_percentage{color: #333333;}.old_price,#old_price_display{color: #777777;}.breadcrumb a:hover{color: #008acc;}a.icon_wrap, .icon_wrap,.shopping_cart .ajax_cart_right{color: #333333;}a.icon_wrap.active,.icon_wrap.active,a.icon_wrap:hover,.icon_wrap:hover,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart:hover .icon_wrap,.shopping_cart_style_1 .shopping_cart:hover .icon_wrap,.shopping_cart.active .icon_wrap,.myaccount-link-list a:hover .icon_wrap{color: #ffffff;}a.icon_wrap.active,.icon_wrap.active,a.icon_wrap:hover,.icon_wrap:hover,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart:hover .icon_wrap,.shopping_cart.active .icon_wrap,.myaccount-link-list a:hover .icon_wrap{background-color: #008acc;}.submit_searchbox:hover,.searchbox_inner.active .search_query,.searchbox_inner.active .submit_searchbox.icon_wrap,#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap, #search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,.shopping_cart.active .icon_wrap,.shopping_cart:hover .icon_wrap{border-color: #008acc;}#rightbar{top:auto; bottom:40%;}.hover_fly a,.hover_fly a:hover,.hover_fly a:first-child,.hover_fly a:first-child:hover{color:#ffffff!important;}.itemlist_action a.ajax_add_to_cart_button,.itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.view_button,.itemlist_action a.view_button:hover{color:#ffffff;}.hover_fly a:first-child{background-color: #7eb90d;}.hover_fly a:hover{background-color: #7eb90d!important;}.itemlist_action a.ajax_add_to_cart_button,.itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.view_button,.itemlist_action a.view_button:hover{background-color: #7eb90d;}.btn-default:hover, .btn-default.active, .btn-medium:hover, .btn-medium.active, .btn-large:hover, .btn-large.active, input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active, .itemlist_action .ajax_add_to_cart_button:hover, .itemlist_action .ajax_add_to_cart_button.active, .itemlist_action .view_button:hover, .itemlist_action .view_button.active{color: #ffffff;background-color: #008acc ; border-color: #008acc;}.product_list.list .button.ajax_add_to_cart_button, .btn-default.btn_primary, .btn-medium.btn_primary, .btn-large.btn_primary {color: #ffffff;background-color: #7eb90d;border-color:#7eb90d; border-radius: 2px;}.product_list.list .button.ajax_add_to_cart_button:hover,.product_list.list .button.ajax_add_to_cart_button.active, .itemlist_action a.ajax_add_to_cart_button:hover,.itemlist_action a.ajax_add_to_cart_button.active, .btn-default.btn_primary:hover, .btn-default.btn_primary.active, .btn-medium.btn_primary:hover, .btn-medium.btn_primary.active, .btn-large.btn_primary:hover, .btn-large.btn_primary.active{color: #ffffff;background: #88c511;transition: background 0.1s linear;}#top_bar .header_item{color:#cccccc;}#top_bar .header_item,#top_bar a.header_item, #top_bar .dropdown_tri_inner, #top_bar .shopping_cart .icon_wrap, #top_bar .shopping_cart .ajax_cart_right{color:#ffffff;}#top_bar .dropdown_tri_inner b{border-color: #cccccc transparent transparent;}#top_bar a.header_item:hover,#top_bar .open .dropdown_tri_inner{background-color:#ffffff;}.dropdown_list li a:hover{background-color:#ffffff;}#top_bar{background-color:#344b6f;}#top_bar #header_user_info a, #top_bar #header_user_info span, #stsocial_list_topbar li a, #contact-link a, .shop-phone, #top_bar .dropdown_tri_inner,#top_bar .shopping_cart_style_1 .shopping_cart, .currency_selector, .language_selector{border-color:#485A77;}#top_bar #header_user_info a, #top_bar #header_user_info span, #stsocial_list_topbar li a, #contact-link a, .shop-phone, #top_bar .dropdown_tri_inner, #top_bar .shopping_cart_style_1 .shopping_cart, .currency_selector, .language_selector{padding-top:8px;padding-bottom:8px;}#page_header .blockcart_wrap .cart_block{top:35px;}#top_bar {border-bottom-width:1px;border-bottom-style: solid;}#top_bar, #top_bar .container{border-bottom-color:#bfbfbf;}.sttlevel0.current .ma_level_0, .sttlevel0.active .ma_level_0{background-color:#333333;}#st_advanced_menu_wrap .advanced_ma_level_0{color:#000000;}#main_menu_widgets #search_block_top.quick_search_simple .submit_searchbox,#main_menu_widgets a.header_item,#main_menu_widgets .shopping_cart .icon_wrap, #main_menu_widgets .shopping_cart, #main_menu_widgets .shopping_cart .ajax_cart_right{color:#444444;}#st_advanced_menu_wrap .advanced_ml_level_0.current .advanced_ma_level_0,#st_advanced_menu_wrap .advanced_ma_level_0:hover,#main_menu_widgets a.header_item:hover,#main_menu_widgets .shopping_cart:hover .icon_wrap,#main_menu_widgets .shopping_cart.active .icon_wrap, #main_menu_widgets .shopping_cart:hover, #main_menu_widgets .shopping_cart.active, #main_menu_widgets .shopping_cart:hover .ajax_cart_right, #main_menu_widgets .shopping_cart.active .ajax_cart_right{color:#ffffff;border-bottom-color:#ffffff;}#st_advanced_menu_wrap .advanced_ml_level_0.current .advanced_ma_level_0{background-color:#333333;}#st_advanced_menu_container{background-color:#ffffff;}#st_advanced_menu_container.sticky{background: #ffffff;background:#ffffff;}#page_header.has_sticky{padding-bottom:50px;}#st_advanced_menu_wrap .stadvancedmenu_sub{border-top-width:0px;}#st_advanced_menu_wrap .advanced_ma_level_0{margin-bottom:-0px;border-bottom-width:0px;}#st_advanced_menu_container{border-bottom-width:0px;}#st_advanced_menu_column_desktop .advanced_ml_level_0.current .advanced_ma_level_0{background-color:#fbfbfb;}#st_advanced_menu_column_desktop,#st_advanced_menu_column_mobile{border:1px solid #bfbfbf;}#st_advanced_menu_column_desktop .advanced_ml_level_0, #st_advanced_menu_column_mobile .mo_advanced_ml_level_0, #st_advanced_menu_column_mobile .mo_advanced_sub_li{border-bottom:1px solid #bfbfbf;}#st_advanced_menu_column_desktop .advanced_ml_level_0:last-child,#st_advanced_menu_column_mobile .mo_advanced_ml_level_0:last-child, #st_advanced_menu_column_mobile .mo_advanced_sub_li:last-child{border-bottom:none;}#footer-primary, #footer-primary .container{border-top-color:#e5e5e5;}.footer-container #footer_info,.footer-container #footer_info a{color:#ffffff;}.footer-container #footer_info a:hover{color:#ffffff;}#footer{color:#3b3b3b;}#footer a{color:#ffffff;}#footer a:hover{color: #008acc;}body{background-attachment: fixed;}#page_header{background-color:#ffffff;}body#index.mobile_device #page_header.transparent_header{background-color:#ffffff;}@media only screen and (max-width: 991px) {body#index #page_header.transparent_header{background-color:#ffffff;}}#header .wide_container,#top_extra .wide_container{background-color:#ffffff;}#footer-top {border-top-width:2px;border-top-style: solid;}#footer-top, #footer-top .container{border-top-color:#e5e5e5;}#footer-top{background-color:#ffffff;}#footer-primary{background-color:#3b3b3b;}#footer-primary .wide_container{background-color:#3b3b3b;}#footer-secondary{background-color:#3B3B3B;}#footer-secondary .wide_container{background-color:#3B3B3B;}.footer-container #footer_info{background-color:#222222;}.footer-container #footer_info, .footer-container #footer_info .container{border-top: none;}span.new{border:none;width:40px;height:40px;line-height:40px;top:0;}span.new i{position:static;left:auto;}span.new{-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}span.new{background-color:#00A161;border-color:#00A161;}span.new{width:54px;height:54px;line-height:54px;}span.new{top:5px;}span.new{right:5px;}.is_rtl span.new{right: auto;left: 5px;}span.on_sale{border:none;width:40px;height:40px;line-height:40px;top:0;}span.on_sale i{position:static;left:auto;}span.on_sale{-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}span.on_sale{background-color:#ff8a00;border-color:#ff8a00;}span.on_sale{width:54px;height:54px;line-height:54px;}span.on_sale{top:5px;}span.on_sale{left:5px;}.is_rtl span.on_sale{left: auto;right: 5px;}span.sale_percentage_sticker{bottom: 54px;}span.sale_percentage_sticker{right: 5px;}span.sold_out{font-family: "Montserrat";}#more_info_tabs a.selected{ background-color: #ffffff; }#more_info_sheets, #right_more_info_block .product_accordion .pa_content{ background-color: #ffffff; }.main_content_area{ padding-top: 20px; }body#index .main_content_area,body#module-stblog-default .main_content_area{ padding-top: 16px; }#page_wrapper{-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px rgba(0,0,0,0.1); }#page_header #mobile_bar,#page_header.sticky_mh #mobile_bar{ background-color: #ffffff;}#page_header.sticky_mh #mobile_bar, body#index #page_header.transparent-mobile-header.sticky_mh #mobile_bar{background-color: #ffffff;}.top-pagination-content ul.pagination li > a:hover, .bottom-pagination-content ul.pagination li > a:hover, .bottom-blog-pagination ul.pagination li > a:hover, .bottom-blog-mycomments-pagination ul.pagination li > a:hover, .top-pagination-content ul.pagination .current > a, .top-pagination-content ul.pagination .current > span, .bottom-pagination-content ul.pagination .current > a, .bottom-pagination-content ul.pagination .current > span, .bottom-blog-pagination ul.pagination .current > a, .bottom-blog-pagination ul.pagination .current > span, .bottom-blog-mycomments-pagination ul.pagination .current > a, .bottom-blog-mycomments-pagination ul.pagination .current > span{ color: #ffffff; }.top-pagination-content ul.pagination li > a:hover, .bottom-pagination-content ul.pagination li > a:hover, .bottom-blog-pagination ul.pagination li > a:hover, .bottom-blog-mycomments-pagination ul.pagination li > a:hover, .top-pagination-content ul.pagination .current > a, .top-pagination-content ul.pagination .current > span, .bottom-pagination-content ul.pagination .current > a, .bottom-pagination-content ul.pagination .current > span, .bottom-blog-pagination ul.pagination .current > a, .bottom-blog-pagination ul.pagination .current > span, .bottom-blog-mycomments-pagination ul.pagination .current > a, .bottom-blog-mycomments-pagination ul.pagination .current > span{ background-color: #008acc; }#mobile_header_logo img{max-width: 600px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 530px;}@media (max-width: 767px) {#mobile_header_logo img{max-width: 330px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 238px;}}@media (max-width: 480px) {#mobile_header_logo img{max-width: 180px;}.mobile_bar_left_layout #mobile_header_logo img{max-width: 106px;}} /* END OF THEME CODE */ /* TO BE SORTED */ h4{ font-weight: bold; font-size: 1.8rem; margin-bottom:5px; } .message_pb_livraison{ font-size: 1.4rem; font-weight: bold; color: red; text-align: center; } .message_pb_livraison:before, .message_pb_livraison:after{ content: ' ⚠'; font-size: 2rem; } .hidden{ display: none; } #st_advanced_ma_0{ text-align : center; background : linear-gradient(#008acc, #2398e6); color : #fff !important; width: 190px; } #st_advanced_ma_0:hover, .stadvancedmenu_vertical:hover #st_advanced_ma_0{ background : linear-gradient(#0999de, #33abfb); } .nav_top_right .flex-direction-nav{ padding-right : 6px; } body#index .main_content_area{ padding-top : 0; } #index #home_tertiary_row{ display : flex; flex-flow : row nowrap; } #index #home_tertiary_row #home_tertiary_left{ background : #ffffff; margin: 5px; padding:0; } #index #home_tertiary_row #home_tertiary_right{ background : #ffffff; margin: 5px; padding:0; } #index #home_tertiary_row .st_advanced_banner_0{ margin-bottom: 0; } @media screen and (max-width: 650px) { #index #home_tertiary_row{ flex-flow : row wrap; } #index #home_tertiary_row #home_tertiary_right, #index #home_tertiary_row #home_tertiary_left{ margin: 5px 0px; } } .featured_products_sldier_block_center_container{ border-top : 2px solid rgba(255, 165, 0, 0.68); } .new-products_block_center_container{ border-top:solid 2px #008acc; } #index .new-products_block_center_container .title_block{ padding-right : 0; } #index .featured_products_sldier_block_center_container .title_block{ padding-right: 0; } .main_content_area, #product .main_content_area{ background : #f3f3f3; } #blockcart_top_wrap{ float : right; top: 3px; } .stadvancedmenu_sub stadvancedmenu_vertical col-md-3{ box-shadow : 0px 0px 2px 0px #222222; } .stadvancedmenu_sub{ box-shadow : 0px 2px 5px 0px rgba(0,0,0,0.4); width: 30% !important; } #footer-secondary .container{ padding-top : 0; padding-bottom : 0.4em; } .product_list.grid .ajax_block_product:hover .pro_outer_box{ box-shadow: none; } .slides .pro_outer_box a.product_image{ padding: 10px; } .product_list.grid .ajax_block_product:hover .pro_second_box{ background: none; } .warning_inline{ color: #d42828; font-size: 1.4rem; font-weight: bold; } .blockproductscategory{ background: #ffffff; padding: 10px; } #product .qt_cart_box{ margin-bottom: 0; padding: 15px 0px 15px 0px; border-bottom: 0; } .know_more{ font-size: 13px; } #product .addToWishlist span{ position: relative; bottom: 3px; } .fancybox-skin{ border-radius: 2px; } .fancybox-opened .fancybox-title{ visibility: hidden !important; } form.box{ background: none; border: 0; } span.form_info, span.inline-infos, p.inline-infos.required{ margin: 0 !important; } @media screen and (max-width: 850px){ #rightbar{ display:none; } } @media screen and (min-width: 992px){ .container, .wide_container{ max-width : 750px; } } @media screen and (min-width: 1090px){ .container, .wide_container{ max-width : 950px; } } @media screen and (min-width: 1150px){ .container, .wide_container{ max-width : 1000px; } } @media screen and (min-width: 1200px){ .container, .wide_container{ max-width : 1000px; } } @media screen and (min-width: 1300px){ .container, .wide_container{ max-width : 1100px; } } @media screen and (min-width: 1600px){ .container, .wide_container{ max-width : 1400px; } } @media screen and (max-width: 1600px){ .container{ max-width: 100%; } } @media screen and (max-width: 992px){ #center_column, .my_account_column{ width: 100%; } } /* passer dans my-account */ /* END OF TO BE SORTED */ /* GLOBAL CLASSES */ /* Font Import */ @font-face { font-family: 'icomoon'; src: url('icomoon.eot'); src: url('icomoon.eot') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'flip'; src: url('flip.eot'); src: url('flip.eot') format('embedded-opentype'), url('flip.ttf') format('truetype'), url('flip.woff') format('woff'), url('flip.svg') format('svg'); font-weight: normal; font-style: normal; font-display: block; } /* Icons */ .icon-like2:before{content: "\e90e";} .icon-trashcann, .icon-cancel:before{content: "\e910";} .icon-cart-icon:before{content: "\e911";} .icon-personal-icon:before{content: "\e912";} .icon-arrow-with-circle-right:before{content: "\e914";} .icon-gift:before{content: "\e915";} .icon-sign-out:before{content: "\e916";} .icon-cc-mastercard:before{content: "\e90d";} .icon-cc-visa:before{content: "\e90c";} .icon-cc-paypal:before{content: "\e90b";} .icon-keyboard_arrow_left:before{content:"\e918";} .icon-keyboard_arrow_right:before{content:"\e917";} .icon-envelope:before{content: "\e90f";} .icon-basket:before{content: "\e73d";} .icon-transfer:before{content: "\e903";} .icon-check-signing:before{content: "\e904";} .icon-discount:before{content: "\e905";} .icon-coins:before{content: "\e906";} .icon-heart:before{content: "\e907";} .icon-chat:before{content: "\e908";} .icon-alarm:before{content: "\e909";} .icon-adress:before{content: "\e90a";} .icon-adress-plus:before{content: "\e901";} .icon-mesinfos:before{content: "\e900";} .icon-credit-card:before{content: "\e93f";} .icon-envelop:before{content: "\e945";} .icon-cancel-circle:before{content: "\ea0d";} .icon-arrow-right:before{content: "\ea34";} .icon-radio-unchecked:before{content: "\ea56";} .icon-paypal:before{content: "\ead8";} .icon-support_icon:before{content: "\e919";} .icon-gears:before{content: "\e91a";} .icon-sphere:before{content: "\e91c";} .icon-globe:before{content: "\e91c";} .icon-cog:before{content: "\e91b";} .icon-commande_icon:before{content:"\e91e";} .icon-return_product:before{content:"\e91f";} .icon-product-advice:before{content:"\e920";} .icon-homeicon:before{content: "\e921";} .icon-appareils-hifi:before{content: "\e91a";} .icon-speaker:before{content: "\e923";} .icon-boitiers:before{content: "\e922";} .icon-cable:before{content: "\e924";} .icon-diy-speaker:before{content: "\e925";} .icon-capacitor-self:before{content: "\e926";} .icon-power-supply:before{content: "\e927";} .icon-spikes:before{content:"\e928";} .icon-screw:before{content:"\e929";} .icon-pcb:before{content: "\e92a";} .icon-connector:before{content: "\e92b";} .icon-check-circle-o:before{content: "\e92c";} .icon-checkmark:before{content: "\e92e";} .icon-comment-o:before{content: "\e92f"} .icon-delai-livraison:before{content: "\e932";} .icon-modification-commande:before{content: "\e933";} .icon-help-circle:before{content: "\e935";} .icon-probleme-livraison:before{content: "\e936";} .icon-keyboard_arrow_up:before{content: "\e937";} .icon-keyboard_arrow_down:before{content: "\e938";} .icon-autres-demandes:before{content: "\e939";} .icon-avant-vente:before{content: "\e93a";} .icon-commande-en-cours:before{content: "\e93b";} .icon-upload:before{content: "\e93d";} .icon-save:before{content: "\e93c";} .flip-transfer:before{content: "\f900";} .flip-close:before{content: "\e902";} .flip-clear:before{content: "\e903";} .flip-file_download:before{content: "\e900";} .flip-get_app:before{content: "\e900";} .flip-download:before{content: "\e901";} [class^="icon-"]:before, [class*=" icon-"]:before{ font-family: 'icomoon', 'fontello' } [class^="flip-"], [class*=" flip-"] { font-family: 'flip' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Animations */ @keyframes flash{ from, 50%, to{opacity: 1; } 25%, 75% {opacity: 0;} } @keyframes bounceinanim{ 0%{bottom: 40px;} 50%{bottom: 60px;} 70%{bottom: 50px;} 90%{bottom: 55px;} 100%{bottom: 50px;} } @keyframes bounceoutanim{ 0%{bottom: 50px;} 100%{bottom: 40px;} } @keyframes fadein{ 0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} } @keyframes fadeIn{ 0%{ opacity: 0; } 100%{ opacity: 100%; } } @-webkit-keyframes fadeIn{ 0%{ opacity: 0; transform: scale(0.6); } 100%{ opacity: 100%; transform: scale(1); } } .flash { animation: flash 3s infinite; } /* Element Sizes */ .size10{width: 10% !important; height: 10% !important;} .size20{width: 20% !important; height: 20% !important;} .size30{width: 30% !important; height: 30% !important;} .size40{width: 40% !important; height: 40% !important;} .size44{width: 44% !important; height: 440% !important;} .size50{width: 50% !important; height: 50% !important;} .size60{width: 60% !important; height: 60% !important;} .size70{width: 70% !important; height: 100% !important;} .size80{width: 80% !important; height: 100% !important;} .size90{width: 90% !important; height: 100% !important;} .size100{width: 100% !important; height: 100% !important;} .size110{width: 110% !important; height: 110% !important;} .size120{width: 120% !important; height: 120% !important;} .size130{width: 130% !important; height: 130% !important;} .size140{width: 140% !important; height: 140% !important;} .size150{width: 150% !important; height: 150% !important;} .w10{width: 10% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w10{width: 50% !important;}} .w20{width: 20% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w20{width: 50% !important;}} .w30{width: 30% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w30{width: 100% !important;}} .w40{width: 40% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w40{width: 100% !important;}} .w50{width: 50% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w50{width: 100% !important;}} .w60{width: 60% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w60{width: 100% !important;}} .w70{width: 70% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w70{width: 100% !important;}} .w80{width: 80% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w80{width: 100% !important;}} .w90{width: 90% !important; padding: 10px !important;} @media screen and (max-width: 562px){.w90{width: 100% !important;}} .w100{width: 100% !important; padding: 10px !important;} .w110{width: 110% !important; padding: 10px !important;} .w120{width: 120% !important; padding: 10px !important;} .w130{width: 130% !important; padding: 10px !important;} .w140{width: 140% !important; padding: 10px !important;} .w150{width: 150% !important; padding: 10px !important;} /* Background Color */ .bglowgray{background: #f3f3f3 !important;} .bggray{background: #d2d1d1 !important;} .bg-apblue{background: #008acc !important;} .bg-apblue-hov{background: #159dde !important;} .bg-apgreen{background: #7eb90d !important;} .bg-apgreen-hov{background: #81c700 !important;} .bg-apred{background: #ff594c !important;} .bg-apred-hov{background: #f74639 !important;} .bg-aporange{background: #fda400 !important;} .bg-black{background: #000000 !important;} /* Text Color */ .clr-white{color: #ffffff !important;} .clr-apblue{color: #008acc !important;} .clr-apgreen{color: #7eb90d !important;} .clr-apred{color:#ff594c !important;} .clr-aporange{color:#fda400 !important;} .clr-gray{color: #999999 !important;} .clr-bdx{color: #C51D4A !important;} .clr-yellow{color: #ffbc00 !important;} /* Font Size */ .font10{font-size: 10px !important;} .font12{font-size: 12px !important;} .font14{font-size: 14px !important;} .font16{font-size: 16px !important;} .font18{font-size: 18px !important;} .font20{font-size: 20px !important;} .font22{font-size: 22px !important;} .font24{font-size: 24px !important;} .font26{font-size: 26px !important;} .font28{font-size: 28px !important;} .font30{font-size: 30px !important;} /* Text Style */ .bold{font-weight: bold !important;} .semibold{font-weight: 600 !important;} .italic{font-style: italic !important;} .center{text-align: center !important; text-align-last: center !important;} .mg-center{margin: 0 auto !important; text-align: center !important;} .uppercase{text-transform: uppercase !important;} /* Flexbox and Display*/ .flex_row_wrap{display: flex !important; flex-flow: row wrap !important;} .flex_row_nowrap{display: flex !important; flex-flow: row nowrap !important;} .flex_column_wrap{display: flex !important; flex-flow: column wrap !important;} .flex_space_between{justify-content: space-between !important;} .flex_space_around{justify-content: space-around !important;} .flex_center{justify-content: center !important; align-items: center !important;} .flex_ai_center{align-items: center !important;} .flex_jc_center{justify-content: center !important;} .align-self-center{align-self: center !important;} .nodisplay{display: none !important;} /* Margin / Padding */ .mb0{margin-bottom: 0px !important;} .mt0{margin-top: 0px !important;} .mb20{margin-bottom: 20px !important;} .mt20{margin-top: 20px !important;} .mb50{margin-bottom: 50px !important;} .mt50{margin-top: 50px !important;} .margin0{margin: 0px !important;} .margin10{margin:10px !important;} .padding10{padding: 10px !important;} .padding0{padding: 0px !important;} .pt10{padding-top: 10px !important;} .pt20{padding-top: 20px !important;} .pl10{padding-left: 10px !important;} .pr10{padding-right: 10px !important;} /* Lists */ .list_nostyle{list-style: none !important;} /* Box Shadow */ .box-shadow{box-shadow: 0px 0px 10px -2px #aaa;} /* Borders */ .top-blue-border{border-top: 2px solid #2ACFD3;} .top-red-border{border-top: 2px solid #FF5555;} .top-orange-border{border-top: 2px solid #F89D11;} .top-orange-border{border-top: 2px solid #F89D11;} .top-gray-border{border-top: 2px solid #48474D;} /* Buttons */ .image-button:hover{transform: scale(1.05,1.05); transition: transform 0.2s linear;} .image-button{transform: scale(1,1); transition: transform 0.2s linear;} .link-button{color: #ffffff; text-decoration: none !important;} .page-subheading{ text-align: center; font-size: 20px; } /* Note - Warn - Valid */ .pd-note, .warn, .valid{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-around; padding: 5px; margin: 10px 0px; border-radius: 2px; } .pd-note{ background: #FCDD9E; } .warn{ background: #FAB2B2; } .valid{ background: linear-gradient(45deg, #9ccc65, #b1da83); } .pd-note div{ width: 6%; height: 50px; background: url('./../../img/information.png'); background-repeat: no-repeat; margin: 10px; min-width: 50px; } .warn div{ width: 5.3%; height: 50px; background: url('./../../img/warn.png'); background-repeat: no-repeat; margin: 10px; min-width: 50px; } .valid div{ width: 5.3%; height: 50px; background: url('./../../img/valid2.png'); background-repeat: no-repeat; margin: 10px; min-width: 50px; } .pd-note p, .warn p, .valid p{ font-size: 12px !important; width: 85%; margin-bottom: 0px; font-weight: bold !important; } /* Fancybox */ .fancybox-skin .fancybox-close{ right: 0px; top: 0px; color: #ffffff; background: #444444; border-radius: 0px; } .fiftyblock_picture a.fancybox{ position: relative; } .fiftyblock_picture a.fancybox::after{ content: "\f31e"; position: absolute; right: 10px; top: 10px; font-family: 'Font Awesome 5 Free'; color: #505050; font-size: 1.4rem; font-weight: 900; background-color: rgba(255,255,255,0.8); border-radius: 50px; width: 25px; height: 25px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; transition: color 0.1s ease-in, font-size 0.1s ease-in; } .fiftyblock_picture a.fancybox:hover::after{ font-size: 1.6rem; color: #111; transition: color 0.1s ease-out, font-size 0.1s ease-out; } .ajax_add_to_cart_button{ border-radius: 0 !important; } .info-title{ text-align: center; } .icon_wrap:hover i{ transition: none; } #center_column{ background: #ffffff; position : relative; padding-top: 15px; } #index #center_column, #product #center_column{ background: inherit; position: initial; } #order #center_column, #history #center_column{ padding: 10px; } #order-slip #center_column, #module-totloyaltyadvanced-default #center_column, #discount #center_column, #addresses #center_column, #identity #center_column, #module-cheque-payment #center_column, #order-confirmation #center_column, #address #center_column, #addresses #center_column #identity #center_column, #module-stblogcomments-mycomments #center_column, #module-homecomments-reviews #center_column, #order-follow #center_column, #module-blockwishlist-mywishlist #center_column{ padding-bottom: 10px; } h1.page-heading{ text-align:center; font-size: 22px; color: #444444; } .row{ margin-right: 0; margin-left: 0; } .btn-default.btn_primary{ background: #7eb90d; transition: background 0.1s linear; } #mobile_bar{ background: #ffffff; } .nav_top_right .flex-direction-nav a{ background: transparent; color: #444444; } .nav_top_right .flex-direction-nav a.flex-disabled{ background: transparent; color: #999999; } #center_column .flex-direction-nav::before{ content: 'NAVIGATION'; margin-right: 10px; } #left_column .flex-direction-nav::before{ display: none; } .flex-direction-nav{ display: flex; flex-flow: row; align-items: center; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #search_block_top .btn.button-search:before{ content: '\e930'; font-size: 2.2em; font-family: 'icomoon'; } @media screen and (max-width: 620px){ #center_column .flex-direction-nav::before{ display: none; } } @media screen and (max-width: 853px){ .col-xs-12, .col-sm-12, .col-md-12{ padding-left: 0; padding-right: 0; } } /* END OF GLOBAL CLASSES */ /* TOPBAR */ #top_bar a.header_item:hover, #top_bar .dropdown_tri_inner:hover{ color: #485A77; } #top_bar .dropdown_tri_inner, #top_bar .header_item, #top_bar a.header_item{ padding-top: 5px; padding-bottom: 5px; } #top_bar .stlinkgroups_top .dropdown_tri .dropdown_tri_inner{ padding: 5px 13px; } /* END OF TOPBAR */ /* NAVIGATION */ /* Searchbox */ .stadvancedmenu_vs{ border: 1px solid #444444; } #search_block_top .search_query{ width: 420px; border: 3px solid #e5e5e5; border: none; border-bottom: 1px solid #008acc; margin-right: 10px; background: none; font-size: 15px; } #search_block_top .search_query:active{ background: none; } #searchbox .submit_searchbox{ background: none; border: 2px solid #008acc; color: #008acc; transition: background color 0.2s linear; } #searchbox .submit_searchbox:hover{ background: #008acc; border: 2px solid #008acc; color: #ffffff; transition: background color 0.2s linear; } #main_menu_widgets #search_block_top .search_query:focus{ outline: none; box-shadow: 0px 6px 10px -7px rgba(81, 203, 238, 1); } #main_menu_widgets #search_block_top .search_query{ height: 40px; } .ac_results li img{ border:0; } .ac_results{ border: 1px solid #bbb; box-shadow: 0px 0px 3px 0px #bbb; } #search_return a{ color: #008acc; } #mobile_bar_right_inner{ display: flex; flex-flow: row-reverse nowrap; } .st-side{ width: 100%; left: -100%; } .open_blocksearch_mod #st-side-close, .open_st_mobile_advanced_menu #st-side-close, .open_block_cart_mod #st-side-close{ left: 0px; width: 100%; } #st-side-close{ background: #666666; } .open_st_mobile_advanced_menu .st-side{ display: flex; flex-flow: column; } #search_block_mobile_bar{order: 1;} #stmobileadvancedmenu{order: 2;} #languages-block_mobile_menu{order: 3;} #multilink_mobile_8{order: 4;} #multilink_mobile_18{order: 5;} #multilink_mobile_19{order: 6;} #searchbox_mobile_bar input.search_query{ border: 0; border-bottom: 1px solid #008acc; width: 100%; } #submit_searchbox_mobile_bar{ display: block; margin-top:10px; } .st-side-content ul li i.icon-home:after{ content: ' ' 'HOMEPAGE'; } .ac_results .ac_product_price{ display: block; color: #ff594c } .st-side a#st_mo_advanced_ma_103:before{ content: '\e912'; font-family: 'icomoon'; font-size: 24px; position: relative; top: 5px; margin-right: 10px; font-weight: bold; } .st-side a#st_mo_advanced_ma_104:before{ content: '\e921'; font-family: 'icomoon'; font-size: 24px; position: relative; top: 5px; margin-right: 10px; } @media screen and (max-width: 461px){ .st-side{ left: -100%; overflow: auto; } } @media screen and (min-width: 482px) and (max-width: 992px){ #blockcart_mobile_wrap, .open_blocksearch_mod #search_block_mobile_bar{ top: 45px; position: relative; } } @media screen and (max-width: 482px){ #blockcart_mobile_wrap, .open_blocksearch_mod #search_block_mobile_bar{ top: 45px; } } @media screen and (max-width: 992px){ .st-side-content#search_block_mobile_bar{ margin-top : 45px; } } /* Main Menu */ #main_menu_widgets #search_block_top a.icon_wrap{ height: 40px; width: 40px; } #main_menu_widgets #search_block_top a.icon_wrap i.icon-0x{ line-height: 30px; } nav#st_advanced_menu_wrap .advanced_ml_level_1>a { color : #008acc; } .is_parent_icon{ background: #008acc; } #top_extra{ box-shadow: 0 4px 10px -2px rgba(0,0,0,0.2); z-index: 50; border-top: 1px solid #ddd } #st_advanced_menu_container.sticky{ border-bottom : 1px solid #a5a5a5; box-shadow: 0px 2px 2px 0px rgba(187, 187, 187, 0.74); } #index .nav_top_right .flex-direction-nav{ right:15px; top : -50px !important; } #header_user_info{ margin-right: 50px; } .advanced_mv_item{ text-transform: uppercase; } #st_advanced_menu_wrap .st_advanced_menu .advanced_ml_level_0 .advanced_style_wide{ padding: 10px 0px 0px 0px; } #stmobileadvancedmenu .mo_advanced_mu_level_0 .mo_advanced_ml_level_0 a.mo_advanced_ma_level_0{ display: flex; align-items: center; max-width: 83%; } @media screen and (max-width: 1600px){ #top_extra .container_inner{ display: flex; flex-flow: column wrap; } #st_advanced_menu_wrap ul.st_advanced_menu{ display: flex; justify-content: space-between; } #main_menu_widgets{ display: flex; justify-content: center; } } @media screen and (max-width: 1300px) and (min-width: 1200px){ #st_advanced_menu_wrap .st_advanced_menu .advanced_ml_level_0 .stadvancedmenu_vs{ width: 790px; } } @media screen and (max-width: 1199px) and (min-width: 1100px){ #st_advanced_menu_wrap .st_advanced_menu .advanced_ml_level_0 .stadvancedmenu_vs{ width: 700px; } } @media screen and (max-width: 1099px) and (min-width: 993px){ #st_advanced_menu_wrap .st_advanced_menu .advanced_ml_level_0 .stadvancedmenu_vs{ width: 640px; } } /* Menu Icons */ .advanced_ml_level_0 .stadvancedmenu_sub .advanced_mv_level_1 .advanced_mv_item{ display: flex; flex-flow: row nowrap; } .advanced_mv_item[title='Appareils HiFi']:before, .mo_advanced_ma_level_0[title='Appareils HiFi']:before, .advanced_mv_item[title='Hifi Devices']:before, .mo_advanced_ma_level_0[title='Hifi Devices']:before {content: '\e91a'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Appareils Hifi*/ .advanced_mv_item[title='Enceintes et casques audio']:before, .mo_advanced_ma_level_0[title='Enceintes et casques audio']:before, .advanced_mv_item[title='Speakers and Headphones']:before, .mo_advanced_ma_level_0[title='Speakers and Headphones']:before {content: '\e923'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Enceintes et Casques Audio*/ .advanced_mv_item[title='Boîtiers et coffrets DIY']:before, .mo_advanced_ma_level_0[title='Boîtiers et coffrets DIY']:before, .advanced_mv_item[title='DIY enclosures and cases']:before, .mo_advanced_ma_level_0[title='DIY enclosures and cases']:before {content: '\e922'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Boîtiers et Coffrets DIY*/ .advanced_mv_item[title='Connecteurs et adaptateurs']:before, .mo_advanced_ma_level_0[title='Connecteurs et adaptateurs']:before, .advanced_mv_item[title='Connectors and adapters']:before, .mo_advanced_ma_level_0[title='Connectors and adapters']:before {content: '\e92b'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Connecteurs et adaptateurs*/ .advanced_mv_item[title='Câbles et gaines']:before, .mo_advanced_ma_level_0[title='Câbles et gaines']:before, .advanced_mv_item[title='Cables and Sheaths']:before, .mo_advanced_ma_level_0[title='Cables and Sheaths']:before {content: '\e924'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Câbles et gaines*/ .advanced_mv_item[title='Kits & Modules DIY']:before, .mo_advanced_ma_level_0[title='Kits & Modules DIY']:before, .advanced_mv_item[title='DIY Kits & Boards']:before, .mo_advanced_ma_level_0[title='DIY Kits & Boards']:before {content: '\e92a'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Kits & Modules DIY*/ .advanced_mv_item[title='Haut-parleurs et enceintes DIY']:before, .mo_advanced_ma_level_0[title='Haut-parleurs et enceintes DIY']:before, .advanced_mv_item[title='Loudspeakers & speakers DIY']:before, .mo_advanced_ma_level_0[title='Loudspeakers & speakers DIY']:before {content: '\e925'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Haut-parleurs et enceintes DIY*/ .advanced_mv_item[title='Composants électroniques et outillage']:before, .mo_advanced_ma_level_0[title='Composants électroniques et outillage']:before, .advanced_mv_item[title='Electronic components and tools']:before, .mo_advanced_ma_level_0[title='Electronic components and tools']:before {content: '\e929'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Composants électroniques et outillage*/ .advanced_mv_item[title='Condensateurs - Selfs - Bobines HiFi']:before, .mo_advanced_ma_level_0[title='Condensateurs - Selfs - Bobines HiFi']:before, .advanced_mv_item[title='HiFi Capacitors and Coils']:before, .mo_advanced_ma_level_0[title='HiFi Capacitors and Coils']:before {content: '\e926'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Condensateurs - Selfs - Bobines HiFi*/ .advanced_mv_item[title='Alimentations et transformateurs']:before, .mo_advanced_ma_level_0[title='Alimentations et transformateurs']:before, .advanced_mv_item[title='Power Supplies and transformers']:before, .mo_advanced_ma_level_0[title='Power Supplies and transformers']:before {content: '\e927'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Alimentations et transformateurs*/ .advanced_mv_item[title='Connecteurs et adaptateurs']:before, .mo_advanced_ma_level_0[title='Connecteurs et adaptateurs']:before, .advanced_mv_item[title='Connecteurs et adaptateurs']:before, .mo_advanced_ma_level_0[title='Connecteurs et adaptateurs']:before {content: '\e92b'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Connecteurs et adaptateurs*/ .advanced_mv_item[title='Pointes et traitement acoustique']:before, .mo_advanced_ma_level_0[title='Pointes et traitement acoustique']:before, .advanced_mv_item[title='Spikes and acoustic treatment']:before, .mo_advanced_ma_level_0[title='Spikes and acoustic treatment']:before {content: '\e928'; font-size: 25px; font-family: 'icomoon'; margin-right: 15px;} /*Pointes et traitement acoustique*/ /* END OF NAVIGATION */ /* HEADER */ #header .wide_container{ padding: 7px; } #header .wide_container #logo_wrapper img{ width: 95%; } #header .wide_container #logo_wrapper a{ padding: 20px 0px; } .header_container div.row{ display: flex; align-items: center; } .blockcart-icon{ font-size: 3.4em; color: #222222; transition: color 0.2s linear; } .shopping_cart .icon_wrap .amount_circle{ left: 53px; top: 7px; background: #ff594c; color: #ffffff; width: 40px; } #shopping_cart_mobile .amount_circle{ color: #ffffff; background: #ff594c; left: 3px; width: 40px; } #shopping_cart_mobile i{ font-size: 36px; top: 17px; position: relative; } .ajax_cart_left{ position: relative; right: 10px; top: 3px; } #blockcart_top_wrap:hover .blockcart-icon{ color: #ff594c; transition: color 0.2s linear; } #blockcart_top_wrap .shopping_cart .ajax_cart_left,#blockcart_top_wrap .shopping_cart .ajax_cart_right{ border:none; } #blockcart_top_wrap .icon_wrap, #blockcart_top_wrap .ajax_cart_right{ background: none; } #blockcart_top_wrap .ajax_cart_right{ position: relative; top: 17px; padding-bottom: 50px; } #page_header .blockcart_wrap .cart_block{ top: 55px; } #page_header .blockcart_wrap{ margin-left: 30px; } #page_header .st_banner_image img{ width: 100% !important; } div#header_user::before{ content: '\e912'; font-family: 'icomoon'; font-size:3em; display: inline-block; color: #222222; position: relative; top: 3px; right: 15px; transition: color 0.2s linear; float: left; } #header_user{ position: relative; top: 15px; padding-bottom: 20px; } #header_user #totUserInfo .newAccount a{ color: #2398e6; transition: color 0.2s linear; } #header_user #totUserInfo .newAccount a:hover{ color: #33abfb; transition: color 0.2s linear; } div#header_user:hover::before{ color: #008acc; transition: color 0.2s linear; } #header #header_user a{ font-size: 13px; } #header_user .totConnect ul li a{ border-radius: 0; border: 0 } #header_user.totUserInfo #header_nav{ padding-right: 0px; margin-right: 30px; min-width: auto; } #header_user.totUserInfo{ display: inline-block; } #header_right #header-right-inner #header_user ul#header_nav{ min-width: auto !important; } #header_right #header_user{ width: auto !important; } #totUserInfo{ top: 43px; } #totUserInfo form input{ border: 0; font-size: 13px; background: none; } #totUserInfo form input#email, #totUserInfo form input#passwd{ border-bottom: 1px solid #008acc; box-shadow: 0; transition: box-shadow 0.2s linear; } #totUserInfo form input#email:focus, #totUserInfo form input#passwd:focus{ box-shadow: 0px 6px 10px -7px rgba(81, 203, 238, 1); transition: box-shadow 0.2s linear; } #totUserInfo .totConnect{ padding: 0; } #totUserInfo .button_form{ padding: 0; border-radius: 3px; } #totUserInfo .button_form a{ display: block; padding: 10px 0px; width: 100%; background: #008acc; } #totUserInfo{ box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); border: 1px solid #E5E5E5; border-top: 2px solid #008acc; padding-right: 0; } #totUserInfo .logout::before{ content: '\e916' ' '; font-family: 'icomoon'; } @media screen and (max-width: 992px){ #header_user.totUserInfo{ display: none; } } #mobile_header_logo img{ padding: 7px 0px; } /* END OF HEADER */ /* BLOCKCART */ .layer_inner_box{ background: linear-gradient(45deg, #1b4b71, #4E2B89); } .cart_block .cart-images{ border: none !important; } .cart_block dt .price{ float: none; color: #ff594c; display: block; } .tax_incl_excl p{ font-style: italic; } .total_cost_line span{ font-weight: bold; font-size: 14px; } #button_order_cart{ background: #ff594c; border-radius: 0px !important; padding: 12px 0px; } #button_order_cart:hover{ background: #f74639; } #page_header .cart_block{ width: 600px; border-top: 2px solid rgb(255, 89, 76); } #layer_cart{ width: 60%; position: fixed; border-radius: 0px; box-shadow: 0px 0px 3px 0px #777; overflow: auto; max-height: 80%; top: 50% !important; left: 50%; transform: translate(-50%, -50%); } .layer_box{ margin-left: 0; } .layer_box .layer_product .product-image-container{ border: 0; } #layer_cart .layer_product span.cross{ right: -18px; top: -12px; color: #ffffff; background: transparent; border-radius: 0px; } #order .new-products_block_center_container{ clear: both; } .blockcart_wrap .shopping_cart .icon_wrap i{ font-size: 3em; top: 4px; position: relative; color: #333333; transition: 0.2s linear color; padding-bottom: 50px; } #blockcart_top_wrap:hover .shopping_cart .icon_wrap i{ color: #ff594c; transition: color 0.2s linear; } .cart_block .block_content{ padding: 0px; } .cart_block .block_content dl.products, .cart_block .block_content div.cart-prices{ padding : 8px; } .blockcart_wrap .cart_block .cart_block_list .cart-images{ max-width: 56px; } #HOOK_SHOPPING_CART #loyalty{ text-align: center; padding: 5px; border: 2px solid #eee; font-size: 14px; } #HOOK_SHOPPING_CART #loyalty i{ display: flex; justify-content: center; font-size: 1.6em; margin-right: 10px; } #HOOK_SHOPPING_CART_EXTRA #container_express_checkout{ margin: -8px 35px 0px 0px !important; } #HOOK_SHOPPING_CART #compare_shipping_form{ margin: 20px 0px 0px 0px; padding: 5px; } #HOOK_SHOPPING_CART #compare_shipping_form .SE_SubmitRefreshCard{ display: flex; flex-flow: row wrap; justify-content: center; } #HOOK_SHOPPING_CART #compare_shipping_form .SE_SubmitRefreshCard button{ margin-bottom: 5px; margin-top: 5px; } #order .order_delivery .address{ margin-bottom: 10px; } #order-detail-content #cart_summary th{ padding: 5px 8px; } #order-detail-content #cart_summary .cart_item .cart_product .mobile_table_content{ padding: 2px; } #order #order-detail-content #cart_summary, #order #order-detail-content #cart_summary_total{ margin-bottom: 1em; } #order #loyalty{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #order #loyalty p{ margin-bottom: 0px; } #order #carriers_list tr td:first-of-type{ text-align: center; } #order #carriers_list .carrier_name img{ max-width: 85%; } @media screen and (max-width: 1200px) and (min-width: 992px){ #layer_cart{ width: 70%; } } @media screen and (max-width: 992px){ #layer_cart{ width: 80%; } #shopping_cart_mobile .amount_circle{ display: none; } #shopping_cart_mobile i{ top: 0px; right: 10px; } } @media screen and (max-width: 480px){ #HOOK_SHOPPING_CART_EXTRA #container_express_checkout{ margin : -15px 0px 30px 0px !important; text-align: center; float: none !important; } .cart_navigation{ display: flex; flex-flow: column; } } /* END OF BLOCKCART */ /* BLOCKCART CROSSSELLING */ #layer_cart .crossseling h2{ margin-top: 10px; margin-bottom:20px; text-align: center; font-size: 1.7em; padding: 10px; text-transform: uppercase; } div.layer_cart_img{ border-radius: 50%; background: #ffffff; border: 5px solid #ddd; width: 12em; } img.layer_cart_img{ border-radius: 50%; padding: 10px; } li.crossseling_product_item{ display: flex; flex-flow: column; align-items: center; text-align: center; border-right: 1px solid #dddddd; min-width: 150px; padding: 10px; } li.crossseling_product_item .price{ font-weight: bold; } .layer_box .layer_product .product-image-container{ max-width: 100%; } .layer_box .layer_product .layer_product_info{ margin-left: 0px; text-align: center; } .blockcart_layer_image_infos{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 40px 0; } .blockcart_layer_image_infos .blockcart_layer_infos{ margin-left: 50px; text-align: center; display: flex; flex-flow: column; align-items: center; } .blockcart_layer_image_infos .blockcart_layer_infos .success{ font-size: 20px; background: none; border: none; padding-left: 0; font-weight: 600; color: #ffffff; margin: 0 0 20px 0; padding: 0; } .layer_box .layer_details{ margin-top: 0; color: #ffffff; } #layer_cart .layer_product_info span.product-name{ font-size: 22px; font-weight: 600; line-height: 1.2em; color: #ffffff; } #layer_cart .layer_details .layer_cart_sum, #layer_cart .layer_details .layer_cart_row{ padding-left: 0; font-size: 16px; margin-bottom: 15px; } .layer_cart_label, .ajax_block_cart_total{ font-weight: bold; color: #ffffff; } .layer_details .button-container{ display: flex; flex-flow: row wrap; } .layer_details .button-container a{ padding: 15px; background: #7eb90d; transition: background 0.2s linear; display: flex; align-items: center; border-radius: 3px; } .layer_details .button-container a:after{ content: '\e917'; font-family: 'icomoon'; font-size: 25px; } .layer_details .button-container a:hover{ background: #81c700; transition: background 0.2s linear; } .layer_details .button-container a:active, .layer_details .button-container span:active{ box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); } .layer_details .button-container span:before{ content: '\e918'; font-family: 'icomoon'; font-size: 25px; } .layer_details .button-container span{ background: #039be5; padding: 15px; transition: background 0.2s linear; margin-right: 15px; display: flex; align-items: center; border-radius: 3px; } .layer_details .button-container span:hover{ background: #0da6f1; transition: background 0.2s linear; } #layer_cart #blockcart_caroucel{ display: flex; flex-flow: row wrap; margin-bottom: 10px; } @media screen and (max-width: 1499px){ #layer_cart #blockcart_caroucel .crossseling_product_item{ width: 33.33%; } } @media screen and (max-width: 799px){ #layer_cart #blockcart_caroucel .crossseling_product_item{ width: 50%; } } @media screen and (max-width: 783px){ #layer_cart .blockcart_layer_image_infos{ flex-flow: column; } #layer_cart .product-image-container{ margin-bottom: 20px; } #layer_cart .blockcart_layer_infos{ margin-left: 0px; } } @media screen and (max-width: 549px){ #layer_cart #blockcart_caroucel .crossseling_product_item{ width: 100%; } } @media screen and (max-width: 482px){ #layer_cart .layer_product_info span.product-name{ font-size: 16px; } } @media screen and (max-width: 872px){ .blockcart_layer_image_infos{ justify-content: center; } } @media screen and (max-width: 558px){ .layer_details .button-container{ justify-content: center; } .layer_details .button-container span, .layer_details .button-container a{ width: 100%; justify-content: center; margin-right: 0; } .layer_details .button-container span{ margin-bottom: 10px; } .blockcart_layer_image_infos .blockcart_layer_infos{ margin-left: 0; } #layer_cart .layer_details .layer_cart_sum, #layer_cart_ajax_block_cart_total{ padding-left: 10px; text-align: center; } } /* END OF BLOCKCART : CROSSSELLING */ /* DISCOUNT */ .discount_voucher{ display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 10px; } .cart_discount_name{ text-transform: uppercase; text-align: center; font-size: 1.3em; font-weight: bold; color: #fff; margin-bottom: 10px; margin-left: 14px; } .cart_discount{ width: 24%; margin: 5px 5px 20px 5px; padding: 10px; background: linear-gradient(45deg, #B0D983, #9CD9B0); border-radius: 5px; box-shadow: 5px 5px 10px #cbcdd3; } #order .price-discount{ font-size: 2.7em; font-weight: bold; color: #fff; margin-left: 14px; } .cart_discount_price{ margin-bottom: 0; } .price_discount_del{ float: right; height: 100%; } .price_discount_del i{ color: #000; } @media (max-width: 1200px){ .cart_discount{ width: 32%; } } @media (max-width: 700px){ .cart_discount{ width: 47%; } } @media (max-width: 400px){ .cart_discount{ width: 100%; } } /* END OF DISCOUNT */ /* HOMEPAGE */ .special-products_block_center_container{ border-top: 2px solid #ff4b4b; padding-bottom: 0 !important; } #special-products_block_center_container_c1abe5a9e9 .third_product_column{ margin-top: 65px; } #index .special-products_block_center_container{ padding-top: 0px !important; } #home_secondary_row{ display: flex; flex-flow: row wrap; align-items: center; } .st_advanced_banner_block{ box-shadow: 0px 0px 10px -2px #aaaaaa; } .st_advanced_banner_row{ overflow: visible; } #index .block .title_block{ padding: 8px 0px; } #index .featured_products_sldier_block_center_container, #index .new-products_block_center_container{ padding-top: 0; padding-bottom :0px; } #index #center_column{ padding-top: 0; } .brands-itemslider .slides img{ border:none; } #home_secondary_left{ padding-left: 0; } #home_secondary_right{ padding-right: 0; } #home_tertiary_left{ margin-left:0 !important; } #home_tertiary_right{ margin-right: 0 !important; } .brands_slider_container{ background: #ffffff; padding:5px 15px; } .st_advanced_banner_1 img{ width: 100%; } #index #home_tertiary_row #home_tertiary_left, #index #home_tertiary_row #home_tertiary_right{ background: transparent !important; } /* Homepage Slider */ .hephaistos .tp-bullet{ background: none !important; border: 2px solid #666666 !important; box-shadow: none !important; } .hephaistos .tp-bullet.selected{ background: #444444 !important; } .tparrows{ background: none !important; } .tparrows::before{ color: #444444 !important; font-size: 36px !important; } /* Homepage Special Slider */ #home_secondary_left .special-itemslider li.ajax_block_product{ width: 205.5px; } #index #home_secondary_left{ padding-right: 0; } /* Homepage New Item Slider */ .new-products_block_center .title_block{ font-weight: normal; } .new-itemslider span.new{ display: none; } /* Homepage Brands Slider */ .title_block{ margin-bottom: 0; padding: 10px 0px !important; } /* Homepage Featured Grid */ .featured_products_sldier_block_center .title_block{ font-weight: normal; } .st_block .third_product_column{ margin-top: 2px; } #index .home_slider_title{ display: flex; flex-flow: row wrap; align-items: center; border-bottom: 2px solid #eee; justify-content: center; } #index .home_slider_title a{ padding-left: 10px; } #index .new-itemslider .nav_top_right, .special-products_block_center .nav_top_right{ position: relative; top: 18px; } #index .home_slider_title .title_block{ margin-bottom: 0; } /* END OF HOMEPAGE */ /* BREADCRUMB */ .breadcrumb li a{ color: #757575; font-size: 1.3rem; } .breadcrumb li span:last-child{ font-weight: 600; color: #101010; } #breadcrumb_wrapper{ margin-top: 0; background: #ffffff; } /* END OF BREADCRUMB */ /* LEFT COLUMN */ #left_column{ position : relative; padding-right: 10px; padding-left: inherit; } #left_column .block .title_block{ padding-top : 0 } /* Product Modules */ #left_column.left_col_accessories_off{ top: 53px; margin-bottom: 80px; } @media screen and (max-width: 1200px) and (min-width: 1000px){ #left_column .pro_column_box{ display: flex; flex-flow: column; align-items: center; } #left_column .pro_column_box a.pro_column_left{ float: none; } #left_column .pro_column_box .pro_column_right{ margin-left: 0; text-align: center; } #left_column .title_block{ padding-right: 0; margin-bottom: 10px; text-align: center !important; } #left_column .nav_top_right{ display: flex; justify-content: center; height: 100%; } #left_column .nav_top_right .flex-direction-nav{ position: initial; } } @media screen and (max-width: 992px){ #left_column{ display: none; text-align: center; } } /* END OF LEFT COLUMN */ /* RIGHT COLUMN */ .product_tab_wrap{ padding-left: 10px; padding-right: inherit; } #right_column .block, #left_column .block{ background: #ffffff; padding : 10px; } #right_column{ padding-top: 0; position: relative; left: 10px !important; } /* END OF RIGHT COLUMN */ /* BLOG */ #module-stblog-default #center_column{ background: #ffffff; padding-top: 15px; position: relative; right: 10px !important; } .st_blog_recent_article_container, #module-stblog-article #center_column{ padding: 10px; } #blog_primary_block h1.heading{ font-size: 26px; text-align: center; margin-top: 20px; } li.block_blog{ margin: 10px 0px; border: 1px solid #eee; box-shadow: 0px 0px 10px -2px #ddd; padding: 10px; border-radius: 3px; } li.block_blog .s_title_block{ font-weight: 600; text-transform: uppercase; } #module-stblog-article #comment_content{ height: 250px; border-bottom: 1px solid #008acc; font-size: 14px; color: #444444; background: #eeeeee; } #module-stblog-article #center_column a{ color: #008acc; text-transform: underline; } #module-stblog-article #comment_content:focus{ box-shadow: 0px 6px 10px -7px rgba(81, 203, 238, 1); } #blog_secondary_block{ margin-top: 50px; } #st_blog_comment_submit{ width: 100%; padding: 15px 0px; background: #7eb90d; border-radius: 2px; transition: background 0.2s linear; } #st_blog_comment_submit:hover{ background: #81c700; transition: background 0.2s linear; } #blog_primary_block p, #blog_primary_block p span{ font-size: 14px; line-height: 1.5em; } #blog_related-itemslider li.ajax_block_product{ margin: 5px; } #blog_related-itemslider .price_container{ display: none; } #blog_primary_block .blog_image{ display: none; } /* Blog comments */ #comments ul.st_blog_comment_list > li{ margin-bottom: 25px; } .comment_node{ background: #f3f3f3; padding: 10px; border-left: 4px solid #ffa330; border-radius: 2px; } .comment_child .comment_node{ border-left: 4px solid #ff8630; } .comment_node .comment_child{ border-left: 4px solid #ccc; } .comment_node_right{ font-size: 14px; line-height: 2.2rem; } .comment_node_info .comment-author{ font-weight: bold; } .comment_node_info .date-add{ font-style: italic; } /* Blog responsive */ @media screen and (max-width: 992px){ #module-stblog-default #center_column{ right: 0 !important; } } /* END OF BLOG */ /* --- PRODUCT ---*/ .products_slider .ajax_block_product:hover .pro_second_box{ background: none; } #product .pb-left-column{ border-right: 0; } #product .pb-right-column{ border-left: 0; } #index .pb-center-column{ width: 50% !important; } /* passer en global */ .full_description{ font-size: 12px !important; color: #008acc !important; background: none !important; padding-left: 5px; } .full_description:hover{ color: #0d9fa7 !important; } .products_slider .slides > li{ padding-top: 0; } .product_list .availability span{ background: none; } /* passer en custom product list */ #manufacturers_list.list li .logo{ border: 0; } /* passer en custom manufacturers */ #product.blockproductscategory{ background: #ffffff; padding: 10px; } #crossselling-itemslider .pro_second_box, #productscategory-itemslider .pro_second_box{ margin-bottom: 20px; } #lineven_homecomments_post_review .product_details .product_image{ border:none; } /* passer en global lineven write review */ #crossselling-products_block_center{ background: #ffffff; padding: 10px; } /* passer en global crossselling */ .crossselling-itemslider .slides .ajax_block_product{ width: 270px !important; } /* passer en global crossselling */ #left_column .title_block{ text-align: left; } /* passer en global left column */ ul.product_list.list > li .act_box .ajax_add_to_cart_button span{ font-family: "Open Sans", arial; } /* passer en product list */ #buy_block #add_to_cart .btn_primary{ font-family: 'Open Sans', arial !important; font-weight: 600; display: flex; } #buy_block #add_to_cart .btn_primary span:before{ font-weight: normal; } .layer_overlay{ opacity: 0.5; } /* END OF PRODUCT */ /* HOMECOMMENTS */ .lhcom_list_reviews{ font-size: 13px; clear: both; } .lhcom_list_reviews .review{ clear: both; padding: 6px; } .lhcom_list_reviews .star_display_on, .star_display_on{ background: url(/modules/homecomments/views/img/rating/stars16.png) no-repeat 0 -40px; } .lhcom_list_reviews .star_display_off, .star_display_off{ background: url(/modules/homecomments/views/img/rating/stars16.png) no-repeat 0 0; } .lhcom_list_reviews .star_display_off, .star_display_off, .lhcom_list_reviews .star_display_on, .star_display_on, .lhcom_list_reviews .star_display_half, .star_display_half{ float: left; width: 18px; height: 18px; overflow: hidden; } .column .lhcom_list_reviews .review .header{ display: flex; flex-flow: column wrap; font-size: 15px; padding: 8px; } .column .lhcom_list_reviews .review .content{ clear: both; border-left:none; border-bottom: 1px solid silver; margin-left: 0; min-height: 0; padding: 8px; } .lhcom_list_reviews .review .content .products_review .product_name{ font-weight: bold; font-size: 1em !important; } .lhcom_list_reviews .review .content .usefulness-like .vote-like, .lhcom_list_reviews .review .content .usefulness-like .current-like{ float: left; } .lhcom_list_reviews .review .content .usefulness-dislike .vote-dislike{ float: left; padding-left: 15px; } .lhcom_list_reviews .review .content .usefulness-dislike .current-dislike{ float: left; } .lhcom_list_reviews .review .content .usefulness-like .vote-like .icon-like{ display: inline-block; background: transparent url('https://www.audiophonics.fr/modules/homecomments/views/css/../img/rating/like.png') no-repeat center top; width: 16px; height: 22px; } .lhcom_list_reviews .review .content .usefulness-dislike .vote-dislike .icon-dislike{ display: inline-block; background: transparent url('https://www.audiophonics.fr/modules/homecomments/views/css/../img/rating/dislike.png') no-repeat center 6px; width: 16px; height: 22px; } .lhcom_list_reviews .review .content .usefulness-like{ clear: both; float: left; } .lhcom_list_reviews .review .content .usefulness-dislike{ margin-top: 10px; } .lhcom_buttons .write{ text-align: center; float: none; } .lhcom_buttons .write a{ padding: 10px 100px; float: none; background: #008acc; font-size: 16px; } .lhcom_buttons .write a:hover{ background: #20A6C5; } #module-homecomments-reviews .footer_links{ display: flex; flex-flow: row; justify-content: center; } .lhcom_buttons .view, .lhcom_buttons .view a{ text-align: center; float: none !important; } #module-homecomments-reviews .review{ margin: 20px 0px; box-shadow: 0px 0px 10px -2px #aaaaaa; background: #ffffff; } .lhcom_list_reviews .review .content{ border-left: 1px solid #eee; } .lhcom_list_reviews .review .header .rate_star, .lhcom_list_reviews .review .header .date{ float: none; } .star_note, .rate_date{ display: inline-flex; } .your_note, .rate_date span, .comment_validation_status .review_moderation_pending_message p{ font-weight: bold; margin-right: 10px; } .lhcom_list_reviews .review .header .rate_star, .lhcom_list_reviews .review .header .date, .lhcom_list_reviews .review .header .date{ margin-bottom: 10px; } .comment_validation_status .review_moderation_pending_message{ clear: both; color: orange; } .comment_validation_status .review_moderation_refused_message{ color: hsl(0, 100%, 50%); } #module-homecomments-reviews #lineven_homecomments .products_review .product_description{ font-size: 12px; } #module-homecomments-reviews #lineven_homecomments .products_review{ border-bottom: 1px solid #eeeeee; margin-bottom: 15px; } #module-homecomments-reviews #center_column{ background: #f3f3f3; } .lhcom_grs_rate_value{ font-size: 16px; font-weight: bold; color: #ff6a00; } .lhcom_list_reviews .review .content .product_review img{ border: 0; max-width: 15%; } @media screen and (max-width: 692px){ .lhcom_list_reviews .review .content{ margin-left: 0; border-left: 0; } .lhcom_list_reviews .review .customer_name{ display: none; } .lhcom_list_reviews .review{ display: flex; flex-flow: column; } .lhcom_list_reviews .review .header{ display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; } } /* END OF HOMECOMMENTS */ /* MY ACCOUNT */ #my-account #center_column{ padding-top: 0; background: inherit !important; } #my-account h1.page-heading, #my-account p.info-account, .infos_persos, .commandes, .remises{ text-align: center; } .infos_persos, .commandes, .remises{ padding: 10px 0; margin-bottom: 15px; } h1.page-heading{ font-size: 24px; margin-bottom: 10px; text-align: center; } #my-account p.info-account{ padding-bottom: 10px; border-bottom: 2px solid #eeeeee; } .infos_persos h2, .commandes h2, .remises h2{ font-size: 20px; text-transform: uppercase; } .my_account_column{ background : #ffffff; position : relative; padding-top : 10px; padding-bottom : 10px; } #my-account .myaccount-link-list li{ margin-bottom: 20px; } #my-account .myaccount-link-list li a{ display : flex; flex-flow : column wrap; text-align:center; font-size: 13px; } #my-account .icon_wrap{ background : inherit; } #my-account .checkvat{ padding : 10px; display : flex; flex-flow : row wrap; justify-content : center; align-items: center; } #my-account .checkvat #title_check_vat{ margin : 0; padding-right : 20px; } #my-account #my-account-listing{ display : flex; flex-flow : column wrap; } #my-account #my-account-listing a:hover{ color: #FF594c; transition : color 0.5s; } #my-account .icon_wrap{ color: #666666; transition: color 0.2s; } #my-account #my-account-listing a:hover .icon_wrap { color: #FF594c; font-size: 38px; transition : color 0.5s; } ul.wlp_bought_list li .product_image{ border: 0; } .wishlist_product_detail .form-group{ width: 48% } .wishlist_product_detail{ display: flex; flex-flow:row wrap; justify-content: space-between; } #cart_summary tbody td.cart_product { width: 100px; padding: 0px; } #cart_summary tbody td.cart_product img { border: 0px; } #my-account-listing [class^="icon-"]:before, #my-account-listing [class*=" icon-"]:before{ font-family: 'icomoon', 'fontello' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 35px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: font-size 0.5s; } .myaccount-link-list{ display: flex; flex-flow: row wrap; justify-content: center; } #my-account ul.myaccount-link-list li{ margin: 10px; padding: 10px; box-shadow: 0px 0px 10px -2px #aaaaaa; } /* END OF MY ACCOUNT */ /* BRANDS */ .mansup-container .row{ display: flex; flex-flow: column wrap; justify-content: center; } .mansup-container .row .middle-side{ text-align: center; margin-top: 10px; } .mansup-container .row h3{ font-weight: bold; } #manufacturers_list{ display: flex; flex-flow: row wrap; justify-content: center; } @media screen and (min-width:1600px){ #manufacturers_list > li{ width: 24%; } } @media screen and (max-width:1599px) and (min-width:730px){ #manufacturers_list > li{ width: 32%; } } @media screen and (max-width:500px){ #manufacturers_list > li{ width: 100%; } } #manufacturer #center_column{ padding-top: 15px; background: #ffffff; } /* END OF BRANDS */ /* ORDER */ .paypal{ background : #ffffff; } #order_step{ display: flex; flex-flow: row; justify-content: space-between; } ul.step{ margin-top: 30px; } ul.step a{ width: 18%; } ul.step li{ border-radius: 50px; width: 18%; height: 4px; } ul.step a li{ width: 100%; border-radius: 50px; } ul.step li span{ padding: 0 !important; } ul.step li span, ul.step a li span{ border: none; position: relative; bottom: 20px; } ul.step li.step_todo{ background: #f9f9f9; } ul.step li.step_current{ background: rgb(255, 188, 0); } ul.step li.step_done{ background: #82d004 !important; } .cart_product .mobile_table_content{ padding: 10px; } .cart_delete .icon-cancel{ font-size: 14px; } .cart_avail img:nth-of-type(2){ display: none; } #order .alert{ margin-bottom: 0; } #cart_summary th{ background: #444444; color: #fff; border: 0; } #order .payment_module{ display: flex; flex-flow: column; height: 100%; } #order a.bankwire::after, #order a.cheque::after{ content: ''; } .addressesAreEquals{ display: flex; } #order .table-bordered > tbody > tr > td{ border: 0; } #order .paypal a:before{ content: '\ead8' ' ' '\e93f' ' ' '\e90d' ' ' '\e90c'; font-size: 26px; font-family: 'icomoon'; padding-bottom:5px; display: block; } #order .paypal a img{ display: none; } #order #cart_summary .cart_total_price td{ text-align: right; font-weight: bold; } .carrier_select_info{ display: flex; justify-content: flex-start; } .carrier_select_info .form-group{ padding: 0 10px; } #compare_shipping .carrier_name label{ margin-bottom:0px; } #compare_shipping .carrier_name{ padding: 1px 5px; } #order .stock, #order .nostock, #order .mediumstock{ padding:0; font-size: 13px; } #order a.standard-checkout, #order button[name="processAddress"], #order button[name="processCarrier"]{ background: linear-gradient(#7eb90d, #73982a); padding: 15px; } .forward_button{ display: flex; justify-content: center; } .forward_button:after{ content: '\e917'; font-family: 'icomoon'; font-size: 30px; } .forward_button:hover, #order button[name="processAddress"]:hover, #order button[name="processCarrier"]:hover{ background: linear-gradient(#81c700, #77a91c); } #order .payment_module #systempay_standard_direct_link img{ display: block; margin: 0px auto 15px auto; background: #ffffff; } .return_button{ background: linear-gradient(#008acc, #2398e6); padding: 15px; display: flex; justify-content: center; } .return_button:before{ content: '\e918'; font-size: 30px; font-family: 'icomoon'; } .return_button:hover{ background: linear-gradient(#0999de, #33abfb); padding: 15px; } #order form#systempay_standard{ padding: 0 !important; } #order .mediumstock:before, #order .stock:before, #order .nostock:before{ display: block } #order .cart_unit ul.price{ display: flex !important; flex-flow: column-reverse; } #order .cart_unit .price li.price{ font-size: 14px; font-weight: bold; } table#cart_summary{ border: 0; } #order tr.final_total_price td.total_price_container, #order tr.final_total_price td#total_price_container{ font-size: 14px; font-weight: bold; color: #000000; border-bottom: 2px solid #eee; } #order tr.cart_total_price, .cart_total_delivery, .cart_total_tax, .cart_total_voucher{ border-bottom: 2px solid #eee; font-size: 12px; } #order .cart_total_price td, #order .cart_total_delivery td, #order .cart_total_voucher td, #order .cart_total_tax td, #order .final_total_price td{ padding: 2px 8px; } #cart_summary_total tr td{ text-align: center; } #order #cart_voucher{ border: 2px solid #eee; } #order .carrier_select_info .form-group{ display: flex; flex-flow: row; align-items: center; } #order .carrier_select_info .form-group label{ margin-right: 15px; } #order #compare_shipping #availableCarriers table{ border: 2px solid #eeeeee; } #order #compare_shipping #availableCarriers{ padding-right: 15px; } #order tr.cart_item{ border-bottom: 1px solid #eeeeee; border-left: 2px solid #eeeeee; border-right: 2px solid #eeeeee; } #order #viewed-products_block_left{ margin-top: 30px; padding-top: 20px; border-top: 2px solid #cccccc; } #order #viewed-products_block_left ul{ display: flex; flex-flow: row wrap; justify-content: center; } #order #viewed-products_block_left li{ padding: 20px 10px; border: 0; } #order #viewed-products_block_left li h5{ font-size: 14px; } #order #viewed-products_block_left .title_block{ text-align: center; font-size: 18px; color: #000000; } @media (max-width: 767px) and (min-width: 597px){ ul.step li{ margin:0; width: 18%; } } @media screen and (max-width: 596px){ #order_step{ flex-flow: column wrap; width: 100%; } ul.step li{ width: 100%; margin: 15px 0px; } ul.step a{ width: 100%; } } @media screen and (max-width: 768px){ #order .stock, #order .nostock, #order .mediumstock{ margin-left: 130px; } #order .mediumstock:before, #order .stock:before, #order .nostock:before{ display: inline; } #cart_summary tbody td.cart_product{ padding:8px; } #order .cart_unit ul.price{ flex-flow: row-reverse; justify-content: flex-end; align-items: center; } #order .cart_unit .price li{ margin-right: 10px; } #order td.cart_total{ text-transform: uppercase; font-size: 18px; } #order td.cart_total span.price{ font-weight: bold; } #order tr.cart_item{ margin-bottom: 20px; border: 2px solid #eeeeee; } #order td.cart_product{ border-top: 0px; } #order #cart_summary tfoot tr{ display: flex; flex-flow: row; } #order #cart_summary tfoot tr td, #order #cart_summary .cart_total_price td{ text-align: left; } } /* Order Payment */ .wrapper_block{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } .sup_wrapper_block{ margin-bottom: 20px; } .payment_button{ width: 265px; border: 2px solid #344b6f; height: 50px; border-radius: 5px; display: flex; box-shadow: 0px 3px 10px -2px #aaa; padding: 0px; margin: 5px; position: relative; bottom: 0px; transition: bottom 0.2s ease-out, box-shadow 0.2s ease-out; } #order .icons{ border-right: 2px solid #444; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 5px 0px 0px 5px; } #order .icons, #order .text{ width: 50%; height: 100%; } #order .text{ text-align: center; line-height: 20px; color: white; font-family: 'Open Sans', sans-serif; background: #344b6f; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: bold; padding: 2px; } #order .text p{ margin: 0 !important; } #order .text a{ color: #fff; } #order .icons div{ margin: 3px; } .paypal .icons img{ width: 70%; } .bankwire .icons img, .cheque .icons img, .systempay .icons .img{ width: 88%; } .medcetelemnxcb .icons img{ width: 34%; } #order .icons img{ max-width: 100%; } #HOOK_PAYMENT .wrapper_block #systempay_standard, #HOOK_PAYMENT .wrapper_block .paypal_payment_form{ display: none; } .payment_button:hover{ position: relative; bottom: 2px; box-shadow: 0px 3px 10px -2px #aaa; transition: box-shadow 0.2s ease-out, bottom 0.2s ease-out; } .systempay_choozeo_card input:checked + img{ border: 0; } label.systempay_choozeo_card{ margin: 0; } .total_payment{ border: 1px solid #ddd; margin: 0 auto 20px auto; } /* Order Address */ #order .addresses #address_delivery .address_title h3, #order .addresses #address_invoice .address_title h3{ background: #444444; color: #ffffff; padding: 5px; } #order .addresses #address_delivery, #order .addresses #address_invoice{ box-shadow: 0px 0px 10px -2px #aaaaaa; } #order .addresses li:nth-child(n+2):nth-child(-n+7){ margin-left: 10px; } #order .address_add{ margin-top: 20px; } /* Order Confirmation */ #order-confirmation .order-confirmation{ font-size: 14px; border:0; box-shadow: 0px 0px 3px 0px #dddddd; } #order-confirmation .cart_navigation a{ text-align: center; background: #7eb90d; transition: 0.2s linear background; width: 100%; } #order-confirmation .cart_navigation a:hover{ background: #81c700; transition: 0.2s linear background; } .cart_description .product-name{ font-size: 14px; display: inline; line-height: 1.2em; } /* END OF ORDER */ /* ORDER HISTORY */ .history-btn{ background: #008acc /*#1792af*/; transition: background linear 0.2s; } .history-btn:hover{ background: #159dde /*#20a6c5*/; transition: background linear 0.2s; } /* END OF ORDER HISTORY */ /* PRODUCT PAGE */ @media screen and (max-width: 992px){ .container{ padding-left: 0; padding-right: 0; } } .bloc_titre_h1{ text-align: center; } .bloc_titre_h1 p{ text-align: center !important; font-size: 16px !important; font-weight: 500 !important; font-family: 'Montserrat', sans-serif !important; } .bloc_titre_h1 p::before, .bloc_titre_h1 p::after{ content: " - " } .single_picture{ text-align: center; } .fw-content{ margin-left: calc(-10px + -1.3em); margin-right: calc(-10px + -1.3em); } .fw-content{ margin-left: calc(-10px + -1.3em); margin-right: calc(-10px + -1.3em); } .fw-content p, .fw-content h1, .fw-content h2, .fw-content h3, .fw-content .pd-note, .fw-content .warn{ margin-left: calc(10px + 1.3em); margin-right: calc(10px + 1.3em); } .fw-content img{ width: 100%; } .fw-content.fifty_block{ margin-bottom: 0px; padding-bottom: 0px; } .bloc_titre_h1 h1{ text-align: center; font-size: 2.5em; font-weight: 300; text-transform: uppercase; color: #000000; font-family: 'Montserrat', sans-serif; } .bloc_titre_h1, .paragraphe_standard, .fifty_block{ border-bottom: 1px solid #eeeeee; margin-bottom: 20px; padding-bottom: 20px; } .fifty_block{ display: flex; flex-flow: row; } .fiftyblock_picture{ display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding-left: 0; padding-right: 0; } .fiftyblock_picture img{ border-radius : 5px; } .left_picture_block .fiftyblock_picture, .left_picture_block_alt .fiftyblock_picture{ min-width: 30%; } .right_picture_block .fiftyblock_picture{ min-width: 30%; } .fiftyblock_text{ min-width: 70%; padding: 0 10px; display: flex; flex-flow: column wrap; justify-content: center; } .right_picture_block{ justify-content: flex-end; } .paragraphe_standard{ text-align: center; } .paragraphe_standard p{ text-align: left; } .paragraphe_standard img, .single_picture img{ max-width: 100% !important; } @media screen and (max-width: 1300px){ #product .fiftyblock_picture img{ width: 100%; } } .text_bk_background h2, .text_bk_background p{ font-family: 'open sans', arial; text-align: center; color: #fff !important; } .image_background{ width: 100%; background-size: cover !important; } .text_on_background_top{ padding: 15px; background: rgba(0,0,0,0.5); } @media screen and (max-width: 850px){ .left_picture_block{ flex-flow: column; flex-direction: column-reverse; text-align: center; } .right_picture_block{ flex-flow: column; justify-content: center; text-align: center; } .left_picture_block_alt{ flex-flow: column; flex-direction: column; } .left_picture_block_alt .fiftyblock_text{ padding: 0; margin-top: 30px; } .left_picture_block_alt p, .left_picture_block_alt ul{ text-align: left; } .left_picture_block_alt h2, .left_picture_block_alt h3{ text-align: center; } } .carac_tab{ width: 100%; margin-top: 25px; } .carac_tab td{ padding-top: 8px; padding-bottom: 8px; color: #000000; } .carac_tab tr.head{ background: inherit; } .carac_tab tr td.carac{ width: 30%; font-weight: bold; } .carac_tab tr td.valeur{ width: 70% } .carac_tab tr{ border-bottom: 1px solid #eee; } .carac_tab tr:hover{ background: #efefef7a; } .title_carac_tab, .schema .schema_title{ font-family: 'Montserrat', sans-serif !important; font-size: 28px !important; font-weight: 200 !important; text-align: center; } .schema{ display: flex; flex-flow: column; } .schema .schema_picture{ display: flex; flex-flow: row; justify-content: center; } .schema .schema_caption{ margin-top: 20px; } .schema .schema_caption tbody{ display: flex; flex-flow: row wrap; justify-content: center; } .schema .schema_caption tbody tr{ margin: 3px; border-radius: 3px; } .schema .schema_caption tbody tr:nth-child(odd){ background: #eee; } .schema .schema_caption tbody tr:nth-child(even){ background: #ddd; } .id_schema{ font-weight: bold; } .carac_tab .head{ text-transform: uppercase; } .carac_tab .head th{ text-align: center; } #product .rte .schema tr{ display: flex; flex-flow: row wrap; align-items: center; } /* END OF PRODUCT PAGE */ /* ACCORDION */ div.accordion { background-color: #344b6f; color: #fff; cursor: pointer; padding: 8px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 18px; text-transform: uppercase; font-weight: 200; font-family: 'Montserrat', sans-serif; border-bottom: 3px solid #233e68; } div.accordion.active, div.accordion:hover { background-color: #486087; } div.accordion span{ position: relative; bottom: 4px; } div.accordion:after{ content: "\e938"; font-family: 'icomoon'; font-size: 32px; color: #fff; float: right; margin-left: 5px; position: relative; top: 4px; } div.accordion.active:after{ content: "\e937"; font-family: 'icomoon'; } @media screen and (max-width: 420px){ div.accordion{ display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; } div.accordion:after{ top: 0px; } div.accordion span{ bottom: 0px; text-align: center; } } .hover_fly{ bottom: -38px; } /* ??? */ /* END OF ACCORDION */ /* PRODUCT LIST : GLOBAL */ #subcategories .subcate_grid_view li{ transform: scale(1); transition: transform 0.15s linear; } #subcategories .subcate_grid_view li:hover{ transform: scale(1.1); transition: transform 0.15s linear; } #subcategories .inline_list li a.img{ border: 0; } #subcategories{ padding: 10px 10px 0px 10px; margin: 30px 0px; } .product_list .ht-price, .third_product_column .buy_block .price_container .ht-price{ font-size: 13px; color: #485A77; } .products_slider .ajax_block_product:hover .pro_outer_box, .product_list.grid .ajax_block_product:hover .pro_outer_box{ box-shadow: none; } .ttc-price{ font-size: 18px; color: hsl(0, 100%, 50%); } .product_list h5{ margin-bottom: 0 !important; } .product_list.list .availability{ order: 1; } @media screen and (min-width: 562px){ .product_list.list .availability{ margin-right: 15px; } } .product_list.grid .availability{ margin: 6px 0px; } .lhcom_products_lists_average{ order: 2; } .product_under_title{ display: flex; } .product_list .availability .available-now{ background: #54b100; min-width: 90px; text-align: center; } .product_list .availability .out-of-stock{ background: #e20505; } .product_list .availability .available_later{ background: orange; min-width: 90px; text-align: center; } .product_list .availability span{ font-size: 13px; padding: 2px 4px; } .product_list .price_container, #index .third_product_column .price_container{ display: flex; flex-flow: column; text-align: center; padding-left: 6px; } .product_list.grid .price_container, #index .third_product_column .price_container{ flex-flow: column-reverse; } .product_list .act_box{ text-align: center; } .product_list.grid .product_under_title{ justify-content: center; flex-flow: column; } ul.product_list.list > li .act_box .ajax_add_to_cart_button{ height: auto; } .product_list.list .ajax_add_to_cart_button div{ display: flex; flex-flow: row wrap; justify-content: center; } @media screen and (max-width: 1300px){ ul.product_list.list > li .pro_second_box{ width: 100% !important; } .product_list.list .third_product_column{ width: 100% !important; border-left: none !important; } .product_list.list .price_container{ text-align: left !important; } .product_list.list .price_container .prices_block{ justify-content: flex-start !important; } .product_list.list .act_box{ text-align: left !important; } .actual_price_block .our_price_display{ margin-right: 0; } .product_list.list .ajax_add_to_cart_button{ margin-right: 10px; } } .product_list.list .fly_2{ display: none; } /* END OF PRODUCT LIST : GLOBAL */ /* PRODUCT LIST : LIST */ ul.product_list.list > li .pro_first_box{ width: 150px; } .product_list.list .pro_outer_box{ display: flex; } .product_list.list .hover_fly_static{ width: 150px !important; min-width: 150px; } ul.product_list.list > li .pro_second_box{ margin-left: 0; padding: 0 15px; width: 80%; } .product_list.list .st_block{ display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; } .product_list.list .price_container .prices_block{ display: flex; justify-content: space-around; order: 2; flex-flow: row wrap; } .product_list.list .third_product_column{ width: 20%; min-width: 120px; } .product_list.list .price_container{ margin-bottom: 10px; } @media screen and (max-width: 1090px) and (min-width: 768px){ ul.product_list.list > li .product-desc.display_sd{ display: none !important; } } @media screen and (max-width: 658px){ ul.product_list.list > li .product-desc.display_sd{ display: none !important; } } @media screen and (min-width: 560px){ .product_list.list .third_product_column{ padding-left:10px; border-left: 1px solid #eee; } } @media screen and (max-width: 560px){ .product_list.list .pro_outer_box{ display: flex; flex-flow: column; align-items: center; } ul.product_list.list > li .pro_second_box .s_title_block{ text-align: center; } .product_list.list .pro_outer_box .product_under_title{ justify-content: center; } .product_list.list .pro_outer_box .price_container{ align-items: center; justify-content: center; } .product_list.list .pro_outer_box .act_box{ display: flex; flex-flow: row; justify-content: center; } } @media screen and (max-width: 1300px) and (min-width: 561px){ .third_product_column{ padding: 0px 15px; } ..product_list .price_container{ padding-left: 0: } .product_list.list .act_box{ display: flex; flex-flow: row wrap; } .product_list.list .act_box_inner{ display: flex; align-items: center; order: 1; padding: 10px; } .product_list.list .act_box_inner .quick-view{ padding-top: 0px; } .product_list.list .buy_block{ display: flex; align-items: center; flex-flow: row wrap; justify-content: space-between; } .product_list.list .price_container{ margin-right: 10px; margin-bottom: 0px; } ul.product_list.list > li .act_box .ajax_add_to_cart_button{ order: 2; margin-right: 0; } } /* END OF PRODUCT LIST : LIST */ /* PRODUCT LIST : GRID */ .product_list.grid .s_title_block{ margin-bottom: 10px !important; font-size: 13px; } .product_list.grid h5{ min-height: 80px; } .product_list.grid .product-desc{ display: none !important; } .product_list.grid .product_img_link{ padding: 10px; } .product_list.grid{ display: flex; flex-flow: row wrap; } .product_list.grid li .product-container, .product_list.grid li .product-container .pro_outer_box{ height: 100%; } .product_list.grid li .product-container{ padding: 0px 0px 0px 0px !important; } .product_list.grid li .product-container .st_block .third_product_column{ width: 100%; text-align: center; } #index .featured_products_sldier_block_center .pro_second_box{ min-height: 120px; } .new-products_block_center .pro_second_box{ min-height: 140px; } .product_list.list .st_block .pro_second_box{ margin-bottom: 0; } #index .product_stock_info{ order: 2; } ul.product_list.grid > li .product-container .comments_note{ display: inline-block; } ul.product_list.grid > li{ padding: 10px; } @media screen and (max-width: 991px){ .hover_fly.fly_2 a.ajax_add_to_cart_button, #crossselling-itemslider .ajax_add_to_cart_button{ background: linear-gradient(#7eb90d, #73982a) !important; } .hover_fly{ border-bottom: 4px solid #5c8245 !important; } .hover_fly a i.icon-0x{ color: #ffffff !important; } .hover_fly.fly_2 a.ajax_add_to_cart_button div:hover{ background: linear-gradient(#7eb90d, #73982a); } } /* END OF PRODUCT LIST : GRID */ /* PRODUCT LIST : SLIDE */ ul.slides, ul.slides .ajax_block_product{ display: flex !important; } ul.slides .pro_outer_box{ width: 100%; } span.new{ right: -45px; top: 18px; width: 150px; transform: rotate(45deg); line-height: 19px; background: #008acc; height: auto; border-radius: 0px; font-size: 12px; z-index: 2; } span.sale_percentage_sticker{ right: -45px; top: 18px; width: 150px; transform: rotate(45deg); line-height: 19px; background: #ff4b4b; height: auto; border-radius: 0px; z-index: 1; border: 0; bottom: initial; padding: 0; color: white; font-size: 12px; } #index li.dual_sticker span.new, .product_list a.dual_sticker span.new { animation: fadein 5s infinite; animation-delay: 2s; animation-fill-mode: backwards; animation-direction: reverse; animation-timing-function: cubic-bezier(0.99, -0.53, 0, 1.53); } .hover_fly a, .hover_fly a:hover, .hover_fly.fly_2 a:hover, .hover_fly a:first-child, .hover_fly a:hover, .hover_fly{ background: #ffffff !important; } .hover_fly{ border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .hover_fly .quick-view{ border-left: 1px solid #dddddd; } .products_slider .price_container{ position: absolute; bottom: 8px; width: 100%; text-align: center; padding-right: 12px; } .hover_fly a span, .hover_fly a i{ color: #444444 !important; } /* END OF PRODUCT LIST : SLIDE */ /* BLOG COMMENTS */ #module-stblogcomments-mycomments h3{ text-align: center;font-size: 22px; } /* END OF BLOG COMMENTS */ /* WISHLIST */ #module-blockwishlist-mywishlist .table > thead > tr > th{ background: #444444; color: #ffffff; border: 0; } #module-blockwishlist-mywishlist .page-heading{ font-size: 22px; text-align: center; } #module-blockwishlist-mywishlist #form_wishlist fieldset{ text-align: center; } .create_wishlist{ font-size: 16px; text-transform: uppercase; margin-bottom: 0; display: inline-block; margin: 0px 10px; } .give_wl_name{ width: 50%; margin-bottom: 0; display: inline-block; margin: 0px 10px; } .save_new_wl{ margin-bottom: 0; display: inline-block; margin: 0px 10px; position: relative; bottom: 3px; } .save_new_wl button{ background: #008acc; } .save_new_wl button:hover{ background: #159dde; } #module-stblogcomments-mycomments #stblogcomment form{ margin-bottom: 2em; } #module-stblogcomments-mycomments #stblogcomment form img{ border-radius: 50%; border: 4px #008acc inset; } #module-stblogcomments-mycomments #stblogcomment form .uploader .action{ background: #666666; text-shadow: none; font-weight: normal; padding: 0px 10px; } #module-stblogcomments-mycomments #stblogcomment form div.uploader span.action{ width: 160px !important; } #module-stblogcomments-mycomments #stblogcomment form input#submitAvatar{ background: #008acc; } /* END OF WISHLIST */ /* RIGHTBAR */ #rightbar_cart #rightbar-shopping_cart span.amount_circle{ top: -20px; width: 100%; background: #ff594c; } a.rightbar_tri, #to_top_wrap #to_top a{ background: #ffffff !important; color: #444444 !important; transition: none !important; } a.rightbar_tri:hover, #to_top_wrap #to_top a:hover{ background: #159dde !important; color: #ffffff !important; transition: none; } #to_top a i, a.icon_wrap:hover i, .icon_wrap:hover i, a.rightbar_tri i{ transition: none; } #rightbar{ box-shadow: 0px 0px 10px -2px #aaaaaa; right: 5px; border: 0; } .rightbar_wrap a.icon_wrap, #to_top_wrap a.icon_wrap{ border-left: 0; } /* END OF RIGHTBAR */ /* ADVANCED SEARCH FILTERS */ .ui-slider .ui-slider-handle{ background: #444 !important; width: 15px !important; height: 15px !important; border-radius: 50%; border: 0; margin:0; } .PM_ASForm .ui-slider-horizontal .ui-slider-handle{ top: -6px; margin-left:-8px; } .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox li{ margin-top: 5px; margin-bottom: 5px; width: 50%; } .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox li p, .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox li p a{ margin:0; display: flex; align-items: center; } .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox{ display: flex; flex-flow: row wrap; } .PM_ASResetGroup{ font-size: 12px; border: 2px solid #1692dc; padding: 3px 6px; color: #1692dc; float: left !important; border-radius: 2px; margin-top: 10px; } .PM_ASResetGroup:hover{ background: #1692dc; color: #fff; } /* END OF ADVANCED SEARCH FILTERS */ /* 404 PAGE */ .error404{ font-size: 150px; text-align: center; display: block; font-weight: 700; margin-bottom: 90px; } #pagenotfound h1{ font-size: 2em; } #pagenotfound .pagenotfound{ padding: 6em 0 4em 0; } #pagenotfound p, #pagenotfound label{ font-size: 14px; margin-bottom: 20px; } #pagenotfound .pagenotfound label{ font-weight: bold; } #pagenotfound fieldset div{ display: flex; flex-flow: column; align-items: center; } #pagenotfound .pagenotfound .form-control{ border: 0; width: 50%; max-width: 100%; border-bottom: 1px solid #008acc; background: none; height: 30px; box-shadow: none; margin-bottom: 10px; font-size: 16px; text-align: center; } #pagenotfound fieldset div button{ padding: 15px 70px; border-radius: 3px; background: #2398e6; transition: 0.1s linear background; } #pagenotfound fieldset div button:hover{ background: #33abfb; transition: 0.1s linear background; } /* END OF 404 PAGE */ /* JOLISEARCH MODULE */ #search_block_top.jolisearch{ padding-top: 0px !important; position: relative; top: 4px; } #search_block_top .btn.button-search{ color: #008acc !important; background: none !important; border: 2px solid #008acc !important; transition: color 0.2s linear, background 0.2s linear, border 02s linear; height: 40px; width: 40px; padding: 0px; } #search_block_top .btn.button-search:hover{ color: #ffffff !important; background: #2398e6 !important; border: 2px solid #2398e6 !important; transition: color 0.2s linear, background 0.2s linear, border 02s linear; } #search_block_top #search_query_top{ background: none; position: relative; right: 50px; height: 40px; line-height: 40px; } .ui-menu#ui-id-2{ box-shadow: 0px 0px 10px -2px #aaa; } .ui-menu#ui-id-2{ min-width: 400px; } .ui-widget-content{ border: 1px solid #eee; } .ui-menu .ui-menu-item span.jolisearch-title{ border-radius: 0px; box-shadow: none; text-shadow: none; margin : 0px; padding: 1px 0px; width: 100%; text-align: center; color: #444; font-weight: 600; background: none; width: 30%; display: flex; margin : 5px auto; justify-content: center; } .ui-menu .ui-menu-item{ border-bottom: 1px solid #eeeeee; } .ui-menu .ui-menu-item:last-child{ border-bottom: 0; } .ui-menu li+li:before{ content: none; } .ui-menu .ui-menu-item span.jolisearch-title:after{ display: none; } .ui-menu .ui-menu-item span.jolisearch-post{ font-style: italic; } .ui-menu .ui-menu-item .jolisearch-post-right{ color: hsl(0, 100%, 50%); } .ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-hover{ background: #f3f3f3 !important; border: none; color: #008acc; cursor: pointer; } .jolisearch-description{ font-size: 12px; font-family: 'Open Sans', sans-serif; } .ui-menu .ui-menu-item .more-results{ text-align: center; background: #008acc; border-radius: 0px; padding: 0px; transition: 0.1s ease-out background; } .ui-menu .ui-menu-item .more-results:hover{ background: #2398e6; transition: 0.1s ease-out background; } .ui-menu .ui-menu-item .more-results span{ color: #ffffff; } .ui-menu .ui-menu-item a.ui-corner-all{ border: 0; } .jolisearch-pre{ display: none !important; } #subcategories p.subcategory-heading, #subcategories-mobile p.subcategory-heading{ text-align: center; font-size: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 15px; } .subcategories_list{ text-align: center; } .subcat_item{ padding-bottom: 10px; text-align: center; } .subcategory-image{ margin-bottom: 6px; } .subcat_item_list{ display: flex; flex-flow: row wrap; justify-content: center; } .jolisearch-post-stock{ background: none; border: 0; color: #54b100; font-weight: 300; position: absolute !important; right: 70px !important; } @media screen and (max-width: 992px){ #search_block_top.jolisearch{ width: 100%; margin-right: 0px; } #search_block_top.jolisearch #search_query_top{ width: 80% !important; } #search_block_top #search_query_top{ right: 0px; } #search_block_top #searchbox{ display: flex; justify-content: center; } #search_block_top .btn.button-search{ position: static; } } @media screen and (max-width: 1600px) and (min-width: 992px){ #search_block_top.jolisearch{ margin-bottom: 10px; left: 30px; } } /* END OF JOLISEARCH MODULE */ /* CUSTOM CODE FOR PRODUCT DESCRIPTION */ .separate{ border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 20px; } .separate_top{ border-top: 1px solid #eeeeee; } .no_border{ border: 0; } .left{ text-align: left !important; } .clickable_picture:hover{ transform: scale(1.02) !important; transition: transform 0.1s linear, box-shadow 0.1s linear !important; box-shadow: 0 0 10px -2px #aaaaaa; } .clickable_picture{ transform: scale(1) !important; transition: transform 0.1s linear !important; box-shadow: none; } .scrollable-table{ overflow: auto; } #product blockquote{ font-family: minion; font-size: 22px; margin-bottom: 0px; } .border{ border:1px solid #eeeeee; } /* END OF CUSTOM CODE FOR PRODUCT DESCRIPTION */ /* HOLIDAY MODE */ #HOOK_TOP_PAYMENT .holidaysmode-message{ display: none; } #order .holidaysmode-message{ margin-bottom: 40px; } /* END OF HOLIDAY MODE */ /* PRODUCT RETURN */ .returnslip-button, .link-button{ border-radius: 2px; margin: 10px 0px 20px 0px; background-color: #666666 !important; transition: border-bottom linear 0.3s, background-color linear 0.2s !important; color: white; padding: 8px 20px; display: inline-block; } .returnslip-button:hover, .link-button:hover{ background-color: #008acc !important; color: white !important; transition: border-bottom linear 0.3s, background-color linear 0.2s !important; } .link-button{ color: #ffffff !important; text-align: center; text-transform: uppercase; margin: 0px; font-weight: inherit; } /* END OF PRODUCT RETURN */ /* PRODUCT LIST : ID PRODUCT */ .product_list.list .id-product-label{ background: #f1f1f1; padding: 2px 4px; border-radius: 2px; font-size: 11px; min-width: 90px; text-align: center; } .product_list.list .product-id-onlisting{ display: flex; justify-content : center; margin: 0px 10px 6px 0px; } .product_list.grid .product-id-onlisting, .product_list.grid .id-product-label{ display: none; } /* END OF PRODUCT LIST : ID PRODUCT */ /* CHARACTERISTICS TABLE */ .no-picto::before{ content: "" !important; } .carac_tab td:not(:last-child){ border-right: 1px solid #eee; } /* END OF CHARACTERISTICS TABLE */ /* INCIDENCES */ #module-incidences-contact #incidences .box{ background-color: inherit; border: 0px; margin-bottom: 0px; } #module-incidences-contact #incidences .box .panel select{ background-color: #f5f5f5; border: none; height: 35px; font-size: 14px; } #module-incidences-contact #incidences label{ font-size: 14px; margin-right: 10px; line-height: 30px; } #module-incidences-contact #incidences textarea{ border:none; background:#ffffff; box-shadow:none; font-size:14px; color: #000; border: 1px solid #d5d5d5; } #module-incidences-contact #incidences .box .return-list{ padding: 15px; } #module-incidences-contact #incidences .box .accordion_incidences{ margin-bottom: 20px; } #module-incidences-contact #incidences .box .accordion_incidences span{ bottom: -2px; } #module-incidences-contact #incidences .box div.accordion:after{ top: 3px; } #module-incidences-contact #incidences .box .panel{ margin-bottom: 0px; border: inherit; min-height: 0px; } #module-incidences-contact #incidences .box .form_incidences{ box-shadow: 0px 0px 10px -2px #ccc; border: 1px solid #eee; padding: 10px; } #module-incidences-contact #incidences .see_returns.link-button{ border-left: 0px; border-right: 0px; border-top: 0px; height: 33px; padding: 0px 10px; } #module-incidences-contact #incidences .see_returns.link-button{ border-left: 0px; border-right: 0px; border-top: 0px; height: 33px; padding: 0px 10px; margin-left: 10px; } #module-incidences-contact #incidences .return-list table, #module-incidences-contact #incidences .return-list td, #module-incidences-contact #incidences .return-list th{ border:0px; } #module-incidences-contact #incidences .return-list table tr{ border-bottom:1px solid #ddd; } #module-incidences-contact #incidences .see_returns.link-button::before{ content: "\ea34"; font-family: icomoon; line-height:30px; } #module-incidences-contact #incidences .box .add_button{ width: 100%; background-color:#7eb90d; padding: 12px 0px; transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; color: #fff; margin-top: 22px; border: none; font-size: 14px; } #module-incidences-contact #incidences .box .add_button:hover{ background-color: #81c700; box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.20); transition: background-color 0.2s ease-in, box-shadow 0.2s ease-in; } #module-incidences-contact #incidences .box .uploader .action{ background-image: none; background: #666666; color: #fff; text-transform: uppercase; border-radius:2px; border-bottom:4px solid #484848; margin-left: 15px; width: initial; padding: 0px 15px; height: 30px; } #module-incidences-contact #incidences .box .uploader{ height: 30px; cursor: auto; } #module-incidences-contact #incidences .box .uploader .filename{ height: 30px; width: 300px; } #module-incidences-contact #incidences .box .uploader .link-button{ width: auto; } #module-incidences-contact #incidences .box .panel #content_rma table{ border: 0px; } #module-incidences-contact #incidences .box .panel #content_rma table th, #module-incidences-contact #incidences .box .panel #content_rma td{ border: 0px; } #module-incidences-contact #incidences .box .panel #content_rma table th{ background: #444; color: #fff; } #module-incidences-contact #incidences .box .panel #content_rma table tr{ border-bottom: 1px solid #ddd; } #module-incidences-contact #incidences .box .panel #content_rma h3{ font-size: 20px; } #module-incidences-contact #incidences .box .panel #content_rma .order_qte_input{ margin-bottom: 5px; } #module-incidences-contact #incidences .box .panel #content_rma .return_quantity{ text-align: center; } #module-incidences-contact #incidences .box .incidence_messages .panele{ padding: 10px 20px; border: 0px; } #module-incidences-contact #incidences .box .incidence_messages .panele h3{ font-weight: bold; border-bottom: 0px; } #module-incidences-contact #incidences .box .incidence_messages .panele .description{ padding: 5px 0px; } #module-incidences-contact #incidences .box .incidence_messages{ padding: 15px 10px; background-color: #fcfcfc; } #module-incidences-contact #incidences .box .incidence_messages .panele.message .attachment{ display: flex; flex-flow: column wrap; padding: 0px 20px 10px 20px; } #module-incidences-contact #incidences .box .incidence_messages .panele.employee{ background-color: #def3d7; color: #51a25b; } #module-incidences-contact #incidences .box .incidence_messages .panele .return_ask{ margin-top: 10px; } #module-incidences-contact #incidences .box .incidence_messages .panele table, #module-incidences-contact #incidences .box .incidence_messages .panele th{ background-color: inherit; } #module-incidences-contact #incidences .box .incidence_messages .panele h4{ font-weight: bold; } #module-incidences-contact #incidences .incidence-product{ font-size:14px; font-weight:bold; text-align: center; margin-bottom: 30px; } #module-incidences-contact #incidences .returndoc-button{ text-transform: uppercase; border-radius: 100px; border: 1px solid #444; padding: 5px 15px; background: inherit; color: #444; transition: color 0.2s linear, background 0.2s linear; margin: 15px 0px; display: inline-block; } #module-incidences-contact #incidences .returndoc-button:hover{ background: #444; color: #fff; transition: color 0.2s linear, background 0.2s linear; } #module-incidences-contact .returnasking{ border: 1px solid #aaa; padding : 10px; margin-bottom: 20px; width: 45%; } #module-incidences-contact .returnasking p{ margin-bottom: 0px; font-size: 13px; } #module-incidences-contact .table-quantity, #module-incidences-contact .table-priceunit, #module-incidences-contact .table-totalprice, #module-incidences-contact .price, #module-incidences-contact .return_quantity, #module-incidences-contact .return_quantity input{ text-align: center; } .incidence_messages h3{ display: flex; flex-flow: row wrap; } video{ height: initial !important; width: 100%; } .incidences-list .accordion:after{ content: "\e938"; font-family: 'icomoon'; font-size: 32px; color: #fff; float: right; margin-left: 5px; position: relative; top: 4px; } .incidences-list .accordion.active:after { content: "\e937"; font-family: 'icomoon'; } .incidences-list .accordion.active:after, .incidences-list .accordion:after{ font-size: 22px; top: 0px; } .incidences-list .accordion.link-button{ padding: 0px 10px; } .incidences-list .view_incidence{ line-height: 32px; } @media only screen and (max-width: 800px){ #module-incidences-contact #incidences .table-responsive table, #module-incidences-contact #incidences .table-responsive thead, #module-incidences-contact #incidences .table-responsive tbody, #module-incidences-contact #incidences .table-responsive th, #module-incidences-contact #incidences .table-responsive .incidence-head-table td, #module-incidences-contact #incidences .table-responsive .product-returned-head td, #module-incidences-contact #incidences .table-responsive .incidence-head-table, #module-incidences-contact #incidences .table-responsive .product-returned-head{ display: block; } #module-incidences-contact #incidences .table-responsive thead tr:nth-child(1){ position: absolute; top: -9999px; left: -9999px; } #module-incidences-contact #incidences .table-responsive .incidence-head-table, #module-incidences-contact #incidences .table-responsive .product-returned-head{ border: 1px solid #ccc; } #module-incidences-contact #incidences .table-responsive .incidence-head-table td, #module-incidences-contact #incidences .table-responsive .product-returned-head td{ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #module-incidences-contact #incidences .table-responsive .incidence-head-table td:before, #module-incidences-contact #incidences .table-responsive .product-returned-head td:before{ position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } #module-incidences-contact #incidences .table-responsive .incidence-head-table td:before, #module-incidences-contact #incidences .table-responsive .product-returned-head td:before{ content: attr(data-title); } .incidence_active, .incidence_active .incidence_messages{ display: inline-block; width: 100%; } #module-incidences-contact .returnasking{ width: 100%; } .incidence_active .description{ white-space: normal; } } /* END OF INCIDENCES */ /* ADMIN INCIDENCES */ .adminincidences .panel .panel-footer{ width: 100% !important; } /* END OF ADMIN INCIDENCES */ /* RGPD */ .rgpd_mentions{ padding: 10px; } .rgpd_mentions ul{ margin-bottom:15px; list-style: disc; margin-left: 18px; } /* END OF RGPD */ /* CAPTCHA */ #captcha-box > div{ margin: 0 auto !important; } /* END OF CAPTCHA */ /* TOP BANNER */ .banner .st_banner_block{ margin-bottom: 0px; } .banner .st_banner_block .hover_effect{ margin: 0px !important; } /* END OF TOP BANNER */ /* GLS */ .gls-search-form-toggler{ display: block; width: 50%; margin: 0 auto; border-radius: 3px; background: #008acc; color: #fff; margin-bottom: 25px; } .gls-search-form-toggler:focus{ background: #008acc !important; color: #fff !important; text-decoration: none !important; } .gls-search-form-toggler:hover{ background: #159dde !important; color: #fff; text-decoration: none; } #gls-search-form.in{ width: 50%; display: block; margin: 0 auto; } #gls-search-form.collapsing{ width: 50%; display: block; margin: 0 auto; } /* END OF GLS */ /* MOODE SELECTOR */ .moodehardsel input{ margin-right: 5px; } #moodehardsel{ display: flex; flex-flow: row wrap; justify-content: center; } .moodedac-input, .moodetouch-input{ padding: 10px 30px; min-width: 45%; border: 1px solid #ddd; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; background: #fff; margin: 10px; transform: scale(1); transition: transform 0.15s linear; } .moodedac-input:hover, .moodetouch-input:hover{ transform: scale(1.05); transition: transform 0.15s linear; } .moodedac-input:focus, .moodetouch-input:focus{ transform: scale(1.05); border: 1px solid #2398e6; } .moodedac-input img, .moodetouch-input img{ margin-right: 15px; } #moodehardsel .moodedac-input p, #moodehardsel .moodetouch-input p{ font-size: 22px; font-weight: bold; } #moodehardsel button:disabled{ border: 2px solid #60bb0d; transform: scale(1.05); } .noticeh2000{ display: none; } /* END OF MODE SELECTOR */ /* OS COMPARATIVE */ .feature-off:after{ content: '\ea0d'; font-family: 'icomoon'; display: block; text-align: center; font-size: 18px; color: #da1e1e; padding: 5px 0px; font-weight: normal; } .feature-on:after{ content: "\e92c"; font-family: 'icomoon'; display: block; text-align: center; font-size: 20px; color: #56c320; padding: 5px 0px; font-weight: normal; } .carac_tab .feature-on:after, .carac_tab .feature-off:after{ text-align: left; } .qobuz-ban{ text-align: center; margin-bottom: 30px; } /* END OF OS COMPARATIVE */ /* COMPARATIVE TABLE*/ .AP_Flex_table{ display: flex; flex-wrap: wrap; padding: 0; } .AP_Flex_table-cell{ box-sizing: border-box; flex-grow: 1; width: 100%; padding: 1em 1em; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } .AP_flex_table_label{ width: 20%; } .AP_Flex_table-2 > .AP_flex_table_primary, .AP_Flex_table-2 > .AP_flex_table_secondary{ width: 78%; } .AP_Flex_table-3 > .AP_flex_table_primary, .AP_Flex_table-3 > .AP_flex_table_secondary{ width: 38%; } .AP_Flex_table-4 > .AP_flex_table_primary, .AP_Flex_table-4 > .AP_flex_table_secondary{ width: 24%; } .AP_Flex_table-5 > .AP_flex_table_primary, .AP_Flex_table-5 > .AP_flex_table_secondary{ width: 18%; } .AP_Flex_table-6 > .AP_flex_table_primary, .AP_Flex_table-6 > .AP_flex_table_secondary{ width: 14%; } @media (max-width: 500px){ .AP_Flex_table { display: block; padding: 0; background: #efefef; } .AP_Flex_table-cell-footer{ margin-bottom:5px; } .AP_Flex_table-cell{ width:100%!important; } .AP_flex_table_secondary, .AP_flex_table_label{ display:none; } } .AP_Flex_table-cell-header.AP_flex_table_primary{ background: #FF8445; border-bottom: 5px solid #c16231; border-radius: 5px 0px 0px 0px; } .AP_Flex_table-cell-header.AP_flex_table_secondary{ background: #ddd; border-bottom: 5px solid #bbb; border-radius: 0px 5px 0px 0px; } .AP_Flex_table-cell-header.AP_flex_table_label p{ color: #3D5471 !important; } .AP_Flex_table-cell-header.AP_flex_table_primary p{ color: #fff !important; font-size: 18px !important; } .AP_Flex_table-cell-header p{ font-weight: bold !important; } .AP_Flex_table-cell > p{ text-align: center!important; margin:0; } .AP_flex_table_label:first-of-type{ opacity:0; } .secondary_column_cell{ border-left: 2px solid #bbb; border-right: 2px solid #bbb; } .primary_column_cell{ border-left: 2px solid #c16231; border-right: 2px solid #c16231; } .secondary_foot_cell{ border-bottom: 2px solid #bbb; border-radius: 0px 0px 5px 0px; } .primary_foot_cell{ border-bottom: 2px solid #c16231; border-radius: 0px 0px 0px 5px; } .mid-line-cell{ border-bottom: 1px dashed #ddd; } .odd-line-cell{ background: #f9f9f9; } .even-line-cell{ background: #efefef; } /* COMPARATIVE TABLE */ /* POWER SUPPLY CALCULATOR */ .item_LPSC > img { margin: 15px auto 0 auto; max-width: 100px; width: 100px; height: 100px; border: 3px solid #a5c0ce99; box-sizing: content-box; border-radius: 100%; } .AC_DC_alim_calc > div { display: flex; flex-flow: row nowrap; justify-content: space-between; } .AC_DC_alim_calc button{ margin: 10px auto 20px auto; background: none; border: none; color: #2091d0; border: 1px solid #2091d0; border-radius: 3px; width: 100%; height: 40px; transition: background 0.3s ease-in, color 0.3s ease-in; } .AC_DC_alim_calc button:hover{ background: #1b7eb5c2; color: white; transition: background 0.3s ease-in, color 0.3s ease-in; } .AC_DC_alim_calc button:before{ content: '\f900'; font-family: 'flip'; font-size: 18px; position: relative; top: 2px; } .label_LPSC { width: 100%; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .item_LPSC input { margin-bottom: 10px; border: none; text-align: center; height: 25px; border-radius: 3px; } .item_LPSC input:not([disabled]){ outline: 1px solid #81c700; } .item_LPSC input:not([disabled])::focus{ outline: 2px solid #81c700; } .item_LPSC { display: flex; flex-direction: column; text-align: center; margin: 5px; padding: 10px; background: #f3f3f3; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .item_LPSC:nth-child(-n+4)::after{ content: "\ea34"; font-family: 'icomoon'; position: relative; left: 80%; font-size: 18px; bottom: 40%; } @media screen and (max-width: 1600px){ .item_LPSC{ width: 100%; margin-bottom: 30px; } .item_LPSC:nth-child(-n+4)::after{ content: "\e938"; font-family: 'icomoon'; font-size: 40px; position: relative; top: 37px; left: inherit; } .AC_DC_alim_calc > div { flex-flow: column nowrap; } } .controler_LPSC,.controler_LPSC>div>input,.controler_LPSC>div>span, .controler_LPSC>div>.help-tip { transition:all 1s; } .controler_LPSC.DC2AC, .controler_LPSC.DC2AC>div>input,.controler_LPSC.DC2AC>div>span,.controler_LPSC.DC2AC>div>.help-tip { transform: rotateY(180deg); } .help-tip{ position: relative; top: 15px; margin: 0 auto; text-align: center; background: #bcdbea; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; line-height: 24px; cursor: default; } .help-tip:before{ content: '?'; font-weight: bold; color: #fff; } .help-tip:hover p{ display: block; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out; } .help-tip p{ display: none; background: #1e2021; padding: 20px; width: 500px; position: relative; right: 24.4rem; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); color: #fff; font-size: 12px !important; line-height: 1.4; top: 5px; } @media screen and (max-width: 1600px){ .help-tip p{ max-width: 95%; right: inherit; margin: 0 auto; } .help-tip{ width: 100%; border-radius: 0; } } .help-tip p:before{ position: absolute; content: ''; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #1e2021; left: 50%; top: -12px; } .help-tip p:after{ width: 100%; height: 40px; content: ''; position: absolute; top: -40px; left: 0; } /* END OF POWER SUPPLY CALCULATOR */ /* TOOLTIP */ .tooltip{ position: relative; text-align: left; } .tooltip .top_tooltip{ min-width: 200px; width: 100%; top: -20px; left: 50%; transform: translate(-50%, -100%); padding: 10px 20px; color: #FFFFFF; background-color: #222; border-radius: 3px; position: absolute; z-index: 100; box-sizing: border-box; box-shadow: 0 1px 8px rgba(0,0,0,0.5); visibility: hidden; opacity: 0; transition: opacity 0.8s; } #order .tooltip.btn[disabled]:hover{ opacity: 1; } .tooltip:hover .top_tooltip{ visibility: visible; opacity: 1; } .tooltip:hover .top_tooltip p{ margin-bottom: 0; line-height: 1.5em; text-align: center; } .tooltip .top_tooltip i{ position: absolute; top: 100%; left: 50%; margin-left: -12px; width: 24px; height: 12px; overflow: hidden; } .tooltip .top_tooltip i::after { content: ''; position: absolute; width: 12px; height: 12px; left: 50%; transform: translate(-50%,-50%) rotate(45deg); background-color: #222; box-shadow: 0 1px 8px rgba(0,0,0,0.5); } /* END OF TOOLTIP */ /* COVID-19 ALERT */ #covid-alert-ban{ width: 100%; background: linear-gradient(90deg, rgba(128,195,75,1) 0%, rgba(91,166,23,1) 100%); padding: 5px 15px; display: flex; justify-content: center; } #covid-alert-ban .covid-alert-content{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #covid-alert-ban .alert-text{ flex-grow: 2; color: #fff; margin: 0 10px 0 0; } #covid-alert-ban .alert-text p{ margin-bottom: 0; font-size: 1.3rem; } #covid-alert-ban .cta-buttons{ margin: 0 0 0 10px; display: flex; flex-flow: row wrap; } #covid-alert-ban .cta-buttons .more-button{ color: #fff; border: 2px solid #fff; background: transparent; font-weight: bold; text-decoration: none; padding: 3px 10px; border-radius: 3px; margin-right: 5px; transition: background 0.2s ease-out; color: 0.2s ease-out; } #covid-alert-ban .cta-buttons .more-button:hover{ background: #008bc1; color: #fff; transition: background 0.2s ease-out, color 0.2s ease-out; } #covid-alert-ban .cta-buttons .close-button{ color: #fff; border: 2px solid #fff; background: transparent; font-weight: bold; text-decoration: none; padding: 3px 10px; border-radius: 3px; margin-left: 5px; transition: background 0.2s ease-out, color 0.2s ease-out; cursor: pointer; } #covid-alert-ban .cta-buttons .close-button:hover{ background: #444; color: #fff; transition: background 0.2s ease-out, color 0.2s ease-out; } #covid-alert-ban .cta-buttons .close-button:before{ content: "\e902"; font-family: flip; margin-right: 5px; font-size: 10px; } @media screen and (max-width: 1080px){ #covid-alert-ban .alert-text{ text-align: center; margin-right: 0; margin-bottom: 10px; } #covid-alert-ban .cta-buttons{ margin-left: 0; margin-top: 10px; } } /* END OF COVID-19 ALERT */ /* COVID-19 CMS PAGE */ .covid-cms-page h1{ margin-bottom: 30px; } .covid-cms-page p{ font-size: 1.3rem } .covid-cms-page .news-date-block{ text-align: center; padding: 10px; border: 1px solid #ddd; margin: 30px 0px 30px 0px; background: #444; color: #fff; } .covid-cms-page .covid-summary{ margin-bottom: 20px; } .covid-cms-page .covid-summary ul{ margin-left: 0; font-size: 1.3rem; } .covid-cms-page .covid-summary ul li a { color: #2fa3a9; text-decoration: underline; } .covid-cms-page .ap-service-status, .covid-cms-page .ap-product-availability, .covid-cms-page .ap-carrier-status{ border-bottom: 1px dashed #ddd; padding: 10px 0; margin-bottom: 20px; } .covid-cms-page .on-marker:before{ color: #4fbf16; margin-right: 10px; font-size: 1.4rem; } .covid-cms-page .off-marker:before{ color: #ea0f0f; margin-right: 10px; font-size: 1.4rem; } /* END OF COVID-19 CMS PAGE */ /* ADVANCED SEARCH */ .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox li{ padding: 0px 5px; width: initial; } .PM_ASCriterionsGroup .PM_ASCriterionsOutput .PM_ASCriterions .PM_ASCriterionsGroupOuter .PM_ASCriterionStepEnable .PM_ASCriterionGroupCheckbox li .checkbox{ margin: inherit; } .PM_ASLabelCheckbox{ background-color: rgba(255, 255, 255, 0.9); border: 2px solid rgba(139, 139, 139, 0.3); color: #adadad; border-radius: 50px; padding: 5px 10px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; transition: all 0.2s; } .PM_ASLabelCheckbox:hover{ border: 2px solid #278390; } .PM_ASLabelCheckbox::before{ display: inline-block; content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: transform 0.3s ease-in-out; width: 12px; } .PM_ASCriterionGroupCheckbox input[type="checkbox"]:checked + .PM_ASLabelCheckbox::before{ content: "\f00c"; transform: rotate(-360deg); transition: transform 0.3s ease-in-out; width: 12px; } .PM_ASCriterionGroupCheckbox input[type="checkbox"]:checked + .PM_ASLabelCheckbox{ border: 2px solid #278390; background-color: #1f96e3; color: #fff; transition: all 0.2s; } .PM_ASCriterionGroupCheckbox input[type="checkbox"]{ position: absolute; opacity: 0; } .PM_ASCriterionGroupCheckbox input[type="checkbox"]:checked + .PM_ASLabelCheckbox a{ color: #fff; font-weight: normal; } div.PM_ASCriterionNbProduct{ margin-left: 5px; } .PM_ASCriterionGroupCheckbox .PM_ASLabelCheckbox .PM_ASLabelLink:hover{ font-weight: inherit; } .PM_ASBlockOutputVertical .PM_ASCriterions .PM_ASCriterionsGroupTitle{ border-bottom: inherit; } .PM_ASCriterionsOutput{ margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; } .PM_ASCriterionHideToggleLink{ font-size: 12px; text-align: center; } .PM_ASBlockOutputVertical .PM_ASCriterions .PM_ASCriterionsGroupTitle{ padding-bottom: 0px; font-weight: 600; text-align: center; } #left_column .PM_ASBlockOutput .title_block{ text-align: center; } .PM_ASBlockOutput .PM_ASBlockTitle{ font-weight: bold; } /* TOOLTIP */ .tooltip{ position: relative; } .tooltip_item{ position: absolute; min-width: 200px; max-width: 600px; padding: 10px; visibility: hidden; opacity: 0; background: #333; transition: all 0.25s cubic-bezier(0, 0, 0.2, 1); color: #fff; border: 1px solid #cecece; border-radius: 3px; font-weight: 600; box-shadow: 0 2px 1px #bcbcbc; z-index: 15; } .tooltip_item p{ margin-bottom: 0; text-align: center; } .tooltip_item:after{ content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; } .tooltip_initiator{ cursor: pointer; z-index: 10; text-align: center; } #order .tooltip_initiator{ font-size: 1.4em; } /* Tooltip direction - Left */ .tooltip[data-direction=left] .tooltip_initiator:hover ~ .tooltip_item { transform: translate3d(0, -50%, 0); visibility: visible; opacity: 1; } .tooltip[data-direction=left] .tooltip_item { top: 50%; right: calc(100% + 1em); transform: translate3d(15px, -50%, 0); } .tooltip[data-direction=left] .tooltip_item:after { top: 50%; right: -0.5em; transform: translate3d(0, -50%, 0); border-width: 0.5em 0 0.5em 0.5em; border-color: transparent transparent transparent #333; -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc); filter: drop-shadow(1px 2px 1px #bcbcbc); } /* Tooltip direction - right */ .tooltip[data-direction=right] .tooltip_initiator:hover ~ .tooltip_item { transform: translate3d(0, -50%, 0); visibility: visible; opacity: 1; } .tooltip[data-direction=right] .tooltip_item { top: 50%; left: calc(100% + 1em); transform: translate3d(-15px, -50%, 0); } .tooltip[data-direction=right] .tooltip_item:after { top: 50%; left: -0.5em; transform: translate3d(0, -50%, 0); border-width: 0.5em 0.5em 0.5em 0; border-color: transparent #333 transparent transparent; -webkit-filter: drop-shadow(-1px 2px 1px #bcbcbc); filter: drop-shadow(-1px 2px 1px #bcbcbc); } /* Tooltip direction - bottom */ .tooltip[data-direction=bottom] .tooltip_initiator:hover ~ .tooltip_item { transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; } .tooltip[data-direction=bottom] .tooltip_item { top: calc(100% + 1em); left: 50%; transform: translate3d(-50%, -15px, 0); } .tooltip[data-direction=bottom] .tooltip_item:after { top: -0.5em; left: 50%; transform: translate3d(-50%, 0, 0); border-width: 0 0.5em 0.5em 0.5em; border-color: transparent transparent #333 transparent; -webkit-filter: drop-shadow(1px -1px 1px #bcbcbc); filter: drop-shadow(1px -1px 1px #bcbcbc); } /* Tooltip direction - top */ .tooltip[data-direction=top] .tooltip_initiator:hover ~ .tooltip_item { transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 1; } .tooltip[data-direction=top] .tooltip_item { bottom: calc(100% + 1em); left: 50%; transform: translate3d(-50%, 15px, 0); } .tooltip[data-direction=top] .tooltip_item:after { bottom: -0.5em; left: 50%; transform: translate3d(50%, 0, 0); border-width: 0.5em 0.5em 0 0.5em; border-color: #333 transparent transparent transparent; -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc); filter: drop-shadow(1px 2px 1px #bcbcbc); } .fa.fa-info-circle { font-size: 38px; color: #21606b; } /* Tooltip responsive */ @media screen and (max-width: 450px){ .tooltip{ position: initial; } .tooltip .tooltip_item{ width: 98%; max-width: inherit; } .tooltip[data-direction=bottom] .tooltip_item{ top: calc(67% + 1em); } } /* ORDER CONFIRMATION */ #order-confirmation h1.page-heading{ font-size: 26px; text-align: center; font-weight: 600; margin-top: 40px; } #order-confirmation .validorder{ text-align: center; font-size: 18px; font-weight: 600; } #order-confirmation img.anim_orderok{ text-align: center; } #order-confirmation .order_conf_hist{ text-align: center; } #order-confirmation .order_conf_hist a.button-exclusive{ display: inline-block; } #order-confirmation .anim_valid_order{ width: 300px; display: block; margin-bottom: 30px; margin: 0 auto 30px auto; } #order-confirmation .view_hist_info p{ text-align: center; font-size: 16px; } #order-confirmation .view_hist_info a.button-exclusive{ display: block; margin: 15px auto 30px auto; background: linear-gradient(45deg, #1AE1A6, #1FDBCA); height: 50px; border-radius: 50px; max-width: 80%; width: 25vw; line-height: 34px; font-size: 1.8em; font-weight: 600; box-shadow: aliceblue; box-shadow: 0 4px 10px -2px rgba(0,0,0,0.2); transition: background 0.5s ease-in, box-shadow 0.3s ease-in; } #order-confirmation .view_hist_info a.button-exclusive:hover{ background: linear-gradient(45deg, #1FDBCA, #1AE1A6); box-shadow: 0 7px 11px -2px rgba(0,0,0,0.25); transition: background 0.5s ease-in, box-shadow 0.3s ease-in; } /* ORDER CONFIRMATION - SYSTEMPAY */ #order-confirmation .systempay_return_valid{ text-align: center; font-size: 18px; } #order-confirmation .systempay_return_valid .price{ font-weight: bold } /* ORDER CONFIRMATION - BANKWIRE */ #order-confirmation .bankwire_payment_ok, #order-confirmation .cheque_payment_ok{ text-align: center; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 3px 1px -2px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.15); margin-bottom: 30px; padding: 10px; } #order-confirmation .bankwire_payment_ok h2, #order-confirmation .cheque_payment_ok h2{ margin-bottom: 25px; } #order-confirmation .bankwire_payment_ok p, #order-confirmation .cheque_payment_ok p{ font-size: 14px; } #order-confirmation .bankwire_payment_ok ul, #order-confirmation .cheque_payment_ok ul{ font-size: 14px; line-height: 20px; margin-bottom: 25px; } #order-confirmation .bankwire_payment_ok ul li,#order-confirmation .cheque_payment_ok ul li{ margin-top: 10px; } #order-confirmation .cheque_payment_ref p{ font-size: 14px; } /* ORDER CONFIRMATION - PAYPAL */ /* ORDER CONFIRMATION - CHEQUE */ /* RESPONSIVE */ .lowres_display_only{ display: none; } /* FULL COMPARATIVE TABLE */ .table_fix_head{ overflow:auto; height: 800px; scrollbar-width: thin; scrollbar-color: #90A4AE #CFD8DC; } .table_fix_head::-webkit-scrollbar{ width: 11px; } .table_fix_head::-webkit-scrollbar-track { background: var(--scrollbarBG); border-radius: 6px; } .table_fix_head::-webkit-scrollbar-thumb { background-color: #90A4AE; border-radius: 6px; border: 3px solid #CFD8DC; } table.full_comparative_table{ width: 100%; margin: 0 auto; position: relative; font-family: roboto; } table.full_comparative_table, td{ border-collapse: collapse; } .full_comparative_table thead{ position: sticky; top: 0; } .table_fix_head thead th{ position: sticky; top: 0; background: #FF8445; color: white; font-size: 1.4rem; text-align: center; border: 1px solid white; } .full_comparative_table tbody.even{ background: #f9f9f9; } .full_comparative_table tbody.odd{ background: #efefef; } .full_comparative_table tr{ height: 50px; border: 1px solid #ccc; } .full_comparative_table tr td{ text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 1em; }